diff --git a/docs/en-US/component/tree-v2.md b/docs/en-US/component/tree-v2.md index 95c2f88f1f..a7f6c1861a 100644 --- a/docs/en-US/component/tree-v2.md +++ b/docs/en-US/component/tree-v2.md @@ -145,6 +145,7 @@ tree-v2/filter ## TreeV2 Slots -| Name | Description | -| ---- | ---------------------------------------------------------------------------------------------- | -| - | Custom content for tree nodes. The scope parameter is `{ node: TreeNode, data: TreeNodeData }` | +| Name | Description | +| -------------- | ---------------------------------------------------------------------------------------------- | +| - | Custom content for tree nodes. The scope parameter is `{ node: TreeNode, data: TreeNodeData }` | +| empty ^(2.9.0) | empty you can customize content when data is empty. | diff --git a/packages/components/tree-v2/__tests__/tree.test.ts b/packages/components/tree-v2/__tests__/tree.test.ts index cc792eb81c..b1638ab694 100644 --- a/packages/components/tree-v2/__tests__/tree.test.ts +++ b/packages/components/tree-v2/__tests__/tree.test.ts @@ -98,6 +98,7 @@ const createTree = ( methods?: TreeEvents slots?: { default?: string + empty?: string } } = {} ) => { @@ -106,6 +107,11 @@ const createTree = ( options.slots.default && ``) || '' + const emptySlot = + (options.slots && + options.slots.empty && + ``) || + '' const wrapper = _mount( ` ${defaultSlot} + >${defaultSlot}${emptySlot} `, { data() { @@ -234,6 +240,21 @@ describe('Virtual Tree', () => { expect(wrapper.find('.el-tree__empty-text').text()).toBe(emptyText) }) + test('render slot empty', async () => { + const { wrapper } = createTree({ + data() { + return { + data: [], + } + }, + slots: { + empty: `
empty
`, + }, + }) + await nextTick() + expect(wrapper.find('.empty-slot-wrapper').exists()).toBeTruthy() + }) + test('height', async () => { const { wrapper } = createTree({ data() { diff --git a/packages/components/tree-v2/src/tree.vue b/packages/components/tree-v2/src/tree.vue index 4d0e2e7906..ffd88cbaea 100644 --- a/packages/components/tree-v2/src/tree.vue +++ b/packages/components/tree-v2/src/tree.vue @@ -34,9 +34,11 @@
- {{ - emptyText ?? t('el.tree.emptyText') - }} + + + {{ emptyText ?? t('el.tree.emptyText') }} + +