增加行hover效果

components/apolloTable/component/Cell.tsx

@@ -5,6 +5,7 @@ import _ from 'lodash';
 import { config } from './base/config';
 import { getEditComponent, getFormat, setFormat } from './base';
 import s from './Cell.less';
+import tableStyle from './Table.less';
 import { CellProps, CellDataProps } from './interface';
 import FormHelper from '../utils/formHelper';
 import firstIcon from '../assets/first.png';
@@ -103,6 +104,20 @@ const Cell = (props: CellProps) => {
         }
         setStatus('detail');
     };
+    // 添加行hover样式
+    const onMouseEnter = () => {
+        const doms = document.querySelectorAll(`.row_${rowIndex}`);
+        doms.forEach((dom) => {
+            dom.classList.add(tableStyle.hover);
+        });
+    };
+    // 去除行hover样式
+    const onMouseLeave = () => {
+        const doms = document.querySelectorAll(`.row_${rowIndex}`);
+        doms.forEach((dom) => {
+            dom.classList.remove(tableStyle.hover);
+        });
+    };
 
     const selfRenderDetailCell = () => {
         let empty =
@@ -169,6 +184,8 @@ const Cell = (props: CellProps) => {
 
         const detail = (
             <div
+                onMouseEnter={onMouseEnter}
+                onMouseLeave={onMouseLeave}
                 className={
                     selectedCell === `${position}_${cellKey}` ? classNames(s.detailCell, s.selected) : s.detailCell
                 }

components/apolloTable/component/Table.less

@@ -69,7 +69,9 @@
     color: @textGeneralColor;
     font-weight: @weightRegular;
 }
-
+.hover {
+    background: @tableHoverBgColor;
+}
 .headerGrid {
     width: 100%;
     overflow: hidden !important;

components/apolloTable/component/Table.tsx

@@ -393,7 +393,7 @@ export default class AirTable extends Component<TableProps, TableState> {
                 columnData={columnData}
                 record={record}
                 emitChangeCell={emitChangeCell}
-                cellClassName={classNames(rowClassNameStr, cellClassNameStr)}
+                cellClassName={classNames(`row_${rowIndex}`, rowClassNameStr, cellClassNameStr)}
                 cellStyle={{ ...rowStyleObj, ...cellStyleObj }}
                 columns={columns}
                 paginationConfig={paginationConfig}