niuma-ui 2.0.3 → 2.0.9

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

@@ -1,4 +1,4 @@
-import { Compartment, RangeSetBuilder, StateEffect, StateField } from "@codemirror/state";
+import { RangeSetBuilder, StateEffect, StateField } from "@codemirror/state";
 import { Decoration, EditorView } from "@codemirror/view";
 //#region src/components/code-editor/src/code-mirror-diagnostics.ts
 var setDiagnosticsEffect = StateEffect.define();
@@ -24,12 +24,11 @@ var diagnosticField = StateField.define({
 	},
 	provide: (f) => EditorView.decorations.from(f)
 });
-var diagnosticCompartment = new Compartment();
 function diagnosticExtensions() {
-	return diagnosticCompartment.of([diagnosticField]);
+	return [diagnosticField];
 }
 function setEditorDiagnostics(view, diags) {
 	view.dispatch({ effects: setDiagnosticsEffect.of(diags) });
 }
 //#endregion
-export { diagnosticCompartment, diagnosticExtensions, setEditorDiagnostics };
+export { diagnosticExtensions, setEditorDiagnostics };

package/dist/components/code-editor/src/code-mirror-ghost.d.ts

@@ -2,7 +2,7 @@ import { type Extension } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
 export declare const setGhostCompletion: import("@codemirror/state").StateEffectType<string | null>;
 export interface CodeMirrorGhostHandlers {
-    completionRequest?: (prefix: string, suffix: string, line: number, column: number) => Promise<string | null>;
+    completionRequest?: (prefix: string, suffix: string, line: number, column: number, signal?: AbortSignal) => Promise<string | null>;
 }
 export declare function codeMirrorGhostExtensions(handlers: () => CodeMirrorGhostHandlers, scheduleDebounced: (fn: () => void) => void, cancelScheduled?: () => void): Extension[];
 export declare function clearGhostCompletion(view: EditorView): void;

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

@@ -1,3 +1,4 @@
+import { editorAbortSession, isEditorViewAlive } from "./code-mirror-session.js";
 import { posToLineColumn } from "./code-mirror-intel.js";
 import { Prec, StateEffect, StateField } from "@codemirror/state";
 import { Decoration, EditorView, WidgetType, keymap } from "@codemirror/view";
@@ -68,7 +69,12 @@ function readGhostAtCursor(view) {
 }
 function codeMirrorGhostExtensions(handlers, scheduleDebounced, cancelScheduled) {
 	let seq = 0;
+	const session = editorAbortSession(() => {
+		seq += 1;
+		cancelScheduled?.();
+	});
 	return [
+		session,
 		ghostMetaField,
 		ghostField,
 		EditorView.updateListener.of((update) => {
@@ -79,12 +85,14 @@ function codeMirrorGhostExtensions(handlers, scheduleDebounced, cancelScheduled)
 			const id = ++seq;
 			scheduleDebounced(() => {
 				const view = update.view;
+				if (!isEditorViewAlive(view)) return;
 				const pos = view.state.selection.main.head;
 				const prefix = view.state.doc.sliceString(0, pos);
 				const suffix = view.state.doc.sliceString(pos);
 				const { line, column } = posToLineColumn(view, pos);
-				h.completionRequest(prefix, suffix, line, column).then((text) => {
-					if (id !== seq) return;
+				const signal = view.plugin(session)?.nextSignal();
+				Promise.resolve(h.completionRequest(prefix, suffix, line, column, signal)).then((text) => {
+					if (signal?.aborted || id !== seq || !isEditorViewAlive(view)) return;
 					if (!text?.trim()) {
 						view.dispatch({ effects: setGhostCompletion.of(null) });
 						return;
@@ -92,7 +100,7 @@ function codeMirrorGhostExtensions(handlers, scheduleDebounced, cancelScheduled)
 					const current = view.state.selection.main.head;
 					if (view.state.doc.sliceString(current) !== suffix) return;
 					view.dispatch({ effects: setGhostCompletion.of(text) });
-				});
+				}).catch(() => {});
 			});
 		}),
 		Prec.highest(keymap.of([{
@@ -127,6 +135,7 @@ function codeMirrorGhostExtensions(handlers, scheduleDebounced, cancelScheduled)
 	];
 }
 function clearGhostCompletion(view) {
+	if (!isEditorViewAlive(view)) return;
 	view.dispatch({ effects: setGhostCompletion.of(null) });
 }
 //#endregion

package/dist/components/code-editor/src/code-mirror-inline-edit.js

@@ -1,3 +1,4 @@
+import { isEditorViewAlive } from "./code-mirror-session.js";
 import { Prec } from "@codemirror/state";
 import { keymap } from "@codemirror/view";
 //#region src/components/code-editor/src/code-mirror-inline-edit.ts
@@ -37,13 +38,17 @@ function codeMirrorInlineEditExtension(onTrigger) {
 	}]));
 }
 function replaceEditorRange(view, from, to, insert) {
+	if (!isEditorViewAlive(view)) return;
+	const length = view.state.doc.length;
+	const start = Math.max(0, Math.min(from, length));
+	const end = Math.max(start, Math.min(to, length));
 	view.dispatch({
 		changes: {
-			from,
-			to,
+			from: start,
+			to: end,
 			insert
 		},
-		selection: { anchor: from + insert.length }
+		selection: { anchor: start + insert.length }
 	});
 	view.focus();
 }

package/dist/components/code-editor/src/code-mirror-intel.d.ts

@@ -1,8 +1,8 @@
 import { EditorView } from '@codemirror/view';
 import type { Extension } from '@codemirror/state';
 export interface CodeMirrorIntelHandlers {
-    hoverRequest?: (line: number, column: number) => Promise<string | null>;
-    definitionRequest?: (line: number, column: number) => Promise<{
+    hoverRequest?: (line: number, column: number, signal?: AbortSignal) => Promise<string | null>;
+    definitionRequest?: (line: number, column: number, signal?: AbortSignal) => Promise<{
         file: string;
         line: number;
         column?: number;

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

@@ -1,3 +1,4 @@
+import { editorAbortSession, isEditorViewAlive } from "./code-mirror-session.js";
 import { EditorView, hoverTooltip } from "@codemirror/view";
 //#region src/components/code-editor/src/code-mirror-intel.ts
 function posToLineColumn(view, pos) {
@@ -8,6 +9,7 @@ function posToLineColumn(view, pos) {
 	};
 }
 function goToPosition(view, line, column = 1) {
+	if (!isEditorViewAlive(view)) return;
 	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);
@@ -18,45 +20,54 @@ function goToPosition(view, line, column = 1) {
 	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;
-	} })];
+	const hoverSession = editorAbortSession();
+	const definitionSession = editorAbortSession();
+	return [
+		hoverSession,
+		definitionSession,
+		hoverTooltip(async (view, pos) => {
+			const h = handlers();
+			if (!h.hoverRequest || !isEditorViewAlive(view)) return null;
+			const { line, column } = posToLineColumn(view, pos);
+			const signal = view.plugin(hoverSession)?.nextSignal();
+			const text = await h.hoverRequest(line, column, signal);
+			if (signal?.aborted || !isEditorViewAlive(view) || !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 || !isEditorViewAlive(view)) return false;
+			const pos = view.posAtCoords({
+				x: event.clientX,
+				y: event.clientY
+			});
+			if (pos == null) return false;
+			const { line, column } = posToLineColumn(view, pos);
+			const signal = view.plugin(definitionSession)?.nextSignal();
+			Promise.resolve(h.definitionRequest(line, column, signal)).then((loc) => {
+				if (signal?.aborted || !isEditorViewAlive(view) || !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);
+			}).catch(() => {});
+			event.preventDefault();
+			return true;
+		} })
+	];
 }
 //#endregion
 export { codeMirrorIntelExtensions, goToPosition, posToLineColumn };

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

@@ -85,6 +85,10 @@ async function resolveCodeMirrorLanguage(lang, options) {
 				const { yaml } = await import("@codemirror/lang-yaml");
 				return [yaml()];
 			}
+			case "toml": {
+				const [{ StreamLanguage }, { toml }] = await Promise.all([import("@codemirror/language"), import("@codemirror/legacy-modes/mode/toml")]);
+				return [StreamLanguage.define(toml)];
+			}
 			case "vue": {
 				const { html } = await import("@codemirror/lang-html");
 				return [html()];

package/dist/components/code-editor/src/code-mirror-session.d.ts

@@ -0,0 +1,13 @@
+import { EditorView, ViewPlugin, type PluginValue } from '@codemirror/view';
+/** 已 destroy 的 EditorView 再 dispatch 会抛错。用 DOM 是否还在文档里判断。 */
+export declare function isEditorViewAlive(view: EditorView | null | undefined): view is EditorView;
+/** 插件值只对外暴露 nextSignal；controller 留在实现里。 */
+interface EditorAbortSession extends PluginValue {
+    nextSignal(): AbortSignal;
+}
+/**
+ * 异步补全 / 悬停 / 跳转各持有一个 AbortController。
+ * 下一次请求或视图 destroy 时 abort，避免卸载后继续 dispatch。
+ */
+export declare function editorAbortSession(onDestroy?: () => void): ViewPlugin<EditorAbortSession>;
+export {};

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

@@ -0,0 +1,30 @@
+import { ViewPlugin } from "@codemirror/view";
+//#region src/components/code-editor/src/code-mirror-session.ts
+/** 已 destroy 的 EditorView 再 dispatch 会抛错。用 DOM 是否还在文档里判断。 */
+function isEditorViewAlive(view) {
+	if (!view) return false;
+	const dom = view.dom;
+	return !!dom && dom.isConnected;
+}
+/**
+* 异步补全 / 悬停 / 跳转各持有一个 AbortController。
+* 下一次请求或视图 destroy 时 abort，避免卸载后继续 dispatch。
+*/
+function editorAbortSession(onDestroy) {
+	return ViewPlugin.fromClass(class {
+		controller = null;
+		constructor(_view) {}
+		nextSignal() {
+			this.controller?.abort();
+			this.controller = new AbortController();
+			return this.controller.signal;
+		}
+		destroy() {
+			this.controller?.abort();
+			this.controller = null;
+			onDestroy?.();
+		}
+	});
+}
+//#endregion
+export { editorAbortSession, isEditorViewAlive };

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

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

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

@@ -1,24 +1,24 @@
 
-.rs-container[data-v-3c8fcccd] {
+.rs-container[data-v-5a260e9d] {
   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] {
+.rs-container--centered[data-v-5a260e9d] {
   margin-inline: auto;
 }
-.rs-container--grid[data-v-3c8fcccd] {
+.rs-container--grid[data-v-5a260e9d] {
   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] {
+.rs-container[data-v-5a260e9d] {
     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] {
+.rs-container--grid[data-v-5a260e9d] {
     grid-template-columns: repeat(
       var(--rs-container-columns-sm, var(--rs-container-columns-current, 12)),
       minmax(0, 1fr)
@@ -27,14 +27,14 @@
 }
 }
 @media (width >= 48rem) {
-.rs-container[data-v-3c8fcccd] {
+.rs-container[data-v-5a260e9d] {
     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] {
+.rs-container--grid[data-v-5a260e9d] {
     grid-template-columns: repeat(
       var(--rs-container-columns-md, var(--rs-container-columns-sm, var(--rs-container-columns-current, 12))),
       minmax(0, 1fr)
@@ -43,7 +43,7 @@
 }
 }
 @media (width >= 64rem) {
-.rs-container[data-v-3c8fcccd] {
+.rs-container[data-v-5a260e9d] {
     max-width: var(
       --rs-container-max-lg,
       var(--rs-container-max-md, var(--rs-container-max-sm, var(--rs-container-max-current)))
@@ -53,7 +53,7 @@
       var(--rs-container-padding-md, var(--rs-container-padding-sm, var(--rs-container-padding-current)))
     );
 }
-.rs-container--grid[data-v-3c8fcccd] {
+.rs-container--grid[data-v-5a260e9d] {
     grid-template-columns: repeat(
       var(
         --rs-container-columns-lg,
@@ -65,7 +65,7 @@
 }
 }
 @media (width >= 80rem) {
-.rs-container[data-v-3c8fcccd] {
+.rs-container[data-v-5a260e9d] {
     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))))
@@ -75,7 +75,7 @@
       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] {
+.rs-container--grid[data-v-5a260e9d] {
     grid-template-columns: repeat(
       var(
         --rs-container-columns-xl,

package/dist/components/container/src/RsContainer.d.ts

@@ -1,15 +1,5 @@
-/** 支持的响应式断点，语义与常见 SaaS 前端一致。 */
-export type RsContainerBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
-/** 内容区最大宽度档位，对应 `--rs-container-max-*` token。 */
-export type RsContainerMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-/** 水平内边距档位，对应 `--rs-space-*` token。 */
-export type RsContainerPadding = 'none' | 'sm' | 'md' | 'lg';
-/** 栅格间距档位，对应 `--rs-space-*` token。 */
-export type RsContainerGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-/** 断点映射配置，用于 maxWidth、padding、columns、gap。 */
-export type RsContainerResponsive<T> = Partial<Record<RsContainerBreakpoint, T>>;
-/** 支持固定值或断点映射。 */
-export type RsContainerMaybeResponsive<T> = T | RsContainerResponsive<T>;
+import { type RsContainerGap, type RsContainerMaxWidth, type RsContainerMaybeResponsive, type RsContainerPadding } from './container-utils';
+export type { RsContainerBreakpoint, RsContainerGap, RsContainerMaxWidth, RsContainerMaybeResponsive, RsContainerPadding, RsContainerResponsive, } from './container-utils';
 type __VLS_Props = {
     /** 最大内容宽度；`fluid` 为 true 时忽略。 */
     maxWidth?: RsContainerMaybeResponsive<RsContainerMaxWidth>;

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

@@ -1,6 +1,8 @@
+import { resolveRsContainerStyle } from "./container-utils.js";
 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",
 	__name: "RsContainer",
 	props: {
 		maxWidth: { default: "lg" },
@@ -23,67 +25,18 @@ var RsContainer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	},
 	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;
-		});
+		const rootStyle = computed(() => resolveRsContainerStyle({
+			maxWidth: props.maxWidth,
+			padding: props.padding,
+			fluid: props.fluid,
+			grid: props.grid,
+			columns: props.columns,
+			gap: props.gap
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
 				class: normalizeClass(rootClass.value),

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

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 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"]]);
+var RsContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsContainer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5a260e9d"]]);
 //#endregion
 export { RsContainer_default as default };

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

@@ -0,0 +1,23 @@
+export declare const RS_CONTAINER_BREAKPOINTS: readonly ["sm", "md", "lg", "xl"];
+export type RsContainerBreakpoint = (typeof RS_CONTAINER_BREAKPOINTS)[number];
+export declare const RS_CONTAINER_MAX_WIDTHS: readonly ["sm", "md", "lg", "xl", "full"];
+export type RsContainerMaxWidth = (typeof RS_CONTAINER_MAX_WIDTHS)[number];
+export declare const RS_CONTAINER_PADDINGS: readonly ["none", "sm", "md", "lg"];
+export type RsContainerPadding = (typeof RS_CONTAINER_PADDINGS)[number];
+export declare const RS_CONTAINER_GAPS: readonly ["none", "xs", "sm", "md", "lg", "xl"];
+export type RsContainerGap = (typeof RS_CONTAINER_GAPS)[number];
+export type RsContainerResponsive<T> = Partial<Record<RsContainerBreakpoint, T>>;
+export type RsContainerMaybeResponsive<T> = T | RsContainerResponsive<T>;
+export declare const RS_CONTAINER_SPACE_CSS: Record<RsContainerGap | RsContainerPadding, string>;
+export declare const RS_CONTAINER_MAX_WIDTH_CSS: Record<RsContainerMaxWidth, string>;
+export declare function isRsContainerResponsive<T>(value: RsContainerMaybeResponsive<T>): value is RsContainerResponsive<T>;
+export interface RsContainerStyleInput {
+    maxWidth: RsContainerMaybeResponsive<RsContainerMaxWidth>;
+    padding: RsContainerMaybeResponsive<RsContainerPadding>;
+    fluid: boolean;
+    grid: boolean;
+    columns: RsContainerMaybeResponsive<number>;
+    gap: RsContainerMaybeResponsive<RsContainerGap>;
+}
+/** 写入根节点的 CSS 变量。语义与原先 SFC 内联计算一致。 */
+export declare function resolveRsContainerStyle(input: RsContainerStyleInput): Record<string, string | number>;

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

@@ -0,0 +1,51 @@
+//#region src/components/container/src/container-utils.ts
+var RS_CONTAINER_BREAKPOINTS = [
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+var RS_CONTAINER_SPACE_CSS = {
+	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)"
+};
+var RS_CONTAINER_MAX_WIDTH_CSS = {
+	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)"
+};
+function isRsContainerResponsive(value) {
+	return typeof value === "object" && value !== null;
+}
+function writeResponsiveVars(style, prefix, value, toCss) {
+	if (isRsContainerResponsive(value)) {
+		for (const bp of RS_CONTAINER_BREAKPOINTS) {
+			const item = value[bp];
+			if (item === void 0) continue;
+			const css = toCss(item);
+			if (css !== void 0) style[`${prefix}-${bp}`] = css;
+		}
+		return;
+	}
+	const css = toCss(value);
+	if (css !== void 0) style[`${prefix}-current`] = css;
+}
+/** 写入根节点的 CSS 变量。语义与原先 SFC 内联计算一致。 */
+function resolveRsContainerStyle(input) {
+	const style = {};
+	if (input.fluid) style["--rs-container-max-current"] = "none";
+	else writeResponsiveVars(style, "--rs-container-max", input.maxWidth, (item) => RS_CONTAINER_MAX_WIDTH_CSS[item]);
+	writeResponsiveVars(style, "--rs-container-padding", input.padding, (item) => RS_CONTAINER_SPACE_CSS[item]);
+	if (!input.grid) return style;
+	writeResponsiveVars(style, "--rs-container-columns", input.columns, (item) => typeof item === "number" ? item : void 0);
+	writeResponsiveVars(style, "--rs-container-gap", input.gap, (item) => RS_CONTAINER_SPACE_CSS[item]);
+	return style;
+}
+//#endregion
+export { RS_CONTAINER_BREAKPOINTS, RS_CONTAINER_MAX_WIDTH_CSS, RS_CONTAINER_SPACE_CSS, isRsContainerResponsive, resolveRsContainerStyle };

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

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