From a3997dfd16fa42f5832198d140360aded16911c2 Mon Sep 17 00:00:00 2001
From: JEECG <445654970@qq.com>
Date: Tue, 24 Sep 2024 22:43:44 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90issues/7200=E3=80=91basicTable?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E5=90=8E=E6=B2=A1=E6=9C=89=E9=80=89=E4=B8=AD?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20---?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Table/src/hooks/useTableStyle.ts          | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/jeecgboot-vue3/src/components/Table/src/hooks/useTableStyle.ts b/jeecgboot-vue3/src/components/Table/src/hooks/useTableStyle.ts
index 292187d8..f15aa7c0 100644
--- a/jeecgboot-vue3/src/components/Table/src/hooks/useTableStyle.ts
+++ b/jeecgboot-vue3/src/components/Table/src/hooks/useTableStyle.ts
@@ -2,8 +2,40 @@ import type { ComputedRef } from 'vue';
 import type { BasicTableProps, TableCustomRecord } from '../types/table';
 import { unref } from 'vue';
 import { isFunction } from '/@/utils/is';
+import { ROW_KEY } from '/@/components/Table/src/const';
 
 export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string) {
+  /**
+   * 2024-09-19
+   * liaozhiyang
+   * 【issues/7200】basicTable选中后没有选中样式
+   * */
+  const isChecked = (propsRef, record) => {
+    const getAutoCreateKey = () => {
+      return unref(propsRef).autoCreateKey && !unref(propsRef).rowKey;
+    };
+    const getRowKey = () => {
+      const { rowKey } = unref(propsRef);
+      return getAutoCreateKey() ? ROW_KEY : rowKey;
+    };
+    // 获取行的key字段数据
+    const getRecordKey = (record) => {
+      const key = getRowKey();
+      if (!key) {
+        return record[ROW_KEY];
+      } else if (isFunction(key)) {
+        return key(record);
+      } else {
+        return record[key];
+      }
+    };
+    const { rowSelection } = unref(propsRef);
+    if (rowSelection?.selectedRowKeys?.length) {
+      return rowSelection.selectedRowKeys.includes(getRecordKey(record));
+    }
+    return false;
+  };
+
   function getRowClassName(record: TableCustomRecord, index: number) {
     const { striped, rowClassName } = unref(propsRef);
     const classNames: string[] = [];
@@ -13,6 +45,11 @@ export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls:
     if (rowClassName && isFunction(rowClassName)) {
       classNames.push(rowClassName(record, index));
     }
+    // update-begin--author:liaozhiyang---date:20240919---for：【issues/7200】basicTable选中后没有选中样式
+    if (isChecked(propsRef, record)) {
+      classNames.push('ant-table-row-selected');
+    }
+    // update-end--author:liaozhiyang---date:20240919---for：【issues/7200】basicTable选中后没有选中样式
     return classNames.filter((cls) => !!cls).join(' ');
   }