naive-ui 2.43.2 → 2.44.1

package/lib/form/src/FormItem.js

@@ -70,6 +70,7 @@ function wrapValidator(validator, async) {
 exports.default = (0, vue_1.defineComponent)({
     name: 'FormItem',
     props: exports.formItemProps,
+    slots: Object,
     setup(props) {
         (0, _utils_1.useInjectionInstanceCollection)(context_1.formItemInstsInjectionKey, 'formItems', (0, vue_1.toRef)(props, 'path'));
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
@@ -82,6 +83,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedLabelPlacement: labelPlacementRef, mergedLabelAlign: labelTextAlignRef, mergedRequireMarkPlacement: mergedRequireMarkPlacementRef } = formItemMiscRefs;
         const renderExplainsRef = (0, vue_1.ref)([]);
         const feedbackIdRef = (0, vue_1.ref)((0, seemly_1.createId)());
+        const labelElementRef = (0, vue_1.ref)(null);
         const mergedDisabledRef = NForm
             ? (0, vue_1.toRef)(NForm.props, 'disabled')
             : (0, vue_1.ref)(false);
@@ -91,6 +93,18 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             restoreValidation();
         });
+        function invalidateLabelWidth() {
+            if (!formItemMiscRefs.isAutoLabelWidth.value)
+                return;
+            const labelElement = labelElementRef.value;
+            if (labelElement !== null) {
+                const memoizedWhitespace = labelElement.style.whiteSpace;
+                labelElement.style.whiteSpace = 'nowrap';
+                labelElement.style.width = '';
+                NForm === null || NForm === void 0 ? void 0 : NForm.deriveMaxChildLabelWidth(Number(getComputedStyle(labelElement).width.slice(0, -2)));
+                labelElement.style.whiteSpace = memoizedWhitespace;
+            }
+        }
         function restoreValidation() {
             renderExplainsRef.value = [];
             validationErroredRef.value = false;
@@ -273,21 +287,10 @@ exports.default = (0, vue_1.defineComponent)({
         const exposedRef = {
             validate,
             restoreValidation,
-            internalValidate
+            internalValidate,
+            invalidateLabelWidth
         };
-        const labelElementRef = (0, vue_1.ref)(null);
-        (0, vue_1.onMounted)(() => {
-            if (!formItemMiscRefs.isAutoLabelWidth.value)
-                return;
-            const labelElement = labelElementRef.value;
-            if (labelElement !== null) {
-                const memoizedWhitespace = labelElement.style.whiteSpace;
-                labelElement.style.whiteSpace = 'nowrap';
-                labelElement.style.width = '';
-                NForm === null || NForm === void 0 ? void 0 : NForm.deriveMaxChildLabelWidth(Number(getComputedStyle(labelElement).width.slice(0, -2)));
-                labelElement.style.whiteSpace = memoizedWhitespace;
-            }
-        });
+        (0, vue_1.onMounted)(invalidateLabelWidth);
         const cssVarsRef = (0, vue_1.computed)(() => {
             var _a;
             const { value: size } = mergedSizeRef;

package/lib/form/src/FormItemCol.d.ts

@@ -146,7 +146,7 @@ export declare const formItemColProps: {
         readonly default: 0;
     };
 };
-export declare const formItemColPropKeys: ("label" | "push" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "span" | "contentClass" | "contentStyle" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "pull")[];
+export declare const formItemColPropKeys: ("label" | "push" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "contentClass" | "contentStyle" | "offset" | "span" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "pull")[];
 export type FormItemColProps = ExtractPublicPropTypes<typeof formItemColProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
@@ -297,11 +297,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;

package/lib/form/src/FormItemGridItem.d.ts

@@ -1,5 +1,6 @@
+import type { SlotsType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { FormItemInst } from './interface';
+import type { FormItemInst, FormItemSlots } from './interface';
 export declare const formItemGiProps: {
     readonly label: StringConstructor;
     readonly labelWidth: import("vue").PropType<string | number>;
@@ -146,7 +147,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "offset" | "span" | "contentClass" | "contentStyle" | "suffix" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "privateOffset" | "privateSpan" | "privateColStart" | "privateShow")[];
+export declare const formItemGiPropKeys: ("label" | "size" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "contentClass" | "contentStyle" | "offset" | "span" | "suffix" | "first" | "labelPlacement" | "labelAlign" | "labelStyle" | "required" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "path" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "feedbackClass" | "feedbackStyle" | "labelProps" | "privateOffset" | "privateSpan" | "privateColStart" | "privateShow")[];
 export type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
@@ -297,11 +298,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;
@@ -463,5 +466,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly privateShow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<FormItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/form/src/FormItemGridItem.js

@@ -45,6 +45,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'FormItemGridItem',
     alias: ['FormItemGi'],
     props: exports.formItemGiProps,
+    slots: Object,
     setup() {
         const formItemInstRef = (0, vue_1.ref)(null);
         const validate = ((...args) => {

package/lib/form/src/FormItemRow.d.ts

@@ -307,11 +307,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemColInstRef: import("vue").Ref<{
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null, import("./interface").FormItemInst | {
         validate: import("./interface").FormItemValidate;
         restoreValidation: () => void;
+        invalidateLabelWidth: () => void;
         path?: string | undefined;
         internalValidate: import("./interface").FormItemInternalValidate;
     } | null>;

package/lib/form/src/interface.d.ts

@@ -1,5 +1,5 @@
 import type { RuleItem, ValidateError, ValidateMessages, ValidateOption } from 'async-validator';
-import type { Ref, VNodeChild } from 'vue';
+import type { Ref, VNode, VNodeChild } from 'vue';
 import type { FormSetupProps } from './Form';
 export interface FormRules {
     [path: string]: FormRules | FormItemRule | FormItemRule[];
@@ -36,6 +36,7 @@ export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<{
 export interface FormItemInst {
     validate: FormItemValidate;
     restoreValidation: () => void;
+    invalidateLabelWidth: () => void;
     path?: string;
     internalValidate: FormItemInternalValidate;
 }
@@ -48,7 +49,6 @@ export interface FormInjection {
 }
 export type LabelAlign = 'left' | 'center' | 'right';
 export type LabelPlacement = 'left' | 'top';
-export type Size = 'small' | 'medium' | 'large';
 export type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
 export type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
 export type ValidateCallback = (errors: ValidateError[] | undefined, extra: {
@@ -64,7 +64,13 @@ export type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;
     restoreValidation: () => void;
+    invalidateLabelWidth: () => void;
 }
 export interface FormValidateMessages extends ValidateMessages {
 }
+export interface FormItemSlots {
+    default?: () => VNode[];
+    feedback?: () => VNode[];
+    label?: () => VNode[];
+}
 export {};

package/lib/form/src/public-types.d.ts

@@ -1 +1,3 @@
+export type FormSize = 'small' | 'medium' | 'large';
+export type FormItemSize = 'small' | 'medium' | 'large';
 export type FormValidationStatus = 'success' | 'error' | 'warning';

package/lib/form/src/utils.d.ts

@@ -1,8 +1,9 @@
 import type { ComputedRef } from 'vue';
 import type { FormItemSetupProps } from './FormItem';
-import type { FormItemRule, Size } from './interface';
+import type { FormItemRule } from './interface';
+import type { FormItemSize } from './public-types';
 export declare function formItemSize(props: FormItemSetupProps): {
-    mergedSize: ComputedRef<Size>;
+    mergedSize: ComputedRef<FormItemSize>;
 };
 export declare function formItemMisc(props: FormItemSetupProps): {
     validationErrored: import("vue").Ref<boolean, boolean>;

package/lib/form/src/utils.js

@@ -5,16 +5,22 @@ exports.formItemMisc = formItemMisc;
 exports.formItemRule = formItemRule;
 const lodash_1 = require("lodash");
 const vue_1 = require("vue");
+const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const context_1 = require("./context");
 function formItemSize(props) {
     const NForm = (0, vue_1.inject)(context_1.formInjectionKey, null);
+    const { mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
     return {
         mergedSize: (0, vue_1.computed)(() => {
+            var _a, _b;
             if (props.size !== undefined)
                 return props.size;
             if ((NForm === null || NForm === void 0 ? void 0 : NForm.props.size) !== undefined)
                 return NForm.props.size;
+            const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Form) === null || _b === void 0 ? void 0 : _b.size;
+            if (configSize)
+                return configSize;
             return 'medium';
         })
     };

package/lib/input/index.d.ts

@@ -5,3 +5,4 @@ export type { InputGroupProps } from './src/InputGroup';
 export { inputGroupLabelProps, default as NInputGroupLabel } from './src/InputGroupLabel';
 export type { InputGroupLabelProps } from './src/InputGroupLabel';
 export type { InputInst } from './src/interface';
+export type * from './src/public-types';

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

@@ -2,7 +2,8 @@ import type { InputHTMLAttributes, PropType, SlotsType, TextareaHTMLAttributes,
 import type { ScrollbarInst } from '../../_internal';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
-import type { OnUpdateValue, Size } from './interface';
+import type { OnUpdateValue } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputProps: {
     bordered: {
         type: PropType<boolean | undefined>;
@@ -22,7 +23,7 @@ export declare const inputProps: {
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -355,7 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;
@@ -697,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;
@@ -900,7 +901,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | undefined>;
         default: undefined;
     };
-    size: PropType<Size>;
+    size: PropType<InputSize>;
     rows: {
         type: PropType<number | string>;
         default: number;

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/src/InputGroupLabel.d.ts

@@ -1,8 +1,8 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { Size } from './interface';
+import type { InputSize } from './public-types';
 export declare const inputGroupLabelProps: {
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -235,7 +235,7 @@ export declare const inputGroupLabelProps: {
 };
 export type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -481,7 +481,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: PropType<Size>;
+    readonly size: PropType<InputSize>;
     readonly bordered: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;

package/lib/input/src/InputGroupLabel.js

@@ -17,10 +17,22 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'InputGroupLabel',
     props: exports.inputGroupLabelProps,
     setup(props) {
-        const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
-        const formItem = (0, _mixins_1.useFormItem)(props);
-        const { mergedSizeRef } = formItem;
+        const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Input', '-input-group-label', input_group_label_cssr_1.default, styles_1.inputLight, props, mergedClsPrefixRef);
+        const { mergedSizeRef } = (0, _mixins_1.useFormItem)(props, {
+            mergedSize(NFormItem) {
+                var _a, _b;
+                if (props.size !== undefined)
+                    return props.size;
+                if (NFormItem) {
+                    return NFormItem.mergedSize.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 cssVarsRef = (0, vue_1.computed)(() => {
             const { value: size } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { groupLabelColor, borderRadius, groupLabelTextColor, lineHeight, groupLabelBorder, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height } } = themeRef.value;
@@ -36,10 +48,7 @@ exports.default = (0, vue_1.defineComponent)({
             };
         });
         const themeClassHandle = inlineThemeDisabled
-            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => {
-                const { value: size } = mergedSizeRef;
-                return size[0];
-            }), cssVarsRef, props)
+            ? (0, _mixins_1.useThemeClass)('input-group-label', (0, vue_1.computed)(() => mergedSizeRef.value[0]), cssVarsRef, props)
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,

package/lib/input/src/interface.d.ts

@@ -1,5 +1,4 @@
 import type { Ref, UnwrapRef } from 'vue';
-export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export type OnUpdateValue = (value: string & [string, string], meta: {
     source: 0 | 1 | 'clear';
 }) => void;

package/lib/input/src/public-types.d.ts

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

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

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

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/legacy-transfer/src/TransferList.d.ts

@@ -838,6 +838,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>;
     mergedClsPrefix: import("vue").Ref<string, string>;
+    mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
     scrollerInstRef: import("vue").Ref<{
         $el: HTMLElement;
         containerRef: HTMLElement | null;

package/lib/legacy-transfer/src/TransferList.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const _internal_1 = require("../../_internal");
+const _mixins_1 = require("../../_mixins");
 const empty_1 = require("../../empty");
 const interface_1 = require("./interface");
 const TransferListItem_1 = __importDefault(require("./TransferListItem"));
@@ -43,8 +44,13 @@ exports.default = (0, vue_1.defineComponent)({
     },
     setup() {
         const { mergedThemeRef, mergedClsPrefixRef } = (0, vue_1.inject)(interface_1.transferInjectionKey);
+        const { mergedComponentPropsRef } = (0, _mixins_1.useConfig)();
         const scrollerInstRef = (0, vue_1.ref)(null);
         const vlInstRef = (0, vue_1.ref)(null);
+        const mergedRenderEmptyRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (_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.renderEmpty;
+        });
         function syncVLScroller() {
             var _a;
             (_a = scrollerInstRef.value) === null || _a === void 0 ? void 0 : _a.sync();
@@ -66,6 +72,7 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedTheme: mergedThemeRef,
             mergedClsPrefix: mergedClsPrefixRef,
+            mergedRenderEmpty: mergedRenderEmptyRef,
             scrollerInstRef,
             vlInstRef,
             syncVLScroller,
@@ -91,7 +98,12 @@ exports.default = (0, vue_1.defineComponent)({
                     })))
             }),
             (0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", appear: this.isMounted, css: !this.isInputing }, {
-                default: () => this.options.length ? null : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty }))
+                default: () => {
+                    var _a;
+                    return this.options.length
+                        ? null
+                        : ((_a = this.mergedRenderEmpty) === null || _a === void 0 ? void 0 : _a.call(this)) || ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty }));
+                }
             })));
     }
 });

package/lib/log/index.d.ts

@@ -1,2 +1,3 @@
 export { logProps, default as NLog } from './src/Log';
 export type { LogInst, LogProps } from './src/Log';
+export type * from './src/public-types';

package/lib/log/src/Log.d.ts

@@ -2,6 +2,7 @@ import type { PropType, Ref } from 'vue';
 import type { ScrollbarInst } from '../../_internal';
 import type { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { LogSpinProps } from './public-types';
 export interface LogInjection {
     trimRef: Ref<boolean>;
     languageRef: Ref<string | undefined>;
@@ -47,6 +48,7 @@ export declare const logProps: {
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -187,6 +189,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;
@@ -424,6 +427,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: 0;
     };
     readonly hljs: ObjectConstructor;
+    readonly spinProps: PropType<LogSpinProps>;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "top" | "bottom") => void>;

package/lib/log/src/Log.js

@@ -35,7 +35,7 @@ exports.logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, offsetBottom: {
         type: Number,
         default: 0
-    }, hljs: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
+    }, hljs: Object, spinProps: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Log',
     props: exports.logProps,
@@ -196,7 +196,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }))
             }),
             (0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
-                default: () => this.loading ? (0, vue_1.h)(LogLoader_1.default, { clsPrefix: mergedClsPrefix }) : null
+                default: () => this.loading ? ((0, vue_1.h)(LogLoader_1.default, { clsPrefix: mergedClsPrefix, spinProps: this.spinProps })) : null
             })
         ]);
     }

package/lib/log/src/LogLoader.d.ts

@@ -1,8 +1,11 @@
+import type { PropType } from 'vue';
+import type { LogSpinProps } from './public-types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>, {
     locale: import("vue").Ref<{
         loading: string;
@@ -14,5 +17,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    spinProps: PropType<LogSpinProps>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/log/src/LogLoader.js

@@ -9,7 +9,8 @@ exports.default = (0, vue_1.defineComponent)({
         clsPrefix: {
             type: String,
             required: true
-        }
+        },
+        spinProps: Object
     },
     setup() {
         return {
@@ -19,7 +20,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         const { clsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-log-loader` },
-            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 }),
+            (0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 }, this.spinProps)),
             (0, vue_1.h)("span", { class: `${clsPrefix}-log-loader__content` }, this.locale.loading)));
     }
 });