niuma-ui 1.2.5 → 1.2.8

package/dist/components/RsTreeSelect.impl.js

@@ -0,0 +1,145 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsIcon_default from "./RsIcon.js";
+import { useResolvedRsComponentSize } from "./resolve-size.js";
+import RsPopover_default from "./RsPopover.js";
+import { buildTreeNodeIndex, getTreeLabel, resolveTreeFieldNames } from "./tree-utils.js";
+import RsTree_default from "./RsTree.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, toDisplayString, unref, useModel, vModelText, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/RsTreeSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-tree-select__value"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-tree-select__placeholder"
+};
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = ["placeholder"];
+var RsTreeSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsTreeSelect",
+	__name: "RsTreeSelect",
+	props: /*@__PURE__*/ mergeModels({
+		treeData: {},
+		fieldNames: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		checkable: {
+			type: Boolean,
+			default: false
+		},
+		searchable: {
+			type: Boolean,
+			default: false
+		},
+		size: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {},
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:open"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const open = useModel(__props, "open");
+		const props = __props;
+		const { t } = useRsI18n();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		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(", ");
+		});
+		function onTreeUpdate(value) {
+			model.value = props.multiple || props.checkable ? value : value;
+			if (!props.multiple && !props.checkable) open.value = false;
+		}
+		function onClear() {
+			model.value = props.multiple || props.checkable ? [] : "";
+		}
+		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"
+			}, {
+				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", {
+					type: "button",
+					class: normalizeClass(["rs-tree-select", [`rs-tree-select--${unref(resolvedSize)}`, { "rs-tree-select--disabled": __props.disabled }]]),
+					disabled: __props.disabled
+				}, [
+					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, {
+						name: "chevron-down",
+						size: 14
+					})
+				], 10, _hoisted_1)]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { RsTreeSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsTreeSelect.js

@@ -0,0 +1,8 @@
+import './RsTreeSelect.css'
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import RsTreeSelect_vue_vue_type_script_setup_true_lang_default from "./RsTreeSelect.impl.js";
+
+//#region src/components/RsTreeSelect.vue
+var RsTreeSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTreeSelect_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a057dd37"]]);
+//#endregion
+export { RsTreeSelect_default as default };

package/dist/components/cascader-utils.d.ts

@@ -0,0 +1,16 @@
+import type { RsSelectValue } from './select-utils';
+/** 级联选项，对齐 Ant Cascader options */
+export interface RsCascaderOption {
+    label: string;
+    value: RsSelectValue;
+    disabled?: boolean;
+    children?: RsCascaderOption[];
+    isLeaf?: boolean;
+}
+export type RsCascaderPath = RsSelectValue[];
+export type RsCascaderExpandTrigger = 'click' | 'hover';
+export declare function findCascaderOption(options: readonly RsCascaderOption[], value: RsSelectValue): RsCascaderOption | undefined;
+export declare function cascaderColumns(options: readonly RsCascaderOption[], path: RsCascaderPath): RsCascaderOption[][];
+export declare function cascaderLabels(options: readonly RsCascaderOption[], path: RsCascaderPath): string[];
+export declare function cascaderDisplay(options: readonly RsCascaderOption[], path: RsCascaderPath, separator?: string): string;
+export declare function isCascaderLeaf(option: RsCascaderOption): boolean;

package/dist/components/cascader-utils.js

@@ -0,0 +1,39 @@
+//#region src/components/cascader-utils.ts
+function findCascaderOption(options, value) {
+	return options.find((item) => String(item.value) === String(value));
+}
+function cascaderColumns(options, path) {
+	const columns = [options.slice()];
+	let level = options;
+	for (const token of path) {
+		const children = findCascaderOption(level, token)?.children;
+		if (!children?.length) break;
+		columns.push(children);
+		level = children;
+	}
+	return columns;
+}
+function cascaderLabels(options, path) {
+	const labels = [];
+	let level = options;
+	for (const token of path) {
+		const current = findCascaderOption(level, token);
+		if (!current) {
+			labels.push(String(token));
+			break;
+		}
+		labels.push(current.label);
+		level = current.children ?? [];
+	}
+	return labels;
+}
+function cascaderDisplay(options, path, separator = " / ") {
+	return cascaderLabels(options, path).join(separator);
+}
+function isCascaderLeaf(option) {
+	if (option.isLeaf === true) return true;
+	if (option.isLeaf === false) return false;
+	return !option.children?.length;
+}
+//#endregion
+export { cascaderColumns, cascaderDisplay, cascaderLabels, findCascaderOption, isCascaderLeaf };

package/dist/components/mentions-utils.d.ts

@@ -0,0 +1,46 @@
+export interface RsMentionOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface RsMentionActive {
+    prefix: string;
+    query: string;
+    start: number;
+    end: number;
+}
+export declare function resolveMentionPrefixes(prefix: string | readonly string[]): string[];
+/** 光标前最近一个前缀 + 查询词（不含空格） */
+export declare function findActiveMention(text: string, cursor: number, prefixes: readonly string[], split?: string): RsMentionActive | null;
+export declare function applyMention(text: string, active: RsMentionActive, value: string, split?: string): {
+    text: string;
+    cursor: number;
+};
+export interface RsMentionCaretBox {
+    top: number;
+    left: number;
+    height: number;
+}
+export interface RsMentionPopupBox {
+    top: number;
+    left: number;
+    placement: 'top' | 'bottom';
+}
+export declare function stepMentionIndex(options: readonly RsMentionOption[], current: number, delta: 1 | -1): number;
+/** 视口内避让：下边不够就翻到上方，左右夹进窗口。 */
+export declare function placeMentionPopup(caret: RsMentionCaretBox, popup: {
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, gap?: number): RsMentionPopupBox;
+export interface RsTextareaCaretMeter {
+    measure: (textarea: HTMLTextAreaElement, index: number) => RsMentionCaretBox;
+    dispose: () => void;
+}
+/** 复用隐藏镜像节点，避免每次按键 insert/remove 逼 reflow。 */
+export declare function createTextareaCaretMeter(): RsTextareaCaretMeter;
+/** 相对 textarea 内容区的光标坐标（已扣滚动）。测试 / 单次调用用；热路径请复用 meter。 */
+export declare function measureTextareaCaret(textarea: HTMLTextAreaElement, index: number): RsMentionCaretBox;
+export declare function filterMentionOptions(options: readonly RsMentionOption[], query: string): RsMentionOption[];

package/dist/components/mentions-utils.js

@@ -0,0 +1,128 @@
+import { placeAnchoredPopup, stepEnabledIndex } from "./overlay-utils.js";
+//#region src/components/mentions-utils.ts
+function resolveMentionPrefixes(prefix) {
+	return (Array.isArray(prefix) ? prefix : [prefix]).map(String).filter(Boolean);
+}
+/** 光标前最近一个前缀 + 查询词（不含空格） */
+function findActiveMention(text, cursor, prefixes, split = " ") {
+	const head = text.slice(0, Math.max(0, cursor));
+	let found = null;
+	for (const token of prefixes) {
+		const at = head.lastIndexOf(token);
+		if (at < 0) continue;
+		const after = head.slice(at + token.length);
+		if (after.includes(split) || after.includes("\n")) continue;
+		if (!found || at > found.start) found = {
+			prefix: token,
+			query: after,
+			start: at,
+			end: cursor
+		};
+	}
+	return found;
+}
+function applyMention(text, active, value, split = " ") {
+	const insert = `${active.prefix}${value}${split}`;
+	return {
+		text: `${text.slice(0, active.start)}${insert}${text.slice(active.end)}`,
+		cursor: active.start + insert.length
+	};
+}
+function stepMentionIndex(options, current, delta) {
+	return stepEnabledIndex(options, current, delta);
+}
+/** 视口内避让：下边不够就翻到上方，左右夹进窗口。 */
+function placeMentionPopup(caret, popup, viewport, gap = 4) {
+	const box = placeAnchoredPopup(caret, popup, viewport, gap);
+	return {
+		top: box.top,
+		left: box.left,
+		placement: box.placement
+	};
+}
+var MIRROR_STYLE_KEYS = [
+	"boxSizing",
+	"width",
+	"height",
+	"overflowX",
+	"overflowY",
+	"borderTopWidth",
+	"borderRightWidth",
+	"borderBottomWidth",
+	"borderLeftWidth",
+	"paddingTop",
+	"paddingRight",
+	"paddingBottom",
+	"paddingLeft",
+	"fontStyle",
+	"fontVariant",
+	"fontWeight",
+	"fontStretch",
+	"fontSize",
+	"fontFamily",
+	"letterSpacing",
+	"textIndent",
+	"textTransform",
+	"wordSpacing",
+	"tabSize",
+	"lineHeight",
+	"whiteSpace",
+	"wordWrap"
+];
+/** 复用隐藏镜像节点，避免每次按键 insert/remove 逼 reflow。 */
+function createTextareaCaretMeter() {
+	let mirror = null;
+	let marker = null;
+	function ensure() {
+		if (mirror && marker) return {
+			mirror,
+			marker
+		};
+		mirror = document.createElement("div");
+		mirror.setAttribute("aria-hidden", "true");
+		const s = mirror.style;
+		s.position = "absolute";
+		s.visibility = "hidden";
+		s.pointerEvents = "none";
+		s.whiteSpace = "pre-wrap";
+		s.wordWrap = "break-word";
+		s.top = "0";
+		s.left = "-9999px";
+		marker = document.createElement("span");
+		marker.textContent = ".";
+		document.body.appendChild(mirror);
+		return {
+			mirror,
+			marker
+		};
+	}
+	function measure(textarea, index) {
+		const { mirror: box, marker: caret } = ensure();
+		const style = window.getComputedStyle(textarea);
+		for (const key of MIRROR_STYLE_KEYS) box.style.setProperty(key.replace(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`), style[key]);
+		const text = textarea.value.slice(0, Math.max(0, index));
+		box.textContent = text.endsWith("\n") ? `${text}\u00a0` : text;
+		box.appendChild(caret);
+		return {
+			top: caret.offsetTop - textarea.scrollTop,
+			left: caret.offsetLeft - textarea.scrollLeft,
+			height: caret.offsetHeight || parseFloat(style.lineHeight) || 16
+		};
+	}
+	function dispose() {
+		mirror?.remove();
+		mirror = null;
+		marker = null;
+	}
+	return {
+		measure,
+		dispose
+	};
+}
+function filterMentionOptions(options, query) {
+	const q = query.trim().toLowerCase();
+	if (!q) return options.filter((item) => !item.disabled);
+	return options.filter((item) => !item.disabled && (item.label.toLowerCase().includes(q) || item.value.toLowerCase().includes(q)));
+}
+//#endregion
+export { applyMention, createTextareaCaretMeter, filterMentionOptions, findActiveMention, placeMentionPopup, resolveMentionPrefixes, stepMentionIndex };

package/dist/components/overlay-utils.d.ts

@@ -21,3 +21,34 @@ export declare const RS_TOAST_DEFAULT_POSITION: RsToastPosition;
 export declare const RS_TOAST_DEFAULT_GAP = 4;
 export declare const rsToastPositions: readonly ["top-center", "top-left", "top-right", "bottom-center", "bottom-left", "bottom-right"];
 export declare function rsFeedbackIconClass(tone: RsFeedbackTone): string;
+/** 视口内锚点矩形（输入框、插入符等）。 */
+export interface RsOverlayAnchorBox {
+    top: number;
+    left: number;
+    height: number;
+    width?: number;
+}
+export interface RsOverlayPopupSize {
+    width: number;
+    height: number;
+}
+export interface RsOverlayViewport {
+    width: number;
+    height: number;
+}
+/** 锚点浮层最终盒子。placement 供翻转后的样式钩子使用。 */
+export interface RsOverlayBox {
+    top: number;
+    left: number;
+    width: number;
+    placement: 'top' | 'bottom';
+}
+/**
+ * 把浮层贴到锚点：优先下方，视口不够则翻到上方，左右夹进窗口。
+ * 对齐 WAI-ARIA APG 浮层惯例与 CSS overflow 避让，不跟某一家组件库的 API。
+ */
+export declare function placeAnchoredPopup(anchor: RsOverlayAnchorBox, popup: RsOverlayPopupSize, viewport: RsOverlayViewport, gap?: number): RsOverlayBox;
+/** 在可选项里按方向跳过 disabled，供 combobox / listbox 方向键与 Home / End。 */
+export declare function stepEnabledIndex<T extends {
+    disabled?: boolean;
+}>(options: readonly T[], current: number, delta: 1 | -1): number;

package/dist/components/overlay-utils.js

@@ -13,5 +13,33 @@ var rsToastPositions = [
 function rsFeedbackIconClass(tone) {
 	return `rs-feedback-icon rs-feedback-icon--${tone}`;
 }
+/**
+* 把浮层贴到锚点：优先下方，视口不够则翻到上方，左右夹进窗口。
+* 对齐 WAI-ARIA APG 浮层惯例与 CSS overflow 避让，不跟某一家组件库的 API。
+*/
+function placeAnchoredPopup(anchor, popup, viewport, gap = 4) {
+	const below = anchor.top + anchor.height + gap;
+	const above = anchor.top - popup.height - gap;
+	const placement = below + popup.height <= viewport.height || above < gap ? "bottom" : "top";
+	const top = placement === "bottom" ? below : Math.max(gap, above);
+	const width = Math.min(popup.width, Math.max(0, viewport.width - gap * 2));
+	const maxLeft = Math.max(gap, viewport.width - width - gap);
+	return {
+		top,
+		left: Math.min(Math.max(gap, anchor.left), maxLeft),
+		width,
+		placement
+	};
+}
+/** 在可选项里按方向跳过 disabled，供 combobox / listbox 方向键与 Home / End。 */
+function stepEnabledIndex(options, current, delta) {
+	if (!options.length) return 0;
+	let index = current;
+	for (let n = 0; n < options.length; n += 1) {
+		index = (index + delta + options.length) % options.length;
+		if (!options[index]?.disabled) return index;
+	}
+	return Math.max(0, current);
+}
 //#endregion
-export { RS_TOAST_DEFAULT_GAP, RS_TOAST_DEFAULT_POSITION, rsFeedbackIconClass, rsToastPositions };
+export { RS_TOAST_DEFAULT_GAP, RS_TOAST_DEFAULT_POSITION, placeAnchoredPopup, rsFeedbackIconClass, rsToastPositions, stepEnabledIndex };

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

@@ -3,6 +3,14 @@ export type RsSelectValue = string | number;
 export type RsSelectOptionFilterProp = string;
 export type RsSelectPlacement = 'top' | 'bottom' | 'left' | 'right';
 export type RsSelectStatus = 'error' | 'warning' | '';
+/** 对齐 Ant Design 5 Select variant；搜索仍在面板内，不改触发器打字。 */
+export type RsSelectVariant = 'outlined' | 'filled' | 'borderless';
+/** 多选折叠：数字为上限；responsive 按触发器宽度收。 */
+export type RsSelectMaxTagCount = number | 'responsive';
+export declare function splitSelectLabelHighlight(label: string, keyword: string): Array<{
+    text: string;
+    highlight: boolean;
+}>;
 /** 自定义过滤（对齐 Ant Design filterOption）。返回 false 则隐藏该项。 */
 export type RsSelectFilterOption = (query: string, option: RsSelectOption) => boolean;
 /** 过滤后排序（对齐 Ant Design filterSort） */
@@ -41,6 +49,7 @@ export type RsSelectModelValue = RsSelectValue | RsSelectValue[] | RsSelectLabel
  * 按泛型收窄后的 v-model。
  * 默认单选、值为 string：宿主 `@update:model-value="(v: string) => void"` 可直接赋值。
  * `multiple` / `labelInValue` 为字面量 true 时收成数组或 labeled；为 `boolean` 时保留联合。
+ * 组件本体的 defineModel 用 RsSelectModelValue（multiple / labelInValue 是运行时 boolean）。
  */
 export type RsSelectResolvedModel<Value extends RsSelectValue = string, Multiple extends boolean = false, LabelInValue extends boolean = false> = LabelInValue extends true ? Multiple extends true ? RsSelectLabeledValue[] : Multiple extends false ? RsSelectLabeledValue | '' : RsSelectLabeledValue | RsSelectLabeledValue[] | '' : Multiple extends true ? Value[] : Multiple extends false ? Value | '' : Value | Value[] | '';
 /**
@@ -48,6 +57,12 @@ export type RsSelectResolvedModel<Value extends RsSelectValue = string, Multiple
  * 选项若传入 value: ''，对内映射为此哨兵，避免崩溃；对外读写仍为 ''。
  */
 export declare const RS_SELECT_EMPTY_VALUE = "__rs_select_empty__";
+/**
+ * Vue 对泛型 boolean prop 不会按 Boolean 收口。
+ * 模板写 `multiple` 时运行时可能是 ''；个别版本还会落到 attrs 变成 'true' / 'multiple'。
+ * Boolean('') 为 false，会把多选打成单选。
+ */
+export declare function isSelectMultiple(value: unknown): boolean;
 /** 业务 value → ComboboxItem token（空串走哨兵；数字转为十进制字符串） */
 export declare function toComboboxValue(value: RsSelectValue): string;
 /** ComboboxItem token → 业务字符串（仅还原空串哨兵，不恢复 number） */

package/dist/components/select-utils.js

@@ -1,9 +1,45 @@
 //#region src/components/select-utils.ts
+function splitSelectLabelHighlight(label, keyword) {
+	const query = keyword.trim();
+	if (!query) return [{
+		text: label,
+		highlight: false
+	}];
+	const lowerLabel = label.toLowerCase();
+	const lowerQuery = query.toLowerCase();
+	const index = lowerLabel.indexOf(lowerQuery);
+	if (index < 0) return [{
+		text: label,
+		highlight: false
+	}];
+	const parts = [];
+	if (index > 0) parts.push({
+		text: label.slice(0, index),
+		highlight: false
+	});
+	parts.push({
+		text: label.slice(index, index + query.length),
+		highlight: true
+	});
+	if (index + query.length < label.length) parts.push({
+		text: label.slice(index + query.length),
+		highlight: false
+	});
+	return parts;
+}
 /**
 * Reka ComboboxItem 禁止 value 为空串（空串表示未选中 / placeholder）。
 * 选项若传入 value: ''，对内映射为此哨兵，避免崩溃；对外读写仍为 ''。
 */
 var RS_SELECT_EMPTY_VALUE = "__rs_select_empty__";
+/**
+* Vue 对泛型 boolean prop 不会按 Boolean 收口。
+* 模板写 `multiple` 时运行时可能是 ''；个别版本还会落到 attrs 变成 'true' / 'multiple'。
+* Boolean('') 为 false，会把多选打成单选。
+*/
+function isSelectMultiple(value) {
+	return value === true || value === "" || value === "true" || value === "multiple";
+}
 /** 业务 value → ComboboxItem token（空串走哨兵；数字转为十进制字符串） */
 function toComboboxValue(value) {
 	return value === "" ? RS_SELECT_EMPTY_VALUE : String(value);
@@ -208,4 +244,4 @@ function splitByTokenSeparators(raw, separators) {
 	return raw.split(found);
 }
 //#endregion
-export { RS_SELECT_EMPTY_VALUE, buildOptionDisabledMap, buildOptionLabelMap, comboboxBindingToTokens, filterSelectOptions, findSelectOption, flattenSelectOptions, flattenSelectValues, fromComboboxValue, isSelectLabeledValue, isSelectOptionGroup, normalizeSelectOptions, optionDisplayLabel, packSelectModel, restoreSelectValue, restoreSelectValues, selectModelEntries, sortSelectOptions, splitByTokenSeparators, toComboboxValue, toLabeledValue, toSelectedTokens, unwrapSelectEntry };
+export { RS_SELECT_EMPTY_VALUE, buildOptionDisabledMap, buildOptionLabelMap, comboboxBindingToTokens, filterSelectOptions, findSelectOption, flattenSelectOptions, flattenSelectValues, fromComboboxValue, isSelectLabeledValue, isSelectMultiple, isSelectOptionGroup, normalizeSelectOptions, optionDisplayLabel, packSelectModel, restoreSelectValue, restoreSelectValues, selectModelEntries, sortSelectOptions, splitByTokenSeparators, splitSelectLabelHighlight, toComboboxValue, toLabeledValue, toSelectedTokens, unwrapSelectEntry };

package/dist/components/table/RsTableCellEditor.impl.js

@@ -1,6 +1,7 @@
 import { useRsI18n } from "../../composables/useRsI18n.js";
 import RsInput_default from "../RsInput.js";
 import RsInputNumber_default from "../RsInputNumber.js";
+import { unwrapSelectEntry } from "../select-utils.js";
 import RsSelect_default from "../RsSelect.js";
 import RsDatePicker_default from "../RsDatePicker.js";
 import { applyFocusMode, isNullDraft, nullToEditText, resolveCellEditorInputType, usesOverlayEditor } from "./table-edit-utils.js";
@@ -194,8 +195,13 @@ var RsTableCellEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 				emit("commit");
 			}
 		}
+		function selectDraftTokens(value) {
+			if (Array.isArray(value)) return value.map((item) => unwrapSelectEntry(item)).filter((item) => item !== null).map(String);
+			const raw = unwrapSelectEntry(value);
+			return raw == null ? "" : String(raw);
+		}
 		function onSelectUpdate(value) {
-			const tokens = Array.isArray(value) ? value.map(String) : String(value);
+			const tokens = selectDraftTokens(value);
 			if (tokens === "" || Array.isArray(tokens) && tokens.length === 0) {
 				if (!props.editorOptions?.clearable) return;
 				model.value = props.allowNull ? nullToEditText() : "";

package/dist/components/use-rs-select.d.ts

@@ -15,7 +15,9 @@ export interface RsSelectEngineProps {
     remote?: boolean;
     virtual?: boolean;
     virtualThreshold?: number;
-    maxTagCount?: number;
+    maxTagCount?: number | 'responsive';
+    /** 远程 @search 防抖毫秒；0 立即发 */
+    debounce?: number;
     maxTagPlaceholder?: string | ((omitted: number) => string);
     maxTagTooltip?: boolean;
     maxTagTextLength?: number;
@@ -40,12 +42,13 @@ export type RsSelectEngineEmit = {
  * Select 过滤、选中、多选 tag、creatable / 分隔符提交。
  * 组件模板只消费返回值；表单校验仍留在 SFC。
  */
-export declare function useRsSelect(props: RsSelectEngineProps, model: ModelRef<RsSelectModelValue>, open: ModelRef<boolean>, searchQuery: ModelRef<string>, emit: RsSelectEngineEmit, t: RsTranslateFn): {
+export declare function useRsSelect<T extends RsSelectModelValue = RsSelectModelValue>(props: RsSelectEngineProps, model: ModelRef<T>, open: ModelRef<boolean>, searchQuery: ModelRef<string>, emit: RsSelectEngineEmit, t: RsTranslateFn): {
     normalizedOptions: import("vue").ComputedRef<import("./select-utils").RsSelectOptions>;
     resolvedPlaceholder: import("vue").ComputedRef<string>;
     resolvedSearchPlaceholder: import("vue").ComputedRef<string>;
     resolvedEmptyText: import("vue").ComputedRef<string>;
     resolvedLoadingText: import("vue").ComputedRef<string>;
+    isMultiple: import("vue").ComputedRef<boolean>;
     isSearchable: import("vue").ComputedRef<boolean>;
     labelMap: import("vue").ComputedRef<Map<string, string>>;
     useVirtual: import("vue").ComputedRef<boolean>;