niuma-ui 2.0.4 → 2.0.9

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

@@ -1,19 +1,23 @@
 
-.rs-dialog__overlay {
+.rs-dialog[data-v-36d0d285] {
+  display: contents;
+}
+.rs-dialog__anchor[data-v-36d0d285] {
+  display: none;
+}
+.rs-dialog__backdrop[data-v-36d0d285] {
   position: fixed;
   inset: 0;
   z-index: var(--rs-z-modal);
+  background: transparent;
+}
+.rs-dialog__overlay[data-v-36d0d285] {
   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-36d0d285 220ms ease;
 }
-.rs-dialog__overlay[data-state='open'] {
-  animation: rs-dialog-overlay-in 220ms ease;
-}
-.rs-dialog__overlay[data-state='closed'] {
-  animation: rs-dialog-overlay-out 160ms ease;
-}
-.rs-dialog__content {
+.rs-dialog__content[data-v-36d0d285] {
   position: fixed;
   left: 50%;
   top: calc(
@@ -31,6 +35,8 @@
   flex-direction: column;
   transform: translate(-50%, -50%);
   overflow: hidden;
+  margin: 0;
+  padding: 0;
   border-radius: var(--rs-radius-lg);
   border: 1px solid var(--rs-dialog-border);
   background: var(--rs-dialog-bg);
@@ -39,50 +45,48 @@
   outline: none;
   color: var(--rs-dialog-title-fg);
 }
-
-/* 亮色 form：轻微 vibrancy；window 用实底避免 CEF 下 blur 合成开销 */
-[data-rs-theme='light'] .rs-dialog__content--form,
-[data-rs-theme='light'] .rs-dialog__content--confirm {
+.rs-dialog__content[data-v-36d0d285]: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-36d0d285],
+[data-rs-theme='light'] .rs-dialog__content--confirm[data-v-36d0d285] {
   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-rs-theme='light'] .rs-dialog__content--window[data-v-36d0d285] {
   background: var(--rs-dialog-bg);
 }
-/* form 布局：缩放 + 淡入（居中，含 translate）；苹果 sheet 缓动曲线 */
-.rs-dialog__content--form[data-state='open'],
-.rs-dialog__content--confirm[data-state='open'] {
-  animation: rs-dialog-pop-in 240ms cubic-bezier(0.32, 0.72, 0, 1);
+.rs-dialog__content--form[data-state='open'][data-v-36d0d285],
+.rs-dialog__content--confirm[data-state='open'][data-v-36d0d285] {
+  animation: rs-dialog-pop-in-36d0d285 240ms cubic-bezier(0.32, 0.72, 0, 1);
 }
-.rs-dialog__content--form[data-state='closed'],
-.rs-dialog__content--confirm[data-state='closed'] {
-  animation: rs-dialog-pop-out 180ms ease;
+.rs-dialog__content--window[data-state='open'][data-v-36d0d285] {
+  animation: rs-dialog-fade-in-36d0d285 220ms ease;
 }
-/* window 布局：位置由拖拽内联样式控制，仅淡入避免与 transform 冲突 */
-.rs-dialog__content--window[data-state='open'] {
-  animation: rs-dialog-fade-in 220ms ease;
+.rs-dialog__content--tone-info[data-v-36d0d285] {
+  border-color: color-mix(in srgb, var(--rs-info) 46%, var(--rs-dialog-border));
 }
-.rs-dialog__content--window[data-state='closed'] {
-  animation: rs-dialog-fade-out 150ms ease;
+.rs-dialog__content--tone-success[data-v-36d0d285] {
+  border-color: color-mix(in srgb, var(--rs-success) 46%, var(--rs-dialog-border));
 }
-@keyframes rs-dialog-overlay-in {
-from {
-    opacity: 0;
-}
-to {
-    opacity: 1;
+.rs-dialog__content--tone-warning[data-v-36d0d285] {
+  border-color: color-mix(in srgb, var(--rs-warning) 52%, var(--rs-dialog-border));
 }
+.rs-dialog__content--tone-danger[data-v-36d0d285] {
+  border-color: color-mix(in srgb, var(--rs-danger) 52%, var(--rs-dialog-border));
 }
-@keyframes rs-dialog-overlay-out {
+@keyframes rs-dialog-overlay-in-36d0d285 {
 from {
-    opacity: 1;
+    opacity: 0;
 }
 to {
-    opacity: 0;
+    opacity: 1;
 }
 }
-@keyframes rs-dialog-pop-in {
+@keyframes rs-dialog-pop-in-36d0d285 {
 from {
     opacity: 0;
     transform: translate(-50%, -46%) scale(0.96);
@@ -92,17 +96,7 @@ to {
     transform: translate(-50%, -50%) scale(1);
 }
 }
-@keyframes rs-dialog-pop-out {
-from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-}
-to {
-    opacity: 0;
-    transform: translate(-50%, -47%) scale(0.97);
-}
-}
-@keyframes rs-dialog-fade-in {
+@keyframes rs-dialog-fade-in-36d0d285 {
 from {
     opacity: 0;
 }
@@ -110,22 +104,14 @@ to {
     opacity: 1;
 }
 }
-@keyframes rs-dialog-fade-out {
-from {
-    opacity: 1;
-}
-to {
-    opacity: 0;
-}
-}
-.rs-dialog__content--window {
+.rs-dialog__content--window[data-v-36d0d285] {
   left: 50%;
   top: 50%;
   max-width: none;
   max-height: none;
   transform: none;
 }
-.rs-dialog__content--window.rs-dialog__content--bounds-transition {
+.rs-dialog__content--window.rs-dialog__content--bounds-transition[data-v-36d0d285] {
   transition:
     left 220ms cubic-bezier(0.32, 0.72, 0, 1),
     top 220ms cubic-bezier(0.32, 0.72, 0, 1),
@@ -133,25 +119,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 {
+.rs-dialog__content--sm[data-v-36d0d285] {
   max-width: 24rem;
 }
-.rs-dialog__content--md {
+.rs-dialog__content--md[data-v-36d0d285] {
   max-width: 32rem;
 }
-.rs-dialog__content--lg {
+.rs-dialog__content--lg[data-v-36d0d285] {
   max-width: 42rem;
 }
-.rs-dialog__content--window.rs-dialog__content--sm,
-.rs-dialog__content--window.rs-dialog__content--md,
-.rs-dialog__content--window.rs-dialog__content--lg,
-.rs-dialog__content--window.rs-dialog__content--custom-width {
+.rs-dialog__content--window.rs-dialog__content--sm[data-v-36d0d285],
+.rs-dialog__content--window.rs-dialog__content--md[data-v-36d0d285],
+.rs-dialog__content--window.rs-dialog__content--lg[data-v-36d0d285],
+.rs-dialog__content--window.rs-dialog__content--custom-width[data-v-36d0d285] {
   max-width: none;
 }
-.rs-dialog__content--fullscreen {
+.rs-dialog__content--fullscreen[data-v-36d0d285] {
   border-radius: var(--rs-radius);
 }
-.rs-dialog__header {
+.rs-dialog__header[data-v-36d0d285] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -160,23 +146,24 @@ to {
   box-sizing: border-box;
   height: var(--rs-dialog-header-height);
   min-height: var(--rs-dialog-header-min-height);
-  padding: var(--rs-dialog-header-padding-y) var(--rs-dialog-header-padding-x);
+  padding-block: var(--rs-dialog-header-padding-y);
+  padding-inline: var(--rs-dialog-header-padding-x);
   background: var(--rs-dialog-header-bg);
-  border-bottom: 1px solid var(--rs-dialog-separator);
+  border-block-end: 1px solid var(--rs-dialog-separator);
 }
-.rs-dialog__heading {
+.rs-dialog__heading[data-v-36d0d285] {
   min-width: 0;
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  gap: 2px;
+  gap: var(--rs-space-xs);
 }
-.rs-dialog__content--window.rs-dialog__content--draggable .rs-dialog__header {
+.rs-dialog__content--window.rs-dialog__content--draggable .rs-dialog__header[data-v-36d0d285] {
   cursor: move;
   user-select: none;
 }
-.rs-dialog__title {
+.rs-dialog__title[data-v-36d0d285] {
   margin: 0;
   display: inline-flex;
   align-items: center;
@@ -186,41 +173,34 @@ to {
   letter-spacing: -0.015em;
   line-height: var(--rs-line-height-tight, 1.3);
   color: var(--rs-dialog-title-fg);
+  text-align: start;
 }
-.rs-dialog__description {
-  margin: var(--rs-space-xs) 0 0;
+.rs-dialog__description[data-v-36d0d285] {
+  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__description--sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-.rs-dialog__body {
+.rs-dialog__body[data-v-36d0d285] {
   flex: 1;
   min-height: 0;
   overflow: auto;
+  overscroll-behavior: contain;
   box-sizing: border-box;
-  padding: var(--rs-dialog-body-padding-y) var(--rs-dialog-body-padding-x);
+  padding-block: var(--rs-dialog-body-padding-y);
+  padding-inline: var(--rs-dialog-body-padding-x);
   background: var(--rs-dialog-body-bg);
 }
-.rs-dialog__content--window .rs-dialog__body {
+.rs-dialog__content--window .rs-dialog__body[data-v-36d0d285] {
   display: flex;
   flex-direction: column;
 }
-.rs-dialog__body-placeholder {
+.rs-dialog__body-placeholder[data-v-36d0d285] {
   flex: 1;
   min-height: 0;
 }
-.rs-dialog__footer {
+.rs-dialog__footer[data-v-36d0d285] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -230,69 +210,82 @@ to {
   box-sizing: border-box;
   height: var(--rs-dialog-footer-height);
   min-height: var(--rs-dialog-footer-min-height);
-  padding: var(--rs-dialog-footer-padding-y) var(--rs-dialog-footer-padding-x);
+  padding-block: var(--rs-dialog-footer-padding-y);
+  padding-inline: var(--rs-dialog-footer-padding-x);
   background: var(--rs-dialog-footer-bg);
-  border-top: 1px solid var(--rs-dialog-footer-border);
+  border-block-start: 1px solid var(--rs-dialog-footer-border);
 }
-.rs-dialog__actions {
+.rs-dialog__actions[data-v-36d0d285] {
   display: inline-flex;
   align-items: center;
   gap: var(--rs-space-xs);
   flex-shrink: 0;
 }
-.rs-dialog__resize-handle {
+.rs-dialog__resize-handle[data-v-36d0d285] {
   position: absolute;
   z-index: 2;
 }
-.rs-dialog__resize-handle--n,
-.rs-dialog__resize-handle--s {
+.rs-dialog__resize-handle--n[data-v-36d0d285],
+.rs-dialog__resize-handle--s[data-v-36d0d285] {
   inset-inline: 0.5rem;
   height: 0.5rem;
   cursor: ns-resize;
 }
-.rs-dialog__resize-handle--n {
+.rs-dialog__resize-handle--n[data-v-36d0d285] {
   top: -0.25rem;
 }
-.rs-dialog__resize-handle--s {
+.rs-dialog__resize-handle--s[data-v-36d0d285] {
   bottom: -0.25rem;
 }
-.rs-dialog__resize-handle--e,
-.rs-dialog__resize-handle--w {
+.rs-dialog__resize-handle--e[data-v-36d0d285],
+.rs-dialog__resize-handle--w[data-v-36d0d285] {
   top: 0.5rem;
   bottom: 0.5rem;
   width: 0.5rem;
   cursor: ew-resize;
 }
-.rs-dialog__resize-handle--e {
+.rs-dialog__resize-handle--e[data-v-36d0d285] {
   right: -0.25rem;
 }
-.rs-dialog__resize-handle--w {
+.rs-dialog__resize-handle--w[data-v-36d0d285] {
   left: -0.25rem;
 }
-.rs-dialog__resize-handle--ne,
-.rs-dialog__resize-handle--nw,
-.rs-dialog__resize-handle--se,
-.rs-dialog__resize-handle--sw {
+.rs-dialog__resize-handle--ne[data-v-36d0d285],
+.rs-dialog__resize-handle--nw[data-v-36d0d285],
+.rs-dialog__resize-handle--se[data-v-36d0d285],
+.rs-dialog__resize-handle--sw[data-v-36d0d285] {
   width: 0.75rem;
   height: 0.75rem;
 }
-.rs-dialog__resize-handle--ne {
+.rs-dialog__resize-handle--ne[data-v-36d0d285] {
   top: -0.25rem;
   right: -0.25rem;
   cursor: nesw-resize;
 }
-.rs-dialog__resize-handle--nw {
+.rs-dialog__resize-handle--nw[data-v-36d0d285] {
   top: -0.25rem;
   left: -0.25rem;
   cursor: nwse-resize;
 }
-.rs-dialog__resize-handle--se {
+.rs-dialog__resize-handle--se[data-v-36d0d285] {
   right: -0.25rem;
   bottom: -0.25rem;
   cursor: nwse-resize;
 }
-.rs-dialog__resize-handle--sw {
+.rs-dialog__resize-handle--sw[data-v-36d0d285] {
   left: -0.25rem;
   bottom: -0.25rem;
   cursor: nesw-resize;
 }
+@media (prefers-reduced-motion: reduce) {
+[data-rs-theme='light'] .rs-dialog__content--form[data-v-36d0d285],
+  [data-rs-theme='light'] .rs-dialog__content--confirm[data-v-36d0d285],
+  .rs-dialog__overlay[data-v-36d0d285] {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    background: var(--rs-dialog-bg);
+}
+.rs-dialog__overlay[data-v-36d0d285] {
+    background: var(--rs-dialog-overlay-bg);
+}
+}

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

@@ -1,7 +1,7 @@
 import type { RsFeedbackTone } from '../../_shared/src/overlay-utils';
 import { type RsDialogBeforeClose, type RsDialogCloseReason, type RsDialogLayout, type RsDialogWidth } from './dialog-utils';
 type __VLS_Props = {
-    /** 标题文案；也可用 `#title` / `#header` 插槽。缺省时用空格满足无障碍 Title */
+    /** 标题文案；也可用 `#title` / `#header` 插槽。空白时用 dialog.label 作可访问名称 */
     title?: string;
     description?: string;
     /**
@@ -25,7 +25,7 @@ type __VLS_Props = {
     draggable?: boolean;
     resizable?: boolean;
     fullscreenable?: boolean;
-    /** 是否模态（false 时不锁焦点/不挡背后交互，适合页签内浮层） */
+    /** 是否模态。true 时锁焦点、锁滚动、挡住背后点击。false 时背后仍可操作。 */
     modal?: boolean;
     showOverlay?: boolean;
     /**
@@ -38,21 +38,21 @@ type __VLS_Props = {
     showClose?: boolean;
     /** 点击外部是否关闭；默认 false。与 modal 独立：非模态也可保持打开。 */
     closeOnOverlayClick?: boolean;
-    /** 按 Esc 是否关闭；默认 true（与 Reka 默认一致） */
+    /** 按 Esc 是否关闭；默认 true */
     closeOnEsc?: boolean;
     /**
-     * DialogPortal 挂载目标
+     * 挂载目标
      * - string / HTMLElement：Teleport 到指定节点
-     * - false：禁用 Teleport，就地渲染（不挂到 body / 全局挂载点）
-     * - undefined：走 Reka 默认（通常为 body，或 ConfigProvider.teleportTo）
+     * - false：禁用 Teleport，就地渲染
+     * - undefined：挂到 body
      *
-     * 全屏时若未禁用 Teleport，会临时改挂到默认目标（通常为 body），
-     * 避免业务容器内的层叠上下文（如 isolation:isolate）低于应用顶栏。
+     * 全屏时若未禁用 Teleport，会临时改挂到 body，
+     * 避免业务容器内的层叠上下文低于应用顶栏。
      */
     teleportTo?: string | HTMLElement | false;
     /**
-     * 延后挂载 #body 插槽，避免与打开动画/重组件 init 争抢主线程。
-     * 默认：window 布局为 true，confirm 为 false。
+     * 延后挂载 #body / 默认插槽，避免与打开动画/重组件 init 争抢主线程。
+     * 默认：window 布局为 true，form / confirm 为 false。
      */
     deferBodyMount?: boolean;
     /** 全屏/还原时是否播放 bounds 过渡（含编辑器时建议保持 false） */
@@ -73,63 +73,72 @@ type __VLS_Props = {
     confirmVariant?: 'primary' | 'danger';
     /** 点击确定后是否自动关闭（仍会走 beforeClose） */
     autoCloseOnConfirm?: boolean;
+    /** 模态时锁 body 滚动。非模态永远不锁。 */
+    lockScroll?: boolean;
+    /** 覆盖 --rs-z-modal。遮罩用该值，面板 +1。 */
+    zIndex?: number;
+    id?: string;
+    /** 覆盖可访问名称。有可见标题时仍优先 aria-labelledby。 */
+    ariaLabel?: string;
 };
+declare function focus(): void;
 declare function onBuiltinCancel(): Promise<void>;
 declare function onBuiltinConfirm(): Promise<void>;
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_33: {}, __VLS_41: {}, __VLS_49: {}, __VLS_65: {}, __VLS_67: {}, __VLS_69: {
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_27: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {
     confirmLoading: boolean;
     onConfirm: typeof onBuiltinConfirm;
     onCancel: typeof onBuiltinCancel;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_33) => any;
+    header?: (props: typeof __VLS_7) => any;
 } & {
-    title?: (props: typeof __VLS_41) => any;
+    title?: (props: typeof __VLS_9) => any;
 } & {
-    description?: (props: typeof __VLS_49) => any;
+    description?: (props: typeof __VLS_11) => any;
 } & {
-    body?: (props: typeof __VLS_65) => any;
+    body?: (props: typeof __VLS_27) => any;
 } & {
-    'body-placeholder'?: (props: typeof __VLS_67) => any;
+    default?: (props: typeof __VLS_29) => any;
 } & {
-    footer?: (props: typeof __VLS_69) => any;
+    'body-placeholder'?: (props: typeof __VLS_31) => any;
+} & {
+    footer?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    /** 请求关闭（走 beforeClose） */
     close: (reason?: RsDialogCloseReason) => Promise<boolean>;
-    /** 打开对话框 */
     openDialog: () => void;
+    focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
-    "update:open": (value: boolean) => any;
     confirm: () => any;
     openChange: (open: boolean) => any;
+    "update:open": (value: boolean) => any;
     afterOpen: () => any;
     afterClose: (reason: RsDialogCloseReason) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
     onOpenChange?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onAfterOpen?: (() => any) | undefined;
     onAfterClose?: ((reason: RsDialogCloseReason) => any) | undefined;
 }>, {
     title: string;
     width: RsDialogWidth;
     tone: RsFeedbackTone;
-    modal: boolean;
     draggable: boolean;
+    modal: boolean;
+    showClose: boolean;
+    closeOnEsc: boolean;
     layout: RsDialogLayout;
     resizable: boolean;
     fullscreenable: boolean;
     showOverlay: boolean;
-    showClose: boolean;
     closeOnOverlayClick: boolean;
-    closeOnEsc: boolean;
     boundsTransition: boolean;
     showFooter: boolean;
     showCancel: boolean;
@@ -137,6 +146,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     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;