@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

package/dist/components/transfer/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.js","names":[],"sources":["../../../src/components/transfer/transfer.ts"],"sourcesContent":["import type {\n  TransferCheckState,\n  TransferFilter,\n  TransferItem,\n  TransferItemProps,\n  TransferPanelProps,\n  TransferSchema,\n  TransferSide,\n} from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  provideTransfer,\n  provideTransferItem,\n  provideTransferPanel,\n  useTransferContext,\n  useTransferItemContext,\n  useTransferPanelContext,\n} from './context'\nimport { useTransfer } from './use-transfer'\n\ntype TransferProps = TransferSchema['props']\n\n/** 默认插槽的载荷：目标侧的值与两侧的勾选、两侧当下可见的条目，以及勾选、写值与搬运的动作。 */\nexport interface TransferRootSlotProps {\n  value: string[]\n  selected: string[]\n  sourceItems: readonly TransferItem[]\n  targetItems: readonly TransferItem[]\n  canMove: (to: TransferSide) => boolean\n  checkState: (side: TransferSide) => TransferCheckState\n  isChecked: (value: string) => boolean\n  setValue: (next: string[]) => void\n  setSelected: (next: string[]) => void\n  toggle: (value: string) => void\n  toggleAll: (side: TransferSide) => void\n  move: (to: TransferSide) => void\n}\n\n/** 面板默认插槽的载荷：这一侧的身份、当下可见的条目、这一侧的全选三态与搜索词。 */\nexport interface TransferPanelSlotProps {\n  side: TransferSide\n  items: readonly TransferItem[]\n  checkState: TransferCheckState\n  query: string\n}\n\n/** 源/目标两个面板部件共用的插槽集合。 */\ninterface TransferPanelSlots {\n  default?: (props: TransferPanelSlotProps) => VNode[]\n}\n\nexport const XhTransferRoot = defineComponent({\n  name: 'XhTransferRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<TransferItem[]>, default: undefined },\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    selected: { type: Array as PropType<string[]>, default: undefined },\n    defaultSelected: { type: Array as PropType<string[]>, default: undefined },\n    searchable: Boolean,\n    filter: { type: Function as PropType<TransferFilter>, default: undefined },\n    disabled: Boolean,\n    oneWay: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸集合以支持 v-model\n  emits: {\n    'value-change': (_details: PayloadOf<TransferProps, 'onValueChange'>) => true,\n    'selection-change': (_details: PayloadOf<TransferProps, 'onSelectionChange'>) => true,\n    'update:value': (_value: PayloadOf<TransferProps, 'onValueChange'>['value']) => true,\n    'update:selected': (_selected: PayloadOf<TransferProps, 'onSelectionChange'>['selected']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TransferRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: TransferProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifySelected: TransferProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selected', details.selected)\n    }\n    const ctx = useTransfer(props as TransferProps, {\n      onValueChange: notifyValue,\n      onSelectionChange: notifySelected,\n    })\n    provideTransfer(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      selected: ctx.api.value.selected,\n      sourceItems: ctx.api.value.visibleItems('source'),\n      targetItems: ctx.api.value.visibleItems('target'),\n      canMove: ctx.api.value.canMove,\n      checkState: ctx.api.value.checkState,\n      isChecked: ctx.api.value.isChecked,\n      setValue: ctx.api.value.setValue,\n      setSelected: ctx.api.value.setSelected,\n      toggle: ctx.api.value.toggle,\n      toggleAll: ctx.api.value.toggleAll,\n      move: ctx.api.value.move,\n    }))\n  },\n})\n\n/** 生成源/目标面板共用的 setup，两侧只在 side 上不同 */\nfunction panelSetup(side: TransferSide): (props: unknown, ctx: { slots: TransferPanelSlots }) => () => VNode {\n  return (_: unknown, { slots }: { slots: TransferPanelSlots }) => {\n    const ctx = useTransferContext()\n    const panel = computed<TransferPanelProps>(() => ({ side }))\n    provideTransferPanel({ panel })\n    return () => h('div', ctx.api.value.getPanelProps(panel.value) as Record<string, unknown>, slots.default?.({\n      side,\n      // 这一侧当下看得见的条目（分侧 + 搜索之后），不是数据入口：入口叫 collection，是整份全集\n      items: ctx.api.value.visibleItems(side),\n      checkState: ctx.api.value.checkState(side),\n      query: ctx.api.value.query(side),\n    }))\n  }\n}\n\nexport const XhTransferSourcePanel = defineComponent({\n  name: 'XhTransferSourcePanel',\n  slots: Object as SlotsType<TransferPanelSlots>,\n  setup: panelSetup('source'),\n})\n\nexport const XhTransferTargetPanel = defineComponent({\n  name: 'XhTransferTargetPanel',\n  slots: Object as SlotsType<TransferPanelSlots>,\n  setup: panelSetup('target'),\n})\n\nexport const XhTransferPanelHeader = defineComponent({\n  name: 'XhTransferPanelHeader',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('div', ctx.api.value.getPanelHeaderProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferPanelTitle = defineComponent({\n  name: 'XhTransferPanelTitle',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('span', ctx.api.value.getPanelTitleProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferPanelCount = defineComponent({\n  name: 'XhTransferPanelCount',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 只带 data-checked-count / data-count 属性，文案由作者或皮肤层提供\n    return () => h('span', ctx.api.value.getPanelCountProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferSearch = defineComponent({\n  name: 'XhTransferSearch',\n  setup() {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('input', ctx.api.value.getSearchProps(panel.value) as Record<string, unknown>)\n  },\n})\n\nexport const XhTransferList = defineComponent({\n  name: 'XhTransferList',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('div', ctx.api.value.getListProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferSelectAllTrigger = defineComponent({\n  name: 'XhTransferSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 用原生 button，激活与禁用交给平台\n    return () => h('button', ctx.api.value.getSelectAllTriggerProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferItem = defineComponent({\n  name: 'XhTransferItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 条目只报值与所属面板，禁用与标签回 collection 里查；同一 value 的两侧节点靠 side 分身份\n    const item = computed<TransferItemProps>(() => ({ value: props.value, side: panel.value.side }))\n    provideTransferItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.FOCUS', side: panel.value.side, value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'LIST.BLUR', side: panel.value.side })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTransferItemText = defineComponent({\n  name: 'XhTransferItemText',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { item } = useTransferItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferItemCheckbox = defineComponent({\n  name: 'XhTransferItemCheckbox',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { item } = useTransferItemContext()\n    return () => h('span', ctx.api.value.getItemCheckboxProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferToTargetTrigger = defineComponent({\n  name: 'XhTransferToTargetTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    // 用原生 button，激活与禁用交给平台\n    return () => h('button', ctx.api.value.getToTargetTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferToSourceTrigger = defineComponent({\n  name: 'XhTransferToSourceTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    return () => h('button', ctx.api.value.getToSourceTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"transfer.js","names":[],"sources":["../../../src/components/transfer/transfer.ts"],"sourcesContent":["import type {\n  TransferCheckState,\n  TransferFilter,\n  TransferItem,\n  TransferItemProps,\n  TransferPanelProps,\n  TransferSchema,\n  TransferSide,\n} from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  provideTransfer,\n  provideTransferItem,\n  provideTransferPanel,\n  useTransferContext,\n  useTransferItemContext,\n  useTransferPanelContext,\n} from './context'\nimport { useTransfer } from './use-transfer'\n\ntype TransferProps = TransferSchema['props']\n\n/** 默认插槽的载荷：目标侧的值与两侧的勾选、两侧当下可见的条目，以及勾选、写值与搬运的动作。 */\nexport interface TransferRootSlotProps {\n  value: string[]\n  selection: string[]\n  sourceItems: readonly TransferItem[]\n  targetItems: readonly TransferItem[]\n  canMove: (to: TransferSide) => boolean\n  checkState: (side: TransferSide) => TransferCheckState\n  isChecked: (value: string) => boolean\n  setValue: (next: string[]) => void\n  setSelection: (next: string[]) => void\n  toggle: (value: string) => void\n  toggleAll: (side: TransferSide) => void\n  move: (to: TransferSide) => void\n}\n\n/** 面板默认插槽的载荷：这一侧的身份、当下可见的条目、这一侧的全选三态与搜索词。 */\nexport interface TransferPanelSlotProps {\n  side: TransferSide\n  items: readonly TransferItem[]\n  checkState: TransferCheckState\n  query: string\n}\n\n/** 源/目标两个面板部件共用的插槽集合。 */\ninterface TransferPanelSlots {\n  default?: (props: TransferPanelSlotProps) => VNode[]\n}\n\nexport const XhTransferRoot = defineComponent({\n  name: 'XhTransferRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<TransferItem[]>, default: undefined },\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    selection: { type: Array as PropType<string[]>, default: undefined },\n    defaultSelection: { type: Array as PropType<string[]>, default: undefined },\n    searchable: Boolean,\n    filter: { type: Function as PropType<TransferFilter>, default: undefined },\n    disabled: Boolean,\n    oneWay: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸集合以支持 v-model\n  emits: {\n    'value-change': (_details: PayloadOf<TransferProps, 'onValueChange'>) => true,\n    'selection-change': (_details: PayloadOf<TransferProps, 'onSelectionChange'>) => true,\n    'update:value': (_value: PayloadOf<TransferProps, 'onValueChange'>['value']) => true,\n    'update:selection': (_value: PayloadOf<TransferProps, 'onSelectionChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TransferRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: TransferProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifySelection: TransferProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const ctx = useTransfer(props as TransferProps, {\n      onValueChange: notifyValue,\n      onSelectionChange: notifySelection,\n    })\n    provideTransfer(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      selection: ctx.api.value.selection,\n      sourceItems: ctx.api.value.visibleItems('source'),\n      targetItems: ctx.api.value.visibleItems('target'),\n      canMove: ctx.api.value.canMove,\n      checkState: ctx.api.value.checkState,\n      isChecked: ctx.api.value.isChecked,\n      setValue: ctx.api.value.setValue,\n      setSelection: ctx.api.value.setSelection,\n      toggle: ctx.api.value.toggle,\n      toggleAll: ctx.api.value.toggleAll,\n      move: ctx.api.value.move,\n    }))\n  },\n})\n\n/** 生成源/目标面板共用的 setup，两侧只在 side 上不同 */\nfunction panelSetup(side: TransferSide): (props: unknown, ctx: { slots: TransferPanelSlots }) => () => VNode {\n  return (_: unknown, { slots }: { slots: TransferPanelSlots }) => {\n    const ctx = useTransferContext()\n    const panel = computed<TransferPanelProps>(() => ({ side }))\n    provideTransferPanel({ panel })\n    return () => h('div', ctx.api.value.getPanelProps(panel.value) as Record<string, unknown>, slots.default?.({\n      side,\n      // 这一侧当下看得见的条目（分侧 + 搜索之后），不是数据入口：入口叫 collection，是整份全集\n      items: ctx.api.value.visibleItems(side),\n      checkState: ctx.api.value.checkState(side),\n      query: ctx.api.value.query(side),\n    }))\n  }\n}\n\nexport const XhTransferSourcePanel = defineComponent({\n  name: 'XhTransferSourcePanel',\n  slots: Object as SlotsType<TransferPanelSlots>,\n  setup: panelSetup('source'),\n})\n\nexport const XhTransferTargetPanel = defineComponent({\n  name: 'XhTransferTargetPanel',\n  slots: Object as SlotsType<TransferPanelSlots>,\n  setup: panelSetup('target'),\n})\n\nexport const XhTransferPanelHeader = defineComponent({\n  name: 'XhTransferPanelHeader',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('div', ctx.api.value.getPanelHeaderProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferPanelTitle = defineComponent({\n  name: 'XhTransferPanelTitle',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('span', ctx.api.value.getPanelTitleProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferPanelCount = defineComponent({\n  name: 'XhTransferPanelCount',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 只带 data-checked-count / data-count 属性，文案由作者或皮肤层提供\n    return () => h('span', ctx.api.value.getPanelCountProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferSearch = defineComponent({\n  name: 'XhTransferSearch',\n  setup() {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('input', ctx.api.value.getSearchProps(panel.value) as Record<string, unknown>)\n  },\n})\n\nexport const XhTransferList = defineComponent({\n  name: 'XhTransferList',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    return () => h('div', ctx.api.value.getListProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferSelectAllTrigger = defineComponent({\n  name: 'XhTransferSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 用原生 button，激活与禁用交给平台\n    return () => h('button', ctx.api.value.getSelectAllTriggerProps(panel.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferItem = defineComponent({\n  name: 'XhTransferItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTransferContext()\n    const { panel } = useTransferPanelContext()\n    // 条目只报值与所属面板，禁用与标签回 collection 里查；同一 value 的两侧节点靠 side 分身份\n    const item = computed<TransferItemProps>(() => ({ value: props.value, side: panel.value.side }))\n    provideTransferItem({ item })\n    // 本条目持有焦点时，value 变更重报焦点条目，卸载时上报列表失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.FOCUS', side: panel.value.side, value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'LIST.BLUR', side: panel.value.side })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTransferItemText = defineComponent({\n  name: 'XhTransferItemText',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { item } = useTransferItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferItemCheckbox = defineComponent({\n  name: 'XhTransferItemCheckbox',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    const { item } = useTransferItemContext()\n    return () => h('span', ctx.api.value.getItemCheckboxProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferToTargetTrigger = defineComponent({\n  name: 'XhTransferToTargetTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    // 用原生 button，激活与禁用交给平台\n    return () => h('button', ctx.api.value.getToTargetTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTransferToSourceTrigger = defineComponent({\n  name: 'XhTransferToSourceTrigger',\n  setup(_, { slots }) {\n    const ctx = useTransferContext()\n    return () => h('button', ctx.api.value.getToSourceTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/tree/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/tree/context.ts
-const KEY = Symbol("xh-tree");
-const NODE_KEY = Symbol("xh-tree-node");
+const KEY = Symbol.for("xh-tree");
+const NODE_KEY = Symbol.for("xh-tree-node");
 function provideTree(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/tree/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tree/context.ts"],"sourcesContent":["import type { TreeNodeProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TreeContext } from './use-tree'\nimport { inject, provide } from 'vue'\n\n/** 节点自报的值，供 item / branch 的子部件复用同一份声明；层级、禁用与标签回 collection 里查。 */\nexport interface TreeNodeContext {\n  node: ComputedRef<TreeNodeProps>\n}\n\nconst KEY: InjectionKey<TreeContext> = Symbol('xh-tree')\nconst NODE_KEY: InjectionKey<TreeNodeContext> = Symbol('xh-tree-node')\n\nexport function provideTree(ctx: TreeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTreeContext(): TreeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tree 部件必须用在 XhTreeRoot 内')\n  return ctx\n}\n\nexport function provideTreeNode(ctx: TreeNodeContext): void {\n  provide(NODE_KEY, ctx)\n}\n\nexport function useTreeNodeContext(): TreeNodeContext {\n  const ctx = inject(NODE_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tree 节点子部件必须用在 XhTreeItem 或 XhTreeBranch 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAiC,OAAO,SAAS;AACvD,MAAM,WAA0C,OAAO,cAAc;AAErE,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT;AAEA,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tree/context.ts"],"sourcesContent":["import type { TreeNodeProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TreeContext } from './use-tree'\nimport { inject, provide } from 'vue'\n\n/** 节点自报的值，供 item / branch 的子部件复用同一份声明；层级、禁用与标签回 collection 里查。 */\nexport interface TreeNodeContext {\n  node: ComputedRef<TreeNodeProps>\n}\n\nconst KEY: InjectionKey<TreeContext> = Symbol.for('xh-tree')\nconst NODE_KEY: InjectionKey<TreeNodeContext> = Symbol.for('xh-tree-node')\n\nexport function provideTree(ctx: TreeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTreeContext(): TreeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tree 部件必须用在 XhTreeRoot 内')\n  return ctx\n}\n\nexport function provideTreeNode(ctx: TreeNodeContext): void {\n  provide(NODE_KEY, ctx)\n}\n\nexport function useTreeNodeContext(): TreeNodeContext {\n  const ctx = inject(NODE_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tree 节点子部件必须用在 XhTreeItem 或 XhTreeBranch 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAC3D,MAAM,WAA0C,OAAO,IAAI,cAAc;AAEzE,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT;AAEA,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}

package/dist/components/tree/tree.d.ts

@@ -5,7 +5,7 @@ import { Direction } from "@xihan-ui/kernel";
 //#region src/components/tree/tree.d.ts
 type TreeProps = TreeSchema['props'];
 /** 默认插槽的载荷：可见行序列与展开、选中、焦点状态，以及按值判定与展开、收起、选中的动作。 */
-type TreeRootSlotProps = Pick<TreeApi, 'visibleNodes' | 'expandedValue' | 'selectedValue' | 'focusedValue' | 'isExpanded' | 'isSelected' | 'isIndeterminate' | 'expand' | 'collapse' | 'select'>;
+type TreeRootSlotProps = Pick<TreeApi, 'visibleNodes' | 'expandedValue' | 'selection' | 'focusedValue' | 'isExpanded' | 'isSelected' | 'isIndeterminate' | 'expand' | 'collapse' | 'select'>;
 declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TreeNode[]>;
@@ -19,14 +19,23 @@ declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPro
     type: PropType<string[]>;
     default: undefined;
   };
-  selectedValue: {
+  selection: {
     type: PropType<string[]>;
     default: undefined;
   };
-  defaultSelectedValue: {
+  defaultSelection: {
     type: PropType<string[]>;
     default: undefined;
   };
+  multiple: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 末端那一层怎么排，默认 vertical；horizontal 让子节点全是叶子的那层并排铺开。 */
+  leafOrientation: {
+    type: PropType<TreeProps["leafOrientation"]>;
+    default: undefined;
+  };
   selectionMode: {
     type: PropType<TreeSelectionMode>;
     default: undefined;
@@ -59,7 +68,7 @@ declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPro
   'expanded-change': (_details: PayloadOf<TreeProps, "onExpandedChange">) => true;
   'update:expandedValue': (_value: PayloadOf<TreeProps, "onExpandedChange">["value"]) => true;
   'selection-change': (_details: PayloadOf<TreeProps, "onSelectionChange">) => true;
-  'update:selectedValue': (_value: PayloadOf<TreeProps, "onSelectionChange">["value"]) => true;
+  'update:selection': (_value: PayloadOf<TreeProps, "onSelectionChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TreeNode[]>;
@@ -73,14 +82,23 @@ declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPro
     type: PropType<string[]>;
     default: undefined;
   };
-  selectedValue: {
+  selection: {
     type: PropType<string[]>;
     default: undefined;
   };
-  defaultSelectedValue: {
+  defaultSelection: {
     type: PropType<string[]>;
     default: undefined;
   };
+  multiple: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 末端那一层怎么排，默认 vertical；horizontal 让子节点全是叶子的那层并排铺开。 */
+  leafOrientation: {
+    type: PropType<TreeProps["leafOrientation"]>;
+    default: undefined;
+  };
   selectionMode: {
     type: PropType<TreeSelectionMode>;
     default: undefined;
@@ -111,8 +129,9 @@ declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPro
   "onExpanded-change"?: ((_details: import("@xihan-ui/headless").TreeExpandedChangeDetails) => any) | undefined;
   "onUpdate:expandedValue"?: ((_value: string[]) => any) | undefined;
   "onSelection-change"?: ((_details: import("@xihan-ui/headless").TreeSelectionChangeDetails) => any) | undefined;
-  "onUpdate:selectedValue"?: ((_value: string[]) => any) | undefined;
+  "onUpdate:selection"?: ((_value: string[]) => any) | undefined;
 }>, {
+  multiple: boolean;
   collection: TreeNode[];
   dir: Direction;
   disabled: boolean;
@@ -123,8 +142,9 @@ declare const XhTreeRoot: import("vue").DefineComponent<import("vue").ExtractPro
   typeahead: boolean;
   expandedValue: string[];
   defaultExpandedValue: string[];
-  selectedValue: string[];
-  defaultSelectedValue: string[];
+  selection: string[];
+  defaultSelection: string[];
+  leafOrientation: import("@xihan-ui/kernel").Orientation | undefined;
   expandOnClick: boolean;
 }, SlotsType<{
   default?: (props: TreeRootSlotProps) => VNode[];
@@ -151,6 +171,12 @@ declare const XhTreeItem: import("vue").DefineComponent<import("vue").ExtractPro
 declare const XhTreeItemText: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTreeItemCheckbox: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTreeBranchCheckbox: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTreeItemIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -183,5 +209,5 @@ declare const XhTreeBranchContent: import("vue").DefineComponent<{}, () => VNode
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { TreeRootSlotProps, XhTreeBranch, XhTreeBranchContent, XhTreeBranchControl, XhTreeBranchIndicator, XhTreeBranchText, XhTreeBranchTrigger, XhTreeItem, XhTreeItemIndicator, XhTreeItemText, XhTreeLabel, XhTreeRoot, XhTreeTree };
+export { TreeRootSlotProps, XhTreeBranch, XhTreeBranchCheckbox, XhTreeBranchContent, XhTreeBranchControl, XhTreeBranchIndicator, XhTreeBranchText, XhTreeBranchTrigger, XhTreeItem, XhTreeItemCheckbox, XhTreeItemIndicator, XhTreeItemText, XhTreeLabel, XhTreeRoot, XhTreeTree };
 //# sourceMappingURL=tree.d.ts.map

package/dist/components/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","names":[],"sources":["../../../src/components/tree/tree.ts"],"mappings":";;;;;KASK,YAAY;;KAGL,oBAAoB,KAC9B;cAmCW,0BAAU,8BAAA;;IAIU,MAAA,SAAS;;;;IACN,MAAA;;;;IACO,MAAA;;;;IACP,MAAA;;;;IACO,MAAA;;;;IACN,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKrB,MAAA,SAAS;;;;;;EAIF,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;EACZ,qBAAA,UAAA,UAAU;EACR,yBAAA,QAAA,UAAU;;;IAnBd,MAAA,SAAS;;;;IACN,MAAA;;;;IACO,MAAA;;;;IACP,MAAA;;;;IACO,MAAA;;;;IACN,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKrB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;EAUtB,WAAC,OAAO,sBAAsB;kCA0B1C;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,0BAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;MAiBrB,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAOzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;;;;;;;;;;;MAkBvB,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAQ9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"tree.d.ts","names":[],"sources":["../../../src/components/tree/tree.ts"],"mappings":";;;;;KASK,YAAY;;KAGL,oBAAoB,KAC9B;cAmCW,0BAAU,8BAAA;;IAIU,MAAA,SAAS;;;;IACN,MAAA;;;;IACO,MAAA;;;;IACX,MAAA;;;;IACO,MAAA;;;;;;;;;IAGA,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKrB,MAAA,SAAS;;;;;;EAIF,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;EACZ,qBAAA,UAAA,UAAU;EACZ,qBAAA,QAAA,UAAU;;;IAtBV,MAAA,SAAS;;;;IACN,MAAA;;;;IACO,MAAA;;;;IACX,MAAA;;;;IACO,MAAA;;;;;;;;;IAGA,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;;;;;;;;;;;;;;IAKrB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;EAUtB,WAAC,OAAO,sBAAsB;kCA0B1C;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,0BAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;MAiBrB,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAOzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;;;;;;;;;;;MAkBvB,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAQ9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tree/tree.js

@@ -34,14 +34,23 @@ const XhTreeRoot = defineComponent({
 			type: Array,
 			default: void 0
 		},
-		selectedValue: {
+		selection: {
 			type: Array,
 			default: void 0
 		},
-		defaultSelectedValue: {
+		defaultSelection: {
 			type: Array,
 			default: void 0
 		},
+		multiple: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 末端那一层怎么排，默认 vertical；horizontal 让子节点全是叶子的那层并排铺开。 */
+		leafOrientation: {
+			type: String,
+			default: void 0
+		},
 		selectionMode: {
 			type: String,
 			default: void 0
@@ -73,7 +82,7 @@ const XhTreeRoot = defineComponent({
 		"expanded-change": (_details) => true,
 		"update:expandedValue": (_value) => true,
 		"selection-change": (_details) => true,
-		"update:selectedValue": (_value) => true
+		"update:selection": (_value) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -83,14 +92,14 @@ const XhTreeRoot = defineComponent({
 		};
 		const onSelectionChange = (details) => {
 			emit("selection-change", details);
-			emit("update:selectedValue", details.value);
+			emit("update:selection", details.value);
 		};
 		const ctx = useTree(props, onExpandedChange, onSelectionChange);
 		provideTree(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
 			visibleNodes: ctx.api.value.visibleNodes,
 			expandedValue: ctx.api.value.expandedValue,
-			selectedValue: ctx.api.value.selectedValue,
+			selection: ctx.api.value.selection,
 			focusedValue: ctx.api.value.focusedValue,
 			isExpanded: ctx.api.value.isExpanded,
 			isSelected: ctx.api.value.isSelected,
@@ -141,6 +150,22 @@ const XhTreeItemText = defineComponent({
 		return () => h("span", ctx.api.value.getItemTextProps(node.value), slots.default?.());
 	}
 });
+const XhTreeItemCheckbox = defineComponent({
+	name: "XhTreeItemCheckbox",
+	setup(_, { slots }) {
+		const ctx = useTreeContext();
+		const { node } = useTreeNodeContext();
+		return () => h("span", ctx.api.value.getItemCheckboxProps(node.value), slots.default?.());
+	}
+});
+const XhTreeBranchCheckbox = defineComponent({
+	name: "XhTreeBranchCheckbox",
+	setup(_, { slots }) {
+		const ctx = useTreeContext();
+		const { node } = useTreeNodeContext();
+		return () => h("span", ctx.api.value.getBranchCheckboxProps(node.value), slots.default?.());
+	}
+});
 const XhTreeItemIndicator = defineComponent({
 	name: "XhTreeItemIndicator",
 	setup(_, { slots }) {
@@ -208,6 +233,6 @@ const XhTreeBranchContent = defineComponent({
 	}
 });
 //#endregion
-export { XhTreeBranch, XhTreeBranchContent, XhTreeBranchControl, XhTreeBranchIndicator, XhTreeBranchText, XhTreeBranchTrigger, XhTreeItem, XhTreeItemIndicator, XhTreeItemText, XhTreeLabel, XhTreeRoot, XhTreeTree };
+export { XhTreeBranch, XhTreeBranchCheckbox, XhTreeBranchContent, XhTreeBranchControl, XhTreeBranchIndicator, XhTreeBranchText, XhTreeBranchTrigger, XhTreeItem, XhTreeItemCheckbox, XhTreeItemIndicator, XhTreeItemText, XhTreeLabel, XhTreeRoot, XhTreeTree };
 
 //# sourceMappingURL=tree.js.map

package/dist/components/tree/tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../../src/components/tree/tree.ts"],"sourcesContent":["import type { TreeApi, TreeNode, TreeNodeProps, TreeSchema, TreeSelectionMode } from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TreeContext } from './use-tree'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideTree, provideTreeNode, useTreeContext, useTreeNodeContext } from './context'\nimport { useTree } from './use-tree'\n\ntype TreeProps = TreeSchema['props']\n\n/** 默认插槽的载荷：可见行序列与展开、选中、焦点状态，以及按值判定与展开、收起、选中的动作。 */\nexport type TreeRootSlotProps = Pick<\n  TreeApi,\n  | 'visibleNodes'\n  | 'expandedValue'\n  | 'selectedValue'\n  | 'focusedValue'\n  | 'isExpanded'\n  | 'isSelected'\n  | 'isIndeterminate'\n  | 'expand'\n  | 'collapse'\n  | 'select'\n>\n\n/** 本节点持有焦点时，value 变更重报焦点节点，卸载时上报整树失焦 */\nfunction reportNodeFocus(ctx: TreeContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'NODE.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本节点当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TREE.BLUR' })\n  })\n}\n\nexport const XhTreeRoot = defineComponent({\n  name: 'XhTreeRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<TreeNode[]>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    selectedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultSelectedValue: { type: Array as PropType<string[]>, default: undefined },\n    selectionMode: { type: String as PropType<TreeSelectionMode>, default: undefined },\n    cascade: Boolean,\n    checkedStrategy: { type: String as PropType<TreeProps['checkedStrategy']>, default: undefined },\n    expandOnClick: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸集合；回传值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'expanded-change': (_details: PayloadOf<TreeProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<TreeProps, 'onExpandedChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TreeProps, 'onSelectionChange'>) => true,\n    'update:selectedValue': (_value: PayloadOf<TreeProps, 'onSelectionChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TreeRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onExpandedChange: TreeProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expandedValue', details.value)\n    }\n    const onSelectionChange: TreeProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selectedValue', details.value)\n    }\n    const ctx = useTree(props as TreeProps, onExpandedChange, onSelectionChange)\n    provideTree(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      visibleNodes: ctx.api.value.visibleNodes,\n      expandedValue: ctx.api.value.expandedValue,\n      selectedValue: ctx.api.value.selectedValue,\n      focusedValue: ctx.api.value.focusedValue,\n      isExpanded: ctx.api.value.isExpanded,\n      isSelected: ctx.api.value.isSelected,\n      isIndeterminate: ctx.api.value.isIndeterminate,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      select: ctx.api.value.select,\n    }))\n  },\n})\n\nexport const XhTreeLabel = defineComponent({\n  name: 'XhTreeLabel',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeTree = defineComponent({\n  name: 'XhTreeTree',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    return () => h('div', ctx.api.value.getTreeProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeItem = defineComponent({\n  name: 'XhTreeItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTreeContext()\n    const node = computed<TreeNodeProps>(() => ({ value: props.value }))\n    provideTreeNode({ node })\n    const el = ref<HTMLElement | null>(null)\n    reportNodeFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(node.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTreeItemText = defineComponent({\n  name: 'XhTreeItemText',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getItemTextProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeItemIndicator = defineComponent({\n  name: 'XhTreeItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranch = defineComponent({\n  name: 'XhTreeBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTreeContext()\n    const node = computed<TreeNodeProps>(() => ({ value: props.value }))\n    // 分支自身也是 treeitem，供其子部件读取；子节点各自再 provide 一层\n    provideTreeNode({ node })\n    const el = ref<HTMLElement | null>(null)\n    reportNodeFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getBranchProps(node.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTreeBranchControl = defineComponent({\n  name: 'XhTreeBranchControl',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('div', ctx.api.value.getBranchControlProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchTrigger = defineComponent({\n  name: 'XhTreeBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchTriggerProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchIndicator = defineComponent({\n  name: 'XhTreeBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchText = defineComponent({\n  name: 'XhTreeBranchText',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchTextProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchContent = defineComponent({\n  name: 'XhTreeBranchContent',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    // 收起只加 hidden，不卸载子树节点\n    return () => h('div', ctx.api.value.getBranchContentProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../../src/components/tree/tree.ts"],"sourcesContent":["import type { TreeApi, TreeNode, TreeNodeProps, TreeSchema, TreeSelectionMode } from '@xihan-ui/headless'\nimport type { Direction } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TreeContext } from './use-tree'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideTree, provideTreeNode, useTreeContext, useTreeNodeContext } from './context'\nimport { useTree } from './use-tree'\n\ntype TreeProps = TreeSchema['props']\n\n/** 默认插槽的载荷：可见行序列与展开、选中、焦点状态，以及按值判定与展开、收起、选中的动作。 */\nexport type TreeRootSlotProps = Pick<\n  TreeApi,\n  | 'visibleNodes'\n  | 'expandedValue'\n  | 'selection'\n  | 'focusedValue'\n  | 'isExpanded'\n  | 'isSelected'\n  | 'isIndeterminate'\n  | 'expand'\n  | 'collapse'\n  | 'select'\n>\n\n/** 本节点持有焦点时，value 变更重报焦点节点，卸载时上报整树失焦 */\nfunction reportNodeFocus(ctx: TreeContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'NODE.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本节点当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TREE.BLUR' })\n  })\n}\n\nexport const XhTreeRoot = defineComponent({\n  name: 'XhTreeRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<TreeNode[]>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    selection: { type: Array as PropType<string[]>, default: undefined },\n    defaultSelection: { type: Array as PropType<string[]>, default: undefined },\n    multiple: { type: Boolean, default: undefined },\n    /** 末端那一层怎么排，默认 vertical；horizontal 让子节点全是叶子的那层并排铺开。 */\n    leafOrientation: { type: String as PropType<TreeProps['leafOrientation']>, default: undefined },\n    selectionMode: { type: String as PropType<TreeSelectionMode>, default: undefined },\n    cascade: Boolean,\n    checkedStrategy: { type: String as PropType<TreeProps['checkedStrategy']>, default: undefined },\n    expandOnClick: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    typeahead: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸集合；回传值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'expanded-change': (_details: PayloadOf<TreeProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<TreeProps, 'onExpandedChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TreeProps, 'onSelectionChange'>) => true,\n    'update:selection': (_value: PayloadOf<TreeProps, 'onSelectionChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TreeRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onExpandedChange: TreeProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expandedValue', details.value)\n    }\n    const onSelectionChange: TreeProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const ctx = useTree(props as TreeProps, onExpandedChange, onSelectionChange)\n    provideTree(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      visibleNodes: ctx.api.value.visibleNodes,\n      expandedValue: ctx.api.value.expandedValue,\n      selection: ctx.api.value.selection,\n      focusedValue: ctx.api.value.focusedValue,\n      isExpanded: ctx.api.value.isExpanded,\n      isSelected: ctx.api.value.isSelected,\n      isIndeterminate: ctx.api.value.isIndeterminate,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      select: ctx.api.value.select,\n    }))\n  },\n})\n\nexport const XhTreeLabel = defineComponent({\n  name: 'XhTreeLabel',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeTree = defineComponent({\n  name: 'XhTreeTree',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    return () => h('div', ctx.api.value.getTreeProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeItem = defineComponent({\n  name: 'XhTreeItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTreeContext()\n    const node = computed<TreeNodeProps>(() => ({ value: props.value }))\n    provideTreeNode({ node })\n    const el = ref<HTMLElement | null>(null)\n    reportNodeFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(node.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTreeItemText = defineComponent({\n  name: 'XhTreeItemText',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getItemTextProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeItemCheckbox = defineComponent({\n  name: 'XhTreeItemCheckbox',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getItemCheckboxProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchCheckbox = defineComponent({\n  name: 'XhTreeBranchCheckbox',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchCheckboxProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeItemIndicator = defineComponent({\n  name: 'XhTreeItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranch = defineComponent({\n  name: 'XhTreeBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTreeContext()\n    const node = computed<TreeNodeProps>(() => ({ value: props.value }))\n    // 分支自身也是 treeitem，供其子部件读取；子节点各自再 provide 一层\n    provideTreeNode({ node })\n    const el = ref<HTMLElement | null>(null)\n    reportNodeFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getBranchProps(node.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTreeBranchControl = defineComponent({\n  name: 'XhTreeBranchControl',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('div', ctx.api.value.getBranchControlProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchTrigger = defineComponent({\n  name: 'XhTreeBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchTriggerProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchIndicator = defineComponent({\n  name: 'XhTreeBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchText = defineComponent({\n  name: 'XhTreeBranchText',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    return () => h('span', ctx.api.value.getBranchTextProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTreeBranchContent = defineComponent({\n  name: 'XhTreeBranchContent',\n  setup(_, { slots }) {\n    const ctx = useTreeContext()\n    const { node } = useTreeNodeContext()\n    // 收起只加 hidden，不卸载子树节点\n    return () => h('div', ctx.api.value.getBranchContentProps(node.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/tree-select/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/tree-select/context.ts
-const KEY = Symbol("xh-tree-select");
-const NODE_KEY = Symbol("xh-tree-select-node");
+const KEY = Symbol.for("xh-tree-select");
+const NODE_KEY = Symbol.for("xh-tree-select-node");
 function provideTreeSelect(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/tree-select/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tree-select/context.ts"],"sourcesContent":["import type { TreeSelectNodeProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TreeSelectContext } from './use-tree-select'\nimport { inject, provide } from 'vue'\n\n/** 节点自报的值，供 item / branch 的子部件复用同一份声明；层级、禁用与标签回 collection 里查。 */\nexport interface TreeSelectNodeContext {\n  node: ComputedRef<TreeSelectNodeProps>\n}\n\nconst KEY: InjectionKey<TreeSelectContext> = Symbol('xh-tree-select')\nconst NODE_KEY: InjectionKey<TreeSelectNodeContext> = Symbol('xh-tree-select-node')\n\nexport function provideTreeSelect(ctx: TreeSelectContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTreeSelectContext(): TreeSelectContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TreeSelect 部件必须用在 XhTreeSelectRoot 内')\n  return ctx\n}\n\nexport function provideTreeSelectNode(ctx: TreeSelectNodeContext): void {\n  provide(NODE_KEY, ctx)\n}\n\nexport function useTreeSelectNodeContext(): TreeSelectNodeContext {\n  const ctx = inject(NODE_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TreeSelect 节点子部件必须用在 XhTreeSelectItem 或 XhTreeSelectBranch 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,gBAAgB;AACpE,MAAM,WAAgD,OAAO,qBAAqB;AAElF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mEAAmE;CACrF,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tree-select/context.ts"],"sourcesContent":["import type { TreeSelectNodeProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TreeSelectContext } from './use-tree-select'\nimport { inject, provide } from 'vue'\n\n/** 节点自报的值，供 item / branch 的子部件复用同一份声明；层级、禁用与标签回 collection 里查。 */\nexport interface TreeSelectNodeContext {\n  node: ComputedRef<TreeSelectNodeProps>\n}\n\nconst KEY: InjectionKey<TreeSelectContext> = Symbol.for('xh-tree-select')\nconst NODE_KEY: InjectionKey<TreeSelectNodeContext> = Symbol.for('xh-tree-select-node')\n\nexport function provideTreeSelect(ctx: TreeSelectContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTreeSelectContext(): TreeSelectContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TreeSelect 部件必须用在 XhTreeSelectRoot 内')\n  return ctx\n}\n\nexport function provideTreeSelectNode(ctx: TreeSelectNodeContext): void {\n  provide(NODE_KEY, ctx)\n}\n\nexport function useTreeSelectNodeContext(): TreeSelectNodeContext {\n  const ctx = inject(NODE_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TreeSelect 节点子部件必须用在 XhTreeSelectItem 或 XhTreeSelectBranch 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AAEtF,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mEAAmE;CACrF,OAAO;AACT"}

package/dist/components/tree-select/tree-select.d.ts

@@ -11,6 +11,13 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<TreeNode[]>;
     default: undefined;
   };
+  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  /** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+  clearable: BooleanConstructor;
   value: {
     type: PropType<string | string[]>;
     default: undefined;
@@ -95,6 +102,13 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<TreeNode[]>;
     default: undefined;
   };
+  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  /** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+  clearable: BooleanConstructor;
   value: {
     type: PropType<string | string[]>;
     default: undefined;
@@ -175,6 +189,7 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
 }>, {
   name: string;
   invalid: boolean;
+  label: string;
   value: string | string[];
   multiple: boolean;
   collection: TreeNode[];
@@ -183,10 +198,10 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   tone: Tone;
   size: Size;
   disabled: boolean;
+  offset: number;
+  translations: Partial<import("@xihan-ui/headless").TreeSelectTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").TreeSelectTranslations> | undefined;
-  offset: number;
   variant: ControlVariant;
   readOnly: boolean;
   loop: boolean;
@@ -194,14 +209,19 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   cascade: boolean;
   placeholder: string;
   placement: Placement;
+  clearable: boolean;
   expandedValue: string[];
   defaultExpandedValue: string[];
 }, SlotsType<{
   default?: (props: TreeSelectRootSlotProps) => VNode[];
+  label?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTreeSelectLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTreeSelectControl: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTreeSelectTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -274,5 +294,5 @@ declare const XhTreeSelectHiddenInput: import("vue").DefineComponent<{}, () => V
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { TreeSelectRootSlotProps, XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchIndicator, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
+export { TreeSelectRootSlotProps, XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchIndicator, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
 //# sourceMappingURL=tree-select.d.ts.map

package/dist/components/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","names":[],"sources":["../../../src/components/tree-select/tree-select.ts"],"mappings":";;;;;KASK,kBAAkB;;KAGX,0BAA0B,KACpC;cA0CW,gCAAgB,8BAAA;;IAII,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;IACT,MAAA;;;;IACO,MAAA;;;;;;;;;;;IAKJ,MAAA,SAAS;;;;;;;IAIjB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;IAED,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;EAKL,iBAAA,UAAA,UAAU;EACP,oBAAA,UAAA,UAAU;EACd,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACF,yBAAA,QAAA,UAAU;EACpB,gBAAA,OAAA,UAAU;;;IA/BJ,MAAA,SAAS;;;;IACJ,MAAA;;;;IACO,MAAA;;;;IACT,MAAA;;;;IACO,MAAA;;;;;;;;;;;IAKJ,MAAA,SAAS;;;;;;;IAIjB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;IAED,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAatB,WAAC,OAAO,4BAA4B;kCA0ChD;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BASjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAU9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;MAiB3B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAkB7B,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAQpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"tree-select.d.ts","names":[],"sources":["../../../src/components/tree-select/tree-select.ts"],"mappings":";;;;;KAYK,kBAAkB;;KAGX,0BAA0B,KACpC;cA0CW,gCAAgB,8BAAA;;IAII,MAAA,SAAS;;;;;;;;;;;IAKJ,MAAA;;;;IACO,MAAA;;;;IACT,MAAA;;;;IACO,MAAA;;;;;;;;;;;IAKJ,MAAA,SAAS;;;;;;;IAIjB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;IAED,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;EAKL,iBAAA,UAAA,UAAU;EACP,oBAAA,UAAA,UAAU;EACd,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACF,yBAAA,QAAA,UAAU;EACpB,gBAAA,OAAA,UAAU;;;IAnCJ,MAAA,SAAS;;;;;;;;;;;IAKJ,MAAA;;;;IACO,MAAA;;;;IACT,MAAA;;;;IACO,MAAA;;;;;;;;;;;IAKJ,MAAA,SAAS;;;;;;;IAIjB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;IAED,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAatB,WAAC,OAAO,4BAA4B;EACtC,cAAM;kCAkDhB;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAc9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAsBjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAa9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;MAiB3B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;MAkB7B,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAQpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/tree-select/tree-select.js

@@ -1,6 +1,9 @@
+import { withXhConfig } from "../../config/config.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideTreeSelect, provideTreeSelectNode, useTreeSelectContext, useTreeSelectNodeContext } from "./context.js";
 import { useTreeSelect } from "./use-tree-select.js";
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { Teleport, computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/tree-select/tree-select.ts
 /** 本节点持有焦点时，value 变更重报焦点节点，卸载时上报焦点丢失 */
 function reportNodeFocus(ctx, el, value) {
@@ -26,6 +29,13 @@ const XhTreeSelectRoot = defineComponent({
 			type: Array,
 			default: void 0
 		},
+		/** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+		label: {
+			type: String,
+			default: void 0
+		},
+		/** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+		clearable: Boolean,
 		value: {
 			type: [String, Array],
 			default: void 0
@@ -119,13 +129,13 @@ const XhTreeSelectRoot = defineComponent({
 			emit("open-change", details);
 			emit("update:open", details.open);
 		};
-		const ctx = useTreeSelect(props, {
+		const ctx = useTreeSelect(withXhConfig("tree-select", props), {
 			onValueChange: notifyValue,
 			onExpandedChange: notifyExpanded,
 			onOpenChange: notifyOpen
 		});
 		provideTreeSelect(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default({
 			open: ctx.api.value.open,
 			value: ctx.api.value.value,
 			expandedValue: ctx.api.value.expandedValue,
@@ -143,7 +153,7 @@ const XhTreeSelectRoot = defineComponent({
 			collapse: ctx.api.value.collapse,
 			select: ctx.api.value.select,
 			clear: ctx.api.value.clear
-		}));
+		}) : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.label?.() ?? (props.label != null ? [props.label] : null), props.clearable) : []);
 	}
 });
 const XhTreeSelectLabel = defineComponent({
@@ -153,16 +163,26 @@ const XhTreeSelectLabel = defineComponent({
 		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
+const XhTreeSelectControl = defineComponent({
+	name: "XhTreeSelectControl",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+	}
+});
 const XhTreeSelectTrigger = defineComponent({
 	name: "XhTreeSelectTrigger",
 	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useTreeSelectContext();
-		return () => h("button", {
+		return () => h("button", fieldLabel.value({
 			...ctx.api.value.getTriggerProps(),
 			ref: (el) => {
 				ctx.triggerRef.value = el;
-			}
-		}, slots.default?.());
+			},
+			...fieldWiring.value
+		}), slots.default?.());
 	}
 });
 const XhTreeSelectValueText = defineComponent({
@@ -188,14 +208,20 @@ const XhTreeSelectClearTrigger = defineComponent({
 });
 const XhTreeSelectPositioner = defineComponent({
 	name: "XhTreeSelectPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useTreeSelectContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		const bars = useScrollbars({
+			scrollable: () => ctx.contentRef.value,
+			axes: ["vertical", "horizontal"],
+			props: () => ({ dir: ctx.api.value.getPositionerProps().dir })
+		});
+		return () => h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
+			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {
 				ctx.positionerRef.value = el;
 			}
-		}, slots.default?.());
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
 	}
 });
 const XhTreeSelectContent = defineComponent({
@@ -204,6 +230,7 @@ const XhTreeSelectContent = defineComponent({
 		const ctx = useTreeSelectContext();
 		return () => h("div", {
 			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
 			ref: (el) => {
 				ctx.contentRef.value = el;
 			}
@@ -316,7 +343,28 @@ const XhTreeSelectHiddenInput = defineComponent({
 		return () => h("input", ctx.api.value.getHiddenInputProps());
 	}
 });
+/** 按 collection 递归铺节点：带 children 的落成 branch，其余落成 item。 */
+function renderNodes(nodes) {
+	return nodes.map((node) => node.children ? h(XhTreeSelectBranch, {
+		key: node.value,
+		value: node.value
+	}, () => [h(XhTreeSelectBranchControl, null, () => [h(XhTreeSelectBranchTrigger), h(XhTreeSelectBranchText, null, () => node.label ?? node.value)]), h(XhTreeSelectBranchContent, null, () => renderNodes(node.children))]) : h(XhTreeSelectItem, {
+		key: node.value,
+		value: node.value
+	}, () => [h(XhTreeSelectItemIndicator), h(XhTreeSelectItemText, null, () => node.label ?? node.value)]));
+}
+/**
+* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
+* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+*/
+function renderDefaultTree(collection, label, clearable) {
+	return [
+		...label ? [h(XhTreeSelectLabel, null, () => label)] : [],
+		h(XhTreeSelectControl, null, () => [h(XhTreeSelectTrigger, null, () => [h(XhTreeSelectValueText), h(XhTreeSelectIndicator)]), ...clearable ? [h(XhTreeSelectClearTrigger)] : []]),
+		h(XhTreeSelectPositioner, null, () => [h(XhTreeSelectContent, null, () => h(XhTreeSelectTree, null, () => renderNodes(collection)))])
+	];
+}
 //#endregion
-export { XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchIndicator, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
+export { XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchIndicator, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
 
 //# sourceMappingURL=tree-select.js.map