From 31286901a3ddbdafb94fc06d77ecadde363641fb Mon Sep 17 00:00:00 2001
From: daisy <47104575+linxianxi@users.noreply.github.com>
Date: Thu, 21 Dec 2023 11:35:19 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20memo=20onMouseEnter=E3=80=81onMouseLeav?=
 =?UTF-8?q?e=20(#1061)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* perf: memo onMouseEnter、onMouseLeave

* chore: useCallback -> useEvent
---
 src/Cell/index.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Cell/index.tsx b/src/Cell/index.tsx
index 27f552690..7e792d8d3 100644
--- a/src/Cell/index.tsx
+++ b/src/Cell/index.tsx
@@ -14,6 +14,7 @@ import type {
 } from '../interface';
 import useCellRender from './useCellRender';
 import useHoverState from './useHoverState';
+import { useEvent } from 'rc-util';
 
 export interface CellProps<RecordType extends DefaultRecordType> {
   prefixCls?: string;
@@ -153,21 +154,21 @@ function Cell<RecordType>(props: CellProps<RecordType>) {
   // ====================== Hover =======================
   const [hovering, onHover] = useHoverState(index, mergedRowSpan);
 
-  const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = event => {
+  const onMouseEnter: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
     if (record) {
       onHover(index, index + mergedRowSpan - 1);
     }
 
     additionalProps?.onMouseEnter?.(event);
-  };
+  });
 
-  const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = event => {
+  const onMouseLeave: React.MouseEventHandler<HTMLTableCellElement> = useEvent(event => {
     if (record) {
       onHover(-1, -1);
     }
 
     additionalProps?.onMouseLeave?.(event);
-  };
+  });
 
   // ====================== Render ======================
   if (mergedColSpan === 0 || mergedRowSpan === 0) {