naive-ui 2.43.2 → 2.44.1

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

@@ -8,6 +8,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -35,6 +37,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2204,6 +2208,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
+    readonly fastYearSelect: BooleanConstructor;
+    readonly fastMonthSelect: BooleanConstructor;
     readonly calendarDayFormat: StringConstructor;
     readonly calendarHeaderYearFormat: StringConstructor;
     readonly calendarHeaderMonthFormat: StringConstructor;
@@ -2231,6 +2237,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly onClose: import("vue").PropType<import("../interface").OnClose>;
     readonly onTabOut: FunctionConstructor;
     readonly onKeydown: FunctionConstructor;
+    readonly onSelectYear: FunctionConstructor;
+    readonly onSelectMonth: FunctionConstructor;
     readonly onUpdateValue: {
         readonly type: import("vue").PropType<import("../interface").OnPanelUpdateValue>;
         readonly required: true;
@@ -2247,6 +2255,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly active: boolean;
     readonly actions: string[];
     readonly inputReadonly: boolean;
+    readonly fastYearSelect: boolean;
+    readonly fastMonthSelect: boolean;
     readonly calendarHeaderMonthBeforeYear: boolean;
     readonly panel: boolean;
     readonly bindCalendarMonths: boolean;

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

@@ -108,6 +108,8 @@ export default defineComponent({
       class: `${mergedClsPrefix}-date-panel-month__prev`,
       onClick: this.startCalendarPrevMonth
     }, resolveSlot(datePickerSlots['prev-month'], () => [h(BackwardIcon, null)])), h(PanelHeader, {
+      fastYearSelect: this.fastYearSelect,
+      fastMonthSelect: this.fastMonthSelect,
       monthYearSeparator: this.calendarHeaderMonthYearSeparator,
       monthBeforeYear: this.calendarMonthBeforeYear,
       value: this.startCalendarDateTime,
@@ -169,6 +171,8 @@ export default defineComponent({
       class: `${mergedClsPrefix}-date-panel-month__prev`,
       onClick: this.endCalendarPrevMonth
     }, resolveSlot(datePickerSlots['prev-month'], () => [h(BackwardIcon, null)])), h(PanelHeader, {
+      fastYearSelect: this.fastYearSelect,
+      fastMonthSelect: this.fastMonthSelect,
       monthBeforeYear: this.calendarMonthBeforeYear,
       value: this.endCalendarDateTime,
       onUpdateValue: this.onUpdateEndCalendarValue,

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

@@ -5,6 +5,7 @@ import type { FormValidationStatus } from '../../form/src/public-types';
 import type { TimePickerProps } from '../../time-picker';
 import type { DatePickerType } from './config';
 import type { DefaultTime, FirstDayOfWeek, FormattedValue, IsDateDisabled, IsTimeDisabled, OnConfirm, OnUpdateFormattedValue, OnUpdateValue, Shortcuts, Value } from './interface';
+import type { DatePickerSize } from './public-types';
 export declare const datePickerProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -15,6 +16,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;
@@ -40,7 +43,7 @@ export declare const datePickerProps: {
     };
     readonly value: PropType<Value | null>;
     readonly formattedValue: PropType<FormattedValue | null>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<DatePickerSize>;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";

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,

package/es/date-picker/src/public-types.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { datePickerProps } from './props';
+export type DatePickerSize = 'small' | 'medium' | 'large';
 export interface DatePickerInst {
     focus: () => void;
     blur: () => void;

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,7 +401,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         tdPaddingLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly size: "small" | "medium" | "large";
     readonly bordered: boolean;
     readonly separator: string;
     readonly column: number;

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", {

package/es/descriptions/src/public-types.d.ts

@@ -0,0 +1 @@
+export type DescriptionsSize = 'small' | 'medium' | 'large';

package/es/descriptions/src/public-types.mjs

@@ -0,0 +1 @@
+export {};