@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[]—
    itemLabelstring | undefined"label"—
    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—