test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-02 11:17:46 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat(components): [tree] support customize content when data is empty (#12459)

Browse Source
This commit is contained in:
Lov`u`e 2023-04-17 14:06:34 +08:00 committed by GitHub
parent c0b8f4751b
commit 5cd6d61400
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/en-US/component/tree.md
View File

@ -197,6 +197,7 @@ tree/draggable
## Slots
| Name | Description |
| ---- | ---------------------------------------------------------------------- |
| — | Custom content for tree nodes. The scope parameter is `{ node, data }` |
| Name | Description |
| ----- | ---------------------------------------------------------------------- |
| — | Custom content for tree nodes. The scope parameter is `{ node, data }` |
| empty | empty you can customize content when data is empty. |

8
packages/components/tree/src/tree.vue
View File

@ -22,9 +22,11 @@
@node-expand="handleNodeExpand"
/>
<div v-if="isEmpty" :class="ns.e('empty-block')">
<span :class="ns.e('empty-text')">{{
emptyText ?? t('el.tree.emptyText')
}}</span>
<slot name="empty">
<span :class="ns.e('empty-text')">
{{ emptyText ?? t('el.tree.emptyText') }}
</span>
</slot>
</div>
<div
v-show="dragState.showDropIndicator"