naive-ui 2.43.1 → 2.44.0

package/es/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/es/space/src/Space.mjs

@@ -14,10 +14,7 @@ export const spaceProps = Object.assign(Object.assign({}, useTheme.props), {
   inline: Boolean,
   vertical: Boolean,
   reverse: Boolean,
-  size: {
-    type: [String, Number, Array],
-    default: 'medium'
-  },
+  size: [String, Number, Array],
   wrapItem: {
     type: Boolean,
     default: true
@@ -40,8 +37,13 @@ export default defineComponent({
   setup(props) {
     const {
       mergedClsPrefixRef,
-      mergedRtlRef
+      mergedRtlRef,
+      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.Space) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
+    });
     const themeRef = useTheme('Space', '-space', undefined, spaceLight, props, mergedClsPrefixRef);
     const rtlEnabledRef = useRtl('Space', mergedRtlRef, mergedClsPrefixRef);
     return {
@@ -49,9 +51,7 @@ export default defineComponent({
       rtlEnabled: rtlEnabledRef,
       mergedClsPrefix: mergedClsPrefixRef,
       margin: computed(() => {
-        const {
-          size
-        } = props;
+        const size = mergedSizeRef.value;
         if (Array.isArray(size)) {
           return {
             horizontal: size[0],

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

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

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

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

package/es/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/es/spin/src/Spin.mjs

@@ -2,6 +2,7 @@ import { pxfy } from 'seemly';
 import { useCompitable } from 'vooks';
 import { computed, defineComponent, h, ref, Transition, watchEffect } from 'vue';
 import { NBaseLoading } from "../../_internal/index.mjs";
+import { exposedLoadingProps } from "../../_internal/loading/src/Loading.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { createKey, warnOnce } from "../../_utils/index.mjs";
 import { spinLight } from "../styles/index.mjs";
@@ -11,11 +12,10 @@ const STROKE_WIDTH = {
   medium: 18,
   large: 16
 };
-export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
+export const spinProps = Object.assign(Object.assign(Object.assign({}, useTheme.props), {
   contentClass: String,
   contentStyle: [Object, String],
   description: String,
-  stroke: String,
   size: {
     type: [String, Number],
     default: 'medium'
@@ -24,7 +24,6 @@ export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Boolean,
     default: true
   },
-  strokeWidth: Number,
   rotate: {
     type: Boolean,
     default: true
@@ -37,7 +36,7 @@ export const spinProps = Object.assign(Object.assign({}, useTheme.props), {
     default: undefined
   },
   delay: Number
-});
+}), exposedLoadingProps);
 export default defineComponent({
   name: 'Spin',
   props: spinProps,
@@ -146,6 +145,8 @@ export default defineComponent({
       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);

package/es/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/es/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/es/steps/src/Step.mjs

@@ -1,4 +1,4 @@
-import { computed, defineComponent, h, inject } from 'vue';
+import { computed, defineComponent, Fragment, h, inject, toRef } from 'vue';
 import { NBaseIcon, NIconSwitchTransition } from "../../_internal/index.mjs";
 import { CloseIcon as ErrorIcon, CheckmarkIcon as FinishedIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useThemeClass } from "../../_mixins/index.mjs";
@@ -31,9 +31,8 @@ export default defineComponent({
       mergedClsPrefixRef,
       stepsSlots
     } = NSteps;
-    const verticalRef = computed(() => {
-      return stepsProps.vertical;
-    });
+    const verticalRef = toRef(stepsProps, 'vertical');
+    const contentPlacementRef = toRef(stepsProps, 'contentPlacement');
     const mergedStatusRef = computed(() => {
       const {
         status
@@ -130,7 +129,8 @@ export default 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() {
@@ -138,7 +138,9 @@ export default defineComponent({
       mergedClsPrefix,
       onRender,
       handleStepClick,
-      disabled
+      disabled,
+      contentPlacement,
+      vertical
     } = this;
     const descriptionNode = resolveWrappedSlot(this.$slots.default, children => {
       const mergedDescription = children || this.description;
@@ -149,13 +151,16 @@ export default defineComponent({
       }
       return null;
     });
-    onRender === null || onRender === void 0 ? void 0 : onRender();
-    return h("div", {
-      class: [`${mergedClsPrefix}-step`, disabled && `${mergedClsPrefix}-step--disabled`, !disabled && handleStepClick && `${mergedClsPrefix}-step--clickable`, this.themeClass, descriptionNode && `${mergedClsPrefix}-step--show-description`, `${mergedClsPrefix}-step--${this.mergedStatus}-status`],
-      style: this.cssVars,
-      onClick: handleStepClick
-    }, h("div", {
-      class: `${mergedClsPrefix}-step-indicator`
+    const splitorNode = 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.
+    h("div", {
+      class: `${mergedClsPrefix}-step-indicator`,
+      key: contentPlacement
     }, h("div", {
       class: `${mergedClsPrefix}-step-indicator-slot`
     }, h(NIconSwitchTransition, null, {
@@ -181,16 +186,27 @@ export default defineComponent({
           }) : null;
         });
       }
-    })), this.vertical ? h("div", {
-      class: `${mergedClsPrefix}-step-splitor`
-    }) : null), h("div", {
+    })), vertical ? splitorNode : null);
+    const contentNode = h("div", {
       class: `${mergedClsPrefix}-step-content`
     }, h("div", {
       class: `${mergedClsPrefix}-step-content-header`
     }, h("div", {
       class: `${mergedClsPrefix}-step-content-header__title`
-    }, resolveSlot(this.$slots.title, () => [this.title])), !this.vertical ? h("div", {
-      class: `${mergedClsPrefix}-step-splitor`
-    }) : null), descriptionNode));
+    }, resolveSlot(this.$slots.title, () => [this.title])), !vertical && contentPlacement === 'right' ? splitorNode : null), descriptionNode);
+    let stepNode;
+    if (!vertical && contentPlacement === 'bottom') {
+      stepNode = h(Fragment, null, h("div", {
+        class: `${mergedClsPrefix}-step-line`
+      }, indicatorNode, splitorNode), contentNode);
+    } else {
+      stepNode = h(Fragment, null, indicatorNode, contentNode);
+    }
+    onRender === null || onRender === void 0 ? void 0 : onRender();
+    return h("div", {
+      class: [`${mergedClsPrefix}-step`, disabled && `${mergedClsPrefix}-step--disabled`, !disabled && handleStepClick && `${mergedClsPrefix}-step--clickable`, this.themeClass, descriptionNode && `${mergedClsPrefix}-step--show-description`, `${mergedClsPrefix}-step--${this.mergedStatus}-status`],
+      style: this.cssVars,
+      onClick: handleStepClick
+    }, stepNode);
   }
 });

package/es/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/es/steps/src/Steps.mjs

@@ -25,6 +25,10 @@ export const stepsProps = Object.assign(Object.assign({}, useTheme.props), {
     default: 'medium'
   },
   vertical: Boolean,
+  contentPlacement: {
+    type: String,
+    default: 'right'
+  },
   'onUpdate:current': [Function, Array],
   onUpdateCurrent: [Function, Array]
 });
@@ -58,7 +62,7 @@ export default defineComponent({
       mergedClsPrefix
     } = this;
     return h("div", {
-      class: [`${mergedClsPrefix}-steps`, this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`, this.vertical && `${mergedClsPrefix}-steps--vertical`]
+      class: [`${mergedClsPrefix}-steps`, this.rtlEnabled && `${mergedClsPrefix}-steps--rtl`, this.vertical && `${mergedClsPrefix}-steps--vertical`, this.contentPlacement === 'bottom' && `${mergedClsPrefix}-steps--content-bottom`]
     }, stepsWithIndex(flatten(getSlot(this))));
   }
 });

package/es/steps/src/styles/index.cssr.mjs

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

package/es/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/es/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/es/switch/src/Switch.mjs

@@ -7,10 +7,7 @@ import { call, createKey, isSlotEmpty, resolveWrappedSlot, warnOnce } from "../.
 import { switchLight } from "../styles/index.mjs";
 import style from "./styles/index.cssr.mjs";
 export const switchProps = Object.assign(Object.assign({}, useTheme.props), {
-  size: {
-    type: String,
-    default: 'medium'
-  },
+  size: String,
   value: {
     type: [String, Number, Boolean],
     default: undefined
@@ -43,6 +40,7 @@ export const switchProps = Object.assign(Object.assign({}, useTheme.props), {
     type: Boolean,
     default: true
   },
+  spinProps: Object,
   /** @deprecated */
   onChange: [Function, Array]
 });
@@ -74,10 +72,22 @@ export default defineComponent({
     }
     const {
       mergedClsPrefixRef,
-      inlineThemeDisabled
+      inlineThemeDisabled,
+      mergedComponentPropsRef
     } = useConfig(props);
     const themeRef = useTheme('Switch', '-switch', style, switchLight, props, mergedClsPrefixRef);
-    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.Switch) === null || _b === void 0 ? void 0 : _b.size;
+        if (configSize) return configSize;
+        return 'medium';
+      }
+    });
     const {
       mergedSizeRef,
       mergedDisabledRef
@@ -299,11 +309,11 @@ export default defineComponent({
       class: `${mergedClsPrefix}-switch__button`
     }, resolveWrappedSlot(iconSlot, icon => resolveWrappedSlot(checkedIconSlot, checkedIcon => resolveWrappedSlot(uncheckedIconSlot, uncheckedIcon => {
       return h(NIconSwitchTransition, null, {
-        default: () => this.loading ? h(NBaseLoading, {
+        default: () => this.loading ? h(NBaseLoading, Object.assign({
           key: "loading",
           clsPrefix: mergedClsPrefix,
           strokeWidth: 20
-        }) : this.checked && (checkedIcon || icon) ? h("div", {
+        }, this.spinProps)) : this.checked && (checkedIcon || icon) ? h("div", {
           class: `${mergedClsPrefix}-switch__button-icon`,
           key: checkedIcon ? 'checked-icon' : 'icon'
         }, checkedIcon || icon) : !this.checked && (uncheckedIcon || icon) ? h("div", {

package/es/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/es/switch/src/public-types.mjs

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

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