naive-ui 2.44.0 → 2.44.1

package/es/_internal/select-menu/src/SelectMenu.mjs

@@ -423,7 +423,7 @@ export default defineComponent({
     return h("div", {
       ref: "selfRef",
       tabindex: this.focusable ? 0 : -1,
-      class: [`${clsPrefix}-base-select-menu`, this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`, themeClass, this.multiple && `${clsPrefix}-base-select-menu--multiple`],
+      class: [`${clsPrefix}-base-select-menu`, `${clsPrefix}-base-select-menu--${this.size}-size`, this.rtlEnabled && `${clsPrefix}-base-select-menu--rtl`, themeClass, this.multiple && `${clsPrefix}-base-select-menu--multiple`],
       style: this.cssVars,
       onFocusin: this.handleFocusin,
       onFocusout: this.handleFocusout,

package/es/auto-complete/index.d.ts

@@ -1,3 +1,4 @@
 export { autoCompleteProps, default as NAutoComplete } from './src/AutoComplete';
 export type { AutoCompleteProps, AutoCompleteSlots } from './src/AutoComplete';
 export type { AutoCompleteDefaultSlotProps, AutoCompleteGroupOption, AutoCompleteInst, AutoCompleteOption } from './src/interface';
+export type * from './src/public-types';

package/es/auto-complete/src/AutoComplete.d.ts

@@ -7,6 +7,7 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { AutoCompleteDefaultSlotProps, AutoCompleteOptions, OnSelect, OnUpdateValue } from './interface';
+import type { AutoCompleteSize } from './public-types';
 export declare const autoCompleteProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -47,7 +48,7 @@ export declare const autoCompleteProps: {
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];
@@ -547,7 +548,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];
@@ -1061,7 +1062,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | null>;
     triggerElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<AutoCompleteSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     active: import("vue").ComputedRef<boolean>;
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
@@ -1322,7 +1323,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inputProps: PropType<InputHTMLAttributes>;
     readonly renderOption: PropType<RenderOption>;
     readonly renderLabel: PropType<RenderLabel>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<AutoCompleteSize>;
     readonly options: {
         readonly type: PropType<AutoCompleteOptions>;
         readonly default: () => never[];

package/es/auto-complete/src/AutoComplete.mjs

@@ -81,9 +81,25 @@ export default defineComponent({
       mergedBorderedRef,
       namespaceRef,
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.AutoComplete) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

package/es/auto-complete/src/public-types.d.ts

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

package/es/auto-complete/src/public-types.mjs

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

package/es/cascader/src/Cascader.d.ts

@@ -7,7 +7,7 @@ import type { FormValidationStatus } from '../../form/src/public-types';
 import type { PopoverProps } from '../../popover';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { CascaderMenuInstance, CascaderOption, ExpandTrigger, Filter, Key, OnLoad, OnUpdateValue, SelectMenuInstance, Value } from './interface';
-import type { CascaderSpinProps } from './public-types';
+import type { CascaderSize, CascaderSpinProps } from './public-types';
 export declare const cascaderProps: {
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {
@@ -29,7 +29,7 @@ export declare const cascaderProps: {
     };
     readonly placeholder: StringConstructor;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<CascaderSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -824,7 +824,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly placeholder: StringConstructor;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<CascaderSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -1644,7 +1644,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showSelectMenu: import("vue").ComputedRef<boolean>;
     pattern: import("vue").Ref<string, string>;
     treeMate: import("vue").ComputedRef<import("treemate").TreeMate<CascaderOption, CascaderOption, CascaderOption>>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<CascaderSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     localizedPlaceholder: import("vue").ComputedRef<string>;
     selectedOption: import("vue").ComputedRef<{
@@ -2031,7 +2031,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     readonly placeholder: StringConstructor;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<CascaderSize>;
     readonly filterable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;

package/es/cascader/src/Cascader.mjs

@@ -134,7 +134,8 @@ export default defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Cascader', '-cascader', style, cascaderLight, props, mergedClsPrefixRef);
     const {
@@ -147,7 +148,22 @@ export default defineComponent({
       return props.leafOnly ? 'child' : props.checkStrategy;
     });
     const patternRef = ref('');
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Cascader) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

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

@@ -1,2 +1,3 @@
 import type { SharedSpinProps } from '../../_internal';
+export type CascaderSize = 'small' | 'medium' | 'large';
 export type CascaderSpinProps = SharedSpinProps;

package/es/color-picker/index.d.ts

@@ -1,2 +1,3 @@
 export { colorPickerProps, default as NColorPicker } from './src/ColorPicker';
 export type { ColorPickerProps, ColorPickerSlots } from './src/ColorPicker';
+export type * from './src/public-types';

package/es/color-picker/src/ColorPicker.d.ts

@@ -3,6 +3,7 @@ import type { ComponentPublicInstance, PropType, Ref, SlotsType, VNode } from 'v
 import type { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnClear, OnUpdateValue, RenderLabel } from './interface';
+import type { ColorPickerSize } from './public-types';
 import type { ActionType, ColorPickerMode } from './utils';
 export declare const colorPickerProps: {
     readonly value: PropType<string | null>;
@@ -39,7 +40,7 @@ export declare const colorPickerProps: {
         readonly default: null;
     };
     readonly internalActions: PropType<ReadonlyArray<"redo" | "undo">>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<ColorPickerSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly onComplete: PropType<OnUpdateValue>;
     readonly onConfirm: PropType<OnUpdateValue>;
@@ -980,7 +981,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: null;
     };
     readonly internalActions: PropType<ReadonlyArray<"redo" | "undo">>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<ColorPickerSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly onComplete: PropType<OnUpdateValue>;
     readonly onConfirm: PropType<OnUpdateValue>;
@@ -1937,7 +1938,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: null;
     };
     readonly internalActions: PropType<ReadonlyArray<"redo" | "undo">>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<ColorPickerSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly onComplete: PropType<OnUpdateValue>;
     readonly onConfirm: PropType<OnUpdateValue>;

package/es/color-picker/src/ColorPicker.mjs

@@ -72,7 +72,28 @@ export default defineComponent({
       triggerRef = el;
     }
     let upcomingValue = null;
-    const formItem = useFormItem(props);
+    const {
+      mergedClsPrefixRef,
+      namespaceRef,
+      inlineThemeDisabled,
+      mergedComponentPropsRef
+    } = useConfig(props);
+    const formItem = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.ColorPicker) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef
@@ -80,11 +101,6 @@ export default defineComponent({
     const {
       localeRef
     } = useLocale('global');
-    const {
-      mergedClsPrefixRef,
-      namespaceRef,
-      inlineThemeDisabled
-    } = useConfig(props);
     const themeRef = useTheme('ColorPicker', '-color-picker', style, colorPickerLight, props, mergedClsPrefixRef);
     provide(colorPickerInjectionKey, {
       themeRef,

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

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

package/es/color-picker/src/public-types.mjs

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

package/es/config-provider/src/internal-interface.d.ts

@@ -6,6 +6,7 @@ import type { InternalSelectionTheme } from '../../_internal/selection/styles';
 import type { Hljs } from '../../_mixins';
 import type { AlertTheme } from '../../alert/styles';
 import type { AnchorTheme } from '../../anchor/styles';
+import type { AutoCompleteSize } from '../../auto-complete/src/public-types';
 import type { AutoCompleteTheme } from '../../auto-complete/styles';
 import type { AvatarGroupTheme } from '../../avatar-group/styles';
 import type { AvatarTheme } from '../../avatar/styles';
@@ -19,16 +20,19 @@ import type { CalendarTheme } from '../../calendar/styles';
 import type { CardSize } from '../../card/src/public-types';
 import type { CardTheme } from '../../card/styles';
 import type { CarouselTheme } from '../../carousel/styles';
+import type { CascaderSize } from '../../cascader/src/public-types';
 import type { CascaderTheme } from '../../cascader/styles';
 import type { CheckboxSize } from '../../checkbox/src/public-types';
 import type { CheckboxTheme } from '../../checkbox/styles';
 import type { CodeTheme } from '../../code/styles';
 import type { CollapseTransitionTheme } from '../../collapse-transition/styles';
 import type { CollapseTheme } from '../../collapse/styles';
+import type { ColorPickerSize } from '../../color-picker/src/public-types';
 import type { ColorPickerTheme } from '../../color-picker/styles';
 import type { DataTableRenderFilter, DataTableRenderSorter } from '../../data-table';
 import type { DataTableSize } from '../../data-table/src/public-types';
 import type { DataTableTheme } from '../../data-table/styles';
+import type { DatePickerSize } from '../../date-picker/src/public-types';
 import type { DatePickerTheme } from '../../date-picker/styles';
 import type { DescriptionsSize } from '../../descriptions/src/public-types';
 import type { DescriptionsTheme } from '../../descriptions/styles';
@@ -56,7 +60,9 @@ import type { HeatmapTheme } from '../../heatmap/styles';
 import type { IconWrapperTheme } from '../../icon-wrapper/styles';
 import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
+import type { InputNumberSize } from '../../input-number/src/public-types';
 import type { InputNumberTheme } from '../../input-number/styles';
+import type { InputOtpSize } from '../../input-otp/src/public-types';
 import type { InputOtpTheme } from '../../input-otp/styles';
 import type { InputSize } from '../../input/src/public-types';
 import type { InputTheme } from '../../input/styles';
@@ -68,6 +74,7 @@ import type { LoadingBarTheme } from '../../loading-bar/styles';
 import type { NDateLocale, NLocale } from '../../locales';
 import type { LogTheme } from '../../log/styles';
 import type { MarqueeTheme } from '../../marquee/styles';
+import type { MentionSize } from '../../mention/src/public-types';
 import type { MentionTheme } from '../../mention/styles';
 import type { MenuTheme } from '../../menu/styles';
 import type { MessageTheme } from '../../message/styles';
@@ -112,7 +119,9 @@ import type { TimePickerSize } from '../../time-picker/src/public-types';
 import type { TimePickerTheme } from '../../time-picker/styles';
 import type { TimelineTheme } from '../../timeline/styles';
 import type { TooltipTheme } from '../../tooltip/styles';
+import type { TransferSize } from '../../transfer/src/public-types';
 import type { TransferTheme } from '../../transfer/styles';
+import type { TreeSelectSize } from '../../tree-select/src/public-types';
 import type { TreeSelectTheme } from '../../tree-select/styles';
 import type { TreeTheme } from '../../tree/styles';
 import type { TypographyTheme } from '../../typography/styles';
@@ -214,7 +223,11 @@ export interface GlobalThemeWithoutCommon {
     InternalSelection?: InternalSelectionTheme;
 }
 export interface GlobalComponentConfig {
+    AutoComplete?: {
+        size?: AutoCompleteSize;
+    };
     Cascader?: {
+        size?: CascaderSize;
         renderEmpty?: () => VNodeChild;
     };
     Button?: {
@@ -231,7 +244,11 @@ export interface GlobalComponentConfig {
         inputSize?: InputSize;
         selectSize?: SelectSize;
     };
+    ColorPicker?: {
+        size?: ColorPickerSize;
+    };
     DatePicker?: {
+        size?: DatePickerSize;
         timePickerSize?: TimePickerSize;
     };
     Dialog?: {
@@ -262,7 +279,17 @@ export interface GlobalComponentConfig {
     Input?: {
         size?: InputSize;
     };
+    InputNumber?: {
+        size?: InputNumberSize;
+    };
+    InputOtp?: {
+        size?: InputOtpSize;
+    };
+    Mention?: {
+        size?: MentionSize;
+    };
     Select?: {
+        size?: SelectSize;
         renderEmpty?: () => VNodeChild;
     };
     Popselect?: {
@@ -295,13 +322,18 @@ export interface GlobalComponentConfig {
     Tag?: {
         size?: TagSize;
     };
+    TimePicker?: {
+        size?: TimePickerSize;
+    };
     Transfer?: {
+        size?: TransferSize;
         renderEmpty?: () => VNodeChild;
     };
     Tree?: {
         renderEmpty?: () => VNodeChild;
     };
     TreeSelect?: {
+        size?: TreeSelectSize;
         renderEmpty?: () => VNodeChild;
     };
 }

package/es/data-table/src/DataTable.d.ts

@@ -45,10 +45,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly singleColumn: BooleanConstructor;
-    readonly size: {
-        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
-        readonly default: "medium";
-    };
+    readonly size: import("vue").PropType<import("./public-types").DataTableSize>;
     readonly remote: BooleanConstructor;
     readonly defaultExpandedRowKeys: {
         readonly type: import("vue").PropType<RowKey[]>;
@@ -4311,10 +4308,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: true;
     };
     readonly singleColumn: BooleanConstructor;
-    readonly size: {
-        readonly type: import("vue").PropType<import("./public-types").DataTableSize>;
-        readonly default: "medium";
-    };
+    readonly size: import("vue").PropType<import("./public-types").DataTableSize>;
     readonly remote: BooleanConstructor;
     readonly defaultExpandedRowKeys: {
         readonly type: import("vue").PropType<RowKey[]>;
@@ -7103,7 +7097,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly size: import("./public-types").DataTableSize;
     readonly data: import("./interface").RowData[];
     readonly bordered: boolean | undefined;
     readonly loading: boolean;

package/es/data-table/src/interface.d.ts

@@ -56,10 +56,7 @@ export declare const dataTableProps: {
         readonly default: true;
     };
     readonly singleColumn: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<DataTableSize>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DataTableSize>;
     readonly remote: BooleanConstructor;
     readonly defaultExpandedRowKeys: {
         readonly type: PropType<RowKey[]>;

package/es/data-table/src/interface.mjs

@@ -46,10 +46,7 @@ export const dataTableProps = Object.assign(Object.assign({}, useTheme.props), {
     default: true
   },
   singleColumn: Boolean,
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   remote: Boolean,
   defaultExpandedRowKeys: {
     type: Array,

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

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes, Ref, SlotsType, VNode } from 'vue';
 import type { FormattedValue, PanelRef, Value } from './interface';
+import type { DatePickerSize } from './public-types';
 import { datePickerProps } from './props';
 export type DatePickerSetupProps = ExtractPropTypes<typeof datePickerProps>;
 export interface DatePickerSlots {
@@ -61,7 +62,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly value: import("vue").PropType<Value | null>;
     readonly formattedValue: import("vue").PropType<FormattedValue | null>;
-    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly size: import("vue").PropType<DatePickerSize>;
     readonly type: {
         readonly type: import("vue").PropType<import("./config").DatePickerType>;
         readonly default: "date";
@@ -2354,7 +2355,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     isRange: import("vue").ComputedRef<boolean>;
     localizedStartPlaceholder: import("vue").ComputedRef<string>;
     localizedEndPlaceholder: import("vue").ComputedRef<string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<DatePickerSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     localizedPlacehoder: import("vue").ComputedRef<string>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
@@ -3469,7 +3470,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly value: import("vue").PropType<Value | null>;
     readonly formattedValue: import("vue").PropType<FormattedValue | null>;
-    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly size: import("vue").PropType<DatePickerSize>;
     readonly type: {
         readonly type: import("vue").PropType<import("./config").DatePickerType>;
         readonly default: "date";

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

@@ -40,12 +40,6 @@ export default defineComponent({
       localeRef,
       dateLocaleRef
     } = useLocale('DatePicker');
-    const formItem = useFormItem(props);
-    const {
-      mergedSizeRef,
-      mergedDisabledRef,
-      mergedStatusRef
-    } = formItem;
     const {
       mergedComponentPropsRef,
       mergedClsPrefixRef,
@@ -53,6 +47,27 @@ export default defineComponent({
       namespaceRef,
       inlineThemeDisabled
     } = useConfig(props);
+    const formItem = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DatePicker) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
+    const {
+      mergedSizeRef,
+      mergedDisabledRef,
+      mergedStatusRef
+    } = formItem;
     const panelInstRef = ref(null);
     const triggerElRef = ref(null);
     const inputInstRef = ref(null);

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>;
@@ -42,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/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/dropdown/src/Dropdown.d.ts

@@ -863,6 +863,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             } | undefined;
         };
     }>;
+    mergedSize: import("vue").ComputedRef<DropdownSize>;
     tmNodes: import("vue").ComputedRef<TreeNode<import("../..").MenuOption | import("../../menu/src/interface").MenuRenderOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
     mergedShow: import("vue").ComputedRef<boolean>;
     handleAfterLeave: () => void;

package/es/dropdown/src/Dropdown.mjs

@@ -316,6 +316,7 @@ export default defineComponent({
     return {
       mergedClsPrefix: mergedClsPrefixRef,
       mergedTheme: themeRef,
+      mergedSize: mergedSizeRef,
       // data
       tmNodes: tmNodesRef,
       // show
@@ -342,7 +343,7 @@ export default defineComponent({
       const menuNodeProps = (menuProps === null || menuProps === void 0 ? void 0 : menuProps(undefined, this.tmNodes.map(v => v.rawNode))) || {};
       const dropdownProps = {
         ref: createRefSetter(ref),
-        class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
+        class: [className, `${mergedClsPrefix}-dropdown`, `${mergedClsPrefix}-dropdown--${this.mergedSize}-size`, this.themeClass],
         clsPrefix: mergedClsPrefix,
         tmNodes: this.tmNodes,
         style: [...style, this.cssVars],

package/es/input/src/Input.d.ts

@@ -698,7 +698,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isComposing: import("vue").Ref<boolean, boolean>;
     activated: import("vue").Ref<boolean, boolean>;
     showClearButton: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<InputSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     textDecorationStyle: import("vue").ComputedRef<string[] | {
         textDecoration: string;

package/es/input/src/Input.mjs

@@ -114,7 +114,8 @@ export default defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       inlineThemeDisabled,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Input', '-input', style, inputLight, props, mergedClsPrefixRef);
     if (isSafari) {
@@ -139,7 +140,22 @@ export default defineComponent({
     const controlledValueRef = toRef(props, 'value');
     const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);
     // form-item
-    const formItem = useFormItem(props);
+    const formItem = useFormItem(props, {
+      mergedSize: NFormItem => {
+        var _a, _b;
+        const {
+          size
+        } = props;
+        if (size) return size;
+        const {
+          mergedSize: formItemSize
+        } = NFormItem || {};
+        if (formItemSize === null || formItemSize === void 0 ? void 0 : formItemSize.value) return formItemSize.value;
+        const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Input) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,
@@ -1015,7 +1031,7 @@ export default defineComponent({
     onRender === null || onRender === void 0 ? void 0 : onRender();
     return h("div", {
       ref: "wrapperElRef",
-      class: [`${mergedClsPrefix}-input`, themeClass, mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`, {
+      class: [`${mergedClsPrefix}-input`, `${mergedClsPrefix}-input--${this.mergedSize}-size`, themeClass, mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`, {
         [`${mergedClsPrefix}-input--rtl`]: this.rtlEnabled,
         [`${mergedClsPrefix}-input--disabled`]: this.mergedDisabled,
         [`${mergedClsPrefix}-input--textarea`]: type === 'textarea',

package/es/input-number/src/InputNumber.d.ts

@@ -1895,7 +1895,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mergedValue: import("vue").ComputedRef<number | null>;
     mergedPlaceholder: import("vue").ComputedRef<string>;
     displayedValueInvalid: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<import("./public-types").InputNumberSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     displayedValue: import("vue").Ref<string, string>;
     addable: import("vue").ComputedRef<boolean>;