From 23212774898c4ebb06f8f2b0dca9090461dfd73c Mon Sep 17 00:00:00 2001
From: * <8>
Date: Tue, 29 Mar 2022 12:02:43 +0800
Subject: [PATCH] Match-id-c6f3be2ae5ec4f9fe7002b321e94288f8698854f

---
 libs/extension/src/components/VTree.less | 12 +++++++-----
 libs/extension/src/components/VTree.tsx  |  1 -
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/libs/extension/src/components/VTree.less b/libs/extension/src/components/VTree.less
index 1890647d..8c86cf5b 100644
--- a/libs/extension/src/components/VTree.less
+++ b/libs/extension/src/components/VTree.less
@@ -10,6 +10,13 @@
 .treeItem {
   width: 100%;
   position: absolute;
+  
+.treeIcon {
+  color: @arrow-color;
+  display: inline-block;
+  width: 12px;
+  padding-left: 0.2rem;
+}
   .componentName {
     color: @component-name-color;
   }
@@ -21,8 +28,3 @@
   }
 }
 
-.treeIcon {
-  color: @arrow-color;
-  display: inline-block;
-  width: 12px
-}
diff --git a/libs/extension/src/components/VTree.tsx b/libs/extension/src/components/VTree.tsx
index 246a1e08..3a2c5360 100644
--- a/libs/extension/src/components/VTree.tsx
+++ b/libs/extension/src/components/VTree.tsx
@@ -22,7 +22,6 @@ const divHeight = 21;
 const indentationLength = 20;
 
 function Item({ name, style, userKey, hasChild, onCollapse, isCollapsed, id, indentation }: IItem) {
-  const key = userKey === '' ? '' : ` key = '${userKey}'`;
   const isShowKey = userKey !== '';
   const showIcon = hasChild ? <Arrow director={isCollapsed ? 'right' : 'down'} /> : '';
   const onClickCollapse = () => {