naive-ui 2.43.1 → 2.44.0

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

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

package/lib/radio/src/use-radio.d.ts

@@ -1,6 +1,7 @@
 import type { ComputedRef, ExtractPropTypes, PropType, Ref } from 'vue';
 import type { MaybeArray } from '../../_utils';
 import type { OnUpdateValue } from './interface';
+import type { RadioSize } from './public-types';
 export declare const radioBaseProps: {
     readonly name: StringConstructor;
     readonly value: {
@@ -17,7 +18,7 @@ export declare const radioBaseProps: {
         readonly default: undefined;
     };
     readonly label: StringConstructor;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<RadioSize>;
     readonly onUpdateChecked: PropType<undefined | MaybeArray<(value: boolean) => void>>;
     readonly 'onUpdate:checked': PropType<undefined | MaybeArray<(value: boolean) => void>>;
     readonly checkedValue: {
@@ -29,7 +30,7 @@ export interface RadioGroupInjection {
     mergedClsPrefixRef: Ref<string>;
     nameRef: Ref<string | undefined>;
     valueRef: Ref<string | number | boolean | null>;
-    mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
+    mergedSizeRef: Ref<RadioSize>;
     disabledRef: Ref<boolean>;
     doUpdateValue: OnUpdateValue;
 }
@@ -42,7 +43,7 @@ export interface UseRadio {
     mergedDisabled: Ref<boolean>;
     renderSafeChecked: Ref<boolean>;
     focus: Ref<boolean>;
-    mergedSize: ComputedRef<'small' | 'medium' | 'large'>;
+    mergedSize: ComputedRef<RadioSize>;
     handleRadioInputChange: () => void;
     handleRadioInputBlur: () => void;
     handleRadioInputFocus: () => void;

package/lib/radio/src/use-radio.js

@@ -41,8 +41,10 @@ function setup(props) {
         });
     }
     const NRadioGroup = (0, vue_1.inject)(exports.radioGroupInjectionKey, null);
+    const { mergedClsPrefixRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
     const formItem = (0, _mixins_1.useFormItem)(props, {
         mergedSize(NFormItem) {
+            var _a, _b;
             const { size } = props;
             if (size !== undefined)
                 return size;
@@ -55,6 +57,9 @@ function setup(props) {
             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.Radio) === null || _b === void 0 ? void 0 : _b.size;
+            if (configSize)
+                return configSize;
             return 'medium';
         },
         mergedDisabled(NFormItem) {
@@ -129,7 +134,7 @@ function setup(props) {
     return {
         mergedClsPrefix: NRadioGroup
             ? NRadioGroup.mergedClsPrefixRef
-            : (0, _mixins_1.useConfig)(props).mergedClsPrefixRef,
+            : mergedClsPrefixRef,
         inputRef,
         labelRef,
         mergedName: mergedNameRef,

package/lib/rate/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NRate, rateProps } from './src/Rate';
 export type { RateProps } from './src/Rate';

package/lib/rate/src/Rate.d.ts

@@ -1,6 +1,7 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { RateOnUpdateValue } from './interface';
+import type { RateSize } from './public-types';
 export declare const rateProps: {
     readonly allowHalf: BooleanConstructor;
     readonly count: {
@@ -13,10 +14,7 @@ export declare const rateProps: {
         readonly default: null;
     };
     readonly readonly: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<number | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<RateSize>;
     readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
     readonly onClear: PropType<() => void>;
@@ -57,10 +55,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: null;
     };
     readonly readonly: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<number | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<RateSize>;
     readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
     readonly onClear: PropType<() => void>;
@@ -115,10 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: null;
     };
     readonly readonly: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<number | "small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<RateSize>;
     readonly clearable: BooleanConstructor;
     readonly color: StringConstructor;
     readonly onClear: PropType<() => void>;
@@ -146,10 +138,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sizeLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly readonly: boolean;
-    readonly size: number | "small" | "medium" | "large";
     readonly clearable: boolean;
     readonly defaultValue: number | null;
+    readonly readonly: boolean;
     readonly allowHalf: boolean;
     readonly count: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rate/src/Rate.js

@@ -18,20 +18,30 @@ exports.rateProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, value: Number, defaultValue: {
         type: Number,
         default: null
-    }, readonly: Boolean, size: {
-        type: [String, Number],
-        default: 'medium'
-    }, clearable: Boolean, color: String, onClear: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+    }, readonly: Boolean, size: [String, Number], clearable: Boolean, color: String, onClear: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Rate',
     props: exports.rateProps,
     setup(props) {
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Rate', '-rate', index_cssr_1.default, styles_1.rateLight, props, mergedClsPrefixRef);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const hoverIndexRef = (0, vue_1.ref)(null);
-        const formItem = (0, _mixins_1.useFormItem)(props);
+        const formItem = (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.Rate) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize !== undefined)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const mergedValue = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue } = props;
@@ -86,8 +96,9 @@ exports.default = (0, vue_1.defineComponent)({
         function handleMouseEnterSomeStar() {
             cleared = false;
         }
+        const { mergedSizeRef: _mergedSizeRef } = formItem;
         const mergedSizeRef = (0, vue_1.computed)(() => {
-            const { size } = props;
+            const size = _mergedSizeRef.value;
             const { self } = themeRef.value;
             if (typeof size === 'number') {
                 return `${size}px`;

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

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

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

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

package/lib/result/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NResult, resultProps } from './src/Result';
 export type { ResultProps, ResultSlots } from './src/Result';

package/lib/result/src/Result.d.ts

@@ -1,10 +1,8 @@
 import type { PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ResultSize } from './public-types';
 export declare const resultProps: {
-    size: {
-        type: PropType<"small" | "medium" | "large" | "huge">;
-        default: string;
-    };
+    size: PropType<ResultSize>;
     status: {
         type: PropType<"info" | "success" | "warning" | "error" | "404" | "403" | "500" | "418">;
         default: string;
@@ -97,10 +95,7 @@ export interface ResultSlots {
     icon?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: {
-        type: PropType<"small" | "medium" | "large" | "huge">;
-        default: string;
-    };
+    size: PropType<ResultSize>;
     status: {
         type: PropType<"info" | "success" | "warning" | "error" | "404" | "403" | "500" | "418">;
         default: string;
@@ -201,10 +196,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" | "huge">;
-        default: string;
-    };
+    size: PropType<ResultSize>;
     status: {
         type: PropType<"info" | "success" | "warning" | "error" | "404" | "403" | "500" | "418">;
         default: string;
@@ -290,7 +282,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconColor500: undefined;
     }, any>>>;
 }>> & Readonly<{}>, {
-    size: "small" | "medium" | "large" | "huge";
-    status: "error" | "500" | "info" | "warning" | "success" | "404" | "403" | "418";
+    status: "500" | "info" | "warning" | "error" | "success" | "404" | "403" | "418";
 }, SlotsType<ResultSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/result/src/Result.js

@@ -25,10 +25,7 @@ const iconRenderMap = {
     warning: () => (0, vue_1.h)(icons_1.WarningIcon, null),
     error: () => (0, vue_1.h)(icons_1.ErrorIcon, null)
 };
-exports.resultProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
-        type: String,
-        default: 'medium'
-    }, status: {
+exports.resultProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, status: {
         type: String,
         default: 'info'
     }, title: String, description: String });
@@ -37,10 +34,15 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.resultProps,
     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.Result) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Result', '-result', index_cssr_1.default, styles_1.resultLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
-            const { size, status } = props;
+            const { status } = props;
+            const size = mergedSizeRef.value;
             const { common: { cubicBezierEaseInOut }, self: { textColor, lineHeight, titleTextColor, titleFontWeight, [(0, _utils_1.createKey)('iconColor', status)]: iconColor, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('titleFontSize', size)]: titleFontSize, [(0, _utils_1.createKey)('iconSize', size)]: iconSize } } = themeRef.value;
             return {
                 '--n-bezier': cubicBezierEaseInOut,
@@ -56,7 +58,8 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const themeClassHandle = inlineThemeDisabled
             ? (0, _mixins_1.useThemeClass)('result', (0, vue_1.computed)(() => {
-                const { size, status } = props;
+                const { status } = props;
+                const size = mergedSizeRef.value;
                 let hash = '';
                 if (size) {
                     hash += size[0];

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

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

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

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

package/lib/select/index.d.ts

@@ -1,5 +1,6 @@
 export type { NodeProps as SelectNodeProps, RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';
 export type { RenderTag as SelectRenderTag } from '../_internal/selection/src/interface';
 export type { SelectFilter, SelectGroupOption, SelectInst, SelectOption } from './src/interface';
+export type * from './src/public-types';
 export { default as NSelect, selectProps } from './src/Select';
 export type { SelectProps, SelectSlots } from './src/Select';

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

@@ -1,13 +1,14 @@
 import type { TreeNode } from 'treemate';
 import type { HTMLAttributes, InputHTMLAttributes, PropType, SlotsType, VNode } from 'vue';
 import type { FollowerInst, FollowerPlacement } from 'vueuc';
-import type { InternalSelectionInst } from '../../_internal';
+import type { InternalSelectionInst, ScrollbarProps } from '../../_internal';
 import type { NodeProps, RenderLabel, RenderOption } from '../../_internal/select-menu/src/interface';
 import type { RenderTag } from '../../_internal/selection/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { FormValidationStatus } from '../../form/src/public-types';
 import type { PopoverProps } from '../../popover';
-import type { OnUpdateValue, SelectBaseOption, SelectFallbackOption, SelectFilter, SelectGroupOption, SelectIgnoredOption, SelectMixedOption, SelectOption, Size, Value, ValueAtom } from './interface';
+import type { OnUpdateValue, SelectBaseOption, SelectFallbackOption, SelectFilter, SelectGroupOption, SelectIgnoredOption, SelectMixedOption, SelectOption, Value, ValueAtom } from './interface';
+import type { SelectSize } from './public-types';
 export declare const selectProps: {
     readonly to: {
         type: PropType<HTMLElement | string | boolean>;
@@ -18,6 +19,10 @@ export declare const selectProps: {
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearCreatedOptionsOnClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly clearFilterAfterSelect: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -38,9 +43,9 @@ export declare const selectProps: {
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly menuSize: {
-        readonly type: PropType<Size>;
+        readonly type: PropType<SelectSize>;
     };
     readonly filterable: BooleanConstructor;
     readonly disabled: {
@@ -126,6 +131,7 @@ export declare const selectProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -610,6 +616,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearCreatedOptionsOnClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly clearFilterAfterSelect: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -630,9 +640,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly menuSize: {
-        readonly type: PropType<Size>;
+        readonly type: PropType<SelectSize>;
     };
     readonly filterable: BooleanConstructor;
     readonly disabled: {
@@ -718,6 +728,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -1225,7 +1236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     uncontrolledShow: import("vue").Ref<boolean, boolean>;
     mergedShow: import("vue").ComputedRef<boolean>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    uncontrolledValue: import("vue").Ref<string[] | number[] | ValueAtom | ValueAtom[] | null, string | number | string[] | number[] | ValueAtom[] | ValueAtom[] | null>;
+    uncontrolledValue: import("vue").Ref<ValueAtom | string[] | number[] | ValueAtom[] | null, string | number | string[] | number[] | ValueAtom[] | ValueAtom[] | null>;
     mergedValue: import("vue").ComputedRef<string | number | string[] | number[] | ValueAtom[] | ValueAtom[] | null>;
     followerRef: import("vue").Ref<{
         syncPosition: () => void;
@@ -1235,7 +1246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     localizedPlaceholder: import("vue").ComputedRef<string>;
     selectedOption: import("vue").ComputedRef<SelectOption | null>;
     selectedOptions: import("vue").ComputedRef<SelectOption[] | null>;
-    mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+    mergedSize: import("vue").ComputedRef<"tiny" | "small" | "medium" | "large">;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     focused: import("vue").Ref<boolean, boolean>;
     activeWithoutMenuOpen: import("vue").Ref<boolean, boolean>;
@@ -1500,6 +1511,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: undefined;
     };
     readonly clearable: BooleanConstructor;
+    readonly clearCreatedOptionsOnClear: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly clearFilterAfterSelect: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1520,9 +1535,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly placeholder: StringConstructor;
     readonly menuProps: PropType<HTMLAttributes>;
     readonly multiple: BooleanConstructor;
-    readonly size: PropType<Size>;
+    readonly size: PropType<SelectSize>;
     readonly menuSize: {
-        readonly type: PropType<Size>;
+        readonly type: PropType<SelectSize>;
     };
     readonly filterable: BooleanConstructor;
     readonly disabled: {
@@ -1608,6 +1623,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly scrollbarProps: PropType<ScrollbarProps>;
     /** deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly items: PropType<SelectMixedOption[]>;
@@ -2074,20 +2090,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly options: SelectMixedOption[];
-    readonly tag: boolean;
-    readonly to: string | boolean | HTMLElement;
     readonly disabled: boolean | undefined;
-    readonly show: boolean | undefined;
-    readonly multiple: boolean;
-    readonly loading: boolean;
     readonly bordered: boolean | undefined;
+    readonly to: string | boolean | HTMLElement;
     readonly clearable: boolean;
     readonly defaultValue: Value | null;
+    readonly loading: boolean;
     readonly placement: FollowerPlacement;
+    readonly options: SelectMixedOption[];
+    readonly show: boolean | undefined;
     readonly keyboard: boolean;
+    readonly tag: boolean;
     readonly showArrow: boolean;
     readonly displayDirective: "show" | "if";
+    readonly multiple: boolean;
     readonly filterable: boolean;
     readonly clearFilterAfterSelect: boolean;
     readonly remote: boolean;
@@ -2095,6 +2111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly valueField: string;
     readonly labelField: string;
     readonly childrenField: string;
+    readonly clearCreatedOptionsOnClear: boolean;
     readonly widthMode: string;
     readonly fallbackOption: false | SelectFallbackOption | undefined;
     readonly consistentMenuWidth: boolean;

package/lib/select/src/Select.js

@@ -19,7 +19,10 @@ const utils_1 = require("./utils");
 exports.selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
-    }, clearable: Boolean, clearFilterAfterSelect: {
+    }, clearable: Boolean, clearCreatedOptionsOnClear: {
+        type: Boolean,
+        default: true
+    }, clearFilterAfterSelect: {
         type: Boolean,
         default: true
     }, options: {
@@ -77,7 +80,7 @@ exports.selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, status: String, showCheckmark: {
         type: Boolean,
         default: true
-    }, 
+    }, scrollbarProps: Object, 
     /** deprecated */
     onChange: [Function, Array], items: Array });
 exports.default = (0, vue_1.defineComponent)({
@@ -504,10 +507,13 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleClear(e) {
             e.stopPropagation();
-            const { multiple } = props;
+            const { multiple, tag, remote, clearCreatedOptionsOnClear } = props;
             if (!multiple && props.filterable) {
                 closeMenu();
             }
+            if (tag && !remote && clearCreatedOptionsOnClear) {
+                createdOptionsRef.value = emptyArray;
+            }
             doClear();
             if (multiple) {
                 doUpdateValue([], []);
@@ -692,7 +698,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         this.themeClass,
                                         (_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.class
                                     ], clsPrefix: this.mergedClsPrefix, focusable: true, labelField: this.labelField, valueField: this.valueField, autoPending: true, nodeProps: this.nodeProps, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: this.menuSize, renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.showCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), {
+                                        .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: this.menuSize, renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_c = this.menuProps) === null || _c === void 0 ? void 0 : _c.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, showCheckmark: this.showCheckmark, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange, scrollbarProps: this.scrollbarProps }), {
                                     empty: () => { var _a, _b; return [(_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     header: () => { var _a, _b; return [(_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a)]; },
                                     action: () => { var _a, _b; return [(_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a)]; }

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

@@ -34,7 +34,6 @@ export type Value = ValueAtom | string[] | number[] | ValueAtom[];
 export type OnUpdateValue = (value: string & number & ValueAtom & string[] & number[] & ValueAtom[] & (ValueAtom | null) & (string[] | null) & (number[] | null) & (ValueAtom[] | null), option: SelectBaseOption & null & SelectBaseOption[]) => void;
 export type OnUpdateValueImpl = (value: ValueAtom | string[] | number[] | ValueAtom[] | (ValueAtom | null) | (string[] | null) | (number[] | null) | (ValueAtom[] | null), option: SelectBaseOption | null | SelectBaseOption[]) => void;
 export type SelectTreeMate = TreeMate<SelectBaseOption, SelectGroupOption, SelectIgnoredOption>;
-export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export type SelectOption = SelectBaseOption<string | number>;
 export type SelectGroupOption = (SelectGroupOptionBase & {
     /** @deprecated should use key and label instead */

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

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

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

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

package/lib/skeleton/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NSkeleton, skeletonProps } from './src/Skeleton';
 export type { SkeletonProps } from './src/Skeleton';

package/lib/skeleton/src/Skeleton.d.ts

@@ -1,12 +1,13 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { SkeletonSize } from './public-types';
 export declare const skeletonProps: {
     readonly text: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
     readonly height: PropType<string | number>;
     readonly width: PropType<string | number>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<SkeletonSize>;
     readonly repeat: {
         readonly type: NumberConstructor;
         readonly default: 1;
@@ -51,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly circle: BooleanConstructor;
     readonly height: PropType<string | number>;
     readonly width: PropType<string | number>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<SkeletonSize>;
     readonly repeat: {
         readonly type: NumberConstructor;
         readonly default: 1;
@@ -107,7 +108,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly circle: BooleanConstructor;
     readonly height: PropType<string | number>;
     readonly width: PropType<string | number>;
-    readonly size: PropType<"small" | "medium" | "large">;
+    readonly size: PropType<SkeletonSize>;
     readonly repeat: {
         readonly type: NumberConstructor;
         readonly default: 1;
@@ -145,10 +146,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         heightLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly repeat: number;
+    readonly circle: boolean;
     readonly round: boolean;
     readonly text: boolean;
-    readonly circle: boolean;
+    readonly repeat: number;
     readonly animated: boolean;
     readonly sharp: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/skeleton/src/Skeleton.js

@@ -26,7 +26,11 @@ exports.default = (0, vue_1.defineComponent)({
     props: exports.skeletonProps,
     setup(props) {
         (0, _utils_1.useHoudini)();
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, 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.Skeleton) === null || _b === void 0 ? void 0 : _b.size);
+        });
         const themeRef = (0, _mixins_1.useTheme)('Skeleton', '-skeleton', index_cssr_1.default, styles_1.skeletonLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
@@ -37,9 +41,10 @@ exports.default = (0, vue_1.defineComponent)({
                 const selfThemeVars = theme.self;
                 const { color, colorEnd, borderRadius } = selfThemeVars;
                 let sizeHeight;
-                const { circle, sharp, round, width, height, size, text, animated } = props;
-                if (size !== undefined) {
-                    sizeHeight = selfThemeVars[(0, _utils_1.createKey)('height', size)];
+                const { circle, sharp, round, width, height, text, animated } = props;
+                const mergedSize = mergedSizeRef.value;
+                if (mergedSize !== undefined) {
+                    sizeHeight = selfThemeVars[(0, _utils_1.createKey)('height', mergedSize)];
                 }
                 const mergedWidth = circle ? ((_a = width !== null && width !== void 0 ? width : height) !== null && _a !== void 0 ? _a : sizeHeight) : width;
                 const mergedHeight = (_b = (circle ? (width !== null && width !== void 0 ? width : height) : height)) !== null && _b !== void 0 ? _b : sizeHeight;

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

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

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

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

package/lib/slider/src/Slider.d.ts

@@ -505,17 +505,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         dotBorderRadius: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly range: boolean;
+    readonly disabled: boolean | undefined;
     readonly reverse: boolean;
     readonly to: string | boolean | HTMLElement;
-    readonly disabled: boolean | undefined;
+    readonly defaultValue: number | number[];
     readonly max: number;
     readonly vertical: boolean;
+    readonly keyboard: boolean;
+    readonly min: number;
+    readonly range: boolean;
     readonly tooltip: boolean;
     readonly step: number | "mark";
-    readonly min: number;
-    readonly defaultValue: number | number[];
-    readonly keyboard: boolean;
     readonly showTooltip: boolean | undefined;
 }, SlotsType<SliderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/space/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NSpace, spaceProps } from './src/Space';
 export type { SpaceProps } from './src/Space';