naive-ui 2.21.4 → 2.23.1

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

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCalendar = void 0;
+exports.useCalendarProps = exports.useCalendar = void 0;
 const vue_1 = require("vue");
 const date_fns_1 = require("date-fns");
 const utils_1 = require("../utils");
-const use_panel_common_1 = require("./use-panel-common");
 const interface_1 = require("../interface");
-const useCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.usePanelCommon.props), { actions: {
+const use_panel_common_1 = require("./use-panel-common");
+const useCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.usePanelCommonProps), { actions: {
         type: Array,
         default: () => ['now', 'clear', 'confirm']
     } });
+exports.useCalendarProps = useCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useCalendar(props, type) {
     const panelCommon = (0, use_panel_common_1.usePanelCommon)(props);
-    const { isValueInvalidRef, isDateDisabledRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots, scrollYearMonth
+    const { isValueInvalidRef, isDateDisabledRef, isDateInvalidRef, isTimeInvalidRef, isDateTimeInvalidRef, isHourDisabledRef, isMinuteDisabledRef, isSecondDisabledRef, localeRef, firstDayOfWeekRef, datePickerSlots, scrollPickerColumns
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
      } = (0, vue_1.inject)(interface_1.datePickerInjectionKey);
     const validation = {
@@ -26,9 +27,10 @@ function useCalendar(props, type) {
         isMinuteDisabled: isMinuteDisabledRef,
         isSecondDisabled: isSecondDisabledRef
     };
+    const mergedDateFormatRef = (0, vue_1.computed)(() => props.dateFormat || localeRef.value.dateFormat);
     const dateInputValueRef = (0, vue_1.ref)(props.value === null || Array.isArray(props.value)
         ? ''
-        : (0, date_fns_1.format)(props.value, props.dateFormat));
+        : (0, date_fns_1.format)(props.value, mergedDateFormatRef.value));
     const calendarValueRef = (0, vue_1.ref)(props.value === null || Array.isArray(props.value)
         ? Date.now()
         : props.value);
@@ -46,6 +48,9 @@ function useCalendar(props, type) {
     const yearArrayRef = (0, vue_1.computed)(() => {
         return (0, utils_1.yearArray)(calendarValueRef.value, props.value, nowRef.value);
     });
+    const querterArrayRef = (0, vue_1.computed)(() => {
+        return (0, utils_1.quarterArray)(calendarValueRef.value, props.value, nowRef.value);
+    });
     const weekdaysRef = (0, vue_1.computed)(() => {
         return dateArrayRef.value.slice(0, 7).map((dateItem) => {
             const { ts } = dateItem;
@@ -65,7 +70,7 @@ function useCalendar(props, type) {
     });
     (0, vue_1.watch)((0, vue_1.computed)(() => props.value), (value) => {
         if (value !== null && !Array.isArray(value)) {
-            dateInputValueRef.value = (0, date_fns_1.format)(value, props.dateFormat, panelCommon.dateFnsOptions.value);
+            dateInputValueRef.value = (0, date_fns_1.format)(value, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
             calendarValueRef.value = value;
         }
         else {
@@ -79,6 +84,8 @@ function useCalendar(props, type) {
             return (0, date_fns_1.getTime)((0, date_fns_1.startOfMonth)(value));
         if (type === 'year')
             return (0, date_fns_1.getTime)((0, date_fns_1.startOfYear)(value));
+        if (type === 'quarter')
+            return (0, date_fns_1.getTime)((0, date_fns_1.startOfQuarter)(value));
         return (0, date_fns_1.getTime)((0, date_fns_1.startOfDay)(value));
     }
     function mergedIsDateDisabled(ts) {
@@ -88,7 +95,7 @@ function useCalendar(props, type) {
         return isDateDisabled(ts);
     }
     function handleDateInput(value) {
-        const date = (0, utils_1.strictParse)(value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         if ((0, date_fns_1.isValid)(date)) {
             if (props.value === null) {
                 panelCommon.doUpdateValue((0, date_fns_1.getTime)(sanitizeValue(Date.now())), false);
@@ -107,7 +114,7 @@ function useCalendar(props, type) {
         }
     }
     function handleDateInputBlur() {
-        const date = (0, utils_1.strictParse)(dateInputValueRef.value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(dateInputValueRef.value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         if ((0, date_fns_1.isValid)(date)) {
             if (props.value === null) {
                 panelCommon.doUpdateValue((0, date_fns_1.getTime)(sanitizeValue(Date.now())), false);
@@ -146,17 +153,30 @@ function useCalendar(props, type) {
         else {
             newValue = Date.now();
         }
-        newValue = (0, date_fns_1.getTime)((0, date_fns_1.set)(newValue, dateItem.dateObject));
-        panelCommon.doUpdateValue(sanitizeValue(newValue), type === 'date' || type === 'year');
-        if (type === 'date') {
-            panelCommon.doClose();
-        }
-        else if (type === 'month') {
-            panelCommon.disableTransitionOneTick();
-            scrollYearMonth(newValue);
+        if (type === 'datetime' &&
+            props.defaultTime !== null &&
+            !Array.isArray(props.defaultTime)) {
+            const time = (0, utils_1.getDefaultTime)(props.defaultTime);
+            if (time) {
+                newValue = (0, date_fns_1.getTime)((0, date_fns_1.set)(newValue, time)); // setDate getTime(addMilliseconds(startOfDay(newValue), time))
+            }
         }
-        else if (type === 'year') {
-            panelCommon.doClose();
+        newValue = (0, date_fns_1.getTime)(dateItem.type === 'quarter' && dateItem.dateObject.quarter
+            ? (0, date_fns_1.setQuarter)((0, date_fns_1.setYear)(newValue, dateItem.dateObject.year), dateItem.dateObject.quarter)
+            : (0, date_fns_1.set)(newValue, dateItem.dateObject));
+        panelCommon.doUpdateValue(sanitizeValue(newValue), type === 'date' || type === 'year');
+        switch (type) {
+            case 'date':
+            case 'year':
+                panelCommon.doClose();
+                break;
+            case 'month':
+                panelCommon.disableTransitionOneTick();
+                scrollPickerColumns(newValue);
+                break;
+            case 'quarter':
+                scrollPickerColumns(newValue);
+                break;
         }
     }
     function deriveDateInputValue(time) {
@@ -169,7 +189,7 @@ function useCalendar(props, type) {
         if (time === undefined) {
             time = props.value;
         }
-        dateInputValueRef.value = (0, date_fns_1.format)(time, props.dateFormat, panelCommon.dateFnsOptions.value);
+        dateInputValueRef.value = (0, date_fns_1.format)(time, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
     }
     function handleConfirmClick() {
         if (validation.isDateInvalid.value || validation.isTimeInvalid.value) {
@@ -230,7 +250,7 @@ function useCalendar(props, type) {
         panelCommon.clearPendingValue();
         handleConfirmClick();
     }
-    return Object.assign(Object.assign(Object.assign({ dateArray: dateArrayRef, monthArray: monthArrayRef, yearArray: yearArrayRef, calendarYear: calendarYearRef, calendarMonth: calendarMonthRef, weekdays: weekdaysRef, mergedIsDateDisabled,
+    return Object.assign(Object.assign(Object.assign({ dateArray: dateArrayRef, monthArray: monthArrayRef, yearArray: yearArrayRef, quarterArray: querterArrayRef, calendarYear: calendarYearRef, calendarMonth: calendarMonthRef, weekdays: weekdaysRef, mergedIsDateDisabled,
         nextYear,
         prevYear,
         nextMonth,
@@ -253,4 +273,3 @@ function useCalendar(props, type) {
         scrollbarInstRef });
 }
 exports.useCalendar = useCalendar;
-useCalendar.props = useCalendarProps;

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

@@ -1,25 +1,23 @@
 import { ExtractPropTypes } from 'vue';
 import { DateItem } from '../utils';
-import { Shortcuts } from '../interface';
+import type { Shortcuts } from '../interface';
 declare const useDualCalendarProps: {
     readonly actions: {
         readonly type: ArrayConstructor;
         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<Shortcuts>;
+    readonly defaultTime: import("vue").PropType<import("../interface").DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -210,12 +208,14 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
             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", {
@@ -1072,6 +1072,11 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1081,6 +1086,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1129,33 +1135,4 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
     handleRangeShortcutMouseenter: (shortcut: Shortcuts[string]) => void;
     handleRangeShortcutClick: (shortcut: Shortcuts[string]) => void;
 };
-declare namespace useDualCalendar {
-    var props: {
-        readonly actions: {
-            readonly type: ArrayConstructor;
-            readonly default: () => string[];
-        };
-        readonly active: BooleanConstructor;
-        readonly dateFormat: {
-            readonly type: StringConstructor;
-            readonly default: "yyyy-MM-dd";
-        };
-        readonly timeFormat: {
-            readonly type: StringConstructor;
-            readonly default: "HH:mm:ss";
-        };
-        readonly value: {
-            readonly type: import("vue").PropType<import("../interface").Value | null>;
-            readonly default: null;
-        };
-        readonly shortcuts: import("vue").PropType<Shortcuts>;
-        readonly onConfirm: FunctionConstructor;
-        readonly onClose: import("vue").PropType<import("../interface").OnClose>;
-        readonly onTabOut: FunctionConstructor;
-        readonly onUpdateValue: {
-            readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
-            readonly required: true;
-        };
-    };
-}
-export { useDualCalendar };
+export { useDualCalendar, useDualCalendarProps };

package/lib/date-picker/src/panel/use-dual-calendar.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDualCalendar = void 0;
+exports.useDualCalendarProps = exports.useDualCalendar = void 0;
 const vue_1 = require("vue");
 const date_fns_1 = require("date-fns");
 const utils_1 = require("../utils");
-const use_panel_common_1 = require("./use-panel-common");
 const interface_1 = require("../interface");
-const useDualCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.usePanelCommon.props), { actions: {
+const use_panel_common_1 = require("./use-panel-common");
+const useDualCalendarProps = Object.assign(Object.assign({}, use_panel_common_1.usePanelCommonProps), { actions: {
         type: Array,
         default: () => ['clear', 'confirm']
     } });
+exports.useDualCalendarProps = useDualCalendarProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function useDualCalendar(props, type = 'datetime') {
     const { isDateDisabledRef, isStartHourDisabledRef, isEndHourDisabledRef, isStartMinuteDisabledRef, isEndMinuteDisabledRef, isStartSecondDisabledRef, isEndSecondDisabledRef, isStartDateInvalidRef, isEndDateInvalidRef, isStartTimeInvalidRef, isEndTimeInvalidRef, isStartValueInvalidRef, isEndValueInvalidRef, isRangeInvalidRef, localeRef, rangesRef, closeOnSelectRef, updateValueOnCloseRef, firstDayOfWeekRef, datePickerSlots
@@ -39,12 +40,13 @@ function useDualCalendar(props, type = 'datetime') {
     const nowRef = (0, vue_1.ref)(Date.now());
     const isSelectingRef = (0, vue_1.ref)(false);
     const memorizedStartDateTimeRef = (0, vue_1.ref)(0);
-    const { value, dateFormat } = props;
+    const mergedDateFormatRef = (0, vue_1.computed)(() => props.dateFormat || localeRef.value.dateFormat);
+    const { value } = props;
     const startDateInput = (0, vue_1.ref)(Array.isArray(value)
-        ? (0, date_fns_1.format)(value[0], dateFormat, panelCommon.dateFnsOptions.value)
+        ? (0, date_fns_1.format)(value[0], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value)
         : '');
     const endDateInputRef = (0, vue_1.ref)(Array.isArray(value)
-        ? (0, date_fns_1.format)(value[1], dateFormat, panelCommon.dateFnsOptions.value)
+        ? (0, date_fns_1.format)(value[1], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value)
         : '');
     if (Array.isArray(value)) {
         syncCalendarTimeWithValue(value);
@@ -101,9 +103,8 @@ function useDualCalendar(props, type = 'datetime') {
     (0, vue_1.watch)((0, vue_1.computed)(() => props.value), (value) => {
         if (value !== null && Array.isArray(value)) {
             const [startMoment, endMoment] = value;
-            const { dateFormat } = props;
-            startDateInput.value = (0, date_fns_1.format)(startMoment, dateFormat, panelCommon.dateFnsOptions.value);
-            endDateInputRef.value = (0, date_fns_1.format)(endMoment, dateFormat, panelCommon.dateFnsOptions.value);
+            startDateInput.value = (0, date_fns_1.format)(startMoment, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
+            endDateInputRef.value = (0, date_fns_1.format)(endMoment, mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
             if (!isSelectingRef.value) {
                 syncCalendarTimeWithValue(value);
             }
@@ -290,8 +291,24 @@ function useDualCalendar(props, type = 'datetime') {
         if (typeof startTime !== 'number') {
             startTime = (0, date_fns_1.getTime)(startTime);
         }
-        if (typeof endTime !== 'number') {
-            endTime = (0, date_fns_1.getTime)(endTime);
+        let startDefaultTime;
+        let endDefaultTime;
+        if (type === 'datetimerange') {
+            const { defaultTime } = props;
+            if (Array.isArray(defaultTime)) {
+                startDefaultTime = (0, utils_1.getDefaultTime)(defaultTime[0]);
+                endDefaultTime = (0, utils_1.getDefaultTime)(defaultTime[1]);
+            }
+            else {
+                startDefaultTime = (0, utils_1.getDefaultTime)(defaultTime);
+                endDefaultTime = startDefaultTime;
+            }
+        }
+        if (startDefaultTime) {
+            startTime = (0, date_fns_1.getTime)((0, date_fns_1.set)(startTime, startDefaultTime));
+        }
+        if (endDefaultTime) {
+            endTime = (0, date_fns_1.getTime)((0, date_fns_1.set)(endTime, endDefaultTime));
         }
         panelCommon.doUpdateValue([startTime, endTime], false);
     }
@@ -305,7 +322,7 @@ function useDualCalendar(props, type = 'datetime') {
         }
     }
     function handleStartDateInput(value) {
-        const date = (0, utils_1.strictParse)(value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         if ((0, date_fns_1.isValid)(date)) {
             if (!props.value) {
                 const newValue = (0, date_fns_1.set)(new Date(), {
@@ -330,7 +347,7 @@ function useDualCalendar(props, type = 'datetime') {
     }
     function handleEndDateInput(value) {
         /** strict check when input */
-        const date = (0, utils_1.strictParse)(value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         if ((0, date_fns_1.isValid)(date)) {
             if (props.value === null) {
                 const newValue = (0, date_fns_1.set)(new Date(), {
@@ -354,7 +371,7 @@ function useDualCalendar(props, type = 'datetime') {
         }
     }
     function handleStartDateInputBlur() {
-        const date = (0, utils_1.strictParse)(startDateInput.value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(startDateInput.value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         const { value } = props;
         if ((0, date_fns_1.isValid)(date)) {
             if (value === null) {
@@ -379,7 +396,7 @@ function useDualCalendar(props, type = 'datetime') {
         }
     }
     function handleEndDateInputBlur() {
-        const date = (0, utils_1.strictParse)(endDateInputRef.value, props.dateFormat, new Date(), panelCommon.dateFnsOptions.value);
+        const date = (0, utils_1.strictParse)(endDateInputRef.value, mergedDateFormatRef.value, new Date(), panelCommon.dateFnsOptions.value);
         const { value } = props;
         if ((0, date_fns_1.isValid)(date)) {
             if (value === null) {
@@ -412,12 +429,11 @@ function useDualCalendar(props, type = 'datetime') {
             endDateInputRef.value = '';
             return;
         }
-        const { dateFormat } = props;
         if (times === undefined) {
             times = value;
         }
-        startDateInput.value = (0, date_fns_1.format)(times[0], dateFormat, panelCommon.dateFnsOptions.value);
-        endDateInputRef.value = (0, date_fns_1.format)(times[1], dateFormat, panelCommon.dateFnsOptions.value);
+        startDateInput.value = (0, date_fns_1.format)(times[0], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
+        endDateInputRef.value = (0, date_fns_1.format)(times[1], mergedDateFormatRef.value, panelCommon.dateFnsOptions.value);
     }
     function handleStartTimePickerChange(value) {
         if (value === null)
@@ -471,4 +487,3 @@ function useDualCalendar(props, type = 'datetime') {
         datePickerSlots, shortcuts: shortcutsRef });
 }
 exports.useDualCalendar = useDualCalendar;
-useDualCalendar.props = useDualCalendarProps;

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

@@ -1,20 +1,18 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { Value, OnPanelUpdateValue, OnClose, Shortcuts } from '../interface';
+import { Value, OnPanelUpdateValue, OnClose, Shortcuts, DefaultTime } from '../interface';
 declare const usePanelCommonProps: {
     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: PropType<Value | null>;
         readonly default: null;
     };
     readonly shortcuts: PropType<Shortcuts>;
+    readonly defaultTime: PropType<DefaultTime>;
     readonly onConfirm: FunctionConstructor;
     readonly onClose: PropType<OnClose>;
     readonly onTabOut: FunctionConstructor;
@@ -176,12 +174,14 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
             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", {
@@ -1039,6 +1039,11 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         yearFormat: string;
         monthFormat: string;
         dayFormat: string;
+        yearTypeFormat: string;
+        monthTypeFormat: string;
+        dateFormat: string;
+        dateTimeFormat: string;
+        quarterFormat: string;
         clear: string;
         now: string;
         confirm: string;
@@ -1048,6 +1053,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         datetimePlaceholder: string;
         monthPlaceholder: string;
         yearPlaceholder: string;
+        quarterPlaceholder: string;
         startDatePlaceholder: string;
         endDatePlaceholder: string;
         startDatetimePlaceholder: string;
@@ -1071,29 +1077,4 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
     getShortcutValue: (shortcut: Shortcuts[string]) => number | [number, number];
     handleShortcutMouseleave: () => void;
 };
-declare namespace usePanelCommon {
-    var props: {
-        readonly active: BooleanConstructor;
-        readonly dateFormat: {
-            readonly type: StringConstructor;
-            readonly default: "yyyy-MM-dd";
-        };
-        readonly timeFormat: {
-            readonly type: StringConstructor;
-            readonly default: "HH:mm:ss";
-        };
-        readonly value: {
-            readonly type: PropType<Value | null>;
-            readonly default: null;
-        };
-        readonly shortcuts: PropType<Shortcuts>;
-        readonly onConfirm: FunctionConstructor;
-        readonly onClose: PropType<OnClose>;
-        readonly onTabOut: FunctionConstructor;
-        readonly onUpdateValue: {
-            readonly type: PropType<OnPanelUpdateValue>;
-            readonly required: true;
-        };
-    };
-}
-export { usePanelCommon };
+export { usePanelCommon, usePanelCommonProps };

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

@@ -1,26 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePanelCommon = void 0;
+exports.usePanelCommonProps = exports.usePanelCommon = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const interface_1 = require("../interface");
-const DATE_FORMAT = 'yyyy-MM-dd';
 const TIME_FORMAT = 'HH:mm:ss';
 const usePanelCommonProps = {
     active: Boolean,
-    dateFormat: {
-        type: String,
-        default: DATE_FORMAT
-    },
+    dateFormat: String,
     timeFormat: {
         type: String,
-        default: TIME_FORMAT
+        value: TIME_FORMAT
     },
     value: {
         type: [Array, Number],
         default: null
     },
     shortcuts: Object,
+    defaultTime: [Number, String, Array],
     onConfirm: Function,
     onClose: Function,
     onTabOut: Function,
@@ -29,6 +26,7 @@ const usePanelCommonProps = {
         required: true
     }
 };
+exports.usePanelCommonProps = usePanelCommonProps;
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 function usePanelCommon(props) {
     const { dateLocaleRef, timePickerSizeRef, localeRef, mergedClsPrefixRef, mergedThemeRef
@@ -143,4 +141,3 @@ function usePanelCommon(props) {
     };
 }
 exports.usePanelCommon = usePanelCommon;
-usePanelCommon.props = usePanelCommonProps;

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

@@ -21,7 +21,7 @@ export interface MonthItem {
         month: number;
         year: number;
     };
-    isCurrentMonth: boolean;
+    isCurrent: boolean;
     selected: boolean;
     ts: number;
 }
@@ -30,7 +30,17 @@ export interface YearItem {
     dateObject: {
         year: number;
     };
-    isCurrentYear: boolean;
+    isCurrent: boolean;
+    selected: boolean;
+    ts: number;
+}
+export interface QuarterItem {
+    type: 'quarter';
+    dateObject: {
+        quarter: number;
+        year: number;
+    };
+    isCurrent: boolean;
     selected: boolean;
     ts: number;
 }
@@ -40,8 +50,14 @@ export interface YearItem {
  */
 declare function dateArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number, startDay: 0 | 1 | 2 | 3 | 4 | 5 | 6, strip?: boolean): DateItem[];
 declare function monthArray(monthTs: number, valueTs: number | [number, number] | null, currentTs: number): MonthItem[];
+declare function quarterArray(quarterTs: number, valueTs: number | [number, number] | null, currentTs: number): QuarterItem[];
 declare function yearArray(yearTs: number, valueTs: number | [number, number] | null, currentTs: number): YearItem[];
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: Locale;
 }): Date;
-export { dateArray, monthArray, yearArray, strictParse, getDerivedTimeFromKeyboardEvent };
+declare function getDefaultTime(timeValue: string | undefined): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+} | undefined;
+export { dateArray, monthArray, yearArray, quarterArray, strictParse, getDerivedTimeFromKeyboardEvent, getDefaultTime };

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
+exports.getDefaultTime = exports.getDerivedTimeFromKeyboardEvent = exports.strictParse = exports.quarterArray = exports.yearArray = exports.monthArray = exports.dateArray = void 0;
 const date_fns_1 = require("date-fns");
 const config_1 = require("./config");
 function getDerivedTimeFromKeyboardEvent(prevValue, event) {
@@ -23,7 +23,8 @@ exports.getDerivedTimeFromKeyboardEvent = getDerivedTimeFromKeyboardEvent;
 const matcherMap = {
     date: date_fns_1.isSameDay,
     month: date_fns_1.isSameMonth,
-    year: date_fns_1.isSameYear
+    year: date_fns_1.isSameYear,
+    quarter: date_fns_1.isSameQuarter
 };
 function matchDate(sourceTime, patternTime, type = 'date') {
     const matcher = matcherMap[type];
@@ -70,7 +71,7 @@ function monthItem(monthTs, valueTs, currentTs) {
             month: (0, date_fns_1.getMonth)(monthTs),
             year: (0, date_fns_1.getYear)(monthTs)
         },
-        isCurrentMonth: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
+        isCurrent: (0, date_fns_1.isSameMonth)(currentTs, monthTs),
         selected: valueTs !== null && matchDate(valueTs, monthTs, 'month'),
         ts: (0, date_fns_1.getTime)(monthTs)
     };
@@ -81,11 +82,23 @@ function yearItem(yearTs, valueTs, currentTs) {
         dateObject: {
             year: (0, date_fns_1.getYear)(yearTs)
         },
-        isCurrentYear: (0, date_fns_1.isSameYear)(currentTs, yearTs),
+        isCurrent: (0, date_fns_1.isSameYear)(currentTs, yearTs),
         selected: valueTs !== null && matchDate(valueTs, yearTs, 'year'),
         ts: (0, date_fns_1.getTime)(yearTs)
     };
 }
+function quarterItem(quarterTs, valueTs, currentTs) {
+    return {
+        type: 'quarter',
+        dateObject: {
+            quarter: (0, date_fns_1.getQuarter)(quarterTs),
+            year: (0, date_fns_1.getYear)(quarterTs)
+        },
+        isCurrent: (0, date_fns_1.isSameQuarter)(currentTs, quarterTs),
+        selected: valueTs !== null && matchDate(valueTs, quarterTs, 'quarter'),
+        ts: (0, date_fns_1.getTime)(quarterTs)
+    };
+}
 /**
  * Given time to display calendar, given the selected time, given current time,
  * return the date array of display time's month.
@@ -131,6 +144,15 @@ function monthArray(monthTs, valueTs, currentTs) {
     return calendarMonths;
 }
 exports.monthArray = monthArray;
+function quarterArray(quarterTs, valueTs, currentTs) {
+    const calendarQuarters = [];
+    const yearStart = (0, date_fns_1.startOfYear)(quarterTs);
+    for (let i = 0; i < 4; i++) {
+        calendarQuarters.push(quarterItem((0, date_fns_1.getTime)((0, date_fns_1.addQuarters)(yearStart, i)), valueTs, currentTs));
+    }
+    return calendarQuarters;
+}
+exports.quarterArray = quarterArray;
 function yearArray(yearTs, valueTs, currentTs) {
     const calendarYears = [];
     const time1900 = new Date(config_1.START_YEAR, 0, 1);
@@ -153,3 +175,18 @@ function strictParse(string, pattern, backup, option) {
         return new Date(NaN);
 }
 exports.strictParse = strictParse;
+function getDefaultTime(timeValue) {
+    if (timeValue === undefined) {
+        return undefined;
+    }
+    if (typeof timeValue === 'number') {
+        return timeValue;
+    }
+    const [hour, minute, second] = timeValue.split(':');
+    return {
+        hours: Number(hour),
+        minutes: Number(minute),
+        seconds: Number(second)
+    };
+}
+exports.getDefaultTime = getDefaultTime;

package/lib/date-picker/styles/_common.d.ts

@@ -18,11 +18,13 @@ declare const _default: {
     calendarLeftPaddingDatetimerange: string;
     calendarLeftPaddingMonth: string;
     calendarLeftPaddingYear: string;
+    calendarLeftPaddingQuarter: string;
     calendarRightPaddingDate: string;
     calendarRightPaddingDatetime: string;
     calendarRightPaddingDaterange: string;
     calendarRightPaddingDatetimerange: string;
     calendarRightPaddingMonth: string;
     calendarRightPaddingYear: string;
+    calendarRightPaddingQuarter: string;
 };
 export default _default;

package/lib/date-picker/styles/_common.js

@@ -21,10 +21,12 @@ exports.default = {
     calendarLeftPaddingDatetimerange: '4px 12px',
     calendarLeftPaddingMonth: '0',
     calendarLeftPaddingYear: '0',
+    calendarLeftPaddingQuarter: '0',
     calendarRightPaddingDate: '6px 12px 4px 12px',
     calendarRightPaddingDatetime: '4px 12px',
     calendarRightPaddingDaterange: '6px 12px 4px 12px',
     calendarRightPaddingDatetimerange: '4px 12px',
     calendarRightPaddingMonth: '0',
-    calendarRightPaddingYear: '0'
+    calendarRightPaddingYear: '0',
+    calendarRightPaddingQuarter: '0'
 };