niuma-ui 1.3.8 → 2.0.0

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

@@ -0,0 +1,353 @@
+import { readCodeFontFamily, readCodeFontSizePx, readCssVar } from "../../../theme/css-token.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 * as monaco from "monaco-editor";
+//#region src/components/monaco-editor/src/RsMonacoEditor.vue?vue&type=script&setup=true&lang.ts
+var RsMonacoEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsMonacoEditor",
+	props: /*@__PURE__*/ mergeModels({
+		language: { default: "json" },
+		height: { default: "100%" },
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		theme: { default: "auto" },
+		minimap: {
+			type: Boolean,
+			default: false
+		},
+		glyphMargin: {
+			type: Boolean,
+			default: false
+		},
+		debugCurrentLine: { default: 0 },
+		debugBreakpoints: { default: () => [] },
+		embedded: {
+			type: Boolean,
+			default: false
+		},
+		jsonSchema: {},
+		snippets: {},
+		completionRequest: {},
+		completionTriggerCharacters: { default: () => [
+			"\"",
+			"$",
+			"{",
+			":",
+			","
+		] },
+		completionPrefixResolver: {},
+		options: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["glyphMarginClick"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		const editorEl = ref(null);
+		let editor = null;
+		let editorModel = null;
+		/** 每个实例的唯一 schema URI，用于 fileMatch 精确匹配，避免全局污染 */
+		let schemaUri = "";
+		let snippetDisposable = null;
+		let glyphClickDisposable = null;
+		let debugDecoIds = [];
+		let suppressChange = false;
+		let unmounted = false;
+		function syncDebugDecorations() {
+			if (!editor || !props.glyphMargin) {
+				if (editor && debugDecoIds.length) debugDecoIds = editor.deltaDecorations(debugDecoIds, []);
+				return;
+			}
+			debugDecoIds = applyMonacoDebugDecorations(editor, monaco, debugDecoIds, {
+				currentLine: props.debugCurrentLine ?? 0,
+				breakpointLines: props.debugBreakpoints ?? []
+			});
+		}
+		function bindGlyphClick() {
+			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;
+				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 removeJsonSchema() {
+			if (!schemaUri) return;
+			const defaults = monaco.json.jsonDefaults;
+			const existing = defaults.diagnosticsOptions;
+			const schemas = (existing.schemas ?? []).filter((s) => s.uri !== schemaUri);
+			defaults.setDiagnosticsOptions({
+				...existing,
+				schemas
+			});
+		}
+		function disposeSnippets() {
+			snippetDisposable?.dispose();
+			snippetDisposable = null;
+		}
+		function completionKind(kind) {
+			switch (kind) {
+				case "keyword": return monaco.languages.CompletionItemKind.Keyword;
+				case "property": return monaco.languages.CompletionItemKind.Property;
+				case "field": return monaco.languages.CompletionItemKind.Field;
+				case "function": return monaco.languages.CompletionItemKind.Function;
+				case "value": return monaco.languages.CompletionItemKind.Value;
+				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 dynamic = props.completionRequest ? await props.completionRequest({
+						text: model.getValue(),
+						offset: model.getOffsetAt(position),
+						line: position.lineNumber,
+						column: position.column,
+						prefix,
+						triggerCharacter: context.triggerCharacter
+					}) : [];
+					if (token.isCancellationRequested) return { suggestions: [] };
+					return {
+						incomplete: true,
+						suggestions: [...props.snippets ?? [], ...dynamic].map((snippet) => ({
+							label: snippet.label,
+							kind: completionKind(snippet.kind),
+							insertText: snippet.insertText,
+							insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+							detail: snippet.detail,
+							documentation: snippet.documentation,
+							filterText: snippet.filterText ?? snippet.label,
+							sortText: snippet.sortText,
+							preselect: snippet.preselect,
+							range
+						}))
+					};
+				}
+			});
+		}
+		function disposeEditor() {
+			removeJsonSchema();
+			disposeSnippets();
+			glyphClickDisposable?.dispose();
+			glyphClickDisposable = null;
+			debugDecoIds = [];
+			editor?.dispose();
+			editorModel?.dispose();
+			editor = null;
+			editorModel = null;
+		}
+		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, {
+				model: editorModel,
+				theme: resolveTheme(),
+				readOnly: props.readonly,
+				automaticLayout: true,
+				minimap: { enabled: props.minimap },
+				scrollBeyondLastLine: false,
+				fontFamily: readCodeFontFamily(host),
+				fontSize,
+				lineHeight: Math.round(fontSize * lineHeightRatio),
+				tabSize: 2,
+				wordWrap: "on",
+				bracketPairColorization: { enabled: true },
+				padding: {
+					top: 8,
+					bottom: 8
+				},
+				renderLineHighlight: "line",
+				smoothScrolling: true,
+				cursorSmoothCaretAnimation: "on",
+				folding: true,
+				glyphMargin: props.glyphMargin,
+				lineNumbersMinChars: 3,
+				lineDecorationsWidth: props.glyphMargin ? 16 : 4,
+				overviewRulerLanes: 0,
+				hideCursorInOverviewRuler: true,
+				quickSuggestions: props.language === "mongodb-shell" ? {
+					other: true,
+					comments: false,
+					strings: true
+				} : true,
+				suggestOnTriggerCharacters: true,
+				wordBasedSuggestions: props.language === "mongodb-shell" || isManagedSqlDialect(props.language) ? "off" : "currentDocument",
+				suggest: {
+					snippetsPreventQuickSuggestions: false,
+					filterGraceful: !isManagedSqlDialect(props.language),
+					matchOnWordStartOnly: isManagedSqlDialect(props.language)
+				},
+				scrollbar: {
+					verticalScrollbarSize: 8,
+					horizontalScrollbarSize: 8
+				},
+				fixedOverflowWidgets: true,
+				...mergeEditorOptions(props.options)
+			});
+			editorModel.onDidChangeContent(() => {
+				if (suppressChange) return;
+				const value = editorModel?.getValue() ?? "";
+				if (value !== model.value) model.value = value;
+			});
+			applyJsonSchema();
+			applySnippets();
+			bindGlyphClick();
+			syncDebugDecorations();
+		}
+		let themeObserver = null;
+		onMounted(() => {
+			unmounted = false;
+			initEditor();
+			themeObserver = new MutationObserver(applyTheme);
+			themeObserver.observe(document.documentElement, {
+				attributes: true,
+				attributeFilter: ["data-rs-theme"]
+			});
+		});
+		onUnmounted(() => {
+			unmounted = true;
+			glyphClickDisposable?.dispose();
+			glyphClickDisposable = null;
+			debugDecoIds = [];
+			disposeEditor();
+			themeObserver?.disconnect();
+			themeObserver = null;
+		});
+		watch(() => model.value, (val) => {
+			if (!editorModel) return;
+			if (editorModel.getValue() === val) return;
+			suppressChange = true;
+			editorModel.setValue(val);
+			suppressChange = false;
+		});
+		watch(() => props.readonly, (val) => editor?.updateOptions({ readOnly: val }));
+		watch(() => props.minimap, (val) => editor?.updateOptions({ minimap: { enabled: val } }));
+		watch(() => props.glyphMargin, (val) => {
+			editor?.updateOptions({
+				glyphMargin: val,
+				lineDecorationsWidth: val ? 16 : 4
+			});
+			bindGlyphClick();
+			syncDebugDecorations();
+		});
+		watch(() => [props.debugCurrentLine, props.debugBreakpoints], () => {
+			syncDebugDecorations();
+		}, { deep: true });
+		watch(() => props.language, () => initEditor());
+		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());
+		__expose({
+			/** 格式化文档（等价于 Shift+Alt+F） */
+			format() {
+				editor?.getAction("editor.action.formatDocument")?.run().catch(() => void 0);
+			},
+			getEditor() {
+				return editor;
+			},
+			/** 将指定行滚入视口中央（调试当前行） */
+			revealLine(line) {
+				if (!editor || line <= 0) return;
+				editor.revealLineInCenter(line);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				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);
+		};
+	}
+});
+//#endregion
+export { RsMonacoEditor_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,9 @@
+import '../../../monaco/debug-decorations.css'
+import './RsMonacoEditor.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { RsMonacoEditor_default as default };

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

@@ -0,0 +1,3 @@
+export { default as RsPagination } from './src/RsPagination.js';
+export type { RsPaginationSize } from './src/RsPagination.js';
+export { clampPage, createPageSizeSelectOptions, DEFAULT_PAGE_SIZE_OPTIONS, getPageCount, getPaginationRange, slicePageData, } from './src/pagination-utils';

package/dist/components/pagination/src/RsPagination.css

@@ -0,0 +1,83 @@
+
+.rs-pagination[data-v-c0b819c0] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  color: var(--rs-muted);
+  font-size: var(--rs-font-size-sm);
+  /*
+   * 跳转输入 / 每页条数与页码按钮同档高度（随 size）。
+   * 高度走 token；仅用属性选择器对齐外壳，避免业务 :deep 改控件内部。
+   */
+  --rs-pagination-control-height: var(--rs-control-height-md);
+}
+.rs-pagination--sm[data-v-c0b819c0] {
+  --rs-pagination-control-height: var(--rs-control-height-sm);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-pagination--md[data-v-c0b819c0] {
+  --rs-pagination-control-height: var(--rs-control-height-md);
+}
+.rs-pagination--lg[data-v-c0b819c0] {
+  --rs-pagination-control-height: var(--rs-control-height-lg);
+  font-size: var(--rs-font-size-base);
+}
+.rs-pagination__summary[data-v-c0b819c0] {
+  flex-shrink: 0;
+  line-height: var(--rs-pagination-control-height);
+}
+.rs-pagination__buttons[data-v-c0b819c0] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+/* 当前页：仅主色文字高亮，无填充底（对齐部分 Ant / Element 轻量分页） */
+.rs-pagination__buttons[data-v-c0b819c0] .rs-pagination__page--active {
+  font-weight: var(--rs-font-weight-semibold);
+  background: transparent !important;
+  box-shadow: none;
+}
+.rs-pagination__buttons[data-v-c0b819c0] .rs-pagination__page--active:hover:not(:disabled),
+.rs-pagination__buttons[data-v-c0b819c0] .rs-pagination__page--active:active:not(:disabled) {
+  background: transparent !important;
+}
+.rs-pagination__ellipsis[data-v-c0b819c0] {
+  padding: 0 var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-pagination-control-height);
+}
+.rs-pagination__jumper[data-v-c0b819c0] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+}
+.rs-pagination__jumper-label[data-v-c0b819c0],
+.rs-pagination__jumper-suffix[data-v-c0b819c0] {
+  flex-shrink: 0;
+  color: var(--rs-muted);
+  font-size: inherit;
+  line-height: var(--rs-line-height-tight);
+}
+.rs-pagination__jumper-input[data-v-c0b819c0] {
+  width: 3rem;
+}
+.rs-pagination__jumper-input[data-v-c0b819c0] .rs-input-group {
+  width: 100%;
+  height: var(--rs-pagination-control-height);
+  min-height: var(--rs-pagination-control-height);
+  box-sizing: border-box;
+}
+.rs-pagination__jumper-btn[data-v-c0b819c0] {
+  flex-shrink: 0;
+}
+.rs-pagination__size[data-v-c0b819c0] {
+  width: 7.25rem;
+  min-width: 7.25rem;
+}
+.rs-pagination__size[data-v-c0b819c0] .rs-select__trigger {
+  width: 100%;
+  height: var(--rs-pagination-control-height);
+  min-height: var(--rs-pagination-control-height);
+  box-sizing: border-box;
+}

package/dist/components/pagination/src/RsPagination.d.ts

@@ -0,0 +1,44 @@
+import type { RsComponentSize } from '../../../theme/types';
+/**
+ * 分页尺寸（对齐 Ant Design Pagination：small / medium / large）。
+ * 不提供 ssm：页码按钮过小不利于点击。
+ */
+export type RsPaginationSize = Extract<RsComponentSize, 'sm' | 'md' | 'lg'>;
+type __VLS_Props = {
+    total: number;
+    siblingCount?: number;
+    showSummary?: boolean;
+    showPageSize?: boolean;
+    showQuickJumper?: boolean;
+    /**
+     * 是否显示跳转「确定」按钮。
+     * 默认 false：回车 / 失焦跳转（对齐 Ant Design showQuickJumper 默认无 goButton）。
+     */
+    showJumpConfirm?: boolean;
+    pageSizeOptions?: readonly number[];
+    disabled?: boolean;
+    size?: RsPaginationSize;
+};
+type __VLS_ModelProps = {
+    'page'?: number;
+    'pageSize'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+}>, {
+    size: RsPaginationSize;
+    disabled: boolean;
+    showSummary: boolean;
+    siblingCount: number;
+    showPageSize: boolean;
+    showQuickJumper: boolean;
+    showJumpConfirm: boolean;
+    pageSizeOptions: readonly number[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;