niuma-ui 2.0.4 → 2.1.0

package/dist/components/monaco-editor/src/RsMonacoEditor.impl.js

@@ -1,12 +1,15 @@
-import { readCodeFontFamily, readCodeFontSizePx, readCssVar } from "../../../theme/css-token.js";
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
 /* empty css                                */
 import { applyMonacoDebugDecorations } from "../../../monaco/debug-decorations2.js";
-import "../../../monaco/languages/types.js";
 import { ensureMongodbShellLanguage } from "../../../monaco/languages/mongodb-shell.js";
-import { createElementBlock, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, useModel, watch } from "vue";
+import { RS_MONACO_SCHEMA_PREFIX, applySharedMonacoTheme, completionLanguages, completionReplaceRange, createMonacoModelUri, isManagedSqlDialect, mergeMonacoEditorOptions, mergeMonacoJsonSchemas, monacoMotionOptions, prefersReducedMotion, readDocumentRsTheme, readMonacoMetrics, readMonacoThemeColors, resolveCompletionPrefix, resolveMonacoHeight, resolveMonacoThemeName, setOwnedMonacoJsonSchema, subscribeDocumentTheme, subscribeReducedMotion, syncMonacoCompletionProvider } from "./monaco-editor-utils.js";
+import { computed, createElementBlock, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, useId, useModel, watch } from "vue";
 import * as monaco from "monaco-editor";
 //#region src/components/monaco-editor/src/RsMonacoEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "aria-disabled"];
 var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsMonacoEditor",
 	__name: "RsMonacoEditor",
 	props: /*@__PURE__*/ mergeModels({
 		language: { default: "json" },
@@ -15,6 +18,10 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: false
 		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
 		theme: { default: "auto" },
 		minimap: {
 			type: Boolean,
@@ -30,6 +37,7 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			type: Boolean,
 			default: false
 		},
+		radius: {},
 		jsonSchema: {},
 		snippets: {},
 		completionRequest: {},
@@ -41,26 +49,54 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			","
 		] },
 		completionPrefixResolver: {},
-		options: {}
+		options: {},
+		placeholder: {},
+		ariaLabel: {},
+		id: {},
+		contextMenu: {
+			type: Boolean,
+			default: true
+		}
 	}, {
 		"modelValue": { default: "" },
 		"modelModifiers": {}
 	}),
-	emits: /*@__PURE__*/ mergeModels(["glyphMarginClick"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ mergeModels([
+		"glyphMarginClick",
+		"focus",
+		"blur",
+		"ready",
+		"contextmenu"
+	], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const model = useModel(__props, "modelValue");
+		const { t } = useRsI18n();
+		const autoId = useId();
+		const rootId = computed(() => props.id || autoId);
+		const resolvedAriaLabel = computed(() => props.ariaLabel || t("monaco.label"));
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		const frameStyle = computed(() => ({
+			height: resolveMonacoHeight(props.height),
+			"--rs-monaco-radius": props.embedded ? "inherit" : rsRadiusCss(resolvedRadius.value)
+		}));
 		const editorEl = ref(null);
 		let editor = null;
 		let editorModel = null;
-		/** 每个实例的唯一 schema URI，用于 fileMatch 精确匹配，避免全局污染 */
+		/** 每个 JSON 实例的唯一 schema URI，用于 fileMatch 精确匹配 */
 		let schemaUri = "";
-		let snippetDisposable = null;
+		let contentDisposable = null;
+		let focusDisposable = null;
+		let blurDisposable = null;
 		let glyphClickDisposable = null;
+		let contextMenuDisposable = null;
 		let debugDecoIds = [];
 		let suppressChange = false;
 		let unmounted = false;
+		let completionGeneration = 0;
+		let unsubscribeTheme = null;
+		let unsubscribeMotion = null;
 		function syncDebugDecorations() {
 			if (!editor || !props.glyphMargin) {
 				if (editor && debugDecoIds.length) debugDecoIds = editor.deltaDecorations(debugDecoIds, []);
@@ -75,54 +111,49 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			glyphClickDisposable?.dispose();
 			glyphClickDisposable = null;
 			if (!editor || !props.glyphMargin) return;
-			glyphClickDisposable = editor.onMouseDown((e) => {
-				if (e.target.type !== monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) return;
-				const line = e.target.position?.lineNumber;
+			glyphClickDisposable = editor.onMouseDown((event) => {
+				if (event.target.type !== monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN) return;
+				const line = event.target.position?.lineNumber;
 				if (!line) return;
 				emit("glyphMarginClick", line);
 			});
 		}
-		function resolveTheme() {
-			if (props.theme !== "auto") return props.theme;
-			return document.documentElement.dataset["rsTheme"] === "light" ? "light" : "vs-dark";
-		}
-		function applyTheme() {
-			monaco.editor.setTheme(resolveTheme());
-		}
-		/**
-		* 将当前 jsonSchema 应用到 JSON Language Defaults。
-		* Monaco v0.55+ 使用顶层 `monaco.json` 命名空间（原 `monaco.languages.json` 已废弃）。
-		* 每实例使用独立 schemaUri，通过 fileMatch 精确绑定，不污染其他编辑器。
-		*/
-		function applyJsonSchema() {
-			if (props.language !== "json") return;
-			const defaults = monaco.json.jsonDefaults;
-			const existing = defaults.diagnosticsOptions;
-			const schemas = (existing.schemas ?? []).filter((s) => s.uri !== schemaUri);
-			if (props.jsonSchema && schemaUri) schemas.push({
-				uri: schemaUri,
-				fileMatch: [schemaUri],
-				schema: props.jsonSchema
-			});
-			defaults.setDiagnosticsOptions({
-				...existing,
-				validate: true,
-				schemas
+		function bindContextMenu() {
+			contextMenuDisposable?.dispose();
+			contextMenuDisposable = null;
+			if (!editor) return;
+			contextMenuDisposable = editor.onContextMenu((event) => {
+				if (!editor?.getOption(monaco.editor.EditorOption.contextmenu)) {
+					event.event.preventDefault();
+					event.event.stopPropagation();
+				}
+				const position = event.target.position;
+				const selection = editor?.getSelection();
+				const selectedText = position && selection && editorModel && !selection.isEmpty() && selection.containsPosition(position) ? editorModel.getValueInRange(selection) : "";
+				emit("contextmenu", {
+					line: position?.lineNumber ?? 0,
+					column: position?.column ?? 0,
+					selectedText,
+					x: event.event.browserEvent.clientX,
+					y: event.event.browserEvent.clientY
+				});
 			});
 		}
-		function removeJsonSchema() {
-			if (!schemaUri) return;
+		function publishJsonSchemas() {
 			const defaults = monaco.json.jsonDefaults;
 			const existing = defaults.diagnosticsOptions;
-			const schemas = (existing.schemas ?? []).filter((s) => s.uri !== schemaUri);
+			const schemas = mergeMonacoJsonSchemas(existing.schemas);
+			const owned = schemas.some((item) => item.uri.startsWith(RS_MONACO_SCHEMA_PREFIX));
 			defaults.setDiagnosticsOptions({
 				...existing,
+				...owned ? { validate: true } : {},
 				schemas
 			});
 		}
-		function disposeSnippets() {
-			snippetDisposable?.dispose();
-			snippetDisposable = null;
+		function applyJsonSchema() {
+			if (props.language === "json" && props.jsonSchema && schemaUri) setOwnedMonacoJsonSchema(schemaUri, props.jsonSchema);
+			else if (schemaUri) setOwnedMonacoJsonSchema(schemaUri, null);
+			publishJsonSchemas();
 		}
 		function completionKind(kind) {
 			switch (kind) {
@@ -134,59 +165,33 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				default: return monaco.languages.CompletionItemKind.Snippet;
 			}
 		}
-		function completionPrefix(line) {
-			if (props.completionPrefixResolver) return props.completionPrefixResolver(line);
-			let start = line.length;
-			while (start > 0 && /[\w$.-]/.test(line[start - 1] ?? "")) start -= 1;
-			return line.slice(start);
-		}
-		function isManagedSqlDialect(language) {
-			return language === "mysql" || language === "dameng" || language === "kingbase" || language === "postgresql" || language === "clickhouse" || language === "sqlite" || language === "sqlserver" || language === "oracle";
-		}
-		/** 合并业务侧 options；suggest 做一层浅合并，避免整对象覆盖默认。 */
-		function mergeEditorOptions(overrides) {
-			if (!overrides) return {};
-			const out = { ...overrides };
-			if (overrides.suggest && typeof overrides.suggest === "object" && !Array.isArray(overrides.suggest)) out.suggest = {
-				snippetsPreventQuickSuggestions: false,
-				filterGraceful: !isManagedSqlDialect(props.language),
-				matchOnWordStartOnly: isManagedSqlDialect(props.language),
-				...overrides.suggest
-			};
-			return out;
-		}
-		function completionLanguages() {
-			if (isManagedSqlDialect(props.language)) return [];
-			if (props.language === "javascript" || props.language === "typescript" || props.language === "mongodb-shell" || props.language === "plaintext" || props.language === "sql" || props.language === "yaml") return [props.language];
-			if (props.language === "json") return ["json"];
-			return [];
-		}
 		function applySnippets() {
-			disposeSnippets();
-			const languages = completionLanguages();
-			if (languages.length === 0 || !editorModel || !props.snippets?.length && !props.completionRequest) return;
-			const modelUri = editorModel.uri.toString();
-			for (const language of languages) snippetDisposable = monaco.languages.registerCompletionItemProvider(language, {
-				triggerCharacters: props.completionTriggerCharacters,
-				async provideCompletionItems(model, position, context, token) {
-					if (model.uri.toString() !== modelUri) return { suggestions: [] };
-					const prefix = completionPrefix(model.getLineContent(position.lineNumber).slice(0, position.column - 1));
-					const startColumn = position.column - prefix.length;
-					const range = {
-						startLineNumber: position.lineNumber,
-						endLineNumber: position.lineNumber,
-						startColumn,
-						endColumn: position.column
-					};
+			const uri = editorModel?.uri.toString() ?? "";
+			const languages = completionLanguages(props.language);
+			const enabled = languages.length > 0 && Boolean(props.snippets?.length || props.completionRequest);
+			if (!uri || !enabled) {
+				if (uri) syncMonacoCompletionProvider(monaco, uri, null);
+				return;
+			}
+			const language = languages[0];
+			if (!language) return;
+			const generation = completionGeneration;
+			syncMonacoCompletionProvider(monaco, uri, {
+				language,
+				triggers: props.completionTriggerCharacters ?? [],
+				provide: async (textModel, position, context, token) => {
+					if (generation !== completionGeneration || unmounted || token.isCancellationRequested) return { suggestions: [] };
+					const prefix = resolveCompletionPrefix(textModel.getLineContent(position.lineNumber).slice(0, position.column - 1), props.completionPrefixResolver);
+					const range = completionReplaceRange(position.lineNumber, position.column, prefix);
 					const dynamic = props.completionRequest ? await props.completionRequest({
-						text: model.getValue(),
-						offset: model.getOffsetAt(position),
+						text: textModel.getValue(),
+						offset: textModel.getOffsetAt(position),
 						line: position.lineNumber,
 						column: position.column,
 						prefix,
 						triggerCharacter: context.triggerCharacter
 					}) : [];
-					if (token.isCancellationRequested) return { suggestions: [] };
+					if (generation !== completionGeneration || unmounted || token.isCancellationRequested) return { suggestions: [] };
 					return {
 						incomplete: true,
 						suggestions: [...props.snippets ?? [], ...dynamic].map((snippet) => ({
@@ -205,50 +210,91 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				}
 			});
 		}
+		function applyTheme() {
+			if (!editor || !editorEl.value || unmounted) return;
+			const host = editorEl.value;
+			const metrics = readMonacoMetrics(host);
+			const motion = monacoMotionOptions(prefersReducedMotion());
+			editor.updateOptions({
+				fontFamily: metrics.fontFamily,
+				fontSize: metrics.fontSize,
+				lineHeight: metrics.lineHeight,
+				smoothScrolling: motion.smoothScrolling,
+				cursorSmoothCaretAnimation: motion.cursorSmoothCaretAnimation,
+				ariaLabel: resolvedAriaLabel.value
+			});
+			const overrides = mergeMonacoEditorOptions(props.options, props.language);
+			if (typeof overrides.theme === "string") {
+				monaco.editor.setTheme(overrides.theme);
+				return;
+			}
+			applySharedMonacoTheme(monaco, resolveMonacoThemeName(props.theme, readDocumentRsTheme()), readMonacoThemeColors(host));
+		}
 		function disposeEditor() {
-			removeJsonSchema();
-			disposeSnippets();
+			completionGeneration += 1;
+			const uri = editorModel?.uri.toString() ?? "";
+			if (uri) syncMonacoCompletionProvider(monaco, uri, null);
+			const hadSchema = Boolean(schemaUri);
+			if (schemaUri) setOwnedMonacoJsonSchema(schemaUri, null);
+			contentDisposable?.dispose();
+			contentDisposable = null;
+			focusDisposable?.dispose();
+			focusDisposable = null;
+			blurDisposable?.dispose();
+			blurDisposable = null;
 			glyphClickDisposable?.dispose();
 			glyphClickDisposable = null;
+			contextMenuDisposable?.dispose();
+			contextMenuDisposable = null;
 			debugDecoIds = [];
 			editor?.dispose();
 			editorModel?.dispose();
 			editor = null;
 			editorModel = null;
+			schemaUri = "";
+			if (hadSchema) publishJsonSchemas();
 		}
 		function initEditor() {
 			if (!editorEl.value || unmounted) return;
 			disposeEditor();
-			if (props.language === "mongodb-shell") ensureMongodbShellLanguage(monaco);
-			schemaUri = `inmemory://rs-monaco/${crypto.randomUUID()}.json`;
-			editorModel = monaco.editor.createModel(model.value, props.language, props.language === "json" ? monaco.Uri.parse(schemaUri) : void 0);
 			const host = editorEl.value;
-			const fontSize = readCodeFontSizePx(host);
-			const lineHeightRatio = Number.parseFloat(readCssVar("--rs-code-line-height", host) || readCssVar("--rs-line-height-relaxed", host)) || 1.625;
-			editor = monaco.editor.create(editorEl.value, {
+			if (!host || unmounted) return;
+			if (props.language === "mongodb-shell") ensureMongodbShellLanguage(monaco);
+			const metrics = readMonacoMetrics(host);
+			const motion = monacoMotionOptions(prefersReducedMotion());
+			const overrides = mergeMonacoEditorOptions(props.options, props.language);
+			const forcedTheme = typeof overrides.theme === "string" ? overrides.theme : "";
+			const themeName = forcedTheme || resolveMonacoThemeName(props.theme, readDocumentRsTheme());
+			if (!forcedTheme) applySharedMonacoTheme(monaco, themeName, readMonacoThemeColors(host));
+			schemaUri = props.language === "json" ? createMonacoModelUri() : "";
+			editorModel = monaco.editor.createModel(model.value, props.language, schemaUri ? monaco.Uri.parse(schemaUri) : void 0);
+			editor = monaco.editor.create(host, {
 				model: editorModel,
-				theme: resolveTheme(),
-				readOnly: props.readonly,
+				theme: themeName,
+				readOnly: props.readonly || props.disabled,
+				domReadOnly: props.disabled,
+				ariaLabel: resolvedAriaLabel.value,
+				placeholder: props.placeholder ?? "",
 				automaticLayout: true,
 				minimap: { enabled: props.minimap },
 				scrollBeyondLastLine: false,
-				fontFamily: readCodeFontFamily(host),
-				fontSize,
-				lineHeight: Math.round(fontSize * lineHeightRatio),
+				fontFamily: metrics.fontFamily,
+				fontSize: metrics.fontSize,
+				lineHeight: metrics.lineHeight,
 				tabSize: 2,
 				wordWrap: "on",
 				bracketPairColorization: { enabled: true },
 				padding: {
-					top: 8,
-					bottom: 8
+					top: metrics.padding,
+					bottom: metrics.padding
 				},
 				renderLineHighlight: "line",
-				smoothScrolling: true,
-				cursorSmoothCaretAnimation: "on",
+				smoothScrolling: motion.smoothScrolling,
+				cursorSmoothCaretAnimation: motion.cursorSmoothCaretAnimation,
 				folding: true,
 				glyphMargin: props.glyphMargin,
 				lineNumbersMinChars: 3,
-				lineDecorationsWidth: props.glyphMargin ? 16 : 4,
+				lineDecorationsWidth: props.glyphMargin ? metrics.glyphWidth : metrics.decorationWidth,
 				overviewRulerLanes: 0,
 				hideCursorInOverviewRuler: true,
 				quickSuggestions: props.language === "mongodb-shell" ? {
@@ -264,67 +310,85 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					matchOnWordStartOnly: isManagedSqlDialect(props.language)
 				},
 				scrollbar: {
-					verticalScrollbarSize: 8,
-					horizontalScrollbarSize: 8
+					verticalScrollbarSize: metrics.scrollbarSize,
+					horizontalScrollbarSize: metrics.scrollbarSize
 				},
 				fixedOverflowWidgets: true,
-				...mergeEditorOptions(props.options)
+				...overrides,
+				contextmenu: props.contextMenu
 			});
-			editorModel.onDidChangeContent(() => {
+			contentDisposable = editorModel.onDidChangeContent(() => {
 				if (suppressChange) return;
 				const value = editorModel?.getValue() ?? "";
 				if (value !== model.value) model.value = value;
 			});
+			focusDisposable = editor.onDidFocusEditorText(() => emit("focus"));
+			blurDisposable = editor.onDidBlurEditorText(() => emit("blur"));
 			applyJsonSchema();
 			applySnippets();
 			bindGlyphClick();
+			bindContextMenu();
 			syncDebugDecorations();
+			emit("ready");
 		}
-		let themeObserver = null;
 		onMounted(() => {
 			unmounted = false;
 			initEditor();
-			themeObserver = new MutationObserver(applyTheme);
-			themeObserver.observe(document.documentElement, {
-				attributes: true,
-				attributeFilter: ["data-rs-theme"]
-			});
+			unsubscribeTheme = subscribeDocumentTheme(() => applyTheme());
+			unsubscribeMotion = subscribeReducedMotion(() => applyTheme());
 		});
 		onUnmounted(() => {
 			unmounted = true;
-			glyphClickDisposable?.dispose();
-			glyphClickDisposable = null;
-			debugDecoIds = [];
+			unsubscribeTheme?.();
+			unsubscribeTheme = null;
+			unsubscribeMotion?.();
+			unsubscribeMotion = null;
 			disposeEditor();
-			themeObserver?.disconnect();
-			themeObserver = null;
 		});
 		watch(() => model.value, (val) => {
-			if (!editorModel) return;
-			if (editorModel.getValue() === val) return;
+			if (!editorModel || editorModel.getValue() === val) return;
 			suppressChange = true;
-			editorModel.setValue(val);
-			suppressChange = false;
+			try {
+				editorModel.setValue(val);
+			} finally {
+				suppressChange = false;
+			}
+		});
+		watch(() => [props.readonly, props.disabled], ([readonly, disabled]) => {
+			editor?.updateOptions({
+				readOnly: readonly || disabled,
+				domReadOnly: disabled
+			});
 		});
-		watch(() => props.readonly, (val) => editor?.updateOptions({ readOnly: val }));
 		watch(() => props.minimap, (val) => editor?.updateOptions({ minimap: { enabled: val } }));
+		watch(() => props.contextMenu, (val) => editor?.updateOptions({ contextmenu: val }));
+		watch(resolvedAriaLabel, (label) => editor?.updateOptions({ ariaLabel: label }));
+		watch(() => props.placeholder, (value) => editor?.updateOptions({ placeholder: value ?? "" }));
 		watch(() => props.glyphMargin, (val) => {
+			const metrics = readMonacoMetrics(editorEl.value);
 			editor?.updateOptions({
 				glyphMargin: val,
-				lineDecorationsWidth: val ? 16 : 4
+				lineDecorationsWidth: val ? metrics.glyphWidth : metrics.decorationWidth
 			});
 			bindGlyphClick();
 			syncDebugDecorations();
 		});
-		watch(() => [props.debugCurrentLine, props.debugBreakpoints], () => {
-			syncDebugDecorations();
-		}, { deep: true });
+		watch(() => [props.debugCurrentLine, props.debugBreakpoints], () => syncDebugDecorations(), { deep: true });
 		watch(() => props.language, () => initEditor());
+		watch(() => props.theme, () => applyTheme());
 		watch(() => props.jsonSchema, () => applyJsonSchema(), { deep: true });
 		watch(() => props.snippets, () => applySnippets(), { deep: true });
 		watch(() => props.completionRequest, () => applySnippets());
 		watch(() => props.completionTriggerCharacters, () => applySnippets(), { deep: true });
 		watch(() => props.completionPrefixResolver, () => applySnippets());
+		watch(() => props.options, () => {
+			if (!editor || !props.options) return;
+			editor.updateOptions({
+				...mergeMonacoEditorOptions(props.options, props.language),
+				contextmenu: props.contextMenu
+			});
+			applyTheme();
+		});
 		__expose({
 			/** 格式化文档（等价于 Shift+Alt+F） */
 			format() {
@@ -337,15 +401,30 @@ var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			revealLine(line) {
 				if (!editor || line <= 0) return;
 				editor.revealLineInCenter(line);
+			},
+			focus() {
+				editor?.focus();
+			},
+			blur() {
+				const node = editor?.getDomNode();
+				if (!node) return;
+				const active = node.ownerDocument.activeElement;
+				if (active instanceof HTMLElement && node.contains(active)) active.blur();
 			}
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				id: rootId.value,
 				ref_key: "editorEl",
 				ref: editorEl,
-				class: normalizeClass(["rs-monaco", { "rs-monaco--embedded": __props.embedded }]),
-				style: normalizeStyle({ height: typeof __props.height === "number" ? `${__props.height}px` : __props.height })
-			}, null, 6);
+				class: normalizeClass(["rs-monaco", {
+					"rs-monaco--embedded": __props.embedded,
+					"rs-monaco--disabled": __props.disabled
+				}]),
+				style: normalizeStyle(frameStyle.value),
+				dir: "ltr",
+				"aria-disabled": __props.disabled || void 0
+			}, null, 14, _hoisted_1);
 		};
 	}
 });

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

@@ -4,6 +4,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsMonacoEditor_vue_vue_type_script_setup_true_lang_default from "./RsMonacoEditor.impl.js";
 
 //#region src/components/monaco-editor/src/RsMonacoEditor.vue
-var RsMonacoEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsMonacoEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1366fa31"]]);
+var RsMonacoEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsMonacoEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b3d8e08a"]]);
 //#endregion
 export { RsMonacoEditor_default as default };

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

@@ -0,0 +1,126 @@
+import type * as Monaco from 'monaco-editor';
+/** 实例级补全片段（仅作用于当前编辑器 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;
+}
+/** 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;
+/**
+ * RsMonacoEditor 模板 ref 请用此类型。
+ * 不要写 `InstanceType<typeof RsMonacoEditor>`：组件实例类型过深，vue-tsc 会报 Excessive stack depth。
+ */
+export interface RsMonacoEditorExpose {
+    format: () => void;
+    getEditor: () => Monaco.editor.IStandaloneCodeEditor | null;
+    revealLine: (line: number) => void;
+    focus: () => void;
+    blur: () => void;
+}
+/** 右键命中。行、列 1-based；点在滚动条等无光标处时为 0。 */
+export interface RsMonacoEditorContextMenu {
+    line: number;
+    column: number;
+    selectedText: string;
+    x: number;
+    y: number;
+}
+export type RsMonacoEditorInstance = RsMonacoEditorExpose;
+/** `light` / `vs-dark` 是公开取值；实际主题名是带 token 色的 rs-light / rs-dark。 */
+export type RsMonacoEditorTheme = 'auto' | 'vs-dark' | 'light';
+export declare const RS_MONACO_THEME_LIGHT = "rs-light";
+export declare const RS_MONACO_THEME_DARK = "rs-dark";
+export declare const RS_MONACO_SCHEMA_PREFIX = "inmemory://rs-monaco/";
+export interface MonacoJsonSchemaEntry {
+    uri: string;
+    fileMatch?: string[];
+    schema?: unknown;
+}
+export interface MonacoCompletionBinding {
+    language: string;
+    triggers: readonly string[];
+    provide: Monaco.languages.CompletionItemProvider['provideCompletionItems'];
+}
+/** Bridge LSP 接管补全；勿再注册实例级 Provider。 */
+export declare function isManagedSqlDialect(language: string | undefined): boolean;
+export declare function completionLanguages(language: string | undefined): string[];
+export declare function resolveMonacoHeight(height: number | string | undefined): string;
+/** 未写 data-rs-theme 时跟全库浅色，不把缺省当成深色。 */
+export declare function readDocumentRsTheme(): 'light' | 'dark';
+export declare function resolveMonacoThemeName(theme: RsMonacoEditorTheme | undefined, documentTheme: 'light' | 'dark'): string;
+export declare function monacoThemeBase(themeName: string): 'vs' | 'vs-dark';
+export declare function resolveMonacoLineHeight(fontSize: number, lineHeightRaw: string): number;
+export declare function resolveCompletionPrefix(line: string, resolver?: MonacoCompletionPrefixResolver): string;
+export declare function completionReplaceRange(lineNumber: number, column: number, prefix: string): {
+    startLineNumber: number;
+    endLineNumber: number;
+    startColumn: number;
+    endColumn: number;
+};
+/** 合并业务侧 options；suggest 做一层浅合并，避免整对象覆盖默认。 */
+export declare function mergeMonacoEditorOptions(overrides: Record<string, unknown> | undefined, language: string | undefined): Record<string, unknown>;
+export declare function prefersReducedMotion(): boolean;
+export declare function monacoMotionOptions(reduced: boolean): {
+    smoothScrolling: boolean;
+    cursorSmoothCaretAnimation: 'on' | 'off';
+};
+/** Monaco 主题色只收 hex。rgb()/rgba() 在这里转成 #rrggbb / #rrggbbaa。 */
+export declare function cssColorToHex(input: string): string | null;
+declare const THEME_COLOR_IDS: {
+    readonly background: "editor.background";
+    readonly foreground: "editor.foreground";
+    readonly gutter: "editorGutter.background";
+    readonly gutterForeground: "editorLineNumber.foreground";
+    readonly lineHighlight: "editor.lineHighlightBackground";
+    readonly selection: "editor.selectionBackground";
+    readonly widget: "editorWidget.background";
+    readonly widgetBorder: "editorWidget.border";
+};
+export declare function buildMonacoThemeColors(raw: Partial<Record<keyof typeof THEME_COLOR_IDS, string>>): Record<string, string>;
+export declare function readMonacoThemeColors(el?: HTMLElement | null): Record<string, string>;
+export declare function readMonacoMetrics(el?: HTMLElement | null): {
+    fontFamily: string;
+    fontSize: number;
+    lineHeight: number;
+    padding: number;
+    scrollbarSize: number;
+    glyphWidth: number;
+    decorationWidth: number;
+};
+export declare function createMonacoModelUri(): string;
+export declare function setOwnedMonacoJsonSchema(uri: string, schema: object | null): void;
+/** 外部 schema 保留；本组件的 uri 只来自这份登记，避免两个编辑器交错写丢。 */
+export declare function mergeMonacoJsonSchemas(existing: readonly MonacoJsonSchemaEntry[] | undefined): MonacoJsonSchemaEntry[];
+export declare function resetOwnedMonacoJsonSchemasForTests(): void;
+/** 多个编辑器共用一个 MutationObserver，最后一个卸载才断开。 */
+export declare function subscribeDocumentTheme(listener: () => void): () => void;
+export declare function resetDocumentThemeSubscriptionForTests(): void;
+export declare function subscribeReducedMotion(listener: (reduced: boolean) => void): () => void;
+/** defineTheme 可重复；setTheme 是进程级的，签名没变就不再刷。 */
+export declare function applySharedMonacoTheme(monaco: MonacoNamespace, themeName: string, colors: Record<string, string>): void;
+export declare function resetSharedMonacoThemeForTests(): void;
+type MonacoNamespace = typeof import('monaco-editor');
+/**
+ * 每种语言只注册一个 Provider，按 model uri 分发。
+ * 避免 N 个编辑器各挂一个、卸载时只丢掉最后一个。
+ */
+export declare function syncMonacoCompletionProvider(monaco: MonacoNamespace, modelUri: string, binding: MonacoCompletionBinding | null): void;
+export declare function resetMonacoCompletionProvidersForTests(): void;
+export {};