fix: fix tree hierarchical relationship (#484)

Co-authored-by: JounQin <admin@1stg.me>
alauda · Jul 18, 2023 · bda1860 · bda1860
1 parent 3973cd4
commit bda1860
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 2 deletions.
diff --git a/.changeset/slow-brooms-search.md b/.changeset/slow-brooms-search.md
@@ -0,0 +1,5 @@
+---
+"@alauda/ui": patch
+---
+
+fix: fix tree hierarchical relationship
diff --git a/src/tree-select/tree-node.component.html b/src/tree-select/tree-node.component.html
@@ -17,8 +17,9 @@
       [icon]="'spinner'"
     ></aui-icon>
     <aui-icon
-      *ngIf="nodeData.children && !nodeData.loading"
+      *ngIf="!nodeData.loading"
       class="aui-tree-node__indicator"
+      [class.isVisible]="nodeData.children"
       margin="left"
       size="16"
       [icon]="nodeData.expanded ? 'angle_down' : 'angle_right'"

diff --git a/src/tree-select/tree-node.component.scss b/src/tree-select/tree-node.component.scss
@@ -66,6 +66,10 @@
   }
 
   &__indicator {
+    &:not(.isVisible) {
+      visibility: hidden;
+    }
+
     &:hover {
       color: use-rgb(primary);
     }

diff --git a/stories/tree-select/tree-select.component.ts b/stories/tree-select/tree-select.component.ts
@@ -118,16 +118,34 @@ export default class TreeSelectComponent {
       icon: 'folder',
       expandedIcon: 'folder_open',
       children: [
+        {
+          label: 'c-0',
+          value: 'c-0',
+          icon: 'folder',
+          children: [
+            {
+              label: 'c-0-1',
+              value: 'c-0-1',
+              icon: 'file',
+            },
+            {
+              label: 'c-0-2',
+              value: 'c-0-2',
+              icon: 'file',
+            },
+          ],
+        },
         {
           label: 'c-1',
           value: 'c-1',
-          icon: 'file',
+          icon: 'folder',
         },
         {
           label: 'c-2',
           value: 'c-2',
           icon: 'file',
         },
+
       ],
     },
     {