naive-ui 2.43.2 → 2.44.1

package/lib/descriptions/src/Descriptions.js

@@ -24,20 +24,24 @@ exports.descriptionsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, separator: {
         type: String,
         default: ':'
-    }, size: {
-        type: String,
-        default: 'medium'
-    }, bordered: Boolean, labelClass: String, labelStyle: [Object, String], contentClass: String, contentStyle: [Object, String] });
+    }, size: String, bordered: Boolean, labelClass: String, labelStyle: [Object, String], contentClass: String, contentStyle: [Object, String] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Descriptions',
     props: exports.descriptionsProps,
     slots: Object,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size
+                || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Descriptions) === null || _b === void 0 ? void 0 : _b.size)
+                || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Descriptions', '-descriptions', index_cssr_1.default, styles_1.descriptionsLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size, bordered } = props;
-            const { common: { cubicBezierEaseInOut }, self: { titleTextColor, thColor, thColorModal, thColorPopover, thTextColor, thFontWeight, tdTextColor, tdColor, tdColorModal, tdColorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius, lineHeight, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)(bordered ? 'thPaddingBordered' : 'thPadding', size)]: thPadding, [(0, _utils_1.createKey)(bordered ? 'tdPaddingBordered' : 'tdPadding', size)]: tdPadding } } = themeRef.value;
+            const { bordered } = props;
+            const mergedSize = mergedSizeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleTextColor, thColor, thColorModal, thColorPopover, thTextColor, thFontWeight, tdTextColor, tdColor, tdColorModal, tdColorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius, lineHeight, [(0, _utils_1.createKey)('fontSize', mergedSize)]: fontSize, [(0, _utils_1.createKey)(bordered ? 'thPaddingBordered' : 'thPadding', mergedSize)]: thPadding, [(0, _utils_1.createKey)(bordered ? 'tdPaddingBordered' : 'tdPadding', mergedSize)]: tdPadding } } = themeRef.value;
             return {
                 '--n-title-text-color': titleTextColor,
                 '--n-th-padding': thPadding,
@@ -63,10 +67,10 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('descriptions', (0, vue_1.computed)(() => {
                 let hash = '';
-                const { size, bordered } = props;
+                const { bordered } = props;
                 if (bordered)
                     hash += 'a';
-                hash += size[0];
+                hash += mergedSizeRef.value[0];
                 return hash;
             }), cssVarsRef, props)
             : undefined;
@@ -76,14 +80,15 @@ exports.default = (0, vue_1.defineComponent)({
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             compitableColumn: (0, vooks_1.useCompitable)(props, ['columns', 'column']),
-            inlineThemeDisabled
+            inlineThemeDisabled,
+            mergedSize: mergedSizeRef
         };
     },
     render() {
         const defaultSlots = this.$slots.default;
         const children = defaultSlots ? (0, _utils_1.flatten)(defaultSlots()) : [];
         const memorizedLength = children.length;
-        const { contentClass, labelClass, compitableColumn, labelPlacement, labelAlign, size, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
+        const { contentClass, labelClass, compitableColumn, labelPlacement, labelAlign, mergedSize, bordered, title, cssVars, mergedClsPrefix, separator, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         const filteredChildren = children.filter(child => (0, utils_1.isDescriptionsItem)(child));
         if (process.env.NODE_ENV !== 'production' && memorizedLength !== filteredChildren.length) {
@@ -167,7 +172,7 @@ exports.default = (0, vue_1.defineComponent)({
                 this.themeClass,
                 `${mergedClsPrefix}-descriptions--${labelPlacement}-label-placement`,
                 `${mergedClsPrefix}-descriptions--${labelAlign}-label-align`,
-                `${mergedClsPrefix}-descriptions--${size}-size`,
+                `${mergedClsPrefix}-descriptions--${mergedSize}-size`,
                 bordered && `${mergedClsPrefix}-descriptions--bordered`
             ] },
             title || this.$slots.header ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-descriptions-header` }, title || (0, _utils_1.getSlot)(this, 'header'))) : null,

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

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

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

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

package/lib/dialog/src/DialogProvider.d.ts

@@ -54,10 +54,6 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         onAfterLeave?: (() => void) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
-        loading?: boolean | undefined;
-        zIndex?: number | undefined;
-        transformOrigin?: "center" | "mouse" | undefined;
-        iconPlacement?: import("./interface").IconPlacement | undefined;
         contentClass?: string | (string | undefined)[] | undefined;
         contentStyle?: string | {
             [x: `--${string}`]: string | number | undefined;
@@ -1710,6 +1706,10 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
             "color-rendering"?: import("csstype").Property.ColorRendering | undefined;
             "glyph-orientation-vertical"?: import("csstype").Property.GlyphOrientationVertical | undefined;
         } | undefined;
+        loading?: boolean | undefined;
+        zIndex?: number | undefined;
+        transformOrigin?: "center" | "mouse" | undefined;
+        iconPlacement?: import("./interface").IconPlacement | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
         closeFocusable?: boolean | undefined;
         draggable?: boolean | {
@@ -1719,8 +1719,14 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         positiveText?: string | undefined;
         positiveButtonProps?: {
             disabled?: boolean | undefined;
-            type?: import("../../button/src/interface").Type | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
+            type?: import("../..").ButtonType | undefined;
+            size?: import("../..").ButtonSize | undefined;
+            spinProps?: {
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                scale?: number | undefined;
+                radius?: number | undefined;
+            } | undefined;
             color?: string | undefined;
             bordered?: boolean | undefined;
             themeOverrides?: {
@@ -2058,8 +2064,14 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         } | undefined;
         negativeButtonProps?: {
             disabled?: boolean | undefined;
-            type?: import("../../button/src/interface").Type | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
+            type?: import("../..").ButtonType | undefined;
+            size?: import("../..").ButtonSize | undefined;
+            spinProps?: {
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                scale?: number | undefined;
+                radius?: number | undefined;
+            } | undefined;
             color?: string | undefined;
             bordered?: boolean | undefined;
             themeOverrides?: {
@@ -5722,10 +5734,6 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         onAfterLeave?: (() => void) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
-        loading?: boolean | undefined;
-        zIndex?: number | undefined;
-        transformOrigin?: "center" | "mouse" | undefined;
-        iconPlacement?: import("./interface").IconPlacement | undefined;
         contentClass?: string | (string | undefined)[] | undefined;
         contentStyle?: string | {
             [x: `--${string}`]: string | number | undefined;
@@ -7378,6 +7386,10 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
             "color-rendering"?: import("csstype").Property.ColorRendering | undefined;
             "glyph-orientation-vertical"?: import("csstype").Property.GlyphOrientationVertical | undefined;
         } | undefined;
+        loading?: boolean | undefined;
+        zIndex?: number | undefined;
+        transformOrigin?: "center" | "mouse" | undefined;
+        iconPlacement?: import("./interface").IconPlacement | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
         closeFocusable?: boolean | undefined;
         draggable?: boolean | {
@@ -7387,8 +7399,14 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         positiveText?: string | undefined;
         positiveButtonProps?: {
             disabled?: boolean | undefined;
-            type?: import("../../button/src/interface").Type | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
+            type?: import("../..").ButtonType | undefined;
+            size?: import("../..").ButtonSize | undefined;
+            spinProps?: {
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                scale?: number | undefined;
+                radius?: number | undefined;
+            } | undefined;
             color?: string | undefined;
             bordered?: boolean | undefined;
             themeOverrides?: {
@@ -7726,8 +7744,14 @@ export declare const NDialogProvider: import("vue").DefineComponent<ExtractPropT
         } | undefined;
         negativeButtonProps?: {
             disabled?: boolean | undefined;
-            type?: import("../../button/src/interface").Type | undefined;
-            size?: import("../../button/src/interface").Size | undefined;
+            type?: import("../..").ButtonType | undefined;
+            size?: import("../..").ButtonSize | undefined;
+            spinProps?: {
+                stroke?: string | undefined;
+                strokeWidth?: number | undefined;
+                scale?: number | undefined;
+                radius?: number | undefined;
+            } | undefined;
             color?: string | undefined;
             bordered?: boolean | undefined;
             themeOverrides?: {

package/lib/dialog/src/dialogProps.d.ts

@@ -39,4 +39,4 @@ declare const dialogProps: {
 };
 export type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "title" | "showIcon" | "bordered" | "closable" | "onClose" | "icon" | "content" | "loading" | "iconPlacement" | "contentClass" | "contentStyle" | "action" | "closeFocusable" | "negativeText" | "positiveText" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "title" | "showIcon" | "bordered" | "closable" | "onClose" | "icon" | "content" | "contentClass" | "contentStyle" | "loading" | "iconPlacement" | "action" | "closeFocusable" | "negativeText" | "positiveText" | "positiveButtonProps" | "negativeButtonProps" | "titleClass" | "titleStyle" | "actionClass" | "actionStyle" | "onPositiveClick" | "onNegativeClick")[];

package/lib/dropdown/index.d.ts

@@ -1,3 +1,4 @@
 export { dropdownProps, default as NDropdown } from './src/Dropdown';
 export type { DropdownProps } from './src/Dropdown';
 export type { DropdownDividerOption, DropdownGroupOption, DropdownMenuProps, NodeProps as DropdownNodeProps, DropdownOption, DropdownRenderOption } from './src/interface';
+export type * from './src/public-types';

package/lib/dropdown/src/Dropdown.d.ts

@@ -3,6 +3,7 @@ import type { PropType, Ref } from 'vue';
 import type { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { DropdownMenuProps, DropdownMixedOption, NodeProps, OnUpdateValue, OnUpdateValueImpl, RenderIcon, RenderIconImpl, RenderLabel, RenderLabelImpl, RenderOption, RenderOptionImpl } from './interface';
+import type { DropdownSize } from './public-types';
 export interface DropdownInjection {
     renderLabelRef: Ref<RenderLabelImpl | undefined>;
     renderIconRef: Ref<RenderIconImpl | undefined>;
@@ -279,10 +280,7 @@ export declare const dropdownProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DropdownSize>;
     readonly inverted: BooleanConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -650,10 +648,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DropdownSize>;
     readonly inverted: BooleanConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -868,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;
@@ -1133,10 +1129,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | "huge">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<DropdownSize>;
     readonly inverted: BooleanConstructor;
     readonly placement: {
         readonly type: PropType<FollowerPlacement>;
@@ -1246,27 +1239,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly maxWidth: NumberConstructor;
 }>> & Readonly<{}>, {
     readonly disabled: boolean;
-    readonly size: "small" | "medium" | "large" | "huge";
     readonly raw: boolean;
+    readonly width: number | "trigger";
+    readonly duration: number;
+    readonly scrollable: boolean;
+    readonly trigger: import("../../popover").PopoverTrigger;
     readonly to: string | boolean | HTMLElement;
     readonly placement: FollowerPlacement;
     readonly options: DropdownMixedOption[];
-    readonly width: number | "trigger";
     readonly show: boolean | undefined;
     readonly keyboard: boolean;
     readonly showArrow: boolean;
-    readonly trigger: import("../../popover").PopoverTrigger;
     readonly arrow: boolean | undefined;
     readonly defaultShow: boolean;
     readonly delay: number;
-    readonly duration: number;
     readonly arrowPointToCenter: boolean;
     readonly displayDirective: "show" | "if";
     readonly flip: boolean;
     readonly animated: boolean;
     readonly overlap: boolean;
     readonly keepAliveOnHover: boolean;
-    readonly scrollable: boolean;
     readonly internalDeactivateImmediately: boolean;
     readonly internalSyncTargetWithParent: boolean;
     readonly internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];

package/lib/dropdown/src/Dropdown.js

@@ -24,10 +24,7 @@ const dropdownBaseProps = {
         type: Boolean,
         default: true
     },
-    size: {
-        type: String,
-        default: 'medium'
-    },
+    size: String,
     inverted: Boolean,
     placement: {
         type: String,
@@ -125,7 +122,11 @@ exports.default = (0, vue_1.defineComponent)({
                 Escape: handleKeydownEsc
             }
         }, keyboardEnabledRef);
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Dropdown) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Dropdown', '-dropdown', index_cssr_1.default, styles_1.dropdownLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(context_1.dropdownInjectionKey, {
             labelFieldRef: (0, vue_1.toRef)(props, 'labelField'),
@@ -238,7 +239,8 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size, inverted } = props;
+            const { inverted } = props;
+            const size = mergedSizeRef.value;
             const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
             const { padding, dividerColor, borderRadius, optionOpacityDisabled, [(0, _utils_1.createKey)('optionIconSuffixWidth', size)]: optionIconSuffixWidth, [(0, _utils_1.createKey)('optionSuffixWidth', size)]: optionSuffixWidth, [(0, _utils_1.createKey)('optionIconPrefixWidth', size)]: optionIconPrefixWidth, [(0, _utils_1.createKey)('optionPrefixWidth', size)]: optionPrefixWidth, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('optionHeight', size)]: optionHeight, [(0, _utils_1.createKey)('optionIconSize', size)]: optionIconSize } = self;
             const vars = {
@@ -286,11 +288,12 @@ exports.default = (0, vue_1.defineComponent)({
             return vars;
         });
         const themeClassHandle = inlineThemeDisabled
-            ? (0, _mixins_1.useThemeClass)('dropdown', (0, vue_1.computed)(() => `${props.size[0]}${props.inverted ? 'i' : ''}`), cssVarsRef, props)
+            ? (0, _mixins_1.useThemeClass)('dropdown', (0, vue_1.computed)(() => `${mergedSizeRef.value[0]}${props.inverted ? 'i' : ''}`), cssVarsRef, props)
             : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
+            mergedSize: mergedSizeRef,
             // data
             tmNodes: tmNodesRef,
             // show
@@ -315,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/dropdown/src/DropdownMenu.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
 }>> & Readonly<{}>, {
-    showArrow: boolean;
     scrollable: boolean;
+    showArrow: boolean;
     tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
     parentKey: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/dropdown/src/DropdownOption.d.ts

@@ -69,8 +69,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     props: PropType<HTMLAttributes>;
     scrollable: BooleanConstructor;
 }>> & Readonly<{}>, {
-    placement: FollowerPlacement;
     scrollable: boolean;
+    placement: FollowerPlacement;
     parentKey: string | number | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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

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

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

package/lib/dynamic-input/src/DynamicInput.d.ts

@@ -1799,7 +1799,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         create: string;
     }>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    buttonSize: import("vue").ComputedRef<import("../../button/src/interface").Size | undefined>;
+    buttonSize: import("vue").ComputedRef<import("../../button").ButtonSize | undefined>;
     mergedClsPrefix: import("vue").Ref<string, string>;
     NFormItem: import("../../_mixins/use-form-item").FormItemInjection | null;
     uncontrolledValue: import("vue").Ref<any[], any[]>;

package/lib/dynamic-tags/index.d.ts

@@ -1,3 +1,4 @@
 export { dynamicTagsProps, default as NDynamicTags } from './src/DynamicTags';
 export type { DynamicTagsProps, DynamicTagsSlots } from './src/DynamicTags';
 export type { DynamicTagsInputSlotProps, DynamicTagsOption, DynamicTagsTriggerSlotProps } from './src/interface';
+export type * from './src/public-types';

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -2,11 +2,9 @@ import type { CSSProperties, PropType, SlotsType, VNode, VNodeChild } from 'vue'
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { InputProps } from '../../input';
 import type { DynamicTagsInputSlotProps, DynamicTagsOption, DynamicTagsTriggerSlotProps, OnCreate, OnUpdateValue } from './interface';
+import type { DynamicTagsSize } from './public-types';
 export declare const dynamicTagsProps: {
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<DynamicTagsSize>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -1176,10 +1174,7 @@ export interface DynamicTagsSlots {
     default?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<DynamicTagsSize>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -2382,6 +2377,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | null>;
     localizedAdd: import("vue").ComputedRef<string>;
     inputSize: import("vue").ComputedRef<"tiny" | "small" | "medium">;
+    mergedSize: import("vue").ComputedRef<DynamicTagsSize>;
     inputValue: import("vue").Ref<string, string>;
     showInput: import("vue").Ref<boolean, boolean>;
     inputForceFocused: import("vue").Ref<boolean, boolean>;
@@ -2815,10 +2811,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<{
-    size: {
-        type: PropType<"small" | "medium" | "large">;
-        default: string;
-    };
+    size: PropType<DynamicTagsSize>;
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -3983,7 +3976,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     disabled: boolean | undefined;
     type: "default" | "info" | "warning" | "error" | "success" | "primary";
-    size: "small" | "medium" | "large";
     closable: boolean;
     defaultValue: (string | DynamicTagsOption)[];
     round: boolean;

package/lib/dynamic-tags/src/DynamicTags.js

@@ -17,10 +17,7 @@ const tag_1 = require("../../tag");
 const common_props_1 = __importDefault(require("../../tag/src/common-props"));
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { size: {
-        type: String,
-        default: 'medium'
-    }, closable: {
+exports.dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), common_props_1.default), { size: String, closable: {
         type: Boolean,
         default: true
     }, defaultValue: {
@@ -44,7 +41,13 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
+        const mergedSizeRef = (0, vue_1.computed)(() => {
+            var _a, _b;
+            return (props.size
+                || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.DynamicTags) === null || _b === void 0 ? void 0 : _b.size)
+                || 'medium');
+        });
         const { localeRef } = (0, _mixins_1.useLocale)('DynamicTags');
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedDisabledRef } = formItem;
@@ -60,7 +63,7 @@ exports.default = (0, vue_1.defineComponent)({
             return localeRef.value.add;
         });
         const inputSizeRef = (0, vue_1.computed)(() => {
-            return (0, _utils_1.smallerSize)(props.size);
+            return (0, _utils_1.smallerSize)(mergedSizeRef.value);
         });
         const triggerDisabledRef = (0, vue_1.computed)(() => {
             return (mergedDisabledRef.value
@@ -126,6 +129,7 @@ exports.default = (0, vue_1.defineComponent)({
             inputInstRef,
             localizedAdd: localizedAddRef,
             inputSize: inputSizeRef,
+            mergedSize: mergedSizeRef,
             inputValue: inputValueRef,
             showInput: showInputRef,
             inputForceFocused: inputForceFocusedRef,
@@ -148,9 +152,9 @@ exports.default = (0, vue_1.defineComponent)({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)(space_1.NSpace, { class: [`${mergedClsPrefix}-dynamic-tags`, this.themeClass], size: "small", style: cssVars, theme: mergedTheme.peers.Space, themeOverrides: mergedTheme.peerOverrides.Space, itemStyle: "display: flex;" }, {
             default: () => {
-                const { mergedTheme, tagClass, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputClass, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyDown, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
+                const { mergedTheme, tagClass, tagStyle, type, round, mergedSize, color, closable, mergedDisabled, showInput, inputValue, inputClass, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyDown, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : ((0, vue_1.h)(tag_1.NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, class: tagClass, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
+                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : ((0, vue_1.h)(tag_1.NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, class: tagClass, style: tagStyle, type: type, round: round, size: mergedSize, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
                         handleCloseClick(index);
                     } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)

package/lib/dynamic-tags/src/public-types.d.ts

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

package/lib/dynamic-tags/src/public-types.js

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

package/lib/float-button/src/FloatButton.d.ts

@@ -262,8 +262,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly type: "default" | "primary";
     readonly position: "fixed" | "absolute" | "relative";
-    readonly width: string | number;
     readonly height: string | number;
+    readonly width: string | number;
     readonly shape: "circle" | "square";
     readonly showMenu: boolean;
     readonly onUpdateShowMenu: MaybeArray<(value: boolean) => void>;

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

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { FormInst, FormRules, FormValidateMessages, LabelAlign, LabelPlacement, Size } from './interface';
+import type { FormInst, FormRules, FormValidateMessages, LabelAlign, LabelPlacement } from './interface';
+import type { FormSize } from './public-types';
 export declare const formProps: {
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<number | string>;
@@ -15,7 +16,7 @@ export declare const formProps: {
     };
     readonly rules: PropType<FormRules>;
     readonly disabled: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<FormSize>;
     readonly showRequireMark: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -147,7 +148,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly rules: PropType<FormRules>;
     readonly disabled: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<FormSize>;
     readonly showRequireMark: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
@@ -278,7 +279,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     readonly rules: PropType<FormRules>;
     readonly disabled: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<FormSize>;
     readonly showRequireMark: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;

package/lib/form/src/Form.js

@@ -57,6 +57,15 @@ exports.default = (0, vue_1.defineComponent)({
                 maxChildLabelWidthRef.value = currentWidth;
             }
         };
+        function invalidateLabelWidth() {
+            var _a;
+            for (const key of (0, _utils_1.keysOf)(formItems)) {
+                const formItemInstances = formItems[key];
+                for (const formItemInstance of formItemInstances) {
+                    (_a = formItemInstance.invalidateLabelWidth) === null || _a === void 0 ? void 0 : _a.call(formItemInstance);
+                }
+            }
+        }
         function validate(validateCallback_1) {
             return __awaiter(this, arguments, void 0, function* (validateCallback, shouldRuleBeApplied = () => true) {
                 return yield new Promise((resolve, reject) => {
@@ -115,7 +124,8 @@ exports.default = (0, vue_1.defineComponent)({
         (0, vue_1.provide)(context_1.formItemInstsInjectionKey, { formItems });
         const formExposedMethod = {
             validate,
-            restoreValidation
+            restoreValidation,
+            invalidateLabelWidth
         };
         return Object.assign(formExposedMethod, {
             mergedClsPrefix: mergedClsPrefixRef

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

@@ -1,6 +1,6 @@
-import type { CSSProperties, ExtractPropTypes, LabelHTMLAttributes, PropType, VNodeChild } from 'vue';
+import type { CSSProperties, ExtractPropTypes, LabelHTMLAttributes, PropType, SlotsType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { FormItemInternalValidate, FormItemRule, LabelAlign, LabelPlacement } from './interface';
+import type { FormItemInternalValidate, FormItemRule, FormItemSlots, LabelAlign, LabelPlacement } from './interface';
 export declare const formItemProps: {
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;
@@ -286,9 +286,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     onRender: (() => void) | undefined;
     validate: import("./interface").FormItemValidate;
     restoreValidation: () => void;
+    invalidateLabelWidth: () => void;
     path?: string;
     internalValidate: FormItemInternalValidate;
-    mergedSize: import("vue").ComputedRef<import("./interface").Size>;
+    mergedSize: import("vue").ComputedRef<import("./public-types").FormItemSize>;
     validationErrored: import("vue").Ref<boolean, boolean>;
     validationWarned: import("vue").Ref<boolean, boolean>;
     mergedLabelStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
@@ -451,5 +452,5 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<FormItemSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;