niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsCodeEditor.impl.js

@@ -0,0 +1,308 @@
+import { codeEditorLanguageLabel, 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 resolvedTheme = computed(() => resolveCodeEditorTheme(props.theme));
+		const editorEl = ref(null);
+		const view = shallowRef(null);
+		const editableCompartment = 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;
+			}
+		}
+		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)] : [],
+					...isCodeMirrorLightTheme() ? [] : [oneDark],
+					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(() => {
+				initEditor();
+			});
+			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

@@ -0,0 +1,8 @@
+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-29cd1019"]]);
+//#endregion
+export { RsCodeEditor_default as default };

package/dist/components/RsConfigProvider.css

@@ -0,0 +1,7 @@
+
+.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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1,8 @@
+import './RsConfigProvider.css'
+import RsConfigProvider_vue_vue_type_script_setup_true_lang_default from "./RsConfigProvider.impl.js";
+
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+//#region src/components/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.css

@@ -0,0 +1,118 @@
+
+.rs-confirm-dialog__overlay {
+  position: fixed;
+  inset: 0;
+  z-index: var(--rs-z-modal);
+  background: var(--rs-dialog-overlay-bg);
+  backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
+  -webkit-backdrop-filter: blur(var(--rs-dialog-overlay-blur)) saturate(120%);
+}
+.rs-confirm-dialog__content {
+  position: fixed;
+  left: 50%;
+  top: calc(
+    var(--rs-dialog-inset-top, 1rem) +
+      (100vh - var(--rs-dialog-inset-top, 1rem) - var(--rs-dialog-inset-bottom, 1rem)) / 2
+  );
+  z-index: calc(var(--rs-z-modal) + 1);
+  display: flex;
+  gap: var(--rs-space-lg);
+  width: calc(100vw - 2 * var(--rs-dialog-inset-x, 1rem));
+  max-width: 28rem;
+  transform: translate(-50%, -50%);
+  box-sizing: border-box;
+  padding: var(--rs-space-xl);
+  border: 1px solid var(--rs-dialog-border);
+  border-radius: var(--rs-radius-lg);
+  background: var(--rs-dialog-body-bg);
+  color: var(--rs-dialog-title-fg);
+  box-shadow: var(--rs-dialog-shadow);
+  outline: none;
+}
+.rs-confirm-dialog__content--sm {
+  max-width: 24rem;
+}
+.rs-confirm-dialog__content--md {
+  max-width: 32rem;
+}
+.rs-confirm-dialog__content--lg {
+  max-width: 42rem;
+}
+[data-rs-theme='light'] .rs-confirm-dialog__content {
+  background: color-mix(in srgb, var(--rs-dialog-bg) 94%, transparent);
+  backdrop-filter: blur(24px) saturate(180%);
+  -webkit-backdrop-filter: blur(24px) saturate(180%);
+}
+.rs-confirm-dialog__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  flex: 0 0 auto;
+  border-radius: var(--rs-radius);
+  font-weight: var(--rs-font-weight-bold);
+}
+.rs-confirm-dialog__icon-glyph {
+  width: 1.25rem;
+  height: 1.25rem;
+  display: block;
+}
+.rs-confirm-dialog__icon--danger {
+  background: var(--rs-danger-container);
+  color: var(--rs-on-danger-container);
+}
+.rs-confirm-dialog__icon--warning {
+  background: var(--rs-warning-container);
+  color: var(--rs-on-warning-container);
+}
+.rs-confirm-dialog__icon--success {
+  background: var(--rs-success-container);
+  color: var(--rs-on-success-container);
+}
+.rs-confirm-dialog__icon--info,
+.rs-confirm-dialog__icon--default {
+  background: var(--rs-info-container);
+  color: var(--rs-on-info-container);
+}
+.rs-confirm-dialog__main {
+  min-width: 0;
+  flex: 1;
+}
+.rs-confirm-dialog__title {
+  margin: 0;
+  font-size: var(--rs-font-size-base);
+  font-weight: var(--rs-font-weight-semibold);
+  letter-spacing: -0.01em;
+  color: var(--rs-dialog-title-fg);
+}
+.rs-confirm-dialog__subtitle {
+  margin: var(--rs-space-xs) 0 0;
+  color: var(--rs-dialog-description-fg);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+  opacity: 0.85;
+}
+.rs-confirm-dialog__description {
+  margin: var(--rs-space-sm) 0 0;
+  color: var(--rs-dialog-description-fg);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.rs-confirm-dialog__extra {
+  margin-top: var(--rs-space-md);
+  min-width: 0;
+}
+.rs-confirm-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: var(--rs-space-sm);
+  box-sizing: border-box;
+  min-height: var(--rs-dialog-footer-min-height);
+  margin-top: var(--rs-space-xl);
+  padding-top: var(--rs-dialog-footer-padding-y);
+  border-top: 1px solid color-mix(in srgb, var(--rs-dialog-separator) 72%, transparent);
+}

package/dist/components/RsConfirmDialog.d.ts

@@ -0,0 +1,72 @@
+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;
+    };
+};