naive-ui 2.30.6 → 2.30.7

package/es/_internal/close/src/Close.js

@@ -26,7 +26,7 @@ export default defineComponent({
         useStyle('-base-close', style, toRef(props, 'clsPrefix'));
         return () => {
             const { clsPrefix, disabled, absolute, round } = props;
-            return (h("button", { tabindex: disabled || !props.focusable ? -1 : 0, "aria-disabled": disabled, "aria-label": "close", disabled: disabled, class: [
+            return (h("button", { type: "button", tabindex: disabled || !props.focusable ? -1 : 0, "aria-disabled": disabled, "aria-label": "close", disabled: disabled, class: [
                     `${clsPrefix}-base-close`,
                     absolute && `${clsPrefix}-base-close--absolute`,
                     disabled && `${clsPrefix}-base-close--disabled`,

package/es/button/src/styles/index.cssr.js

@@ -149,6 +149,8 @@ export default c([cB('button', `
  top: 50%;
  transform: translateY(-50%);
  display: flex;
+ align-items: center;
+ justify-content: center;
  `, [iconSwitchTransition({
   top: '50%',
   originalTransform: 'translateY(-50%)'
@@ -156,6 +158,7 @@ export default c([cB('button', `
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
+ min-width: 0;
  `, [c('~', [cE('icon', {
   margin: 'var(--n-icon-margin)',
   marginRight: 0

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

@@ -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

@@ -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;
@@ -215,7 +223,9 @@ export default defineComponent({
                 case 'quarter': {
                     return ['clear', 'now', 'confirm'];
                 }
-                case 'monthrange': {
+                case 'monthrange':
+                case 'yearrange':
+                case 'quarterrange': {
                     return ['clear', 'confirm'];
                 }
                 default: {
@@ -643,7 +653,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/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/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/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'
+                    ? 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", {

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { VirtualListInst } from 'vueuc';
-import { DateItem, MonthItem, YearItem } from '../utils';
+import { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
 import { Shortcuts } from '../interface';
 import { ScrollbarInst } from '../../../_internal';
 declare const useDualCalendarProps: {
@@ -35,7 +35,7 @@ declare const useDualCalendarProps: {
     readonly onRender: import("vue").PropType<(() => void) | undefined>;
     readonly panel: BooleanConstructor;
 };
-declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarProps>, type: 'daterange' | 'datetimerange' | 'monthrange'): {
+declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarProps>, type: 'daterange' | 'datetimerange' | 'monthrange' | 'quarterrange' | 'yearrange'): {
     startDateDisplayString: import("vue").Ref<string>;
     endDateInput: import("vue").Ref<string>;
     timePickerSize: import("vue").Ref<"small" | "medium" | "large">;
@@ -240,6 +240,8 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
             calendarLeftPaddingYear: string;
             calendarLeftPaddingQuarter: string;
             calendarLeftPaddingMonthrange: string;
+            calendarLeftPaddingQuarterrange: string;
+            calendarLeftPaddingYearrange: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
@@ -248,6 +250,8 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
             calendarRightPaddingYear: string;
             calendarRightPaddingQuarter: string;
             calendarRightPaddingMonthrange: string;
+            calendarRightPaddingQuarterrange: string;
+            calendarRightPaddingYearrange: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1149,7 +1153,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     endDatesElRef: import("vue").Ref<HTMLElement | null>;
     resetSelectingStatus: (e: MouseEvent) => void;
     handleDateClick: (dateItem: DateItem) => void;
-    handleColItemClick: (dateItem: MonthItem | YearItem, clickType: 'start' | 'end') => void;
+    handleColItemClick: (dateItem: MonthItem | QuarterItem | YearItem, clickType: 'start' | 'end') => void;
     handleDateMouseEnter: (dateItem: DateItem) => void;
     handleConfirmClick: () => void;
     startCalendarPrevYear: () => void;
@@ -1172,8 +1176,10 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     endDateArray: import("vue").ComputedRef<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: Shortcuts[string]) => void;
     handleRangeShortcutClick: (shortcut: Shortcuts[string]) => void;