From cc11ffd17fb92f6e8bdc3eee76e72b49a6dc00fe Mon Sep 17 00:00:00 2001
From: * <8>
Date: Thu, 7 Apr 2022 11:56:48 +0800
Subject: [PATCH] Match-id-e266428ff041c68ffd2851a12262c612f5a354c3

---
 libs/extension/src/components/VTree.tsx | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/libs/extension/src/components/VTree.tsx b/libs/extension/src/components/VTree.tsx
index 5b04385e..8835aede 100644
--- a/libs/extension/src/components/VTree.tsx
+++ b/libs/extension/src/components/VTree.tsx
@@ -12,30 +12,36 @@ export interface IData {
   userKey: string;
 }
 
-type IItem = {
+interface IItem {
   hasChild: boolean,
   onCollapse: (id: string) => void,
   onClick: (id: string) => void,
   isCollapsed: boolean,
   isSelect: boolean,
   highlightValue: string,
-} & IData
+  data: IData,
+}
 
 const indentationLength = 20;
 
 function Item(props: IItem) {
   const {
-    name,
-    userKey,
     hasChild,
     onCollapse,
     isCollapsed,
-    id,
-    indentation,
+    data,
     onClick,
     isSelect,
     highlightValue = '',
   } = props;
+  
+  const {
+    name,
+    userKey,
+    id,
+    indentation,  
+  } = data;
+
   const isShowKey = userKey !== '';
   const showIcon = hasChild ? <Triangle director={isCollapsed ? 'right' : 'down'} /> : '';
   const handleClickCollapse = () => {
@@ -163,7 +169,7 @@ function VTree({ data, highlightValue, selectedId, onRendered }: {
                   onCollapse={changeCollapseNode}
                   onClick={handleClickItem}
                   highlightValue={highlightValue}
-                  {...item} />
+                  data={item} />
               );
             }}
           </VList>