@xwink/ui

Tree

树。数据声明式传入(items + itemLabel / itemValue / childrenKey 可改字段名),勾选(v-model:selected)、激活(v-model:activated)、展开(v-model:expanded)三态各自受控;selectStrategy="leaf" 时勾选父节点只取叶子;openAll 默认全展开。节点尾部内容用 append 插槽。

基础

勾选 + 激活

selected: —

activated: —

API

Props

名称类型默认值说明
items(object | Record<string, unknown>)[] | undefined[]
itemTitlestring | undefined"title"
itemValuestring | undefined"id"
childrenKeystring | undefined"children"
selectableboolean | undefinedfalse
activatableboolean | undefinedfalse
openAllboolean | undefinedfalse
selectStrategy"all" | "leaf" | undefined"all"
size"mini" | "small" | "medium" | "large" | "super" | undefinedundefined尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size
selectedstring[] | undefined[]
activatedstring[] | undefined[]
expandedstring[] | undefined[]

Emits

事件载荷说明
update:selected[value: string[]]
update:activated[value: string[]]
update:expanded[value: string[]]

Slots

插槽说明
append