hy-virtual-tree 1.1.16 → 1.1.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 ## Changelog
 
+### 1.1.18
+
+_2025-09-10_
+
+- 扩展[VirtualTree] 功能
+（1）修复CustomRenderFn 内置一层dom元素bug
+
+### 1.1.17
+
+_2025-09-10_
+
+- 扩展[VirtualTree] 功能
+（1）CustomRenderFn 内置一层dom元素，兼容vue2的new Vue()挂载问题
+
 ### 1.1.16
 
 _2025-09-09_

package/dist/index.js

@@ -1401,16 +1401,24 @@ function getContainer(config) {
 }
 /** 获取自定义元素函数的值 */
 function customRender(fn, node, options) {
-    const { parent, className, defaultFn } = options || {};
+    const { parent, className, defaultFn, inset = false } = options || {};
     let value;
     if (!fn || !isFunction(fn)) {
         value = defaultFn && isFunction(defaultFn) && defaultFn(node.data, node);
     }
     else {
-        value = fn(node.data, node);
-        if (isBoolean(value) && value) {
+        const dom = fn(node.data, node);
+        if (isBoolean(dom) && dom) {
             value = defaultFn && isFunction(defaultFn) && defaultFn(node.data, node);
         }
+        else if (isElement(dom) && inset) {
+            value = document.createElement('div');
+            className && value.classList.add(className);
+            value.appendChild(dom);
+        }
+        else {
+            value = dom;
+        }
     }
     if (isEmpty(value))
         return;
@@ -1811,7 +1819,6 @@ class VirtualTree {
             };
             /** 生成内容 */
             const generateContent = (data, item) => {
-                console.log("generateContent??", item);
                 const el = document.createElement('div');
                 el.innerHTML = item.label || '';
                 return el;
@@ -1831,14 +1838,13 @@ class VirtualTree {
                 // 是否显示状态
                 if (this._props.showStatus) {
                     statusSlot = customRender(config.renderStatus, item, {
+                        inset: true,
                         className: 'hy-tree-node__status',
                         defaultFn: (data, node) => useStatus(config, data)
                     });
                 }
                 // 右侧内容
-                if (config.renderRight) {
-                    rightSlot = customRender(config.renderRight, item, { className: 'hy-tree-node__right-content' });
-                }
+                rightSlot = customRender(config.renderRight, item, { inset: true, className: 'hy-tree-node__right-content' });
                 if (!isElement(statusSlot) && !isElement(rightSlot))
                     return;
                 const el = document.createElement('div');
@@ -1932,13 +1938,14 @@ class VirtualTree {
                 }
                 // 整个节点内容
                 customRender(config.renderItem, item, {
+                    inset: true,
                     parent: content,
                     className: 'hy-tree-node__node-content',
                     defaultFn: (data, node) => {
                         // 图标
-                        customRender(config.renderIcon, node, { parent: content, className: 'hy-tree-icon', defaultFn: generateIcon });
+                        customRender(config.renderIcon, node, { inset: true, parent: content, className: 'hy-tree-icon', defaultFn: generateIcon });
                         // 内容
-                        customRender(config.renderContent, node, { parent: content, className: 'hy-tree-node__content', defaultFn: generateContent });
+                        customRender(config.renderContent, node, { inset: true, parent: content, className: 'hy-tree-node__content', defaultFn: generateContent });
                         // 统计
                         customRender(generateStats, node, { parent: content });
                         // 右侧内容

package/package.json

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