ensis-ui 0.0.0-stage → 3.0.0

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

@@ -0,0 +1,50 @@
+export interface RsMentionOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    title?: string;
+}
+export type RsMentionOptionInput = string | RsMentionOption;
+export type RsMentionFilterOption = boolean | ((query: string, option: RsMentionOption) => boolean);
+export declare function normalizeRsMentionOptions(options: ReadonlyArray<RsMentionOptionInput> | undefined): RsMentionOption[];
+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, filterOption?: RsMentionFilterOption): RsMentionOption[];

package/dist/components/mentions/src/mentions-utils.js

@@ -0,0 +1,147 @@
+import { placeAnchoredPopup, stepEnabledIndex } from "../../_shared/src/overlay-utils.js";
+//#region src/components/mentions/src/mentions-utils.ts
+function normalizeRsMentionOptions(options) {
+	if (!options?.length) return [];
+	return options.map((item) => typeof item === "string" ? {
+		label: item,
+		value: item
+	} : { ...item });
+}
+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",
+	"direction"
+];
+/** 复用隐藏镜像节点，避免每次按键 insert/remove 逼 reflow。 */
+function createTextareaCaretMeter() {
+	let mirror = null;
+	let marker = null;
+	function ensure() {
+		if (typeof document === "undefined") return null;
+		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.insetInlineStart = "-9999px";
+		marker = document.createElement("span");
+		marker.textContent = ".";
+		document.body.appendChild(mirror);
+		return {
+			mirror,
+			marker
+		};
+	}
+	function measure(textarea, index) {
+		const nodes = ensure();
+		if (!nodes) return {
+			top: 0,
+			left: 0,
+			height: 16
+		};
+		const { mirror: box, marker: caret } = nodes;
+		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]);
+		box.dir = textarea.dir || document.documentElement.dir || "ltr";
+		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 || Number.parseFloat(style.lineHeight) || 16
+		};
+	}
+	function dispose() {
+		mirror?.remove();
+		mirror = null;
+		marker = null;
+	}
+	return {
+		measure,
+		dispose
+	};
+}
+function filterMentionOptions(options, query, filterOption) {
+	if (filterOption === false) return options.slice();
+	const q = query.trim();
+	if (typeof filterOption === "function") return options.filter((item) => filterOption(q, item));
+	if (!q) return options.slice();
+	const lower = q.toLowerCase();
+	return options.filter((item) => item.label.toLowerCase().includes(lower) || item.value.toLowerCase().includes(lower));
+}
+//#endregion
+export { applyMention, createTextareaCaretMeter, filterMentionOptions, findActiveMention, normalizeRsMentionOptions, placeMentionPopup, resolveMentionPrefixes, stepMentionIndex };

package/dist/components/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RsMenu } from './src/RsMenu.js';
+export type { RsMenuExpose, RsMenuGetPopupContainer, RsMenuItem, RsMenuItemGroup, RsMenuItemSlot, RsMenuItems, RsMenuInstance, RsMenuMode, RsMenuTriggerAction, } from './src/menu-utils';

package/dist/components/menu/src/RsMenu.css

@@ -0,0 +1,241 @@
+
+.rs-menu {
+  display: block;
+}
+.rs-menu__root-list,
+.rs-menu__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-menu-gap);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.rs-menu--horizontal > .rs-menu__root-list {
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--rs-space-sm);
+}
+.rs-menu--ssm {
+  --rs-menu-item-height: var(--rs-control-height-ssm);
+  --rs-menu-item-font-size: var(--rs-font-size-xs);
+}
+.rs-menu--sm {
+  --rs-menu-item-height: var(--rs-control-height-sm);
+  --rs-menu-item-font-size: var(--rs-font-size-xs);
+}
+.rs-menu--lg {
+  --rs-menu-item-height: var(--rs-control-height-lg);
+  --rs-menu-item-font-size: var(--rs-font-size-base);
+}
+.rs-menu__group-label {
+  display: block;
+  padding: var(--rs-space-sm) var(--rs-menu-item-pad-inline) var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-menu-group-label-fg);
+  letter-spacing: 0.04em;
+  line-height: var(--rs-line-height-tight);
+  user-select: none;
+}
+.rs-menu--collapsed .rs-menu__group-label {
+  display: none;
+}
+.rs-menu__group {
+  list-style: none;
+}
+.rs-menu__group--plain > .rs-menu__list {
+  margin: 0;
+}
+.rs-menu__entry {
+  list-style: none;
+}
+.rs-menu__node {
+  list-style: none;
+}
+.rs-menu__divider {
+  display: block;
+  height: 0;
+  border: none;
+  border-block-start: 1px solid var(--rs-border);
+  margin-block: var(--rs-space-xs);
+  margin-inline: var(--rs-menu-item-pad-inline);
+}
+.rs-menu--horizontal > .rs-menu__root-list > .rs-menu__group {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-menu__collapsible {
+  display: block;
+}
+.rs-menu__item {
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  width: 100%;
+  min-height: var(--rs-menu-item-height);
+  padding-block: 0;
+  padding-inline-end: var(--rs-menu-item-pad-inline);
+  padding-inline-start: calc(
+    var(--rs-menu-item-pad-inline) + var(--rs-menu-depth, 0) * var(--rs-menu-indent)
+  );
+  border: none;
+  border-radius: var(--rs-menu-item-radius);
+  background: transparent;
+  color: var(--rs-menu-item-fg);
+  font-size: var(--rs-menu-item-font-size);
+  text-align: start;
+  text-decoration: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  transition:
+    color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-menu--horizontal .rs-menu__item {
+  width: auto;
+  min-width: 0;
+  padding-inline: var(--rs-menu-item-pad-inline);
+}
+.rs-menu--collapsed .rs-menu__item {
+  justify-content: center;
+  padding: 0;
+  width: var(--rs-menu-item-height);
+  margin-inline: auto;
+}
+.rs-menu--collapsed .rs-menu__list--nested {
+  display: none;
+}
+.rs-menu__flyout {
+  position: fixed;
+  z-index: var(--rs-z-dropdown);
+  min-width: var(--rs-menu-flyout-min-width);
+  max-width: min(var(--rs-menu-flyout-max-width), 90vw);
+  padding: var(--rs-menu-flyout-pad);
+  border-radius: var(--rs-radius-sm);
+  border: 1px solid var(--rs-border);
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow);
+  outline: none;
+  box-sizing: border-box;
+}
+.rs-menu__flyout-title {
+  display: block;
+  padding: var(--rs-space-xs) var(--rs-menu-item-pad-inline);
+  margin-bottom: calc(var(--rs-space-xs) / 2);
+  border-bottom: 1px solid var(--rs-border);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  color: var(--rs-menu-group-label-fg);
+  letter-spacing: 0.04em;
+  line-height: var(--rs-line-height-tight);
+  user-select: none;
+}
+.rs-menu__flyout .rs-menu__list--nested {
+  display: flex;
+}
+.rs-menu__item:hover:not(:disabled):not([aria-disabled='true']):not(.rs-menu__item--active) {
+  color: var(--rs-menu-item-fg-hover);
+  background: var(--rs-menu-item-bg-hover);
+}
+.rs-menu__item:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-menu__item--active {
+  color: var(--rs-menu-item-active-fg);
+  background: var(--rs-menu-item-active-bg);
+  font-weight: var(--rs-menu-item-active-weight);
+}
+.rs-menu__item--active-parent {
+  color: var(--rs-menu-item-active-parent-fg);
+  background: var(--rs-menu-item-active-parent-bg);
+  font-weight: var(--rs-menu-item-active-weight);
+}
+.rs-menu__item--active-parent:hover:not(:disabled) {
+  color: var(--rs-menu-item-active-parent-fg);
+  background: var(--rs-menu-item-bg-hover);
+}
+.rs-menu__item:disabled,
+.rs-menu__item[aria-disabled='true'] {
+  opacity: var(--rs-menu-disabled-opacity);
+  cursor: not-allowed;
+}
+.rs-menu__icon-slot {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+}
+.rs-menu__icon {
+  display: block;
+}
+.rs-menu__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.rs-menu__extra {
+  flex-shrink: 0;
+  margin-inline-start: auto;
+  font-size: var(--rs-font-size-xs);
+  color: var(--rs-text-tertiary);
+}
+.rs-menu__submenu-arrow {
+  flex-shrink: 0;
+  color: var(--rs-menu-arrow-fg);
+  transition: transform var(--rs-transition-fast);
+}
+.rs-menu__item--submenu-trigger[data-state='open'] .rs-menu__submenu-arrow {
+  transform: rotate(180deg);
+}
+.rs-menu__submenu {
+  overflow: hidden;
+}
+.rs-menu__list--nested {
+  margin-top: calc(var(--rs-space-xs) / 2);
+}
+.rs-menu--horizontal > .rs-menu__root-list > .rs-menu__group > .rs-menu__group-label {
+  display: none;
+}
+.rs-menu--horizontal > .rs-menu__root-list > .rs-menu__group > .rs-menu__list {
+  margin-top: 0;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-menu--horizontal .rs-menu__entry--submenu .rs-menu__submenu {
+  position: absolute;
+  top: calc(100% + var(--rs-space-xs));
+  inset-inline-start: 0;
+  z-index: var(--rs-z-dropdown);
+  min-width: var(--rs-menu-flyout-min-width);
+  padding: var(--rs-menu-flyout-pad);
+  border-radius: var(--rs-radius-sm);
+  border: 1px solid var(--rs-border);
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow);
+}
+.rs-menu--horizontal .rs-menu__entry--submenu .rs-menu__list--nested {
+  flex-direction: column;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  margin-top: 0;
+}
+[data-rs-dir='rtl'] .rs-menu__item--submenu-trigger[data-state='open'] .rs-menu__submenu-arrow,
+[dir='rtl'] .rs-menu__item--submenu-trigger[data-state='open'] .rs-menu__submenu-arrow {
+  transform: rotate(-180deg);
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-menu__item,
+  .rs-menu__submenu-arrow {
+    transition: none;
+}
+}

package/dist/components/menu/src/RsMenu.d.ts

@@ -0,0 +1,82 @@
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import { type RsMenuExpose, type RsMenuGetPopupContainer, type RsMenuItem, type RsMenuItems as RsMenuData, type RsMenuMode, type RsMenuTriggerAction } from './menu-utils';
+export type { RsMenuExpose, RsMenuGetPopupContainer, RsMenuItem, RsMenuItemGroup, RsMenuItemSlot, RsMenuItems, RsMenuInstance, RsMenuMode, RsMenuTriggerAction, } from './menu-utils';
+type __VLS_Props = {
+    items: RsMenuData;
+    mode?: RsMenuMode;
+    collapsed?: boolean;
+    /** 选中叶子时是否同时高亮祖先父级（仅字体色，无背景）；默认 false 只高亮叶子 */
+    highlightParent?: boolean;
+    /** 同层只展开一个子菜单 */
+    accordion?: boolean;
+    /** 水平子菜单展开方式；垂直内联仍是点击。默认 click，兼容原行为。 */
+    triggerSubMenuAction?: RsMenuTriggerAction;
+    size?: RsComponentSize;
+    radius?: RsRadius;
+    /** 垂直缩进（px），写入 --rs-menu-indent。未传走 token。 */
+    indent?: number;
+    ariaLabel?: string;
+    id?: string;
+    getPopupContainer?: RsMenuGetPopupContainer;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+    'openKeys'?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_12: {
+    item: RsMenuItem;
+    active: boolean;
+    parentActive: boolean;
+    open: boolean;
+    collapsed: boolean;
+    depth: number;
+}, __VLS_15: {
+    item: RsMenuItem;
+    active: boolean;
+    parentActive: boolean;
+    open: boolean;
+    collapsed: boolean;
+    depth: number;
+}, __VLS_18: {
+    item: RsMenuItem;
+    active: boolean;
+    parentActive: boolean;
+    open: boolean;
+    collapsed: boolean;
+    depth: number;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_12) => any;
+} & {
+    icon?: (props: typeof __VLS_15) => any;
+} & {
+    extra?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsMenuExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (key: string) => any;
+    click: (item: RsMenuItem, event: MouseEvent) => any;
+    "update:modelValue": (value: string | undefined) => any;
+    openChange: (keys: string[]) => any;
+    "update:openKeys": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((key: string) => any) | undefined;
+    onClick?: ((item: RsMenuItem, event: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onOpenChange?: ((keys: string[]) => any) | undefined;
+    "onUpdate:openKeys"?: ((value: string[]) => any) | undefined;
+}>, {
+    mode: RsMenuMode;
+    collapsed: boolean;
+    highlightParent: boolean;
+    triggerSubMenuAction: RsMenuTriggerAction;
+    accordion: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/menu/src/RsMenu.impl.js

@@ -0,0 +1,155 @@
+import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { findMenuParentKeys, mergeOpenKeysWithParents, partitionMenuEntries, toggleMenuOpenKeys } from "./menu-utils.js";
+import RsMenuItems_default from "./RsMenuItems.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, useTemplateRef, watch, withCtx } from "vue";
+//#region src/components/menu/src/RsMenu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-label"];
+var _hoisted_2 = { class: "rs-menu__root-list" };
+var _hoisted_3 = {
+	key: 0,
+	class: "rs-menu__group-label"
+};
+var RsMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsMenu",
+	__name: "RsMenu",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		mode: { default: "vertical" },
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		highlightParent: {
+			type: Boolean,
+			default: false
+		},
+		accordion: {
+			type: Boolean,
+			default: false
+		},
+		triggerSubMenuAction: { default: "click" },
+		size: {},
+		radius: {},
+		indent: {},
+		ariaLabel: {},
+		id: {},
+		getPopupContainer: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"openKeys": { default: () => [] },
+		"openKeysModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"select",
+		"click",
+		"openChange"
+	], ["update:modelValue", "update:openKeys"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const openKeys = useModel(__props, "openKeys");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const rootRef = useTemplateRef("rootRef");
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "sm");
+		const iconSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[resolvedSize.value]);
+		/** collapsed 仅对垂直模式生效；水平模式忽略，避免空气泡子菜单 */
+		const isCollapsedVertical = computed(() => props.mode === "vertical" && props.collapsed);
+		const navLabel = computed(() => props.ariaLabel || t("menu.label"));
+		const renderBlocks = computed(() => partitionMenuEntries(props.items));
+		const rootStyle = computed(() => ({
+			"--rs-menu-item-radius": rsRadiusCss(resolvedRadius.value),
+			...props.indent != null ? { "--rs-menu-indent": `${Math.max(0, props.indent)}px` } : {}
+		}));
+		function onSelect(key) {
+			model.value = key;
+			emit("select", key);
+		}
+		function onToggleOpen(key, open) {
+			const next = toggleMenuOpenKeys(openKeys.value, key, open, props.items, props.accordion);
+			if (next.length === openKeys.value.length && next.every((item, index) => item === openKeys.value[index])) return;
+			openKeys.value = next;
+			emit("openChange", next);
+		}
+		watch(() => model.value, (key) => {
+			if (!key) return;
+			const parents = findMenuParentKeys(props.items, key);
+			const next = mergeOpenKeysWithParents(openKeys.value, parents);
+			if (next === openKeys.value) return;
+			openKeys.value = next;
+		}, { immediate: true });
+		__expose({
+			focus() {
+				(rootRef.value?.querySelector(".rs-menu__item:not(:disabled):not([aria-disabled=\"true\"])"))?.focus();
+			},
+			blur() {
+				(rootRef.value?.querySelector(".rs-menu__item:focus"))?.blur();
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				id: __props.id,
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-menu", [
+					`rs-menu--${__props.mode}`,
+					`rs-menu--${unref(resolvedSize)}`,
+					{ "rs-menu--collapsed": isCollapsedVertical.value }
+				]]),
+				style: normalizeStyle(rootStyle.value),
+				"aria-label": navLabel.value
+			}, [createElementVNode("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderBlocks.value, (block) => {
+				return openBlock(), createElementBlock("li", {
+					key: block.key,
+					class: normalizeClass(["rs-menu__group", { "rs-menu__group--plain": block.type === "items" }])
+				}, [block.type === "group" && !isCollapsedVertical.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(block.entry.label), 1)) : createCommentVNode("", true), createVNode(RsMenuItems_default, {
+					items: block.type === "group" ? block.entry.children : block.items,
+					"active-key": model.value,
+					"open-keys": openKeys.value,
+					collapsed: isCollapsedVertical.value,
+					mode: __props.mode,
+					"highlight-parent": __props.highlightParent,
+					"trigger-sub-menu-action": __props.triggerSubMenuAction,
+					"icon-size": iconSize.value,
+					"get-popup-container": __props.getPopupContainer,
+					onSelect,
+					onClick: _cache[0] || (_cache[0] = (item, event) => emit("click", item, event)),
+					onToggleOpen
+				}, createSlots({ _: 2 }, [
+					_ctx.$slots.item ? {
+						name: "item",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, slotProps))]),
+						key: "0"
+					} : void 0,
+					_ctx.$slots.icon ? {
+						name: "icon",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "icon", mergeProps({ ref_for: true }, slotProps))]),
+						key: "1"
+					} : void 0,
+					_ctx.$slots.extra ? {
+						name: "extra",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "extra", mergeProps({ ref_for: true }, slotProps))]),
+						key: "2"
+					} : void 0
+				]), 1032, [
+					"items",
+					"active-key",
+					"open-keys",
+					"collapsed",
+					"mode",
+					"highlight-parent",
+					"trigger-sub-menu-action",
+					"icon-size",
+					"get-popup-container"
+				])], 2);
+			}), 128))])], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsMenu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/menu/src/RsMenu.js

@@ -0,0 +1,7 @@
+import './RsMenu.css'
+import RsMenu_vue_vue_type_script_setup_true_lang_default from "./RsMenu.impl.js";
+
+//#region src/components/menu/src/RsMenu.vue
+var RsMenu_default = RsMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsMenu_default as default };