niuma-ui 2.0.4 → 2.1.0

package/dist/components/descriptions/src/RsDescriptions.d.ts

@@ -1,5 +1,5 @@
 import type { RsRadius } from '../../../theme/types';
-import { type RsDescriptionsItem, type RsDescriptionsLabelPlacement, type RsDescriptionsSize } from './descriptions-utils';
+import { type RsDescriptionsItem, type RsDescriptionsLabelAlign, type RsDescriptionsLabelPlacement, type RsDescriptionsSize } from './descriptions-utils';
 type __VLS_Props = {
     title?: string;
     items?: RsDescriptionsItem[];
@@ -9,20 +9,36 @@ type __VLS_Props = {
     /** 未传时优先 Form / RsConfigProvider.controlSize，再回退 md */
     size?: RsDescriptionsSize;
     radius?: RsRadius;
+    /** 标签后追加本地化冒号。默认关闭，避免改变旧版式。 */
+    colon?: boolean;
+    /** 左标签列宽。数字按 px，字符串按 CSS 长度。 */
+    labelWidth?: number | string;
+    /** 标签在单元格内的对齐。start / end 跟书写方向。 */
+    labelAlign?: RsDescriptionsLabelAlign;
+    /** 覆盖 null / undefined 的占位。未传走 descriptions.empty（默认 —）。空字符串隐藏占位。 */
+    emptyText?: string;
+    id?: string;
+    /** 覆盖描述列表的可访问名称。未传且有标题时用标题。 */
+    ariaLabel?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_6: `item-${string}` | `item-${number}`, __VLS_7: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_8: string, __VLS_9: {}, __VLS_12: string, __VLS_13: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+    [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
+} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 } & {
     title?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    extra?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     columns: number;
     items: RsDescriptionsItem[];
     bordered: boolean;
     labelPlacement: RsDescriptionsLabelPlacement;
+    colon: boolean;
 }, {}, {}, {}, 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/descriptions/src/RsDescriptions.impl.js

@@ -1,15 +1,29 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
-import { RS_DESCRIPTIONS_KEY } from "./descriptions-utils.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderList, renderSlot, toDisplayString } from "vue";
+import { RS_DESCRIPTIONS_KEY, clampRsDescriptionsSpan, resolveRsDescriptionsColumns, resolveRsDescriptionsLabelAlign, resolveRsDescriptionsLabelWidth, resolveRsDescriptionsValue } from "./descriptions-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderList, renderSlot, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/descriptions/src/RsDescriptions.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = ["id"];
+var _hoisted_2 = {
 	key: 0,
 	class: "rs-descriptions__header"
 };
-var _hoisted_2 = { class: "rs-descriptions__label" };
-var _hoisted_3 = { class: "rs-descriptions__value" };
+var _hoisted_3 = ["id"];
+var _hoisted_4 = {
+	key: 1,
+	class: "rs-descriptions__extra"
+};
+var _hoisted_5 = ["aria-label", "aria-labelledby"];
+var _hoisted_6 = { class: "rs-descriptions__label" };
+var _hoisted_7 = {
+	key: 0,
+	class: "rs-descriptions__colon",
+	"aria-hidden": "true"
+};
+var _hoisted_8 = { class: "rs-descriptions__value" };
 var RsDescriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDescriptions",
 	__name: "RsDescriptions",
 	props: {
 		title: {},
@@ -21,12 +35,30 @@ var RsDescriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			default: true
 		},
 		size: {},
-		radius: {}
+		radius: {},
+		colon: {
+			type: Boolean,
+			default: false
+		},
+		labelWidth: {},
+		labelAlign: {},
+		emptyText: {},
+		id: {},
+		ariaLabel: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const titleId = useId();
 		const resolvedSize = useResolvedRsComponentSize(() => props.size);
 		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		const resolvedColumns = computed(() => resolveRsDescriptionsColumns(props.columns));
+		const resolvedAlign = computed(() => resolveRsDescriptionsLabelAlign(props.labelAlign));
+		const resolvedLabelWidth = computed(() => resolveRsDescriptionsLabelWidth(props.labelWidth));
+		const resolvedEmpty = computed(() => props.emptyText ?? t("descriptions.empty"));
+		const colonMark = computed(() => t("label.colon"));
+		const showTitle = computed(() => Boolean(props.title) || Boolean(slots.title));
 		provide(RS_DESCRIPTIONS_KEY, {
 			get labelPlacement() {
 				return props.labelPlacement;
@@ -38,30 +70,68 @@ var RsDescriptions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				return resolvedSize.value;
 			},
 			get columns() {
-				return props.columns;
+				return resolvedColumns.value;
+			},
+			get colon() {
+				return props.colon;
+			},
+			get colonMark() {
+				return colonMark.value;
 			}
 		});
 		const rootClass = computed(() => [
 			"rs-descriptions",
 			`rs-descriptions--${resolvedSize.value}`,
 			`rs-descriptions--${props.labelPlacement}`,
-			{ "rs-descriptions--bordered": props.bordered }
+			`rs-descriptions--align-${resolvedAlign.value}`,
+			{
+				"rs-descriptions--bordered": props.bordered,
+				"rs-descriptions--colon": props.colon
+			}
 		]);
-		const gridStyle = computed(() => ({
-			"--rs-descriptions-columns": String(props.columns),
-			"--rs-descriptions-radius-local": rsRadiusCss(resolvedRadius.value)
-		}));
+		const gridStyle = computed(() => {
+			const style = {
+				"--rs-descriptions-columns": String(resolvedColumns.value),
+				"--rs-descriptions-radius-local": rsRadiusCss(resolvedRadius.value)
+			};
+			if (resolvedLabelWidth.value) style["--rs-descriptions-label-width"] = resolvedLabelWidth.value;
+			return style;
+		});
+		const rows = computed(() => {
+			const columns = resolvedColumns.value;
+			const empty = resolvedEmpty.value;
+			return props.items.map((item, index) => {
+				const key = item.key ?? index;
+				return {
+					key,
+					label: item.label,
+					text: resolveRsDescriptionsValue(item.value, empty),
+					spanStyle: { gridColumn: `span ${clampRsDescriptionsSpan(item.span, columns)}` },
+					valueSlot: `item-${key}`,
+					labelSlot: `label-${key}`
+				};
+			});
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(rootClass.value) }, [__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])])) : createCommentVNode("", true), createElementVNode("div", {
+			return openBlock(), createElementBlock("div", {
+				id: __props.id,
+				class: normalizeClass(rootClass.value)
+			}, [showTitle.value || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_2, [showTitle.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: unref(titleId),
+				class: "rs-descriptions__title"
+			}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 8, _hoisted_3)) : createCommentVNode("", true), _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "extra")])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("dl", {
 				class: "rs-descriptions__body",
-				style: normalizeStyle(gridStyle.value)
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				style: normalizeStyle(gridStyle.value),
+				"aria-label": __props.ariaLabel || void 0,
+				"aria-labelledby": __props.ariaLabel || !showTitle.value ? void 0 : unref(titleId)
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
 				return openBlock(), createElementBlock("div", {
-					key: item.key ?? index,
+					key: row.key,
 					class: "rs-descriptions__item",
-					style: normalizeStyle({ gridColumn: `span ${Math.min(item.span ?? 1, __props.columns)}` })
-				}, [createElementVNode("div", _hoisted_2, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, `item-${item.key ?? index}`, {}, () => [createTextVNode(toDisplayString(item.value ?? "—"), 1)])])], 4);
-			}), 128))])], 4)], 2);
+					style: normalizeStyle(row.spanStyle)
+				}, [createElementVNode("dt", _hoisted_6, [renderSlot(_ctx.$slots, row.labelSlot, {}, () => [createTextVNode(toDisplayString(row.label), 1)]), __props.colon ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(colonMark.value), 1)) : createCommentVNode("", true)]), createElementVNode("dd", _hoisted_8, [renderSlot(_ctx.$slots, row.valueSlot, {}, () => [createTextVNode(toDisplayString(row.text), 1)])])], 4);
+			}), 128))])], 12, _hoisted_5)], 10, _hoisted_1);
 		};
 	}
 });

package/dist/components/descriptions/src/RsDescriptionsItem.impl.js

@@ -1,9 +1,15 @@
-import { RS_DESCRIPTIONS_KEY } from "./descriptions-utils.js";
-import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+import { RS_DESCRIPTIONS_KEY, clampRsDescriptionsSpan } from "./descriptions-utils.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, inject, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
 //#region src/components/descriptions/src/RsDescriptionsItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "rs-descriptions__label" };
-var _hoisted_2 = { class: "rs-descriptions__value" };
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-descriptions__colon",
+	"aria-hidden": "true"
+};
+var _hoisted_3 = { class: "rs-descriptions__value" };
 var RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDescriptionsItem",
 	__name: "RsDescriptionsItem",
 	props: {
 		label: {},
@@ -12,13 +18,14 @@ var RsDescriptionsItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	setup(__props) {
 		const props = __props;
 		const ctx = inject(RS_DESCRIPTIONS_KEY, null);
-		const columns = computed(() => ctx?.columns ?? 3);
-		const spanStyle = computed(() => ({ gridColumn: `span ${Math.min(props.span, columns.value)}` }));
+		const spanStyle = computed(() => ({ gridColumn: `span ${clampRsDescriptionsSpan(props.span, ctx?.columns ?? 3)}` }));
+		const showColon = computed(() => Boolean(ctx?.colon));
+		const colonMark = computed(() => ctx?.colonMark ?? "");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: "rs-descriptions__item",
 				style: normalizeStyle(spanStyle.value)
-			}, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 4);
+			}, [createElementVNode("dt", _hoisted_1, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.label), 1)]), showColon.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(colonMark.value), 1)) : createCommentVNode("", true)]), createElementVNode("dd", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 4);
 		};
 	}
 });

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

@@ -3,6 +3,8 @@ import type { RsComponentSize } from '../../../theme/types';
 /** Descriptions 尺寸与全局控件尺寸对齐：ssm / sm / md / lg */
 export type RsDescriptionsSize = RsComponentSize;
 export type RsDescriptionsLabelPlacement = 'left' | 'top';
+/** 标签对齐走书写方向，RTL 下 start / end 自动对调。 */
+export type RsDescriptionsLabelAlign = 'start' | 'center' | 'end';
 export type RsDescriptionsItem = {
     label: string;
     value?: string | number | null;
@@ -14,5 +16,22 @@ export type RsDescriptionsContext = {
     bordered: boolean;
     size: RsDescriptionsSize;
     columns: number;
+    colon: boolean;
+    colonMark: string;
 };
 export declare const RS_DESCRIPTIONS_KEY: InjectionKey<RsDescriptionsContext>;
+/** 列数至少为 1。非数字回退 3，小数向下取整。 */
+export declare function resolveRsDescriptionsColumns(columns: number | undefined): number;
+/** span 夹在 1 与列数之间。缺省、0、负数都当成 1。 */
+export declare function clampRsDescriptionsSpan(span: number | undefined, columns: number): number;
+export declare function resolveRsDescriptionsLabelAlign(align: RsDescriptionsLabelAlign | undefined): RsDescriptionsLabelAlign;
+/**
+ * 标签列宽。数字按 px。空串、负数、含 `;` `{` `}` 或 `url(` 的字符串忽略，
+ * 避免写进 CSS 变量时打断声明。
+ */
+export declare function resolveRsDescriptionsLabelWidth(width: number | string | null | undefined): string | undefined;
+/**
+ * 空值只替换 null / undefined，与原先 `value ?? '—'` 一致。
+ * 空字符串和 0 原样显示。
+ */
+export declare function resolveRsDescriptionsValue(value: string | number | null | undefined, emptyText: string): string;

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

@@ -1,4 +1,42 @@
 //#region src/components/descriptions/src/descriptions-utils.ts
 var RS_DESCRIPTIONS_KEY = Symbol("rs-descriptions");
+var LABEL_WIDTH_UNSAFE = /[;{}]|url\s*\(/i;
+/** 列数至少为 1。非数字回退 3，小数向下取整。 */
+function resolveRsDescriptionsColumns(columns) {
+	if (columns === void 0 || !Number.isFinite(columns)) return 3;
+	return Math.max(1, Math.floor(columns));
+}
+/** span 夹在 1 与列数之间。缺省、0、负数都当成 1。 */
+function clampRsDescriptionsSpan(span, columns) {
+	const limit = Math.max(1, columns);
+	if (span === void 0 || !Number.isFinite(span)) return 1;
+	return Math.min(Math.max(Math.floor(span), 1), limit);
+}
+function resolveRsDescriptionsLabelAlign(align) {
+	if (align === "center" || align === "end") return align;
+	return "start";
+}
+/**
+* 标签列宽。数字按 px。空串、负数、含 `;` `{` `}` 或 `url(` 的字符串忽略，
+* 避免写进 CSS 变量时打断声明。
+*/
+function resolveRsDescriptionsLabelWidth(width) {
+	if (width === void 0 || width === null || width === "") return void 0;
+	if (typeof width === "number") {
+		if (!Number.isFinite(width) || width < 0) return void 0;
+		return `${width}px`;
+	}
+	const trimmed = width.trim();
+	if (!trimmed || LABEL_WIDTH_UNSAFE.test(trimmed)) return void 0;
+	return trimmed;
+}
+/**
+* 空值只替换 null / undefined，与原先 `value ?? '—'` 一致。
+* 空字符串和 0 原样显示。
+*/
+function resolveRsDescriptionsValue(value, emptyText) {
+	if (value === null || value === void 0) return emptyText;
+	return String(value);
+}
 //#endregion
-export { RS_DESCRIPTIONS_KEY };
+export { RS_DESCRIPTIONS_KEY, clampRsDescriptionsSpan, resolveRsDescriptionsColumns, resolveRsDescriptionsLabelAlign, resolveRsDescriptionsLabelWidth, resolveRsDescriptionsValue };

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, RsConfirmOptions, RsDialogBeforeClose, RsDialogCloseReason, RsDialogLayout, RsDialogWidth, RsDialogWidthPreset, } from './src/dialog-utils';
+export type { RsConfirmBeforeClose, RsConfirmCloseReason, 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,13 +1,22 @@
 
-.rs-confirm-dialog__overlay {
+.rs-confirm-dialog[data-v-2c82ddba] {
+  display: contents;
+}
+.rs-confirm-dialog__anchor[data-v-2c82ddba] {
+  display: none;
+}
+.rs-confirm-dialog__backdrop[data-v-2c82ddba] {
   position: fixed;
   inset: 0;
   z-index: var(--rs-z-modal);
+  background: transparent;
+}
+.rs-confirm-dialog__overlay[data-v-2c82ddba] {
   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 {
+.rs-confirm-dialog__content[data-v-2c82ddba] {
   position: fixed;
   left: 50%;
   top: calc(
@@ -21,6 +30,7 @@
   max-width: 28rem;
   transform: translate(-50%, -50%);
   box-sizing: border-box;
+  margin: 0;
   padding: var(--rs-space-xl);
   border: 1px solid var(--rs-dialog-border);
   border-radius: var(--rs-radius-lg);
@@ -29,21 +39,26 @@
   box-shadow: var(--rs-dialog-shadow);
   outline: none;
 }
-.rs-confirm-dialog__content--sm {
+.rs-confirm-dialog__content[data-v-2c82ddba]: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-2c82ddba] {
   max-width: 24rem;
 }
-.rs-confirm-dialog__content--md {
+.rs-confirm-dialog__content--md[data-v-2c82ddba] {
   max-width: 32rem;
 }
-.rs-confirm-dialog__content--lg {
+.rs-confirm-dialog__content--lg[data-v-2c82ddba] {
   max-width: 42rem;
 }
-[data-rs-theme='light'] .rs-confirm-dialog__content {
+[data-rs-theme='light'] .rs-confirm-dialog__content[data-v-2c82ddba] {
   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 {
+.rs-confirm-dialog__icon[data-v-2c82ddba] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -53,59 +68,59 @@
   border-radius: var(--rs-radius);
   font-weight: var(--rs-font-weight-bold);
 }
-.rs-confirm-dialog__icon-glyph {
+.rs-confirm-dialog__icon-glyph[data-v-2c82ddba] {
   width: 1.25rem;
   height: 1.25rem;
   display: block;
 }
-.rs-confirm-dialog__icon--danger {
+.rs-confirm-dialog__icon--danger[data-v-2c82ddba] {
   background: var(--rs-danger-container);
   color: var(--rs-on-danger-container);
 }
-.rs-confirm-dialog__icon--warning {
+.rs-confirm-dialog__icon--warning[data-v-2c82ddba] {
   background: var(--rs-warning-container);
   color: var(--rs-on-warning-container);
 }
-.rs-confirm-dialog__icon--success {
+.rs-confirm-dialog__icon--success[data-v-2c82ddba] {
   background: var(--rs-success-container);
   color: var(--rs-on-success-container);
 }
-.rs-confirm-dialog__icon--info,
-.rs-confirm-dialog__icon--default {
+.rs-confirm-dialog__icon--info[data-v-2c82ddba],
+.rs-confirm-dialog__icon--default[data-v-2c82ddba] {
   background: var(--rs-info-container);
   color: var(--rs-on-info-container);
 }
-.rs-confirm-dialog__main {
+.rs-confirm-dialog__main[data-v-2c82ddba] {
   min-width: 0;
   flex: 1;
 }
-.rs-confirm-dialog__title {
+.rs-confirm-dialog__title[data-v-2c82ddba] {
   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 {
+.rs-confirm-dialog__subtitle[data-v-2c82ddba] {
   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 {
+.rs-confirm-dialog__description[data-v-2c82ddba] {
   margin: var(--rs-space-sm) 0 0;
   color: var(--rs-dialog-description-fg);
   font-size: var(--rs-font-size-sm);
   line-height: var(--rs-line-height-normal);
   white-space: pre-wrap;
-  word-break: break-word;
+  overflow-wrap: anywhere;
 }
-.rs-confirm-dialog__extra {
+.rs-confirm-dialog__extra[data-v-2c82ddba] {
   margin-top: var(--rs-space-md);
   min-width: 0;
 }
-.rs-confirm-dialog__footer {
+.rs-confirm-dialog__footer[data-v-2c82ddba] {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
@@ -114,5 +129,16 @@
   min-height: var(--rs-dialog-footer-min-height);
   margin-top: var(--rs-space-xl);
   padding-top: var(--rs-dialog-footer-padding-y);
-  border-top: 1px solid color-mix(in srgb, var(--rs-dialog-separator) 72%, transparent);
+  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-2c82ddba] {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    background: var(--rs-dialog-bg);
+}
+.rs-confirm-dialog__overlay[data-v-2c82ddba] {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+}
 }

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

@@ -30,37 +30,49 @@ type __VLS_Props = {
     overlayOpacity?: number;
     /** 遮罩模糊；number 为 px。默认主题为 0 */
     overlayBlur?: number | string;
-    /** AlertDialogPortal 挂载目标；false 禁用 Teleport */
+    /** 挂载目标；false 禁用 Teleport */
     teleportTo?: string | HTMLElement | false;
+    /** Esc 关闭。确认中无效。只作用于最上层。 */
+    closeOnEsc?: boolean;
+    /** 模态时锁 body 滚动。默认 true。 */
+    lockScroll?: boolean;
+    /** 覆盖 --rs-z-modal。遮罩用该值，面板 +1。 */
+    zIndex?: number;
+    /** 没有可用标题关联时的可访问名称 */
+    ariaLabel?: string;
+    id?: string;
 };
+declare function focus(): void;
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_29: {}, __VLS_60: {};
+declare var __VLS_7: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_29) => any;
+    icon?: (props: typeof __VLS_7) => any;
 } & {
-    extra?: (props: typeof __VLS_60) => any;
+    extra?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** 请求关闭（走 beforeClose） */
     close: (reason?: RsConfirmCloseReason) => Promise<boolean>;
+    focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
-    "update:open": (value: boolean) => any;
     confirm: () => any;
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     tone: RsFeedbackTone;
+    closeOnEsc: boolean;
     showOverlay: boolean;
     showCancel: boolean;
     confirmLoading: boolean;
     confirmVariant: "primary" | "danger";
     autoCloseOnConfirm: boolean;
+    lockScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;