niuma-ui 2.0.3 → 2.0.9

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

@@ -1,24 +1,38 @@
-import { DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "../../_shared/src/reka.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
 import { dialogViewportSize } from "./dialog-viewport.js";
-import { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsDialogBeforeClose } from "./dialog-utils.js";
+import { acquireDialogScrollLock, claimDialogInert, dialogLayerTick, dialogTargetOwnsTab, isRsDialogWidthPreset, isTopDialogLayer, pushDialogLayer, releaseDialogInert, removeDialogLayer, resolveDialogOverlayStyle, resolveDialogTabTarget, 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";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useId, 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 = {
+var _hoisted_1 = [
+	"data-rs-theme",
+	"dir",
+	"lang"
+];
+var _hoisted_2 = [
+	"id",
+	"aria-modal",
+	"aria-labelledby",
+	"aria-label",
+	"aria-describedby"
+];
+var _hoisted_3 = ["onPointerdown"];
+var _hoisted_4 = { class: "rs-dialog__heading" };
+var _hoisted_5 = ["id"];
+var _hoisted_6 = ["id"];
+var _hoisted_7 = { class: "rs-dialog__actions" };
+var _hoisted_8 = ["aria-busy"];
+var _hoisted_9 = {
 	key: 1,
 	class: "rs-dialog__body-placeholder"
 };
-var _hoisted_6 = {
+var _hoisted_10 = {
 	key: 1,
 	class: "rs-dialog__footer"
 };
 var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDialog",
 	inheritAttrs: false,
 	__name: "RsDialog",
 	props: /*@__PURE__*/ mergeModels({
@@ -91,7 +105,14 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		autoCloseOnConfirm: {
 			type: Boolean,
 			default: false
-		}
+		},
+		lockScroll: {
+			type: Boolean,
+			default: true
+		},
+		zIndex: {},
+		id: {},
+		ariaLabel: {}
 	}, {
 		"open": {
 			type: Boolean,
@@ -113,38 +134,83 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const attrs = useAttrs();
 		const slots = useSlots();
 		const { t } = useRsI18n();
+		const uid = useId();
+		const layerId = uid;
+		const anchorRef = ref(null);
+		const shellRef = ref(null);
+		const contentRef = ref(null);
+		const panelTheme = ref();
+		const panelDir = ref();
+		const panelLang = ref();
 		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 passedProps = getCurrentInstance()?.vnode.props;
+		function propWasPassed(name) {
+			if (!passedProps) return false;
+			const kebab = name.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
+			return Object.hasOwn(passedProps, name) || Object.hasOwn(passedProps, kebab);
+		}
+		const deferBodyMount = computed(() => propWasPassed("deferBodyMount") ? Boolean(props.deferBodyMount) : isWindowLayout.value);
+		const domId = computed(() => props.id?.trim() || `rs-dialog-${uid}`);
+		const titleDomId = computed(() => `${domId.value}-title`);
+		const descriptionDomId = computed(() => `${domId.value}-description`);
+		const hasVisibleTitle = computed(() => Boolean(props.title?.trim()) || Boolean(slots.title));
+		const hasDescription = computed(() => Boolean(props.description?.trim()) || Boolean(slots.description));
+		const labelledBy = computed(() => {
+			if (props.ariaLabel?.trim() || slots.header || !hasVisibleTitle.value) return void 0;
+			return titleDomId.value;
+		});
+		const accessibleName = computed(() => {
+			if (labelledBy.value) return void 0;
+			return props.ariaLabel?.trim() || t("dialog.label");
+		});
+		const describedBy = computed(() => hasDescription.value && !slots.header ? descriptionDomId.value : void 0);
+		const overlayStyle = computed(() => {
+			const visual = resolveDialogOverlayStyle({
+				overlayOpacity: props.overlayOpacity,
+				overlayBlur: props.overlayBlur
+			});
+			const z = zIndexStyle(0);
+			if (!visual) return z;
+			if (!z) return visual;
+			return {
+				...visual,
+				...z
+			};
+		});
 		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 disposed = false;
+		let closeGeneration = 0;
 		let bodyMountFrameOuter = 0;
 		let bodyMountFrameInner = 0;
 		let afterOpenTimer = 0;
+		let keyBound = false;
+		let outsideBound = false;
+		let releaseScroll = null;
+		let returnTo = null;
+		let inertGeneration = 0;
 		function resetBodyMount() {
-			if (bodyMountFrameOuter) {
-				cancelAnimationFrame(bodyMountFrameOuter);
-				bodyMountFrameOuter = 0;
-			}
-			if (bodyMountFrameInner) {
-				cancelAnimationFrame(bodyMountFrameInner);
-				bodyMountFrameInner = 0;
+			if (typeof cancelAnimationFrame === "function") {
+				if (bodyMountFrameOuter) cancelAnimationFrame(bodyMountFrameOuter);
+				if (bodyMountFrameInner) cancelAnimationFrame(bodyMountFrameInner);
 			}
+			bodyMountFrameOuter = 0;
+			bodyMountFrameInner = 0;
 			bodyReady.value = false;
 		}
 		function scheduleBodyMount() {
 			resetBodyMount();
+			if (typeof requestAnimationFrame !== "function") {
+				if (open.value) bodyReady.value = true;
+				return;
+			}
 			bodyMountFrameOuter = requestAnimationFrame(() => {
 				bodyMountFrameOuter = 0;
 				bodyMountFrameInner = requestAnimationFrame(() => {
@@ -162,32 +228,180 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			scheduleBodyMount();
 		}, { immediate: true });
 		function clearAfterOpenTimer() {
-			if (!afterOpenTimer) return;
+			if (!afterOpenTimer || typeof window === "undefined") return;
 			window.clearTimeout(afterOpenTimer);
 			afterOpenTimer = 0;
 		}
 		function queueAfterOpen() {
 			clearAfterOpenTimer();
+			if (typeof window === "undefined") return;
 			afterOpenTimer = window.setTimeout(() => {
 				afterOpenTimer = 0;
-				if (open.value) emit("afterOpen");
+				if (open.value && !disposed) emit("afterOpen");
 			}, 230);
 		}
+		function zIndexStyle(offset) {
+			if (props.zIndex == null || !Number.isFinite(props.zIndex)) return void 0;
+			return { zIndex: String(Math.round(props.zIndex) + offset) };
+		}
+		function syncChrome() {
+			const el = anchorRef.value;
+			if (!el) {
+				panelTheme.value = void 0;
+				panelDir.value = void 0;
+				panelLang.value = void 0;
+				return;
+			}
+			const themed = el.closest("[data-rs-theme]");
+			const directed = el.closest("[dir]");
+			const langed = el.closest("[lang]");
+			panelTheme.value = themed instanceof HTMLElement ? themed.dataset.rsTheme : void 0;
+			const dir = directed?.getAttribute("dir");
+			panelDir.value = dir === "ltr" || dir === "rtl" ? dir : void 0;
+			panelLang.value = langed?.getAttribute("lang") || void 0;
+		}
+		function syncScrollLock() {
+			const should = open.value && props.modal && props.lockScroll;
+			if (should && !releaseScroll) {
+				releaseScroll = acquireDialogScrollLock();
+				return;
+			}
+			if (!should && releaseScroll) {
+				releaseScroll();
+				releaseScroll = null;
+			}
+		}
+		async function syncInert() {
+			const generation = ++inertGeneration;
+			await nextTick();
+			if (disposed || generation !== inertGeneration) return;
+			if (!(open.value && props.modal && isTopDialogLayer(layerId)) || !shellRef.value) {
+				releaseDialogInert(layerId);
+				return;
+			}
+			claimDialogInert(layerId, shellRef.value);
+		}
+		function bindKey() {
+			if (keyBound || typeof document === "undefined") return;
+			document.addEventListener("keydown", onDocumentKeydown, true);
+			keyBound = true;
+		}
+		function unbindKey() {
+			if (!keyBound || typeof document === "undefined") return;
+			document.removeEventListener("keydown", onDocumentKeydown, true);
+			keyBound = false;
+		}
+		function bindOutside() {
+			if (outsideBound || typeof document === "undefined") return;
+			document.addEventListener("pointerdown", onDocumentPointerDown, true);
+			outsideBound = true;
+		}
+		function unbindOutside() {
+			if (!outsideBound || typeof document === "undefined") return;
+			document.removeEventListener("pointerdown", onDocumentPointerDown, true);
+			outsideBound = false;
+		}
+		function syncOutside() {
+			if (open.value && props.closeOnOverlayClick) bindOutside();
+			else unbindOutside();
+		}
+		function rememberTrigger() {
+			if (typeof document === "undefined") return;
+			const active = document.activeElement;
+			if (active instanceof HTMLElement && active !== document.body && active !== document.documentElement) {
+				returnTo = active;
+				return;
+			}
+			returnTo = null;
+		}
+		function restoreTrigger() {
+			const el = returnTo;
+			returnTo = null;
+			if (!el?.isConnected) return;
+			if (contentRef.value?.contains(el)) return;
+			el.focus();
+		}
+		function focusDialog(force) {
+			const root = contentRef.value;
+			if (!root || disposed) return;
+			const active = document.activeElement;
+			if (!force && active instanceof HTMLElement && root.contains(active) && active !== root) return;
+			const preferred = root.querySelector("[autofocus]");
+			if (preferred && !preferred.hasAttribute("disabled")) {
+				preferred.focus();
+				return;
+			}
+			root.focus();
+		}
+		function queueFocus() {
+			nextTick(() => {
+				if (!open.value || disposed) return;
+				focusDialog(false);
+			});
+		}
+		function focus() {
+			focusDialog(true);
+		}
+		watch(bodyReady, (ready) => {
+			if (!ready || !open.value || disposed) return;
+			const root = contentRef.value;
+			const active = typeof document === "undefined" ? null : document.activeElement;
+			if (!root || active === root || !(active instanceof Node) || !root.contains(active)) queueFocus();
+		});
 		watch(open, (isOpen, wasOpen) => {
-			if (isOpen && !wasOpen) {
-				emit("openChange", true);
-				queueAfterOpen();
+			if (isOpen) {
+				if (wasOpen !== true) {
+					rememberTrigger();
+					syncChrome();
+					pushDialogLayer(layerId);
+					queueAfterOpen();
+					queueFocus();
+					if (wasOpen === false) emit("openChange", true);
+				}
+				bindKey();
+				syncScrollLock();
+				syncOutside();
+				syncInert();
 				return;
 			}
-			if (!isOpen && wasOpen) {
+			clearAfterOpenTimer();
+			removeDialogLayer(layerId);
+			unbindKey();
+			unbindOutside();
+			syncScrollLock();
+			inertGeneration += 1;
+			releaseDialogInert(layerId);
+			if (wasOpen === true) {
+				restoreTrigger();
 				emit("openChange", false);
 				if (!closing.value) emit("afterClose", "programmatic");
 			}
+		}, { immediate: true });
+		watch(() => [
+			props.modal,
+			props.lockScroll,
+			props.closeOnOverlayClick,
+			dialogLayerTick.value
+		], () => {
+			if (!open.value || disposed) return;
+			syncScrollLock();
+			syncOutside();
+			syncInert();
+		});
+		onMounted(() => {
+			if (open.value) syncChrome();
 		});
-		onMounted(() => {});
 		onBeforeUnmount(() => {
+			disposed = true;
+			inertGeneration += 1;
 			resetBodyMount();
 			clearAfterOpenTimer();
+			removeDialogLayer(layerId);
+			unbindKey();
+			unbindOutside();
+			releaseScroll?.();
+			releaseScroll = null;
+			releaseDialogInert(layerId);
 		});
 		const showBodyContent = computed(() => !deferBodyMount.value || bodyReady.value);
 		const showBuiltinFooter = computed(() => props.showFooter && !slots.footer && (props.showCancel || props.showConfirm));
@@ -209,59 +423,66 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			];
 		});
 		const contentStyle = computed(() => {
-			const base = isWindowLayout.value ? dialogStyle.value : void 0;
-			if (isWindowLayout.value) return base;
+			const z = zIndexStyle(1);
+			if (isWindowLayout.value) {
+				if (!z) return dialogStyle.value;
+				return {
+					...dialogStyle.value,
+					...z
+				};
+			}
 			const cssW = customCssWidth.value;
-			if (!cssW) return base;
-			return {
-				...base ?? {},
-				maxWidth: cssW
-			};
+			if (!cssW && !z) return void 0;
+			const style = {};
+			if (cssW) style.maxWidth = cssW;
+			if (z) Object.assign(style, z);
+			return style;
 		});
 		async function requestClose(reason) {
-			if (!open.value || closing.value) return false;
+			if (disposed || !open.value || closing.value) return false;
+			const generation = ++closeGeneration;
 			closing.value = true;
-			pendingCloseReason = reason;
 			try {
-				if (!await runRsDialogBeforeClose(props.beforeClose, reason)) return false;
+				if (!await runRsDialogBeforeClose(props.beforeClose, reason) || disposed || generation !== closeGeneration) return false;
 				open.value = false;
 				await nextTick();
-				emit("afterClose", reason);
+				if (!disposed) emit("afterClose", reason);
 				return true;
+			} catch {
+				return false;
 			} finally {
-				closing.value = false;
+				if (generation === closeGeneration) 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) {
+		function onDocumentKeydown(event) {
+			if (!open.value || !isTopDialogLayer(layerId)) return;
+			if (event.key === "Escape") {
+				if (event.isComposing) return;
+				if (!props.closeOnEsc || props.confirmLoading) {
+					event.preventDefault();
+					return;
+				}
 				event.preventDefault();
+				requestClose("escape");
 				return;
 			}
-			pendingCloseReason = "escape";
+			if (event.key !== "Tab" || !props.modal || dialogTargetOwnsTab(event.target)) return;
+			const root = contentRef.value;
+			if (!root) return;
+			const target = resolveDialogTabTarget(root, document.activeElement, event.shiftKey);
+			if (target === "stay") return;
+			event.preventDefault();
+			target.focus();
 		}
-		/** 是否因外部交互关闭：与 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";
+		function onDocumentPointerDown(event) {
+			if (!open.value || !props.closeOnOverlayClick || props.confirmLoading) return;
+			if (!isTopDialogLayer(layerId)) return;
+			const root = contentRef.value;
+			const target = event.target;
+			if (!(target instanceof Node) || root?.contains(target)) return;
+			event.preventDefault();
+			event.stopPropagation();
+			requestClose("overlay");
 		}
 		async function onHeaderCloseClick() {
 			await requestClose("close");
@@ -285,128 +506,140 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			boundsTransition: toRef(props, "boundsTransition")
 		});
 		/**
-		* 全屏时跳出业务挂载点，挂到默认 portal（通常 body），
+		* 全屏时跳出业务挂载点，挂到 body，
 		* 还原后仍回到 props.teleportTo，以保留页签内浮层的生命周期绑定。
 		*/
 		const resolvedTeleportTo = computed(() => {
-			if (isFullscreen.value && props.teleportTo !== false) return;
+			if (isFullscreen.value && props.teleportTo !== false) return void 0;
 			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);
+		const teleportDisabled = computed(() => resolvedTeleportTo.value === false);
+		const teleportTarget = computed(() => {
+			const target = resolvedTeleportTo.value;
+			if (target === false || target == null) return "body";
+			return target;
+		});
+		watch(resolvedTeleportTo, () => {
+			if (!open.value || disposed) return;
+			syncInert();
+		});
+		watch(contentRef, (el) => {
+			setPanelEl(el);
 		}, { flush: "post" });
 		__expose({
-			/** 请求关闭（走 beforeClose） */
 			close: (reason = "programmatic") => requestClose(reason),
-			/** 打开对话框 */
 			openDialog: () => {
 				open.value = true;
-			}
+			},
+			focus
 		});
 		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
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("span", {
+				ref_key: "anchorRef",
+				ref: anchorRef,
+				hidden: "",
+				class: "rs-dialog__anchor",
+				"aria-hidden": "true"
+			}, null, 512), (openBlock(), createBlock(Teleport, {
+				defer: "",
+				to: teleportTarget.value,
+				disabled: teleportDisabled.value
+			}, [open.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "shellRef",
+				ref: shellRef,
+				class: "rs-dialog",
+				"data-rs-theme": panelTheme.value,
+				dir: panelDir.value,
+				lang: panelLang.value
+			}, [__props.modal ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["rs-dialog__backdrop rs-motion-reduce", { "rs-dialog__overlay": __props.showOverlay }]),
+				style: normalizeStyle(__props.showOverlay ? overlayStyle.value : zIndexStyle(0)),
+				"aria-hidden": "true"
+			}, null, 6)) : createCommentVNode("", true), createElementVNode("dialog", mergeProps({
+				id: domId.value,
+				ref_key: "contentRef",
+				ref: contentRef
+			}, unref(attrs), {
+				open: "",
+				class: ["rs-dialog__content rs-motion-reduce", contentClass.value],
+				style: contentStyle.value,
+				"aria-modal": __props.modal ? "true" : "false",
+				"aria-labelledby": labelledBy.value,
+				"aria-label": accessibleName.value,
+				"aria-describedby": describedBy.value,
+				tabindex: "-1",
+				"data-state": "open"
+			}), [
+				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_3);
+				}), 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_4, [createElementVNode("h2", {
+					id: titleDomId.value,
+					class: "rs-dialog__title"
+				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)], true)], 8, _hoisted_5), hasDescription.value ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: descriptionDomId.value,
+					class: "rs-dialog__description"
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)], true)], 8, _hoisted_6)) : createCommentVNode("", true)])], true), createElementVNode("div", _hoisted_7, [__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", {}, () => [renderSlot(_ctx.$slots, "default", {}, void 0, true)], true, 0) : (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "body-placeholder", {}, void 0, true)]))], 8, _hoisted_8),
+				_ctx.$slots.footer || showBuiltinFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_10, [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(() => [__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"]);
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.confirmText ?? unref(t)("common.confirm")), 1)]),
+					_: 1
+				}, 8, ["variant", "loading"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], true)])) : createCommentVNode("", true)
+			], 16, _hoisted_2)], 8, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]))], 64);
 		};
 	}
 });