hy-virtual-tree 2.0.6 → 2.0.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 ## Changelog
 
+### 2.0.8
+
+_2026-03-17_
+
+（1）修复自定义元素插槽传入元素节点时没有正常渲染bug
+
+### 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.8 */
 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);
                     }
                 }
             }
@@ -9030,7 +9024,7 @@ const generateStats = (data, node) => {
 };
 // 自定义渲染元素
 const customRender = (options) => {
-    const { fn, node, parent, className, defaultFn, inset = false } = options || {};
+    const { fn, node, parent, className, defaultFn } = options || {};
     let value;
     // 没有传入的自定义函数则使用默认函数
     if (!fn || !isFunction(fn)) {
@@ -9060,32 +9054,14 @@ const customRender = (options) => {
         return value;
     }
     else if (isElement(value)) {
-        if (inset) {
-            return createVNode('div', (vnode) => {
-                className && vnode.el.classList.add(className);
-                vnode.el.appendChild(value);
-            });
-        }
-        else {
-            className && value.classList.add(className);
+        return createVNode('div', (vnode) => {
+            className && vnode.el.classList.add(className);
+            vnode.el.appendChild(value);
+            vnode.$destroy = value.$destroy;
             if (parent) {
-                if (parent.el) {
-                    parent.el.appendChild(value);
-                }
-                const target = {
-                    el: value,
-                    destroy: () => {
-                        // @ts-ignore
-                        value && value.$destroy && value.$destroy();
-                        // @ts-ignore
-                        value && value.destroy && value.destroy();
-                    }
-                };
-                if (!parent.children)
-                    parent.children = [];
-                parent.children.push(target);
+                vnode.mount(parent);
             }
-        }
+        });
     }
     if (isEmpty(value))
         return;
@@ -9718,16 +9694,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) => {
@@ -9782,7 +9758,6 @@ class VirtualTree {
                     statusSlot = customRender({
                         fn: config.renderStatus,
                         node: item,
-                        inset: true,
                         className: 'hy-tree-node__status',
                         defaultFn: (data, node) => {
                             return useStatus(config, data);
@@ -9790,7 +9765,7 @@ class VirtualTree {
                     });
                 }
                 // 右侧内容
-                rightSlot = customRender({ fn: config.renderRight, node: item, inset: true, className: 'hy-tree-node__right-content' });
+                rightSlot = customRender({ fn: config.renderRight, node: item, className: 'hy-tree-node__right-content' });
                 if (!statusSlot && !rightSlot)
                     return;
                 return createVNode('div', (vnode) => {
@@ -9901,14 +9876,13 @@ class VirtualTree {
                             customRender({
                                 fn: config.renderItem,
                                 node: item,
-                                inset: true,
                                 parent: contentContainer,
                                 className: 'hy-tree-node__node-content',
                                 defaultFn: (data, node) => {
                                     // 图标
-                                    customRender({ fn: config.renderIcon, node, inset: true, parent: contentContainer, className: 'hy-tree-icon', defaultFn: generateIcon });
+                                    customRender({ fn: config.renderIcon, node, parent: contentContainer, className: 'hy-tree-icon', defaultFn: generateIcon });
                                     // 内容
-                                    customRender({ fn: config.renderContent, node, inset: true, parent: contentContainer, className: 'hy-tree-node__content', defaultFn: useContent });
+                                    customRender({ fn: config.renderContent, node, parent: contentContainer, className: 'hy-tree-node__content', defaultFn: useContent });
                                     // 统计
                                     if (isShowCount(this._props.showCount, item)) {
                                         customRender({ fn: generateStats, node, parent: contentContainer });

package/package.json

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