naive-ui 2.21.5 → 2.23.2

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

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes, Ref } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { DatePickerType } from './config';
-import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek } from './interface';
+import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime } from './interface';
 declare const datePickerProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -18,6 +18,7 @@ declare const datePickerProps: {
         readonly type: PropType<Value | null>;
         readonly default: null;
     };
+    readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -109,12 +110,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -718,12 +721,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -1327,12 +1332,14 @@ declare const datePickerProps: {
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -1907,6 +1914,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<Value | null>;
         readonly default: null;
     };
+    readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -1998,12 +2006,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -2607,12 +2617,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -3216,12 +3228,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -3991,12 +4005,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
@@ -4846,53 +4862,53 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     actions: import("vue").ComputedRef<string[] | undefined>;
     triggerCssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--icon-color': string;
-        '--icon-color-disabled': string;
+        '--n-bezier': string;
+        '--n-icon-color': string;
+        '--n-icon-color-disabled': string;
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--panel-border-radius': string;
-        '--panel-color': string;
-        '--panel-box-shadow': string;
-        '--panel-text-color': string;
-        '--panel-header-padding': string;
-        '--panel-header-divider-color': string;
-        '--calendar-left-padding': string;
-        '--calendar-right-padding': string;
-        '--calendar-title-height': string;
-        '--calendar-title-padding': string;
-        '--calendar-title-font-size': string;
-        '--calendar-title-font-weight': string;
-        '--calendar-title-text-color': string;
-        '--calendar-title-grid-template-columns': string;
-        '--calendar-days-height': string;
-        '--calendar-days-divider-color': string;
-        '--calendar-days-font-size': string;
-        '--calendar-days-text-color': string;
-        '--calendar-divider-color': string;
-        '--panel-action-padding': string;
-        '--panel-extra-footer-padding': string;
-        '--panel-action-divider-color': string;
-        '--item-font-size': string;
-        '--item-border-radius': string;
-        '--item-size': string;
-        '--item-cell-width': string;
-        '--item-cell-height': string;
-        '--item-text-color': string;
-        '--item-color-included': string;
-        '--item-color-disabled': string;
-        '--item-color-hover': string;
-        '--item-color-active': string;
-        '--item-text-color-disabled': string;
-        '--item-text-color-active': string;
-        '--scroll-item-width': string;
-        '--scroll-item-height': string;
-        '--scroll-item-border-radius': string;
-        '--arrow-size': string;
-        '--arrow-color': string;
-        '--icon-color': string;
-        '--icon-color-disabled': string;
+        '--n-bezier': string;
+        '--n-panel-border-radius': string;
+        '--n-panel-color': string;
+        '--n-panel-box-shadow': string;
+        '--n-panel-text-color': string;
+        '--n-panel-header-padding': string;
+        '--n-panel-header-divider-color': string;
+        '--n-calendar-left-padding': string;
+        '--n-calendar-right-padding': string;
+        '--n-calendar-title-height': string;
+        '--n-calendar-title-padding': string;
+        '--n-calendar-title-font-size': string;
+        '--n-calendar-title-font-weight': string;
+        '--n-calendar-title-text-color': string;
+        '--n-calendar-title-grid-template-columns': string;
+        '--n-calendar-days-height': string;
+        '--n-calendar-days-divider-color': string;
+        '--n-calendar-days-font-size': string;
+        '--n-calendar-days-text-color': string;
+        '--n-calendar-divider-color': string;
+        '--n-panel-action-padding': string;
+        '--n-panel-extra-footer-padding': string;
+        '--n-panel-action-divider-color': string;
+        '--n-item-font-size': string;
+        '--n-item-border-radius': string;
+        '--n-item-size': string;
+        '--n-item-cell-width': string;
+        '--n-item-cell-height': string;
+        '--n-item-text-color': string;
+        '--n-item-color-included': string;
+        '--n-item-color-disabled': string;
+        '--n-item-color-hover': string;
+        '--n-item-color-active': string;
+        '--n-item-text-color-disabled': string;
+        '--n-item-text-color-active': string;
+        '--n-scroll-item-width': string;
+        '--n-scroll-item-height': string;
+        '--n-scroll-item-border-radius': string;
+        '--n-arrow-size': string;
+        '--n-arrow-color': string;
+        '--n-icon-color': string;
+        '--n-icon-color-disabled': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;
@@ -4900,6 +4916,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly clearable?: unknown;
     readonly updateValueOnClose?: unknown;
     readonly defaultValue?: unknown;
+    readonly defaultTime?: unknown;
     readonly disabled?: unknown;
     readonly placement?: unknown;
     readonly value?: unknown;
@@ -4998,12 +5015,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -5607,12 +5626,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -6216,12 +6237,14 @@ declare const _default: import("vue").DefineComponent<{
         calendarLeftPaddingDatetimerange: string;
         calendarLeftPaddingMonth: string;
         calendarLeftPaddingYear: string;
+        calendarLeftPaddingQuarter: string;
         calendarRightPaddingDate: string;
         calendarRightPaddingDatetime: string;
         calendarRightPaddingDaterange: string;
         calendarRightPaddingDatetimerange: string;
         calendarRightPaddingMonth: string;
         calendarRightPaddingYear: string;
+        calendarRightPaddingQuarter: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
             countTextColor: string;
@@ -6787,6 +6810,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
     isDateDisabled?: IsDateDisabled | undefined;
     actions?: ("clear" | "confirm" | "now")[] | undefined;
+    defaultTime?: DefaultTime | undefined;
     startPlaceholder?: string | undefined;
     endPlaceholder?: string | undefined;
     timeFormat?: string | undefined;

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

@@ -31,7 +31,7 @@ const datePickerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
     }, clearable: Boolean, updateValueOnClose: Boolean, defaultValue: {
         type: [Number, Array],
         default: null
-    }, disabled: {
+    }, defaultTime: [Number, String, Array], disabled: {
         type: Boolean,
         default: undefined
     }, placement: {
@@ -106,6 +106,8 @@ exports.default = (0, vue_1.defineComponent)({
                         return localeRef.value.monthPlaceholder;
                     case 'year':
                         return localeRef.value.yearPlaceholder;
+                    case 'quarter':
+                        return localeRef.value.quarterPlaceholder;
                     default:
                         return '';
                 }
@@ -157,6 +159,8 @@ exports.default = (0, vue_1.defineComponent)({
                     return localeRef.value.yearTypeFormat;
                 case 'month':
                     return localeRef.value.monthTypeFormat;
+                case 'quarter':
+                    return localeRef.value.quarterFormat;
             }
         });
         const mergedActionsRef = (0, vue_1.computed)(() => {
@@ -182,6 +186,9 @@ exports.default = (0, vue_1.defineComponent)({
                 case 'year': {
                     return ['clear', 'now'];
                 }
+                case 'quarter': {
+                    return ['clear', 'now', 'confirm'];
+                }
                 default: {
                     (0, _utils_1.warn)('data-picker', "The type is wrong, n-date-picker's type only supports `date`, `datetime`, `daterange` and `datetimerange`.");
                     break;
@@ -264,7 +271,7 @@ exports.default = (0, vue_1.defineComponent)({
                 disableUpdateOnClose
             });
         }
-        function scrollYearMonth(value) {
+        function scrollPickerColumns(value) {
             if (!panelInstRef.value)
                 return;
             const { monthScrollRef, yearScrollRef } = panelInstRef.value;
@@ -410,8 +417,9 @@ exports.default = (0, vue_1.defineComponent)({
             if (mergedDisabledRef.value || mergedShowRef.value)
                 return;
             doUpdateShow(true);
-            if (props.type === 'month' || props.type === 'year') {
-                void (0, vue_1.nextTick)(scrollYearMonth);
+            const { type } = props;
+            if (type === 'month' || type === 'year' || type === 'quarter') {
+                void (0, vue_1.nextTick)(scrollPickerColumns);
             }
         }
         function closeCalendar({ returnFocus, disableUpdateOnClose }) {
@@ -447,7 +455,7 @@ exports.default = (0, vue_1.defineComponent)({
         // use pending value to do validation
         const uniVaidation = (0, validation_utils_1.uniCalendarValidation)(props, pendingValueRef);
         const dualValidation = (0, validation_utils_1.dualCalendarValidation)(props, pendingValueRef);
-        (0, vue_1.provide)(interface_1.datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ scrollYearMonth,
+        (0, vue_1.provide)(interface_1.datePickerInjectionKey, Object.assign(Object.assign(Object.assign({ scrollPickerColumns,
             mergedClsPrefixRef, mergedThemeRef: themeRef, timePickerSizeRef,
             localeRef,
             dateLocaleRef, firstDayOfWeekRef: (0, vue_1.toRef)(props, 'firstDayOfWeek'), isDateDisabledRef: (0, vue_1.toRef)(props, 'isDateDisabled'), rangesRef: (0, vue_1.toRef)(props, 'ranges'), closeOnSelectRef: (0, vue_1.toRef)(props, 'closeOnSelect'), updateValueOnCloseRef: (0, vue_1.toRef)(props, 'updateValueOnClose') }, uniVaidation), dualValidation), { datePickerSlots: slots }));
@@ -494,64 +502,64 @@ exports.default = (0, vue_1.defineComponent)({
             triggerCssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { iconColor, iconColorDisabled } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--icon-color': iconColor,
-                    '--icon-color-disabled': iconColorDisabled
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-icon-color': iconColor,
+                    '--n-icon-color-disabled': iconColorDisabled
                 };
             }),
             cssVars: (0, vue_1.computed)(() => {
                 const { type } = props;
                 const { common: { cubicBezierEaseInOut }, self: { calendarTitleFontSize, calendarDaysFontSize, itemFontSize, itemTextColor, itemColorDisabled, itemColorIncluded, itemColorHover, itemColorActive, itemBorderRadius, itemTextColorDisabled, itemTextColorActive, panelColor, panelTextColor, arrowColor, calendarTitleTextColor, panelActionDividerColor, panelHeaderDividerColor, calendarDaysDividerColor, panelBoxShadow, panelBorderRadius, calendarTitleFontWeight, panelExtraFooterPadding, panelActionPadding, itemSize, itemCellWidth, itemCellHeight, scrollItemWidth, scrollItemHeight, calendarTitlePadding, calendarTitleHeight, calendarDaysHeight, calendarDaysTextColor, arrowSize, panelHeaderPadding, calendarDividerColor, calendarTitleGridTempateColumns, iconColor, iconColorDisabled, scrollItemBorderRadius, [(0, _utils_1.createKey)('calendarLeftPadding', type)]: calendarLeftPadding, [(0, _utils_1.createKey)('calendarRightPadding', type)]: calendarRightPadding } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--panel-border-radius': panelBorderRadius,
-                    '--panel-color': panelColor,
-                    '--panel-box-shadow': panelBoxShadow,
-                    '--panel-text-color': panelTextColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-panel-border-radius': panelBorderRadius,
+                    '--n-panel-color': panelColor,
+                    '--n-panel-box-shadow': panelBoxShadow,
+                    '--n-panel-text-color': panelTextColor,
                     // panel header
-                    '--panel-header-padding': panelHeaderPadding,
-                    '--panel-header-divider-color': panelHeaderDividerColor,
+                    '--n-panel-header-padding': panelHeaderPadding,
+                    '--n-panel-header-divider-color': panelHeaderDividerColor,
                     // panel calendar
-                    '--calendar-left-padding': calendarLeftPadding,
-                    '--calendar-right-padding': calendarRightPadding,
-                    '--calendar-title-height': calendarTitleHeight,
-                    '--calendar-title-padding': calendarTitlePadding,
-                    '--calendar-title-font-size': calendarTitleFontSize,
-                    '--calendar-title-font-weight': calendarTitleFontWeight,
-                    '--calendar-title-text-color': calendarTitleTextColor,
-                    '--calendar-title-grid-template-columns': calendarTitleGridTempateColumns,
-                    '--calendar-days-height': calendarDaysHeight,
-                    '--calendar-days-divider-color': calendarDaysDividerColor,
-                    '--calendar-days-font-size': calendarDaysFontSize,
-                    '--calendar-days-text-color': calendarDaysTextColor,
-                    '--calendar-divider-color': calendarDividerColor,
+                    '--n-calendar-left-padding': calendarLeftPadding,
+                    '--n-calendar-right-padding': calendarRightPadding,
+                    '--n-calendar-title-height': calendarTitleHeight,
+                    '--n-calendar-title-padding': calendarTitlePadding,
+                    '--n-calendar-title-font-size': calendarTitleFontSize,
+                    '--n-calendar-title-font-weight': calendarTitleFontWeight,
+                    '--n-calendar-title-text-color': calendarTitleTextColor,
+                    '--n-calendar-title-grid-template-columns': calendarTitleGridTempateColumns,
+                    '--n-calendar-days-height': calendarDaysHeight,
+                    '--n-calendar-days-divider-color': calendarDaysDividerColor,
+                    '--n-calendar-days-font-size': calendarDaysFontSize,
+                    '--n-calendar-days-text-color': calendarDaysTextColor,
+                    '--n-calendar-divider-color': calendarDividerColor,
                     // panel action
-                    '--panel-action-padding': panelActionPadding,
-                    '--panel-extra-footer-padding': panelExtraFooterPadding,
-                    '--panel-action-divider-color': panelActionDividerColor,
+                    '--n-panel-action-padding': panelActionPadding,
+                    '--n-panel-extra-footer-padding': panelExtraFooterPadding,
+                    '--n-panel-action-divider-color': panelActionDividerColor,
                     // panel item
-                    '--item-font-size': itemFontSize,
-                    '--item-border-radius': itemBorderRadius,
-                    '--item-size': itemSize,
-                    '--item-cell-width': itemCellWidth,
-                    '--item-cell-height': itemCellHeight,
-                    '--item-text-color': itemTextColor,
-                    '--item-color-included': itemColorIncluded,
-                    '--item-color-disabled': itemColorDisabled,
-                    '--item-color-hover': itemColorHover,
-                    '--item-color-active': itemColorActive,
-                    '--item-text-color-disabled': itemTextColorDisabled,
-                    '--item-text-color-active': itemTextColorActive,
+                    '--n-item-font-size': itemFontSize,
+                    '--n-item-border-radius': itemBorderRadius,
+                    '--n-item-size': itemSize,
+                    '--n-item-cell-width': itemCellWidth,
+                    '--n-item-cell-height': itemCellHeight,
+                    '--n-item-text-color': itemTextColor,
+                    '--n-item-color-included': itemColorIncluded,
+                    '--n-item-color-disabled': itemColorDisabled,
+                    '--n-item-color-hover': itemColorHover,
+                    '--n-item-color-active': itemColorActive,
+                    '--n-item-text-color-disabled': itemTextColorDisabled,
+                    '--n-item-text-color-active': itemTextColorActive,
                     // scroll item
-                    '--scroll-item-width': scrollItemWidth,
-                    '--scroll-item-height': scrollItemHeight,
-                    '--scroll-item-border-radius': scrollItemBorderRadius,
+                    '--n-scroll-item-width': scrollItemWidth,
+                    '--n-scroll-item-height': scrollItemHeight,
+                    '--n-scroll-item-border-radius': scrollItemBorderRadius,
                     // panel arrow
-                    '--arrow-size': arrowSize,
-                    '--arrow-color': arrowColor,
+                    '--n-arrow-size': arrowSize,
+                    '--n-arrow-color': arrowColor,
                     // icon in trigger
-                    '--icon-color': iconColor,
-                    '--icon-color-disabled': iconColorDisabled
+                    '--n-icon-color': iconColor,
+                    '--n-icon-color-disabled': iconColorDisabled
                 };
             })
         };
@@ -583,7 +591,8 @@ exports.default = (0, vue_1.defineComponent)({
             active: this.mergedShow,
             actions: this.actions,
             shortcuts: this.shortcuts,
-            style: this.cssVars
+            style: this.cssVars,
+            defaultTime: this.defaultTime
         };
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { ref: "triggerElRef", class: [
@@ -612,7 +621,7 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, vue_1.h)(vueuc_1.VFollower, { show: this.mergedShow, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: "bottom-start" }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.mergedShow
-                                ? (0, vue_1.withDirectives)(this.type === 'datetime' ? ((0, vue_1.h)(datetime_1.default, Object.assign({}, commonPanelProps))) : this.type === 'daterange' ? ((0, vue_1.h)(daterange_1.default, Object.assign({}, commonPanelProps))) : this.type === 'datetimerange' ? ((0, vue_1.h)(datetimerange_1.default, Object.assign({}, commonPanelProps))) : this.type === 'month' ? ((0, vue_1.h)(month_1.default, Object.assign({}, commonPanelProps, { type: "month", key: "month" }))) : this.type === 'year' ? ((0, vue_1.h)(month_1.default, Object.assign({}, commonPanelProps, { type: "year", key: "year" }))) : ((0, vue_1.h)(date_1.default, Object.assign({}, commonPanelProps))), [[vdirs_1.clickoutside, this.handleClickOutside]])
+                                ? (0, vue_1.withDirectives)(this.type === 'datetime' ? ((0, vue_1.h)(datetime_1.default, Object.assign({}, commonPanelProps))) : this.type === 'daterange' ? ((0, vue_1.h)(daterange_1.default, Object.assign({}, commonPanelProps))) : this.type === 'datetimerange' ? ((0, vue_1.h)(datetimerange_1.default, Object.assign({}, commonPanelProps))) : this.type === 'month' ? ((0, vue_1.h)(month_1.default, Object.assign({}, commonPanelProps, { type: "month", key: "month" }))) : this.type === 'year' ? ((0, vue_1.h)(month_1.default, Object.assign({}, commonPanelProps, { type: "year", key: "year" }))) : this.type === 'quarter' ? ((0, vue_1.h)(month_1.default, Object.assign({}, commonPanelProps, { type: "quarter", key: "quarter" }))) : ((0, vue_1.h)(date_1.default, Object.assign({}, commonPanelProps))), [[vdirs_1.clickoutside, this.handleClickOutside]])
                                 : null
                         }))
                     })

package/lib/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';
+export declare type DatePickerType = 'date' | 'datetime' | 'daterange' | 'datetimerange' | 'month' | 'year' | 'quarter';

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

@@ -7,6 +7,7 @@ import { MergedTheme } from '../../_mixins';
 import { DatePickerTheme } from '../styles/light';
 import { uniCalendarValidation, dualCalendarValidation } from './validation-utils';
 export declare type Value = number | [number, number];
+export declare type DefaultTime = string | [string | undefined, string | undefined];
 export declare type Shortcuts = Record<string, number | (() => number)> | Record<string, [number, number] | (() => [number, number])>;
 export declare type OnUpdateValue = (value: number & (number | null) & [number, number] & ([number, number] | null)) => void;
 export declare type OnUpdateValueImpl = (value: Value | null) => void;
@@ -34,7 +35,7 @@ export declare type DatePickerInjection = {
     updateValueOnCloseRef: Ref<boolean>;
     firstDayOfWeekRef: Ref<FirstDayOfWeek | undefined>;
     datePickerSlots: Slots;
-    scrollYearMonth: (value?: number) => void;
+    scrollPickerColumns: (value?: number) => void;
 } & ReturnType<typeof uniCalendarValidation> & ReturnType<typeof dualCalendarValidation>;
 export declare const datePickerInjectionKey: InjectionKey<DatePickerInjection>;
 export declare type IsDateDisabled = IsSingleDateDisabled | IsRangeDateDisabled;

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

@@ -4,19 +4,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => string[];
     };
     readonly active: BooleanConstructor;
-    readonly dateFormat: {
-        readonly type: StringConstructor;
-        readonly default: "yyyy-MM-dd";
-    };
+    readonly dateFormat: StringConstructor;
     readonly timeFormat: {
         readonly type: StringConstructor;
-        readonly default: "HH:mm:ss";
+        readonly value: "HH:mm:ss";
     };
     readonly value: {
         readonly type: import("vue").PropType<import("../interface").Value | null>;
         readonly default: null;
     };
     readonly shortcuts: import("vue").PropType<import("../interface").Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -25,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: true;
     };
 }, {
-    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem) => void;
+    handleDateClick: (dateItem: import("../utils").DateItem | import("../utils").MonthItem | import("../utils").YearItem | import("../utils").QuarterItem) => void;
     handleDateInputBlur: () => void;
     handleDateInput: (value: string) => void;
     handleTimePickerChange: (value: number | null) => void;
@@ -208,12 +206,14 @@ declare const _default: import("vue").DefineComponent<{
             calendarLeftPaddingDatetimerange: string;
             calendarLeftPaddingMonth: string;
             calendarLeftPaddingYear: string;
+            calendarLeftPaddingQuarter: string;
             calendarRightPaddingDate: string;
             calendarRightPaddingDatetime: string;
             calendarRightPaddingDaterange: string;
             calendarRightPaddingDatetimerange: string;
             calendarRightPaddingMonth: string;
             calendarRightPaddingYear: string;
+            calendarRightPaddingQuarter: string;
         };
         peers: {
             Input: import("../../../_mixins").Theme<"Input", {
@@ -1074,6 +1074,7 @@ declare const _default: import("vue").DefineComponent<{
         monthTypeFormat: string;
         dateFormat: string;
         dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1083,6 +1084,7 @@ declare const _default: import("vue").DefineComponent<{
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1116,6 +1118,7 @@ declare const _default: import("vue").DefineComponent<{
     dateArray: import("vue").ComputedRef<import("../utils").DateItem[]>;
     monthArray: import("vue").ComputedRef<import("../utils").MonthItem[]>;
     yearArray: import("vue").ComputedRef<import("../utils").YearItem[]>;
+    quarterArray: import("vue").ComputedRef<import("../utils").QuarterItem[]>;
     calendarYear: import("vue").ComputedRef<string>;
     calendarMonth: import("vue").ComputedRef<string>;
     weekdays: import("vue").ComputedRef<string[]>;
@@ -1135,6 +1138,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly timeFormat?: unknown;
     readonly value?: unknown;
     readonly shortcuts?: unknown;
+    readonly defaultTime?: unknown;
     readonly onConfirm?: unknown;
     readonly onClose?: unknown;
     readonly onTabOut?: unknown;
@@ -1142,21 +1146,20 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     onUpdateValue: import("../interface").OnPanelUpdateValue;
     actions: string[];
-    timeFormat: string;
 } & {
+    dateFormat?: string | undefined;
     onTabOut?: Function | undefined;
     onClose?: import("../interface").OnClose | undefined;
     onConfirm?: Function | undefined;
+    defaultTime?: import("../interface").DefaultTime | undefined;
+    timeFormat?: string | undefined;
     shortcuts?: import("../interface").Shortcuts | undefined;
 }>, {
     value: import("../interface").Value | null;
     active: boolean;
-    dateFormat: string;
     actions: string[];
-    timeFormat: string;
 }>;
 /**
  * Date Panel

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

@@ -14,7 +14,7 @@ const _utils_1 = require("../../../_utils");
  */
 exports.default = (0, vue_1.defineComponent)({
     name: 'DatePanel',
-    props: use_calendar_1.useCalendar.props,
+    props: use_calendar_1.useCalendarProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {