From da5dd1a3bc84f19afca9a9ad3791f019e9d33c5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=87=A4=E7=9F=97?= <fengchu.yangfengch@alibaba-inc.com>
Date: Tue, 5 May 2020 17:10:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=B8=80=E4=B8=AAhover=E4=BA=8B=E4=BB=B6=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../vision-preset/src/components/index.tsx    | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/vision-preset/src/components/index.tsx b/packages/vision-preset/src/components/index.tsx
index 2518705aa..f32681dd0 100644
--- a/packages/vision-preset/src/components/index.tsx
+++ b/packages/vision-preset/src/components/index.tsx
@@ -48,12 +48,27 @@ export class InstanceNodeSelector extends React.Component<IProps, IState> {
       node.select();
     }
   };
-
+  onMouseOver = (node: Node) => (_: any, flag = true) => {
+    if (node && typeof node.hover === 'function') {
+      node.hover(flag);
+    }
+  };
+  onMouseOut = (node: Node) => (_: any, flag = false) => {
+    if (node && typeof node.hover === 'function') {
+      node.hover(flag);
+    }
+  };
   renderNodes = (node: Node) => {
     const nodes = this.state.parentNodes || [];
     const children = nodes.map((node, key) => {
       return (
-        <div key={key} onClick={this.onSelect(node)} className="instance-node-selector-node">
+        <div
+          key={key}
+          onClick={this.onSelect(node)}
+          onMouseEnter={this.onMouseOver(node)}
+          onMouseLeave={this.onMouseOut(node)}
+          className="instance-node-selector-node"
+        >
           <div className="instance-node-selector-node-content">
             <Title
               className="instance-node-selector-node-title"