naive-ui 2.43.1 → 2.44.0

package/es/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/es/radio/src/use-radio.mjs

@@ -37,8 +37,13 @@ function setup(props) {
     });
   }
   const NRadioGroup = inject(radioGroupInjectionKey, null);
+  const {
+    mergedClsPrefixRef,
+    mergedComponentPropsRef
+  } = useConfig(props);
   const formItem = useFormItem(props, {
     mergedSize(NFormItem) {
+      var _a, _b;
       const {
         size
       } = props;
@@ -56,6 +61,8 @@ 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) {
@@ -133,7 +140,7 @@ function setup(props) {
     focusRef.value = true;
   }
   return {
-    mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : useConfig(props).mergedClsPrefixRef,
+    mergedClsPrefix: NRadioGroup ? NRadioGroup.mergedClsPrefixRef : mergedClsPrefixRef,
     inputRef,
     labelRef,
     mergedName: mergedNameRef,

package/es/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/es/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/es/rate/src/Rate.mjs

@@ -18,10 +18,7 @@ export const rateProps = Object.assign(Object.assign({}, useTheme.props), {
     default: null
   },
   readonly: Boolean,
-  size: {
-    type: [String, Number],
-    default: 'medium'
-  },
+  size: [String, Number],
   clearable: Boolean,
   color: String,
   onClear: Function,
@@ -34,13 +31,25 @@ export default defineComponent({
   setup(props) {
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Rate', '-rate', style, rateLight, props, mergedClsPrefixRef);
     const controlledValueRef = toRef(props, 'value');
     const uncontrolledValueRef = ref(props.defaultValue);
     const hoverIndexRef = ref(null);
-    const formItem = useFormItem(props);
+    const formItem = 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 = useMergedState(controlledValueRef, uncontrolledValueRef);
     function doUpdateValue(value) {
       const {
@@ -98,10 +107,11 @@ export default defineComponent({
     function handleMouseEnterSomeStar() {
       cleared = false;
     }
+    const {
+      mergedSizeRef: _mergedSizeRef
+    } = formItem;
     const mergedSizeRef = computed(() => {
-      const {
-        size
-      } = props;
+      const size = _mergedSizeRef.value;
       const {
         self
       } = themeRef.value;

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

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

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

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

package/es/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/es/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/es/result/src/Result.mjs

@@ -20,10 +20,7 @@ const iconRenderMap = {
   error: () => h(ErrorIcon, null)
 };
 export const resultProps = Object.assign(Object.assign({}, useTheme.props), {
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   status: {
     type: String,
     default: 'info'
@@ -38,14 +35,19 @@ export default defineComponent({
   setup(props) {
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = 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 = useTheme('Result', '-result', style, resultLight, props, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
       const {
-        size,
         status
       } = props;
+      const size = mergedSizeRef.value;
       const {
         common: {
           cubicBezierEaseInOut
@@ -75,9 +77,9 @@ export default defineComponent({
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('result', computed(() => {
       const {
-        size,
         status
       } = props;
+      const size = mergedSizeRef.value;
       let hash = '';
       if (size) {
         hash += size[0];

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

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

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

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

package/es/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/es/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/es/select/src/Select.mjs

@@ -17,6 +17,10 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), {
     default: undefined
   },
   clearable: Boolean,
+  clearCreatedOptionsOnClear: {
+    type: Boolean,
+    default: true
+  },
   clearFilterAfterSelect: {
     type: Boolean,
     default: true
@@ -126,6 +130,7 @@ export const selectProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Boolean,
     default: true
   },
+  scrollbarProps: Object,
   /** deprecated */
   onChange: [Function, Array],
   items: Array
@@ -610,11 +615,17 @@ export default defineComponent({
     function handleClear(e) {
       e.stopPropagation();
       const {
-        multiple
+        multiple,
+        tag,
+        remote,
+        clearCreatedOptionsOnClear
       } = props;
       if (!multiple && props.filterable) {
         closeMenu();
       }
+      if (tag && !remote && clearCreatedOptionsOnClear) {
+        createdOptionsRef.value = emptyArray;
+      }
       doClear();
       if (multiple) {
         doUpdateValue([], []);
@@ -900,7 +911,8 @@ export default defineComponent({
               onMousedown: this.handleMenuMousedown,
               show: this.mergedShow,
               showCheckmark: this.showCheckmark,
-              resetMenuOnOptionsChange: this.resetMenuOnOptionsChange
+              resetMenuOnOptionsChange: this.resetMenuOnOptionsChange,
+              scrollbarProps: this.scrollbarProps
             }), {
               empty: () => {
                 var _a, _b;

package/es/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/es/select/src/public-types.d.ts

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

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

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

package/es/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/es/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/es/skeleton/src/Skeleton.mjs

@@ -31,8 +31,13 @@ export default defineComponent({
   setup(props) {
     useHoudini();
     const {
-      mergedClsPrefixRef
+      mergedClsPrefixRef,
+      mergedComponentPropsRef
     } = useConfig(props);
+    const mergedSizeRef = 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 = useTheme('Skeleton', '-skeleton', style, skeletonLight, props, mergedClsPrefixRef);
     return {
       mergedClsPrefix: mergedClsPrefixRef,
@@ -57,12 +62,12 @@ export default defineComponent({
           round,
           width,
           height,
-          size,
           text,
           animated
         } = props;
-        if (size !== undefined) {
-          sizeHeight = selfThemeVars[createKey('height', size)];
+        const mergedSize = mergedSizeRef.value;
+        if (mergedSize !== undefined) {
+          sizeHeight = selfThemeVars[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/es/skeleton/src/public-types.d.ts

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

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

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

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