niuma-ui 1.3.9 → 2.0.0

package/dist/components/dialog/src/RsDialog.impl.js

@@ -0,0 +1,414 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsButton_default from "../../button/src/RsButton.js";
+import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
+import { dialogViewportSize } from "./dialog-viewport.js";
+import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsDialogBeforeClose } from "./dialog-utils.js";
+import { useRsDialogWindow } from "./dialog-window.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
+//#region src/components/dialog/src/RsDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["onPointerdown"];
+var _hoisted_2 = { class: "rs-dialog__heading" };
+var _hoisted_3 = { class: "rs-dialog__actions" };
+var _hoisted_4 = ["aria-busy"];
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-dialog__body-placeholder"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "rs-dialog__footer"
+};
+var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "RsDialog",
+	props: /*@__PURE__*/ mergeModels({
+		title: { default: "" },
+		description: {},
+		width: { default: "md" },
+		height: {},
+		tone: { default: "default" },
+		layout: { default: "window" },
+		draggable: {
+			type: Boolean,
+			default: false
+		},
+		resizable: {
+			type: Boolean,
+			default: true
+		},
+		fullscreenable: {
+			type: Boolean,
+			default: true
+		},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		showOverlay: {
+			type: Boolean,
+			default: false
+		},
+		overlayOpacity: {},
+		overlayBlur: {},
+		showClose: {
+			type: Boolean,
+			default: true
+		},
+		closeOnOverlayClick: {
+			type: Boolean,
+			default: false
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		teleportTo: { type: [String, Boolean] },
+		deferBodyMount: { type: Boolean },
+		boundsTransition: {
+			type: Boolean,
+			default: false
+		},
+		beforeClose: {},
+		showFooter: {
+			type: Boolean,
+			default: false
+		},
+		showCancel: {
+			type: Boolean,
+			default: true
+		},
+		showConfirm: {
+			type: Boolean,
+			default: true
+		},
+		cancelText: {},
+		confirmText: {},
+		confirmLoading: {
+			type: Boolean,
+			default: false
+		},
+		confirmVariant: { default: "primary" },
+		autoCloseOnConfirm: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"openChange",
+		"afterOpen",
+		"afterClose",
+		"confirm",
+		"cancel"
+	], ["update:open"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const open = useModel(__props, "open");
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const isCompactLayout = computed(() => props.layout === "form" || props.layout === "confirm");
+		const isWindowLayout = computed(() => !isCompactLayout.value);
+		const enableDraggable = computed(() => props.draggable && isWindowLayout.value);
+		const enableResizable = computed(() => props.resizable && isWindowLayout.value);
+		const deferBodyMount = computed(() => props.deferBodyMount ?? isWindowLayout.value);
+		const overlayStyle = computed(() => resolveDialogOverlayStyle({
+			overlayOpacity: props.overlayOpacity,
+			overlayBlur: props.overlayBlur
+		}));
+		const widthPreset = computed(() => isRsDialogWidthPreset(props.width) ? props.width : "md");
+		const initialWidthPx = computed(() => resolveRsDialogWidthPx(props.width));
+		const initialHeightPx = computed(() => props.height == null || props.height === "" ? void 0 : resolveRsDialogWidthPx(props.height, dialogViewportSize().height));
+		const customCssWidth = computed(() => resolveRsDialogCssWidth(props.width));
+		const bodyReady = ref(false);
+		const closing = ref(false);
+		let pendingCloseReason = "programmatic";
+		let bodyMountFrameOuter = 0;
+		let bodyMountFrameInner = 0;
+		let afterOpenTimer = 0;
+		function resetBodyMount() {
+			if (bodyMountFrameOuter) {
+				cancelAnimationFrame(bodyMountFrameOuter);
+				bodyMountFrameOuter = 0;
+			}
+			if (bodyMountFrameInner) {
+				cancelAnimationFrame(bodyMountFrameInner);
+				bodyMountFrameInner = 0;
+			}
+			bodyReady.value = false;
+		}
+		function scheduleBodyMount() {
+			resetBodyMount();
+			bodyMountFrameOuter = requestAnimationFrame(() => {
+				bodyMountFrameOuter = 0;
+				bodyMountFrameInner = requestAnimationFrame(() => {
+					bodyMountFrameInner = 0;
+					if (open.value) bodyReady.value = true;
+				});
+			});
+		}
+		watch([open, deferBodyMount], ([isOpen, defer]) => {
+			if (!isOpen || !defer) {
+				resetBodyMount();
+				if (isOpen) bodyReady.value = true;
+				return;
+			}
+			scheduleBodyMount();
+		}, { immediate: true });
+		function clearAfterOpenTimer() {
+			if (!afterOpenTimer) return;
+			window.clearTimeout(afterOpenTimer);
+			afterOpenTimer = 0;
+		}
+		function queueAfterOpen() {
+			clearAfterOpenTimer();
+			afterOpenTimer = window.setTimeout(() => {
+				afterOpenTimer = 0;
+				if (open.value) emit("afterOpen");
+			}, 230);
+		}
+		watch(open, (isOpen, wasOpen) => {
+			if (isOpen && !wasOpen) {
+				emit("openChange", true);
+				queueAfterOpen();
+				return;
+			}
+			if (!isOpen && wasOpen) {
+				emit("openChange", false);
+				if (!closing.value) emit("afterClose", "programmatic");
+			}
+		});
+		onMounted(() => {});
+		onBeforeUnmount(() => {
+			resetBodyMount();
+			clearAfterOpenTimer();
+		});
+		const showBodyContent = computed(() => !deferBodyMount.value || bodyReady.value);
+		const showBuiltinFooter = computed(() => props.showFooter && !slots.footer && (props.showCancel || props.showConfirm));
+		const resolvedTitle = computed(() => {
+			return props.title?.trim() || " ";
+		});
+		const contentClass = computed(() => {
+			const presetClass = isRsDialogWidthPreset(props.width) ? `rs-dialog__content--${props.width}` : "rs-dialog__content--custom-width";
+			return [
+				isCompactLayout.value ? "rs-dialog__content--form" : "rs-dialog__content--window",
+				props.layout === "confirm" ? "rs-dialog__content--confirm" : void 0,
+				presetClass,
+				`rs-dialog__content--tone-${props.tone}`,
+				{
+					"rs-dialog__content--fullscreen": isFullscreen.value,
+					"rs-dialog__content--draggable": enableDraggable.value,
+					"rs-dialog__content--bounds-transition": boundsTransitionEnabled.value
+				}
+			];
+		});
+		const contentStyle = computed(() => {
+			const base = isWindowLayout.value ? dialogStyle.value : void 0;
+			if (isWindowLayout.value) return base;
+			const cssW = customCssWidth.value;
+			if (!cssW) return base;
+			return {
+				...base ?? {},
+				maxWidth: cssW
+			};
+		});
+		async function requestClose(reason) {
+			if (!open.value || closing.value) return false;
+			closing.value = true;
+			pendingCloseReason = reason;
+			try {
+				if (!await runRsDialogBeforeClose(props.beforeClose, reason)) return false;
+				open.value = false;
+				await nextTick();
+				emit("afterClose", reason);
+				return true;
+			} finally {
+				closing.value = false;
+			}
+		}
+		/** DialogRoot 受控更新：打开直通；关闭统一走 beforeClose */
+		async function onUpdateOpen(next) {
+			if (next) {
+				open.value = true;
+				return;
+			}
+			await requestClose(pendingCloseReason);
+			pendingCloseReason = "programmatic";
+		}
+		function onEscapeKeyDown(event) {
+			if (!props.closeOnEsc || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "escape";
+		}
+		/** 是否因外部交互关闭：与 modal 无关；非模态仍允许背后操作，仅控制是否 dismiss。 */
+		function onPointerDownOutside(event) {
+			if (!props.closeOnOverlayClick || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "overlay";
+		}
+		function onInteractOutside(event) {
+			if (!props.closeOnOverlayClick || props.confirmLoading) {
+				event.preventDefault();
+				return;
+			}
+			pendingCloseReason = "overlay";
+		}
+		async function onHeaderCloseClick() {
+			await requestClose("close");
+		}
+		async function onBuiltinCancel() {
+			emit("cancel");
+			await requestClose("cancel");
+		}
+		async function onBuiltinConfirm() {
+			emit("confirm");
+			if (props.autoCloseOnConfirm) await requestClose("confirm");
+		}
+		const { isFullscreen, boundsTransitionEnabled, dialogStyle, resizeHandles, setPanelEl, toggleFullscreen, onHeaderPointerDown, onResizePointerDown } = useRsDialogWindow({
+			open,
+			widthPreset,
+			initialWidth: initialWidthPx,
+			initialHeight: initialHeightPx,
+			draggable: enableDraggable,
+			resizable: enableResizable,
+			compact: isCompactLayout,
+			boundsTransition: toRef(props, "boundsTransition")
+		});
+		/**
+		* 全屏时跳出业务挂载点，挂到默认 portal（通常 body），
+		* 还原后仍回到 props.teleportTo，以保留页签内浮层的生命周期绑定。
+		*/
+		const resolvedTeleportTo = computed(() => {
+			if (isFullscreen.value && props.teleportTo !== false) return;
+			return props.teleportTo;
+		});
+		const contentRef = ref(null);
+		watch(contentRef, (inst) => {
+			if (!inst) {
+				setPanelEl(null);
+				return;
+			}
+			const el = inst instanceof HTMLElement ? inst : inst.$el ?? null;
+			setPanelEl(el instanceof HTMLElement ? el : null);
+		}, { flush: "post" });
+		__expose({
+			/** 请求关闭（走 beforeClose） */
+			close: (reason = "programmatic") => requestClose(reason),
+			/** 打开对话框 */
+			openDialog: () => {
+				open.value = true;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: open.value,
+				modal: __props.modal,
+				"onUpdate:open": onUpdateOpen
+			}, {
+				default: withCtx(() => [createVNode(unref(DialogPortal), {
+					disabled: resolvedTeleportTo.value === false,
+					to: resolvedTeleportTo.value === false ? void 0 : resolvedTeleportTo.value
+				}, {
+					default: withCtx(() => [__props.showOverlay ? (openBlock(), createBlock(unref(DialogOverlay), {
+						key: 0,
+						class: "rs-dialog__overlay rs-motion-reduce",
+						style: normalizeStyle(overlayStyle.value)
+					}, null, 8, ["style"])) : createCommentVNode("", true), createVNode(unref(DialogContent), mergeProps({
+						ref_key: "contentRef",
+						ref: contentRef
+					}, unref(attrs), {
+						class: ["rs-dialog__content rs-motion-reduce", contentClass.value],
+						style: contentStyle.value,
+						onPointerDownOutside,
+						onInteractOutside,
+						onEscapeKeyDown
+					}), {
+						default: withCtx(() => [
+							enableResizable.value && !unref(isFullscreen) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(resizeHandles), (handle) => {
+								return openBlock(), createElementBlock("div", {
+									key: handle,
+									class: normalizeClass(["rs-dialog__resize-handle", `rs-dialog__resize-handle--${handle}`]),
+									"aria-hidden": true,
+									onPointerdown: withModifiers(($event) => unref(onResizePointerDown)(handle, $event), ["stop"])
+								}, null, 42, _hoisted_1);
+							}), 128)) : createCommentVNode("", true),
+							createElementVNode("header", {
+								class: "rs-dialog__header",
+								onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onHeaderPointerDown) && unref(onHeaderPointerDown)(...args))
+							}, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", _hoisted_2, [createVNode(unref(DialogTitle), { class: "rs-dialog__title" }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])]),
+								_: 3
+							}), createVNode(unref(DialogDescription), { class: normalizeClass(["rs-dialog__description", { "rs-dialog__description--sr-only": !__props.description && !_ctx.$slots.description }]) }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description || resolvedTitle.value), 1)])]),
+								_: 3
+							}, 8, ["class"])])]), createElementVNode("div", _hoisted_3, [__props.fullscreenable && isWindowLayout.value ? (openBlock(), createBlock(RsButton_default, {
+								key: 0,
+								variant: "ghost",
+								size: "sm",
+								"icon-only": "",
+								icon: unref(isFullscreen) ? "minimize-2" : "maximize-2",
+								tooltip: unref(isFullscreen) ? unref(t)("dialog.restore") : unref(t)("dialog.fullscreen"),
+								onClick: unref(toggleFullscreen)
+							}, null, 8, [
+								"icon",
+								"tooltip",
+								"onClick"
+							])) : createCommentVNode("", true), __props.showClose ? (openBlock(), createBlock(RsButton_default, {
+								key: 1,
+								variant: "ghost",
+								size: "sm",
+								"icon-only": "",
+								icon: "x",
+								disabled: __props.confirmLoading,
+								tooltip: unref(t)("dialog.close"),
+								onClick: onHeaderCloseClick
+							}, null, 8, ["disabled", "tooltip"])) : createCommentVNode("", true)])], 32),
+							createElementVNode("div", {
+								class: "rs-dialog__body",
+								"aria-busy": deferBodyMount.value && !bodyReady.value ? "true" : void 0
+							}, [showBodyContent.value ? renderSlot(_ctx.$slots, "body", {}, void 0, void 0, 0) : (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "body-placeholder")]))], 8, _hoisted_4),
+							_ctx.$slots.footer || showBuiltinFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_6, [renderSlot(_ctx.$slots, "footer", {
+								confirmLoading: __props.confirmLoading,
+								onConfirm: onBuiltinConfirm,
+								onCancel: onBuiltinCancel
+							}, () => [showBuiltinFooter.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.showCancel ? (openBlock(), createBlock(RsButton_default, {
+								key: 0,
+								variant: "default",
+								size: "sm",
+								disabled: __props.confirmLoading,
+								onClick: onBuiltinCancel
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.cancelText ?? unref(t)("common.cancel")), 1)]),
+								_: 1
+							}, 8, ["disabled"])) : createCommentVNode("", true), __props.showConfirm ? (openBlock(), createBlock(RsButton_default, {
+								key: 1,
+								variant: __props.confirmVariant,
+								size: "sm",
+								loading: __props.confirmLoading,
+								onClick: onBuiltinConfirm
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText ?? unref(t)("common.confirm")), 1)]),
+								_: 1
+							}, 8, ["variant", "loading"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)])])) : createCommentVNode("", true)
+						]),
+						_: 3
+					}, 16, ["class", "style"])]),
+					_: 3
+				}, 8, ["disabled", "to"])]),
+				_: 3
+			}, 8, ["open", "modal"]);
+		};
+	}
+});
+//#endregion
+export { RsDialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dialog/src/RsDialog.js

@@ -0,0 +1,7 @@
+import './RsDialog.css'
+import RsDialog_vue_vue_type_script_setup_true_lang_default from "./RsDialog.impl.js";
+
+//#region src/components/dialog/src/RsDialog.vue
+var RsDialog_default = RsDialog_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsDialog_default as default };

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

@@ -0,0 +1,95 @@
+import type { Component } from 'vue';
+import type { RsLocale } from '../../../locale/types';
+import type { RsThemeMode } from '../../../theme/types';
+import type { RsFeedbackTone } from '../../_shared/src/overlay-utils';
+/** 宽度预设（与历史 sm/md/lg 一致） */
+export type RsDialogWidthPreset = 'sm' | 'md' | 'lg';
+/**
+ * 对话框宽度：预设或自定义（number 按 px；string 为 CSS 长度，如 `40rem` / `60%`）。
+ * window 布局会在打开时把 px / rem / % 折成像素再居中（% 相对视口扣除 inset）；
+ * form / confirm 布局仍把自定义宽度当作 CSS 写入。
+ */
+export type RsDialogWidth = RsDialogWidthPreset | number | string;
+/** window：可缩放工作窗；form：居中轻量表单/说明；confirm：历史别名，等同 form */
+export type RsDialogLayout = 'window' | 'form' | 'confirm';
+/** 关闭来源，供 beforeClose / afterClose 区分 */
+export type RsDialogCloseReason = 'close' | 'overlay' | 'escape' | 'cancel' | 'confirm' | 'programmatic';
+/**
+ * 关闭前钩子：返回 false 阻止关闭；支持异步。
+ * 未提供或返回 void/true 时允许关闭。
+ */
+export type RsDialogBeforeClose = (reason: RsDialogCloseReason) => boolean | void | Promise<boolean | void>;
+export declare function isRsDialogWidthPreset(width: RsDialogWidth): width is RsDialogWidthPreset;
+/** 将自定义宽度规范为 CSS 长度 */
+export declare function resolveRsDialogCssWidth(width: RsDialogWidth): string | undefined;
+/**
+ * 将自定义宽度折成 px，供 window 布局计算 bounds / 居中。
+ * 支持 number、`px`、`rem`、`%`（相对视口可用宽度）；预设与无法解析的单位返回 undefined。
+ */
+export declare function resolveRsDialogWidthPx(width: RsDialogWidth, viewportWidth?: number): number | undefined;
+export declare function runRsDialogBeforeClose(beforeClose: RsDialogBeforeClose | undefined, reason: RsDialogCloseReason): Promise<boolean>;
+/** 确认框关闭来源，供 beforeClose 区分 */
+export type RsConfirmCloseReason = 'confirm' | 'cancel' | 'escape' | 'programmatic';
+/**
+ * 确认框关闭前钩子：返回 false 阻止关闭；支持异步。
+ * 未提供或返回 void/true 时允许关闭。
+ */
+export type RsConfirmBeforeClose = (reason: RsConfirmCloseReason) => boolean | void | Promise<boolean | void>;
+export interface RsConfirmOptions {
+    title?: string;
+    /** 次要说明（标题与正文之间，对应业务侧常见 subtitle） */
+    subtitle?: string;
+    description?: string;
+    tone?: RsFeedbackTone;
+    /** 自定义图标组件；不传则使用默认 "!" */
+    icon?: Component;
+    /** 宽度：预设 sm/md/lg，或 number(px) / CSS 长度；默认保持 28rem */
+    width?: RsDialogWidth;
+    confirmText?: string;
+    cancelText?: string;
+    confirmVariant?: 'primary' | 'danger';
+    /** 是否显示取消按钮；false 时为单按钮提示（info/success/error） */
+    showCancel?: boolean;
+    /** 受控加载态；若同时提供 onConfirm，命令式 API 会在执行期间自动置 true */
+    confirmLoading?: boolean;
+    /**
+     * 确认回调。返回 Promise 时对话框保持打开并进入 loading，
+     * resolve 后关闭并 resolve(true)；reject 则取消 loading 并保持打开。
+     */
+    onConfirm?: () => void | Promise<void>;
+    /** 取消/关闭时回调（不区分来源） */
+    onCancel?: () => void;
+    /** 关闭前钩子；返回 false 可阻止关闭 */
+    beforeClose?: RsConfirmBeforeClose;
+    /**
+     * 正文与按钮之间的额外内容（渲染函数）。
+     * 声明式请用 RsConfirmDialog 的 #extra 插槽。
+     */
+    extra?: () => unknown;
+    showOverlay?: boolean;
+    /**
+     * 遮罩不透明度 0–1；覆盖 CSS 变量 --rs-dialog-overlay-bg。
+     * 未传时使用主题默认（最浅）。
+     */
+    overlayOpacity?: number;
+    /**
+     * 遮罩模糊半径；number 按 px。覆盖 --rs-dialog-overlay-blur。
+     * 未传时使用主题默认（0）。
+     */
+    overlayBlur?: number | string;
+    /** false 表示禁用 Teleport，就地渲染 */
+    teleportTo?: string | HTMLElement | false;
+    /** 命令式挂载时覆盖主题；默认读 document data-rs-theme */
+    theme?: RsThemeMode;
+    /** 命令式挂载时覆盖语言；默认读 document data-rs-locale */
+    locale?: RsLocale;
+}
+/** 运行确认框 beforeClose；未提供或非 false 视为允许关闭 */
+export declare function runRsConfirmBeforeClose(beforeClose: RsConfirmBeforeClose | undefined, reason: RsConfirmCloseReason): Promise<boolean>;
+/**
+ * 将 overlayOpacity / overlayBlur 转为遮罩 CSS 变量（可挂到 overlay 节点 style）。
+ */
+export declare function resolveDialogOverlayStyle(options?: {
+    overlayOpacity?: number;
+    overlayBlur?: number | string;
+}): Record<string, string> | undefined;

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

@@ -0,0 +1,58 @@
+import { dialogViewportSize } from "./dialog-viewport.js";
+//#region src/components/dialog/src/dialog-utils.ts
+function isRsDialogWidthPreset(width) {
+	return width === "sm" || width === "md" || width === "lg";
+}
+/** 将自定义宽度规范为 CSS 长度 */
+function resolveRsDialogCssWidth(width) {
+	if (isRsDialogWidthPreset(width)) return void 0;
+	if (typeof width === "number") {
+		if (!Number.isFinite(width) || width <= 0) return void 0;
+		return `${width}px`;
+	}
+	return String(width).trim() || void 0;
+}
+function rootFontSizePx() {
+	if (typeof document === "undefined") return 16;
+	return Number.parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+}
+/**
+* 将自定义宽度折成 px，供 window 布局计算 bounds / 居中。
+* 支持 number、`px`、`rem`、`%`（相对视口可用宽度）；预设与无法解析的单位返回 undefined。
+*/
+function resolveRsDialogWidthPx(width, viewportWidth = dialogViewportSize().width) {
+	if (isRsDialogWidthPreset(width)) return void 0;
+	if (typeof width === "number") {
+		if (!Number.isFinite(width) || width <= 0) return void 0;
+		return Math.round(width);
+	}
+	const trimmed = String(width).trim();
+	if (!trimmed) return void 0;
+	if (/^\d+(\.\d+)?px$/i.test(trimmed)) return Math.round(Number.parseFloat(trimmed));
+	if (/^\d+(\.\d+)?rem$/i.test(trimmed)) return Math.round(Number.parseFloat(trimmed) * rootFontSizePx());
+	if (/^\d+(\.\d+)?%$/.test(trimmed)) {
+		if (!Number.isFinite(viewportWidth) || viewportWidth <= 0) return void 0;
+		return Math.round(Number.parseFloat(trimmed) / 100 * viewportWidth);
+	}
+}
+async function runRsDialogBeforeClose(beforeClose, reason) {
+	if (!beforeClose) return true;
+	return await beforeClose(reason) !== false;
+}
+/** 运行确认框 beforeClose；未提供或非 false 视为允许关闭 */
+async function runRsConfirmBeforeClose(beforeClose, reason) {
+	if (!beforeClose) return true;
+	return await beforeClose(reason) !== false;
+}
+/**
+* 将 overlayOpacity / overlayBlur 转为遮罩 CSS 变量（可挂到 overlay 节点 style）。
+*/
+function resolveDialogOverlayStyle(options) {
+	if (!options) return void 0;
+	const style = {};
+	if (options.overlayOpacity != null && Number.isFinite(options.overlayOpacity)) style["--rs-dialog-overlay-bg"] = `rgb(0 0 0 / ${Math.min(1, Math.max(0, options.overlayOpacity))})`;
+	if (options.overlayBlur != null && options.overlayBlur !== "") style["--rs-dialog-overlay-blur"] = typeof options.overlayBlur === "number" ? `${options.overlayBlur}px` : String(options.overlayBlur);
+	return Object.keys(style).length ? style : void 0;
+}
+//#endregion
+export { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose };