niuma-ui 1.2.5 → 1.2.8

package/CHANGELOG.md

@@ -6,6 +6,33 @@
 
 ## [Unreleased]
 
+## [1.2.8] - 2026-09-01
+
+### 新增
+
+- 选择器家族：`RsAutoComplete`、`RsCascader`、`RsTreeSelect`、`RsMentions`。
+- `RsMentions` 按 [WAI-ARIA APG Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/)：浮层贴插入符、Teleport 到 `body`、视口翻转夹边、方向键 / Home / End / Enter / Tab / Esc；测量节点复用，滚动用 rAF。不跟 Ant Mentions 的触发器内输入模型。
+- `RsAutoComplete` 同样按 APG Combobox：建议列表贴输入框、Teleport、`placeAnchoredPopup` 视口翻转夹边并与框等宽。不再走 Reka 未开 popper 的错误落点。输入框与面板跟 `RsSelect` 同一套 token（elevated 表面、大阴影、焦点环、选项 hover）；匹配高亮用 span，避免 `<mark>` 被文档样式染成链接色。
+- `RsSelect` 对齐 Ant / Element 的远程 `debounce`、匹配高亮、`variant`、`autoFocus`、`maxTagCount="responsive"`，以及 `focus` / `blur` / `dropdownVisibleChange` / `popupScroll`。面板内搜索与创建保持原交互。
+
+## [1.2.7] - 2026-09-01
+
+### 修复
+
+- `RsSelect` 的 `multiple` 不再用泛型 boolean 声明（否则 `:multiple="true"` 可能进 attrs，Combobox 仍按单选）。触发器标签改看 `isMultiple`，空串 / 裸属性也会累加。
+- `RsSelect` 的 v-model 按运行时收 `RsSelectModelValue`（string / number / 数组 / labeled），模板不必再写泛型。
+
+## [1.2.6] - 2026-09-01
+
+### 修复
+
+- `niumaUiHost` 不再把 `reka-ui` / `@lucide/vue` / `vue-sonner` 写进宿主 `optimizeDeps.include`。这些包在 pnpm 下只装在 niuma-ui 里，cloud / site 解析不到会告警。
+- `RsSplitPane` 的 `collapse` / `expand` 在尺寸已到位时不再提交新数组、不再重复发事件。
+
+### 变更
+
+- `exports` 一律指向 `dist`（含 vite-plugins）。开发仓 `pnpm install` 时若还没有 dist，`prepare` 会编一次；npm 包没有 src，不会重编。`pnpm dev` 联调源码仍由 `niumaUiHost` 改写。
+
 ## [1.2.5] - 2026-08-30
 
 ### 变更

package/dist/components/RsAutoComplete.d.ts

@@ -0,0 +1,39 @@
+import type { RsComponentSize } from '../theme/types';
+import { type RsSelectFilterOption, type RsSelectOption } from './select-utils';
+type __VLS_Props = {
+    options?: ReadonlyArray<string | RsSelectOption>;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: RsComponentSize;
+    allowClear?: boolean;
+    filterOption?: RsSelectFilterOption | boolean;
+    debounce?: number;
+    emptyText?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+    'open'?: boolean;
+};
+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;
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    options: ReadonlyArray<string | RsSelectOption>;
+    emptyText: string;
+    filterOption: RsSelectFilterOption | boolean;
+    debounce: number;
+    allowClear: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsAutoComplete.impl.js

@@ -0,0 +1,306 @@
+import { useRsI18n } from "../composables/useRsI18n.js";
+import RsIcon_default from "./RsIcon.js";
+import { useResolvedRsComponentSize } from "./resolve-size.js";
+import { filterSelectOptions, splitSelectLabelHighlight } from "./select-utils.js";
+import { placeAnchoredPopup, stepEnabledIndex } from "./overlay-utils.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, useId, useModel, vModelText, watch, withDirectives, withModifiers } from "vue";
+//#region src/components/RsAutoComplete.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"placeholder",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant"
+];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = [
+	"id",
+	"aria-label",
+	"data-placement"
+];
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-auto-complete__empty",
+	role: "presentation"
+};
+var _hoisted_5 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMousedown"
+];
+var _hoisted_6 = { class: "rs-auto-complete__label" };
+var _hoisted_7 = {
+	key: 0,
+	class: "rs-auto-complete__mark"
+};
+var RsAutoComplete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsAutoComplete",
+	inheritAttrs: false,
+	__name: "RsAutoComplete",
+	props: /*@__PURE__*/ mergeModels({
+		options: { default: () => [] },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		filterOption: {
+			type: [Function, Boolean],
+			default: true
+		},
+		debounce: { default: 0 },
+		emptyText: { default: "" }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {},
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"search",
+		"select",
+		"clear"
+	], ["update:modelValue", "update:open"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const openModel = useModel(__props, "open");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const listId = useId();
+		const inputRef = ref(null);
+		const listRef = ref(null);
+		const highlight = ref(0);
+		const dismissed = ref(false);
+		const searchTimer = ref();
+		const popup = ref({
+			top: 0,
+			left: 0,
+			width: 0,
+			placement: "bottom"
+		});
+		const normalized = computed(() => props.options.map((item) => typeof item === "string" ? {
+			label: item,
+			value: item
+		} : item));
+		const suggestions = computed(() => {
+			if (props.filterOption === false) return normalized.value;
+			return filterSelectOptions(normalized.value, model.value, (text, q) => text.toLowerCase().includes(q.toLowerCase()), props.filterOption);
+		});
+		const open = computed(() => Boolean(openModel.value && !props.disabled && !dismissed.value));
+		const activeOption = computed(() => suggestions.value[highlight.value]);
+		const activeOptionId = computed(() => open.value && activeOption.value ? `${listId}-${String(activeOption.value.value)}` : void 0);
+		watch(model, (query) => {
+			if (searchTimer.value) clearTimeout(searchTimer.value);
+			const wait = props.debounce ?? 0;
+			if (wait <= 0) {
+				emit("search", query);
+				return;
+			}
+			searchTimer.value = setTimeout(() => emit("search", query), wait);
+		});
+		function placePopup() {
+			const input = inputRef.value;
+			if (!input || !open.value) return;
+			const anchor = input.getBoundingClientRect();
+			const list = listRef.value?.getBoundingClientRect();
+			popup.value = placeAnchoredPopup({
+				top: anchor.top,
+				left: anchor.left,
+				height: anchor.height,
+				width: anchor.width
+			}, {
+				width: anchor.width,
+				height: list?.height || Math.min(256, Math.max(1, suggestions.value.length) * 36)
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+		}
+		let frame = 0;
+		function requestPlace() {
+			if (frame) return;
+			frame = window.requestAnimationFrame(() => {
+				frame = 0;
+				placePopup();
+			});
+		}
+		function showList() {
+			if (props.disabled) return;
+			dismissed.value = false;
+			openModel.value = true;
+			requestPlace();
+		}
+		function hideList() {
+			openModel.value = false;
+		}
+		function onPick(option) {
+			if (option.disabled) return;
+			model.value = String(option.value);
+			emit("select", String(option.value));
+			dismissed.value = true;
+			hideList();
+			nextTick(() => inputRef.value?.focus());
+		}
+		function onClear() {
+			model.value = "";
+			emit("clear");
+			showList();
+		}
+		function onKeydown(event) {
+			if (event.key === "Escape") {
+				if (!open.value) return;
+				event.preventDefault();
+				dismissed.value = true;
+				hideList();
+				return;
+			}
+			if (!open.value) {
+				if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+					event.preventDefault();
+					showList();
+				}
+				return;
+			}
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				highlight.value = stepEnabledIndex(suggestions.value, highlight.value, 1);
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				highlight.value = stepEnabledIndex(suggestions.value, highlight.value, -1);
+				return;
+			}
+			if (event.key === "Home") {
+				event.preventDefault();
+				highlight.value = stepEnabledIndex(suggestions.value, -1, 1);
+				return;
+			}
+			if (event.key === "End") {
+				event.preventDefault();
+				highlight.value = stepEnabledIndex(suggestions.value, suggestions.value.length, -1);
+				return;
+			}
+			if (event.key === "Enter" && activeOption.value) {
+				event.preventDefault();
+				onPick(activeOption.value);
+				return;
+			}
+			if (event.key === "Tab" && activeOption.value) onPick(activeOption.value);
+		}
+		function onInput() {
+			showList();
+		}
+		function onFocus() {
+			showList();
+		}
+		function onBlur() {
+			window.setTimeout(() => {
+				if (document.activeElement === inputRef.value) return;
+				hideList();
+			}, 0);
+		}
+		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());
+		}, { immediate: true });
+		function onWindowChange() {
+			if (open.value) requestPlace();
+		}
+		onMounted(() => {
+			window.addEventListener("resize", onWindowChange);
+			window.addEventListener("scroll", onWindowChange, true);
+		});
+		onUnmounted(() => {
+			if (frame) window.cancelAnimationFrame(frame);
+			if (searchTimer.value) clearTimeout(searchTimer.value);
+			window.removeEventListener("resize", onWindowChange);
+			window.removeEventListener("scroll", onWindowChange, true);
+		});
+		function parts(label) {
+			return splitSelectLabelHighlight(label, model.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["rs-auto-complete", [`rs-auto-complete--${unref(resolvedSize)}`, { "rs-auto-complete--clearable": __props.allowClear && model.value && !__props.disabled }]]) }, [
+				withDirectives(createElementVNode("input", {
+					ref_key: "inputRef",
+					ref: inputRef,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					class: "rs-auto-complete__input",
+					placeholder: __props.placeholder ?? unref(t)("select.placeholder"),
+					disabled: __props.disabled,
+					autocomplete: "off",
+					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,
+					onInput,
+					onFocus,
+					onBlur
+				}, null, 40, _hoisted_1), [[vModelText, model.value]]),
+				__props.allowClear && model.value && !__props.disabled ? (openBlock(), createElementBlock("button", {
+					key: 0,
+					type: "button",
+					class: "rs-auto-complete__clear",
+					"aria-label": unref(t)("select.clear"),
+					onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+					onClick: onClear
+				}, [createVNode(RsIcon_default, {
+					name: "x",
+					size: 14
+				})], 40, _hoisted_2)) : createCommentVNode("", true),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [open.value ? (openBlock(), createElementBlock("ul", {
+					key: 0,
+					id: unref(listId),
+					ref_key: "listRef",
+					ref: listRef,
+					class: "rs-auto-complete__list",
+					role: "listbox",
+					"aria-label": unref(t)("autocomplete.suggestions"),
+					"data-placement": popup.value.placement,
+					style: normalizeStyle({
+						position: "fixed",
+						top: `${popup.value.top}px`,
+						left: `${popup.value.left}px`,
+						width: `${popup.value.width}px`
+					})
+				}, [!suggestions.value.length ? (openBlock(), createElementBlock("li", _hoisted_4, toDisplayString(__props.emptyText || unref(t)("select.empty")), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(suggestions.value, (opt, index) => {
+					return openBlock(), createElementBlock("li", {
+						id: `${unref(listId)}-${String(opt.value)}`,
+						key: String(opt.value),
+						role: "option",
+						class: normalizeClass(["rs-auto-complete__item", {
+							"rs-auto-complete__item--disabled": opt.disabled,
+							"rs-auto-complete__item--active": index === highlight.value
+						}]),
+						"aria-selected": index === highlight.value,
+						"aria-disabled": opt.disabled ? "true" : void 0,
+						onMousedown: withModifiers(($event) => onPick(opt), ["prevent"])
+					}, [createElementVNode("span", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts(opt.label), (part, i) => {
+						return openBlock(), createElementBlock(Fragment, { key: i }, [part.highlight ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+					}), 128))])], 42, _hoisted_5);
+				}), 128))], 12, _hoisted_3)) : createCommentVNode("", true)]))
+			], 2);
+		};
+	}
+});
+//#endregion
+export { RsAutoComplete_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsAutoComplete.js

@@ -0,0 +1,5 @@
+import RsAutoComplete_vue_vue_type_script_setup_true_lang_default from "./RsAutoComplete.impl.js";
+//#region src/components/RsAutoComplete.vue
+var RsAutoComplete_default = RsAutoComplete_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsAutoComplete_default as default };

package/dist/components/RsCascader.css

@@ -0,0 +1,81 @@
+
+.rs-cascader[data-v-332e1018] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 12rem;
+  height: var(--rs-control-height-md);
+  padding: 0 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-size: var(--rs-font-size-sm);
+  cursor: pointer;
+}
+.rs-cascader--sm[data-v-332e1018] {
+  height: var(--rs-control-height-sm);
+}
+.rs-cascader--lg[data-v-332e1018] {
+  height: var(--rs-control-height-lg);
+}
+.rs-cascader--disabled[data-v-332e1018] {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-cascader__placeholder[data-v-332e1018] {
+  flex: 1;
+  color: var(--rs-muted);
+  text-align: left;
+}
+.rs-cascader__value[data-v-332e1018] {
+  flex: 1;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-cascader__clear[data-v-332e1018],
+.rs-cascader__icon[data-v-332e1018] {
+  color: var(--rs-muted);
+}
+.rs-cascader__clear[data-v-332e1018] {
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+}
+.rs-cascader__panel[data-v-332e1018] {
+  display: flex;
+  min-height: 8rem;
+  max-height: 16rem;
+}
+.rs-cascader__col[data-v-332e1018] {
+  min-width: 8rem;
+  margin: 0;
+  padding: var(--rs-space-xs);
+  overflow: auto;
+  border-right: 1px solid var(--rs-border);
+  list-style: none;
+}
+.rs-cascader__col[data-v-332e1018]:last-child {
+  border-right: 0;
+}
+.rs-cascader__item[data-v-332e1018] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border-radius: var(--rs-radius-xs);
+  cursor: pointer;
+}
+.rs-cascader__item--active[data-v-332e1018],
+.rs-cascader__item[data-v-332e1018]:hover:not(.rs-cascader__item--disabled) {
+  background: var(--rs-surface-hover);
+}
+.rs-cascader__item--disabled[data-v-332e1018] {
+  opacity: 0.4;
+  cursor: not-allowed;
+}

package/dist/components/RsCascader.d.ts

@@ -0,0 +1,34 @@
+import type { RsComponentSize } from '../theme/types';
+import { type RsCascaderExpandTrigger, type RsCascaderOption, type RsCascaderPath } from './cascader-utils';
+type __VLS_Props = {
+    options: readonly RsCascaderOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    changeOnSelect?: boolean;
+    expandTrigger?: RsCascaderExpandTrigger;
+    separator?: string;
+    size?: RsComponentSize;
+};
+type __VLS_ModelProps = {
+    modelValue?: RsCascaderPath;
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (path: RsCascaderPath) => any;
+    "update:modelValue": (value: RsCascaderPath) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((path: RsCascaderPath) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RsCascaderPath) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    separator: string;
+    allowClear: boolean;
+    changeOnSelect: boolean;
+    expandTrigger: RsCascaderExpandTrigger;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/RsCascader.impl.js

@@ -0,0 +1,138 @@
+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 { cascaderColumns, cascaderDisplay, isCascaderLeaf } from "./cascader-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+//#region src/components/RsCascader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-cascader__value"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-cascader__placeholder"
+};
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = ["onClick", "onMouseenter"];
+var RsCascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsCascader",
+	__name: "RsCascader",
+	props: /*@__PURE__*/ mergeModels({
+		options: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
+		changeOnSelect: {
+			type: Boolean,
+			default: false
+		},
+		expandTrigger: { default: "click" },
+		separator: { default: " / " },
+		size: {}
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {},
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue", "update:open"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const open = useModel(__props, "open");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const columns = computed(() => cascaderColumns(props.options, model.value));
+		const display = computed(() => cascaderDisplay(props.options, model.value, props.separator));
+		function isActive(depth, value) {
+			return String(model.value[depth] ?? "") === String(value);
+		}
+		function pick(depth, option) {
+			if (option.disabled) return;
+			const next = [...model.value.slice(0, depth), option.value];
+			model.value = next;
+			emit("change", next);
+			if (isCascaderLeaf(option) || props.changeOnSelect && props.expandTrigger === "click") {
+				if (isCascaderLeaf(option)) open.value = false;
+			}
+		}
+		function onHover(depth, option) {
+			if (props.expandTrigger !== "hover" || option.disabled) return;
+			if (!isCascaderLeaf(option)) model.value = [...model.value.slice(0, depth), option.value];
+		}
+		function onClear() {
+			model.value = [];
+			emit("change", []);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(RsPopover_default, {
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				side: "bottom",
+				align: "start",
+				width: "auto"
+			}, {
+				content: withCtx(() => [createElementVNode("div", {
+					class: "rs-cascader__panel",
+					onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"]))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (col, depth) => {
+					return openBlock(), createElementBlock("ul", {
+						key: depth,
+						class: "rs-cascader__col"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(col, (opt) => {
+						return openBlock(), createElementBlock("li", {
+							key: String(opt.value),
+							class: normalizeClass(["rs-cascader__item", {
+								"rs-cascader__item--active": isActive(depth, opt.value),
+								"rs-cascader__item--disabled": opt.disabled
+							}]),
+							onClick: ($event) => pick(depth, opt),
+							onMouseenter: ($event) => onHover(depth, opt)
+						}, [createElementVNode("span", null, toDisplayString(opt.label), 1), !unref(isCascaderLeaf)(opt) ? (openBlock(), createBlock(RsIcon_default, {
+							key: 0,
+							name: "chevron-right",
+							size: 12
+						})) : createCommentVNode("", true)], 42, _hoisted_5);
+					}), 128))]);
+				}), 128))], 32)]),
+				default: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["rs-cascader", [`rs-cascader--${unref(resolvedSize)}`, { "rs-cascader--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-cascader__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,
+						class: "rs-cascader__icon"
+					})
+				], 10, _hoisted_1)]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { RsCascader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsCascader.js

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

package/dist/components/RsMentions-1.css

@@ -0,0 +1,29 @@
+
+.rs-mentions__list {
+  position: fixed;
+  z-index: var(--rs-z-dropdown, 80);
+  box-sizing: border-box;
+  min-width: 10rem;
+  max-height: 12rem;
+  margin: 0;
+  padding: var(--rs-space-xs);
+  overflow: auto;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-sm);
+  background: var(--rs-surface);
+  box-shadow: var(--rs-shadow-md);
+  list-style: none;
+}
+.rs-mentions__item {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border-radius: var(--rs-radius-xs);
+  cursor: pointer;
+}
+.rs-mentions__item--active,
+.rs-mentions__item:hover:not(.rs-mentions__item--disabled) {
+  background: var(--rs-surface-hover);
+}
+.rs-mentions__item--disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}