hy-virtual-tree 2.0.6 → 2.0.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 ## Changelog
 
+### 2.0.7
+
+_2026-03-16_
+
+（1）优化tooltip销毁时的效果
+（2）setChecked、setCheckedKeys、setCheckedNodes 方法新增 isForce 参数，可以不考虑隐藏逻辑，强制选中
+
 ### 2.0.6
 
 _2026-03-13_

package/dist/index.js

@@ -1,4 +1,4 @@
-/* hy-virtual-tree v2.0.6 */
+/* hy-virtual-tree v2.0.7 */
 import './svg_bundle.js';
 const isString = (e) => typeof e === 'string';
 const isNumber = (e) => typeof e === 'number';
@@ -7162,38 +7162,26 @@ class Tooltip {
                 break;
         }
     }
-    hide(isRealTime = false) {
+    hide() {
         this._openTimer && clearTimeout(this._openTimer);
         this._closeTimer && clearTimeout(this._closeTimer);
-        if (isRealTime) {
-            if (!this._el)
-                return;
-            this._el.style.setProperty('top', '-10000px');
-            this._el.style.setProperty('left', '-10000px');
-            if (!this._el.parentElement)
-                return;
-            this._el.parentElement.removeChild(this._el);
-        }
-        else {
+        if (!this._el)
+            return;
+        const el = this._el;
+        this._closeTimer = setTimeout(() => {
+            el.classList.remove('hy-tooltip-show');
+            this._closeTimer && clearTimeout(this._closeTimer);
             this._closeTimer = setTimeout(() => {
-                if (!this._el)
+                el.style.setProperty('top', '-10000px');
+                el.style.setProperty('left', '-10000px');
+                if (!el.parentElement)
                     return;
-                this._el.classList.remove('hy-tooltip-show');
-                this._closeTimer && clearTimeout(this._closeTimer);
-                this._closeTimer = setTimeout(() => {
-                    if (!this._el)
-                        return;
-                    this._el.style.setProperty('top', '-10000px');
-                    this._el.style.setProperty('left', '-10000px');
-                    if (!this._el.parentElement)
-                        return;
-                    this._el.parentElement.removeChild(this._el);
-                }, 200);
+                el.parentElement.removeChild(el);
             }, 200);
-        }
+        }, 200);
     }
     destroy() {
-        this.hide(true);
+        this.hide();
         this._timer && clearTimeout(this._timer);
         this._trigger && this._trigger.destroy();
         this._el = undefined;
@@ -8243,7 +8231,7 @@ function useCheck(props, instance) {
     };
     const isChecked = (node) => checkedKeys.has(node.key);
     const isIndeterminate = (node) => indeterminateKeys.has(node.key);
-    const toggleCheckbox = (node, isChecked, nodeClick = true, immediateUpdate = true, checkOnDbclick = false) => {
+    const toggleCheckbox = (node, isChecked, nodeClick = true, immediateUpdate = true, checkOnDbclick = false, isForce) => {
         const { type, checkStrictly, cancelable } = props.rowSelection;
         const checkedKeySet = checkedKeys;
         // 单选
@@ -8261,9 +8249,13 @@ function useCheck(props, instance) {
         }
         // 多选
         const toggle = (node, checked) => {
-            // 对隐藏的节点不做处理
-            if (instance._hiddenNodeKeySet.has(node.key) || (tree.hiddenNodeKeySet.has(node.key) && nodeClick))
-                return;
+            // 是否强制选中
+            if (!isForce) {
+                // 对隐藏的节点不做处理
+                if (instance._hiddenNodeKeySet.has(node.key) || (tree.hiddenNodeKeySet.has(node.key) && nodeClick))
+                    return;
+            }
+            console.log('???', checked);
             checkedKeySet[checked ? 'add' : 'delete'](node.key);
             const children = node.children;
             if ((!checkStrictly || checkOnDbclick) && children) {
@@ -8347,7 +8339,9 @@ function useCheck(props, instance) {
                         checkedBusinessNodes.push(getNodeData(node));
                     }
                     // 通道类型业务选中
-                    else if (business && [Business.CHANNEL, Business.PLAN_GROUP_DEVICE].includes(business) && [DataType.DEVICE, DataType.CHANNEL].includes(data.dataType)) {
+                    else if (business &&
+                        [Business.CHANNEL, Business.PLAN_GROUP_DEVICE].includes(business) &&
+                        [DataType.DEVICE, DataType.CHANNEL].includes(data.dataType)) {
                         // 开启通道可选中
                         if (props.businessConfig?.isShowChannelSelect) {
                             // 通道类型 或 没有通道的设备
@@ -8403,7 +8397,7 @@ function useCheck(props, instance) {
             halfCheckedKeys
         };
     }
-    function setCheckedKeys(keys, isBusiness = false) {
+    function setCheckedKeys(keys, isBusiness = false, isForce = false) {
         if (!Array.isArray(keys)) {
             console.warn('setCheckedKeys请传入数组');
             return;
@@ -8414,16 +8408,16 @@ function useCheck(props, instance) {
         if (type === 'radio' && keys.length > 1) {
             keys = [keys[0]];
         }
-        _setCheckedKeys(keys, isBusiness);
+        _setCheckedKeys(keys, isBusiness, isForce);
     }
-    function setChecked(key, isChecked, isBusiness = false) {
+    function setChecked(key, isChecked, isBusiness = false, isForce = false) {
         if (!tree || !isShowSelect(props))
             return;
         const { treeNodeMap, deviceMap, channelMap, teamMap, userMap, csMap } = tree;
         if (!isBusiness || !props.business) {
             const node = treeNodeMap.get(key);
             if (node) {
-                toggleCheckbox(node, isChecked, false);
+                toggleCheckbox(node, isChecked, false, true, true, isForce);
             }
             return;
         }
@@ -8454,10 +8448,10 @@ function useCheck(props, instance) {
         for (const node of nodeList) {
             if (!isShowSelect(props, node))
                 continue;
-            toggleCheckbox(node, isChecked, false);
+            toggleCheckbox(node, isChecked, false, true, false, isForce);
         }
     }
-    function _setCheckedKeys(keys = [], isBusiness = false) {
+    function _setCheckedKeys(keys = [], isBusiness = false, isForce = false) {
         if (!tree)
             return;
         const { treeNodeMap, deviceMap, channelMap, teamMap, userMap, csMap } = tree;
@@ -8468,7 +8462,7 @@ function useCheck(props, instance) {
             if (!isBusiness || !props.business) {
                 const node = treeNodeMap.get(key);
                 if (node && !isChecked(node) && isShowSelect(props, node)) {
-                    toggleCheckbox(node, true, false, false);
+                    toggleCheckbox(node, true, false, false, false, isForce);
                 }
                 continue;
             }
@@ -8499,13 +8493,13 @@ function useCheck(props, instance) {
             }
             for (const node of nodeList) {
                 if (node && !isChecked(node) && isShowSelect(props, node)) {
-                    toggleCheckbox(node, true, false, false);
+                    toggleCheckbox(node, true, false, false, false, isForce);
                 }
             }
         }
         updateCheckedKeys();
     }
-    function setCheckedNodes(data, isBusiness = false) {
+    function setCheckedNodes(data, isBusiness = false, isForce = false) {
         if (!Array.isArray(data)) {
             console.warn('setCheckedNodes请传入数组');
             return;
@@ -8516,9 +8510,9 @@ function useCheck(props, instance) {
         if (type === 'radio' && data.length > 1) {
             data = [data[0]];
         }
-        _setCheckedNodes(data, isBusiness);
+        _setCheckedNodes(data, isBusiness, isForce);
     }
-    function _setCheckedNodes(data = [], isBusiness = false) {
+    function _setCheckedNodes(data = [], isBusiness = false, isForce = false) {
         if (tree) {
             const { treeNodeMap, deviceMap, channelMap, teamMap, userMap, csMap } = tree;
             if (!isShowSelect(props) || !treeNodeMap || !data.length)
@@ -8533,7 +8527,7 @@ function useCheck(props, instance) {
                 if (!isBusiness || !props.business) {
                     const node = treeNodeMap.get(key);
                     if (node && !isChecked(node) && isShowSelect(props, node)) {
-                        toggleCheckbox(node, true, false, false);
+                        toggleCheckbox(node, true, false, false, false, isForce);
                     }
                     continue;
                 }
@@ -8571,7 +8565,7 @@ function useCheck(props, instance) {
                 }
                 for (const node of nodeList) {
                     if (node && !isChecked(node) && isShowSelect(props, node)) {
-                        toggleCheckbox(node, true, false, false);
+                        toggleCheckbox(node, true, false, false, false, isForce);
                     }
                 }
             }
@@ -9718,16 +9712,16 @@ class VirtualTree {
         this.getCheckedKeys = getCheckedKeys;
         this.getCheckedNodes = getCheckedNodes;
         this.getCheckedBusinessNodes = getCheckedBusinessNodes;
-        this.setChecked = (key, isChecked, isBusiness) => {
-            setChecked(key, isChecked, isBusiness);
+        this.setChecked = (key, isChecked, isBusiness, isForce) => {
+            setChecked(key, isChecked, isBusiness, isForce);
             this._refreshRender();
         };
-        this.setCheckedKeys = (keys, isBusiness) => {
-            setCheckedKeys(keys, isBusiness);
+        this.setCheckedKeys = (keys, isBusiness, isForce) => {
+            setCheckedKeys(keys, isBusiness, isForce);
             this._refreshRender();
         };
-        this.setCheckedNodes = (data, isBusiness) => {
-            setCheckedNodes(data, isBusiness);
+        this.setCheckedNodes = (data, isBusiness, isForce) => {
+            setCheckedNodes(data, isBusiness, isForce);
             this._refreshRender();
         };
         this.setRowSelection = (rowSelection) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hy-virtual-tree",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "type": "module",
   "scripts": {
     "dev": "vite",