naive-ui 2.33.2 → 2.33.4

package/lib/date-picker/src/panel/date.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Date Panel
+ * Update picker value on:
+ * 1. item click
+ * 2. clear click
+ */
 declare const _default: import("vue").DefineComponent<{
     readonly actions: {
         readonly type: import("vue").PropType<string[]>;
@@ -7,12 +13,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        /**
-         * Date Panel
-         * Update picker value on:
-         * 1. item click
-         * 2. clear click
-         */
         readonly value: "HH:mm:ss";
     };
     readonly value: {
@@ -200,12 +200,7 @@ declare const _default: import("vue").DefineComponent<{
             arrowSize: string;
             panelHeaderPadding: string;
             calendarDaysHeight: string;
-            calendarTitleGridTempateColumns: string; /**
-             * Date Panel
-             * Update picker value on:
-             * 1. item click
-             * 2. clear click
-             */
+            calendarTitleGridTempateColumns: string;
             calendarLeftPaddingDate: string;
             calendarLeftPaddingDatetime: string;
             calendarLeftPaddingDaterange: string;
@@ -416,11 +411,11 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostDisabledSuccess: string;
                 borderSuccess: string;
                 borderHoverSuccess: string;
-                borderPressedSuccess: string; /** we don't need a confirm button for date picking */
+                borderPressedSuccess: string;
                 borderFocusSuccess: string;
                 borderDisabledSuccess: string;
                 rippleColorSuccess: string;
-                colorWarning: string;
+                colorWarning: string; /** we don't need a confirm button for date picking */
                 colorHoverWarning: string;
                 colorPressedWarning: string;
                 colorFocusWarning: string;
@@ -489,12 +484,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconMarginLarge: string;
                 iconSizeTiny: string;
                 iconSizeSmall: string;
-                iconSizeMedium: string; /**
-                 * Date Panel
-                 * Update picker value on:
-                 * 1. item click
-                 * 2. clear click
-                 */
+                iconSizeMedium: string;
                 iconSizeLarge: string;
                 rippleDuration: string;
             }, any>;
@@ -646,11 +636,11 @@ declare const _default: import("vue").DefineComponent<{
                     textColorGhostDisabledSuccess: string;
                     borderSuccess: string;
                     borderHoverSuccess: string;
-                    borderPressedSuccess: string; /** we don't need a confirm button for date picking */
+                    borderPressedSuccess: string;
                     borderFocusSuccess: string;
                     borderDisabledSuccess: string;
                     rippleColorSuccess: string;
-                    colorWarning: string;
+                    colorWarning: string; /** we don't need a confirm button for date picking */
                     colorHoverWarning: string;
                     colorPressedWarning: string;
                     colorFocusWarning: string;
@@ -719,12 +709,7 @@ declare const _default: import("vue").DefineComponent<{
                     iconMarginLarge: string;
                     iconSizeTiny: string;
                     iconSizeSmall: string;
-                    iconSizeMedium: string; /**
-                     * Date Panel
-                     * Update picker value on:
-                     * 1. item click
-                     * 2. clear click
-                     */
+                    iconSizeMedium: string;
                     iconSizeLarge: string;
                     rippleDuration: string;
                 }, any>;
@@ -939,11 +924,11 @@ declare const _default: import("vue").DefineComponent<{
                         textColorGhostDisabledSuccess: string;
                         borderSuccess: string;
                         borderHoverSuccess: string;
-                        borderPressedSuccess: string; /** we don't need a confirm button for date picking */
+                        borderPressedSuccess: string;
                         borderFocusSuccess: string;
                         borderDisabledSuccess: string;
                         rippleColorSuccess: string;
-                        colorWarning: string;
+                        colorWarning: string; /** we don't need a confirm button for date picking */
                         colorHoverWarning: string;
                         colorPressedWarning: string;
                         colorFocusWarning: string;
@@ -1012,12 +997,7 @@ declare const _default: import("vue").DefineComponent<{
                         iconMarginLarge: string;
                         iconSizeTiny: string;
                         iconSizeSmall: string;
-                        iconSizeMedium: string; /**
-                         * Date Panel
-                         * Update picker value on:
-                         * 1. item click
-                         * 2. clear click
-                         */
+                        iconSizeMedium: string;
                         iconSizeLarge: string;
                         rippleDuration: string;
                     }, any>> | undefined;
@@ -1166,7 +1146,7 @@ declare const _default: import("vue").DefineComponent<{
     handleConfirmClick: () => void;
     handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly actions: {
         readonly type: import("vue").PropType<string[]>;
         readonly default: () => string[];
@@ -1175,12 +1155,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        /**
-         * Date Panel
-         * Update picker value on:
-         * 1. item click
-         * 2. clear click
-         */
         readonly value: "HH:mm:ss";
     };
     readonly value: {
@@ -1206,10 +1180,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly actions: string[];
     readonly panel: boolean;
 }>;
-/**
- * Date Panel
- * Update picker value on:
- * 1. item click
- * 2. clear click
- */
 export default _default;

package/lib/date-picker/src/panel/date.js

@@ -32,7 +32,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a, _b, _c;
-        const { mergedClsPrefix, mergedTheme, shortcuts, onRender } = this;
+        const { mergedClsPrefix, mergedTheme, shortcuts, onRender, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
@@ -42,15 +42,11 @@ exports.default = (0, vue_1.defineComponent)({
             ], onFocus: this.handlePanelFocus, onKeydown: this.handlePanelKeyDown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-calendar` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.prevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.prevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.prevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.prevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.calendarValue, onUpdateValue: this.onUpdateCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.nextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.nextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.nextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.nextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.dateArray.map((dateItem, i) => ((0, vue_1.h)("div", { "data-n-date": true, key: i, class: [
                         `${mergedClsPrefix}-date-panel-date`,

package/lib/date-picker/src/panel/daterange.d.ts

@@ -1179,7 +1179,7 @@ declare const _default: import("vue").DefineComponent<{
     isSelecting: import("vue").Ref<boolean>;
     handleRangeShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleRangeShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
     readonly bindCalendarMonths: BooleanConstructor;

package/lib/date-picker/src/panel/daterange.js

@@ -26,7 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a, _b, _c;
-        const { mergedClsPrefix, mergedTheme, shortcuts, onRender } = this;
+        const { mergedClsPrefix, mergedTheme, shortcuts, onRender, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
@@ -36,15 +36,11 @@ exports.default = (0, vue_1.defineComponent)({
             ], onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
             (0, vue_1.h)("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.startCalendarPrevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.startCalendarPrevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.startCalendarDateTime, onUpdateValue: this.onUpdateStartCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.startCalendarMonth, calendarYear: this.startCalendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.startCalendarNextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.startCalendarNextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.startCalendarNextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.startCalendarNextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__divider` }),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.startDateArray.map((dateItem, i) => ((0, vue_1.h)("div", { "data-n-date": true, key: i, class: [
@@ -65,15 +61,11 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__vertical-divider` }),
             (0, vue_1.h)("div", { ref: "endDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--end` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.endCalendarPrevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.endCalendarPrevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.endCalendarPrevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.endCalendarPrevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.endCalendarDateTime, onUpdateValue: this.onUpdateEndCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.endCalendarMonth, calendarYear: this.endCalendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.endCalendarNextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.endCalendarNextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.endCalendarNextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.endCalendarNextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__divider` }),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.endDateArray.map((dateItem, i) => ((0, vue_1.h)("div", { "data-n-date": true, key: i, class: [

package/lib/date-picker/src/panel/datetime.d.ts

@@ -1,3 +1,9 @@
+/**
+ * DateTime Panel
+ * Update picker value on:
+ * 1. confirm click
+ * 2. clear click
+ */
 declare const _default: import("vue").DefineComponent<{
     readonly actions: {
         readonly type: import("vue").PropType<string[]>;
@@ -1140,7 +1146,7 @@ declare const _default: import("vue").DefineComponent<{
     handleConfirmClick: () => void;
     handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly actions: {
         readonly type: import("vue").PropType<string[]>;
         readonly default: () => string[];
@@ -1174,10 +1180,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly actions: string[];
     readonly panel: boolean;
 }>;
-/**
- * DateTime Panel
- * Update picker value on:
- * 1. confirm click
- * 2. clear click
- */
 export default _default;

package/lib/date-picker/src/panel/datetime.js

@@ -11,6 +11,7 @@ const icons_1 = require("../../../_internal/icons");
 const _internal_1 = require("../../../_internal");
 const use_calendar_1 = require("./use-calendar");
 const panelHeader_1 = __importDefault(require("./panelHeader"));
+const _utils_1 = require("../../../_utils");
 /**
  * DateTime Panel
  * Update picker value on:
@@ -25,7 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a, _b, _c, _d;
-        const { mergedClsPrefix, mergedTheme, shortcuts, timePickerProps, onRender } = this;
+        const { mergedClsPrefix, mergedTheme, shortcuts, timePickerProps, onRender, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
@@ -38,15 +39,11 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)(time_picker_1.NTimePicker, Object.assign({ size: this.timePickerSize, placeholder: this.locale.selectTime, format: this.timeFormat }, (Array.isArray(timePickerProps) ? undefined : timePickerProps), { showIcon: false, to: false, theme: mergedTheme.peers.TimePicker, themeOverrides: mergedTheme.peerOverrides.TimePicker, value: Array.isArray(this.value) ? null : this.value, isHourDisabled: this.isHourDisabled, isMinuteDisabled: this.isMinuteDisabled, isSecondDisabled: this.isSecondDisabled, onUpdateValue: this.handleTimePickerChange, stateful: false }))),
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-calendar` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.prevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.prevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.prevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.prevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.calendarValue, onUpdateValue: this.onUpdateCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.calendarMonth, calendarYear: this.calendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.nextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.nextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.nextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.nextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.dateArray.map((dateItem, i) => ((0, vue_1.h)("div", { "data-n-date": true, key: i, class: [
                         `${mergedClsPrefix}-date-panel-date`,

package/lib/date-picker/src/panel/datetimerange.d.ts

@@ -1179,7 +1179,7 @@ declare const _default: import("vue").DefineComponent<{
     isSelecting: import("vue").Ref<boolean>;
     handleRangeShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleRangeShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
     readonly bindCalendarMonths: BooleanConstructor;

package/lib/date-picker/src/panel/datetimerange.js

@@ -28,7 +28,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a, _b, _c;
-        const { mergedClsPrefix, mergedTheme, shortcuts, timePickerProps, onRender } = this;
+        const { mergedClsPrefix, mergedTheme, shortcuts, timePickerProps, onRender, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
@@ -47,15 +47,11 @@ exports.default = (0, vue_1.defineComponent)({
                     : timePickerProps), { disabled: this.isSelecting, showIcon: false, theme: mergedTheme.peers.TimePicker, themeOverrides: mergedTheme.peerOverrides.TimePicker, to: false, stateful: false, value: this.endTimeValue, isHourDisabled: this.isEndHourDisabled, isMinuteDisabled: this.isEndMinuteDisabled, isSecondDisabled: this.isEndSecondDisabled, onUpdateValue: this.handleEndTimePickerChange }))),
             (0, vue_1.h)("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.startCalendarPrevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.startCalendarPrevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.startCalendarPrevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.startCalendarDateTime, onUpdateValue: this.onUpdateStartCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.startCalendarMonth, calendarYear: this.startCalendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.startCalendarNextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.startCalendarNextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.startCalendarNextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.startCalendarNextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__divider` }),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.startDateArray.map((dateItem, i) => {
@@ -81,15 +77,11 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__vertical-divider` }),
             (0, vue_1.h)("div", { ref: "endDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--end` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.endCalendarPrevYear },
-                        (0, vue_1.h)(icons_1.FastBackwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.endCalendarPrevMonth },
-                        (0, vue_1.h)(icons_1.BackwardIcon, null)),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-prev`, onClick: this.endCalendarPrevYear }, (0, _utils_1.resolveSlot)($slots['prev-year'], () => [(0, vue_1.h)(icons_1.FastBackwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__prev`, onClick: this.endCalendarPrevMonth }, (0, _utils_1.resolveSlot)($slots['prev-month'], () => [(0, vue_1.h)(icons_1.BackwardIcon, null)])),
                     (0, vue_1.h)(panelHeader_1.default, { monthBeforeYear: this.locale.monthBeforeYear, value: this.endCalendarDateTime, onUpdateValue: this.onUpdateEndCalendarValue, mergedClsPrefix: mergedClsPrefix, calendarMonth: this.endCalendarMonth, calendarYear: this.endCalendarYear }),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.endCalendarNextMonth },
-                        (0, vue_1.h)(icons_1.ForwardIcon, null)),
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.endCalendarNextYear },
-                        (0, vue_1.h)(icons_1.FastForwardIcon, null))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__next`, onClick: this.endCalendarNextMonth }, (0, _utils_1.resolveSlot)($slots['next-month'], () => [(0, vue_1.h)(icons_1.ForwardIcon, null)])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month__fast-next`, onClick: this.endCalendarNextYear }, (0, _utils_1.resolveSlot)($slots['next-year'], () => [(0, vue_1.h)(icons_1.FastForwardIcon, null)]))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-weekdays` }, this.weekdays.map((weekday) => ((0, vue_1.h)("div", { key: weekday, class: `${mergedClsPrefix}-date-panel-weekdays__day` }, weekday)))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel__divider` }),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-dates` }, this.endDateArray.map((dateItem, i) => {

package/lib/date-picker/src/panel/month.d.ts

@@ -1,5 +1,11 @@
 import { VNode, PropType } from 'vue';
 import type { MonthItem, YearItem, QuarterItem } from '../utils';
+/**
+ * Month Panel
+ * Update picker value on:
+ * 1. item click
+ * 2. clear click
+ */
 declare const _default: import("vue").DefineComponent<{
     type: {
         type: PropType<"month" | "year" | "quarter">;
@@ -1148,7 +1154,7 @@ declare const _default: import("vue").DefineComponent<{
     handleConfirmClick: () => void;
     handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<"month" | "year" | "quarter">;
         required: true;
@@ -1188,10 +1194,4 @@ declare const _default: import("vue").DefineComponent<{
     panel: boolean;
     useAsQuickJump: boolean;
 }>;
-/**
- * Month Panel
- * Update picker value on:
- * 1. item click
- * 2. clear click
- */
 export default _default;

package/lib/date-picker/src/panel/monthrange.d.ts

@@ -1186,7 +1186,7 @@ declare const _default: import("vue").DefineComponent<{
     isSelecting: import("vue").Ref<boolean>;
     handleRangeShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
     handleRangeShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<"monthrange" | "quarterrange" | "yearrange">;
         required: true;

package/lib/date-picker/src/panel/monthrange.js

@@ -53,11 +53,13 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a, _b, _c;
-        const { mergedClsPrefix, mergedTheme, shortcuts, type, renderItem } = this;
+        const { mergedClsPrefix, mergedTheme, shortcuts, type, renderItem, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: 0, class: [
                 `${mergedClsPrefix}-date-panel`,
                 `${mergedClsPrefix}-date-panel--daterange`,
-                !this.panel && `${mergedClsPrefix}-date-panel--shadow`
+                !this.panel && `${mergedClsPrefix}-date-panel--shadow`,
+                this.themeClass
             ], onKeydown: this.handlePanelKeyDown, onFocus: this.handlePanelFocus },
             (0, vue_1.h)("div", { ref: "startDatesElRef", class: `${mergedClsPrefix}-date-panel-calendar ${mergedClsPrefix}-date-panel-calendar--start` },
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-date-panel-month-calendar` },

package/lib/date-picker/src/panel/panelHeader.d.ts

@@ -1230,7 +1230,7 @@ declare const _default: import("vue").DefineComponent<{
             handleConfirmClick: () => void;
             handleSingleShortcutMouseenter: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
             handleSingleShortcutClick: (shortcut: number | [number, number] | (() => number) | readonly [number, number] | (() => [number, number] | readonly [number, number])) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             value: import("../interface").Value | null;
             active: boolean;
             actions: string[];
@@ -2409,7 +2409,7 @@ declare const _default: import("vue").DefineComponent<{
     }> & {} & import("vue").ComponentCustomProperties) | null>;
     handleHeaderClick: () => void;
     handleClickOutside: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mergedClsPrefix: {
         type: StringConstructor;
         required: true;

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -47,7 +47,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         [name: string]: import("vue").Slot | undefined;
     }>;
     handleQuickMonthClick: (dateItem: MonthItem | YearItem | QuarterItem, updatePanelValue: (value: number) => void) => void;
-    justifyColumnsScrollState: (value?: number | undefined) => void;
+    justifyColumnsScrollState: (value?: number) => void;
     calendarValue: import("vue").Ref<number>;
     onUpdateCalendarValue: (value: number) => void;
     monthScrollbarRef: import("vue").Ref<ScrollbarInst | null>;

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

@@ -275,7 +275,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     compitableColumn: import("vue").ComputedRef<number>;
     inlineThemeDisabled: boolean | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly column: {
         readonly type: NumberConstructor;

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly labelStyle: PropType<string | CSSProperties>;
     readonly contentStyle: PropType<string | CSSProperties>;
-}, 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<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly span: {
         readonly type: NumberConstructor;

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

@@ -1,3 +1,3 @@
 import { VNodeChild } from 'vue';
-export declare const DESCRIPTION_ITEM_FLAG: unique symbol;
+export declare const DESCRIPTION_ITEM_FLAG = "DESCRIPTION_ITEM_FLAG";
 export declare function isDescriptionsItem(vNode: VNodeChild): boolean;

package/lib/descriptions/src/utils.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDescriptionsItem = exports.DESCRIPTION_ITEM_FLAG = void 0;
-exports.DESCRIPTION_ITEM_FLAG = Symbol('DESCRIPTION_ITEM_FLAG');
+exports.DESCRIPTION_ITEM_FLAG = 'DESCRIPTION_ITEM_FLAG';
 function isDescriptionsItem(vNode) {
     if (typeof vNode === 'object' && vNode && !Array.isArray(vNode)) {
         return vNode.type && vNode.type[exports.DESCRIPTION_ITEM_FLAG];

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

@@ -1123,7 +1123,7 @@ export declare const NDialog: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: import("vue").PropType<() => import("vue").VNodeChild>;
     type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;

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

@@ -1,6 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
 export declare const exposedDialogEnvProps: {
     readonly onAfterEnter: PropType<() => void>;
+    readonly onAfterLeave: PropType<() => void>;
     readonly blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -58,6 +59,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         required: true;
     };
     onAfterEnter: PropType<() => void>;
+    onAfterLeave: PropType<() => void>;
     blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -113,7 +115,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
     handlePositiveClick: (e: MouseEvent) => void;
     handleMaskClick: (e: MouseEvent) => void;
     handleEsc: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -124,6 +126,7 @@ export declare const NDialogEnvironment: import("vue").DefineComponent<{
         required: true;
     };
     onAfterEnter: PropType<() => void>;
+    onAfterLeave: PropType<() => void>;
     blockScroll: {
         readonly type: BooleanConstructor;
         readonly default: true;

package/lib/dialog/src/DialogEnvironment.js

@@ -11,7 +11,7 @@ const Modal_1 = __importDefault(require("../../modal/src/Modal"));
 const _utils_1 = require("../../_utils");
 const Dialog_1 = require("./Dialog");
 const dialogProps_1 = require("./dialogProps");
-exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { onAfterEnter: Function, blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
+exports.exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps_1.dialogProps), { onAfterEnter: Function, onAfterLeave: Function, blockScroll: { type: Boolean, default: true }, closeOnEsc: { type: Boolean, default: true }, onEsc: Function, autoFocus: {
         type: Boolean,
         default: true
     }, internalStyle: [String, Object], maskClosable: {
@@ -32,7 +32,11 @@ exports.NDialogEnvironment = (0, vue_1.defineComponent)({
     setup(props) {
         const showRef = (0, vue_1.ref)(true);
         function handleAfterLeave() {
-            props.onInternalAfterLeave(props.internalKey);
+            const { onInternalAfterLeave, internalKey, onAfterLeave } = props;
+            if (onInternalAfterLeave)
+                onInternalAfterLeave(internalKey);
+            if (onAfterLeave)
+                onAfterLeave();
         }
         function handlePositiveClick(e) {
             const { onPositiveClick } = props;

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

@@ -45,6 +45,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         onAfterEnter?: (() => void) | undefined;
+        onAfterLeave?: (() => void) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
         autoFocus?: boolean | undefined;
@@ -388,9 +389,9 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
-            keyboard?: boolean | undefined;
             secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;
             nativeFocusBehavior?: boolean | undefined;
@@ -726,9 +727,9 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             textColor?: string | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
-            keyboard?: boolean | undefined;
             secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
+            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;
             nativeFocusBehavior?: boolean | undefined;
@@ -750,7 +751,7 @@ export declare const NDialogProvider: 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<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }>>, {}>;