niuma-ui 2.1.6 → 2.1.8

package/CHANGELOG.md

@@ -6,6 +6,22 @@
 
 ## [Unreleased]
 
+## [2.1.8] - 2026-10-10
+
+### 修复
+
+- `RsDialog` / `RsConfirmDialog`：外壳从 `display: contents` 改为真正的定位盒子，层叠用 `--rs-z-modal`。`display: contents` 不生成盒子，`position: fixed` 的遮罩和面板会留在编辑区、分割栏的 `isolation` 里，后绘的侧栏会盖住对话框。壳层不接收点击，遮罩和面板自己接收。不传 `teleportTo` 时仍挂到 `body`，盖住整个窗口。props、事件、插槽不变。
+
+### 变更
+
+- `RsConfirmDialog`：`teleportTo` 仍只决定节点挂到哪里，不改变是否盖住窗口。新增 `contain`，默认 `viewport`：`role` 为 `alertdialog`，`aria-modal` 为 `true`，焦点困在框内，锁 `body` 滚动。`contain="container"` 且 `teleportTo` 指向页面节点时，只挡住该页：`role` 为 `dialog`，`aria-modal` 为 `false`，Tab 可以到页签栏，只锁该容器的滚动；节点若是 `static`，打开期间临时设为 `relative`，关闭后还原。没有页面挂载点（省略、`body`、`html`）时退回 `viewport`，开发环境警告。页面在 KeepAlive 里被藏起时卸掉浮层、滚动锁和 `inert`，不发 `cancel`，切回来再挂上。命令式 `rsConfirm` 可传 `contain`。公开类型 `RsConfirmContain`。
+
+## [2.1.7] - 2026-10-08
+
+### 修复
+
+- `RsTerminal`：页签被 keep-alive 收起后，页面上其它组件写入 `data-rs-theme` 仍会让已摘掉的终端重读 `--rs-terminal-*`。节点不在文档里时这些变量继承不到，前景落成黑色，`minimumContrastRatio` 再把正文抬成灰色。现在宿主不在文档里不写调色板；回到页签时，只有收起期间确实要重读才再采一次。采到的颜色与当前相同则不赋 `options.theme`，避免清对比度缓存并重画视口。
+
 ## [2.1.6] - 2026-10-08
 
 ### 修复

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

@@ -1,4 +1,4 @@
 export { default as RsDialog } from './src/RsDialog.js';
 export { default as RsConfirmDialog } from './src/RsConfirmDialog.js';
-export type { RsConfirmBeforeClose, RsConfirmCloseReason, RsConfirmDialogExpose, RsConfirmDialogInstance, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogExpose, RsDialogInstance, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './src/dialog-utils';
+export type { RsConfirmBeforeClose, RsConfirmCloseReason, RsConfirmContain, RsConfirmDialogExpose, RsConfirmDialogInstance, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogExpose, RsDialogInstance, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './src/dialog-utils';
 export { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose, } from './src/dialog-utils';

package/dist/components/dialog/src/RsConfirmDialog.css

@@ -1,22 +1,40 @@
 
-.rs-confirm-dialog[data-v-0da3ba25] {
-  display: contents;
+.rs-confirm-dialog[data-v-1d841d98] {
+  /* 必须生成盒子并占住根层叠上下文。display:contents 会让 fixed 子节点留在
+     祖先 isolation（编辑区 / 分割栏）里，后绘的 AI 面板会盖住确认框。 */
+  position: fixed;
+  inset: 0;
+  z-index: var(--rs-z-modal);
+  pointer-events: none;
+}
+.rs-confirm-dialog--container[data-v-1d841d98] {
+  position: absolute;
+}
+.rs-confirm-dialog--container .rs-confirm-dialog__backdrop[data-v-1d841d98],
+.rs-confirm-dialog--container .rs-confirm-dialog__content[data-v-1d841d98] {
+  position: absolute;
+}
+.rs-confirm-dialog--container .rs-confirm-dialog__content[data-v-1d841d98] {
+  top: 50%;
+  max-height: calc(100% - 2rem);
+  width: calc(100% - 2 * var(--rs-dialog-inset-x, 1rem));
 }
-.rs-confirm-dialog__anchor[data-v-0da3ba25] {
+.rs-confirm-dialog__anchor[data-v-1d841d98] {
   display: none;
 }
-.rs-confirm-dialog__backdrop[data-v-0da3ba25] {
+.rs-confirm-dialog__backdrop[data-v-1d841d98] {
   position: fixed;
   inset: 0;
   z-index: var(--rs-z-modal);
+  pointer-events: auto;
   background: transparent;
 }
-.rs-confirm-dialog__overlay[data-v-0da3ba25] {
+.rs-confirm-dialog__overlay[data-v-1d841d98] {
   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[data-v-0da3ba25] {
+.rs-confirm-dialog__content[data-v-1d841d98] {
   position: fixed;
   left: 50%;
   top: calc(
@@ -24,6 +42,7 @@
       (100vh - var(--rs-dialog-inset-top, 1rem) - var(--rs-dialog-inset-bottom, 1rem)) / 2
   );
   z-index: calc(var(--rs-z-modal) + 1);
+  pointer-events: auto;
   display: flex;
   gap: var(--rs-space-lg);
   width: calc(100vw - 2 * var(--rs-dialog-inset-x, 1rem));
@@ -39,26 +58,26 @@
   box-shadow: var(--rs-dialog-shadow);
   outline: none;
 }
-.rs-confirm-dialog__content[data-v-0da3ba25]:focus-visible {
+.rs-confirm-dialog__content[data-v-1d841d98]:focus-visible {
   box-shadow:
     var(--rs-dialog-shadow),
     0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
 }
-.rs-confirm-dialog__content--sm[data-v-0da3ba25] {
+.rs-confirm-dialog__content--sm[data-v-1d841d98] {
   max-width: 24rem;
 }
-.rs-confirm-dialog__content--md[data-v-0da3ba25] {
+.rs-confirm-dialog__content--md[data-v-1d841d98] {
   max-width: 32rem;
 }
-.rs-confirm-dialog__content--lg[data-v-0da3ba25] {
+.rs-confirm-dialog__content--lg[data-v-1d841d98] {
   max-width: 42rem;
 }
-[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
+[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-1d841d98] {
   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[data-v-0da3ba25] {
+.rs-confirm-dialog__icon[data-v-1d841d98] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -68,47 +87,47 @@
   border-radius: var(--rs-radius);
   font-weight: var(--rs-font-weight-bold);
 }
-.rs-confirm-dialog__icon-glyph[data-v-0da3ba25] {
+.rs-confirm-dialog__icon-glyph[data-v-1d841d98] {
   width: 1.25rem;
   height: 1.25rem;
   display: block;
 }
-.rs-confirm-dialog__icon--danger[data-v-0da3ba25] {
+.rs-confirm-dialog__icon--danger[data-v-1d841d98] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
 }
-.rs-confirm-dialog__icon--warning[data-v-0da3ba25] {
+.rs-confirm-dialog__icon--warning[data-v-1d841d98] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
 }
-.rs-confirm-dialog__icon--success[data-v-0da3ba25] {
+.rs-confirm-dialog__icon--success[data-v-1d841d98] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
 }
-.rs-confirm-dialog__icon--info[data-v-0da3ba25],
-.rs-confirm-dialog__icon--default[data-v-0da3ba25] {
+.rs-confirm-dialog__icon--info[data-v-1d841d98],
+.rs-confirm-dialog__icon--default[data-v-1d841d98] {
   background: var(--rs-info-container);
   color: var(--rs-on-info-container);
 }
-.rs-confirm-dialog__main[data-v-0da3ba25] {
+.rs-confirm-dialog__main[data-v-1d841d98] {
   min-width: 0;
   flex: 1;
 }
-.rs-confirm-dialog__title[data-v-0da3ba25] {
+.rs-confirm-dialog__title[data-v-1d841d98] {
   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[data-v-0da3ba25] {
+.rs-confirm-dialog__subtitle[data-v-1d841d98] {
   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[data-v-0da3ba25] {
+.rs-confirm-dialog__description[data-v-1d841d98] {
   margin: var(--rs-space-sm) 0 0;
   color: var(--rs-dialog-description-fg);
   font-size: var(--rs-font-size-sm);
@@ -116,11 +135,11 @@
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
-.rs-confirm-dialog__extra[data-v-0da3ba25] {
+.rs-confirm-dialog__extra[data-v-1d841d98] {
   margin-top: var(--rs-space-md);
   min-width: 0;
 }
-.rs-confirm-dialog__footer[data-v-0da3ba25] {
+.rs-confirm-dialog__footer[data-v-1d841d98] {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
@@ -132,12 +151,12 @@
   border-block-start: 1px solid color-mix(in srgb, var(--rs-dialog-separator) 72%, transparent);
 }
 @media (prefers-reduced-motion: reduce) {
-[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-0da3ba25] {
+[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-1d841d98] {
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
     background: var(--rs-dialog-bg);
 }
-.rs-confirm-dialog__overlay[data-v-0da3ba25] {
+.rs-confirm-dialog__overlay[data-v-1d841d98] {
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
 }

package/dist/components/dialog/src/RsConfirmDialog.d.ts

@@ -1,5 +1,5 @@
 import { type Component } from 'vue';
-import { type RsConfirmBeforeClose, type RsConfirmCloseReason, type RsDialogWidth } from './dialog-utils';
+import { type RsConfirmContain, type RsConfirmBeforeClose, type RsConfirmCloseReason, type RsDialogWidth } from './dialog-utils';
 import type { RsFeedbackTone } from '../../_shared/src/overlay-utils';
 type __VLS_Props = {
     title?: string;
@@ -30,11 +30,27 @@ type __VLS_Props = {
     overlayOpacity?: number;
     /** 遮罩模糊；number 为 px。默认主题为 0 */
     overlayBlur?: number | string;
-    /** 挂载目标；false 禁用 Teleport */
+    /**
+     * 挂载目标。只决定节点挂到哪里，不改变是否盖住窗口。
+     * - undefined：挂到 body。
+     * - string / HTMLElement：挂到该节点。
+     * - false：禁用 Teleport，就地渲染。
+     *
+     * 页面在 KeepAlive 里被藏起时卸掉浮层并放开 inert，切回来再挂上。
+     */
     teleportTo?: string | HTMLElement | false;
+    /**
+     * 呈现范围。
+     * - viewport（默认）：position:fixed，盖住窗口。aria-modal 为 true，焦点困在框内，锁 body 滚动。
+     * - container：只盖住 teleportTo 指向的页面。该节点不能是 body / html。
+     *   打开时若 position 为 static，临时设为 relative，关闭后还原。
+     *   role 为 dialog，aria-modal 为 false，Tab 可以离开到页签栏，只锁该容器的滚动。
+     *   没有页面挂载点时退回 viewport，开发环境会警告。
+     */
+    contain?: RsConfirmContain;
     /** Esc 关闭。确认中无效。只作用于最上层。 */
     closeOnEsc?: boolean;
-    /** 模态时锁 body 滚动。默认 true。 */
+    /** viewport 锁 body 滚动；container 只锁挂载容器。默认 true。 */
     lockScroll?: boolean;
     /** 覆盖 --rs-z-modal。遮罩用该值，面板 +1。 */
     zIndex?: number;
@@ -73,6 +89,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     confirmVariant: "primary" | "danger";
     autoCloseOnConfirm: boolean;
     lockScroll: boolean;
+    contain: RsConfirmContain;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,7 +1,7 @@
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
-import { acquireDialogScrollLock, claimDialogInert, dialogLayerTick, dialogTargetOwnsTab, isRsDialogWidthPreset, isTopDialogLayer, listDialogTabbables, pushDialogLayer, releaseDialogInert, removeDialogLayer, resolveDialogOverlayStyle, resolveDialogTabTarget, resolveRsDialogCssWidth, runRsConfirmBeforeClose } from "./dialog-utils.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, watch, withCtx } from "vue";
+import { acquireContainerScrollLock, acquireDialogScrollLock, claimDialogInert, dialogLayerTick, dialogTargetOwnsTab, isRsDialogWidthPreset, isTopDialogLayer, listDialogTabbables, pinDialogContainer, pushDialogLayer, releaseDialogInert, removeDialogLayer, resolveDialogOverlayStyle, resolveDialogTabTarget, resolveRsConfirmContain, resolveRsDialogCssWidth, runRsConfirmBeforeClose } from "./dialog-utils.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onActivated, onBeforeUnmount, onDeactivated, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, watch, withCtx } from "vue";
 //#region src/components/dialog/src/RsConfirmDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-rs-theme",
@@ -10,6 +10,8 @@ var _hoisted_1 = [
 ];
 var _hoisted_2 = [
 	"id",
+	"role",
+	"aria-modal",
 	"aria-labelledby",
 	"aria-label",
 	"aria-describedby"
@@ -60,6 +62,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		overlayOpacity: {},
 		overlayBlur: {},
 		teleportTo: { type: [String, Boolean] },
+		contain: { default: "viewport" },
 		closeOnEsc: {
 			type: Boolean,
 			default: true
@@ -102,6 +105,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		let closeFromInside = null;
 		let keyBound = false;
 		let releaseScroll = null;
+		let releasePosition = null;
 		let returnTo = null;
 		let inertGeneration = 0;
 		const contentClass = computed(() => {
@@ -111,6 +115,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			if (props.zIndex == null || !Number.isFinite(props.zIndex)) return void 0;
 			return { zIndex: String(Math.round(props.zIndex) + offset) };
 		}
+		const shellStyle = computed(() => zIndexStyle(0));
 		const overlayStyle = computed(() => {
 			const visual = props.showOverlay ? resolveDialogOverlayStyle({
 				overlayOpacity: props.overlayOpacity,
@@ -147,6 +152,11 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			if (target === false || target == null) return "body";
 			return target;
 		});
+		/** contain="container" 且挂载点是页面节点。否则仍盖住窗口。 */
+		const contained = computed(() => resolveRsConfirmContain(props.contain, props.teleportTo) === "container");
+		/** KeepAlive 切走时为 false。必须在 open 的 immediate watch 之前声明。 */
+		const pageActive = ref(true);
+		let presentedSuspended = false;
 		function syncChrome() {
 			const el = anchorRef.value;
 			if (!el) {
@@ -163,26 +173,47 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			panelDir.value = dir === "ltr" || dir === "rtl" ? dir : void 0;
 			panelLang.value = langed?.getAttribute("lang") || void 0;
 		}
-		function syncScrollLock() {
-			const should = open.value && props.lockScroll;
-			if (should && !releaseScroll) {
-				releaseScroll = acquireDialogScrollLock();
+		function releaseContainHost() {
+			releasePosition?.();
+			releasePosition = null;
+		}
+		function syncContainHost() {
+			if (!contained.value || !open.value || !pageActive.value) {
+				releaseContainHost();
 				return;
 			}
-			if (!should && releaseScroll) {
-				releaseScroll();
+			const host = shellRef.value?.parentElement;
+			if (!host || releasePosition) return;
+			releasePosition = pinDialogContainer(host);
+		}
+		function syncScrollLock() {
+			if (!(open.value && pageActive.value && props.lockScroll)) {
+				releaseScroll?.();
 				releaseScroll = null;
+				return;
+			}
+			if (releaseScroll) return;
+			if (contained.value) {
+				const host = shellRef.value?.parentElement;
+				if (!host) return;
+				releaseScroll = acquireContainerScrollLock(host);
+				return;
 			}
+			releaseScroll = acquireDialogScrollLock();
 		}
 		async function syncInert() {
 			const generation = ++inertGeneration;
 			await nextTick();
 			if (disposed || generation !== inertGeneration) return;
-			if (!(open.value && isTopDialogLayer(layerId)) || !shellRef.value) {
+			if (!(open.value && pageActive.value && isTopDialogLayer(layerId)) || !shellRef.value) {
 				releaseDialogInert(layerId);
+				releaseContainHost();
 				return;
 			}
-			claimDialogInert(layerId, shellRef.value);
+			syncContainHost();
+			syncScrollLock();
+			const boundary = contained.value ? shellRef.value.parentElement : null;
+			claimDialogInert(layerId, shellRef.value, boundary);
 		}
 		function bindKey() {
 			if (keyBound || typeof document === "undefined") return;
@@ -263,7 +294,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				requestClose("escape");
 				return;
 			}
-			if (event.key !== "Tab" || dialogTargetOwnsTab(event.target)) return;
+			if (event.key !== "Tab" || contained.value || dialogTargetOwnsTab(event.target)) return;
 			const root = contentRef.value;
 			if (!root) return;
 			const target = resolveDialogTabTarget(root, document.activeElement, event.shiftKey);
@@ -281,6 +312,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			syncScrollLock();
 			inertGeneration += 1;
 			releaseDialogInert(layerId);
+			releaseContainHost();
 			if (!wasOpen) return;
 			const reason = closeFromInside;
 			closeFromInside = null;
@@ -308,8 +340,46 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		async function onCancelClick() {
 			await requestClose("cancel");
 		}
+		/**
+		* KeepAlive 切走页签时卸掉浮层，并放开滚动锁、inert 和 document 监听。
+		* open 保持为 true，切回来再挂上，不把这次切换当成取消。
+		*/
+		function suspendPresentedDialog() {
+			if (presentedSuspended || !open.value || disposed) return;
+			presentedSuspended = true;
+			removeDialogLayer(layerId);
+			unbindKey();
+			releaseScroll?.();
+			releaseScroll = null;
+			releaseContainHost();
+			inertGeneration += 1;
+			releaseDialogInert(layerId);
+		}
+		function resumePresentedDialog() {
+			if (!presentedSuspended || disposed) return;
+			presentedSuspended = false;
+			if (!open.value || !pageActive.value) return;
+			syncChrome();
+			pushDialogLayer(layerId);
+			bindKey();
+			syncScrollLock();
+			syncInert();
+			queueFocus();
+		}
+		onActivated(() => {
+			pageActive.value = true;
+			resumePresentedDialog();
+		});
+		onDeactivated(() => {
+			pageActive.value = false;
+			suspendPresentedDialog();
+		});
 		watch(open, (isOpen, wasOpen) => {
 			if (isOpen) {
+				if (!pageActive.value) {
+					presentedSuspended = true;
+					return;
+				}
 				if (wasOpen !== true) {
 					rememberTrigger();
 					syncChrome();
@@ -321,14 +391,22 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				syncInert();
 				return;
 			}
+			presentedSuspended = false;
 			if (wasOpen === true && closeFromInside == null) {
 				vetoParentClose();
 				return;
 			}
 			finishClose(wasOpen === true);
 		}, { immediate: true });
+		watch(() => [props.contain, props.teleportTo], () => {
+			if (!open.value || !pageActive.value || disposed) return;
+			releaseScroll?.();
+			releaseScroll = null;
+			releaseContainHost();
+			syncInert();
+		});
 		watch(() => [props.lockScroll, dialogLayerTick.value], () => {
-			if (!open.value || disposed) return;
+			if (!open.value || !pageActive.value || disposed) return;
 			syncScrollLock();
 			syncInert();
 		});
@@ -340,6 +418,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			unbindKey();
 			releaseScroll?.();
 			releaseScroll = null;
+			releaseContainHost();
 			releaseDialogInert(layerId);
 		});
 		__expose({
@@ -353,7 +432,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				hidden: "",
 				class: "rs-confirm-dialog__anchor",
 				"aria-hidden": "true"
-			}, null, 512), open.value ? (openBlock(), createBlock(Teleport, {
+			}, null, 512), open.value && pageActive.value ? (openBlock(), createBlock(Teleport, {
 				key: 0,
 				defer: "",
 				to: teleportTarget.value,
@@ -361,7 +440,8 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			}, [createElementVNode("div", {
 				ref_key: "shellRef",
 				ref: shellRef,
-				class: "rs-confirm-dialog",
+				class: normalizeClass(["rs-confirm-dialog", { "rs-confirm-dialog--container": contained.value }]),
+				style: normalizeStyle(shellStyle.value),
 				"data-rs-theme": panelTheme.value,
 				dir: panelDir.value,
 				lang: panelLang.value
@@ -376,8 +456,8 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				open: "",
 				class: normalizeClass(["rs-confirm-dialog__content", contentClass.value]),
 				style: normalizeStyle(contentStyle.value),
-				role: "alertdialog",
-				"aria-modal": "true",
+				role: contained.value ? "dialog" : "alertdialog",
+				"aria-modal": contained.value ? "false" : "true",
 				"aria-labelledby": labelledBy.value,
 				"aria-label": accessibleName.value,
 				"aria-describedby": hasDescribedBy.value ? descriptionDomId.value : void 0,
@@ -429,7 +509,7 @@ var RsConfirmDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					"loading",
 					"disabled"
 				])])
-			])], 14, _hoisted_2)], 8, _hoisted_1)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
+			])], 14, _hoisted_2)], 14, _hoisted_1)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
 		};
 	}
 });

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

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsConfirmDialog_vue_vue_type_script_setup_true_lang_default from "./RsConfirmDialog.impl.js";
 
 //#region src/components/dialog/src/RsConfirmDialog.vue
-var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0da3ba25"]]);
+var RsConfirmDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsConfirmDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1d841d98"]]);
 //#endregion
 export { RsConfirmDialog_default as default };