hy-virtual-tree 1.1.61 → 1.1.63

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 ## Changelog
 
+### 1.1.63
+
+_2026-01-16_
+
+- 扩展[VirtualTree] 功能
+（1）优化树形的空数据占位图渲染逻辑为每次显示动态刷新元素
+
+### 1.1.62
+
+_2026-01-09_
+
+- 扩展[VirtualTree] 功能
+（1）新增 BusinessConfig.isOnlyShowSelected, 是否仅显示选中的节点，仅在关闭 RowSelection.checkStrictly 时生效
+
 ### 1.1.61
 
 _2026-01-07_

package/dist/index.js

@@ -425,8 +425,6 @@ class VirtualScroll {
         this.contentWrapper.appendChild(this.contentContainer);
         this.scrollContainer.appendChild(this.contentWrapper);
         this.container.appendChild(this.scrollContainer);
-        this.emptyContainer = this.renderEmpty();
-        this.scrollContainer.appendChild(this.emptyContainer);
         // Render initial visible items
         this.renderVisibleItems(0, Math.min(100, this.items.length));
     }
@@ -626,10 +624,17 @@ class VirtualScroll {
      */
     switchEmpty(show = true) {
         if (show) {
-            this.emptyContainer.style.display = '';
+            const newEmptyContainer = this.renderEmpty();
+            if (this.emptyContainer) {
+                this.scrollContainer.removeChild(this.emptyContainer);
+                this.emptyContainer = null;
+            }
+            this.emptyContainer = newEmptyContainer;
+            this.scrollContainer.appendChild(this.emptyContainer);
         }
-        else {
-            this.emptyContainer.style.display = 'none';
+        else if (this.emptyContainer) {
+            this.scrollContainer.removeChild(this.emptyContainer);
+            this.emptyContainer = null;
         }
     }
 }
@@ -862,6 +867,7 @@ const useConfig = (config) => {
         sortByStatus: true,
         clearEmptyBusiness: false,
         isShowChannelSelect: true,
+        isOnlyShowSelected: false,
         ...(config.businessConfig || {})
     };
     if (config.business) {
@@ -8907,6 +8913,7 @@ class VirtualTree {
         maxLevel: 0,
         hiddenNodeKeySet: new Set()
     };
+    _rowSelection = {};
     _business;
     _expandedKeySet = new Set(); // 展开的key
     _hiddenExpandIconKeySet = new Set(); // 隐藏展开图标
@@ -8921,6 +8928,8 @@ class VirtualTree {
     _getKey;
     _updateTree;
     _updateCheckedKeys = () => { };
+    _isChecked;
+    _isIndeterminate;
     _businessConfig = {};
     _isDestroy = false;
     getChecked;
@@ -8946,6 +8955,7 @@ class VirtualTree {
         const { getKey } = useHandleFun(config);
         this._getKey = getKey;
         this._businessConfig = config.businessConfig;
+        this._rowSelection = config.rowSelection;
         this._render(config);
     }
     /** 创建树数据 */
@@ -9067,8 +9077,13 @@ class VirtualTree {
         }
         while (stack.length) {
             const node = stack.pop();
-            if (hiddenKeys.has(node.key) ||
+            if (
+            // 是否隐藏节点
+            hiddenKeys.has(node.key) ||
                 this._tree.hiddenNodeKeySet.has(node.key) ||
+                // 是否只显示已选中的节点，仅在关闭 rowSelection?.checkStrictly 时生效
+                (this._businessConfig?.isOnlyShowSelected && !this._rowSelection?.checkStrictly && !(this._isChecked?.(node) || this._isIndeterminate?.(node))) ||
+                // 开启显示仅在线数据，隐藏没有在线设备的部门、群组节点
                 (this._businessConfig?.showOnlineState &&
                     /^(1|4)$/.test(node.data.dataType) &&
                     !node.count)) {
@@ -9184,6 +9199,8 @@ class VirtualTree {
         // getHalfCheckedNodes,
         setChecked, setCheckedKeys, setCheckedNodes, getSwitchCheckedValue, } = useCheck(config, this);
         this._updateCheckedKeys = updateCheckedKeys;
+        this._isChecked = isChecked;
+        this._isIndeterminate = isIndeterminate;
         this.getChecked = getChecked;
         this.getCheckedKeys = getCheckedKeys;
         this.getCheckedNodes = getCheckedNodes;
@@ -9204,10 +9221,11 @@ class VirtualTree {
             if (!rowSelection)
                 return;
             Object.assign(config.rowSelection, rowSelection);
+            this._rowSelection = config.rowSelection;
             if (checkedKeys.size) {
                 setCheckedKeys([]);
             }
-            this._refreshRender();
+            this._refreshVirtualScroll();
         };
         const useRenderItems = (config) => {
             /** 生成展开图标 */
@@ -9842,6 +9860,7 @@ class VirtualTree {
         this._virtualScroll = null;
         this._business = undefined;
         this._businessConfig = undefined;
+        this._rowSelection = {};
     };
 }
 

package/package.json

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