niuma-ui 2.0.3 → 2.0.4

package/dist/components/tree-select/src/RsTreeSelect.impl.js

@@ -1,22 +1,59 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsIcon_default from "../../icon/src/RsIcon.js";
+import { useRsFormContext } from "../../form/src/form-utils.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
-import RsPopover_default from "../../popover/src/RsPopover.js";
-import { buildTreeNodeIndex, getTreeLabel, resolveTreeFieldNames } from "../../tree/src/tree-utils.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { placeAnchoredPopup } from "../../_shared/src/overlay-utils.js";
 import RsTree_default from "../../tree/src/RsTree.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, toDisplayString, unref, useModel, vModelText, withCtx, withDirectives, withModifiers } from "vue";
+import { buildTreeSelectIndex, emptyTreeSelectValue, formatTreeSelectDisplay, isTreeSelectMultiValue, normalizeTreeSelectKeys, packTreeSelectValue, resolveTreeSelectDisplayKeys, resolveTreeSelectLabels, resolveTreeSelectPortalTarget, treeSelectHasValue } from "./tree-select-utils.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 //#region src/components/tree-select/src/RsTreeSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["disabled"];
-var _hoisted_2 = {
+var _hoisted_1 = ["name", "value"];
+var _hoisted_2 = ["name", "value"];
+var _hoisted_3 = [
+	"id",
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+];
+var _hoisted_4 = {
 	key: 0,
-	class: "rs-tree-select__value"
+	class: "rs-tree-select__prefix"
 };
-var _hoisted_3 = {
+var _hoisted_5 = {
 	key: 1,
+	class: "rs-tree-select__value"
+};
+var _hoisted_6 = {
+	key: 2,
 	class: "rs-tree-select__placeholder"
 };
-var _hoisted_4 = ["aria-label"];
-var _hoisted_5 = ["placeholder"];
+var _hoisted_7 = { class: "rs-tree-select__icon" };
+var _hoisted_8 = ["aria-label"];
+var _hoisted_9 = [
+	"id",
+	"data-placement",
+	"data-rs-theme"
+];
+var _hoisted_10 = {
+	key: 0,
+	class: "rs-tree-select__header"
+};
+var _hoisted_11 = {
+	key: 1,
+	class: "rs-tree-select__search-wrap"
+};
+var _hoisted_12 = [
+	"value",
+	"placeholder",
+	"aria-label"
+];
+var _hoisted_13 = {
+	key: 2,
+	class: "rs-tree-select__footer"
+};
 var RsTreeSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RsTreeSelect",
 	__name: "RsTreeSelect",
@@ -44,7 +81,55 @@ var RsTreeSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			type: Boolean,
 			default: false
 		},
-		size: {}
+		size: {},
+		radius: {},
+		checkStrictly: {
+			type: Boolean,
+			default: false
+		},
+		onlyCheckLeaf: {
+			type: Boolean,
+			default: false
+		},
+		checkOnClickNode: {
+			type: Boolean,
+			default: true
+		},
+		defaultExpandAll: {
+			type: Boolean,
+			default: true
+		},
+		showLine: {
+			type: Boolean,
+			default: false
+		},
+		filterNode: {},
+		highlight: {
+			type: Boolean,
+			default: true
+		},
+		lazy: {
+			type: Boolean,
+			default: false
+		},
+		loadData: {},
+		virtual: {
+			type: Boolean,
+			default: false
+		},
+		virtualThreshold: { default: 100 },
+		listHeight: { default: 256 },
+		showCheckedStrategy: { default: "SHOW_ALL" },
+		maxTagCount: {},
+		getPopupContainer: {},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		id: {},
+		ariaLabel: {},
+		searchPlaceholder: {}
 	}, {
 		"modelValue": { default: "" },
 		"modelModifiers": {},
@@ -54,90 +139,390 @@ var RsTreeSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		},
 		"openModifiers": {}
 	}),
-	emits: ["update:modelValue", "update:open"],
-	setup(__props) {
+	emits: /*@__PURE__*/ mergeModels([
+		"change",
+		"select",
+		"search",
+		"clear",
+		"dropdownVisibleChange",
+		"focus",
+		"blur"
+	], ["update:modelValue", "update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const model = useModel(__props, "modelValue");
 		const open = useModel(__props, "open");
 		const props = __props;
+		const emit = __emit;
 		const { t } = useRsI18n();
+		const formContext = useRsFormContext();
 		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "sm");
+		const resolvedDisabled = computed(() => props.disabled || Boolean(formContext?.disabled.value));
+		const isMulti = computed(() => isTreeSelectMultiValue(props.multiple, props.checkable));
+		const panelId = useId();
+		const triggerId = computed(() => props.id || panelId);
+		const rootRef = useTemplateRef("rootRef");
+		const triggerRef = useTemplateRef("triggerRef");
+		const panelRef = useTemplateRef("panelRef");
+		const searchInputRef = useTemplateRef("searchInputRef");
 		const filter = ref("");
-		const names = computed(() => resolveTreeFieldNames(props.fieldNames));
-		const index = computed(() => buildTreeNodeIndex(props.treeData, names.value));
-		const selectedKeys = computed(() => {
-			if (Array.isArray(model.value)) return model.value.map(String);
-			return model.value === "" || model.value == null ? [] : [String(model.value)];
-		});
-		const display = computed(() => {
-			return selectedKeys.value.map((key) => {
-				const entry = index.value.get(key);
-				return entry ? getTreeLabel(entry.node, names.value) : key;
-			}).join(", ");
+		const panelTheme = ref();
+		const popup = ref({
+			top: 0,
+			left: 0,
+			width: 0,
+			placement: "bottom"
 		});
+		const chevronSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[resolvedSize.value]);
+		const clearIconSize = RS_COMPONENT_SIZE_ICON_PX.ssm;
+		const selectedKeys = computed(() => normalizeTreeSelectKeys(model.value));
+		const nodeIndex = computed(() => buildTreeSelectIndex(props.treeData, props.fieldNames, props.lazy));
+		const displayKeys = computed(() => resolveTreeSelectDisplayKeys(selectedKeys.value, nodeIndex.value, props.showCheckedStrategy, props.checkStrictly));
+		const displayLabels = computed(() => resolveTreeSelectLabels(displayKeys.value, nodeIndex.value, props.fieldNames));
+		const display = computed(() => formatTreeSelectDisplay(displayLabels.value, props.maxTagCount, props.maxTagCount != null && displayLabels.value.length > props.maxTagCount ? t("select.maxTagPlaceholder", { count: displayLabels.value.length - props.maxTagCount }) : void 0));
+		const hasValue = computed(() => treeSelectHasValue(selectedKeys.value));
+		const treeModel = computed(() => props.checkable ? "" : packTreeSelectValue(selectedKeys.value, props.multiple));
+		const portalTo = computed(() => resolveTreeSelectPortalTarget(props.getPopupContainer, triggerRef.value));
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("select.placeholder"));
+		const resolvedSearchPlaceholder = computed(() => props.searchPlaceholder ?? t("select.searchPlaceholder"));
+		const triggerClass = computed(() => [
+			"rs-tree-select",
+			`rs-tree-select--${resolvedSize.value}`,
+			{
+				"rs-tree-select--disabled": resolvedDisabled.value,
+				"rs-tree-select--open": open.value
+			}
+		]);
+		const rootStyle = computed(() => ({ "--rs-tree-select-radius": rsRadiusCss(resolvedRadius.value) }));
+		const panelStyle = computed(() => ({
+			position: "fixed",
+			top: `${popup.value.top}px`,
+			left: `${popup.value.left}px`,
+			"--rs-tree-select-radius": rsRadiusCss(resolvedRadius.value),
+			"--rs-tree-select-list-height": `${props.listHeight}px`,
+			"--rs-tree-select-trigger-width": `${popup.value.width}px`,
+			minWidth: `${popup.value.width}px`,
+			...props.matchTriggerWidth ? { width: `${popup.value.width}px` } : {}
+		}));
+		function commit(keys, closeSingle, selectedKey, node) {
+			if (resolvedDisabled.value) return;
+			const next = packTreeSelectValue(keys, isMulti.value);
+			model.value = next;
+			emit("change", next);
+			if (selectedKey) emit("select", selectedKey, node);
+			if (closeSingle && !isMulti.value) open.value = false;
+		}
 		function onTreeUpdate(value) {
-			model.value = props.multiple || props.checkable ? value : value;
-			if (!props.multiple && !props.checkable) open.value = false;
+			if (props.checkable) return;
+			const keys = normalizeTreeSelectKeys(value);
+			const prev = new Set(selectedKeys.value);
+			const picked = keys.find((key) => !prev.has(key)) ?? keys[keys.length - 1];
+			commit(keys, true, picked, picked ? nodeIndex.value.get(picked)?.node : void 0);
+		}
+		function onCheck(keys, _half, node, key) {
+			commit(keys, false, key, node);
+		}
+		function onSearchInput(event) {
+			const value = event.target.value;
+			filter.value = value;
+			emit("search", value);
 		}
 		function onClear() {
-			model.value = props.multiple || props.checkable ? [] : "";
+			if (resolvedDisabled.value) return;
+			model.value = emptyTreeSelectValue(isMulti.value);
+			emit("change", model.value);
+			emit("clear");
 		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(RsPopover_default, {
-				open: open.value,
-				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event),
-				side: "bottom",
-				align: "start",
-				width: "md"
+		function focus() {
+			triggerRef.value?.focus();
+		}
+		function blur() {
+			triggerRef.value?.blur();
+			searchInputRef.value?.blur();
+		}
+		function toggleOpen() {
+			if (resolvedDisabled.value) return;
+			open.value = !open.value;
+		}
+		function syncPanelTheme() {
+			const el = triggerRef.value ?? rootRef.value;
+			if (!el) {
+				panelTheme.value = void 0;
+				return;
+			}
+			const themed = el.closest("[data-rs-theme]");
+			panelTheme.value = themed instanceof HTMLElement ? themed.dataset.rsTheme : void 0;
+		}
+		function placePopup() {
+			const trigger = triggerRef.value;
+			const panel = panelRef.value;
+			if (!trigger || !open.value || typeof window === "undefined") return;
+			const anchor = trigger.getBoundingClientRect();
+			const measured = panel?.getBoundingClientRect();
+			const prefWidth = props.matchTriggerWidth ? anchor.width : Math.max(anchor.width, measured?.width || anchor.width);
+			popup.value = placeAnchoredPopup({
+				top: anchor.top,
+				left: anchor.left,
+				height: anchor.height,
+				width: anchor.width
 			}, {
-				content: withCtx(() => [createElementVNode("div", {
-					class: "rs-tree-select__panel",
-					onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"]))
-				}, [__props.searchable ? withDirectives((openBlock(), createElementBlock("input", {
-					key: 0,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
-					class: "rs-tree-select__search",
-					placeholder: unref(t)("select.searchPlaceholder")
-				}, null, 8, _hoisted_5)), [[vModelText, filter.value]]) : createCommentVNode("", true), createVNode(RsTree_default, {
-					"model-value": __props.multiple || __props.checkable ? selectedKeys.value : selectedKeys.value[0] ?? "",
-					nodes: __props.treeData,
-					"field-names": __props.fieldNames,
-					multiple: __props.multiple,
-					checkable: __props.checkable,
-					filter: filter.value,
-					highlight: "",
-					"default-expand-all": "",
-					"onUpdate:modelValue": onTreeUpdate
-				}, null, 8, [
-					"model-value",
-					"nodes",
-					"field-names",
-					"multiple",
-					"checkable",
-					"filter"
-				])], 32)]),
-				default: withCtx(() => [createElementVNode("button", {
+				width: prefWidth,
+				height: measured?.height || props.listHeight
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+		}
+		let frame = 0;
+		function requestPlace() {
+			if (typeof window === "undefined") return;
+			if (frame) return;
+			frame = window.requestAnimationFrame(() => {
+				frame = 0;
+				placePopup();
+			});
+		}
+		function onDocPointerDown(event) {
+			const target = event.target;
+			if (!target) return;
+			if (rootRef.value?.contains(target)) return;
+			if (panelRef.value?.contains(target)) return;
+			open.value = false;
+		}
+		function onWindowChange() {
+			if (open.value) requestPlace();
+		}
+		let panelResize;
+		function attachPanelObserver() {
+			if (typeof ResizeObserver === "undefined") return;
+			panelResize?.disconnect();
+			if (!panelRef.value) return;
+			panelResize = new ResizeObserver(() => requestPlace());
+			panelResize.observe(panelRef.value);
+		}
+		function focusTree() {
+			panelRef.value?.querySelector(".rs-tree")?.focus();
+		}
+		function detachOverlay() {
+			panelResize?.disconnect();
+			panelResize = void 0;
+			if (frame && typeof window !== "undefined") {
+				window.cancelAnimationFrame(frame);
+				frame = 0;
+			}
+			if (typeof document !== "undefined") document.removeEventListener("pointerdown", onDocPointerDown);
+			if (typeof window !== "undefined") {
+				window.removeEventListener("resize", onWindowChange);
+				window.removeEventListener("scroll", onWindowChange, true);
+			}
+		}
+		function onTriggerKeydown(event) {
+			if (resolvedDisabled.value || event.isComposing) return;
+			if (event.key === "Escape") {
+				if (!open.value) return;
+				event.preventDefault();
+				open.value = false;
+				return;
+			}
+			if (!open.value) {
+				if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+					event.preventDefault();
+					open.value = true;
+				}
+				return;
+			}
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				if (props.searchable) searchInputRef.value?.focus();
+				else focusTree();
+			}
+		}
+		function onSearchKeydown(event) {
+			if (event.isComposing) return;
+			if (event.key === "Escape") {
+				event.preventDefault();
+				open.value = false;
+				triggerRef.value?.focus();
+				return;
+			}
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				focusTree();
+			}
+		}
+		watch(open, (isOpen, wasOpen) => {
+			if (wasOpen !== void 0) emit("dropdownVisibleChange", isOpen);
+			if (typeof document === "undefined" || typeof window === "undefined") return;
+			if (isOpen) {
+				if (resolvedDisabled.value) {
+					open.value = false;
+					return;
+				}
+				syncPanelTheme();
+				document.addEventListener("pointerdown", onDocPointerDown);
+				window.addEventListener("resize", onWindowChange);
+				window.addEventListener("scroll", onWindowChange, true);
+				nextTick(() => {
+					requestPlace();
+					attachPanelObserver();
+					if (props.searchable) searchInputRef.value?.focus();
+					else focusTree();
+				});
+				return;
+			}
+			detachOverlay();
+			filter.value = "";
+		}, { immediate: true });
+		watch(resolvedDisabled, (disabled) => {
+			if (disabled && open.value) open.value = false;
+		});
+		onBeforeUnmount(detachOverlay);
+		__expose({
+			focus,
+			blur
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-tree-select-wrap", { "rs-tree-select-wrap--clearable": __props.allowClear && hasValue.value && !resolvedDisabled.value }]),
+				style: normalizeStyle(rootStyle.value)
+			}, [
+				__props.name ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isMulti.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectedKeys.value, (key) => {
+					return openBlock(), createElementBlock("input", {
+						key,
+						type: "hidden",
+						name: __props.name,
+						value: key
+					}, null, 8, _hoisted_1);
+				}), 128)) : (openBlock(), createElementBlock("input", {
+					key: 1,
+					type: "hidden",
+					name: __props.name,
+					value: selectedKeys.value[0] ?? ""
+				}, null, 8, _hoisted_2))], 64)) : createCommentVNode("", true),
+				createElementVNode("button", {
+					id: triggerId.value,
+					ref_key: "triggerRef",
+					ref: triggerRef,
 					type: "button",
-					class: normalizeClass(["rs-tree-select", [`rs-tree-select--${unref(resolvedSize)}`, { "rs-tree-select--disabled": __props.disabled }]]),
-					disabled: __props.disabled
+					class: normalizeClass(triggerClass.value),
+					disabled: resolvedDisabled.value,
+					"aria-label": __props.ariaLabel,
+					"aria-haspopup": "tree",
+					"aria-expanded": open.value ? "true" : "false",
+					"aria-controls": open.value ? unref(panelId) : void 0,
+					onClick: toggleOpen,
+					onKeydown: onTriggerKeydown,
+					onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event)),
+					onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
 				}, [
-					display.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(display.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.placeholder ?? unref(t)("select.placeholder")), 1)),
-					__props.allowClear && display.value && !__props.disabled ? (openBlock(), createElementBlock("button", {
-						key: 2,
-						type: "button",
-						class: "rs-tree-select__clear",
-						"aria-label": unref(t)("select.clear"),
-						onClick: withModifiers(onClear, ["stop"])
-					}, [createVNode(RsIcon_default, {
-						name: "x",
-						size: 12
-					})], 8, _hoisted_4)) : createCommentVNode("", true),
-					createVNode(RsIcon_default, {
+					_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)])) : createCommentVNode("", true),
+					display.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(display.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(resolvedPlaceholder.value), 1)),
+					createElementVNode("span", _hoisted_7, [renderSlot(_ctx.$slots, "suffixIcon", {}, () => [createVNode(RsIcon_default, {
 						name: "chevron-down",
-						size: 14
-					})
-				], 10, _hoisted_1)]),
-				_: 1
-			}, 8, ["open"]);
+						size: chevronSize.value,
+						"aria-hidden": "true"
+					}, null, 8, ["size"])], true)])
+				], 42, _hoisted_3),
+				__props.allowClear && hasValue.value && !resolvedDisabled.value ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					type: "button",
+					class: "rs-tree-select__clear",
+					"aria-label": unref(t)("select.clear"),
+					onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"])),
+					onClick: withModifiers(onClear, ["stop"])
+				}, [renderSlot(_ctx.$slots, "clearIcon", {}, () => [createVNode(RsIcon_default, {
+					name: "x",
+					size: unref(clearIconSize),
+					"aria-hidden": "true"
+				}, null, 8, ["size"])], true)], 40, _hoisted_8)) : createCommentVNode("", true),
+				(openBlock(), createBlock(Teleport, { to: portalTo.value }, [open.value && !resolvedDisabled.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: unref(panelId),
+					ref_key: "panelRef",
+					ref: panelRef,
+					class: normalizeClass(["rs-tree-select__panel", {
+						"rs-tree-select__panel--virtual": __props.virtual,
+						"rs-tree-select__panel--match-trigger": __props.matchTriggerWidth
+					}]),
+					"data-placement": popup.value.placement,
+					"data-rs-theme": panelTheme.value,
+					style: normalizeStyle(panelStyle.value)
+				}, [
+					_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_10, [renderSlot(_ctx.$slots, "header", {}, void 0, true)])) : createCommentVNode("", true),
+					__props.searchable ? (openBlock(), createElementBlock("div", _hoisted_11, [createVNode(RsIcon_default, {
+						name: "search",
+						size: 14,
+						class: "rs-tree-select__search-icon",
+						"aria-hidden": "true"
+					}), createElementVNode("input", {
+						ref_key: "searchInputRef",
+						ref: searchInputRef,
+						value: filter.value,
+						type: "text",
+						class: "rs-tree-select__search",
+						placeholder: resolvedSearchPlaceholder.value,
+						"aria-label": resolvedSearchPlaceholder.value,
+						autocomplete: "off",
+						onInput: onSearchInput,
+						onKeydown: onSearchKeydown
+					}, null, 40, _hoisted_12)])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["rs-tree-select__tree", { "rs-tree-select__tree--virtual": __props.virtual }]) }, [createVNode(RsTree_default, {
+						"model-value": treeModel.value,
+						"checked-keys": __props.checkable ? selectedKeys.value : void 0,
+						nodes: __props.treeData,
+						"field-names": __props.fieldNames,
+						size: unref(resolvedSize),
+						multiple: __props.multiple,
+						selectable: !__props.checkable,
+						checkable: __props.checkable,
+						"check-strictly": __props.checkStrictly,
+						"only-check-leaf": __props.onlyCheckLeaf,
+						"check-on-click-node": __props.checkable && __props.checkOnClickNode,
+						"default-expand-all": __props.defaultExpandAll,
+						"show-line": __props.showLine,
+						filter: filter.value,
+						"filter-node": __props.filterNode,
+						highlight: __props.highlight,
+						lazy: __props.lazy,
+						"load-data": __props.loadData,
+						virtual: __props.virtual,
+						"virtual-threshold": __props.virtualThreshold,
+						height: __props.virtual ? __props.listHeight : void 0,
+						"block-node": "",
+						"onUpdate:modelValue": onTreeUpdate,
+						onCheck
+					}, createSlots({ _: 2 }, [_ctx.$slots.title ? {
+						name: "title",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
+						key: "0"
+					} : void 0]), 1032, [
+						"model-value",
+						"checked-keys",
+						"nodes",
+						"field-names",
+						"size",
+						"multiple",
+						"selectable",
+						"checkable",
+						"check-strictly",
+						"only-check-leaf",
+						"check-on-click-node",
+						"default-expand-all",
+						"show-line",
+						"filter",
+						"filter-node",
+						"highlight",
+						"lazy",
+						"load-data",
+						"virtual",
+						"virtual-threshold",
+						"height"
+					])], 2),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_13, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])) : createCommentVNode("", true)
+				], 14, _hoisted_9)) : createCommentVNode("", true)], 8, ["to"]))
+			], 6);
 		};
 	}
 });

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

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsTreeSelect_vue_vue_type_script_setup_true_lang_default from "./RsTreeSelect.impl.js";
 
 //#region src/components/tree-select/src/RsTreeSelect.vue
-var RsTreeSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTreeSelect_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-47b84d55"]]);
+var RsTreeSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTreeSelect_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d5518d1b"]]);
 //#endregion
 export { RsTreeSelect_default as default };

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

@@ -0,0 +1,20 @@
+import { type RsTreeFieldNames, type RsTreeNode, type RsTreeNodeIndex } from '../../tree/src/tree-utils';
+export type RsTreeSelectModelValue = string | string[];
+/** 勾选回显策略。只改触发器文案，不改 v-model。 */
+export type RsTreeSelectShowCheckedStrategy = 'SHOW_ALL' | 'SHOW_PARENT' | 'SHOW_CHILD';
+export type RsTreeSelectGetPopupContainer = (trigger?: HTMLElement) => string | HTMLElement | undefined | null;
+export declare function isTreeSelectMultiValue(multiple: boolean, checkable: boolean): boolean;
+export declare function normalizeTreeSelectKeys(value: RsTreeSelectModelValue | null | undefined): string[];
+export declare function packTreeSelectValue(keys: string[], multi: boolean): RsTreeSelectModelValue;
+export declare function emptyTreeSelectValue(multi: boolean): RsTreeSelectModelValue;
+export declare function treeSelectHasValue(keys: readonly string[]): boolean;
+/**
+ * 触发器要展示的 key。
+ * SHOW_PARENT：父节点已在集合里则藏子节点。
+ * SHOW_CHILD：子节点已全部在集合里则藏父节点。
+ */
+export declare function resolveTreeSelectDisplayKeys(keys: readonly string[], index: ReadonlyMap<string, RsTreeNodeIndex>, strategy: RsTreeSelectShowCheckedStrategy, checkStrictly: boolean): string[];
+export declare function resolveTreeSelectLabels(keys: readonly string[], index: ReadonlyMap<string, RsTreeNodeIndex>, fieldNames?: RsTreeFieldNames): string[];
+export declare function formatTreeSelectDisplay(labels: readonly string[], maxTagCount?: number, moreText?: string): string;
+export declare function buildTreeSelectIndex(nodes: readonly RsTreeNode[], fieldNames?: RsTreeFieldNames, lazy?: boolean): Map<string, RsTreeNodeIndex>;
+export declare function resolveTreeSelectPortalTarget(getPopupContainer: RsTreeSelectGetPopupContainer | undefined, trigger?: HTMLElement | null): string | HTMLElement;

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

@@ -0,0 +1,60 @@
+import { buildTreeNodeIndex, getTreeLabel, resolveTreeFieldNames } from "../../tree/src/tree-utils.js";
+//#region src/components/tree-select/src/tree-select-utils.ts
+function isTreeSelectMultiValue(multiple, checkable) {
+	return multiple || checkable;
+}
+function normalizeTreeSelectKeys(value) {
+	if (Array.isArray(value)) return value.map(String).filter((key) => key !== "");
+	if (value === "" || value == null) return [];
+	return [String(value)];
+}
+function packTreeSelectValue(keys, multi) {
+	return multi ? [...keys] : keys[0] ?? "";
+}
+function emptyTreeSelectValue(multi) {
+	return multi ? [] : "";
+}
+function treeSelectHasValue(keys) {
+	return keys.length > 0;
+}
+/**
+* 触发器要展示的 key。
+* SHOW_PARENT：父节点已在集合里则藏子节点。
+* SHOW_CHILD：子节点已全部在集合里则藏父节点。
+*/
+function resolveTreeSelectDisplayKeys(keys, index, strategy, checkStrictly) {
+	if (checkStrictly || strategy === "SHOW_ALL" || keys.length === 0) return [...keys];
+	const set = new Set(keys);
+	if (strategy === "SHOW_PARENT") return keys.filter((key) => {
+		const parentKey = index.get(key)?.parentKey;
+		return !parentKey || !set.has(parentKey);
+	});
+	return keys.filter((key) => {
+		const children = index.get(key)?.childrenKeys ?? [];
+		if (children.length === 0) return true;
+		return !children.every((child) => set.has(child));
+	});
+}
+function resolveTreeSelectLabels(keys, index, fieldNames) {
+	const names = resolveTreeFieldNames(fieldNames);
+	return keys.map((key) => {
+		const entry = index.get(key);
+		return entry ? getTreeLabel(entry.node, names) : key;
+	});
+}
+function formatTreeSelectDisplay(labels, maxTagCount, moreText) {
+	if (maxTagCount == null || maxTagCount < 0 || labels.length <= maxTagCount) return labels.join(", ");
+	const shown = labels.slice(0, maxTagCount);
+	const omitted = labels.length - maxTagCount;
+	const more = moreText ?? `+${omitted}`;
+	return [...shown, more].join(", ");
+}
+function buildTreeSelectIndex(nodes, fieldNames, lazy = false) {
+	return buildTreeNodeIndex(nodes, resolveTreeFieldNames(fieldNames), lazy);
+}
+function resolveTreeSelectPortalTarget(getPopupContainer, trigger) {
+	if (!getPopupContainer) return "body";
+	return getPopupContainer(trigger ?? void 0) ?? "body";
+}
+//#endregion
+export { buildTreeSelectIndex, emptyTreeSelectValue, formatTreeSelectDisplay, isTreeSelectMultiValue, normalizeTreeSelectKeys, packTreeSelectValue, resolveTreeSelectDisplayKeys, resolveTreeSelectLabels, resolveTreeSelectPortalTarget, treeSelectHasValue };