naive-ui 2.23.1 → 2.24.2

package/lib/descriptions/src/styles/index.cssr.js

@@ -5,35 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --th-padding
-// --td-padding
-// --font-size
-// --bezier
-// --th-font-weight
-// --line-height
-// --th-text-color
-// --td-text-color
-// --th-color
-// --th-color-modal
-// --th-color-popover
-// --td-color
-// --td-color-modal
-// --td-color-popover
-// --border-radius
-// --border-color
-// --border-color-modal
-// --border-color-popover
+// --n-th-padding
+// --n-td-padding
+// --n-font-size
+// --n-bezier
+// --n-th-font-weight
+// --n-line-height
+// --n-th-text-color
+// --n-td-text-color
+// --n-th-color
+// --n-th-color-modal
+// --n-th-color-popover
+// --n-td-color
+// --n-td-color-modal
+// --n-td-color-popover
+// --n-border-radius
+// --n-border-color
+// --n-border-color-modal
+// --n-border-color-popover
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('descriptions', {
-  fontSize: 'var(--font-size)'
+  fontSize: 'var(--n-font-size)'
 }, [(0, cssr_1.cB)('descriptions-separator', `
  display: inline-block;
  margin: 0 8px 0 2px;
  `), (0, cssr_1.cB)('descriptions-table-wrapper', [(0, cssr_1.cB)('descriptions-table', [(0, cssr_1.cB)('descriptions-table-row', [(0, cssr_1.cB)('descriptions-table-header', {
-  padding: 'var(--th-padding)'
+  padding: 'var(--n-th-padding)'
 }), (0, cssr_1.cB)('descriptions-table-content', {
-  padding: 'var(--td-padding)'
+  padding: 'var(--n-td-padding)'
 })])])]), (0, cssr_1.cNotM)('bordered', [(0, cssr_1.cB)('descriptions-table-wrapper', [(0, cssr_1.cB)('descriptions-table', [(0, cssr_1.cB)('descriptions-table-row', [(0, cssr_1.c)('&:last-child', [(0, cssr_1.cB)('descriptions-table-content', {
   paddingBottom: 0
 })])])])])]), (0, cssr_1.cM)('left-label-placement', [(0, cssr_1.cB)('descriptions-table-content', [(0, cssr_1.c)('> *', {
@@ -45,33 +45,33 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('descriptions', {
 })]), (0, cssr_1.cM)('right-label-align', [(0, cssr_1.c)('th', {
   textAlign: 'right'
 })]), (0, cssr_1.cM)('bordered', [(0, cssr_1.cB)('descriptions-table-wrapper', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  overflow: hidden;
- background: var(--merged-td-color);
- border: 1px solid var(--merged-border-color);
+ background: var(--n-merged-td-color);
+ border: 1px solid var(--n-merged-border-color);
  `, [(0, cssr_1.cB)('descriptions-table', [(0, cssr_1.cB)('descriptions-table-row', [(0, cssr_1.c)('&:not(:last-child)', [(0, cssr_1.cB)('descriptions-table-content', {
-  borderBottom: '1px solid var(--merged-border-color)'
+  borderBottom: '1px solid var(--n-merged-border-color)'
 }), (0, cssr_1.cB)('descriptions-table-header', {
-  borderBottom: '1px solid var(--merged-border-color)'
+  borderBottom: '1px solid var(--n-merged-border-color)'
 })]), (0, cssr_1.cB)('descriptions-table-header', `
  font-weight: 400;
  background-clip: padding-box;
- background-color: var(--merged-th-color);
+ background-color: var(--n-merged-th-color);
  `, [(0, cssr_1.c)('&:not(:last-child)', {
-  borderRight: '1px solid var(--merged-border-color)'
+  borderRight: '1px solid var(--n-merged-border-color)'
 })]), (0, cssr_1.cB)('descriptions-table-content', [(0, cssr_1.c)('&:not(:last-child)', {
-  borderRight: '1px solid var(--merged-border-color)'
+  borderRight: '1px solid var(--n-merged-border-color)'
 })])])])])]), (0, cssr_1.cB)('descriptions-header', `
- font-weight: var(--th-font-weight);
+ font-weight: var(--n-th-font-weight);
  font-size: 18px;
- transition: color .3s var(--bezier);
- line-height: var(--line-height);
+ transition: color .3s var(--n-bezier);
+ line-height: var(--n-line-height);
  margin-bottom: 16px;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  `), (0, cssr_1.cB)('descriptions-table-wrapper', `
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cB)('descriptions-table', `
  width: 100%;
  border-collapse: separate;
@@ -79,47 +79,47 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('descriptions', {
  box-sizing: border-box;
  `, [(0, cssr_1.cB)('descriptions-table-row', `
  box-sizing: border-box;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cB)('descriptions-table-header', `
- font-weight: var(--th-font-weight);
- line-height: var(--line-height);
+ font-weight: var(--n-th-font-weight);
+ line-height: var(--n-line-height);
  display: table-cell;
  box-sizing: border-box;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `), (0, cssr_1.cB)('descriptions-table-content', `
  vertical-align: top;
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  display: table-cell;
  box-sizing: border-box;
- color: var(--td-text-color);
+ color: var(--n-td-text-color);
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [(0, cssr_1.cE)('content', `
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  display: inline-block;
- color: var(--td-text-color);
+ color: var(--n-td-text-color);
  `)]), (0, cssr_1.cE)('label', `
- font-weight: var(--th-font-weight);
- transition: color .3s var(--bezier);
+ font-weight: var(--n-th-font-weight);
+ transition: color .3s var(--n-bezier);
  display: inline-block;
  margin-right: 14px;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  `)])])])]), (0, cssr_1.cB)('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color);
- --merged-td-color: var(--td-color);
- --merged-border-color: var(--border-color);
+ --n-merged-th-color: var(--n-th-color);
+ --n-merged-td-color: var(--n-td-color);
+ --n-merged-border-color: var(--n-border-color);
  `), (0, cssr_1.insideModal)((0, cssr_1.cB)('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color-modal);
- --merged-td-color: var(--td-color-modal);
- --merged-border-color: var(--border-color-modal);
+ --n-merged-th-color: var(--n-th-color-modal);
+ --n-merged-td-color: var(--n-td-color-modal);
+ --n-merged-border-color: var(--n-border-color-modal);
  `)), (0, cssr_1.insidePopover)((0, cssr_1.cB)('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color-popover);
- --merged-td-color: var(--td-color-popover);
- --merged-border-color: var(--border-color-popover);
+ --n-merged-th-color: var(--n-th-color-popover);
+ --n-merged-td-color: var(--n-td-color-popover);
+ --n-merged-border-color: var(--n-border-color-popover);
  `))]);

package/lib/dialog/src/Dialog.d.ts

@@ -29,7 +29,7 @@ declare const dialogProps: {
 };
 export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];
 declare const _default: import("vue").DefineComponent<{
     icon: PropType<() => VNodeChild>;
     type: {
@@ -1129,37 +1129,32 @@ declare const _default: import("vue").DefineComponent<{
         '--n-title-text-color': string;
         '--n-action-space': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    icon?: unknown;
-    type?: unknown;
-    title?: unknown;
-    closable?: unknown;
-    negativeText?: unknown;
-    positiveText?: unknown;
-    content?: unknown;
-    action?: unknown;
-    showIcon?: unknown;
-    loading?: unknown;
-    bordered?: unknown;
-    iconPlacement?: unknown;
-    onPositiveClick?: unknown;
-    onNegativeClick?: unknown;
-    onClose?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    type: "default" | "error" | "info" | "success" | "warning";
-    loading: boolean;
-    bordered: boolean;
-    closable: boolean;
-    showIcon: boolean;
-} & {
-    content?: string | (() => VNodeChild) | undefined;
-    icon?: (() => VNodeChild) | undefined;
-    title?: string | (() => VNodeChild) | undefined;
-    action?: (() => VNodeChild) | undefined;
-    theme?: import("../../_mixins").Theme<"Dialog", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: PropType<() => VNodeChild>;
+    type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    title: PropType<string | (() => VNodeChild)>;
+    closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    negativeText: StringConstructor;
+    positiveText: StringConstructor;
+    content: PropType<string | (() => VNodeChild)>;
+    action: PropType<() => VNodeChild>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    loading: BooleanConstructor;
+    bordered: BooleanConstructor;
+    iconPlacement: PropType<IconPlacement>;
+    onPositiveClick: PropType<(e: MouseEvent) => void>;
+    onNegativeClick: PropType<(e: MouseEvent) => void>;
+    onClose: PropType<() => void>;
+    theme: PropType<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1391,8 +1386,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1624,8 +1619,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1857,18 +1852,12 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    positiveText?: string | undefined;
-    negativeText?: string | undefined;
-    onClose?: (() => void) | undefined;
-    iconPlacement?: IconPlacement | undefined;
-    onPositiveClick?: ((e: MouseEvent) => void) | undefined;
-    onNegativeClick?: ((e: MouseEvent) => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
 }>;
 export default _default;

package/lib/dialog/src/Dialog.js

@@ -5,11 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dialogPropKeys = exports.dialogProps = void 0;
 const vue_1 = require("vue");
+const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
 const button_1 = require("../../button");
-const icons_1 = require("../../_internal/icons");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const infoIcon = (0, vue_1.h)(icons_1.InfoIcon, null);
@@ -116,35 +116,42 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { $slots, bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix } = this;
+        console.log('action', $slots.action);
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,
                 bordered && `${mergedClsPrefix}-dialog--bordered`
-            ], style: cssVars },
+            ], style: cssVars, role: "dialog" },
             closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__close`, onClick: this.handleCloseClick })) : null,
             showIcon && mergedIconPlacement === 'top' ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog-icon-container` },
                 (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__icon` }, {
-                    default: () => (0, vue_1.renderSlot)($slots, 'icon', undefined, () => [
-                        this.icon ? (0, _utils_1.render)(this.icon) : iconMap[this.type]
-                    ])
+                    default: () => $slots.icon
+                        ? $slots.icon()
+                        : this.icon
+                            ? (0, _utils_1.render)(this.icon)
+                            : iconMap[this.type]
                 }))) : null,
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__title` },
                 showIcon && mergedIconPlacement === 'left' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__icon` }, {
-                    default: () => (0, vue_1.renderSlot)($slots, 'icon', undefined, () => [
-                        this.icon ? (0, _utils_1.render)(this.icon) : iconMap[this.type]
-                    ])
+                    default: () => $slots.icon
+                        ? $slots.icon()
+                        : this.icon
+                            ? (0, _utils_1.render)(this.icon)
+                            : iconMap[this.type]
                 })) : null,
-                (0, vue_1.renderSlot)($slots, 'header', undefined, () => [(0, _utils_1.render)(title)])),
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__content` }, (0, vue_1.renderSlot)($slots, 'default', undefined, () => [(0, _utils_1.render)(content)])),
-            $slots.action || positiveText || negativeText || action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__action` }, (0, vue_1.renderSlot)($slots, 'action', undefined, action
-                ? () => [(0, _utils_1.render)(action)]
-                : () => [
-                    this.negativeText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, ghost: true, size: "small", onClick: handleNegativeClick, internalAutoFocus: !this.positiveText }, {
-                        default: () => (0, _utils_1.render)(this.negativeText)
-                    })),
-                    this.positiveText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: loading, loading: loading, size: "small", type: type === 'default' ? 'primary' : type, onClick: handlePositiveClick, internalAutoFocus: true }, {
-                        default: () => (0, _utils_1.render)(this.positiveText)
-                    }))
-                ]))) : null));
+                $slots.header ? $slots.header() : (0, _utils_1.render)(title)),
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__content` }, $slots.default ? $slots.default() : (0, _utils_1.render)(content)),
+            $slots.action || positiveText || negativeText || action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__action` }, $slots.action
+                ? $slots.action()
+                : action
+                    ? (0, _utils_1.render)(action)
+                    : [
+                        this.negativeText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, ghost: true, size: "small", onClick: handleNegativeClick }, {
+                            default: () => (0, _utils_1.render)(this.negativeText)
+                        })),
+                        this.positiveText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: loading, loading: loading, size: "small", type: type === 'default' ? 'primary' : type, onClick: handlePositiveClick }, {
+                            default: () => (0, _utils_1.render)(this.positiveText)
+                        }))
+                    ])) : null));
     }
 });

package/lib/dialog/src/DialogEnvironment.d.ts

@@ -80,57 +80,52 @@ declare const _default: import("vue").DefineComponent<{
     handleNegativeClick: (e: MouseEvent) => void;
     handlePositiveClick: (e: MouseEvent) => void;
     handleMaskClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    internalKey?: unknown;
-    to?: unknown;
-    onInternalAfterLeave?: unknown;
-    internalStyle?: unknown;
-    maskClosable?: unknown;
-    onPositiveClick?: unknown;
-    onNegativeClick?: unknown;
-    onClose?: unknown;
-    onMaskClick?: unknown;
-    icon?: unknown;
-    type?: unknown;
-    title?: unknown;
-    closable?: unknown;
-    negativeText?: unknown;
-    positiveText?: unknown;
-    content?: unknown;
-    action?: unknown;
-    showIcon?: unknown;
-    loading?: unknown;
-    bordered?: unknown;
-    iconPlacement?: unknown;
-} & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    internalKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    to: PropType<string | HTMLElement>;
+    onInternalAfterLeave: {
+        type: PropType<(key: string) => void>;
+        required: true;
+    };
+    internalStyle: PropType<string | CSSProperties>;
+    maskClosable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
+    onClose: PropType<() => unknown>;
+    onMaskClick: PropType<(e: MouseEvent) => void>;
+    icon: PropType<() => import("vue").VNodeChild>;
+    type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    title: PropType<string | (() => import("vue").VNodeChild)>;
+    closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    negativeText: StringConstructor;
+    positiveText: StringConstructor;
+    content: PropType<string | (() => import("vue").VNodeChild)>;
+    action: PropType<() => import("vue").VNodeChild>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    loading: BooleanConstructor;
+    bordered: BooleanConstructor;
+    iconPlacement: PropType<import("./interface").IconPlacement>;
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
-    bordered: boolean;
-    closable: boolean;
     showIcon: boolean;
-    maskClosable: boolean;
-    internalKey: string;
-    onInternalAfterLeave: (key: string) => void;
-} & {
-    content?: string | (() => import("vue").VNodeChild) | undefined;
-    icon?: (() => import("vue").VNodeChild) | undefined;
-    title?: string | (() => import("vue").VNodeChild) | undefined;
-    action?: (() => import("vue").VNodeChild) | undefined;
-    to?: string | HTMLElement | undefined;
-    positiveText?: string | undefined;
-    negativeText?: string | undefined;
-    onClose?: (() => unknown) | undefined;
-    iconPlacement?: import("./interface").IconPlacement | undefined;
-    onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
-    onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;
-    onMaskClick?: ((e: MouseEvent) => void) | undefined;
-    internalStyle?: string | CSSProperties | undefined;
-}>, {
-    type: "default" | "error" | "info" | "success" | "warning";
-    loading: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
     maskClosable: boolean;
 }>;
 export default _default;

package/lib/dialog/src/DialogProvider.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, PropType, InjectionKey, Ref, CSSProperties } from 'vue';
+import { ExtractPropTypes, PropType, Ref, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes, Mutable } from '../../_utils';
 import { exposedDialogEnvProps } from './DialogEnvironment';
 export declare type DialogOptions = Mutable<Omit<Partial<ExtractPropTypes<typeof exposedDialogEnvProps>>, 'internalStyle'> & {
@@ -16,7 +16,7 @@ export interface DialogApiInjection {
     error: (options: DialogOptions) => DialogReactive;
     info: (options: DialogOptions) => DialogReactive;
 }
-export declare const dialogApiInjectionKey: InjectionKey<DialogApiInjection>;
+export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;
 export interface DialogProviderInjection {
     clickedRef: Ref<boolean>;
     clickPositionRef: Ref<{
@@ -24,7 +24,7 @@ export interface DialogProviderInjection {
         y: number;
     } | null>;
 }
-export declare const dialogProviderInjectionKey: InjectionKey<DialogProviderInjection>;
+export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
 interface DialogInst {
     hide: () => void;
 }
@@ -49,10 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
+        showIcon?: boolean | undefined;
         bordered?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
-        showIcon?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
         onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;
@@ -68,11 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     success: (options: DialogOptions) => DialogReactive;
     warning: (options: DialogOptions) => DialogReactive;
     error: (options: DialogOptions) => DialogReactive;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    injectionKey?: unknown;
-    to?: unknown;
-} & {} & {
-    to?: string | HTMLElement | undefined;
-    injectionKey?: string | undefined;
-}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    injectionKey: StringConstructor;
+    to: PropType<string | HTMLElement>;
+}>>, {}>;
 export default _default;

package/lib/dialog/src/DialogProvider.js

@@ -9,8 +9,8 @@ const seemly_1 = require("seemly");
 const _utils_1 = require("../../_utils");
 const DialogEnvironment_1 = __importDefault(require("./DialogEnvironment"));
 const vooks_1 = require("vooks");
-exports.dialogApiInjectionKey = Symbol('dialogApi');
-exports.dialogProviderInjectionKey = Symbol('dialogProvider');
+exports.dialogApiInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-api');
+exports.dialogProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-provider');
 const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]

package/lib/divider/src/Divider.d.ts

@@ -54,34 +54,29 @@ declare const _default: import("vue").DefineComponent<{
         '--n-text-color': string;
         '--n-font-weight': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly titlePlacement?: unknown;
-    readonly dashed?: unknown;
-    readonly vertical?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    dashed: boolean;
-    vertical: boolean;
-    titlePlacement: "left" | "right" | "center";
-} & {
-    theme?: import("../../_mixins").Theme<"Divider", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly titlePlacement: {
+        readonly type: PropType<"left" | "right" | "center">;
+        readonly default: "center";
+    };
+    readonly dashed: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly theme: PropType<import("../../_mixins").Theme<"Divider", {
         textColor: string;
         color: string;
         fontWeight: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Divider", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Divider", {
         textColor: string;
         color: string;
         fontWeight: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Divider", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Divider", {
         textColor: string;
         color: string;
         fontWeight: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     dashed: boolean;
     vertical: boolean;
     titlePlacement: "left" | "right" | "center";