niuma-ui 2.0.3 → 2.0.9

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;