niuma-ui 1.3.9 → 2.0.0

package/dist/components/code-editor/src/code-mirror-intel.js

@@ -0,0 +1,62 @@
+import { EditorView, hoverTooltip } from "@codemirror/view";
+//#region src/components/code-editor/src/code-mirror-intel.ts
+function posToLineColumn(view, pos) {
+	const line = view.state.doc.lineAt(pos);
+	return {
+		line: line.number,
+		column: pos - line.from + 1
+	};
+}
+function goToPosition(view, line, column = 1) {
+	const doc = view.state.doc;
+	const ln = Math.min(Math.max(1, line), doc.lines);
+	const pos = doc.line(ln).from + Math.max(0, column - 1);
+	view.dispatch({
+		selection: { anchor: pos },
+		scrollIntoView: true
+	});
+	view.focus();
+}
+function codeMirrorIntelExtensions(handlers) {
+	return [hoverTooltip(async (view, pos) => {
+		const h = handlers();
+		if (!h.hoverRequest) return null;
+		const { line, column } = posToLineColumn(view, pos);
+		const text = await h.hoverRequest(line, column);
+		if (!text?.trim()) return null;
+		return {
+			pos,
+			above: true,
+			create() {
+				const dom = document.createElement("div");
+				dom.className = "rs-code-editor__hover";
+				dom.textContent = text;
+				return { dom };
+			}
+		};
+	}, { hoverTime: 450 }), EditorView.domEventHandlers({ mousedown(event, view) {
+		if (!event.ctrlKey && !event.metaKey) return false;
+		const h = handlers();
+		if (!h.definitionRequest) return false;
+		const pos = view.posAtCoords({
+			x: event.clientX,
+			y: event.clientY
+		});
+		if (pos == null) return false;
+		const { line, column } = posToLineColumn(view, pos);
+		h.definitionRequest(line, column).then((loc) => {
+			if (!loc?.line) return;
+			const current = (h.currentFilePath ?? "").replace(/\\/g, "/");
+			const target = (loc.file ?? "").replace(/\\/g, "/");
+			if (target && current && target !== current) {
+				h.onGotoDefinition?.(loc);
+				return;
+			}
+			goToPosition(view, loc.line, loc.column ?? 1);
+		});
+		event.preventDefault();
+		return true;
+	} })];
+}
+//#endregion
+export { codeMirrorIntelExtensions, goToPosition, posToLineColumn };

package/dist/components/code-editor/src/code-mirror-lang.js

@@ -0,0 +1,113 @@
+//#region src/components/code-editor/src/code-mirror-lang.ts
+/** 按语言标识动态加载 CodeMirror 语言扩展 */
+async function resolveCodeMirrorLanguage(lang, options) {
+	const l = lang.toLowerCase().trim();
+	try {
+		switch (l) {
+			case "js":
+			case "javascript":
+			case "jsx": {
+				const { javascript } = await import("@codemirror/lang-javascript");
+				return [javascript()];
+			}
+			case "ts":
+			case "typescript":
+			case "tsx": {
+				const { javascript } = await import("@codemirror/lang-javascript");
+				return [javascript({ typescript: true })];
+			}
+			case "py":
+			case "python": {
+				const { python } = await import("@codemirror/lang-python");
+				return [python()];
+			}
+			case "go": {
+				const { go } = await import("@codemirror/lang-go");
+				return [go()];
+			}
+			case "html":
+			case "htm": {
+				const { html } = await import("@codemirror/lang-html");
+				return [html()];
+			}
+			case "css":
+			case "scss":
+			case "less": {
+				const { css } = await import("@codemirror/lang-css");
+				return [css()];
+			}
+			case "json":
+			case "jsonc": {
+				const { json } = await import("@codemirror/lang-json");
+				return [json()];
+			}
+			case "sql": {
+				const { sql, PostgreSQL, StandardSQL, MySQL } = await import("@codemirror/lang-sql");
+				const dialectName = options?.sql?.dialect ?? "postgresql";
+				let dialect = PostgreSQL;
+				if (dialectName === "mysql") dialect = MySQL;
+				else if (dialectName === "standard") dialect = StandardSQL;
+				return [sql({
+					dialect,
+					schema: options?.sql?.schema,
+					defaultTable: options?.sql?.defaultTable,
+					defaultSchema: options?.sql?.defaultSchema
+				})];
+			}
+			case "rust":
+			case "rs": {
+				const { rust } = await import("@codemirror/lang-rust");
+				return [rust()];
+			}
+			case "cpp":
+			case "cc":
+			case "cxx":
+			case "c": {
+				const { cpp } = await import("@codemirror/lang-cpp");
+				return [cpp()];
+			}
+			case "java": {
+				const { java } = await import("@codemirror/lang-java");
+				return [java()];
+			}
+			case "md":
+			case "markdown": {
+				const { markdown } = await import("@codemirror/lang-markdown");
+				return [markdown()];
+			}
+			case "xml":
+			case "svg": {
+				const { xml } = await import("@codemirror/lang-xml");
+				return [xml()];
+			}
+			case "yaml":
+			case "yml": {
+				const { yaml } = await import("@codemirror/lang-yaml");
+				return [yaml()];
+			}
+			case "vue": {
+				const { html } = await import("@codemirror/lang-html");
+				return [html()];
+			}
+			case "sh":
+			case "bash":
+			case "shell":
+			case "zsh": {
+				const [{ StreamLanguage }, { shell }] = await Promise.all([import("@codemirror/language"), import("@codemirror/legacy-modes/mode/shell")]);
+				return [StreamLanguage.define(shell)];
+			}
+			default: return [];
+		}
+	} catch {
+		return [];
+	}
+}
+function isCodeMirrorLightTheme() {
+	return typeof document !== "undefined" && document.documentElement.dataset.rsTheme === "light";
+}
+/** 预加载 CodeMirror 核心与目标语言包（供辅助窗口 reveal 前调用） */
+async function prewarmCodeMirrorEditor(language) {
+	await Promise.all([import("codemirror"), resolveCodeMirrorLanguage(language)]);
+}
+//#endregion
+export { isCodeMirrorLightTheme, prewarmCodeMirrorEditor, resolveCodeMirrorLanguage };

package/dist/components/config-provider/index.d.ts

@@ -0,0 +1 @@
+export { default as RsConfigProvider } from './src/RsConfigProvider.js';

package/dist/components/config-provider/src/RsConfigProvider.css

@@ -0,0 +1,7 @@
+
+.rs-config-provider[data-v-16401a38] {
+  color: var(--rs-text);
+  background: var(--rs-bg);
+  height: 100%;
+  min-height: 0;
+}

package/dist/components/config-provider/src/RsConfigProvider.d.ts

@@ -0,0 +1,36 @@
+import { type RsLocale } from '../../../locale/types';
+import type { RsComponentSize, RsRadius, RsThemeMode } from '../../../theme/types';
+type __VLS_Props = {
+    theme?: RsThemeMode;
+    locale?: RsLocale;
+    /** 全局默认控件尺寸：ssm 极小 / sm 小号 / md 中号 / lg 大号 */
+    controlSize?: RsComponentSize;
+    /**
+     * 全局默认圆角：none 直角 / xs~lg / full。
+     * 未传时各组件保留自身默认；传入后覆盖未显式指定 radius 的控件。
+     */
+    controlRadius?: RsRadius;
+    /**
+     * global：data-rs-theme 写到 document（默认，Portal 弹出层同步）
+     * local：写到 Provider 根节点（子树隔离，业务 CSS 可 scoped 到 .rs-app-*）
+     */
+    themeScope?: 'global' | 'local';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    theme: RsThemeMode;
+    locale: RsLocale;
+    controlSize: RsComponentSize;
+    themeScope: "global" | "local";
+}, {}, {}, {}, 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/config-provider/src/RsConfigProvider.impl.js

@@ -0,0 +1,49 @@
+import { defaultLocale } from "../../../locale/types.js";
+import { createRsConfigState, provideRsConfig } from "../../../composables/useRsConfig.js";
+import { applyTheme } from "../../../theme/apply.js";
+import { createElementBlock, defineComponent, openBlock, ref, renderSlot, watch } from "vue";
+//#region src/components/config-provider/src/RsConfigProvider.vue?vue&type=script&setup=true&lang.ts
+var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsConfigProvider",
+	props: {
+		theme: { default: "light" },
+		locale: { default: defaultLocale },
+		controlSize: { default: "md" },
+		controlRadius: {},
+		themeScope: { default: "global" }
+	},
+	setup(__props) {
+		const props = __props;
+		const rootEl = ref(null);
+		const config = createRsConfigState(props.theme, props.locale, props.controlSize, props.controlRadius);
+		provideRsConfig(config);
+		function syncTheme() {
+			if (typeof document === "undefined") return;
+			const el = props.themeScope === "local" && rootEl.value ? rootEl.value : document.documentElement;
+			applyTheme(config.theme.value, el);
+		}
+		watch(() => props.theme, (value) => {
+			if (value !== config.theme.value) config.setTheme(value);
+		});
+		watch(() => props.locale, (value) => {
+			if (value !== config.locale.value) config.setLocale(value);
+		});
+		watch(() => props.controlSize, (value) => {
+			if (value && value !== config.controlSize.value) config.setControlSize(value);
+		});
+		watch(() => props.controlRadius, (value) => {
+			if (value !== config.controlRadius.value) config.setControlRadius(value);
+		});
+		watch(() => config.theme.value, syncTheme, { immediate: true });
+		watch(() => props.themeScope, syncTheme);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: "rs-config-provider"
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512);
+		};
+	}
+});
+//#endregion
+export { RsConfigProvider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/config-provider/src/RsConfigProvider.js

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

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

@@ -0,0 +1,2 @@
+export { default as RsContainer } from './src/RsContainer.js';
+export type { RsContainerBreakpoint, RsContainerGap, RsContainerMaxWidth, RsContainerMaybeResponsive, RsContainerPadding, RsContainerResponsive, } from './src/RsContainer.js';

package/dist/components/container/src/RsContainer.css

@@ -0,0 +1,94 @@
+
+.rs-container[data-v-3c8fcccd] {
+  width: 100%;
+  box-sizing: border-box;
+  max-width: var(--rs-container-max-current, var(--rs-container-max-lg));
+  padding-inline: var(--rs-container-padding-current, var(--rs-space-md));
+}
+.rs-container--centered[data-v-3c8fcccd] {
+  margin-inline: auto;
+}
+.rs-container--grid[data-v-3c8fcccd] {
+  display: grid;
+  grid-template-columns: repeat(var(--rs-container-columns-current, 12), minmax(0, 1fr));
+  gap: var(--rs-container-gap-current, var(--rs-space-md));
+}
+@media (width >= 40rem) {
+.rs-container[data-v-3c8fcccd] {
+    max-width: var(--rs-container-max-sm, var(--rs-container-max-current, var(--rs-container-max-lg)));
+    padding-inline: var(--rs-container-padding-sm, var(--rs-container-padding-current, var(--rs-space-md)));
+}
+.rs-container--grid[data-v-3c8fcccd] {
+    grid-template-columns: repeat(
+      var(--rs-container-columns-sm, var(--rs-container-columns-current, 12)),
+      minmax(0, 1fr)
+    );
+    gap: var(--rs-container-gap-sm, var(--rs-container-gap-current, var(--rs-space-md)));
+}
+}
+@media (width >= 48rem) {
+.rs-container[data-v-3c8fcccd] {
+    max-width: var(--rs-container-max-md, var(--rs-container-max-sm, var(--rs-container-max-current)));
+    padding-inline: var(
+      --rs-container-padding-md,
+      var(--rs-container-padding-sm, var(--rs-container-padding-current))
+    );
+}
+.rs-container--grid[data-v-3c8fcccd] {
+    grid-template-columns: repeat(
+      var(--rs-container-columns-md, var(--rs-container-columns-sm, var(--rs-container-columns-current, 12))),
+      minmax(0, 1fr)
+    );
+    gap: var(--rs-container-gap-md, var(--rs-container-gap-sm, var(--rs-container-gap-current)));
+}
+}
+@media (width >= 64rem) {
+.rs-container[data-v-3c8fcccd] {
+    max-width: var(
+      --rs-container-max-lg,
+      var(--rs-container-max-md, var(--rs-container-max-sm, var(--rs-container-max-current)))
+    );
+    padding-inline: var(
+      --rs-container-padding-lg,
+      var(--rs-container-padding-md, var(--rs-container-padding-sm, var(--rs-container-padding-current)))
+    );
+}
+.rs-container--grid[data-v-3c8fcccd] {
+    grid-template-columns: repeat(
+      var(
+        --rs-container-columns-lg,
+        var(--rs-container-columns-md, var(--rs-container-columns-sm, var(--rs-container-columns-current, 12)))
+      ),
+      minmax(0, 1fr)
+    );
+    gap: var(--rs-container-gap-lg, var(--rs-container-gap-md, var(--rs-container-gap-sm, var(--rs-container-gap-current))));
+}
+}
+@media (width >= 80rem) {
+.rs-container[data-v-3c8fcccd] {
+    max-width: var(
+      --rs-container-max-xl,
+      var(--rs-container-max-lg, var(--rs-container-max-md, var(--rs-container-max-sm, var(--rs-container-max-current))))
+    );
+    padding-inline: var(
+      --rs-container-padding-xl,
+      var(--rs-container-padding-lg, var(--rs-container-padding-md, var(--rs-container-padding-sm, var(--rs-container-padding-current))))
+    );
+}
+.rs-container--grid[data-v-3c8fcccd] {
+    grid-template-columns: repeat(
+      var(
+        --rs-container-columns-xl,
+        var(
+          --rs-container-columns-lg,
+          var(--rs-container-columns-md, var(--rs-container-columns-sm, var(--rs-container-columns-current, 12)))
+        )
+      ),
+      minmax(0, 1fr)
+    );
+    gap: var(
+      --rs-container-gap-xl,
+      var(--rs-container-gap-lg, var(--rs-container-gap-md, var(--rs-container-gap-sm, var(--rs-container-gap-current))))
+    );
+}
+}

package/dist/components/container/src/RsContainer.impl.js

@@ -0,0 +1,99 @@
+import { computed, createBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#region src/components/container/src/RsContainer.vue?vue&type=script&setup=true&lang.ts
+var RsContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsContainer",
+	props: {
+		maxWidth: { default: "lg" },
+		padding: { default: "md" },
+		centered: {
+			type: Boolean,
+			default: true
+		},
+		fluid: {
+			type: Boolean,
+			default: false
+		},
+		tag: { default: "div" },
+		grid: {
+			type: Boolean,
+			default: false
+		},
+		columns: { default: 12 },
+		gap: { default: "md" }
+	},
+	setup(__props) {
+		const props = __props;
+		const BREAKPOINTS = [
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		];
+		const isResponsiveObject = (value) => typeof value === "object" && value !== null;
+		const tokenToSpaceVar = {
+			none: "0",
+			xs: "var(--rs-space-xs)",
+			sm: "var(--rs-space-sm)",
+			md: "var(--rs-space-md)",
+			lg: "var(--rs-space-lg)",
+			xl: "var(--rs-space-xl)"
+		};
+		const tokenToContainerVar = {
+			sm: "var(--rs-container-max-sm)",
+			md: "var(--rs-container-max-md)",
+			lg: "var(--rs-container-max-lg)",
+			xl: "var(--rs-container-max-xl)",
+			full: "var(--rs-container-max-full)"
+		};
+		const rootClass = computed(() => ["rs-container", {
+			"rs-container--centered": props.centered,
+			"rs-container--grid": props.grid
+		}]);
+		const rootStyle = computed(() => {
+			const style = {};
+			if (props.fluid) style["--rs-container-max-current"] = "none";
+			else if (isResponsiveObject(props.maxWidth)) {
+				const responsiveMaxWidth = props.maxWidth;
+				BREAKPOINTS.forEach((bp) => {
+					const value = responsiveMaxWidth[bp];
+					if (value) style[`--rs-container-max-${bp}`] = tokenToContainerVar[value];
+				});
+			} else style["--rs-container-max-current"] = tokenToContainerVar[props.maxWidth];
+			if (isResponsiveObject(props.padding)) {
+				const responsivePadding = props.padding;
+				BREAKPOINTS.forEach((bp) => {
+					const value = responsivePadding[bp];
+					if (value) style[`--rs-container-padding-${bp}`] = tokenToSpaceVar[value];
+				});
+			} else style["--rs-container-padding-current"] = tokenToSpaceVar[props.padding];
+			if (props.grid) {
+				if (isResponsiveObject(props.columns)) {
+					const responsiveColumns = props.columns;
+					BREAKPOINTS.forEach((bp) => {
+						const value = responsiveColumns[bp];
+						if (typeof value === "number") style[`--rs-container-columns-${bp}`] = value;
+					});
+				} else style["--rs-container-columns-current"] = props.columns;
+				if (isResponsiveObject(props.gap)) {
+					const responsiveGap = props.gap;
+					BREAKPOINTS.forEach((bp) => {
+						const value = responsiveGap[bp];
+						if (value) style[`--rs-container-gap-${bp}`] = tokenToSpaceVar[value];
+					});
+				} else style["--rs-container-gap-current"] = tokenToSpaceVar[props.gap];
+			}
+			return style;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, ["class", "style"]);
+		};
+	}
+});
+//#endregion
+export { RsContainer_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/container/src/RsContainer.js

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

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

@@ -0,0 +1,2 @@
+export { default as RsContextMenu } from './src/RsContextMenu.js';
+export type { RsContextMenuItem } from './src/context-menu-utils';

package/dist/components/context-menu/src/RsContextMenu.impl.js

@@ -0,0 +1,81 @@
+import { ContextMenuContent, ContextMenuPortal, ContextMenuRoot, ContextMenuTrigger } from "../../_shared/src/reka.js";
+import { hasActionableContextMenuItems } from "./context-menu-utils.js";
+import RsContextMenuItems_default from "./RsContextMenuItems.js";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, watch, withCtx, withModifiers } from "vue";
+//#region src/components/context-menu/src/RsContextMenu.vue?vue&type=script&setup=true&lang.ts
+var RsContextMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsContextMenu",
+	props: /*@__PURE__*/ mergeModels({
+		items: {},
+		disabled: { type: Boolean }
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["select"], ["update:open"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		/**
+		* 展开状态。不绑定时组件自行维护（与原行为一致）。
+		* 绑定后可由外部主动关闭——例如菜单所依赖的数据已失效时。
+		*/
+		const open = useModel(__props, "open");
+		const emit = __emit;
+		/** 无有效菜单项时不打开，避免空表/空白区右键出现空气泡 */
+		const hasActionableItems = computed(() => hasActionableContextMenuItems(props.items));
+		watch(hasActionableItems, (ok) => {
+			if (!ok && open.value) open.value = false;
+		});
+		function onUpdateOpen(next) {
+			if (next && !hasActionableItems.value) {
+				open.value = false;
+				return;
+			}
+			open.value = next;
+		}
+		function onTriggerContextMenu(event) {
+			if (!hasActionableItems.value) {
+				event.preventDefault();
+				open.value = false;
+			}
+		}
+		function onSelect(item) {
+			emit("select", item.key);
+		}
+		return (_ctx, _cache) => {
+			return !__props.disabled ? (openBlock(), createBlock(unref(ContextMenuRoot), {
+				key: 0,
+				open: open.value,
+				"onUpdate:open": onUpdateOpen
+			}, {
+				default: withCtx(() => [createVNode(unref(ContextMenuTrigger), {
+					"as-child": "",
+					onContextmenu: withModifiers(onTriggerContextMenu, ["stop"])
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), createVNode(unref(ContextMenuPortal), null, {
+					default: withCtx(() => [createVNode(unref(ContextMenuContent), {
+						class: "rs-context-menu__content rs-native-scrollbar rs-motion-reduce",
+						"side-offset": 4,
+						"collision-padding": 8
+					}, {
+						default: withCtx(() => [hasActionableItems.value ? (openBlock(), createBlock(RsContextMenuItems_default, {
+							key: 0,
+							items: __props.items,
+							onSelect
+						}, null, 8, ["items"])) : createCommentVNode("", true)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 3
+			}, 8, ["open"])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
+		};
+	}
+});
+//#endregion
+export { RsContextMenu_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/context-menu/src/RsContextMenu.js

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

package/dist/components/context-menu/src/RsContextMenuItems.impl.js

@@ -0,0 +1,90 @@
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger } from "../../_shared/src/reka.js";
+import RsContextMenuItems_default from "./RsContextMenuItems.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/context-menu/src/RsContextMenuItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-context-menu__icon-cell" };
+var _hoisted_2 = { class: "rs-context-menu__label" };
+var _hoisted_3 = { class: "rs-context-menu__icon-cell" };
+var _hoisted_4 = { class: "rs-context-menu__label" };
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-context-menu__shortcut"
+};
+var RsContextMenuItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsContextMenuItems",
+	props: { items: {} },
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function onSelect(item) {
+			if (item.disabled || item.separator) return;
+			emit("select", item);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [item.separator ? (openBlock(), createBlock(unref(ContextMenuSeparator), {
+					key: 0,
+					class: "rs-context-menu__separator"
+				})) : item.children?.length ? (openBlock(), createBlock(unref(ContextMenuSub), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(ContextMenuSubTrigger), {
+						class: normalizeClass(["rs-context-menu__item", { "rs-context-menu__item--danger": item.danger }]),
+						disabled: item.disabled
+					}, {
+						default: withCtx(() => [
+							createElementVNode("span", _hoisted_1, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+								key: 0,
+								name: item.icon,
+								size: unref(16)
+							}, null, 8, ["name", "size"])) : createCommentVNode("", true)]),
+							createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+							createVNode(RsIcon_default, {
+								name: "chevron-right",
+								size: unref(14),
+								class: "rs-context-menu__arrow"
+							}, null, 8, ["size"])
+						]),
+						_: 2
+					}, 1032, ["class", "disabled"]), createVNode(unref(ContextMenuPortal), null, {
+						default: withCtx(() => [createVNode(unref(ContextMenuSubContent), {
+							class: "rs-context-menu__sub-content rs-native-scrollbar rs-motion-reduce",
+							"side-offset": 2,
+							"align-offset": -6,
+							"collision-padding": 8
+						}, {
+							default: withCtx(() => [createVNode(RsContextMenuItems_default, {
+								items: item.children,
+								onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+							}, null, 8, ["items"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)) : (openBlock(), createBlock(unref(ContextMenuItem), {
+					key: 2,
+					class: normalizeClass(["rs-context-menu__item", { "rs-context-menu__item--danger": item.danger }]),
+					disabled: item.disabled,
+					onSelect: ($event) => onSelect(item)
+				}, {
+					default: withCtx(() => [
+						createElementVNode("span", _hoisted_3, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+							key: 0,
+							name: item.icon,
+							size: unref(16)
+						}, null, 8, ["name", "size"])) : createCommentVNode("", true)]),
+						createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1),
+						item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+					]),
+					_: 2
+				}, 1032, [
+					"class",
+					"disabled",
+					"onSelect"
+				]))], 64);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { RsContextMenuItems_vue_vue_type_script_setup_true_lang_default as default };