@xihan-ui/vue 2.0.0 → 3.0.0

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

@@ -1,15 +1,19 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
 import { ControlVariant, Direction, Placement, Size, Tone } from "@xihan-ui/core";
-import { TreeSelectApi, TreeSelectNode, TreeSelectSchema } from "@xihan-ui/headless";
+import { CollectionVirtualizer, TreeSelectApi, TreeSelectNode, TreeSelectSchema } from "@xihan-ui/headless";
 //#region src/components/tree-select/tree-select.d.ts
 type TreeSelectProps = TreeSelectSchema['props'];
-/** 默认插槽的载荷：展开与选中状态、可见行序列、节点状态判定与写值方法。 */
-type TreeSelectRootSlotProps = Pick<TreeSelectApi, 'open' | 'value' | 'expandedValue' | 'visibleNodes' | 'focusedValue' | 'empty' | 'loading' | 'displayText' | 'canClear' | 'isSelected' | 'isIndeterminate' | 'isExpanded' | 'branchLoadState' | 'setOpen' | 'setValue' | 'setExpandedValue' | 'expand' | 'collapse' | 'retryBranch' | 'select' | 'clear'>;
+/** 默认插槽的载荷：展开与选中状态、可见行序列、搜索视图、多选的可见标签与折起的个数、节点状态判定与写值方法。 */
+type TreeSelectRootSlotProps = Pick<TreeSelectApi, 'open' | 'searching' | 'inputValue' | 'value' | 'expandedValue' | 'visibleNodes' | 'focusedValue' | 'empty' | 'loading' | 'displayText' | 'canClear' | 'tags' | 'overflowCount' | 'overflowText' | 'isSelected' | 'isIndeterminate' | 'isExpanded' | 'branchLoadState' | 'setOpen' | 'setValue' | 'setExpandedValue' | 'setInputValue' | 'expand' | 'collapse' | 'retryBranch' | 'select' | 'clear' | 'deselect'>;
 declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<TreeSelectNode[]>;
   };
+  /** 完整 collection 与 Virtualizer 的焦点桥；count 必须等于当前 visibleNodes.length。 */
+  virtualizer: {
+    type: PropType<CollectionVirtualizer>;
+  };
   loadChildren: {
     type: PropType<TreeSelectProps["loadChildren"]>;
   };
@@ -37,6 +41,16 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   };
   defaultOpen: BooleanConstructor;
   multiple: BooleanConstructor;
+  /** 多选标签最多显示的数量，其余折进 +N；默认 3。 */
+  maxTagCount: {
+    type: NumberConstructor;
+  };
+  /** 浮层内搜索：展开时焦点先落在搜索框上，输入即把树裁到只剩命中的那几枝。 */
+  searchable: BooleanConstructor;
+  /** 自定义匹配规则；缺省为标签大小写不敏感包含。 */
+  filter: {
+    type: PropType<TreeSelectProps["filter"]>;
+  };
   cascade: BooleanConstructor;
   checkedStrategy: {
     type: PropType<TreeSelectProps["checkedStrategy"]>;
@@ -104,6 +118,10 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   collection: {
     type: PropType<TreeSelectNode[]>;
   };
+  /** 完整 collection 与 Virtualizer 的焦点桥；count 必须等于当前 visibleNodes.length。 */
+  virtualizer: {
+    type: PropType<CollectionVirtualizer>;
+  };
   loadChildren: {
     type: PropType<TreeSelectProps["loadChildren"]>;
   };
@@ -131,6 +149,16 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   };
   defaultOpen: BooleanConstructor;
   multiple: BooleanConstructor;
+  /** 多选标签最多显示的数量，其余折进 +N；默认 3。 */
+  maxTagCount: {
+    type: NumberConstructor;
+  };
+  /** 浮层内搜索：展开时焦点先落在搜索框上，输入即把树裁到只剩命中的那几枝。 */
+  searchable: BooleanConstructor;
+  /** 自定义匹配规则；缺省为标签大小写不敏感包含。 */
+  filter: {
+    type: PropType<TreeSelectProps["filter"]>;
+  };
   cascade: BooleanConstructor;
   checkedStrategy: {
     type: PropType<TreeSelectProps["checkedStrategy"]>;
@@ -187,11 +215,11 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   "onUpdate:value"?: ((_value: string[]) => any) | undefined;
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").TreeSelectOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
-  "onExpanded-value-change"?: ((_details: import("@xihan-ui/headless").TreeSelectExpandedValueChangeDetails) => any) | undefined;
-  "onUpdate:expandedValue"?: ((_value: string[]) => any) | undefined;
   "onBranch-load-start"?: ((_details: import("@xihan-ui/headless").TreeSelectBranchLoadStartDetails) => any) | undefined;
   "onBranch-load"?: ((_details: import("@xihan-ui/headless").TreeSelectBranchLoadDetails) => any) | undefined;
   "onBranch-load-error"?: ((_details: import("@xihan-ui/headless").TreeSelectBranchLoadErrorDetails) => any) | undefined;
+  "onExpanded-value-change"?: ((_details: import("@xihan-ui/headless").TreeSelectExpandedValueChangeDetails) => any) | undefined;
+  "onUpdate:expandedValue"?: ((_value: string[]) => any) | undefined;
 }>, {
   invalid: boolean;
   multiple: boolean;
@@ -202,6 +230,7 @@ declare const XhTreeSelectRoot: import("vue").DefineComponent<import("vue").Extr
   loading: boolean;
   readOnly: boolean;
   cascade: boolean;
+  searchable: boolean;
   clearable: boolean;
 }, SlotsType<{
   default?: (props: TreeSelectRootSlotProps) => VNode[];
@@ -219,6 +248,37 @@ declare const XhTreeSelectTrigger: import("vue").DefineComponent<{}, () => VNode
 declare const XhTreeSelectValueText: 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 XhTreeSelectTagList: 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>;
+/** 标签文字所在的块（tag 的 label）：截断规则挂在这一层。 */
+declare const XhTreeSelectTagLabel: 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>;
+/** 一个选中值一个标签，即库内 tag 的 root（data-scope="tag"）：语气、尺寸与禁用从树选择传下，形态按控件的面派生；触发器内纯展示，触发器外配合 XhTreeSelectItemDeleteTrigger 可删除。 */
+declare const XhTreeSelectTag: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 它代表哪个选中值。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 它代表哪个选中值。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 折叠的标签合成的一个标签：同样是 tag 的 root；有插槽时使用插槽，否则显示 +N。没有折叠的标签时连接层写 hidden。 */
+declare const XhTreeSelectOverflowTag: 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>;
+/** 标签中的删除按钮：即所在标签那份 tag 的 close-trigger（data-scope="tag"），可及名使用 translations.deleteItem；点按移除所在标签的选中值。 */
+declare const XhTreeSelectItemDeleteTrigger: 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 XhTreeSelectIndicator: 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>;
@@ -241,6 +301,10 @@ declare const XhTreeSelectPositioner: import("vue").DefineComponent<import("vue"
 declare const XhTreeSelectContent: 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>;
+/** 浮层内搜索框：放在 content 中、tree 之前；没开 searchable 时带 hidden。 */
+declare const XhTreeSelectInput: 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 XhTreeSelectTree: 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>;
@@ -260,6 +324,14 @@ declare const XhTreeSelectItem: import("vue").DefineComponent<import("vue").Extr
 declare const XhTreeSelectItemText: 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>;
+/** 条目的第 2 行副文本，跨文字槽、走 muted 档 */
+declare const XhTreeSelectItemDescription: 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 XhTreeSelectItemSuffix: 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 XhTreeSelectItemIndicator: 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>;
@@ -316,5 +388,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, XhTreeSelectBranchEmpty, XhTreeSelectBranchError, XhTreeSelectBranchIndicator, XhTreeSelectBranchLoading, XhTreeSelectBranchRetryTrigger, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectEmpty, XhTreeSelectFooter, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectLoading, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
+export { TreeSelectRootSlotProps, XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchEmpty, XhTreeSelectBranchError, XhTreeSelectBranchIndicator, XhTreeSelectBranchLoading, XhTreeSelectBranchRetryTrigger, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectEmpty, XhTreeSelectFooter, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectInput, XhTreeSelectItem, XhTreeSelectItemDeleteTrigger, XhTreeSelectItemDescription, XhTreeSelectItemIndicator, XhTreeSelectItemSuffix, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectLoading, XhTreeSelectOverflowTag, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTag, XhTreeSelectTagLabel, XhTreeSelectTagList, 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":"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"}
+{"version":3,"file":"tree-select.d.ts","names":[],"sources":["../../../src/components/tree-select/tree-select.ts"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 import { withXhConfig } from "../../config/config.js";
 import { XhPortal } from "../../runtime/portal.js";
+import { slotIsPlainText } from "../../runtime/slot-content.js";
 import { useScrollbars } from "../../runtime/use-scrollbars.js";
 import { useFormControlProps } from "../form/use-form-control.js";
 import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
-import { provideTreeSelect, provideTreeSelectContent, provideTreeSelectNode, useTreeSelectContentContext, useTreeSelectContext, useTreeSelectNodeContext } from "./context.js";
+import { provideTreeSelect, provideTreeSelectContent, provideTreeSelectNode, provideTreeSelectTag, useTreeSelectContentContext, useTreeSelectContext, useTreeSelectNodeContext, useTreeSelectTagContext } from "./context.js";
 import { useTreeSelect } from "./use-tree-select.js";
 import { computed, defineComponent, h, mergeProps, onBeforeUnmount, onMounted, ref, watch } from "vue";
 //#region src/components/tree-select/tree-select.ts
@@ -52,6 +53,8 @@ const XhTreeSelectRoot = defineComponent({
 	name: "XhTreeSelectRoot",
 	props: {
 		collection: { type: Array },
+		/** 完整 collection 与 Virtualizer 的焦点桥；count 必须等于当前 visibleNodes.length。 */
+		virtualizer: { type: Object },
 		loadChildren: { type: Function },
 		/** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
 		label: { type: String },
@@ -67,6 +70,12 @@ const XhTreeSelectRoot = defineComponent({
 		},
 		defaultOpen: Boolean,
 		multiple: Boolean,
+		/** 多选标签最多显示的数量，其余折进 +N；默认 3。 */
+		maxTagCount: { type: Number },
+		/** 浮层内搜索：展开时焦点先落在搜索框上，输入即把树裁到只剩命中的那几枝。 */
+		searchable: Boolean,
+		/** 自定义匹配规则；缺省为标签大小写不敏感包含。 */
+		filter: { type: Function },
 		cascade: Boolean,
 		checkedStrategy: { type: String },
 		disabled: {
@@ -136,6 +145,8 @@ const XhTreeSelectRoot = defineComponent({
 		provideTreeSelect(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default ? slots.default({
 			open: ctx.api.value.open,
+			searching: ctx.api.value.searching,
+			inputValue: ctx.api.value.inputValue,
 			value: ctx.api.value.value,
 			expandedValue: ctx.api.value.expandedValue,
 			visibleNodes: ctx.api.value.visibleNodes,
@@ -144,6 +155,9 @@ const XhTreeSelectRoot = defineComponent({
 			loading: ctx.api.value.loading,
 			displayText: ctx.api.value.displayText,
 			canClear: ctx.api.value.canClear,
+			tags: ctx.api.value.tags,
+			overflowCount: ctx.api.value.overflowCount,
+			overflowText: ctx.api.value.overflowText,
 			isSelected: ctx.api.value.isSelected,
 			isIndeterminate: ctx.api.value.isIndeterminate,
 			isExpanded: ctx.api.value.isExpanded,
@@ -151,12 +165,14 @@ const XhTreeSelectRoot = defineComponent({
 			setOpen: ctx.api.value.setOpen,
 			setValue: ctx.api.value.setValue,
 			setExpandedValue: ctx.api.value.setExpandedValue,
+			setInputValue: ctx.api.value.setInputValue,
 			expand: ctx.api.value.expand,
 			collapse: ctx.api.value.collapse,
 			retryBranch: ctx.api.value.retryBranch,
 			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) : []);
+			clear: ctx.api.value.clear,
+			deselect: ctx.api.value.deselect
+		}) : props.collection ? renderDefaultTree(ctx.api.value.collection, props.multiple ? ctx.api.value.tags : null, props.searchable, slots.label?.() ?? (props.label != null ? [props.label] : null), props.clearable) : []);
 	}
 });
 const XhTreeSelectLabel = defineComponent({
@@ -170,7 +186,12 @@ const XhTreeSelectControl = defineComponent({
 	name: "XhTreeSelectControl",
 	setup(_, { slots }) {
 		const ctx = useTreeSelectContext();
-		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+		return () => h("div", {
+			...ctx.api.value.getControlProps(),
+			ref: (el) => {
+				ctx.controlRef.value = el;
+			}
+		}, slots.default?.());
 	}
 });
 const XhTreeSelectTrigger = defineComponent({
@@ -195,6 +216,62 @@ const XhTreeSelectValueText = defineComponent({
 		return () => h("span", ctx.api.value.getValueTextProps(), slots.default?.() ?? ctx.api.value.displayText);
 	}
 });
+const XhTreeSelectTagList = defineComponent({
+	name: "XhTreeSelectTagList",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		return () => h("span", ctx.api.value.getTagListProps(), slots.default?.());
+	}
+});
+/** 标签文字所在的块（tag 的 label）：截断规则挂在这一层。 */
+const XhTreeSelectTagLabel = defineComponent({
+	name: "XhTreeSelectTagLabel",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		return () => h("span", ctx.api.value.getTagLabelProps(), slots.default?.());
+	}
+});
+/**
+* 标签内容：只有文字时替它包一层 label：截断规则挂在 label 上，直接展开在 root 上的文字过长会把
+* 删除按钮挤出；作者自己写了节点则原样放行。与 XhTagRoot 同一规则。
+* 库自身填入的文字（+N，没有折叠时是空串）恒包 label，三个适配器渲染出同一棵树。
+*/
+function tagChildren(content) {
+	if (typeof content === "string") return [h(XhTreeSelectTagLabel, null, () => content)];
+	return slotIsPlainText(content) ? [h(XhTreeSelectTagLabel, null, () => content)] : content;
+}
+/** 一个选中值一个标签，即库内 tag 的 root（data-scope="tag"）：语气、尺寸与禁用从树选择传下，形态按控件的面派生；触发器内纯展示，触发器外配合 XhTreeSelectItemDeleteTrigger 可删除。 */
+const XhTreeSelectTag = defineComponent({
+	name: "XhTreeSelectTag",
+	props: { 
+	/** 它代表哪个选中值。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useTreeSelectContext();
+		provideTreeSelectTag({ value: () => props.value });
+		return () => h("span", ctx.api.value.getTagProps({ value: props.value }), tagChildren(slots.default?.()));
+	}
+});
+/** 折叠的标签合成的一个标签：同样是 tag 的 root；有插槽时使用插槽，否则显示 +N。没有折叠的标签时连接层写 hidden。 */
+const XhTreeSelectOverflowTag = defineComponent({
+	name: "XhTreeSelectOverflowTag",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		return () => h("span", ctx.api.value.getOverflowTagProps(), tagChildren(slots.default?.() ?? ctx.api.value.overflowText));
+	}
+});
+/** 标签中的删除按钮：即所在标签那份 tag 的 close-trigger（data-scope="tag"），可及名使用 translations.deleteItem；点按移除所在标签的选中值。 */
+const XhTreeSelectItemDeleteTrigger = defineComponent({
+	name: "XhTreeSelectItemDeleteTrigger",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		const tag = useTreeSelectTagContext();
+		return () => h("button", ctx.api.value.getItemDeleteTriggerProps({ value: tag.value() }), slots.default?.());
+	}
+});
 const XhTreeSelectIndicator = defineComponent({
 	name: "XhTreeSelectIndicator",
 	setup(_, { slots }) {
@@ -218,7 +295,7 @@ container: { type: Object } },
 	setup(props, { slots, attrs }) {
 		const ctx = useTreeSelectContext();
 		const bars = useScrollbars({
-			scrollable: () => ctx.contentRef.value,
+			scrollable: () => ctx.service.prop("virtualizer")?.getViewportElement() ?? ctx.treeRef.value,
 			axes: ["vertical", "horizontal"],
 			props: () => ({
 				dir: ctx.api.value.getPositionerProps().dir,
@@ -244,7 +321,7 @@ const XhTreeSelectAutoEmpty = defineComponent({
 		return () => content.authoredEmptyCount.value > 0 ? null : h("div", {
 			...ctx.api.value.getEmptyProps(),
 			"data-xh-tree-select-auto-empty": ""
-		}, ctx.api.value.translations.empty);
+		}, ctx.api.value.searching ? ctx.api.value.translations.noMatch : ctx.api.value.translations.empty);
 	}
 });
 const XhTreeSelectAutoLoading = defineComponent({
@@ -292,11 +369,24 @@ const XhTreeSelectContent = defineComponent({
 		]);
 	}
 });
+/** 浮层内搜索框：放在 content 中、tree 之前；没开 searchable 时带 hidden。 */
+const XhTreeSelectInput = defineComponent({
+	name: "XhTreeSelectInput",
+	setup() {
+		const ctx = useTreeSelectContext();
+		return () => h("input", ctx.api.value.getInputProps());
+	}
+});
 const XhTreeSelectTree = defineComponent({
 	name: "XhTreeSelectTree",
 	setup(_, { slots }) {
 		const ctx = useTreeSelectContext();
-		return () => h("div", ctx.api.value.getTreeProps(), slots.default?.());
+		return () => h("div", {
+			...ctx.api.value.getTreeProps(),
+			ref: (el) => {
+				ctx.treeRef.value = el;
+			}
+		}, slots.default?.());
 	}
 });
 const XhTreeSelectItem = defineComponent({
@@ -325,6 +415,24 @@ const XhTreeSelectItemText = defineComponent({
 		return () => h("span", ctx.api.value.getItemTextProps(node.value), slots.default?.());
 	}
 });
+/** 条目的第 2 行副文本，跨文字槽、走 muted 档 */
+const XhTreeSelectItemDescription = defineComponent({
+	name: "XhTreeSelectItemDescription",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		const { node } = useTreeSelectNodeContext();
+		return () => h("span", ctx.api.value.getItemDescriptionProps(node.value), slots.default?.());
+	}
+});
+/** 条目行尾的作者内容（计数、徽标） */
+const XhTreeSelectItemSuffix = defineComponent({
+	name: "XhTreeSelectItemSuffix",
+	setup(_, { slots }) {
+		const ctx = useTreeSelectContext();
+		const { node } = useTreeSelectNodeContext();
+		return () => h("span", ctx.api.value.getItemSuffixProps(node.value), slots.default?.());
+	}
+});
 const XhTreeSelectItemIndicator = defineComponent({
 	name: "XhTreeSelectItemIndicator",
 	setup(_, { slots }) {
@@ -437,7 +545,7 @@ const XhTreeSelectEmpty = defineComponent({
 	setup(_, { slots }) {
 		const ctx = useTreeSelectContext();
 		onBeforeUnmount(useTreeSelectContentContext().registerEmpty());
-		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.() ?? ctx.api.value.translations.empty);
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.() ?? (ctx.api.value.searching ? ctx.api.value.translations.noMatch : ctx.api.value.translations.empty));
 	}
 });
 const XhTreeSelectLoading = defineComponent({
@@ -485,14 +593,21 @@ function renderNodes(nodes) {
 * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
 * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
 */
-function renderDefaultTree(collection, label, clearable) {
+function renderDefaultTree(collection, tags, searchable, 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)))])
+		h(XhTreeSelectControl, null, () => [h(XhTreeSelectTrigger, null, () => [
+			h(XhTreeSelectValueText),
+			...tags ? [h(XhTreeSelectTagList, null, () => [...tags.map((tag) => h(XhTreeSelectTag, {
+				key: tag.value,
+				value: tag.value
+			}, () => tag.label)), h(XhTreeSelectOverflowTag)])] : [],
+			h(XhTreeSelectIndicator)
+		]), ...clearable ? [h(XhTreeSelectClearTrigger)] : []]),
+		h(XhTreeSelectPositioner, null, () => [h(XhTreeSelectContent, null, () => [...searchable ? [h(XhTreeSelectInput)] : [], h(XhTreeSelectTree, null, () => renderNodes(collection))])])
 	];
 }
 //#endregion
-export { XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchEmpty, XhTreeSelectBranchError, XhTreeSelectBranchIndicator, XhTreeSelectBranchLoading, XhTreeSelectBranchRetryTrigger, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectEmpty, XhTreeSelectFooter, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectItem, XhTreeSelectItemIndicator, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectLoading, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
+export { XhTreeSelectBranch, XhTreeSelectBranchContent, XhTreeSelectBranchControl, XhTreeSelectBranchEmpty, XhTreeSelectBranchError, XhTreeSelectBranchIndicator, XhTreeSelectBranchLoading, XhTreeSelectBranchRetryTrigger, XhTreeSelectBranchText, XhTreeSelectBranchTrigger, XhTreeSelectClearTrigger, XhTreeSelectContent, XhTreeSelectControl, XhTreeSelectEmpty, XhTreeSelectFooter, XhTreeSelectHiddenInput, XhTreeSelectIndicator, XhTreeSelectInput, XhTreeSelectItem, XhTreeSelectItemDeleteTrigger, XhTreeSelectItemDescription, XhTreeSelectItemIndicator, XhTreeSelectItemSuffix, XhTreeSelectItemText, XhTreeSelectLabel, XhTreeSelectLoading, XhTreeSelectOverflowTag, XhTreeSelectPositioner, XhTreeSelectRoot, XhTreeSelectTag, XhTreeSelectTagLabel, XhTreeSelectTagList, XhTreeSelectTree, XhTreeSelectTrigger, XhTreeSelectValueText };
 
 //# sourceMappingURL=tree-select.js.map