naive-ui 2.30.6 → 2.31.0

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

@@ -5,7 +5,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { DatePickerType } from './config';
 import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue } from './interface';
-declare const datePickerProps: {
+export declare const datePickerProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;
@@ -121,6 +121,8 @@ declare const datePickerProps: {
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -129,6 +131,8 @@ declare const datePickerProps: {
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -735,6 +739,8 @@ declare const datePickerProps: {
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -743,6 +749,8 @@ declare const datePickerProps: {
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -1349,6 +1357,8 @@ declare const datePickerProps: {
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -1357,6 +1367,8 @@ declare const datePickerProps: {
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -2032,6 +2044,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -2040,6 +2054,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -2646,6 +2662,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -2654,6 +2672,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -3260,6 +3280,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -3268,6 +3290,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -4120,6 +4144,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -4128,6 +4154,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
@@ -5148,6 +5176,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -5156,6 +5186,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -5762,6 +5794,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -5770,6 +5804,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -6376,6 +6412,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingYear: string;
         calendarLeftPaddingQuarter: string;
         calendarLeftPaddingMonthrange: string;
+        calendarLeftPaddingQuarterrange: string;
+        calendarLeftPaddingYearrange: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
@@ -6384,6 +6422,8 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingYear: string;
         calendarRightPaddingQuarter: string;
         calendarRightPaddingMonthrange: string;
+        calendarRightPaddingQuarterrange: string;
+        calendarRightPaddingYearrange: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;

package/es/date-picker/src/DatePicker.js

@@ -20,7 +20,7 @@ import DaterangePanel from './panel/daterange';
 import MonthPanel from './panel/month';
 import MonthRangePanel from './panel/monthrange';
 import style from './styles/index.cssr';
-const datePickerProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+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: {
@@ -77,11 +77,13 @@ export default defineComponent({
                 case 'datetimerange':
                     return localeRef.value.dateTimeFormat;
                 case 'year':
+                case 'yearrange':
                     return localeRef.value.yearTypeFormat;
                 case 'month':
                 case 'monthrange':
                     return localeRef.value.monthTypeFormat;
                 case 'quarter':
+                case 'quarterrange':
                     return localeRef.value.quarterFormat;
             }
         });
@@ -128,7 +130,13 @@ export default defineComponent({
             return (((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DatePicker) === null || _b === void 0 ? void 0 : _b.timePickerSize) || 'small');
         });
         const isRangeRef = computed(() => {
-            return ['daterange', 'datetimerange', 'monthrange'].includes(props.type);
+            return [
+                'daterange',
+                'datetimerange',
+                'monthrange',
+                'quarterrange',
+                'yearrange'
+            ].includes(props.type);
         });
         const localizedPlacehoderRef = computed(() => {
             const { placeholder } = props;
@@ -188,35 +196,46 @@ export default defineComponent({
             }
         });
         const mergedActionsRef = computed(() => {
-            const { actions, type } = props;
+            const { actions, type, clearable } = props;
             if (actions === null)
                 return [];
             if (actions !== undefined)
                 return actions;
+            const result = clearable ? ['clear'] : [];
             switch (type) {
                 case 'date': {
-                    return ['clear', 'now'];
+                    result.push('now');
+                    return result;
                 }
                 case 'datetime': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
                 case 'daterange': {
-                    return ['clear', 'confirm'];
+                    result.push('confirm');
+                    return result;
                 }
                 case 'datetimerange': {
-                    return ['clear', 'confirm'];
+                    result.push('confirm');
+                    return result;
                 }
                 case 'month': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
                 case 'year': {
-                    return ['clear', 'now'];
+                    result.push('now');
+                    return result;
                 }
                 case 'quarter': {
-                    return ['clear', 'now', 'confirm'];
+                    result.push('now', 'confirm');
+                    return result;
                 }
-                case 'monthrange': {
-                    return ['clear', 'confirm'];
+                case 'monthrange':
+                case 'yearrange':
+                case 'quarterrange': {
+                    result.push('confirm');
+                    return result;
                 }
                 default: {
                     warn('data-picker', "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");
@@ -643,7 +662,9 @@ export default defineComponent({
         };
         const renderPanel = () => {
             const { type } = this;
-            return type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps))) : type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }))) : type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }))) : type === 'month' || type === 'year' || type === 'quarter' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: type, key: type }))) : type === 'monthrange' ? (h(MonthRangePanel, Object.assign({}, commonPanelProps, { type: type }))) : (h(DatePanel, Object.assign({}, commonPanelProps)));
+            return type === 'datetime' ? (h(DatetimePanel, Object.assign({}, commonPanelProps))) : type === 'daterange' ? (h(DaterangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }))) : type === 'datetimerange' ? (h(DatetimerangePanel, Object.assign({}, commonPanelProps, { defaultCalendarStartTime: this.defaultCalendarStartTime, defaultCalendarEndTime: this.defaultCalendarEndTime, bindCalendarMonths: this.bindCalendarMonths }))) : type === 'month' || type === 'year' || type === 'quarter' ? (h(MonthPanel, Object.assign({}, commonPanelProps, { type: type, key: type }))) : type === 'monthrange' ||
+                type === 'yearrange' ||
+                type === 'quarterrange' ? (h(MonthRangePanel, Object.assign({}, commonPanelProps, { type: type }))) : (h(DatePanel, Object.assign({}, commonPanelProps)));
         };
         if (this.panel) {
             return renderPanel();

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

@@ -1,3 +1,3 @@
 export declare const START_YEAR = 1901;
 export declare const MONTH_ITEM_HEIGHT = 40;
-export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year' | 'quarter' | 'monthrange';
+export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year' | 'quarter' | 'monthrange' | 'quarterrange' | 'yearrange';

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

@@ -214,6 +214,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -222,6 +224,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {

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

@@ -234,6 +234,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -242,6 +244,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1143,7 +1147,7 @@ declare const _default: import("vue").DefineComponent<{
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
     resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
-    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem, clickType: "start" | "end") => void;
+    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;
     handleConfirmClick: () => void;
     startCalendarPrevYear: () => void;
@@ -1166,8 +1170,10 @@ declare const _default: import("vue").DefineComponent<{
     endDateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     startYearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     startMonthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
+    startQuarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     endYearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     endMonthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
+    endQuarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     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;

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

@@ -102,7 +102,7 @@ export default defineComponent({
                     })),
                 h("div", { class: `${mergedClsPrefix}-date-panel-actions__suffix` },
                     ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", onClick: this.handleClearClick }, { default: () => this.locale.clear })) : null,
-                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
+                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid || this.isSelecting, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
             h(NBaseFocusDetector, { onFocus: this.handleFocusDetectorFocus })));
     }
 });

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

@@ -203,6 +203,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -211,6 +213,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {

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

@@ -234,6 +234,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -242,6 +244,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1143,7 +1147,7 @@ declare const _default: import("vue").DefineComponent<{
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
     resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
-    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem, clickType: "start" | "end") => void;
+    handleColItemClick: (dateItem: import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;
     handleConfirmClick: () => void;
     startCalendarPrevYear: () => void;
@@ -1166,8 +1170,10 @@ declare const _default: import("vue").DefineComponent<{
     endDateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     startYearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     startMonthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
+    startQuarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     endYearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
     endMonthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
+    endQuarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     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;

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

@@ -123,7 +123,7 @@ export default defineComponent({
                     })),
                 h("div", { class: `${mergedClsPrefix}-date-panel-actions__suffix` },
                     ((_b = this.actions) === null || _b === void 0 ? void 0 : _b.includes('clear')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", onClick: this.handleClearClick }, { default: () => this.locale.clear })) : null,
-                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
+                    ((_c = this.actions) === null || _c === void 0 ? void 0 : _c.includes('confirm')) ? (h(NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, size: "tiny", type: "primary", disabled: this.isRangeInvalid || this.isSelecting, onClick: this.handleConfirmClick }, { default: () => this.locale.confirm })) : null))) : null,
             h(NBaseFocusDetector, { onFocus: this.handleFocusDetectorFocus })));
     }
 });

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

@@ -211,6 +211,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -219,6 +221,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {

package/es/date-picker/src/panel/month.js

@@ -27,7 +27,7 @@ export default defineComponent({
                 case 'month':
                     return item.dateObject.month + 1;
                 case 'quarter':
-                    return `Q ${item.dateObject.quarter}`;
+                    return `Q${item.dateObject.quarter}`;
             }
         };
         const { useAsQuickJump } = props;

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

@@ -1,8 +1,8 @@
 import { PropType, VNode } from 'vue';
-import type { MonthItem, YearItem } from '../utils';
+import type { MonthItem, QuarterItem, YearItem } from '../utils';
 declare const _default: import("vue").DefineComponent<{
     type: {
-        type: PropType<"monthrange">;
+        type: PropType<"monthrange" | "quarterrange" | "yearrange">;
         required: true;
     };
     defaultCalendarStartTime: NumberConstructor;
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: PropType<(() => void) | undefined>;
     panel: BooleanConstructor;
 }, {
-    renderItem: (item: YearItem | MonthItem, i: number, mergedClsPrefix: string, type: 'start' | 'end') => VNode;
+    renderItem: (item: YearItem | MonthItem | QuarterItem, i: number, mergedClsPrefix: string, type: 'start' | 'end') => VNode;
     startDateDisplayString: import("vue").Ref<string>;
     endDateInput: import("vue").Ref<string>;
     timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
@@ -241,6 +241,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -249,6 +251,8 @@ declare const _default: import("vue").DefineComponent<{
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1150,7 +1154,7 @@ declare const _default: import("vue").DefineComponent<{
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
     resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: import("../utils").DateItem) => void;
-    handleColItemClick: (dateItem: MonthItem | YearItem, clickType: "start" | "end") => void;
+    handleColItemClick: (dateItem: MonthItem | YearItem | QuarterItem, clickType: "start" | "end") => void;
     handleDateMouseEnter: (dateItem: import("../utils").DateItem) => void;
     handleConfirmClick: () => void;
     startCalendarPrevYear: () => void;
@@ -1173,14 +1177,16 @@ declare const _default: import("vue").DefineComponent<{
     endDateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     startYearArray: import("vue").ComputedRef<YearItem[]>;
     startMonthArray: import("vue").ComputedRef<MonthItem[]>;
+    startQuarterArray: import("vue").ComputedRef<QuarterItem[]>;
     endYearArray: import("vue").ComputedRef<YearItem[]>;
     endMonthArray: import("vue").ComputedRef<MonthItem[]>;
+    endQuarterArray: import("vue").ComputedRef<QuarterItem[]>;
     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<{
     type: {
-        type: PropType<"monthrange">;
+        type: PropType<"monthrange" | "quarterrange" | "yearrange">;
         required: true;
     };
     defaultCalendarStartTime: NumberConstructor;

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

@@ -40,7 +40,9 @@ export default defineComponent({
                         handleColItemClick(item, type);
                     } }, item.type === 'month'
                 ? item.dateObject.month + 1
-                : item.dateObject.year));
+                : item.type === 'quarter'
+                    ? `Q${item.dateObject.quarter}`
+                    : item.dateObject.year));
         };
         onMounted(() => {
             useCalendarRef.justifyColumnsScrollState();
@@ -64,11 +66,13 @@ export default defineComponent({
                             }
                         }))
                     }),
-                    type === 'monthrange' ? (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
+                    type === 'monthrange' || type === 'quarterrange' ? (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
                         h(NScrollbar, { ref: "startMonthScrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                             default: () => [
-                                this.startMonthArray.map((monthItem, i) => renderItem(monthItem, i, mergedClsPrefix, 'start')),
-                                h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` })
+                                (type === 'monthrange'
+                                    ? this.startMonthArray
+                                    : this.startQuarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix, 'start')),
+                                type === 'monthrange' && (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` }))
                             ]
                         }))) : null)),
             h("div", { class: `${mergedClsPrefix}-date-panel__vertical-divider` }),
@@ -81,11 +85,13 @@ export default defineComponent({
                             }
                         }))
                     }),
-                    type === 'monthrange' ? (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
+                    type === 'monthrange' || type === 'quarterrange' ? (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__picker-col` },
                         h(NScrollbar, { ref: "endMonthScrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
                             default: () => [
-                                this.endMonthArray.map((monthItem, i) => renderItem(monthItem, i, mergedClsPrefix, 'end')),
-                                h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` })
+                                (type === 'monthrange'
+                                    ? this.endMonthArray
+                                    : this.endQuarterArray).map((item, i) => renderItem(item, i, mergedClsPrefix, 'end')),
+                                type === 'monthrange' && (h("div", { class: `${mergedClsPrefix}-date-panel-month-calendar__padding` }))
                             ]
                         }))) : null)),
             this.datePickerSlots.footer ? (h("div", { class: `${mergedClsPrefix}-date-panel-footer` }, renderSlot(this.datePickerSlots, 'footer'))) : null,

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

@@ -293,6 +293,8 @@ declare const _default: import("vue").DefineComponent<{
                     calendarLeftPaddingYear: string;
                     calendarLeftPaddingQuarter: string;
                     calendarLeftPaddingMonthrange: string;
+                    calendarLeftPaddingQuarterrange: string;
+                    calendarLeftPaddingYearrange: string;
                     calendarRightPaddingDate: string;
                     calendarRightPaddingDatetime: string;
                     calendarRightPaddingDaterange: string;
@@ -301,6 +303,8 @@ declare const _default: import("vue").DefineComponent<{
                     calendarRightPaddingYear: string;
                     calendarRightPaddingQuarter: string;
                     calendarRightPaddingMonthrange: string;
+                    calendarRightPaddingQuarterrange: string;
+                    calendarRightPaddingYearrange: string;
                 };
                 peers: {
                     Input: import("../../../_mixins").Theme<"Input", {
@@ -1462,6 +1466,8 @@ declare const _default: import("vue").DefineComponent<{
                 calendarLeftPaddingYear: string;
                 calendarLeftPaddingQuarter: string;
                 calendarLeftPaddingMonthrange: string;
+                calendarLeftPaddingQuarterrange: string;
+                calendarLeftPaddingYearrange: string;
                 calendarRightPaddingDate: string;
                 calendarRightPaddingDatetime: string;
                 calendarRightPaddingDaterange: string;
@@ -1470,6 +1476,8 @@ declare const _default: import("vue").DefineComponent<{
                 calendarRightPaddingYear: string;
                 calendarRightPaddingQuarter: string;
                 calendarRightPaddingMonthrange: string;
+                calendarRightPaddingQuarterrange: string;
+                calendarRightPaddingYearrange: string;
             };
             peers: {
                 Input: import("../../../_mixins").Theme<"Input", {

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

@@ -209,6 +209,8 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -217,6 +219,8 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {