perf: 单个 tree-item 的 select 操作

jumpserver · Jun 3, 2024 · df76fc7 · df76fc7
1 parent 832303b
commit df76fc7
Showing 1 changed file with 40 additions and 14 deletions.
diff --git a/src/app/elements/asset-tree/asset-tree.component.ts b/src/app/elements/asset-tree/asset-tree.component.ts
@@ -97,6 +97,10 @@ export class ElementAssetTreeComponent implements OnInit {
         title: 'title'
       }
     },
+    check: {
+      enable: false,
+      chkboxType: { 'Y': 'ps', 'N': 'ps' }
+    },
   };
   pos = {left: '100px', top: '200px'};
   isShowRMenu = false;
@@ -146,20 +150,20 @@ export class ElementAssetTreeComponent implements OnInit {
         'hide': checkedLeafs.length === 0 || !treeChecked,
         'click': this.onMenuConnectChecked.bind(this)
       },
-      {
-        'id': 'connect',
-        'name': 'Connect',
-        'fa': 'fa-terminal',
-        'hide': cnode.isParent && !this.isK8s,
-        'click': this.onMenuConnect.bind(this)
-      },
-      {
-        'id': 'new-connection',
-        'name': 'Open in new window',
-        'fa': 'fa-external-link',
-        'hide': this.isK8s || cnode.isParent,
-        'click': this.onMenuConnectNewTab.bind(this)
-      },
+      // {
+      //   'id': 'connect',
+      //   'name': 'Connect',
+      //   'fa': 'fa-terminal',
+      //   'hide': cnode.isParent && !this.isK8s,
+      //   'click': this.onMenuConnect.bind(this)
+      // },
+      // {
+      //   'id': 'new-connection',
+      //   'name': 'Open in new window',
+      //   'fa': 'fa-external-link',
+      //   'hide': this.isK8s || cnode.isParent,
+      //   'click': this.onMenuConnectNewTab.bind(this)
+      // },
       {
         'id': 'split-connect',
         'name': 'Split connect',
@@ -214,6 +218,13 @@ export class ElementAssetTreeComponent implements OnInit {
         'fa': 'fa-star',
         'hide': !this.isAssetFavorite() || this.isK8s || cnode.isParent,
         'click': this.onMenuFavorite.bind(this)
+      },
+      {
+        'id': 'batch-select',
+        'name': 'Batch Select',
+        'fa': 'fa-check-square',
+        'hide': false,
+        'click': this.onBatchSelect.bind(this)
       }
     ];
   }
@@ -244,6 +255,21 @@ export class ElementAssetTreeComponent implements OnInit {
     }
   }
 
+  onBatchSelect() {
+    const tree = this.rightClickSelectNode.ztree;
+    const currentChecked = tree.setting.check.enable;
+
+    this.rightClickSelectNode.checked = !this.rightClickSelectNode.checked;
+
+    if (currentChecked) {
+      tree.checkAllNodes(false);
+    }
+    setTimeout(() => {
+      tree.setting.check.enable = !currentChecked;
+      tree.refresh();
+    });
+  }
+
   onNodeClick(event, treeId, treeNode, clickFlag) {
     const ztree = this.trees.find(t => t.name === treeId).ztree;
     if (treeNode.isParent) {