naive-ui 2.44.0 → 2.44.1

package/lib/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/lib/cascader/src/Cascader.js

@@ -87,7 +87,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedBorderedRef, mergedClsPrefixRef, namespaceRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Cascader', '-cascader', index_cssr_1.default, styles_1.cascaderLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Cascader');
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -97,7 +97,21 @@ exports.default = (0, vue_1.defineComponent)({
             return props.leafOnly ? 'child' : props.checkStrategy;
         });
         const patternRef = (0, vue_1.ref)('');
-        const formItem = (0, _mixins_1.useFormItem)(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.Cascader) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const cascaderMenuInstRef = (0, vue_1.ref)(null);
         const selectMenuInstRef = (0, vue_1.ref)(null);

package/lib/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/lib/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/lib/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/lib/color-picker/src/ColorPicker.js

@@ -53,10 +53,24 @@ exports.default = (0, vue_1.defineComponent)({
             triggerRef = el;
         }
         let upcomingValue = null;
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const { mergedClsPrefixRef, namespaceRef, 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.ColorPicker) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const { localeRef } = (0, _mixins_1.useLocale)('global');
-        const { mergedClsPrefixRef, namespaceRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('ColorPicker', '-color-picker', index_cssr_1.default, styles_1.colorPickerLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(context_1.colorPickerInjectionKey, {
             themeRef,

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

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

package/lib/color-picker/src/public-types.js

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

package/lib/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/lib/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/lib/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/lib/data-table/src/interface.js

@@ -29,10 +29,7 @@ exports.dataTableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.prop
     }, checkedRowKeys: Array, singleLine: {
         type: Boolean,
         default: true
-    }, singleColumn: Boolean, size: {
-        type: String,
-        default: 'medium'
-    }, remote: Boolean, defaultExpandedRowKeys: {
+    }, singleColumn: Boolean, size: String, remote: Boolean, defaultExpandedRowKeys: {
         type: Array,
         default: []
     }, defaultExpandAll: Boolean, expandedRowKeys: Array, stickyExpandedRows: Boolean, virtualScroll: Boolean, virtualScrollX: Boolean, virtualScrollHeader: Boolean, headerHeight: { type: Number, default: 28 }, heightForRow: Function, minRowHeight: { type: Number, default: 28 }, tableLayout: {

package/lib/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/lib/date-picker/src/DatePicker.js

@@ -40,9 +40,23 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const { localeRef, dateLocaleRef } = (0, _mixins_1.useLocale)('DatePicker');
-        const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const { mergedComponentPropsRef, mergedClsPrefixRef, mergedBorderedRef, namespaceRef, inlineThemeDisabled } = (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.DatePicker) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
+        const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const panelInstRef = (0, vue_1.ref)(null);
         const triggerElRef = (0, vue_1.ref)(null);
         const inputInstRef = (0, vue_1.ref)(null);

package/lib/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/lib/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/lib/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/lib/dropdown/src/Dropdown.js

@@ -293,6 +293,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
+            mergedSize: mergedSizeRef,
             // data
             tmNodes: tmNodesRef,
             // show
@@ -317,7 +318,12 @@ exports.default = (0, vue_1.defineComponent)({
             const menuNodeProps = (menuProps === null || menuProps === void 0 ? void 0 : menuProps(undefined, this.tmNodes.map(v => v.rawNode))) || {};
             const dropdownProps = {
                 ref: (0, _utils_1.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/lib/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/lib/input/src/Input.js

@@ -99,7 +99,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.inputProps,
     slots: Object,
     setup(props) {
-        const { mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Input', '-input', input_cssr_1.default, styles_1.inputLight, props, mergedClsPrefixRef);
         if (browser_1.isSafari) {
             (0, _mixins_1.useStyle)('-input-safari', input_cssr_1.safariStyle, mergedClsPrefixRef);
@@ -121,7 +121,21 @@ exports.default = (0, vue_1.defineComponent)({
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
         // form-item
-        const formItem = (0, _mixins_1.useFormItem)(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.Input) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         // states
         const focusedRef = (0, vue_1.ref)(false);
@@ -856,6 +870,7 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { ref: "wrapperElRef", class: [
                 `${mergedClsPrefix}-input`,
+                `${mergedClsPrefix}-input--${this.mergedSize}-size`,
                 themeClass,
                 mergedStatus && `${mergedClsPrefix}-input--${mergedStatus}-status`,
                 {

package/lib/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>;

package/lib/input-number/src/InputNumber.js

@@ -65,10 +65,24 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedBorderedRef, mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedBorderedRef, mergedClsPrefixRef, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('InputNumber', '-input-number', input_number_cssr_1.default, styles_1.inputNumberLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('InputNumber');
-        const formItem = (0, _mixins_1.useFormItem)(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.InputNumber) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         // dom ref
         const inputInstRef = (0, vue_1.ref)(null);

package/lib/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/lib/input-number/src/public-types.d.ts

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

package/lib/input-number/src/public-types.js

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

package/lib/input-otp/src/InputOtp.js

@@ -32,11 +32,25 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.inputOtpProps,
     slots: Object,
     setup(props) {
-        const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('InputOtp', '-input-otp', index_cssr_1.default, light_1.default, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('InputOtp', mergedRtlRef, mergedClsPrefixRef);
         // form-item
-        const formItem = (0, _mixins_1.useFormItem)(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.InputOtp) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef, mergedStatusRef } = formItem;
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;

package/lib/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';