naive-ui 2.43.2 → 2.44.0

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: "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[]>;
@@ -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[]>;
@@ -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;

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

package/lib/space/src/Space.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties, PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { SpaceSize } from './public-types';
 type Align = 'stretch' | 'baseline' | 'start' | 'end' | 'center' | 'flex-end' | 'flex-start';
 export type Justify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
 export declare const spaceProps: {
@@ -11,10 +12,7 @@ export declare const spaceProps: {
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -55,10 +53,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -105,10 +100,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly inline: BooleanConstructor;
     readonly vertical: BooleanConstructor;
     readonly reverse: BooleanConstructor;
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large" | number | [number, number]>;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SpaceSize>;
     readonly wrapItem: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly reverse: boolean;
-    readonly size: number | "small" | "medium" | "large" | [number, number];
     readonly vertical: boolean;
     readonly inline: boolean;
     readonly justify: Justify;

package/lib/space/src/Space.js

@@ -11,10 +11,7 @@ const utils_1 = require("./utils");
 exports.spaceProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { align: String, justify: {
         type: String,
         default: 'start'
-    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: {
-        type: [String, Number, Array],
-        default: 'medium'
-    }, wrapItem: {
+    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: [String, Number, Array], wrapItem: {
         type: Boolean,
         default: true
     }, itemClass: String, itemStyle: [String, Object], wrap: {
@@ -30,7 +27,11 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Space',
     props: exports.spaceProps,
     setup(props) {
-        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, mergedRtlRef, 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.Space) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
+        });
         const themeRef = (0, _mixins_1.useTheme)('Space', '-space', undefined, styles_1.spaceLight, props, mergedClsPrefixRef);
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('Space', mergedRtlRef, mergedClsPrefixRef);
         return {
@@ -38,7 +39,7 @@ exports.default = (0, vue_1.defineComponent)({
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
             margin: (0, vue_1.computed)(() => {
-                const { size } = props;
+                const size = mergedSizeRef.value;
                 if (Array.isArray(size)) {
                     return {
                         horizontal: size[0],

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

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

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

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

package/lib/spin/src/Spin.d.ts

@@ -1,10 +1,25 @@
 import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const spinProps: {
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -13,7 +28,6 @@ export declare const spinProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,10 +79,25 @@ export interface SpinSlots {
     icon?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -77,7 +106,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -135,10 +163,25 @@ 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<{
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    scale: {
+        type: NumberConstructor;
+        default: number;
+    };
+    radius: {
+        type: NumberConstructor;
+        default: number;
+    };
     contentClass: StringConstructor;
     contentStyle: PropType<CSSProperties | string>;
     description: StringConstructor;
-    stroke: StringConstructor;
     size: {
         type: PropType<"small" | "medium" | "large" | number>;
         default: string;
@@ -147,7 +190,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    strokeWidth: NumberConstructor;
     rotate: {
         type: BooleanConstructor;
         default: boolean;
@@ -194,6 +236,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     size: number | "small" | "medium" | "large";
     show: boolean;
+    stroke: string;
+    strokeWidth: number;
+    scale: number;
+    radius: number;
     rotate: boolean;
     spinning: boolean;
 }, SlotsType<SpinSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/spin/src/Spin.js

@@ -8,6 +8,7 @@ const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
 const vue_1 = require("vue");
 const _internal_1 = require("../../_internal");
+const Loading_1 = require("../../_internal/loading/src/Loading");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
@@ -17,13 +18,13 @@ const STROKE_WIDTH = {
     medium: 18,
     large: 16
 };
-exports.spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { contentClass: String, contentStyle: [Object, String], description: String, stroke: String, size: {
+exports.spinProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), { contentClass: String, contentStyle: [Object, String], description: String, size: {
         type: [String, Number],
         default: 'medium'
     }, show: {
         type: Boolean,
         default: true
-    }, strokeWidth: Number, rotate: {
+    }, rotate: {
         type: Boolean,
         default: true
     }, spinning: {
@@ -32,7 +33,7 @@ exports.spinProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
             return true;
         },
         default: undefined
-    }, delay: Number });
+    }, delay: Number }), Loading_1.exposedLoadingProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Spin',
     props: exports.spinProps,
@@ -112,7 +113,7 @@ exports.default = (0, vue_1.defineComponent)({
                     rotate && `${mergedClsPrefix}-spin--rotate`
                 ], style: $slots.default ? '' : this.cssVars }, $slots.icon()),
             descriptionNode)) : ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-spin-body`, this.themeClass] },
-            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, class: `${mergedClsPrefix}-spin` }),
+            (0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, style: $slots.default ? '' : this.cssVars, stroke: this.stroke, "stroke-width": this.mergedStrokeWidth, radius: this.radius, scale: this.scale, class: `${mergedClsPrefix}-spin` }),
             descriptionNode));
         (_b = this.onRender) === null || _b === void 0 ? void 0 : _b.call(this);
         return $slots.default ? ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-spin-container`, this.themeClass], style: this.cssVars },

package/lib/switch/index.d.ts

@@ -1,2 +1,3 @@
+export type * from './src/public-types';
 export { default as NSwitch, switchProps } from './src/Switch';
 export type { SwitchProps, SwitchSlots } from './src/Switch';