naive-ui 2.43.1 → 2.44.0

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

@@ -19,6 +19,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -46,6 +48,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2185,6 +2189,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -2212,6 +2218,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2228,6 +2236,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     active: boolean;
     actions: string[];
     inputReadonly: boolean;
+    fastYearSelect: boolean;
+    fastMonthSelect: boolean;
     calendarHeaderMonthBeforeYear: boolean;
     panel: boolean;
     useAsQuickJump: boolean;

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

@@ -63,6 +63,12 @@ export default defineComponent({
           month: item.dateObject.quarter
         } : null) && `${mergedClsPrefix}-date-panel-month-calendar__picker-col-item--disabled`],
         onClick: () => {
+          var _a, _b;
+          if (item.type === 'year') {
+            (_a = props.onSelectYear) === null || _a === void 0 ? void 0 : _a.call(props);
+          } else if (item.type === 'month') {
+            (_b = props.onSelectMonth) === null || _b === void 0 ? void 0 : _b.call(props);
+          }
           if (useAsQuickJump) {
             handleQuickMonthClick(item, value => {
               ;

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

@@ -14,6 +14,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -41,6 +43,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2215,6 +2219,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     active: BooleanConstructor;
     dateFormat: StringConstructor;
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarDayFormat: StringConstructor;
     calendarHeaderYearFormat: StringConstructor;
     calendarHeaderMonthFormat: StringConstructor;
@@ -2242,6 +2248,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClose: PropType<import("../interface").OnClose>;
     onTabOut: FunctionConstructor;
     onKeydown: FunctionConstructor;
+    onSelectYear: FunctionConstructor;
+    onSelectMonth: FunctionConstructor;
     onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2258,6 +2266,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     active: boolean;
     actions: string[];
     inputReadonly: boolean;
+    fastYearSelect: boolean;
+    fastMonthSelect: boolean;
     calendarHeaderMonthBeforeYear: boolean;
     panel: boolean;
     bindCalendarMonths: boolean;

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

@@ -13,6 +13,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarMonth: {
         type: StringConstructor;
         required: true;
@@ -41,6 +43,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        fastYearSelect: BooleanConstructor;
+        fastMonthSelect: BooleanConstructor;
         calendarDayFormat: StringConstructor;
         calendarHeaderYearFormat: StringConstructor;
         calendarHeaderMonthFormat: StringConstructor;
@@ -68,6 +72,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onKeydown: FunctionConstructor;
+        onSelectYear: FunctionConstructor;
+        onSelectMonth: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<import("../interface").OnPanelUpdateValue>;
             readonly required: true;
@@ -2199,6 +2205,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         active: boolean;
         actions: string[];
         inputReadonly: boolean;
+        fastYearSelect: boolean;
+        fastMonthSelect: boolean;
         calendarHeaderMonthBeforeYear: boolean;
         panel: boolean;
         useAsQuickJump: boolean;
@@ -2222,6 +2230,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        fastYearSelect: BooleanConstructor;
+        fastMonthSelect: BooleanConstructor;
         calendarDayFormat: StringConstructor;
         calendarHeaderYearFormat: StringConstructor;
         calendarHeaderMonthFormat: StringConstructor;
@@ -2249,6 +2259,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onKeydown: FunctionConstructor;
+        onSelectYear: FunctionConstructor;
+        onSelectMonth: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<import("../interface").OnPanelUpdateValue>;
             readonly required: true;
@@ -4380,6 +4392,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         active: boolean;
         actions: string[];
         inputReadonly: boolean;
+        fastYearSelect: boolean;
+        fastMonthSelect: boolean;
         calendarHeaderMonthBeforeYear: boolean;
         panel: boolean;
         useAsQuickJump: boolean;
@@ -4396,6 +4410,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        fastYearSelect: BooleanConstructor;
+        fastMonthSelect: BooleanConstructor;
         calendarDayFormat: StringConstructor;
         calendarHeaderYearFormat: StringConstructor;
         calendarHeaderMonthFormat: StringConstructor;
@@ -4423,6 +4439,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onKeydown: FunctionConstructor;
+        onSelectYear: FunctionConstructor;
+        onSelectMonth: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<import("../interface").OnPanelUpdateValue>;
             readonly required: true;
@@ -6554,6 +6572,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         active: boolean;
         actions: string[];
         inputReadonly: boolean;
+        fastYearSelect: boolean;
+        fastMonthSelect: boolean;
         calendarHeaderMonthBeforeYear: boolean;
         panel: boolean;
         useAsQuickJump: boolean;
@@ -6577,6 +6597,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         active: BooleanConstructor;
         dateFormat: StringConstructor;
+        fastYearSelect: BooleanConstructor;
+        fastMonthSelect: BooleanConstructor;
         calendarDayFormat: StringConstructor;
         calendarHeaderYearFormat: StringConstructor;
         calendarHeaderMonthFormat: StringConstructor;
@@ -6604,6 +6626,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onClose: PropType<import("../interface").OnClose>;
         onTabOut: FunctionConstructor;
         onKeydown: FunctionConstructor;
+        onSelectYear: FunctionConstructor;
+        onSelectMonth: FunctionConstructor;
         onUpdateValue: {
             readonly type: PropType<import("../interface").OnPanelUpdateValue>;
             readonly required: true;
@@ -8735,10 +8759,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         active: boolean;
         actions: string[];
         inputReadonly: boolean;
+        fastYearSelect: boolean;
+        fastMonthSelect: boolean;
         calendarHeaderMonthBeforeYear: boolean;
         panel: boolean;
         useAsQuickJump: boolean;
     }> | null>;
+    handleSelectYear: () => void;
+    handleSelectMonth: () => void;
     handleHeaderClick: () => void;
     handleClickOutside: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -8755,6 +8783,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    fastYearSelect: BooleanConstructor;
+    fastMonthSelect: BooleanConstructor;
     calendarMonth: {
         type: StringConstructor;
         required: true;
@@ -8767,5 +8797,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<(value: number) => void>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    fastYearSelect: boolean;
+    fastMonthSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/date-picker/src/panel/panelHeader.mjs

@@ -18,6 +18,8 @@ export default defineComponent({
       type: String,
       required: true
     },
+    fastYearSelect: Boolean,
+    fastMonthSelect: Boolean,
     calendarMonth: {
       type: String,
       required: true
@@ -31,10 +33,23 @@ export default defineComponent({
       required: true
     }
   },
-  setup() {
+  setup(props) {
     const triggerRef = ref(null);
     const monthPanelRef = ref(null);
     const showRef = ref(false);
+    function toggleShow() {
+      showRef.value = !showRef.value;
+    }
+    function handleSelectYear() {
+      if (props.fastYearSelect) {
+        toggleShow();
+      }
+    }
+    function handleSelectMonth() {
+      if (props.fastMonthSelect) {
+        toggleShow();
+      }
+    }
     function handleClickOutside(e) {
       var _a;
       if (showRef.value && !((_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.contains(getPreciseEventTarget(e)))) {
@@ -42,12 +57,14 @@ export default defineComponent({
       }
     }
     function handleHeaderClick() {
-      showRef.value = !showRef.value;
+      toggleShow();
     }
     return {
       show: showRef,
       triggerRef,
       monthPanelRef,
+      handleSelectYear,
+      handleSelectMonth,
       handleHeaderClick,
       handleClickOutside
     };
@@ -77,6 +94,8 @@ export default defineComponent({
           default: () => this.show ? withDirectives(h(MonthPanel, {
             ref: "monthPanelRef",
             onUpdateValue: this.onUpdateValue,
+            onSelectYear: this.handleSelectYear,
+            onSelectMonth: this.handleSelectMonth,
             actions: [],
             calendarHeaderMonthYearSeparator: this.monthYearSeparator,
             // month and year click show month type

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

@@ -11,6 +11,8 @@ declare const useCalendarProps: {
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -38,6 +40,8 @@ declare const useCalendarProps: {
     readonly onClose: PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;

package/es/date-picker/src/panel/use-calendar.mjs

@@ -2,7 +2,7 @@ import { addMonths, addYears, format, getDate, getMonth, getTime, getYear, isSam
 import { computed, inject, ref, watch } from 'vue';
 import { MONTH_ITEM_HEIGHT } from "../config.mjs";
 import { datePickerInjectionKey } from "../interface.mjs";
-import { dateArray, getDefaultTime, monthArray, quarterArray, strictParse, yearArray } from "../utils.mjs";
+import { dateArray, extractSingleDefaultTime, getDefaultTime, monthArray, quarterArray, strictParse, yearArray } from "../utils.mjs";
 import { usePanelCommon, usePanelCommonProps } from "./use-panel-common.mjs";
 const useCalendarProps = Object.assign(Object.assign({}, usePanelCommonProps), {
   defaultCalendarStartTime: Number,
@@ -223,7 +223,12 @@ function useCalendar(props, type) {
       newValue = Date.now();
     }
     if (type === 'datetime' && props.defaultTime !== null && !Array.isArray(props.defaultTime)) {
-      const time = getDefaultTime(props.defaultTime);
+      let time;
+      if (typeof props.defaultTime === 'function') {
+        time = extractSingleDefaultTime(dateItem.ts, props.defaultTime);
+      } else {
+        time = getDefaultTime(props.defaultTime);
+      }
       if (time) {
         newValue = getTime(set(newValue, time)); // setDate getTime(addMilliseconds(startOfDay(newValue), time))
       }

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

@@ -13,6 +13,8 @@ declare const useDualCalendarProps: {
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -40,6 +42,8 @@ declare const useDualCalendarProps: {
     readonly onClose: PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;

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

@@ -2,7 +2,7 @@ import { addMonths, format, getDate, getMonth, getTime, getYear, isValid, set, s
 import { computed, inject, ref, watch } from 'vue';
 import { MONTH_ITEM_HEIGHT } from "../config.mjs";
 import { datePickerInjectionKey } from "../interface.mjs";
-import { dateArray, getDefaultTime, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray } from "../utils.mjs";
+import { dateArray, extractRangeDefaultTime, getDefaultTime, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray } from "../utils.mjs";
 import { usePanelCommon, usePanelCommonProps } from "./use-panel-common.mjs";
 const useDualCalendarProps = Object.assign(Object.assign({}, usePanelCommonProps), {
   defaultCalendarStartTime: Number,
@@ -354,7 +354,10 @@ function useDualCalendar(props, type) {
         const {
           defaultTime
         } = props;
-        if (Array.isArray(defaultTime)) {
+        if (typeof defaultTime === 'function') {
+          startDefaultTime = extractRangeDefaultTime(startTime, defaultTime, 'start', [startTime, endTime]);
+          endDefaultTime = extractRangeDefaultTime(endTime, defaultTime, 'end', [startTime, endTime]);
+        } else if (Array.isArray(defaultTime)) {
           startDefaultTime = getDefaultTime(defaultTime[0]);
           endDefaultTime = getDefaultTime(defaultTime[1]);
         } else {

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

@@ -3,6 +3,8 @@ import type { DefaultTime, OnClose, OnPanelUpdateValue, Shortcuts, Value } from
 declare const usePanelCommonProps: {
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -31,6 +33,8 @@ declare const usePanelCommonProps: {
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
     readonly actions: PropType<string[]>;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: PropType<OnPanelUpdateValue>;
         readonly required: true;

package/es/date-picker/src/panel/use-panel-common.mjs

@@ -5,6 +5,8 @@ const TIME_FORMAT = 'HH:mm:ss';
 const usePanelCommonProps = {
   active: Boolean,
   dateFormat: String,
+  fastYearSelect: Boolean,
+  fastMonthSelect: Boolean,
   calendarDayFormat: String,
   calendarHeaderYearFormat: String,
   calendarHeaderMonthFormat: String,
@@ -25,7 +27,7 @@ const usePanelCommonProps = {
     default: null
   },
   shortcuts: Object,
-  defaultTime: [Number, String, Array],
+  defaultTime: [Number, String, Array, Function],
   inputReadonly: Boolean,
   onClear: Function,
   onConfirm: Function,
@@ -33,6 +35,8 @@ const usePanelCommonProps = {
   onTabOut: Function,
   onKeydown: Function,
   actions: Array,
+  onSelectYear: Function,
+  onSelectMonth: Function,
   onUpdateValue: {
     type: Function,
     required: true

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

@@ -15,6 +15,8 @@ export declare const datePickerProps: {
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;

package/es/date-picker/src/props.mjs

@@ -7,6 +7,8 @@ export const datePickerProps = Object.assign(Object.assign({}, useTheme.props),
     default: undefined
   },
   clearable: Boolean,
+  fastYearSelect: Boolean,
+  fastMonthSelect: Boolean,
   updateValueOnClose: Boolean,
   calendarDayFormat: String,
   calendarHeaderYearFormat: String,
@@ -21,7 +23,7 @@ export const datePickerProps = Object.assign(Object.assign({}, useTheme.props),
   },
   defaultValue: [Number, Array],
   defaultFormattedValue: [String, Array],
-  defaultTime: [Number, String, Array],
+  defaultTime: [Number, String, Array, Function],
   disabled: {
     type: Boolean,
     default: undefined

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 import type { NDateLocale } from '../../locales';
-import type { FirstDayOfWeek, Value } from './interface';
+import type { DatePickerGetDefaultTime, DatePickerGetRangeDefaultTime, FirstDayOfWeek, Value } from './interface';
 declare function getDerivedTimeFromKeyboardEvent(prevValue: number | null, event: KeyboardEvent): number;
 export declare function transformNaiveFirstDayOfWeekToDateFns(firstDayOfWeek: FirstDayOfWeek): FirstDayOfWeek;
 export interface DateItem {
@@ -71,10 +71,20 @@ declare function yearArray(valueTs: number | null, currentTs: number, format: {
 declare function strictParse(string: string, pattern: string, backup: Date, option: {
     locale: NDateLocale['locale'];
 }): Date;
+declare function extractSingleDefaultTime(timestamp: number, defaultTimeExtractor: DatePickerGetDefaultTime): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+} | undefined;
+declare function extractRangeDefaultTime(timestamp: number, defaultTimeExtractor: DatePickerGetRangeDefaultTime, position: 'start' | 'end', value: [number, number] | null): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+} | undefined;
 declare function getDefaultTime(timeValue: string | undefined): {
     hours: number;
     minutes: number;
     seconds: number;
 } | undefined;
 declare function pluckValueFromRange(value: Value | null, type: 'start' | 'end'): number | null;
-export { dateArray, getDefaultTime, getDerivedTimeFromKeyboardEvent, getMonthString, getQuarterString, getYearString, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray };
+export { dateArray, extractRangeDefaultTime, extractSingleDefaultTime, getDefaultTime, getDerivedTimeFromKeyboardEvent, getMonthString, getQuarterString, getYearString, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray };

package/es/date-picker/src/utils.mjs

@@ -224,6 +224,14 @@ function strictParse(string, pattern, backup, option) {
   const result = parse(string, pattern, backup, option);
   if (!isValid(result)) return result;else if (format(result, pattern, option) === string) return result;else return new Date(Number.NaN);
 }
+function extractSingleDefaultTime(timestamp, defaultTimeExtractor) {
+  const extractedTime = defaultTimeExtractor(timestamp);
+  return getDefaultTime(extractedTime);
+}
+function extractRangeDefaultTime(timestamp, defaultTimeExtractor, position, value) {
+  const extractedTime = defaultTimeExtractor(timestamp, position, value);
+  return getDefaultTime(extractedTime);
+}
 function getDefaultTime(timeValue) {
   if (timeValue === undefined) {
     return undefined;
@@ -241,4 +249,4 @@ function getDefaultTime(timeValue) {
 function pluckValueFromRange(value, type) {
   return Array.isArray(value) ? value[type === 'start' ? 0 : 1] : null;
 }
-export { dateArray, getDefaultTime, getDerivedTimeFromKeyboardEvent, getMonthString, getQuarterString, getYearString, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray };
+export { dateArray, extractRangeDefaultTime, extractSingleDefaultTime, getDefaultTime, getDerivedTimeFromKeyboardEvent, getMonthString, getQuarterString, getYearString, monthArray, pluckValueFromRange, quarterArray, strictParse, yearArray };

package/es/descriptions/index.d.ts

@@ -2,3 +2,4 @@ export { descriptionsProps, default as NDescriptions } from './src/Descriptions'
 export type { DescriptionProps, DescriptionsProps, DescriptionsSlots } from './src/Descriptions';
 export { descriptionsItemProps, default as NDescriptionsItem } from './src/DescriptionsItem';
 export type { DescriptionItemProps, DescriptionItemSlots } from './src/DescriptionsItem';
+export type * from './src/public-types';

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

@@ -1,5 +1,6 @@
 import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { DescriptionsSize } from './public-types';
 export declare const descriptionsProps: {
     readonly title: StringConstructor;
     readonly column: {
@@ -19,10 +20,7 @@ export declare const descriptionsProps: {
         readonly type: StringConstructor;
         readonly default: ":";
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DescriptionsSize>;
     readonly bordered: BooleanConstructor;
     readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
@@ -151,10 +149,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: StringConstructor;
         readonly default: ":";
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DescriptionsSize>;
     readonly bordered: BooleanConstructor;
     readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
@@ -283,6 +278,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRender: (() => void) | undefined;
     compitableColumn: import("vue").ComputedRef<number>;
     inlineThemeDisabled: boolean | undefined;
+    mergedSize: import("vue").ComputedRef<DescriptionsSize>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly column: {
@@ -302,10 +298,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: StringConstructor;
         readonly default: ":";
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DescriptionsSize>;
     readonly bordered: BooleanConstructor;
     readonly labelClass: StringConstructor;
     readonly labelStyle: PropType<string | CSSProperties>;
@@ -408,11 +401,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         tdPaddingLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly size: "small" | "medium" | "large";
-    readonly column: number;
-    readonly separator: string;
     readonly bordered: boolean;
-    readonly labelPlacement: "left" | "top";
+    readonly separator: string;
+    readonly column: number;
+    readonly labelPlacement: "top" | "left";
     readonly labelAlign: "left" | "right" | "center";
 }, SlotsType<DescriptionsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/descriptions/src/Descriptions.mjs

@@ -25,10 +25,7 @@ export const descriptionsProps = Object.assign(Object.assign({}, useTheme.props)
     type: String,
     default: ':'
   },
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   bordered: Boolean,
   labelClass: String,
   labelStyle: [Object, String],
@@ -42,14 +39,19 @@ export default defineComponent({
   setup(props) {
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = computed(() => {
+      var _a, _b;
+      return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Descriptions) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const themeRef = useTheme('Descriptions', '-descriptions', style, descriptionsLight, props, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
       const {
-        size,
         bordered
       } = props;
+      const mergedSize = mergedSizeRef.value;
       const {
         common: {
           cubicBezierEaseInOut
@@ -70,9 +72,9 @@ export default defineComponent({
           borderColorPopover,
           borderRadius,
           lineHeight,
-          [createKey('fontSize', size)]: fontSize,
-          [createKey(bordered ? 'thPaddingBordered' : 'thPadding', size)]: thPadding,
-          [createKey(bordered ? 'tdPaddingBordered' : 'tdPadding', size)]: tdPadding
+          [createKey('fontSize', mergedSize)]: fontSize,
+          [createKey(bordered ? 'thPaddingBordered' : 'thPadding', mergedSize)]: thPadding,
+          [createKey(bordered ? 'tdPaddingBordered' : 'tdPadding', mergedSize)]: tdPadding
         }
       } = themeRef.value;
       return {
@@ -100,11 +102,10 @@ export default defineComponent({
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('descriptions', computed(() => {
       let hash = '';
       const {
-        size,
         bordered
       } = props;
       if (bordered) hash += 'a';
-      hash += size[0];
+      hash += mergedSizeRef.value[0];
       return hash;
     }), cssVarsRef, props) : undefined;
     return {
@@ -113,7 +114,8 @@ export default defineComponent({
       themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
       onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
       compitableColumn: useCompitable(props, ['columns', 'column']),
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedSize: mergedSizeRef
     };
   },
   render() {
@@ -126,7 +128,7 @@ export default defineComponent({
       compitableColumn,
       labelPlacement,
       labelAlign,
-      size,
+      mergedSize,
       bordered,
       title,
       cssVars,
@@ -213,7 +215,7 @@ export default defineComponent({
     }, row));
     return h("div", {
       style: cssVars,
-      class: [`${mergedClsPrefix}-descriptions`, this.themeClass, `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`, `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`, `${mergedClsPrefix}-descriptions--${size}-size`, bordered && `${mergedClsPrefix}-descriptions--bordered`]
+      class: [`${mergedClsPrefix}-descriptions`, this.themeClass, `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`, `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`, `${mergedClsPrefix}-descriptions--${mergedSize}-size`, bordered && `${mergedClsPrefix}-descriptions--bordered`]
     }, title || this.$slots.header ? h("div", {
       class: `${mergedClsPrefix}-descriptions-header`
     }, title || getSlot(this, 'header')) : null, h("div", {