niuma-ui 1.3.9 → 2.0.0

package/dist/components/RsCodeEditor.impl.js

@@ -1,319 +0,0 @@
-import { codeEditorLanguageLabel, readDocumentTheme, resolveCodeEditorLanguage, resolveCodeEditorSize, resolveCodeEditorTheme } from "./code-editor-utils.js";
-import { isCodeMirrorLightTheme, resolveCodeMirrorLanguage } from "./code-mirror-lang.js";
-import { diagnosticExtensions, setEditorDiagnostics } from "./code-mirror-diagnostics.js";
-import { codeMirrorIntelExtensions, goToPosition } from "./code-mirror-intel.js";
-import { clearGhostCompletion, codeMirrorGhostExtensions } from "./code-mirror-ghost.js";
-import { codeMirrorCompletionExtensions } from "./code-mirror-completion.js";
-import { codeMirrorInlineEditExtension, extractSurroundingContext, replaceEditorRange } from "./code-mirror-inline-edit.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, useModel, vModelText, watch, withDirectives, withKeys, withModifiers } from "vue";
-import { basicSetup } from "codemirror";
-import { Compartment, EditorState } from "@codemirror/state";
-import { EditorView, placeholder, tooltips } from "@codemirror/view";
-import { oneDark } from "@codemirror/theme-one-dark";
-//#region src/components/RsCodeEditor.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "rs-code-editor__toolbar"
-};
-var _hoisted_2 = { class: "rs-code-editor__body" };
-var _hoisted_3 = {
-	key: 0,
-	class: "rs-code-editor__inline-edit"
-};
-var _hoisted_4 = { class: "rs-code-editor__inline-preview" };
-var _hoisted_5 = ["disabled", "onKeydown"];
-var _hoisted_6 = {
-	key: 0,
-	class: "rs-code-editor__inline-error"
-};
-var _hoisted_7 = { class: "rs-code-editor__inline-actions" };
-var _hoisted_8 = ["disabled"];
-var _hoisted_9 = ["disabled"];
-var _hoisted_10 = {
-	key: 1,
-	class: "rs-code-editor__diagnostics"
-};
-var _hoisted_11 = { key: 0 };
-var RsCodeEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsCodeEditor",
-	props: /*@__PURE__*/ mergeModels({
-		language: { default: "plaintext" },
-		theme: { default: "auto" },
-		height: {},
-		readonly: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		showToolbar: {
-			type: Boolean,
-			default: true
-		},
-		embedded: {
-			type: Boolean,
-			default: false
-		},
-		rounded: {
-			type: Boolean,
-			default: true
-		},
-		gutterWidth: {},
-		foldGutter: {
-			type: Boolean,
-			default: true
-		},
-		diagnostics: { default: () => [] },
-		placeholder: {},
-		sqlConfig: {},
-		filePath: {},
-		hoverRequest: {},
-		definitionRequest: {},
-		completionRequest: {},
-		inlineEditRequest: {}
-	}, {
-		"modelValue": { default: "" },
-		"modelModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["goto-definition", "ready"], ["update:modelValue"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const model = useModel(__props, "modelValue");
-		const emit = __emit;
-		const props = __props;
-		const rootStyle = computed(() => {
-			const style = { height: resolveCodeEditorSize(props.height) };
-			if (props.gutterWidth != null && props.gutterWidth > 0) style["--rs-code-editor-gutter-width"] = `${props.gutterWidth}px`;
-			return style;
-		});
-		const resolvedLanguage = computed(() => resolveCodeEditorLanguage(props.language));
-		const resolvedLanguageLabel = computed(() => codeEditorLanguageLabel(props.language));
-		const documentTheme = ref(readDocumentTheme());
-		const resolvedTheme = computed(() => props.theme === "auto" ? documentTheme.value : resolveCodeEditorTheme(props.theme));
-		const editorEl = ref(null);
-		const view = shallowRef(null);
-		const editableCompartment = new Compartment();
-		const themeCompartment = new Compartment();
-		let themeObserver = null;
-		let unmounted = false;
-		let syncingFromModel = false;
-		let ghostTimer = null;
-		let initSeq = 0;
-		const inlineEditOpen = ref(false);
-		const inlineEditInstruction = ref("");
-		const inlineEditLoading = ref(false);
-		const inlineEditPreview = ref("");
-		const inlineEditError = ref("");
-		const inlineEditInputRef = ref(null);
-		let pendingInlineEdit = null;
-		function closeInlineEdit() {
-			inlineEditOpen.value = false;
-			inlineEditInstruction.value = "";
-			inlineEditPreview.value = "";
-			inlineEditError.value = "";
-			pendingInlineEdit = null;
-		}
-		function onInlineEditTrigger(_view, info) {
-			if (!props.inlineEditRequest || props.readonly || props.disabled) return;
-			if (view.value) clearGhostCompletion(view.value);
-			pendingInlineEdit = info;
-			inlineEditPreview.value = info.selection.length > 120 ? `${info.selection.slice(0, 120)}…` : info.selection;
-			inlineEditOpen.value = true;
-			inlineEditInstruction.value = "";
-			inlineEditError.value = "";
-			nextTick(() => inlineEditInputRef.value?.focus());
-		}
-		async function submitInlineEdit() {
-			const range = pendingInlineEdit;
-			const instruction = inlineEditInstruction.value.trim();
-			if (!range || !instruction || !props.inlineEditRequest || !view.value || inlineEditLoading.value) return;
-			inlineEditLoading.value = true;
-			inlineEditError.value = "";
-			try {
-				const doc = view.value.state.doc.toString();
-				const edited = await props.inlineEditRequest({
-					selection: range.selection,
-					instruction,
-					from: range.from,
-					to: range.to,
-					surroundingContext: extractSurroundingContext(doc, range.from, range.to)
-				});
-				if (edited == null) {
-					inlineEditError.value = "未能生成替换代码，请调整指令后重试";
-					return;
-				}
-				replaceEditorRange(view.value, range.from, range.to, edited);
-				closeInlineEdit();
-			} finally {
-				inlineEditLoading.value = false;
-			}
-		}
-		function scheduleGhostCompletion(fn) {
-			if (ghostTimer) clearTimeout(ghostTimer);
-			ghostTimer = setTimeout(fn, 900);
-		}
-		function cancelGhostCompletionSchedule() {
-			if (ghostTimer) {
-				clearTimeout(ghostTimer);
-				ghostTimer = null;
-			}
-		}
-		function codeMirrorThemeExts() {
-			return isCodeMirrorLightTheme() ? [] : [oneDark];
-		}
-		function applyDocumentTheme() {
-			documentTheme.value = readDocumentTheme();
-			if (!view.value) return;
-			view.value.dispatch({ effects: themeCompartment.reconfigure(codeMirrorThemeExts()) });
-			view.value.requestMeasure();
-		}
-		async function initEditor() {
-			if (!editorEl.value || unmounted) return;
-			const seq = ++initSeq;
-			const targetEl = editorEl.value;
-			view.value?.destroy();
-			view.value = null;
-			const langExts = await resolveCodeMirrorLanguage(resolvedLanguage.value, { sql: props.sqlConfig });
-			if (unmounted || !targetEl.isConnected || seq !== initSeq) return;
-			const editable = !props.readonly && !props.disabled;
-			const state = EditorState.create({
-				doc: model.value,
-				extensions: [
-					basicSetup,
-					...props.embedded ? [tooltips({ parent: document.body })] : [],
-					EditorView.lineWrapping,
-					editableCompartment.of(EditorView.editable.of(editable)),
-					...props.placeholder ? [placeholder(props.placeholder)] : [],
-					...langExts,
-					diagnosticExtensions(),
-					...codeMirrorIntelExtensions(() => ({
-						hoverRequest: props.hoverRequest,
-						definitionRequest: props.definitionRequest,
-						currentFilePath: props.filePath,
-						onGotoDefinition: (loc) => emit("goto-definition", loc)
-					})),
-					...codeMirrorCompletionExtensions(() => ({ completionRequest: props.completionRequest })),
-					...codeMirrorGhostExtensions(() => ({ completionRequest: props.completionRequest }), scheduleGhostCompletion, cancelGhostCompletionSchedule),
-					...props.inlineEditRequest ? [codeMirrorInlineEditExtension(onInlineEditTrigger)] : [],
-					themeCompartment.of(codeMirrorThemeExts()),
-					EditorView.updateListener.of((update) => {
-						if (!update.docChanged || syncingFromModel) return;
-						const next = update.state.doc.toString();
-						if (next !== model.value) model.value = next;
-					})
-				]
-			});
-			view.value = new EditorView({
-				state,
-				parent: targetEl
-			});
-			setEditorDiagnostics(view.value, props.diagnostics ?? []);
-			emit("ready");
-		}
-		onMounted(() => {
-			unmounted = false;
-			initEditor();
-			themeObserver = new MutationObserver(() => {
-				applyDocumentTheme();
-			});
-			themeObserver.observe(document.documentElement, {
-				attributes: true,
-				attributeFilter: ["data-rs-theme"]
-			});
-		});
-		onUnmounted(() => {
-			unmounted = true;
-			if (ghostTimer) clearTimeout(ghostTimer);
-			view.value?.destroy();
-			view.value = null;
-			themeObserver?.disconnect();
-			themeObserver = null;
-		});
-		watch(() => props.language, () => {
-			initEditor();
-		});
-		watch(() => props.inlineEditRequest, () => {
-			initEditor();
-		});
-		watch(() => props.sqlConfig, () => {
-			if (resolvedLanguage.value === "sql") initEditor();
-		}, { deep: true });
-		watch(() => model.value, (newCode) => {
-			if (!view.value) return;
-			if (view.value.state.doc.toString() === newCode) return;
-			syncingFromModel = true;
-			if (view.value) clearGhostCompletion(view.value);
-			view.value.dispatch({ changes: {
-				from: 0,
-				to: view.value.state.doc.length,
-				insert: newCode
-			} });
-			syncingFromModel = false;
-		});
-		watch(() => [props.readonly, props.disabled], ([readonly, disabled]) => {
-			if (!view.value) return;
-			const editable = !readonly && !disabled;
-			view.value.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(editable)) });
-		});
-		watch(() => props.diagnostics, (diags) => {
-			if (!view.value) return;
-			setEditorDiagnostics(view.value, diags ?? []);
-		}, { deep: true });
-		__expose({ goToPosition(line, column = 1) {
-			if (!view.value) return;
-			goToPosition(view.value, line, column);
-		} });
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(["rs-code-editor", [`rs-code-editor--${resolvedTheme.value}`, {
-					"rs-code-editor--embedded": __props.embedded,
-					"rs-code-editor--square": !__props.rounded || __props.embedded,
-					"rs-code-editor--no-fold": !__props.foldGutter,
-					"rs-code-editor--gutter-fixed": __props.gutterWidth != null && __props.gutterWidth > 0
-				}]]),
-				style: normalizeStyle(rootStyle.value)
-			}, [
-				__props.showToolbar ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("span", null, toDisplayString(resolvedLanguageLabel.value), 1), renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)])) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2, [createElementVNode("div", {
-					ref_key: "editorEl",
-					ref: editorEl,
-					class: normalizeClass(["rs-code-editor__surface", { "rs-code-editor__surface--disabled": __props.disabled }])
-				}, null, 2), inlineEditOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-					_cache[1] || (_cache[1] = createElementVNode("div", { class: "rs-code-editor__inline-edit-head" }, [createElementVNode("span", null, "Inline Edit"), createElementVNode("kbd", null, "Ctrl+K")], -1)),
-					createElementVNode("p", _hoisted_4, toDisplayString(inlineEditPreview.value), 1),
-					withDirectives(createElementVNode("input", {
-						ref_key: "inlineEditInputRef",
-						ref: inlineEditInputRef,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineEditInstruction.value = $event),
-						class: "rs-code-editor__inline-input",
-						type: "text",
-						placeholder: "描述要如何修改选区…",
-						disabled: inlineEditLoading.value,
-						onKeydown: [withKeys(withModifiers(submitInlineEdit, ["prevent"]), ["enter"]), withKeys(withModifiers(closeInlineEdit, ["prevent"]), ["esc"])]
-					}, null, 40, _hoisted_5), [[vModelText, inlineEditInstruction.value]]),
-					inlineEditError.value ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(inlineEditError.value), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_7, [createElementVNode("button", {
-						type: "button",
-						class: "rs-code-editor__inline-btn",
-						disabled: inlineEditLoading.value,
-						onClick: closeInlineEdit
-					}, " 取消 ", 8, _hoisted_8), createElementVNode("button", {
-						type: "button",
-						class: "rs-code-editor__inline-btn rs-code-editor__inline-btn--primary",
-						disabled: inlineEditLoading.value || !inlineEditInstruction.value.trim(),
-						onClick: submitInlineEdit
-					}, toDisplayString(inlineEditLoading.value ? "生成中…" : "应用"), 9, _hoisted_9)])
-				])) : createCommentVNode("", true)]),
-				__props.diagnostics.length ? (openBlock(), createElementBlock("ul", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.diagnostics, (diagnostic, index) => {
-					return openBlock(), createElementBlock("li", {
-						key: index,
-						class: normalizeClass(`rs-code-editor__diagnostic--${diagnostic.severity ?? "error"}`)
-					}, [diagnostic.line ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(diagnostic.line) + ":" + toDisplayString(diagnostic.column ?? 1), 1)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(diagnostic.message), 1)], 2);
-				}), 128))])) : createCommentVNode("", true)
-			], 6);
-		};
-	}
-});
-//#endregion
-export { RsCodeEditor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsCodeEditor.js

@@ -1,8 +0,0 @@
-import './RsCodeEditor.css'
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import RsCodeEditor_vue_vue_type_script_setup_true_lang_default from "./RsCodeEditor.impl.js";
-
-//#region src/components/RsCodeEditor.vue
-var RsCodeEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsCodeEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-edadd50f"]]);
-//#endregion
-export { RsCodeEditor_default as default };

package/dist/components/RsConfigProvider.css

@@ -1,7 +0,0 @@
-
-.rs-config-provider[data-v-3ba2420a] {
-  color: var(--rs-text);
-  background: var(--rs-bg);
-  height: 100%;
-  min-height: 0;
-}

package/dist/components/RsConfigProvider.d.ts

@@ -1,36 +0,0 @@
-import { type RsLocale } from '../locale/types';
-import type { RsComponentSize, RsRadius, RsThemeMode } from '../theme/types';
-type __VLS_Props = {
-    theme?: RsThemeMode;
-    locale?: RsLocale;
-    /** 全局默认控件尺寸：ssm 极小 / sm 小号 / md 中号 / lg 大号 */
-    controlSize?: RsComponentSize;
-    /**
-     * 全局默认圆角：none 直角 / xs~lg / full。
-     * 未传时各组件保留自身默认；传入后覆盖未显式指定 radius 的控件。
-     */
-    controlRadius?: RsRadius;
-    /**
-     * global：data-rs-theme 写到 document（默认，Portal 弹出层同步）
-     * local：写到 Provider 根节点（子树隔离，业务 CSS 可 scoped 到 .rs-app-*）
-     */
-    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<{}>, {
-    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/RsConfigProvider.impl.js

@@ -1,49 +0,0 @@
-import { defaultLocale } from "../locale/types.js";
-import { createRsConfigState, provideRsConfig } from "../composables/useRsConfig.js";
-import { applyTheme } from "../theme/apply.js";
-import { createElementBlock, defineComponent, openBlock, ref, renderSlot, watch } from "vue";
-//#region src/components/RsConfigProvider.vue?vue&type=script&setup=true&lang.ts
-var RsConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsConfigProvider",
-	props: {
-		theme: { default: "light" },
-		locale: { default: defaultLocale },
-		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);
-		provideRsConfig(config);
-		function syncTheme() {
-			if (typeof document === "undefined") return;
-			const el = props.themeScope === "local" && rootEl.value ? rootEl.value : document.documentElement;
-			applyTheme(config.theme.value, el);
-		}
-		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.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, syncTheme, { immediate: true });
-		watch(() => props.themeScope, syncTheme);
-		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/RsConfigProvider.js

@@ -1,8 +0,0 @@
-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/RsConfigProvider.vue
-var RsConfigProvider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfigProvider_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3ba2420a"]]);
-//#endregion
-export { RsConfigProvider_default as default };

package/dist/components/RsConfirmDialog.d.ts

@@ -1,72 +0,0 @@
-import { type Component } from 'vue';
-import { type RsConfirmBeforeClose, type RsConfirmCloseReason, type RsDialogWidth } from './dialog-utils';
-import type { RsFeedbackTone } from './overlay-utils';
-type __VLS_Props = {
-    title?: string;
-    /** 次要说明，显示在标题与正文之间 */
-    subtitle?: string;
-    description?: string;
-    tone?: RsFeedbackTone;
-    /** 自定义图标组件；不传则使用默认 "!" */
-    icon?: Component;
-    /** 宽度：预设或自定义；不传保持历史默认 max-width: 28rem */
-    width?: RsDialogWidth;
-    confirmText?: string;
-    cancelText?: string;
-    confirmVariant?: 'primary' | 'danger';
-    /** 是否显示取消按钮；false 时为单按钮提示 */
-    showCancel?: boolean;
-    /** 确认中：禁用按钮并阻止 Esc 关闭 */
-    confirmLoading?: boolean;
-    /**
-     * 点击确认后是否自动关闭。默认 true。
-     * 命令式异步 onConfirm 场景可设为 false，由调用方在结束后关闭。
-     */
-    autoCloseOnConfirm?: boolean;
-    /** 关闭前钩子；返回 false 可阻止关闭（支持 async） */
-    beforeClose?: RsConfirmBeforeClose;
-    showOverlay?: boolean;
-    /** 遮罩不透明度 0–1；覆盖主题默认（最浅） */
-    overlayOpacity?: number;
-    /** 遮罩模糊；number 为 px。默认主题为 0 */
-    overlayBlur?: number | string;
-    /** AlertDialogPortal 挂载目标；false 禁用 Teleport */
-    teleportTo?: string | HTMLElement | false;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_29: {}, __VLS_60: {};
-type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_29) => any;
-} & {
-    extra?: (props: typeof __VLS_60) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** 请求关闭（走 beforeClose） */
-    close: (reason?: RsConfirmCloseReason) => Promise<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: () => any;
-    "update:open": (value: boolean) => any;
-    confirm: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onConfirm?: (() => any) | undefined;
-}>, {
-    tone: RsFeedbackTone;
-    showOverlay: boolean;
-    showCancel: boolean;
-    confirmLoading: boolean;
-    confirmVariant: "primary" | "danger";
-    autoCloseOnConfirm: boolean;
-}, {}, {}, {}, 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;
-    };
-};