niuma-ui 1.3.8 → 2.0.0

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

@@ -0,0 +1,282 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
+import { menuItemContainsKey } from "./menu-utils.js";
+import RsMenuItems_default from "./RsMenuItems.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/menu/src/RsMenuItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-menu__icon-slot",
+	"aria-hidden": "true"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "rs-menu__label"
+};
+var _hoisted_3 = [
+	"disabled",
+	"aria-label",
+	"aria-expanded",
+	"onMouseenter",
+	"onClick"
+];
+var _hoisted_4 = { class: "rs-menu__flyout-title" };
+var _hoisted_5 = [
+	"disabled",
+	"aria-current",
+	"aria-label",
+	"title",
+	"onClick"
+];
+var _hoisted_6 = {
+	key: 0,
+	class: "rs-menu__icon-slot",
+	"aria-hidden": "true"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "rs-menu__label"
+};
+var RsMenuItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsMenuItems",
+	props: {
+		items: {},
+		activeKey: {},
+		openKeys: {},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		mode: { default: "vertical" },
+		depth: { default: 0 },
+		highlightParent: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["select", "toggle-open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const isCollapsedVertical = computed(() => props.mode === "vertical" && props.collapsed);
+		const canExpandSubmenu = computed(() => !isCollapsedVertical.value);
+		/** 垂直折叠态：当前悬停展开的子菜单 key */
+		const flyoutKey = ref(null);
+		let flyoutCloseTimer;
+		function isOpen(key) {
+			return props.openKeys.includes(key);
+		}
+		function isExactActive(key) {
+			return props.activeKey === key;
+		}
+		/** 开启 highlightParent 时：当前项是选中叶子的祖先（不含自身精确选中） */
+		function isParentActive(item) {
+			if (!props.highlightParent || !props.activeKey || !item.children?.length) return false;
+			if (item.key === props.activeKey) return false;
+			return menuItemContainsKey(item, props.activeKey);
+		}
+		/** 叶子精确选中，或开启 highlightParent 时祖先也视为高亮 */
+		function isActiveItem(item) {
+			return isExactActive(item.key) || isParentActive(item);
+		}
+		function selectLeaf(item) {
+			if (item.disabled) return;
+			emit("select", item.key);
+		}
+		function toggleOpen(key, open) {
+			if (!canExpandSubmenu.value) return;
+			emit("toggle-open", key, open);
+		}
+		function clearFlyoutCloseTimer() {
+			if (flyoutCloseTimer !== void 0) {
+				clearTimeout(flyoutCloseTimer);
+				flyoutCloseTimer = void 0;
+			}
+		}
+		function openFlyout(key) {
+			clearFlyoutCloseTimer();
+			flyoutKey.value = key;
+		}
+		function scheduleCloseFlyout() {
+			clearFlyoutCloseTimer();
+			flyoutCloseTimer = setTimeout(() => {
+				flyoutKey.value = null;
+				flyoutCloseTimer = void 0;
+			}, 120);
+		}
+		function closeFlyout() {
+			clearFlyoutCloseTimer();
+			flyoutKey.value = null;
+		}
+		function onFlyoutTriggerClick(item) {
+			if (item.disabled) return;
+			if (flyoutKey.value === item.key) {
+				closeFlyout();
+				return;
+			}
+			openFlyout(item.key);
+		}
+		function onFlyoutOpenChange(open) {
+			if (!open) closeFlyout();
+		}
+		function onFlyoutSelect(key) {
+			closeFlyout();
+			emit("select", key);
+		}
+		onBeforeUnmount(() => {
+			clearFlyoutCloseTimer();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", { class: normalizeClass(["rs-menu__list", { "rs-menu__list--nested": __props.depth > 0 }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.key,
+					class: "rs-menu__node"
+				}, [createElementVNode("div", {
+					class: normalizeClass(["rs-menu__entry", {
+						"rs-menu__entry--submenu": !!item.children?.length,
+						"rs-menu__entry--active": isActiveItem(item),
+						"rs-menu__entry--disabled": item.disabled
+					}]),
+					style: normalizeStyle({ "--rs-menu-depth": __props.mode === "vertical" && !__props.collapsed ? __props.depth : 0 })
+				}, [item.children?.length && canExpandSubmenu.value ? (openBlock(), createBlock(unref(CollapsibleRoot), {
+					key: 0,
+					open: isOpen(item.key),
+					class: "rs-menu__collapsible",
+					"onUpdate:open": (open) => toggleOpen(item.key, open)
+				}, {
+					default: withCtx(() => [createVNode(unref(CollapsibleTrigger), {
+						class: normalizeClass(["rs-menu__item rs-menu__item--submenu-trigger", {
+							"rs-menu__item--active": isExactActive(item.key),
+							"rs-menu__item--active-parent": isParentActive(item)
+						}]),
+						disabled: item.disabled,
+						"aria-label": __props.collapsed ? item.label : void 0,
+						title: __props.collapsed ? item.label : void 0
+					}, {
+						default: withCtx(() => [
+							!__props.collapsed || item.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+								key: 0,
+								name: item.icon,
+								size: 16,
+								class: "rs-menu__icon"
+							}, null, 8, ["name"])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+							!__props.collapsed ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.label), 1)) : createCommentVNode("", true),
+							!__props.collapsed ? (openBlock(), createBlock(RsIcon_default, {
+								key: 2,
+								name: "chevron-down",
+								size: 14,
+								class: "rs-menu__submenu-arrow",
+								label: isOpen(item.key) ? unref(t)("menu.collapseSubmenu") : unref(t)("menu.expandSubmenu")
+							}, null, 8, ["label"])) : createCommentVNode("", true)
+						]),
+						_: 2
+					}, 1032, [
+						"class",
+						"disabled",
+						"aria-label",
+						"title"
+					]), createVNode(unref(CollapsibleContent), { class: "rs-menu__submenu" }, {
+						default: withCtx(() => [createVNode(RsMenuItems_default, {
+							items: item.children,
+							"active-key": __props.activeKey,
+							"open-keys": __props.openKeys,
+							collapsed: __props.collapsed,
+							mode: __props.mode,
+							depth: __props.depth + 1,
+							"highlight-parent": __props.highlightParent,
+							onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
+							onToggleOpen: _cache[1] || (_cache[1] = (key, open) => emit("toggle-open", key, open))
+						}, null, 8, [
+							"items",
+							"active-key",
+							"open-keys",
+							"collapsed",
+							"mode",
+							"depth",
+							"highlight-parent"
+						])]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["open", "onUpdate:open"])) : item.children?.length && isCollapsedVertical.value ? (openBlock(), createBlock(unref(PopoverRoot), {
+					key: 1,
+					open: flyoutKey.value === item.key,
+					"onUpdate:open": onFlyoutOpenChange
+				}, {
+					default: withCtx(() => [createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+						default: withCtx(() => [createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(["rs-menu__item rs-menu__item--submenu-trigger", {
+								"rs-menu__item--active": isExactActive(item.key),
+								"rs-menu__item--active-parent": isParentActive(item)
+							}]),
+							disabled: item.disabled,
+							"aria-label": item.label,
+							"aria-expanded": flyoutKey.value === item.key,
+							"aria-haspopup": true,
+							onMouseenter: ($event) => !item.disabled && openFlyout(item.key),
+							onMouseleave: scheduleCloseFlyout,
+							onClick: ($event) => onFlyoutTriggerClick(item)
+						}, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+							key: 0,
+							name: item.icon,
+							size: 16,
+							class: "rs-menu__icon"
+						}, null, 8, ["name"])) : createCommentVNode("", true)], 42, _hoisted_3)]),
+						_: 2
+					}, 1024), flyoutKey.value === item.key ? (openBlock(), createBlock(unref(PopoverPortal), { key: 0 }, {
+						default: withCtx(() => [createVNode(unref(PopoverContent), {
+							class: "rs-menu__flyout",
+							side: "right",
+							align: "start",
+							"side-offset": 8,
+							"collision-padding": 8,
+							onMouseenter: ($event) => openFlyout(item.key),
+							onMouseleave: scheduleCloseFlyout,
+							onEscapeKeyDown: closeFlyout,
+							onPointerDownOutside: closeFlyout
+						}, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_4, toDisplayString(item.label), 1), createVNode(RsMenuItems_default, {
+								items: item.children,
+								"active-key": __props.activeKey,
+								"open-keys": __props.openKeys,
+								collapsed: false,
+								mode: "vertical",
+								depth: 0,
+								"highlight-parent": __props.highlightParent,
+								onSelect: onFlyoutSelect,
+								onToggleOpen: _cache[2] || (_cache[2] = (key, open) => emit("toggle-open", key, open))
+							}, null, 8, [
+								"items",
+								"active-key",
+								"open-keys",
+								"highlight-parent"
+							])]),
+							_: 2
+						}, 1032, ["onMouseenter"])]),
+						_: 2
+					}, 1024)) : createCommentVNode("", true)]),
+					_: 2
+				}, 1032, ["open"])) : (openBlock(), createElementBlock("button", {
+					key: 2,
+					type: "button",
+					class: normalizeClass(["rs-menu__item", { "rs-menu__item--active": isExactActive(item.key) }]),
+					disabled: item.disabled,
+					"aria-current": isExactActive(item.key) ? "page" : void 0,
+					"aria-label": __props.collapsed ? item.label : void 0,
+					title: __props.collapsed ? item.label : void 0,
+					onClick: ($event) => selectLeaf(item)
+				}, [!__props.collapsed || item.icon ? (openBlock(), createElementBlock("span", _hoisted_6, [item.icon ? (openBlock(), createBlock(RsIcon_default, {
+					key: 0,
+					name: item.icon,
+					size: 16,
+					class: "rs-menu__icon"
+				}, null, 8, ["name"])) : createCommentVNode("", true)])) : createCommentVNode("", true), !__props.collapsed ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.label), 1)) : createCommentVNode("", true)], 10, _hoisted_5))], 6)]);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { RsMenuItems_vue_vue_type_script_setup_true_lang_default as default };

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

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

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

@@ -0,0 +1,29 @@
+//#region src/components/menu/src/menu-utils.ts
+function isMenuItemGroup(item) {
+	return !("key" in item) && "children" in item;
+}
+function findMenuParentKeys(items, key) {
+	function walk(list, ancestors) {
+		for (const item of list) {
+			if (item.key === key) return ancestors;
+			if (item.children?.length) {
+				const found = walk(item.children, [...ancestors, item.key]);
+				if (found) return found;
+			}
+		}
+		return null;
+	}
+	for (const entry of items) {
+		const found = isMenuItemGroup(entry) ? walk(entry.children, []) : walk([entry], []);
+		if (found) return found;
+	}
+	return [];
+}
+/** 判断菜单项自身或其任意后代是否匹配 key（用于父级高亮） */
+function menuItemContainsKey(item, key) {
+	if (item.key === key) return true;
+	if (!item.children?.length) return false;
+	return item.children.some((child) => menuItemContainsKey(child, key));
+}
+//#endregion
+export { findMenuParentKeys, isMenuItemGroup, menuItemContainsKey };

package/dist/components/monaco-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RsMonacoEditor } from './src/RsMonacoEditor.js';
+export type { MonacoCompletionContext, MonacoCompletionPrefixResolver, MonacoCompletionRequest, MonacoCompletionSnippet, RsMonacoEditorExpose, } from './src/RsMonacoEditor.js';

package/dist/components/monaco-editor/src/RsMonacoEditor.css

@@ -0,0 +1,28 @@
+
+.rs-monaco[data-v-1366fa31] {
+  /* hover tooltip 的定位上下文；勿加 overflow:hidden，否则会裁剪 Find Widget 的 tooltip */
+  position: relative;
+  width: 100%;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius);
+  background: var(--rs-surface-elevated);
+}
+.rs-monaco--embedded[data-v-1366fa31] {
+  border: 0;
+  border-radius: 0;
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+}
+[data-v-1366fa31] .monaco-editor {
+  border-radius: inherit;
+}
+[data-v-1366fa31] .monaco-editor .overflow-guard {
+  border-radius: inherit;
+  overflow: hidden;
+}
+
+/* Find Widget z-index:35；Monaco hover 内联 z-index≈2575，层级本身足够 */
+[data-v-1366fa31] .monaco-editor .find-widget {
+  z-index: 40;
+}

package/dist/components/monaco-editor/src/RsMonacoEditor.d.ts

@@ -0,0 +1,105 @@
+import type { MonacoLanguage } from '../../../monaco/languages';
+/** VS Code 式调试装饰样式（断点 / 当前行）；业务组件勿再自定义 glyph CSS */
+import '../../../monaco/debug-decorations.css';
+/** 实例级补全片段（仅作用于当前编辑器 Model）。 */
+export interface MonacoCompletionSnippet {
+    label: string;
+    insertText: string;
+    detail?: string;
+    documentation?: string;
+    filterText?: string;
+    sortText?: string;
+    kind?: 'snippet' | 'keyword' | 'property' | 'field' | 'function' | 'value';
+    preselect?: boolean;
+}
+/**
+ * RsMonacoEditor 模板 ref 请用此类型。
+ * 不要写 `InstanceType<typeof RsMonacoEditor>`：组件实例类型过深，vue-tsc 会报 Excessive stack depth。
+ */
+export interface RsMonacoEditorExpose {
+    format: () => void;
+    getEditor: () => import('monaco-editor').editor.IStandaloneCodeEditor | null;
+    revealLine: (line: number) => void;
+}
+/** MonacoCompletionContext 描述一次补全请求的编辑器上下文。 */
+export interface MonacoCompletionContext {
+    text: string;
+    offset: number;
+    line: number;
+    column: number;
+    prefix: string;
+    triggerCharacter?: string;
+}
+/** MonacoCompletionRequest 按当前文本和光标位置返回实例级候选。 */
+export type MonacoCompletionRequest = (context: MonacoCompletionContext) => MonacoCompletionSnippet[] | Promise<MonacoCompletionSnippet[]>;
+/** 补全前缀解析：由业务侧按方言注入，默认按标识符切词。 */
+export type MonacoCompletionPrefixResolver = (linePrefix: string) => string;
+type __VLS_Props = {
+    language?: MonacoLanguage;
+    /** px 整数或 CSS 字符串如 '100%' / '20rem' */
+    height?: number | string;
+    readonly?: boolean;
+    /** 深色/浅色主题：auto 跟随 data-rs-theme 属性 */
+    theme?: 'auto' | 'vs-dark' | 'light';
+    /** 是否显示 minimap */
+    minimap?: boolean;
+    /**
+     * 是否显示 glyph margin（VS Code 式断点槽）。
+     * Monaco 无完整 DAP；断点/当前行靠 glyphMargin + decorations（与 VS Code 同源）。
+     */
+    glyphMargin?: boolean;
+    /**
+     * 调试：当前执行行（1-based）。与 debugBreakpoints 一并交给公共装饰层渲染。
+     */
+    debugCurrentLine?: number;
+    /** 调试：断点行号列表（1-based，编辑器行号） */
+    debugBreakpoints?: number[];
+    /** 嵌入面板：无边框/圆角，铺满父级（调试/源码等） */
+    embedded?: boolean;
+    /**
+     * JSON Schema 对象（仅 language="json" 有效）。
+     * 每个编辑器实例使用独立的 Model URI，schema 通过 fileMatch 精确绑定，
+     * 不会污染其他 JSON 编辑器。
+     */
+    jsonSchema?: object;
+    /** 实例级补全片段（language="json" 时 Ctrl+Space / 触发字符生效）。 */
+    snippets?: MonacoCompletionSnippet[];
+    /** 按光标上下文动态生成候选；设置后与 snippets 合并。 */
+    completionRequest?: MonacoCompletionRequest;
+    /** 自动触发动态补全的字符。 */
+    completionTriggerCharacters?: string[];
+    /**
+     * 自定义补全前缀（决定替换范围）。
+     * 默认按标识符字符切词；Mongo Shell / SQL 等方言由业务 composable 注入，勿写进本组件。
+     */
+    completionPrefixResolver?: MonacoCompletionPrefixResolver;
+    /**
+     * 覆盖/合并 Monaco Editor 构造选项（如 automaticLayout、suggest）。
+     * 浅合并顶层；`suggest` 会与默认 suggest 再浅合并一层。
+     */
+    options?: Record<string, unknown>;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsMonacoEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    glyphMarginClick: (line: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onGlyphMarginClick?: ((line: number) => any) | undefined;
+}>, {
+    theme: "auto" | "vs-dark" | "light";
+    height: number | string;
+    readonly: boolean;
+    embedded: boolean;
+    language: MonacoLanguage;
+    minimap: boolean;
+    glyphMargin: boolean;
+    debugCurrentLine: number;
+    debugBreakpoints: number[];
+    completionTriggerCharacters: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;