niuma-ui 2.1.7 → 2.1.8

package/CHANGELOG.md

@@ -6,6 +6,15 @@
 
 ## [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
 

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 };

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

@@ -1,23 +1,29 @@
 
-.rs-dialog[data-v-b62d3cc1] {
-  display: contents;
+.rs-dialog[data-v-bb93e647] {
+  /* 必须生成盒子并占住根层叠上下文。display:contents 会让 fixed 子节点留在
+     祖先 isolation（编辑区 / 分割栏）里，后绘的侧栏会盖住对话框。 */
+  position: fixed;
+  inset: 0;
+  z-index: var(--rs-z-modal);
+  pointer-events: none;
 }
-.rs-dialog__anchor[data-v-b62d3cc1] {
+.rs-dialog__anchor[data-v-bb93e647] {
   display: none;
 }
-.rs-dialog__backdrop[data-v-b62d3cc1] {
+.rs-dialog__backdrop[data-v-bb93e647] {
   position: fixed;
   inset: 0;
   z-index: var(--rs-z-modal);
+  pointer-events: auto;
   background: transparent;
 }
-.rs-dialog__overlay[data-v-b62d3cc1] {
+.rs-dialog__overlay[data-v-bb93e647] {
   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%);
-  animation: rs-dialog-overlay-in-b62d3cc1 220ms ease;
+  animation: rs-dialog-overlay-in-bb93e647 220ms ease;
 }
-.rs-dialog__content[data-v-b62d3cc1] {
+.rs-dialog__content[data-v-bb93e647] {
   position: fixed;
   left: 50%;
   top: calc(
@@ -25,6 +31,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;
   max-height: min(
     calc(100vh - var(--rs-dialog-inset-top, 1rem) - var(--rs-dialog-inset-bottom, 1rem) - 2rem),
@@ -45,40 +52,40 @@
   outline: none;
   color: var(--rs-dialog-title-fg);
 }
-.rs-dialog__content[data-v-b62d3cc1]:focus-visible {
+.rs-dialog__content[data-v-bb93e647]:focus-visible {
   box-shadow:
     var(--rs-dialog-shadow),
     0 0 0 var(--rs-focus-ring-width) var(--rs-focus-ring);
 }
-[data-rs-theme='light'] .rs-dialog__content--form[data-v-b62d3cc1],
-[data-rs-theme='light'] .rs-dialog__content--confirm[data-v-b62d3cc1] {
+[data-rs-theme='light'] .rs-dialog__content--form[data-v-bb93e647],
+[data-rs-theme='light'] .rs-dialog__content--confirm[data-v-bb93e647] {
   background: color-mix(in srgb, var(--rs-dialog-bg) 94%, transparent);
   backdrop-filter: blur(24px) saturate(180%);
   -webkit-backdrop-filter: blur(24px) saturate(180%);
 }
-[data-rs-theme='light'] .rs-dialog__content--window[data-v-b62d3cc1] {
+[data-rs-theme='light'] .rs-dialog__content--window[data-v-bb93e647] {
   background: var(--rs-dialog-bg);
 }
-.rs-dialog__content--form[data-state='open'][data-v-b62d3cc1],
-.rs-dialog__content--confirm[data-state='open'][data-v-b62d3cc1] {
-  animation: rs-dialog-pop-in-b62d3cc1 240ms cubic-bezier(0.32, 0.72, 0, 1);
+.rs-dialog__content--form[data-state='open'][data-v-bb93e647],
+.rs-dialog__content--confirm[data-state='open'][data-v-bb93e647] {
+  animation: rs-dialog-pop-in-bb93e647 240ms cubic-bezier(0.32, 0.72, 0, 1);
 }
-.rs-dialog__content--window[data-state='open'][data-v-b62d3cc1] {
-  animation: rs-dialog-fade-in-b62d3cc1 220ms ease;
+.rs-dialog__content--window[data-state='open'][data-v-bb93e647] {
+  animation: rs-dialog-fade-in-bb93e647 220ms ease;
 }
-.rs-dialog__content--tone-info[data-v-b62d3cc1] {
+.rs-dialog__content--tone-info[data-v-bb93e647] {
   border-color: color-mix(in srgb, var(--rs-info) 46%, var(--rs-dialog-border));
 }
-.rs-dialog__content--tone-success[data-v-b62d3cc1] {
+.rs-dialog__content--tone-success[data-v-bb93e647] {
   border-color: color-mix(in srgb, var(--rs-success) 46%, var(--rs-dialog-border));
 }
-.rs-dialog__content--tone-warning[data-v-b62d3cc1] {
+.rs-dialog__content--tone-warning[data-v-bb93e647] {
   border-color: color-mix(in srgb, var(--rs-warning) 52%, var(--rs-dialog-border));
 }
-.rs-dialog__content--tone-danger[data-v-b62d3cc1] {
+.rs-dialog__content--tone-danger[data-v-bb93e647] {
   border-color: color-mix(in srgb, var(--rs-danger) 52%, var(--rs-dialog-border));
 }
-@keyframes rs-dialog-overlay-in-b62d3cc1 {
+@keyframes rs-dialog-overlay-in-bb93e647 {
 from {
     opacity: 0;
 }
@@ -86,7 +93,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes rs-dialog-pop-in-b62d3cc1 {
+@keyframes rs-dialog-pop-in-bb93e647 {
 from {
     opacity: 0;
     transform: translate(-50%, -46%) scale(0.96);
@@ -96,7 +103,7 @@ to {
     transform: translate(-50%, -50%) scale(1);
 }
 }
-@keyframes rs-dialog-fade-in-b62d3cc1 {
+@keyframes rs-dialog-fade-in-bb93e647 {
 from {
     opacity: 0;
 }
@@ -104,14 +111,14 @@ to {
     opacity: 1;
 }
 }
-.rs-dialog__content--window[data-v-b62d3cc1] {
+.rs-dialog__content--window[data-v-bb93e647] {
   left: 50%;
   top: 50%;
   max-width: none;
   max-height: none;
   transform: none;
 }
-.rs-dialog__content--window.rs-dialog__content--bounds-transition[data-v-b62d3cc1] {
+.rs-dialog__content--window.rs-dialog__content--bounds-transition[data-v-bb93e647] {
   transition:
     left 220ms cubic-bezier(0.32, 0.72, 0, 1),
     top 220ms cubic-bezier(0.32, 0.72, 0, 1),
@@ -119,25 +126,25 @@ to {
     height 220ms cubic-bezier(0.32, 0.72, 0, 1),
     border-radius 220ms cubic-bezier(0.32, 0.72, 0, 1);
 }
-.rs-dialog__content--sm[data-v-b62d3cc1] {
+.rs-dialog__content--sm[data-v-bb93e647] {
   max-width: 24rem;
 }
-.rs-dialog__content--md[data-v-b62d3cc1] {
+.rs-dialog__content--md[data-v-bb93e647] {
   max-width: 32rem;
 }
-.rs-dialog__content--lg[data-v-b62d3cc1] {
+.rs-dialog__content--lg[data-v-bb93e647] {
   max-width: 42rem;
 }
-.rs-dialog__content--window.rs-dialog__content--sm[data-v-b62d3cc1],
-.rs-dialog__content--window.rs-dialog__content--md[data-v-b62d3cc1],
-.rs-dialog__content--window.rs-dialog__content--lg[data-v-b62d3cc1],
-.rs-dialog__content--window.rs-dialog__content--custom-width[data-v-b62d3cc1] {
+.rs-dialog__content--window.rs-dialog__content--sm[data-v-bb93e647],
+.rs-dialog__content--window.rs-dialog__content--md[data-v-bb93e647],
+.rs-dialog__content--window.rs-dialog__content--lg[data-v-bb93e647],
+.rs-dialog__content--window.rs-dialog__content--custom-width[data-v-bb93e647] {
   max-width: none;
 }
-.rs-dialog__content--fullscreen[data-v-b62d3cc1] {
+.rs-dialog__content--fullscreen[data-v-bb93e647] {
   border-radius: var(--rs-radius);
 }
-.rs-dialog__header[data-v-b62d3cc1] {
+.rs-dialog__header[data-v-bb93e647] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -151,7 +158,7 @@ to {
   background: var(--rs-dialog-header-bg);
   border-block-end: 1px solid var(--rs-dialog-separator);
 }
-.rs-dialog__heading[data-v-b62d3cc1] {
+.rs-dialog__heading[data-v-bb93e647] {
   min-width: 0;
   flex: 1;
   display: flex;
@@ -159,11 +166,11 @@ to {
   justify-content: center;
   gap: var(--rs-space-xs);
 }
-.rs-dialog__content--window.rs-dialog__content--draggable .rs-dialog__header[data-v-b62d3cc1] {
+.rs-dialog__content--window.rs-dialog__content--draggable .rs-dialog__header[data-v-bb93e647] {
   cursor: move;
   user-select: none;
 }
-.rs-dialog__title[data-v-b62d3cc1] {
+.rs-dialog__title[data-v-bb93e647] {
   margin: 0;
   display: inline-flex;
   align-items: center;
@@ -175,14 +182,14 @@ to {
   color: var(--rs-dialog-title-fg);
   text-align: start;
 }
-.rs-dialog__description[data-v-b62d3cc1] {
+.rs-dialog__description[data-v-bb93e647] {
   margin: 0;
   font-size: var(--rs-font-size-sm);
   color: var(--rs-dialog-description-fg);
   line-height: var(--rs-line-height-normal);
   text-align: start;
 }
-.rs-dialog__body[data-v-b62d3cc1] {
+.rs-dialog__body[data-v-bb93e647] {
   flex: 1;
   min-height: 0;
   overflow: auto;
@@ -192,15 +199,15 @@ to {
   padding-inline: var(--rs-dialog-body-padding-x);
   background: var(--rs-dialog-body-bg);
 }
-.rs-dialog__content--window .rs-dialog__body[data-v-b62d3cc1] {
+.rs-dialog__content--window .rs-dialog__body[data-v-bb93e647] {
   display: flex;
   flex-direction: column;
 }
-.rs-dialog__body-placeholder[data-v-b62d3cc1] {
+.rs-dialog__body-placeholder[data-v-bb93e647] {
   flex: 1;
   min-height: 0;
 }
-.rs-dialog__footer[data-v-b62d3cc1] {
+.rs-dialog__footer[data-v-bb93e647] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -215,77 +222,77 @@ to {
   background: var(--rs-dialog-footer-bg);
   border-block-start: 1px solid var(--rs-dialog-footer-border);
 }
-.rs-dialog__actions[data-v-b62d3cc1] {
+.rs-dialog__actions[data-v-bb93e647] {
   display: inline-flex;
   align-items: center;
   gap: var(--rs-space-xs);
   flex-shrink: 0;
 }
-.rs-dialog__resize-handle[data-v-b62d3cc1] {
+.rs-dialog__resize-handle[data-v-bb93e647] {
   position: absolute;
   z-index: 2;
 }
-.rs-dialog__resize-handle--n[data-v-b62d3cc1],
-.rs-dialog__resize-handle--s[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--n[data-v-bb93e647],
+.rs-dialog__resize-handle--s[data-v-bb93e647] {
   inset-inline: 0.5rem;
   height: 0.5rem;
   cursor: ns-resize;
 }
-.rs-dialog__resize-handle--n[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--n[data-v-bb93e647] {
   top: -0.25rem;
 }
-.rs-dialog__resize-handle--s[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--s[data-v-bb93e647] {
   bottom: -0.25rem;
 }
-.rs-dialog__resize-handle--e[data-v-b62d3cc1],
-.rs-dialog__resize-handle--w[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--e[data-v-bb93e647],
+.rs-dialog__resize-handle--w[data-v-bb93e647] {
   top: 0.5rem;
   bottom: 0.5rem;
   width: 0.5rem;
   cursor: ew-resize;
 }
-.rs-dialog__resize-handle--e[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--e[data-v-bb93e647] {
   right: -0.25rem;
 }
-.rs-dialog__resize-handle--w[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--w[data-v-bb93e647] {
   left: -0.25rem;
 }
-.rs-dialog__resize-handle--ne[data-v-b62d3cc1],
-.rs-dialog__resize-handle--nw[data-v-b62d3cc1],
-.rs-dialog__resize-handle--se[data-v-b62d3cc1],
-.rs-dialog__resize-handle--sw[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--ne[data-v-bb93e647],
+.rs-dialog__resize-handle--nw[data-v-bb93e647],
+.rs-dialog__resize-handle--se[data-v-bb93e647],
+.rs-dialog__resize-handle--sw[data-v-bb93e647] {
   width: 0.75rem;
   height: 0.75rem;
 }
-.rs-dialog__resize-handle--ne[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--ne[data-v-bb93e647] {
   top: -0.25rem;
   right: -0.25rem;
   cursor: nesw-resize;
 }
-.rs-dialog__resize-handle--nw[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--nw[data-v-bb93e647] {
   top: -0.25rem;
   left: -0.25rem;
   cursor: nwse-resize;
 }
-.rs-dialog__resize-handle--se[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--se[data-v-bb93e647] {
   right: -0.25rem;
   bottom: -0.25rem;
   cursor: nwse-resize;
 }
-.rs-dialog__resize-handle--sw[data-v-b62d3cc1] {
+.rs-dialog__resize-handle--sw[data-v-bb93e647] {
   left: -0.25rem;
   bottom: -0.25rem;
   cursor: nesw-resize;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-rs-theme='light'] .rs-dialog__content--form[data-v-b62d3cc1],
-  [data-rs-theme='light'] .rs-dialog__content--confirm[data-v-b62d3cc1],
-  .rs-dialog__overlay[data-v-b62d3cc1] {
+[data-rs-theme='light'] .rs-dialog__content--form[data-v-bb93e647],
+  [data-rs-theme='light'] .rs-dialog__content--confirm[data-v-bb93e647],
+  .rs-dialog__overlay[data-v-bb93e647] {
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
     background: var(--rs-dialog-bg);
 }
-.rs-dialog__overlay[data-v-b62d3cc1] {
+.rs-dialog__overlay[data-v-bb93e647] {
     background: var(--rs-dialog-overlay-bg);
 }
 }

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

@@ -240,6 +240,7 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				if (open.value && !disposed) emit("afterOpen");
 			}, 230);
 		}
+		const shellStyle = computed(() => zIndexStyle(0));
 		function zIndexStyle(offset) {
 			if (props.zIndex == null || !Number.isFinite(props.zIndex)) return void 0;
 			return { zIndex: String(Math.round(props.zIndex) + offset) };
@@ -594,6 +595,7 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				ref_key: "shellRef",
 				ref: shellRef,
 				class: "rs-dialog",
+				style: normalizeStyle(shellStyle.value),
 				"data-rs-theme": panelTheme.value,
 				dir: panelDir.value,
 				lang: panelLang.value
@@ -684,7 +686,7 @@ var RsDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					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)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
+			], 16, _hoisted_2)], 12, _hoisted_1)], 8, ["to", "disabled"])) : createCommentVNode("", true)], 64);
 		};
 	}
 });

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

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsDialog_vue_vue_type_script_setup_true_lang_default from "./RsDialog.impl.js";
 
 //#region src/components/dialog/src/RsDialog.vue
-var RsDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b62d3cc1"]]);
+var RsDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDialog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bb93e647"]]);
 //#endregion
 export { RsDialog_default as default };

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

@@ -41,6 +41,15 @@ export interface RsConfirmDialogExpose {
     focus: () => void;
 }
 export type RsConfirmDialogInstance = RsConfirmDialogExpose;
+/** viewport 盖住窗口；container 只盖住 teleportTo 指向的页面。 */
+export type RsConfirmContain = 'viewport' | 'container';
+/** 挂载点是窗口根，不能当作页内容器。 */
+export declare function isRsConfirmWindowTarget(target: string | HTMLElement | false | null | undefined): boolean;
+/**
+ * contain="container" 且挂载点不是页面节点时退回 viewport。
+ * 不在这里警告，避免计算属性产生副作用。
+ */
+export declare function resolveRsConfirmContain(contain: RsConfirmContain | undefined, teleportTo: string | HTMLElement | false | null | undefined): RsConfirmContain;
 export interface RsConfirmOptions {
     title?: string;
     /** 次要说明（标题与正文之间，对应业务侧常见 subtitle） */
@@ -85,6 +94,11 @@ export interface RsConfirmOptions {
     overlayBlur?: number | string;
     /** false 表示禁用 Teleport，就地渲染 */
     teleportTo?: string | HTMLElement | false;
+    /**
+     * 呈现范围。teleportTo 只决定挂载点。
+     * viewport 盖住窗口；container 只盖住 teleportTo 指向的页面节点。
+     */
+    contain?: RsConfirmContain;
     /** 命令式挂载时覆盖主题；默认读 document data-rs-theme */
     theme?: RsThemeMode;
     /** 命令式挂载时覆盖语言；默认读 document data-rs-locale */
@@ -121,14 +135,25 @@ export declare function isTopDialogLayer(id: string): boolean;
  * 引用计数：嵌套对话框只在最后一层关闭时恢复。重复释放无操作。
  */
 export declare function acquireDialogScrollLock(): () => void;
+/**
+ * contain="container" 时只锁挂载容器，不锁 body。
+ * 同一容器上的嵌套确认框引用计数，最后一层关闭才还原 overflow。
+ */
+export declare function acquireContainerScrollLock(el: HTMLElement): () => void;
+/**
+ * 容器是 static 时，绝对定位会爬到外层。打开期间临时改为 relative，关闭后还原。
+ * 已经是定位容器时不改 inline style。同一容器引用计数。
+ */
+export declare function pinDialogContainer(el: HTMLElement): () => void;
 /**
  * 把对话框外壳的兄弟（以及祖先的兄弟）标成 inert，背后内容不可点、不可 Tab。
  * 不 inert body 本身，否则 Teleport 进去的对话框也会被冻住。
  * 已经 inert 的节点不动，释放时也不会被我们解开。
+ * boundary 给出时，标完该节点内部的兄弟就停，页签栏等外层仍可切换。
  */
-export declare function inertDialogSiblings(layer: HTMLElement): () => void;
+export declare function inertDialogSiblings(layer: HTMLElement, boundary?: HTMLElement | null): () => void;
 /** 只有最上层模态对话框持有 inert。别人释放不会清掉当前层。 */
-export declare function claimDialogInert(ownerId: string, layer: HTMLElement): void;
+export declare function claimDialogInert(ownerId: string, layer: HTMLElement, boundary?: HTMLElement | null): void;
 export declare function releaseDialogInert(ownerId: string): void;
 /** 测试收尾：清层栈、滚动锁和 inert，避免上一例失败把 body 留在 hidden。 */
 export declare function resetDialogGuardsForTests(): void;

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

@@ -40,6 +40,25 @@ async function runRsDialogBeforeClose(beforeClose, reason) {
 	if (!beforeClose) return true;
 	return await beforeClose(reason) !== false;
 }
+/** 挂载点是窗口根，不能当作页内容器。 */
+function isRsConfirmWindowTarget(target) {
+	if (target == null || target === false) return true;
+	if (typeof target === "string") {
+		const sel = target.trim().toLowerCase();
+		return sel === "body" || sel === "html";
+	}
+	if (typeof document === "undefined") return false;
+	return target === document.body || target === document.documentElement;
+}
+/**
+* contain="container" 且挂载点不是页面节点时退回 viewport。
+* 不在这里警告，避免计算属性产生副作用。
+*/
+function resolveRsConfirmContain(contain, teleportTo) {
+	if (contain !== "container") return "viewport";
+	if (isRsConfirmWindowTarget(teleportTo)) return "viewport";
+	return "container";
+}
 /** 运行确认框 beforeClose；未提供或非 false 视为允许关闭 */
 async function runRsConfirmBeforeClose(beforeClose, reason) {
 	if (!beforeClose) return true;
@@ -117,6 +136,8 @@ function isTopDialogLayer(id) {
 }
 var scrollLockCount = 0;
 var scrollLockSnapshot = null;
+var containerScrollLocks = /* @__PURE__ */ new Map();
+var containerPositionPins = /* @__PURE__ */ new Map();
 /**
 * 模态层锁 body 滚动，并补上滚动条宽度，避免页面横跳。
 * 引用计数：嵌套对话框只在最后一层关闭时恢复。重复释放无操作。
@@ -148,6 +169,61 @@ function acquireDialogScrollLock() {
 		scrollLockSnapshot = null;
 	};
 }
+/**
+* contain="container" 时只锁挂载容器，不锁 body。
+* 同一容器上的嵌套确认框引用计数，最后一层关闭才还原 overflow。
+*/
+function acquireContainerScrollLock(el) {
+	let entry = containerScrollLocks.get(el);
+	if (!entry) {
+		entry = {
+			count: 0,
+			overflow: el.style.overflow
+		};
+		containerScrollLocks.set(el, entry);
+		el.style.overflow = "hidden";
+	}
+	entry.count += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		const current = containerScrollLocks.get(el);
+		if (!current) return;
+		current.count -= 1;
+		if (current.count > 0) return;
+		el.style.overflow = current.overflow;
+		containerScrollLocks.delete(el);
+	};
+}
+/**
+* 容器是 static 时，绝对定位会爬到外层。打开期间临时改为 relative，关闭后还原。
+* 已经是定位容器时不改 inline style。同一容器引用计数。
+*/
+function pinDialogContainer(el) {
+	let entry = containerPositionPins.get(el);
+	if (!entry) {
+		const computed = typeof getComputedStyle === "function" ? getComputedStyle(el).position : "static";
+		entry = {
+			count: 0,
+			position: el.style.position
+		};
+		containerPositionPins.set(el, entry);
+		if (computed === "static") el.style.position = "relative";
+	}
+	entry.count += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		const current = containerPositionPins.get(el);
+		if (!current) return;
+		current.count -= 1;
+		if (current.count > 0) return;
+		el.style.position = current.position;
+		containerPositionPins.delete(el);
+	};
+}
 function markInert(el, value) {
 	if (value) {
 		el.setAttribute("inert", "");
@@ -173,8 +249,9 @@ function markInertSiblings(parent, current, touched) {
 * 把对话框外壳的兄弟（以及祖先的兄弟）标成 inert，背后内容不可点、不可 Tab。
 * 不 inert body 本身，否则 Teleport 进去的对话框也会被冻住。
 * 已经 inert 的节点不动，释放时也不会被我们解开。
+* boundary 给出时，标完该节点内部的兄弟就停，页签栏等外层仍可切换。
 */
-function inertDialogSiblings(layer) {
+function inertDialogSiblings(layer, boundary) {
 	if (typeof document === "undefined" || !layer.parentElement) return () => {};
 	const touched = [];
 	let current = layer;
@@ -182,6 +259,7 @@ function inertDialogSiblings(layer) {
 		const parent = current.parentElement;
 		if (!parent) break;
 		markInertSiblings(parent, current, touched);
+		if (boundary && parent === boundary) break;
 		current = parent;
 	}
 	let released = false;
@@ -194,9 +272,9 @@ function inertDialogSiblings(layer) {
 var inertRelease = null;
 var inertOwner = null;
 /** 只有最上层模态对话框持有 inert。别人释放不会清掉当前层。 */
-function claimDialogInert(ownerId, layer) {
+function claimDialogInert(ownerId, layer, boundary) {
 	inertRelease?.();
-	inertRelease = inertDialogSiblings(layer);
+	inertRelease = inertDialogSiblings(layer, boundary);
 	inertOwner = ownerId;
 }
 function releaseDialogInert(ownerId) {
@@ -206,4 +284,4 @@ function releaseDialogInert(ownerId) {
 	inertOwner = null;
 }
 //#endregion
-export { acquireDialogScrollLock, claimDialogInert, dialogLayerTick, dialogTargetOwnsTab, inertDialogSiblings, isRsDialogWidthPreset, isTopDialogLayer, listDialogTabbables, pushDialogLayer, releaseDialogInert, removeDialogLayer, resolveDialogOverlayStyle, resolveDialogTabTarget, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose };
+export { acquireContainerScrollLock, acquireDialogScrollLock, claimDialogInert, dialogLayerTick, dialogTargetOwnsTab, inertDialogSiblings, isRsConfirmWindowTarget, isRsDialogWidthPreset, isTopDialogLayer, listDialogTabbables, pinDialogContainer, pushDialogLayer, releaseDialogInert, removeDialogLayer, resolveDialogOverlayStyle, resolveDialogTabTarget, resolveRsConfirmContain, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose };

package/dist/composables/createRsDialog.js

@@ -120,6 +120,7 @@ function rsConfirmCore(options = {}) {
 			overlayOpacity: options.overlayOpacity,
 			overlayBlur: options.overlayBlur,
 			teleportTo: options.teleportTo === false ? false : options.teleportTo,
+			contain: options.contain,
 			onConfirm: () => {
 				if (!hasAsyncConfirm) {
 					confirmed = true;

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export { RsContextMenu } from './components/context-menu';
 export { RsConfirmDialog } from './components/dialog';
 export { openRsDialog, rsConfirm } from './composables/createRsDialog';
 export type { RsConfirmApi, RsConfirmInput, RsDialogHandle, RsDialogOpenOptions, RsConfirmResult, } from './composables/createRsDialog';
-export type { RsConfirmBeforeClose, RsConfirmCloseReason, RsConfirmDialogExpose, RsConfirmDialogInstance, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogExpose, RsDialogInstance, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './components/dialog';
+export type { RsConfirmBeforeClose, RsConfirmCloseReason, RsConfirmContain, RsConfirmDialogExpose, RsConfirmDialogInstance, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogExpose, RsDialogInstance, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './components/dialog';
 export { isRsDialogWidthPreset, resolveDialogOverlayStyle, resolveRsDialogCssWidth, resolveRsDialogWidthPx, runRsConfirmBeforeClose, runRsDialogBeforeClose, } from './components/dialog';
 export { RsDrawer } from './components/drawer';
 export type { RsDrawerBeforeClose, RsDrawerCloseReason, RsDrawerDimension, RsDrawerExpose, RsDrawerInstance, RsDrawerSide, RsDrawerSize, } from './components/drawer';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 workbench design system — Rs* components, --rs-* tokens, optional Monaco / CodeMirror / xterm",