naive-ui 2.24.4 → 2.25.0

package/lib/date-picker/src/styles/index.cssr.js

@@ -26,6 +26,7 @@ const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transi
 // panel calendar
 // --n-calendar-left-padding
 // --n-calendar-right-padding
+// --n-calendar-title-color-hover
 // --n-calendar-title-height
 // --n-calendar-title-padding
 // --n-calendar-title-font-size
@@ -199,16 +200,24 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  height: var(--n-arrow-size);
  color: var(--n-arrow-color);
  `), (0, cssr_1.cE)('month-year', `
+ user-select: none;
  flex-grow: 1;
  position: relative;
  `, [(0, cssr_1.cE)('text', `
  font-size: var(--n-calendar-title-font-size);
+ line-height: var(--n-calendar-title-font-size);
  font-weight: var(--n-calendar-title-font-weight);
- line-height: 17px;
+ padding: 6px 8px;
  text-align: center;
  color: var(--n-calendar-title-text-color);
  cursor: pointer;
- `)])]), (0, cssr_1.cB)('date-panel-weekdays', `
+ transition: background-color .3s var(--n-bezier);
+ border-radius: var(--n-panel-border-radius);
+ `, [(0, cssr_1.cM)('active', `
+ background-color: var(--n-calendar-title-color-hover);
+ `), (0, cssr_1.c)('&:hover', `
+ background-color: var(--n-calendar-title-color-hover);
+ `)])])]), (0, cssr_1.cB)('date-panel-weekdays', `
  display: grid;
  margin: auto;
  grid-template-columns: repeat(7, var(--n-item-cell-width));
@@ -218,6 +227,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  margin-bottom: 4px;
  border-bottom: 1px solid var(--n-calendar-days-divider-color);
  `, [(0, cssr_1.cE)('day', `
+ user-select: none;
  line-height: 15px;
  width: var(--n-item-size);
  text-align: center;
@@ -232,6 +242,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('date-picker', `
  justify-items: center;
  flex-wrap: wrap;
  `, [(0, cssr_1.cB)('date-panel-date', `
+ user-select: none;
  position: relative;
  width: var(--n-item-size);
  height: var(--n-item-size);

package/lib/date-picker/styles/light.d.ts

@@ -16,6 +16,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     panelTextColor: string;
     arrowColor: string;
     calendarTitleTextColor: string;
+    calendarTitleColorHover: string;
     calendarDaysTextColor: string;
     panelHeaderDividerColor: string;
     calendarDaysDividerColor: string;
@@ -73,6 +74,7 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
     panelTextColor: string;
     arrowColor: string;
     calendarTitleTextColor: string;
+    calendarTitleColorHover: string;
     calendarDaysTextColor: string;
     panelHeaderDividerColor: string;
     calendarDaysDividerColor: string;

package/lib/date-picker/styles/light.js

@@ -14,7 +14,7 @@ const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
     const { hoverColor, fontSize, textColor2, textColorDisabled, popoverColor, primaryColor, borderRadiusSmall, iconColor, iconColorDisabled, textColor1, dividerColor, boxShadow2, borderRadius, fontWeightStrong } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
+    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarTitleColorHover: hoverColor, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
         iconColorDisabled });
 };
 exports.self = self;

package/lib/descriptions/src/Descriptions.d.ts

@@ -386,8 +386,8 @@ declare const _default: import("vue").DefineComponent<{
     column: number;
     size: "small" | "medium" | "large";
     separator: string;
-    bordered: boolean;
-    labelPlacement: "left" | "top";
     labelAlign: "left" | "right" | "center";
+    labelPlacement: "left" | "top";
+    bordered: boolean;
 }>;
 export default _default;

package/lib/descriptions/src/Descriptions.js

@@ -31,7 +31,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: descriptionProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const themeRef = (0, _mixins_1.useTheme)('Descriptions', 'Descriptions', index_cssr_1.default, styles_1.descriptionsLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Descriptions', '-descriptions', index_cssr_1.default, styles_1.descriptionsLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: (0, vue_1.computed)(() => {

package/lib/dialog/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NDialog } from './src/Dialog';
-export type { DialogProps } from './src/Dialog';
-export { default as NDialogProvider } from './src/DialogProvider';
+export { NDialog } from './src/Dialog';
+export type { DialogProps } from './src/dialogProps';
+export { NDialogProvider } from './src/DialogProvider';
 export type { DialogProviderProps, DialogProviderInst, DialogOptions, DialogReactive, DialogApiInjection as DialogApi } from './src/DialogProvider';
 export { useDialog } from './src/use-dialog';

package/lib/dialog/index.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDialog = exports.NDialogProvider = exports.NDialog = void 0;
 var Dialog_1 = require("./src/Dialog");
-Object.defineProperty(exports, "NDialog", { enumerable: true, get: function () { return __importDefault(Dialog_1).default; } });
+Object.defineProperty(exports, "NDialog", { enumerable: true, get: function () { return Dialog_1.NDialog; } });
 var DialogProvider_1 = require("./src/DialogProvider");
-Object.defineProperty(exports, "NDialogProvider", { enumerable: true, get: function () { return __importDefault(DialogProvider_1).default; } });
+Object.defineProperty(exports, "NDialogProvider", { enumerable: true, get: function () { return DialogProvider_1.NDialogProvider; } });
 var use_dialog_1 = require("./src/use-dialog");
 Object.defineProperty(exports, "useDialog", { enumerable: true, get: function () { return use_dialog_1.useDialog; } });

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

@@ -1,61 +1,29 @@
-import { VNodeChild, PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
-import type { IconPlacement } from './interface';
-declare const dialogProps: {
-    readonly icon: PropType<() => VNodeChild>;
-    readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
-        readonly default: "default";
-    };
-    readonly title: PropType<string | (() => VNodeChild)>;
-    readonly closable: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly negativeText: StringConstructor;
-    readonly positiveText: StringConstructor;
-    readonly content: PropType<string | (() => VNodeChild)>;
-    readonly action: PropType<() => VNodeChild>;
-    readonly showIcon: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly loading: BooleanConstructor;
-    readonly bordered: BooleanConstructor;
-    readonly iconPlacement: PropType<IconPlacement>;
-    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
-    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
-    readonly onClose: PropType<() => void>;
-};
-export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
-export { dialogProps };
-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>;
+export declare const NDialog: import("vue").DefineComponent<{
+    icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
-    title: PropType<string | (() => VNodeChild)>;
+    title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
     closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    content: PropType<string | (() => VNodeChild)>;
-    action: PropType<() => VNodeChild>;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    action: import("vue").PropType<() => import("vue").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", {
+    iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
+    onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onClose: import("vue").PropType<() => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -288,7 +256,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -521,7 +489,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -756,7 +724,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedIconPlacement: import("vue").ComputedRef<IconPlacement>;
+    mergedIconPlacement: import("vue").ComputedRef<import("./interface").IconPlacement>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1130,31 +1098,31 @@ declare const _default: import("vue").DefineComponent<{
         '--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<import("vue").ExtractPropTypes<{
-    icon: PropType<() => VNodeChild>;
+    icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
-    title: PropType<string | (() => VNodeChild)>;
+    title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
     closable: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    content: PropType<string | (() => VNodeChild)>;
-    action: PropType<() => VNodeChild>;
+    content: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
+    action: import("vue").PropType<() => import("vue").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", {
+    iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
+    onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
+    onClose: import("vue").PropType<() => void>;
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1387,7 +1355,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1620,7 +1588,7 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>;
     }>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Dialog", {
         fontSize: string;
         lineHeight: string;
         border: string;
@@ -1854,10 +1822,9 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
 }>;
-export default _default;

package/lib/dialog/src/Dialog.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogPropKeys = exports.dialogProps = void 0;
+exports.NDialog = void 0;
 const vue_1 = require("vue");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
@@ -12,6 +12,7 @@ const _internal_1 = require("../../_internal");
 const button_1 = require("../../button");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const dialogProps_1 = require("./dialogProps");
 const infoIcon = (0, vue_1.h)(icons_1.InfoIcon, null);
 const iconMap = {
     default: infoIcon,
@@ -20,41 +21,13 @@ const iconMap = {
     warning: (0, vue_1.h)(icons_1.WarningIcon, null),
     error: (0, vue_1.h)(icons_1.ErrorIcon, null)
 };
-const dialogProps = {
-    icon: Function,
-    type: {
-        type: String,
-        default: 'default'
-    },
-    title: [String, Function],
-    closable: {
-        type: Boolean,
-        default: true
-    },
-    negativeText: String,
-    positiveText: String,
-    content: [String, Function],
-    action: Function,
-    showIcon: {
-        type: Boolean,
-        default: true
-    },
-    loading: Boolean,
-    bordered: Boolean,
-    iconPlacement: String,
-    onPositiveClick: Function,
-    onNegativeClick: Function,
-    onClose: Function
-};
-exports.dialogProps = dialogProps;
-exports.dialogPropKeys = (0, _utils_1.keysOf)(dialogProps);
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialog = (0, vue_1.defineComponent)({
     name: 'Dialog',
     alias: [
         'NimbusConfirmCard',
         'Confirm' // deprecated
     ],
-    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), dialogProps),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), dialogProps_1.dialogProps),
     setup(props) {
         const { NConfigProvider, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const mergedIconPlacementRef = (0, vue_1.computed)(() => {
@@ -77,7 +50,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (onClose)
                 onClose();
         }
-        const themeRef = (0, _mixins_1.useTheme)('Dialog', 'Dialog', index_cssr_1.default, styles_1.dialogLight, props, mergedClsPrefixRef);
+        const themeRef = (0, _mixins_1.useTheme)('Dialog', '-dialog', index_cssr_1.default, styles_1.dialogLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedIconPlacement: mergedIconPlacementRef,
@@ -116,7 +89,6 @@ 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}`,

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

@@ -11,7 +11,7 @@ export declare const exposedDialogEnvProps: {
     readonly onMaskClick: PropType<(e: MouseEvent) => void>;
     readonly icon: PropType<() => import("vue").VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -31,7 +31,7 @@ export declare const exposedDialogEnvProps: {
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<import("./interface").IconPlacement>;
 };
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -46,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -95,13 +95,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -121,11 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
     maskClosable: boolean;
 }>;
-export default _default;

package/lib/dialog/src/DialogEnvironment.js

@@ -1,39 +1,21 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.exposedDialogEnvProps = void 0;
+exports.NDialogEnvironment = exports.exposedDialogEnvProps = void 0;
 // use absolute path to make sure no circular ref of style
 // this -> modal-index -> modal-style
 const vue_1 = require("vue");
 const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
-const Dialog_1 = __importStar(require("./Dialog"));
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, Dialog_1.dialogProps), { internalStyle: [String, Object], maskClosable: {
+const Dialog_1 = require("./Dialog");
+const dialogProps_1 = require("./dialogProps");
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { internalStyle: [String, Object], maskClosable: {
         type: Boolean,
         default: true
     }, onPositiveClick: Function, onNegativeClick: Function, onClose: Function, onMaskClick: Function });
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialogEnvironment = (0, vue_1.defineComponent)({
     name: 'DialogEnvironment',
     props: Object.assign(Object.assign({}, exports.exposedDialogEnvProps), { internalKey: {
             type: String,
@@ -115,7 +97,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         const { handlePositiveClick, handleUpdateShow, handleNegativeClick, handleCloseClick, handleAfterLeave, handleMaskClick, to, maskClosable, show } = this;
         return ((0, vue_1.h)(Modal_1.default, { show: show, onUpdateShow: handleUpdateShow, onMaskClick: handleMaskClick, appear: true, dialog: true, to: to, maskClosable: maskClosable, onAfterLeave: handleAfterLeave }, {
-            default: () => ((0, vue_1.h)(Dialog_1.default, Object.assign({}, (0, _utils_1.keep)(this.$props, Dialog_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
+            default: () => ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { style: this.internalStyle, onClose: handleCloseClick, onNegativeClick: handleNegativeClick, onPositiveClick: handlePositiveClick })))
         }));
     }
 });

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

@@ -16,7 +16,6 @@ export interface DialogApiInjection {
     error: (options: DialogOptions) => DialogReactive;
     info: (options: DialogOptions) => DialogReactive;
 }
-export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;
 export interface DialogProviderInjection {
     clickedRef: Ref<boolean>;
     clickPositionRef: Ref<{
@@ -24,7 +23,6 @@ export interface DialogProviderInjection {
         y: number;
     } | null>;
 }
-export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
 interface DialogInst {
     hide: () => void;
 }
@@ -34,23 +32,23 @@ declare const dialogProviderProps: {
     to: PropType<string | HTMLElement>;
 };
 export declare type DialogProviderProps = ExtractPublicPropTypes<typeof dialogProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogProvider: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }, {
     dialogList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        type?: "default" | "success" | "error" | "warning" | "info" | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
+        bordered?: boolean | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
         showIcon?: boolean | undefined;
-        bordered?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
@@ -72,4 +70,4 @@ declare const _default: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }>>, {}>;
-export default _default;
+export {};

package/lib/dialog/src/DialogProvider.js

@@ -1,21 +1,17 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dialogProviderInjectionKey = exports.dialogApiInjectionKey = void 0;
+exports.NDialogProvider = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
-const _utils_1 = require("../../_utils");
-const DialogEnvironment_1 = __importDefault(require("./DialogEnvironment"));
 const vooks_1 = require("vooks");
-exports.dialogApiInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-api');
-exports.dialogProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-provider');
+const _utils_1 = require("../../_utils");
+const DialogEnvironment_1 = require("./DialogEnvironment");
+const context_1 = require("./context");
 const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };
-exports.default = (0, vue_1.defineComponent)({
+exports.NDialogProvider = (0, vue_1.defineComponent)({
     name: 'DialogProvider',
     props: dialogProviderProps,
     setup() {
@@ -47,8 +43,8 @@ exports.default = (0, vue_1.defineComponent)({
             warning: typedApi[2],
             error: typedApi[3]
         };
-        (0, vue_1.provide)(exports.dialogApiInjectionKey, api);
-        (0, vue_1.provide)(exports.dialogProviderInjectionKey, {
+        (0, vue_1.provide)(context_1.dialogApiInjectionKey, api);
+        (0, vue_1.provide)(context_1.dialogProviderInjectionKey, {
             clickedRef: (0, vooks_1.useClicked)(64),
             clickPositionRef: (0, vooks_1.useClickPosition)()
         });
@@ -58,7 +54,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         var _a, _b;
         return (0, vue_1.h)(vue_1.Fragment, null, [
-            this.dialogList.map((dialog) => (0, vue_1.h)(DialogEnvironment_1.default, (0, _utils_1.omit)(dialog, ['destroy', 'style'], {
+            this.dialogList.map((dialog) => (0, vue_1.h)(DialogEnvironment_1.NDialogEnvironment, (0, _utils_1.omit)(dialog, ['destroy', 'style'], {
                 internalStyle: dialog.style,
                 to: this.to,
                 ref: ((inst) => {

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

@@ -0,0 +1,3 @@
+import type { DialogApiInjection, DialogProviderInjection } from './DialogProvider';
+export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
+export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;

package/lib/dialog/src/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogApiInjectionKey = exports.dialogProviderInjectionKey = void 0;
+const _utils_1 = require("../../_utils");
+exports.dialogProviderInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-provider');
+exports.dialogApiInjectionKey = (0, _utils_1.createInjectionKey)('n-dialog-api');

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

@@ -0,0 +1,32 @@
+import { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { IconPlacement } from './interface';
+declare const dialogProps: {
+    readonly icon: PropType<() => VNodeChild>;
+    readonly type: {
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly default: "default";
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly negativeText: StringConstructor;
+    readonly positiveText: StringConstructor;
+    readonly content: PropType<string | (() => VNodeChild)>;
+    readonly action: PropType<() => VNodeChild>;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly loading: BooleanConstructor;
+    readonly bordered: BooleanConstructor;
+    readonly iconPlacement: PropType<IconPlacement>;
+    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
+    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
+    readonly onClose: PropType<() => void>;
+};
+export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
+export { dialogProps };
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "bordered" | "positiveText" | "negativeText" | "loading" | "showIcon" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];