naive-ui 2.43.1 → 2.44.0

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;
@@ -139,12 +131,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         gapLarge: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    readonly inline: boolean;
-    readonly size: number | [number, number] | "small" | "medium" | "large";
     readonly reverse: boolean;
-    readonly wrap: boolean;
     readonly vertical: boolean;
+    readonly inline: boolean;
     readonly justify: Justify;
+    readonly wrap: boolean;
     readonly wrapItem: boolean;
     readonly internalUseGap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -171,9 +171,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     readonly disabled: boolean;
     readonly max: string | number;
+    readonly defaultSize: string | number;
     readonly direction: "horizontal" | "vertical";
     readonly min: string | number;
-    readonly defaultSize: string | number;
     readonly resizeTriggerSize: number;
 }, SlotsType<SplitSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/steps/src/Step.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     stepsSlots: import("./Steps").StepsSlots;
     mergedClsPrefix: import("vue").Ref<string, string>;
-    vertical: import("vue").ComputedRef<boolean>;
+    vertical: import("vue").Ref<boolean, boolean>;
     mergedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
     handleStepClick: import("vue").ComputedRef<(() => void) | undefined>;
     cssVars: import("vue").ComputedRef<{
@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }> | undefined;
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
+    contentPlacement: import("vue").Ref<"bottom" | "right", "bottom" | "right">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly status: PropType<"process" | "finish" | "error" | "wait">;
     readonly title: StringConstructor;

package/lib/steps/src/Step.js

@@ -28,9 +28,8 @@ exports.default = (0, vue_1.defineComponent)({
             (0, _utils_1.throwError)('step', '`n-step` must be placed inside `n-steps`.');
         const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
         const { props: stepsProps, mergedThemeRef, mergedClsPrefixRef, stepsSlots } = NSteps;
-        const verticalRef = (0, vue_1.computed)(() => {
-            return stepsProps.vertical;
-        });
+        const verticalRef = (0, vue_1.toRef)(stepsProps, 'vertical');
+        const contentPlacementRef = (0, vue_1.toRef)(stepsProps, 'contentPlacement');
         const mergedStatusRef = (0, vue_1.computed)(() => {
             const { status } = props;
             if (status) {
@@ -102,11 +101,12 @@ exports.default = (0, vue_1.defineComponent)({
             handleStepClick,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            contentPlacement: contentPlacementRef
         };
     },
     render() {
-        const { mergedClsPrefix, onRender, handleStepClick, disabled } = this;
+        const { mergedClsPrefix, onRender, handleStepClick, disabled, contentPlacement, vertical } = this;
         const descriptionNode = (0, _utils_1.resolveWrappedSlot)(this.$slots.default, (children) => {
             const mergedDescription = children || this.description;
             if (mergedDescription) {
@@ -114,6 +114,48 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return null;
         });
+        const splitorNode = (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` });
+        const indicatorNode = (
+        // We need a key here to prevent reconcile progress from affecting styling.
+        // A DOM can be reused so if it is used both for A component & B component,
+        // the styling transition bewteen two components may be incorrect.
+        (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator`, key: contentPlacement },
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator-slot` },
+                (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
+                    default: () => {
+                        return (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (icon) => {
+                            const { mergedStatus, stepsSlots } = this;
+                            return !(mergedStatus === 'finish' || mergedStatus === 'error') ? (icon || ((0, vue_1.h)("div", { key: this.internalIndex, class: `${mergedClsPrefix}-step-indicator-slot__index` }, this.internalIndex))) : mergedStatus === 'finish' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "finish" }, {
+                                default: () => (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
+                                    (0, vue_1.h)(icons_1.CheckmarkIcon, null)
+                                ])
+                            })) : mergedStatus === 'error' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "error" }, {
+                                default: () => (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
+                                    (0, vue_1.h)(icons_1.CloseIcon, null)
+                                ])
+                            })) : null;
+                        });
+                    }
+                })),
+            vertical ? splitorNode : null));
+        const contentNode = ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content` },
+            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header` },
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, (0, _utils_1.resolveSlot)(this.$slots.title, () => [this.title])),
+                !vertical && contentPlacement === 'right' ? splitorNode : null),
+            descriptionNode));
+        let stepNode;
+        if (!vertical && contentPlacement === 'bottom') {
+            stepNode = ((0, vue_1.h)(vue_1.Fragment, null,
+                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-line` },
+                    indicatorNode,
+                    splitorNode),
+                contentNode));
+        }
+        else {
+            stepNode = ((0, vue_1.h)(vue_1.Fragment, null,
+                indicatorNode,
+                contentNode));
+        }
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-step`,
@@ -122,30 +164,6 @@ exports.default = (0, vue_1.defineComponent)({
                 this.themeClass,
                 descriptionNode && `${mergedClsPrefix}-step--show-description`,
                 `${mergedClsPrefix}-step--${this.mergedStatus}-status`
-            ], style: this.cssVars, onClick: handleStepClick },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-indicator-slot` },
-                    (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => {
-                            return (0, _utils_1.resolveWrappedSlot)(this.$slots.icon, (icon) => {
-                                const { mergedStatus, stepsSlots } = this;
-                                return !(mergedStatus === 'finish' || mergedStatus === 'error') ? (icon || ((0, vue_1.h)("div", { key: this.internalIndex, class: `${mergedClsPrefix}-step-indicator-slot__index` }, this.internalIndex))) : mergedStatus === 'finish' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "finish" }, {
-                                    default: () => (0, _utils_1.resolveSlot)(stepsSlots['finish-icon'], () => [
-                                        (0, vue_1.h)(icons_1.CheckmarkIcon, null)
-                                    ])
-                                })) : mergedStatus === 'error' ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, key: "error" }, {
-                                    default: () => (0, _utils_1.resolveSlot)(stepsSlots['error-icon'], () => [
-                                        (0, vue_1.h)(icons_1.CloseIcon, null)
-                                    ])
-                                })) : null;
-                            });
-                        }
-                    })),
-                this.vertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content` },
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header` },
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, (0, _utils_1.resolveSlot)(this.$slots.title, () => [this.title])),
-                    !this.vertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-                descriptionNode)));
+            ], style: this.cssVars, onClick: handleStepClick }, stepNode));
     }
 });

package/lib/steps/src/Steps.d.ts

@@ -13,6 +13,10 @@ export declare const stepsProps: {
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -145,6 +149,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -266,6 +274,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     vertical: BooleanConstructor;
+    contentPlacement: {
+        type: PropType<"right" | "bottom">;
+        default: string;
+    };
     'onUpdate:current': PropType<MaybeArray<(current: number) => void>>;
     onUpdateCurrent: PropType<MaybeArray<(current: number) => void>>;
     theme: PropType<import("../../_mixins").Theme<"Steps", {
@@ -377,5 +389,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     size: "small" | "medium";
     status: "error" | "wait" | "finish" | "process";
     vertical: boolean;
+    contentPlacement: "bottom" | "right";
 }, SlotsType<StepsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/steps/src/Steps.js

@@ -27,7 +27,10 @@ exports.stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, size: {
         type: String,
         default: 'medium'
-    }, vertical: Boolean, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
+    }, vertical: Boolean, contentPlacement: {
+        type: String,
+        default: 'right'
+    }, 'onUpdate:current': [Function, Array], onUpdateCurrent: [Function, Array] });
 exports.stepsInjectionKey = (0, _utils_1.createInjectionKey)('n-steps');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
@@ -53,7 +56,9 @@ exports.default = (0, vue_1.defineComponent)({
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-steps`,
                 this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`,
-                this.vertical && `${mergedClsPrefix}-steps--vertical`
+                this.vertical && `${mergedClsPrefix}-steps--vertical`,
+                this.contentPlacement === 'bottom'
+                    && `${mergedClsPrefix}-steps--content-bottom`
             ] }, stepsWithIndex((0, _utils_1.flatten)((0, _utils_1.getSlot)(this)))));
     }
 });

package/lib/steps/src/styles/index.cssr.js

@@ -104,4 +104,11 @@ exports.default = (0, cssr_1.cB)('steps', `
  margin: 0 !important;
  left: calc(var(--n-indicator-size) / 2);
  height: calc(100% - var(--n-indicator-size));
- `)])]), (0, cssr_1.cB)('step-content', [(0, cssr_1.cE)('description', 'margin-top: 8px;')])])])])])]);
+ `)])]), (0, cssr_1.cB)('step-content', [(0, cssr_1.cE)('description', 'margin-top: 8px;')])])])])]), (0, cssr_1.cM)('content-bottom', [(0, cssr_1.cNotM)('vertical', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step', 'flex-direction: column', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-line', 'display: flex;', [(0, cssr_1.c)('>', [(0, cssr_1.cB)('step-splitor', `
+ margin-top: 0;
+ align-self: center;
+ `)])])]), (0, cssr_1.c)('>', [(0, cssr_1.cB)('step-content', 'margin-top: calc(var(--n-indicator-size) / 2 - var(--n-step-header-font-size) / 2);', [(0, cssr_1.cB)('step-content-header', `
+ margin-left: 0;
+ `), (0, cssr_1.cB)('step-content__description', `
+ margin-left: 0;
+ `)])])])])])])]);

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

package/lib/switch/src/Switch.d.ts

@@ -1,11 +1,9 @@
 import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue } from './interface';
+import type { SwitchSize, SwitchSpinProps } from './public-types';
 export declare const switchProps: {
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -41,6 +39,7 @@ export declare const switchProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -142,7 +141,6 @@ export declare const switchProps: {
 };
 export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>;
 export interface SwitchSlots {
-    default?: () => VNode[];
     checked?: () => VNode[];
     'checked-icon'?: () => VNode[];
     icon?: () => VNode[];
@@ -150,10 +148,7 @@ export interface SwitchSlots {
     'unchecked-icon'?: () => VNode[];
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -189,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -324,10 +320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: PropType<"small" | "medium" | "large">;
-        readonly default: "medium";
-    };
+    readonly size: PropType<SwitchSize>;
     readonly value: {
         readonly type: PropType<string | number | boolean | undefined>;
         readonly default: undefined;
@@ -363,6 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly spinProps: PropType<SwitchSpinProps>;
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -463,11 +457,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, any>>>;
 }>> & Readonly<{}>, {
     readonly value: string | number | boolean | undefined;
-    readonly size: "small" | "medium" | "large";
     readonly disabled: boolean | undefined;
-    readonly round: boolean;
-    readonly loading: boolean;
     readonly defaultValue: string | number | boolean;
+    readonly loading: boolean;
+    readonly round: boolean;
     readonly checkedValue: string | number | boolean;
     readonly uncheckedValue: string | number | boolean;
     readonly rubberBand: boolean;

package/lib/switch/src/Switch.js

@@ -12,10 +12,7 @@ const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
-        type: String,
-        default: 'medium'
-    }, value: {
+exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, value: {
         type: [String, Number, Boolean],
         default: undefined
     }, loading: Boolean, defaultValue: {
@@ -36,7 +33,7 @@ exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, railStyle: Function, rubberBand: {
         type: Boolean,
         default: true
-    }, 
+    }, spinProps: Object, 
     /** @deprecated */
     onChange: [Function, Array] });
 let supportCssMax;
@@ -67,9 +64,22 @@ exports.default = (0, vue_1.defineComponent)({
                 supportCssMax = true;
             }
         }
-        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Switch', '-switch', index_cssr_1.default, styles_1.switchLight, props, mergedClsPrefixRef);
-        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.Switch) === null || _b === void 0 ? void 0 : _b.size;
+                if (configSize)
+                    return configSize;
+                return 'medium';
+            }
+        });
         const { mergedSizeRef, mergedDisabledRef } = formItem;
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
@@ -244,7 +254,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button` },
                     (0, _utils_1.resolveWrappedSlot)(iconSlot, icon => (0, _utils_1.resolveWrappedSlot)(checkedIconSlot, checkedIcon => (0, _utils_1.resolveWrappedSlot)(uncheckedIconSlot, (uncheckedIcon) => {
                         return ((0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                            default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 })) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
+                            default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 }, this.spinProps))) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
                         }));
                     }))),
                     (0, _utils_1.resolveWrappedSlot)(checkedSlot, children => children && ((0, vue_1.h)("div", { key: "checked", class: `${mergedClsPrefix}-switch__checked` }, children))),

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

@@ -0,0 +1,3 @@
+import type { SharedSpinProps } from '../../_internal';
+export type SwitchSize = 'small' | 'medium' | 'large';
+export type SwitchSpinProps = SharedSpinProps;

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

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

package/lib/table/index.d.ts

@@ -1,3 +1,4 @@
+export type * from './src/public-types';
 export { default as NTable, tableProps } from './src/Table';
 export type { TableProps } from './src/Table';
 export { default as NTbody } from './src/Tbody';