fix(n-tree): on virtual-scroll empty data placeholder lost problem (#…

…5197) Co-authored-by: 07akioni <07akioni2@gmail.com>
tusen-ai · Nov 11, 2023 · dcd50bc · dcd50bc
1 parent 6db3e18
commit dcd50bc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -6,6 +6,7 @@
 
 - Fix `n-tree` unexposed line color variable `--n-line-color`, closes [#5339](https://github.com/tusen-ai/naive-ui/issues/5339).
 - Fix `n-tree` The style of the selected node is not displayed in the case of 'disabled'.
+- Fix `n-tree` on `virtual-scroll` empty data placeholder lost problem.
 
 ### Features
 

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -6,6 +6,7 @@
 
 - 修复 `n-tree` 未暴露连接线颜色变量 `--n-line-color`，关闭[#5339](https://github.com/tusen-ai/naive-ui/issues/5339)
 - 修复 `n-tree` 在 `disabled` 的情况下不显示选中节点的样式
+- 修复 `n-tree` `virtual-scroll` 空数据占位符丢失
 
 ### Features
 

diff --git a/src/tree/src/Tree.tsx b/src/tree/src/Tree.tsx
@@ -1692,7 +1692,15 @@ export default defineComponent({
           {{
             default: () => {
               this.onRender?.()
-              return (
+              return !fNodes.length ? (
+                resolveSlot(this.$slots.empty, () => [
+                  <NEmpty
+                    class={`${mergedClsPrefix}-tree__empty`}
+                    theme={this.mergedTheme.peers.Empty}
+                    themeOverrides={this.mergedTheme.peerOverrides.Empty}
+                  />
+                ])
+              ) : (
                 <VVirtualList
                   ref="virtualListInstRef"
                   items={this.fNodes}