niuma-ui 1.3.9 → 2.0.1

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 !== "dark";
+}
+/** 预加载 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-175ca1a4] {
+  color: var(--rs-text-primary);
+  background: var(--rs-bg);
+  height: 100%;
+  min-height: 0;
+}

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

@@ -0,0 +1,39 @@
+import { type RsDirMode, type RsLocale } from '../../../locale/types';
+import type { RsComponentSize, RsRadius, RsThemeMode } from '../../../theme/types';
+type __VLS_Props = {
+    theme?: RsThemeMode;
+    locale?: RsLocale;
+    /** auto：跟 locale（ar / he 等为 rtl）；也可强制 ltr / rtl */
+    dir?: RsDirMode;
+    /** 全局默认控件尺寸：ssm 极小 / sm 小号 / md 中号 / lg 大号 */
+    controlSize?: RsComponentSize;
+    /**
+     * 全局默认圆角：none 直角 / xs~lg / full。
+     * 未传时各组件保留自身默认；传入后覆盖未显式指定 radius 的控件。
+     */
+    controlRadius?: RsRadius;
+    /**
+     * global：主题与 dir 写到 document（默认，Portal 弹出层同步）
+     * local：写到 Provider 根节点
+     */
+    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<{}>, {
+    dir: RsDirMode;
+    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,89 @@
+import { defaultLocale } from "../../../locale/types.js";
+import { applyTheme, subscribePreferredColorScheme } from "../../../theme/apply.js";
+import { createRsConfigState, provideRsConfig } from "../../../composables/useRsConfig.js";
+import { applyLocale } from "../../../locale/apply.js";
+import { createElementBlock, defineComponent, onBeforeUnmount, 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",
+	__name: "RsConfigProvider",
+	props: {
+		theme: { default: "light" },
+		locale: { default: defaultLocale },
+		dir: { default: "auto" },
+		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, props.dir);
+		provideRsConfig(config);
+		let stopPreferred;
+		function chromeTarget() {
+			if (typeof document === "undefined") return void 0;
+			if (props.themeScope === "local" && rootEl.value) return rootEl.value;
+			return document.documentElement;
+		}
+		function syncTheme() {
+			const el = chromeTarget();
+			if (!el) return;
+			applyTheme(config.theme.value, el);
+			config.syncResolvedTheme();
+		}
+		function syncLocale() {
+			const el = chromeTarget();
+			if (!el) return;
+			applyLocale(config.locale.value, config.dir.value, el);
+		}
+		function bindPreferredListener(mode) {
+			stopPreferred?.();
+			stopPreferred = void 0;
+			if (mode !== "system") return;
+			stopPreferred = subscribePreferredColorScheme(syncTheme);
+		}
+		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.dir, (value) => {
+			if (value !== config.dir.value) config.setDir(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, (mode) => {
+			syncTheme();
+			bindPreferredListener(mode);
+		}, { immediate: true });
+		watch([() => config.locale.value, () => config.dir.value], syncLocale, { immediate: true });
+		watch(() => props.themeScope, () => {
+			syncTheme();
+			syncLocale();
+		});
+		watch(rootEl, () => {
+			if (props.themeScope === "local") {
+				syncTheme();
+				syncLocale();
+			}
+		});
+		onBeforeUnmount(() => {
+			stopPreferred?.();
+		});
+		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-175ca1a4"]]);
+//#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';