From ea7e630fc74ab7950b3a2bbeb980402f0ebb5003 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Thu, 7 Nov 2024 00:12:26 -0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=A7=E7=BA=B2?=
 =?UTF-8?q?=E6=A0=91=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E9=87=8D=E5=8F=A0=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/plugins/tree/src/Main.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/plugins/tree/src/Main.vue b/packages/plugins/tree/src/Main.vue
index 4ed6584ae0..f8308c2240 100644
--- a/packages/plugins/tree/src/Main.vue
+++ b/packages/plugins/tree/src/Main.vue
@@ -57,7 +57,7 @@
                   </span> -->
                   <span>{{ data.row.componentName }}</span>
                 </span>
-                <span v-show="!data.row.show" class="tree-handle" @mouseup="showNode(data.row)">
+                <span class="tree-handle" @mouseup="showNode(data.row)">
                   <icon-eyeopen v-show="data.row.show"></icon-eyeopen>
                   <icon-eyeclose v-show="!data.row.show"></icon-eyeclose>
                 </span>
@@ -105,6 +105,7 @@ export default {
       const translateChild = (data) => {
         data.forEach((item) => {
           item.show = pageState.nodesStatus[item.id] !== false
+          item.showEye = item.show === false
           const child = item.children
           if (typeOf(child) !== 'array') {
             delete item.children
@@ -312,16 +313,24 @@ export default {
     padding-top: 12px;
     border-top: 1px solid var(--ti-lowcode-tree-border-color);
 
-    .tree-handle svg {
-      color: var(--ti-lowcode-tree-icon-color);
+    .tree-handle {
+      display: none;
+      svg {
+        color: var(--ti-lowcode-tree-icon-color);
 
-      &:hover {
-        color: var(--ti-lowcode-tree-hover-icon-color);
+        &:hover {
+          color: var(--ti-lowcode-tree-hover-icon-color);
+        }
       }
     }
   }
   :deep(.tiny-grid) {
     background-color: unset;
+    .tree-box {
+      display: flex;
+      width: 200px;
+      justify-content: space-between;
+    }
 
     .tiny-grid-tree-wrapper {
       margin-right: 8px;

From 8aa1ec7f6f1e333ec9f8116fee8e6780ad946ab8 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Fri, 8 Nov 2024 00:40:21 -0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E8=B0=83=E6=95=B4=E5=A4=A7=E7=BA=B2?=
 =?UTF-8?q?=E6=A0=91=E7=9C=BC=E7=9D=9B=E6=8E=A7=E5=88=B6=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/plugins/tree/src/Main.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/plugins/tree/src/Main.vue b/packages/plugins/tree/src/Main.vue
index f8308c2240..07f85bf20f 100644
--- a/packages/plugins/tree/src/Main.vue
+++ b/packages/plugins/tree/src/Main.vue
@@ -47,8 +47,8 @@
                 class="tree-box"
                 :schemaId="data.row?.id"
                 :type="data.row.componentName"
-                @mouseover="mouseover(data.row, $event)"
-                @mouseleave="mouseleave(data.row, $event)"
+                @mouseover="mouseover(data.row)"
+                @mouseleave="mouseleave(data.row)"
                 @click="checkElement(data.row)"
               >
                 <span class="tree-content">
@@ -57,7 +57,7 @@
                   </span> -->
                   <span>{{ data.row.componentName }}</span>
                 </span>
-                <span class="tree-handle" @mouseup="showNode(data.row)">
+                <span v-show="data.row.showEye" class="tree-handle" @mouseup="showNode(data.row)">
                   <icon-eyeopen v-show="data.row.show"></icon-eyeopen>
                   <icon-eyeclose v-show="!data.row.show"></icon-eyeclose>
                 </span>
@@ -105,7 +105,7 @@ export default {
       const translateChild = (data) => {
         data.forEach((item) => {
           item.show = pageState.nodesStatus[item.id] !== false
-          item.showEye = item.show === false
+          item.showEye = !item.show
           const child = item.children
           if (typeOf(child) !== 'array') {
             delete item.children
@@ -172,7 +172,7 @@ export default {
       return component.icon || 'IconAssociation'
     }
 
-    const mouseover = (data, event) => {
+    const mouseover = (data) => {
       if (state.isLock) {
         return
       }
@@ -180,15 +180,14 @@ export default {
       const { hoverNode } = useCanvas().canvasApi.value
 
       hoverNode(data.id)
-      const handleEl = event.target.querySelector('.tree-handle')
-      handleEl && (handleEl.style.display = 'block')
+      data.showEye = true
     }
 
-    const mouseleave = (data, event) => {
+    const mouseleave = (data) => {
       if (data && !data.show) {
         return
       }
-      event.target.querySelector('.tree-handle').style.display = 'none'
+      data.showEye = false
     }
 
     const checkElement = (row) => {
@@ -314,7 +313,6 @@ export default {
     border-top: 1px solid var(--ti-lowcode-tree-border-color);
 
     .tree-handle {
-      display: none;
       svg {
         color: var(--ti-lowcode-tree-icon-color);