naive-ui 2.38.2 → 2.40.0

package/es/date-picker/src/props.mjs

@@ -0,0 +1,87 @@
+import { useTheme } from "../../_mixins/index.mjs";
+import { useAdjustedTo } from "../../_utils/index.mjs";
+export const datePickerProps = Object.assign(Object.assign({}, useTheme.props), {
+  to: useAdjustedTo.propTo,
+  bordered: {
+    type: Boolean,
+    default: undefined
+  },
+  clearable: Boolean,
+  updateValueOnClose: Boolean,
+  defaultValue: [Number, Array],
+  defaultFormattedValue: [String, Array],
+  defaultTime: [Number, String, Array],
+  disabled: {
+    type: Boolean,
+    default: undefined
+  },
+  placement: {
+    type: String,
+    default: 'bottom-start'
+  },
+  value: [Number, Array],
+  formattedValue: [String, Array],
+  size: String,
+  type: {
+    type: String,
+    default: 'date'
+  },
+  valueFormat: String,
+  separator: String,
+  placeholder: String,
+  startPlaceholder: String,
+  endPlaceholder: String,
+  format: String,
+  dateFormat: String,
+  timerPickerFormat: String,
+  actions: Array,
+  shortcuts: Object,
+  isDateDisabled: Function,
+  isTimeDisabled: Function,
+  show: {
+    type: Boolean,
+    default: undefined
+  },
+  panel: Boolean,
+  ranges: Object,
+  firstDayOfWeek: Number,
+  inputReadonly: Boolean,
+  closeOnSelect: Boolean,
+  status: String,
+  timePickerProps: [Object, Array],
+  onClear: Function,
+  onConfirm: Function,
+  defaultCalendarStartTime: Number,
+  defaultCalendarEndTime: Number,
+  bindCalendarMonths: Boolean,
+  monthFormat: {
+    type: String,
+    default: 'M'
+  },
+  yearFormat: {
+    type: String,
+    default: 'y'
+  },
+  quarterFormat: {
+    type: String,
+    default: '\'Q\'Q'
+  },
+  yearRange: {
+    type: Array,
+    default: () => [1901, 2100]
+  },
+  'onUpdate:show': [Function, Array],
+  onUpdateShow: [Function, Array],
+  'onUpdate:formattedValue': [Function, Array],
+  onUpdateFormattedValue: [Function, Array],
+  'onUpdate:value': [Function, Array],
+  onUpdateValue: [Function, Array],
+  onFocus: [Function, Array],
+  onBlur: [Function, Array],
+  onNextMonth: Function,
+  onPrevMonth: Function,
+  onNextYear: Function,
+  onPrevYear: Function,
+  // deprecated
+  onChange: [Function, Array]
+});

package/es/date-picker/src/public-types.d.ts

@@ -0,0 +1,23 @@
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { datePickerProps } from './props';
+export interface DatePickerInst {
+    focus: () => void;
+    blur: () => void;
+}
+export type DatePickerProps = ExtractPublicPropTypes<typeof datePickerProps>;
+export type DatePickerClearSlotOnClear = () => void;
+export interface DatePickerClearSlotProps {
+    onClear: DatePickerClearSlotOnClear;
+    text: string;
+}
+export type DatePickerNowSlotOnNow = () => void;
+export interface DatePickerNowSlotProps {
+    onNow: DatePickerNowSlotOnNow;
+    text: string;
+}
+export type DatePickerConfirmSlotOnConfirm = () => void;
+export interface DatePickerConfirmSlotProps {
+    onConfirm: DatePickerConfirmSlotOnConfirm;
+    disabled: boolean;
+    text: string;
+}

package/es/date-picker/src/public-types.mjs

@@ -0,0 +1 @@
+export {};

package/es/date-picker/src/utils.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from 'vue';
 import type { NDateLocale } from '../../locales';
 import type { Value } from './interface';
 declare function getDerivedTimeFromKeyboardEvent(prevValue: number | null, event: KeyboardEvent): number;
@@ -65,7 +66,7 @@ declare function quarterArray(yearAnchorTs: number, valueTs: number | null, curr
 }): QuarterItem[];
 declare function yearArray(valueTs: number | null, currentTs: number, format: {
     yearFormat: string;
-}): YearItem[];
+}, rangeRef: Ref<[number, number]>): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: NDateLocale['locale'];
 }): Date;

package/es/date-picker/src/utils.mjs

@@ -1,5 +1,4 @@
-import { isValid, isSameDay, getDate, getMonth, getYear, isSameMonth, isSameYear, getTime, startOfMonth, addDays, addMonths, addYears, addQuarters, getDay, parse, format, startOfYear, getQuarter, isSameQuarter, isSameWeek } from "date-fns/esm/index.js";
-import { START_YEAR } from "./config.mjs";
+import { addDays, addMonths, addQuarters, addYears, format, getDate, getDay, getMonth, getQuarter, getTime, getYear, isSameDay, isSameMonth, isSameQuarter, isSameWeek, isSameYear, isValid, parse, setYear, startOfMonth, startOfYear } from 'date-fns';
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
   const now = getTime(Date.now());
   if (typeof prevValue !== 'number') return now;
@@ -209,20 +208,18 @@ function quarterArray(yearAnchorTs, valueTs, currentTs, format) {
   }
   return calendarQuarters;
 }
-function yearArray(valueTs, currentTs, format) {
+function yearArray(valueTs, currentTs, format, rangeRef) {
+  const range = rangeRef.value;
   const calendarYears = [];
-  const time1900 = new Date(START_YEAR, 0, 1);
-  // 1900 is not a round time, so we use 1911 as start...
-  // new Date(1900, 0, 1)
-  // 1899-12-31T15:54:17.000Z
-  for (let i = 0; i < 200; i++) {
-    calendarYears.push(yearItem(getTime(addYears(time1900, i)), valueTs, currentTs, format));
+  const startTime = startOfYear(setYear(new Date(), range[0]));
+  for (let i = 0; i < range[1] - range[0]; i++) {
+    calendarYears.push(yearItem(getTime(addYears(startTime, i)), valueTs, currentTs, format));
   }
   return calendarYears;
 }
 function strictParse(string, pattern, backup, option) {
   const result = parse(string, pattern, backup, option);
-  if (!isValid(result)) return result;else if (format(result, pattern, option) === string) return result;else return new Date(NaN);
+  if (!isValid(result)) return result;else if (format(result, pattern, option) === string) return result;else return new Date(Number.NaN);
 }
 function getDefaultTime(timeValue) {
   if (timeValue === undefined) {

package/es/date-picker/src/validation-utils.mjs

@@ -1,6 +1,5 @@
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { computed } from 'vue';
-import { getHours, getMinutes, getSeconds } from "date-fns/esm/index.js";
+import { getHours, getMinutes, getSeconds } from 'date-fns';
 export function uniCalendarValidation(props, mergedValueRef) {
   // date, datetime
   const timePickerValidatorRef = computed(() => {

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     itemFontSize: string;
     calendarDaysFontSize: string;
     calendarTitleFontSize: string;
@@ -418,8 +418,10 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Button: import("../../_mixins").Theme<"Button", {
@@ -694,8 +696,10 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
 }>;

package/es/date-picker/styles/light.mjs

@@ -4,9 +4,9 @@ import { commonLight } from "../../_styles/common/index.mjs";
 import { buttonLight } from "../../button/styles/index.mjs";
 import { timePickerLight } from "../../time-picker/styles/index.mjs";
 import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
-import commonVars from "./_common.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
-export const self = vars => {
+import commonVars from "./_common.mjs";
+export function self(vars) {
   const {
     hoverColor,
     fontSize,
@@ -55,7 +55,7 @@ export const self = vars => {
     iconColor,
     iconColorDisabled
   });
-};
+}
 const datePickerLight = createTheme({
   name: 'DatePicker',
   common: commonLight,

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

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const descriptionsProps: {
     readonly title: StringConstructor;

package/es/descriptions/src/Descriptions.mjs

@@ -1,11 +1,11 @@
-import { computed, h, defineComponent } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useCompitable } from 'vooks';
+import { repeat } from 'seemly';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { warn, getSlot, getVNodeChildren, createKey, flatten } from "../../_utils/index.mjs";
+import { createKey, flatten, getSlot, getVNodeChildren, warn } from "../../_utils/index.mjs";
 import { descriptionsLight } from "../styles/index.mjs";
 import { isDescriptionsItem } from "./utils.mjs";
 import style from "./styles/index.cssr.mjs";
-import { repeat } from 'seemly';
 export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props), {
   title: String,
   column: {

package/es/descriptions/src/DescriptionsItem.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const descriptionsItemProps: {
     readonly label: StringConstructor;

package/es/descriptions/styles/light.d.ts

@@ -1,6 +1,6 @@
 import { type ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins/use-theme';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     lineHeight: string;
     fontSizeSmall: string;
     fontSizeMedium: string;

package/es/descriptions/styles/light.mjs

@@ -1,7 +1,7 @@
 import { composite } from 'seemly';
-import commonVariables from "./_common.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
-export const self = vars => {
+import commonVariables from "./_common.mjs";
+export function self(vars) {
   const {
     tableHeaderColor,
     textColor2,
@@ -37,7 +37,7 @@ export const self = vars => {
     borderColorPopover: composite(popoverColor, dividerColor),
     borderRadius
   });
-};
+}
 const descriptionsLight = {
   name: 'Descriptions',
   common: commonLight,

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

@@ -2,7 +2,7 @@ import { type CSSProperties } from 'vue';
 export declare const NDialog: import("vue").DefineComponent<{
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -23,11 +23,11 @@ export declare const NDialog: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
-    titleClass: import("vue").PropType<string | (string | undefined)[]>;
+    titleClass: import("vue").PropType<string | Array<string | undefined>>;
     titleStyle: import("vue").PropType<string | CSSProperties>;
-    contentClass: import("vue").PropType<string | (string | undefined)[]>;
+    contentClass: import("vue").PropType<string | Array<string | undefined>>;
     contentStyle: import("vue").PropType<string | CSSProperties>;
-    actionClass: import("vue").PropType<string | (string | undefined)[]>;
+    actionClass: import("vue").PropType<string | Array<string | undefined>>;
     actionStyle: import("vue").PropType<string | CSSProperties>;
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;
@@ -748,111 +748,7 @@ export declare const NDialog: import("vue").DefineComponent<{
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedIconPlacement: import("vue").ComputedRef<import("./interface").IconPlacement>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             fontSize: string;
             lineHeight: string;
@@ -1137,7 +1033,7 @@ export declare const NDialog: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: import("vue").PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: import("vue").PropType<string | (() => import("vue").VNodeChild)>;
@@ -1158,11 +1054,11 @@ export declare const NDialog: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: import("vue").PropType<import("./interface").IconPlacement>;
-    titleClass: import("vue").PropType<string | (string | undefined)[]>;
+    titleClass: import("vue").PropType<string | Array<string | undefined>>;
     titleStyle: import("vue").PropType<string | CSSProperties>;
-    contentClass: import("vue").PropType<string | (string | undefined)[]>;
+    contentClass: import("vue").PropType<string | Array<string | undefined>>;
     contentStyle: import("vue").PropType<string | CSSProperties>;
-    actionClass: import("vue").PropType<string | (string | undefined)[]>;
+    actionClass: import("vue").PropType<string | Array<string | undefined>>;
     actionStyle: import("vue").PropType<string | CSSProperties>;
     onPositiveClick: import("vue").PropType<(e: MouseEvent) => void>;
     onNegativeClick: import("vue").PropType<(e: MouseEvent) => void>;

package/es/dialog/src/Dialog.mjs

@@ -1,9 +1,9 @@
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { getMargin } from 'seemly';
-import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon } from "../../_internal/icons/index.mjs";
+import { ErrorIcon, InfoIcon, SuccessIcon, WarningIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useRtl, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { render, createKey, resolveWrappedSlot, resolveSlot } from "../../_utils/index.mjs";
-import { NBaseIcon, NBaseClose } from "../../_internal/index.mjs";
+import { createKey, render, resolveSlot, resolveWrappedSlot } from "../../_utils/index.mjs";
+import { NBaseClose, NBaseIcon } from "../../_internal/index.mjs";
 import { NButton } from "../../button/index.mjs";
 import { dialogLight } from "../styles/index.mjs";
 import { dialogProps } from "./dialogProps.mjs";

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

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 export declare const exposedDialogEnvProps: {
     readonly onAfterEnter: PropType<() => void>;
     readonly onAfterLeave: PropType<() => void>;
@@ -27,7 +27,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<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -37,8 +37,8 @@ export declare const exposedDialogEnvProps: {
     };
     readonly negativeText: StringConstructor;
     readonly positiveText: StringConstructor;
-    readonly positiveButtonProps: PropType<import("naive-ui").ButtonProps>;
-    readonly negativeButtonProps: PropType<import("naive-ui").ButtonProps>;
+    readonly positiveButtonProps: PropType<import("../..").ButtonProps>;
+    readonly negativeButtonProps: PropType<import("../..").ButtonProps>;
     readonly content: PropType<string | (() => import("vue").VNodeChild)>;
     readonly action: PropType<() => import("vue").VNodeChild>;
     readonly showIcon: {
@@ -48,11 +48,11 @@ export declare const exposedDialogEnvProps: {
     readonly loading: BooleanConstructor;
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<import("./interface").IconPlacement>;
-    readonly titleClass: PropType<string | (string | undefined)[]>;
+    readonly titleClass: PropType<string | Array<string | undefined>>;
     readonly titleStyle: PropType<string | CSSProperties>;
-    readonly contentClass: PropType<string | (string | undefined)[]>;
+    readonly contentClass: PropType<string | Array<string | undefined>>;
     readonly contentStyle: PropType<string | CSSProperties>;
-    readonly actionClass: PropType<string | (string | undefined)[]>;
+    readonly actionClass: PropType<string | Array<string | undefined>>;
     readonly actionStyle: PropType<string | CSSProperties>;
 };
 export declare const NDialogEnvironment: import("vue").DefineComponent<{
@@ -92,7 +92,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -102,8 +102,8 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    positiveButtonProps: PropType<import("naive-ui").ButtonProps>;
-    negativeButtonProps: PropType<import("naive-ui").ButtonProps>;
+    positiveButtonProps: PropType<import("../..").ButtonProps>;
+    negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<() => import("vue").VNodeChild>;
     showIcon: {
@@ -113,11 +113,11 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
-    titleClass: PropType<string | (string | undefined)[]>;
+    titleClass: PropType<string | Array<string | undefined>>;
     titleStyle: PropType<string | CSSProperties>;
-    contentClass: PropType<string | (string | undefined)[]>;
+    contentClass: PropType<string | Array<string | undefined>>;
     contentStyle: PropType<string | CSSProperties>;
-    actionClass: PropType<string | (string | undefined)[]>;
+    actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
 }, {
     show: import("vue").Ref<boolean>;
@@ -166,7 +166,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -176,8 +176,8 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    positiveButtonProps: PropType<import("naive-ui").ButtonProps>;
-    negativeButtonProps: PropType<import("naive-ui").ButtonProps>;
+    positiveButtonProps: PropType<import("../..").ButtonProps>;
+    negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => import("vue").VNodeChild)>;
     action: PropType<() => import("vue").VNodeChild>;
     showIcon: {
@@ -187,11 +187,11 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
-    titleClass: PropType<string | (string | undefined)[]>;
+    titleClass: PropType<string | Array<string | undefined>>;
     titleStyle: PropType<string | CSSProperties>;
-    contentClass: PropType<string | (string | undefined)[]>;
+    contentClass: PropType<string | Array<string | undefined>>;
     contentStyle: PropType<string | CSSProperties>;
-    actionClass: PropType<string | (string | undefined)[]>;
+    actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | CSSProperties>;
 }>>, {
     type: "default" | "error" | "info" | "success" | "warning";

package/es/dialog/src/DialogEnvironment.mjs

@@ -1,10 +1,10 @@
 // use absolute path to make sure no circular ref of style
 // this -> modal-index -> modal-style
-import { h, defineComponent, ref } from 'vue';
+import { defineComponent, h, ref } from 'vue';
 import NModal from "../../modal/src/Modal.mjs";
 import { keep } from "../../_utils/index.mjs";
 import { NDialog } from "./Dialog.mjs";
-import { dialogProps, dialogPropKeys } from "./dialogProps.mjs";
+import { dialogPropKeys, dialogProps } from "./dialogProps.mjs";
 export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), {
   onAfterEnter: Function,
   onAfterLeave: Function,
@@ -103,7 +103,9 @@ export const NDialogEnvironment = defineComponent({
       } = props;
       if (onMaskClick) {
         onMaskClick(e);
-        maskClosable && hide();
+        if (maskClosable) {
+          hide();
+        }
       }
     }
     function handleEsc() {

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

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type PropType, type Ref, type CSSProperties } from 'vue';
+import { type CSSProperties, type ExtractPropTypes, type PropType, type Ref } from 'vue';
 import type { ExtractPublicPropTypes, Mutable } from '../../_utils';
 import { type exposedDialogEnvProps } from './DialogEnvironment';
 export type DialogOptions = Mutable<Omit<Partial<ExtractPropTypes<typeof exposedDialogEnvProps>>, 'internalStyle'> & {
@@ -55,7 +55,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         negativeText?: string | undefined;
         bordered?: boolean | undefined;
         showIcon?: boolean | undefined;
-        onClose?: (() => unknown) | undefined;
+        onClose?: (() => Promise<unknown> | unknown) | undefined;
         closable?: boolean | undefined;
         onEsc?: (() => void) | undefined;
         contentClass?: string | (string | undefined)[] | undefined;
@@ -436,7 +436,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             writingMode?: import("csstype").Property.WritingMode | undefined;
             zIndex?: import("csstype").Property.ZIndex | undefined;
             zoom?: import("csstype").Property.Zoom | undefined;
-            all?: import("csstype").Globals | undefined;
+            all?: import("csstype").Property.All | undefined;
             animation?: import("csstype").Property.Animation<string & {}> | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
             background?: import("csstype").Property.Background<string | number> | undefined;
@@ -2710,7 +2710,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             writingMode?: import("csstype").Property.WritingMode | undefined;
             zIndex?: import("csstype").Property.ZIndex | undefined;
             zoom?: import("csstype").Property.Zoom | undefined;
-            all?: import("csstype").Globals | undefined;
+            all?: import("csstype").Property.All | undefined;
             animation?: import("csstype").Property.Animation<string & {}> | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
             background?: import("csstype").Property.Background<string | number> | undefined;
@@ -4305,7 +4305,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             writingMode?: import("csstype").Property.WritingMode | undefined;
             zIndex?: import("csstype").Property.ZIndex | undefined;
             zoom?: import("csstype").Property.Zoom | undefined;
-            all?: import("csstype").Globals | undefined;
+            all?: import("csstype").Property.All | undefined;
             animation?: import("csstype").Property.Animation<string & {}> | undefined;
             animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
             background?: import("csstype").Property.Background<string | number> | undefined;
@@ -5522,8 +5522,8 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             "text-anchor"?: import("csstype").Property.TextAnchor | undefined;
             "vector-effect"?: import("csstype").Property.VectorEffect | undefined;
         } | undefined;
-        onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
-        onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;
+        onPositiveClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
+        onNegativeClick?: ((e: MouseEvent) => Promise<unknown> | unknown) | undefined;
         blockScroll?: boolean | undefined;
         onMaskClick?: ((e: MouseEvent) => void) | undefined;
         maskClosable?: boolean | undefined;