niuma-ui 1.2.5 → 1.2.8

package/dist/components/RsMentions.css

@@ -0,0 +1,19 @@
+
+.rs-mentions[data-v-0ab8420e] {
+  position: relative;
+  width: 100%;
+}
+.rs-mentions__input[data-v-0ab8420e] {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: calc(var(--rs-control-height-md) * 2);
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border: 1px solid var(--rs-input-border, var(--rs-border));
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-input-bg);
+  color: var(--rs-text);
+  font-family: inherit;
+  font-size: var(--rs-font-size-sm);
+  resize: vertical;
+  outline: none;
+}

package/dist/components/RsMentions.d.ts

@@ -0,0 +1,32 @@
+import type { RsComponentSize } from '../theme/types';
+import { type RsMentionOption } from './mentions-utils';
+type __VLS_Props = {
+    options?: readonly RsMentionOption[];
+    prefix?: string | string[];
+    split?: string;
+    rows?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: RsComponentSize;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    search: (query: string) => any;
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    split: string;
+    disabled: boolean;
+    options: readonly RsMentionOption[];
+    prefix: string | string[];
+    rows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsMentions.impl.js

@@ -0,0 +1,242 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import { useResolvedRsComponentSize } from "./resolve-size.js";
+import { applyMention, createTextareaCaretMeter, filterMentionOptions, findActiveMention, placeMentionPopup, resolveMentionPrefixes, stepMentionIndex } from "./mentions-utils.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, useId, useModel, vModelText, watch, withDirectives, withModifiers } from "vue";
+//#region src/components/RsMentions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"rows",
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant"
+];
+var _hoisted_2 = ["id", "aria-label"];
+var _hoisted_3 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMousedown"
+];
+var RsMentions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsMentions",
+	__name: "RsMentions",
+	props: /*@__PURE__*/ mergeModels({
+		options: { default: () => [] },
+		prefix: { default: "@" },
+		split: { default: " " },
+		rows: { default: 3 },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select", "search"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const listId = useId();
+		const areaRef = ref(null);
+		const listRef = ref(null);
+		const cursor = ref(0);
+		const popup = ref({
+			top: 0,
+			left: 0,
+			placement: "bottom"
+		});
+		const highlight = ref(0);
+		const dismissed = ref(false);
+		const lastSearch = ref(null);
+		const prefixes = computed(() => resolveMentionPrefixes(props.prefix));
+		const meter = createTextareaCaretMeter();
+		const active = computed(() => dismissed.value ? null : findActiveMention(model.value, cursor.value, prefixes.value, props.split));
+		const suggestions = computed(() => active.value ? filterMentionOptions(props.options, active.value.query) : []);
+		const open = computed(() => Boolean(active.value && suggestions.value.length));
+		const activeOption = computed(() => suggestions.value[highlight.value]);
+		const activeOptionId = computed(() => open.value && activeOption.value ? `${listId}-${activeOption.value.value}` : void 0);
+		function viewportCaret() {
+			const el = areaRef.value;
+			const mention = active.value;
+			if (!el || !mention) return null;
+			const local = meter.measure(el, mention.start);
+			const box = el.getBoundingClientRect();
+			return {
+				top: box.top + local.top,
+				left: box.left + local.left,
+				height: local.height
+			};
+		}
+		function placePopup() {
+			const caret = viewportCaret();
+			if (!caret) return;
+			const list = listRef.value?.getBoundingClientRect();
+			popup.value = placeMentionPopup(caret, {
+				width: list?.width || 160,
+				height: list?.height || Math.min(192, suggestions.value.length * 32)
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+		}
+		let frame = 0;
+		function requestPlace() {
+			if (frame) return;
+			frame = window.requestAnimationFrame(() => {
+				frame = 0;
+				placePopup();
+			});
+		}
+		function syncCursor(emitSearch, keepDismissed = false) {
+			const el = areaRef.value;
+			cursor.value = el?.selectionStart ?? model.value.length;
+			if (!keepDismissed) dismissed.value = false;
+			const mention = findActiveMention(model.value, cursor.value, prefixes.value, props.split);
+			if (!mention) {
+				lastSearch.value = null;
+				return;
+			}
+			if (emitSearch && mention.query !== lastSearch.value) {
+				lastSearch.value = mention.query;
+				emit("search", mention.query);
+			}
+			requestPlace();
+		}
+		function pick(option) {
+			if (!active.value || option.disabled) return;
+			const next = applyMention(model.value, active.value, option.value, props.split);
+			model.value = next.text;
+			emit("select", option.value);
+			dismissed.value = true;
+			nextTick(() => {
+				const el = areaRef.value;
+				if (!el) return;
+				el.focus();
+				el.setSelectionRange(next.cursor, next.cursor);
+				cursor.value = next.cursor;
+			});
+		}
+		function onKeydown(event) {
+			if (!open.value) return;
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				highlight.value = stepMentionIndex(suggestions.value, highlight.value, 1);
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				highlight.value = stepMentionIndex(suggestions.value, highlight.value, -1);
+				return;
+			}
+			if (event.key === "Enter") {
+				event.preventDefault();
+				if (activeOption.value) pick(activeOption.value);
+				return;
+			}
+			if (event.key === "Escape") {
+				event.preventDefault();
+				dismissed.value = true;
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				highlight.value = stepMentionIndex(suggestions.value, -1, 1);
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				highlight.value = stepMentionIndex(suggestions.value, suggestions.value.length, -1);
+				return;
+			}
+			if (event.key === "Tab" && activeOption.value) {
+				event.preventDefault();
+				pick(activeOption.value);
+			}
+		}
+		watch(suggestions, (list) => {
+			highlight.value = list.findIndex((item) => !item.disabled);
+			if (highlight.value < 0) highlight.value = 0;
+			requestPlace();
+		});
+		watch(open, (isOpen) => {
+			if (isOpen) nextTick(() => requestPlace());
+		});
+		function onWindowChange() {
+			if (open.value) requestPlace();
+		}
+		onMounted(() => {
+			window.addEventListener("resize", onWindowChange);
+			window.addEventListener("scroll", onWindowChange, true);
+		});
+		onUnmounted(() => {
+			if (frame) window.cancelAnimationFrame(frame);
+			meter.dispose();
+			window.removeEventListener("resize", onWindowChange);
+			window.removeEventListener("scroll", onWindowChange, true);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["rs-mentions", `rs-mentions--${unref(resolvedSize)}`]) }, [withDirectives(createElementVNode("textarea", {
+				ref_key: "areaRef",
+				ref: areaRef,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				class: "rs-mentions__input",
+				rows: __props.rows,
+				placeholder: __props.placeholder ?? unref(t)("mentions.placeholder"),
+				disabled: __props.disabled,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-haspopup": "listbox",
+				"aria-expanded": open.value ? "true" : "false",
+				"aria-controls": open.value ? unref(listId) : void 0,
+				"aria-activedescendant": activeOptionId.value,
+				onKeydown,
+				onKeyup: _cache[1] || (_cache[1] = ($event) => syncCursor(true, [
+					"Escape",
+					"Enter",
+					"Tab",
+					"ArrowUp",
+					"ArrowDown",
+					"Home",
+					"End"
+				].includes($event.key))),
+				onClick: _cache[2] || (_cache[2] = ($event) => syncCursor(true)),
+				onInput: _cache[3] || (_cache[3] = ($event) => syncCursor(true)),
+				onScroll: _cache[4] || (_cache[4] = ($event) => syncCursor(false, true))
+			}, null, 40, _hoisted_1), [[vModelText, model.value]]), (openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("ul", {
+				key: 0,
+				id: unref(listId),
+				ref_key: "listRef",
+				ref: listRef,
+				class: "rs-mentions__list",
+				role: "listbox",
+				"aria-label": unref(t)("mentions.suggestions"),
+				style: normalizeStyle({
+					top: `${popup.value.top}px`,
+					left: `${popup.value.left}px`
+				})
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(suggestions.value, (opt, index) => {
+				return openBlock(), createElementBlock("li", {
+					id: `${unref(listId)}-${opt.value}`,
+					key: opt.value,
+					role: "option",
+					class: normalizeClass(["rs-mentions__item", {
+						"rs-mentions__item--disabled": opt.disabled,
+						"rs-mentions__item--active": index === highlight.value
+					}]),
+					"aria-selected": index === highlight.value,
+					"aria-disabled": opt.disabled ? "true" : void 0,
+					onMousedown: withModifiers(($event) => pick(opt), ["prevent"])
+				}, toDisplayString(opt.label), 43, _hoisted_3);
+			}), 128))], 12, _hoisted_2)) : createCommentVNode("", true)]))], 2);
+		};
+	}
+});
+//#endregion
+export { RsMentions_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsMentions.js

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

package/dist/components/RsSelect.css

@@ -1,12 +1,12 @@
 
-.rs-select[data-v-48ee70c4] {
+.rs-select[data-v-956c54dc] {
   display: inline-flex;
   width: 100%;
   max-width: 100%;
   vertical-align: middle;
   box-sizing: border-box;
 }
-.rs-select__trigger[data-v-48ee70c4] {
+.rs-select__trigger[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -31,13 +31,13 @@
     box-shadow var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select--multiple .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--multiple .rs-select__trigger[data-v-956c54dc] {
   min-height: var(--rs-control-height-md);
   height: auto;
   padding-top: var(--rs-space-xs);
   padding-bottom: var(--rs-space-xs);
 }
-.rs-select--block[data-v-48ee70c4] {
+.rs-select--block[data-v-956c54dc] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -46,41 +46,56 @@
   align-self: stretch;
   box-sizing: border-box;
 }
-.rs-select--block .rs-select__anchor[data-v-48ee70c4],
-.rs-select--block .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--block .rs-select__anchor[data-v-956c54dc],
+.rs-select--block .rs-select__trigger[data-v-956c54dc] {
   width: 100%;
 }
-.rs-select--ssm .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--ssm .rs-select__trigger[data-v-956c54dc] {
   height: var(--rs-control-height-ssm);
   min-height: var(--rs-control-height-ssm);
   padding: 0 var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
 }
-.rs-select--ssm.rs-select--multiple .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--ssm.rs-select--multiple .rs-select__trigger[data-v-956c54dc] {
   min-height: var(--rs-control-height-ssm);
 }
-.rs-select--sm .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--sm .rs-select__trigger[data-v-956c54dc] {
   height: var(--rs-control-height-sm);
   min-height: var(--rs-control-height-sm);
   padding: 0 var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
 }
-.rs-select--sm.rs-select--multiple .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--sm.rs-select--multiple .rs-select__trigger[data-v-956c54dc] {
   min-height: var(--rs-control-height-sm);
 }
-.rs-select--lg .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--lg .rs-select__trigger[data-v-956c54dc] {
   height: var(--rs-control-height-lg);
   min-height: var(--rs-control-height-lg);
   padding: 0 var(--rs-space-lg);
   font-size: var(--rs-font-size-base);
 }
-.rs-select--lg.rs-select--multiple .rs-select__trigger[data-v-48ee70c4] {
+.rs-select--lg.rs-select--multiple .rs-select__trigger[data-v-956c54dc] {
   min-height: var(--rs-control-height-lg);
 }
-.rs-select__trigger[data-v-48ee70c4]:hover:not([data-disabled]) {
+.rs-select--filled .rs-select__trigger[data-v-956c54dc] {
+  border-color: transparent;
+  background: var(--rs-surface-hover);
+}
+.rs-select--borderless .rs-select__trigger[data-v-956c54dc] {
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
+.rs-select__mark[data-v-956c54dc] {
+  padding: 0;
+  background: color-mix(in srgb, var(--rs-primary) 22%, transparent);
+  color: inherit;
+  font-weight: var(--rs-font-weight-medium);
+}
+.rs-select__trigger[data-v-956c54dc]:hover:not([data-disabled]) {
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-select__trigger[data-v-48ee70c4]:focus-visible {
+.rs-select__trigger[data-v-956c54dc]:focus-visible {
   outline: none;
   border-color: var(--rs-focus-border, var(--rs-primary));
   background: var(--rs-input-bg);
@@ -88,32 +103,32 @@
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-select__trigger[data-disabled][data-v-48ee70c4] {
+.rs-select__trigger[data-disabled][data-v-956c54dc] {
   opacity: 0.38;
   cursor: not-allowed;
   background: var(--rs-surface-hover);
 }
-.rs-select__trigger--invalid[data-v-48ee70c4] {
+.rs-select__trigger--invalid[data-v-956c54dc] {
   border-color: var(--rs-danger);
 }
-.rs-select__trigger--invalid[data-v-48ee70c4]:focus-visible {
+.rs-select__trigger--invalid[data-v-956c54dc]:focus-visible {
   border-color: var(--rs-danger);
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
       color-mix(in srgb, var(--rs-danger) 14%, transparent);
 }
-.rs-select__trigger--warning[data-v-48ee70c4] {
+.rs-select__trigger--warning[data-v-956c54dc] {
   border-color: var(--rs-warning, #d97706);
 }
-.rs-select__trigger--warning[data-v-48ee70c4]:focus-visible {
+.rs-select__trigger--warning[data-v-956c54dc]:focus-visible {
   border-color: var(--rs-warning, #d97706);
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
       color-mix(in srgb, var(--rs-warning, #d97706) 14%, transparent);
 }
-.rs-select__value[data-v-48ee70c4] {
+.rs-select__value[data-v-956c54dc] {
   flex: 1;
   min-width: 0;
   text-align: left;
@@ -121,7 +136,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__value--multiple[data-v-48ee70c4] {
+.rs-select__value--multiple[data-v-956c54dc] {
   display: flex;
   flex-wrap: nowrap;
   gap: var(--rs-space-xs);
@@ -129,28 +144,28 @@
   white-space: nowrap;
   overflow: hidden;
 }
-.rs-select__prefix[data-v-48ee70c4] {
+.rs-select__prefix[data-v-956c54dc] {
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
   color: var(--rs-muted);
 }
-.rs-select__tag--rest[data-v-48ee70c4] {
+.rs-select__tag--rest[data-v-956c54dc] {
   padding-right: 0.5rem;
   color: var(--rs-muted);
   background: var(--rs-surface-hover);
   border-color: var(--rs-border);
 }
-.rs-select__placeholder[data-v-48ee70c4] {
+.rs-select__placeholder[data-v-956c54dc] {
   color: var(--rs-placeholder);
 }
-.rs-select__single-label[data-v-48ee70c4] {
+.rs-select__single-label[data-v-956c54dc] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__tag[data-v-48ee70c4] {
+.rs-select__tag[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
   gap: 0.125rem;
@@ -164,12 +179,12 @@
   font-size: var(--rs-font-size-xs);
   line-height: var(--rs-line-height-tight);
 }
-.rs-select__tag-label[data-v-48ee70c4] {
+.rs-select__tag-label[data-v-956c54dc] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-select__tag-remove[data-v-48ee70c4] {
+.rs-select__tag-remove[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -185,17 +200,17 @@
     color var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select__tag-remove[data-v-48ee70c4]:hover {
+.rs-select__tag-remove[data-v-956c54dc]:hover {
   color: var(--rs-on-primary-container);
   background: color-mix(in srgb, var(--rs-primary) 16%, transparent);
 }
-.rs-select__actions[data-v-48ee70c4] {
+.rs-select__actions[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
   gap: var(--rs-space-xs);
   flex-shrink: 0;
 }
-.rs-select__clear[data-v-48ee70c4] {
+.rs-select__clear[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -211,23 +226,23 @@
     color var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-select__clear[data-v-48ee70c4]:hover {
+.rs-select__clear[data-v-956c54dc]:hover {
   color: var(--rs-text);
   background: var(--rs-item-hover);
 }
-.rs-select__suffix[data-v-48ee70c4] {
+.rs-select__suffix[data-v-956c54dc] {
   display: inline-flex;
   align-items: center;
 }
-.rs-select__icon[data-v-48ee70c4] {
+.rs-select__icon[data-v-956c54dc] {
   color: var(--rs-muted);
   flex-shrink: 0;
   transition: transform var(--rs-transition-fast);
 }
-.rs-select__trigger[data-state='open'] .rs-select__icon[data-v-48ee70c4] {
+.rs-select__trigger[data-state='open'] .rs-select__icon[data-v-956c54dc] {
   transform: rotate(180deg);
 }
-.rs-select__item--create .rs-select__item-label[data-v-48ee70c4] {
+.rs-select__item--create .rs-select__item-label[data-v-956c54dc] {
   color: var(--rs-primary);
   font-weight: var(--rs-font-weight-medium);
 }

package/dist/components/RsSelect.d.ts

@@ -1,6 +1,6 @@
 import type { RsComponentSize, RsRadius } from '../theme/types';
 import { type RsFormRuleTrigger } from './form-rules';
-import { type RsSelectFieldNames, type RsSelectFilterOption, type RsSelectFilterSort, type RsSelectGetPopupContainer, type RsSelectOption, type RsSelectOptionFilterProp, type RsSelectOptionsInput, type RsSelectPlacement, type RsSelectResolvedModel, type RsSelectStatus, type RsSelectValue } from './select-utils';
+import { type RsSelectFieldNames, type RsSelectFilterOption, type RsSelectFilterSort, type RsSelectGetPopupContainer, type RsSelectMaxTagCount, type RsSelectModelValue, type RsSelectOption, type RsSelectOptionFilterProp, type RsSelectOptionsInput, type RsSelectPlacement, type RsSelectStatus, type RsSelectVariant, type RsSelectValue } from './select-utils';
 declare const __VLS_export: <Value extends string | number = string, Multiple extends boolean = false, LabelInValue extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         options: RsSelectOptionsInput;
@@ -13,7 +13,8 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
          * 开启后若未显式关 searchable，将自动启用搜索框。
          */
         creatable?: boolean;
-        multiple?: Multiple;
+        /** 运行时必须是 boolean；写成泛型 Multiple 时 :multiple="true" 可能进 attrs，Combobox 会按单选。 */
+        multiple?: boolean;
         required?: boolean;
         name?: string;
         clearable?: boolean;
@@ -39,10 +40,21 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
          */
         filterOption?: RsSelectFilterOption | boolean;
         optionFilterProp?: RsSelectOptionFilterProp;
-        maxTagCount?: number;
+        maxTagCount?: RsSelectMaxTagCount;
+        /** 远程 @search 防抖毫秒 */
+        debounce?: number;
+        /** 对齐 Ant 5；不影响面板内搜索 / 创建 */
+        variant?: RsSelectVariant;
+        autoFocus?: boolean;
+        dropdownStyle?: Record<string, string>;
+        classNames?: {
+            popup?: string;
+            trigger?: string;
+        };
         maxTagPlaceholder?: string | ((omitted: number) => string);
         multipleLimit?: number;
-        labelInValue?: LabelInValue;
+        /** 与 multiple 相同：不能写成泛型 LabelInValue，否则 withDefaults 的 false 过不了 InferDefault。 */
+        labelInValue?: boolean;
         filterSort?: RsSelectFilterSort;
         maxTagTextLength?: number;
         maxTagTooltip?: boolean;
@@ -65,16 +77,24 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
         /** 下拉挂载容器，对齐 Ant getPopupContainer */
         getPopupContainer?: RsSelectGetPopupContainer;
     } & {
-        modelValue?: RsSelectResolvedModel<Value, Multiple, LabelInValue>;
+        /**
+         * multiple / labelInValue 是运行时 boolean，不能从 prop 推断字面量。
+         * v-model 收完整联合，模板传入 string / number / 数组 / labeled 即可。
+         */
+        modelValue?: RsSelectModelValue;
         open?: boolean;
         searchValue?: string;
     }) & {
         onSearch?: ((query: string) => any) | undefined;
         onSelect?: ((value: RsSelectValue, option?: RsSelectOption | undefined) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-        "onUpdate:modelValue"?: ((value: RsSelectResolvedModel<Value, Multiple, LabelInValue>) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: RsSelectModelValue) => any) | undefined;
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
         onDeselect?: ((value: RsSelectValue, option?: RsSelectOption | undefined) => any) | undefined;
+        onDropdownVisibleChange?: ((open: boolean) => any) | undefined;
+        onPopupScroll?: ((event: Event) => any) | undefined;
         "onUpdate:searchValue"?: ((value: string) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -135,7 +155,7 @@ declare const __VLS_export: <Value extends string | number = string, Multiple ex
     } & {
         footer?: (props: {}) => any;
     };
-    emit: (((evt: "search", query: string) => void) & ((evt: "select", value: RsSelectValue, option?: RsSelectOption | undefined) => void) & ((evt: "clear") => void) & ((evt: "deselect", value: RsSelectValue, option?: RsSelectOption | undefined) => void)) & (((event: "update:modelValue", value: RsSelectResolvedModel<Value, Multiple, LabelInValue>) => void) & ((event: "update:open", value: boolean) => void) & ((event: "update:searchValue", value: string) => void));
+    emit: (((evt: "search", query: string) => void) & ((evt: "select", value: RsSelectValue, option?: RsSelectOption | undefined) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "clear") => void) & ((evt: "deselect", value: RsSelectValue, option?: RsSelectOption | undefined) => void) & ((evt: "dropdownVisibleChange", open: boolean) => void) & ((evt: "popupScroll", event: Event) => void)) & (((event: "update:modelValue", value: RsSelectModelValue) => void) & ((event: "update:open", value: boolean) => void) & ((event: "update:searchValue", value: string) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };