From 94406b3f5f184f02c12e78eb31d4b9c398d8716c Mon Sep 17 00:00:00 2001
From: zhangwenshuai <zhangwenshuai@mttop.cn>
Date: Sun, 28 Jun 2020 19:55:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=A1=8Chover=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/apolloTable/component/Cell.tsx   | 17 +++++++++++++++++
 components/apolloTable/component/Table.less |  4 +++-
 components/apolloTable/component/Table.tsx  |  2 +-
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/components/apolloTable/component/Cell.tsx b/components/apolloTable/component/Cell.tsx
index 96c5f8e..9e26664 100644
--- a/components/apolloTable/component/Cell.tsx
+++ b/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
                 }
diff --git a/components/apolloTable/component/Table.less b/components/apolloTable/component/Table.less
index a1e0648..f09aae0 100644
--- a/components/apolloTable/component/Table.less
+++ b/components/apolloTable/component/Table.less
@@ -69,7 +69,9 @@
     color: @textGeneralColor;
     font-weight: @weightRegular;
 }
-
+.hover {
+    background: @tableHoverBgColor;
+}
 .headerGrid {
     width: 100%;
     overflow: hidden !important;
diff --git a/components/apolloTable/component/Table.tsx b/components/apolloTable/component/Table.tsx
index 48351db..60ba73a 100644
--- a/components/apolloTable/component/Table.tsx
+++ b/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}
-- 
2.21.0