naive-ui 2.44.0 → 2.44.1

package/es/input-number/src/InputNumber.mjs

@@ -92,13 +92,29 @@ export default defineComponent({
     const {
       mergedBorderedRef,
       mergedClsPrefixRef,
-      mergedRtlRef
+      mergedRtlRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('InputNumber', '-input-number', style, inputNumberLight, props, mergedClsPrefixRef);
     const {
       localeRef
     } = useLocale('InputNumber');
-    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.InputNumber) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

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

@@ -1,5 +1,6 @@
+import type { InputNumberSize } from './public-types';
 export type OnUpdateValue = (value: number | null) => void;
-export type Size = 'tiny' | 'small' | 'medium' | 'large';
+export type Size = InputNumberSize;
 export interface InputNumberInst {
     focus: () => void;
     blur: () => void;

package/es/input-number/src/public-types.d.ts

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

package/es/input-number/src/public-types.mjs

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

package/es/input-otp/src/InputOtp.mjs

@@ -50,12 +50,28 @@ export default defineComponent({
     const {
       mergedClsPrefixRef,
       mergedRtlRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('InputOtp', '-input-otp', style, inputOtpLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('InputOtp', mergedRtlRef, mergedClsPrefixRef);
     // 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.InputOtp) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

package/es/mention/index.d.ts

@@ -1,3 +1,4 @@
 export type { MentionInst, MentionOption } from './src/interface';
 export { mentionProps, default as NMention } from './src/Mention';
 export type { MentionProps, MentionSlots } from './src/Mention';
+export type * from './src/public-types';

package/es/mention/src/Mention.d.ts

@@ -5,9 +5,9 @@ import type { ScrollbarProps } from '../../_internal';
 import type { RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { InputSize } from '../../input/src/public-types';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
 import type { MentionOption } from './interface';
+import type { MentionSize } from './public-types';
 export declare const mentionProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -57,7 +57,7 @@ export declare const mentionProps: {
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
@@ -563,7 +563,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
@@ -1018,7 +1018,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedClsPrefix: import("vue").Ref<string, string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<MentionSize>;
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
@@ -1346,7 +1346,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<FollowerPlacement>;
         readonly default: "bottom-start";
     };
-    readonly size: PropType<InputSize>;
+    readonly size: PropType<MentionSize>;
     readonly renderLabel: PropType<RenderLabel>;
     readonly status: PropType<FormValidationStatus>;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;

package/es/mention/src/Mention.mjs

@@ -91,10 +91,26 @@ export default defineComponent({
       namespaceRef,
       mergedClsPrefixRef,
       mergedBorderedRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Mention', '-mention', style, mentionLight, props, mergedClsPrefixRef);
-    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.Mention) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const inputInstRef = ref(null);
     const cursorRef = ref(null);
     const followerRef = ref(null);

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

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

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

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

package/es/select/src/Select.d.ts

@@ -1246,7 +1246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     localizedPlaceholder: import("vue").ComputedRef<string>;
     selectedOption: import("vue").ComputedRef<SelectOption | null>;
     selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
-    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<SelectSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean, boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean, boolean>;

package/es/select/src/Select.mjs

@@ -154,7 +154,8 @@ export default defineComponent({
       mergedClsPrefixRef,
       mergedBorderedRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Select', '-select', style, selectLight, props, mergedClsPrefixRef);
     const uncontrolledValueRef = ref(props.defaultValue);
@@ -300,7 +301,22 @@ export default defineComponent({
       }
       return null;
     });
-    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.Select) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

package/es/tag/src/Tag.d.ts

@@ -35,10 +35,7 @@ export declare const tagProps: {
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<import("./public-types").TagSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -348,10 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<import("./public-types").TagSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -696,10 +690,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: "default";
     };
     round: BooleanConstructor;
-    size: {
-        readonly type: PropType<import("./public-types").TagSize>;
-        readonly default: "medium";
-    };
+    size: PropType<import("./public-types").TagSize>;
     closable: BooleanConstructor;
     disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -972,7 +963,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean | undefined;
     type: "default" | "info" | "warning" | "error" | "success" | "primary";
-    size: import("./public-types").TagSize;
     bordered: boolean | undefined;
     closable: boolean;
     round: boolean;

package/es/tag/src/common-props.d.ts

@@ -12,10 +12,7 @@ declare const _default: {
         readonly default: "default";
     };
     readonly round: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<TagSize>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<TagSize>;
     readonly closable: BooleanConstructor;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;

package/es/tag/src/common-props.mjs

@@ -5,10 +5,7 @@ export default {
     default: 'default'
   },
   round: Boolean,
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   closable: Boolean,
   disabled: {
     type: Boolean,

package/es/time-picker/src/TimePicker.d.ts

@@ -2174,7 +2174,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     secondInFormat: import("vue").ComputedRef<boolean>;
     mergedAttrSize: import("vue").ComputedRef<number>;
     displayTimeString: import("vue").Ref<string, string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TimePickerSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     isValueInvalid: import("vue").ComputedRef<boolean>;
     isHourInvalid: import("vue").ComputedRef<boolean>;

package/es/time-picker/src/TimePicker.mjs

@@ -118,13 +118,29 @@ export default defineComponent({
       mergedBorderedRef,
       mergedClsPrefixRef,
       namespaceRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const {
       localeRef,
       dateLocaleRef
     } = useLocale('TimePicker');
-    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.TimePicker) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef,

package/es/transfer/index.d.ts

@@ -1,3 +1,4 @@
 export type { Option as TransferOption, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './src/interface';
+export type * from './src/public-types';
 export { default as NTransfer, transferProps } from './src/Transfer';
 export type { TransferProps } from './src/Transfer';

package/es/transfer/src/Transfer.d.ts

@@ -1,6 +1,7 @@
 import type { PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Filter, OnUpdateValue, Option, OptionValue, TransferRenderSourceLabel, TransferRenderSourceList, TransferRenderTargetLabel } from './interface';
+import type { TransferSize } from './public-types';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -36,7 +37,7 @@ export declare const transferProps: {
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
@@ -1203,7 +1204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
@@ -2758,7 +2759,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     filteredTgtOpts: import("vue").ComputedRef<Option[]>;
     srcPattern: import("vue").Ref<string, string>;
     tgtPattern: import("vue").Ref<string, string>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TransferSize>;
     mergedSrcFilterable: import("vue").ComputedRef<boolean>;
     handleSrcFilterUpdateValue: (value: string | null) => void;
     handleTgtFilterUpdateValue: (value: string | null) => void;
@@ -2829,7 +2830,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<Filter>;
         readonly default: (pattern: string, option: Option) => number | true;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TransferSize>;
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;

package/es/transfer/src/Transfer.mjs

@@ -74,10 +74,26 @@ export default defineComponent({
       });
     }
     const {
-      mergedClsPrefixRef
+      mergedClsPrefixRef,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Transfer', '-transfer', style, transferLight, props, mergedClsPrefixRef);
-    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.Transfer) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef

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

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

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

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

package/es/tree-select/index.d.ts

@@ -1,4 +1,5 @@
 export type { TreeOverrideNodeClickBehavior as TreeSelectOverrideNodeClickBehavior, TreeOverrideNodeClickBehaviorReturn as TreeSelectOverrideNodeClickBehaviorReturn } from '../tree';
 export type { TreeSelectInst, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';
+export type * from './src/public-types';
 export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
 export type { TreeSelectProps, TreeSelectSlots } from './src/TreeSelect';

package/es/tree-select/src/TreeSelect.d.ts

@@ -8,6 +8,7 @@ import type { PopoverProps } from '../../popover';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import type { GetChildren, InternalTreeInst, Key, TreeOption, TreeOverrideNodeClickBehaviorReturn } from '../../tree/src/interface';
 import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './interface';
+import type { TreeSelectSize } from './public-types';
 type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<TreeSelectRenderLabel>;
@@ -113,7 +114,7 @@ export declare const treeSelectProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -797,7 +798,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -1413,7 +1414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
     treeSelectedKeys: import("vue").ComputedRef<Key[]>;
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
+    mergedSize: import("vue").ComputedRef<TreeSelectSize>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     selectedOption: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)> | null>;
     selectedOptions: import("vue").ComputedRef<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | /*elided*/ any>, selected: boolean) => VNodeChild)>[] | null>;
@@ -1872,7 +1873,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<TreeSelectSize>;
     readonly value: PropType<string | number | Array<string | number> | null>;
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;

package/es/tree-select/src/TreeSelect.mjs

@@ -130,7 +130,22 @@ export default defineComponent({
       nTriggerFormChange,
       nTriggerFormFocus,
       nTriggerFormInput
-    } = useFormItem(props);
+    } = 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.TreeSelect) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, 'value');
     const mergedValueRef = useMergedState(controlledValueRef, uncontrolledValueRef);

package/es/tree-select/src/public-types.d.ts

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

package/es/tree-select/src/public-types.mjs

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

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.44.0";
+declare const _default: "2.44.1";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.44.0';
+export default '2.44.1';

package/lib/_internal/select-menu/src/SelectMenu.js

@@ -332,6 +332,7 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "selfRef", tabindex: this.focusable ? 0 : -1, 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`

package/lib/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/lib/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/lib/auto-complete/src/AutoComplete.js

@@ -54,8 +54,22 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedBorderedRef, namespaceRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const { mergedBorderedRef, namespaceRef, mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const formItem = (0, _mixins_1.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, mergedStatusRef } = formItem;
         const triggerElRef = (0, vue_1.ref)(null);
         const menuInstRef = (0, vue_1.ref)(null);

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

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

package/lib/auto-complete/src/public-types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });