naive-ui 2.23.2 → 2.24.3

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

@@ -101,55 +101,50 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color-start': string;
         '--n-color-end': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly text?: unknown;
-    readonly round?: unknown;
-    readonly circle?: unknown;
-    readonly height?: unknown;
-    readonly width?: unknown;
-    readonly size?: unknown;
-    readonly repeat?: unknown;
-    readonly animated?: unknown;
-    readonly sharp?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    repeat: number;
-    round: boolean;
-    text: boolean;
-    circle: boolean;
-    animated: boolean;
-    sharp: boolean;
-} & {
-    size?: "small" | "medium" | "large" | undefined;
-    height?: string | number | undefined;
-    width?: string | number | undefined;
-    theme?: import("../../_mixins").Theme<"Skeleton", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    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 repeat: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly animated: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly sharp: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Skeleton", {
         color: string;
         colorEnd: string;
         borderRadius: string;
         heightSmall: string;
         heightMedium: string;
         heightLarge: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     repeat: number;
     round: boolean;
     text: boolean;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, CSSProperties } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 export interface ClosestMark {
@@ -279,9 +279,7 @@ declare const _default: import("vue").DefineComponent<{
     markInfos: import("vue").ComputedRef<{
         active: boolean;
         label: string;
-        style: {
-            [x: string]: string;
-        };
+        style: CSSProperties;
     }[]>;
     isShowTooltip: (index: number) => boolean;
     isSkipCSSDetection: (index: number) => boolean;
@@ -340,41 +338,49 @@ declare const _default: import("vue").DefineComponent<{
         '--n-rail-height': string;
         '--n-rail-width-vertical': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly defaultValue?: unknown;
-    readonly marks?: unknown;
-    readonly disabled?: unknown;
-    readonly formatTooltip?: unknown;
-    readonly min?: unknown;
-    readonly max?: unknown;
-    readonly step?: unknown;
-    readonly range?: unknown;
-    readonly value?: unknown;
-    readonly placement?: unknown;
-    readonly showTooltip?: unknown;
-    readonly tooltip?: unknown;
-    readonly vertical?: unknown;
-    readonly reverse?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    range: boolean;
-    reverse: boolean;
-    vertical: boolean;
-    tooltip: boolean;
-    step: number | "mark";
-    max: number;
-    min: number;
-    defaultValue: number | number[];
-} & {
-    value?: number | number[] | undefined;
-    disabled?: boolean | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Slider", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: PropType<number | number[]>;
+        readonly default: 0;
+    };
+    readonly marks: PropType<Record<string, string>>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly formatTooltip: PropType<(value: number) => string | number>;
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    readonly step: {
+        readonly type: PropType<number | "mark">;
+        readonly default: 1;
+    };
+    readonly range: BooleanConstructor;
+    readonly value: PropType<number | number[]>;
+    readonly placement: PropType<FollowerPlacement>;
+    readonly showTooltip: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: number & number[]) => void>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -402,8 +408,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -431,8 +437,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Slider", {
         fontSize: string;
         railColor: string;
         railColorHover: string;
@@ -460,14 +466,8 @@ declare const _default: import("vue").DefineComponent<{
         dotHeight: string;
         dotWidth: string;
         dotBorderRadius: string;
-    }, any>> | undefined;
-    placement?: FollowerPlacement | undefined;
-    "onUpdate:value"?: MaybeArray<(value: number & number[]) => void> | undefined;
-    onUpdateValue?: MaybeArray<(value: number & number[]) => void> | undefined;
-    marks?: Record<string, string> | undefined;
-    formatTooltip?: ((value: number) => string | number) | undefined;
-    showTooltip?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     range: boolean;
     reverse: boolean;
     vertical: boolean;

package/es/slider/src/Slider.js

@@ -517,7 +517,8 @@ export default defineComponent({
                             h(VTarget, null, {
                                 default: () => (h("div", { ref: this.setHandleRefs(index), class: `${mergedClsPrefix}-slider-handle`, tabindex: this.mergedDisabled ? -1 : 0, style: this.getHandleStyle(value, index), onFocus: () => this.handleHandleFocus(index), onBlur: () => this.handleHandleBlur(index), onMouseenter: () => this.handleHandleMouseEnter(index), onMouseleave: () => this.handleHandleMouseLeave(index) }))
                             }),
-                            this.tooltip && (h(VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
+                            this.tooltip && (h(VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: (this.showTooltip && !this.range) ||
+                                    this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
                                 default: () => (h(Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, css: this.isSkipCSSDetection(index), onEnter: () => this.followerEnabledIndexSet.add(index), onAfterLeave: () => this.followerEnabledIndexSet.delete(index) }, {
                                     default: () => showTooltip ? (h("div", { class: [
                                             `${mergedClsPrefix}-slider-handle-indicator`,

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

@@ -74,42 +74,39 @@ declare const _default: import("vue").DefineComponent<{
         horizontal: number;
         vertical: number;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly align?: unknown;
-    readonly justify?: unknown;
-    readonly inline?: unknown;
-    readonly vertical?: unknown;
-    readonly size?: unknown;
-    readonly itemStyle?: unknown;
-    readonly wrap?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    inline: boolean;
-    size: number | [number, number] | "small" | "medium" | "large";
-    wrap: boolean;
-    vertical: boolean;
-    justify: Justify;
-} & {
-    align?: Align | undefined;
-    theme?: import("../../_mixins").Theme<"Space", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly align: PropType<Align>;
+    readonly justify: {
+        readonly type: PropType<Justify>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly itemStyle: PropType<string | CSSProperties>;
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Space", {
         gapSmall: string;
         gapMedium: string;
         gapLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Space", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Space", {
         gapSmall: string;
         gapMedium: string;
         gapLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Space", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Space", {
         gapSmall: string;
         gapMedium: string;
         gapLarge: string;
-    }, any>> | undefined;
-    itemStyle?: string | CSSProperties | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     inline: boolean;
     size: number | [number, number] | "small" | "medium" | "large";
     wrap: boolean;

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

@@ -121,26 +121,28 @@ declare const _default: import("vue").DefineComponent<{
         '--n-color': string;
         '--n-text-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    description?: unknown;
-    stroke?: unknown;
-    size?: unknown;
-    show?: unknown;
-    strokeWidth?: unknown;
-    rotate?: unknown;
-    spinning?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: number | "small" | "medium" | "large";
-    show: boolean;
-    rotate: boolean;
-} & {
-    description?: string | undefined;
-    stroke?: string | undefined;
-    strokeWidth?: number | undefined;
-    theme?: import("../../_mixins").Theme<"Spin", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    description: StringConstructor;
+    stroke: StringConstructor;
+    size: {
+        type: PropType<number | "small" | "medium" | "large">;
+        default: string;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strokeWidth: NumberConstructor;
+    rotate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    spinning: {
+        type: BooleanConstructor;
+        validator: () => boolean;
+        default: undefined;
+    };
+    theme: PropType<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
         sizeTiny: string;
@@ -150,8 +152,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeHuge: string;
         color: string;
         opacitySpinning: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
         sizeTiny: string;
@@ -161,8 +163,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeHuge: string;
         color: string;
         opacitySpinning: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Spin", {
         fontSize: string;
         textColor: string;
         sizeTiny: string;
@@ -172,9 +174,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeHuge: string;
         color: string;
         opacitySpinning: string;
-    }, any>> | undefined;
-    spinning?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: number | "small" | "medium" | "large";
     show: boolean;
     rotate: boolean;

package/es/statistic/src/Statistic.d.ts

@@ -75,19 +75,11 @@ declare const _default: import("vue").DefineComponent<{
         '--n-value-suffix-text-color': string;
         '--n-value-text-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tabularNums?: unknown;
-    label?: unknown;
-    value?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    tabularNums: boolean;
-} & {
-    value?: string | number | undefined;
-    label?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Statistic", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabularNums: BooleanConstructor;
+    label: StringConstructor;
+    value: (StringConstructor | NumberConstructor)[];
+    theme: import("vue").PropType<import("../../_mixins").Theme<"Statistic", {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
@@ -95,8 +87,8 @@ declare const _default: import("vue").DefineComponent<{
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
         valueTextColor: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Statistic", {
+    }, any>>;
+    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Statistic", {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
@@ -104,8 +96,8 @@ declare const _default: import("vue").DefineComponent<{
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
         valueTextColor: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Statistic", {
+    }, any>>>;
+    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Statistic", {
         labelFontSize: string;
         labelFontWeight: string;
         valueFontWeight: string;
@@ -113,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
         valuePrefixTextColor: string;
         valueSuffixTextColor: string;
         valueTextColor: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     tabularNums: boolean;
 }>;
 export default _default;

package/es/statistic/src/Statistic.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, h, renderSlot } from 'vue';
+import { defineComponent, computed, h } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { statisticLight } from '../styles';
 import style from './styles/index.cssr';
@@ -34,8 +34,8 @@ export default defineComponent({
             h("div", { class: `${mergedClsPrefix}-statistic-value`, style: {
                     fontVariantNumeric: this.tabularNums ? 'tabular-nums' : ''
                 } },
-                $slots.prefix ? (h("span", { class: `${mergedClsPrefix}-statistic-value__prefix` }, renderSlot($slots, 'prefix'))) : null,
+                $slots.prefix ? (h("span", { class: `${mergedClsPrefix}-statistic-value__prefix` }, $slots.prefix())) : null,
                 this.value !== undefined ? (h("span", { class: `${mergedClsPrefix}-statistic-value__content` }, this.value)) : (h("span", { class: `${mergedClsPrefix}-statistic-value__content` }, $slots)),
-                $slots.suffix ? (h("span", { class: `${mergedClsPrefix}-statistic-value__suffix` }, renderSlot($slots, 'suffix'))) : null)));
+                $slots.suffix ? (h("span", { class: `${mergedClsPrefix}-statistic-value__suffix` }, $slots.suffix())) : null)));
     }
 });

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

@@ -39,18 +39,15 @@ declare const _default: import("vue").DefineComponent<{
         '--n-step-header-font-size': string;
         '--n-step-header-font-weight': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly status?: unknown;
-    readonly title?: unknown;
-    readonly description?: unknown;
-    readonly internalIndex?: unknown;
-} & {
-    internalIndex: number;
-} & {
-    description?: string | undefined;
-    title?: string | undefined;
-    status?: "wait" | "error" | "finish" | "process" | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly status: PropType<"wait" | "error" | "finish" | "process">;
+    readonly title: StringConstructor;
+    readonly description: StringConstructor;
+    readonly internalIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+}>>, {
     internalIndex: number;
 }>;
 export default _default;

package/es/steps/src/Step.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, inject, renderSlot } from 'vue';
+import { h, defineComponent, computed, inject } from 'vue';
 import { CheckmarkIcon as FinishedIcon, CloseIcon as ErrorIcon } from '../../_internal/icons';
 import { NIconSwitchTransition, NBaseIcon } from '../../_internal';
 import { createKey, throwError } from '../../_utils';
@@ -85,19 +85,17 @@ export default defineComponent({
                         default: () => {
                             const { mergedStatus, stepsSlots } = this;
                             return !(mergedStatus === 'finish' || mergedStatus === 'error') ? (h("div", { key: this.internalIndex, class: `${mergedClsPrefix}-step-indicator-slot__index` }, this.internalIndex)) : mergedStatus === 'finish' ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix, key: "finish" }, {
-                                default: () => renderSlot(stepsSlots, 'finish-icon', undefined, () => [h(FinishedIcon, null)])
+                                default: () => stepsSlots['finish-icon'] ? (stepsSlots['finish-icon']()) : (h(FinishedIcon, null))
                             })) : mergedStatus === 'error' ? (h(NBaseIcon, { clsPrefix: mergedClsPrefix, key: "error" }, {
-                                default: () => renderSlot(stepsSlots, 'error-icon', undefined, () => [h(ErrorIcon, null)])
+                                default: () => stepsSlots['error-icon'] ? (stepsSlots['error-icon']()) : (h(ErrorIcon, null))
                             })) : null;
                         }
                     })),
                 this.vertical ? (h("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
             h("div", { class: `${mergedClsPrefix}-step-content` },
                 h("div", { class: `${mergedClsPrefix}-step-content-header` },
-                    h("div", { class: `${mergedClsPrefix}-step-content-header__title` }, renderSlot(this.$slots, 'title', undefined, () => [this.title])),
+                    h("div", { class: `${mergedClsPrefix}-step-content-header__title` }, this.$slots.title ? this.$slots.title() : this.title),
                     !this.vertical ? (h("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-                showDescription ? (h("div", { class: `${mergedClsPrefix}-step-content__description` }, renderSlot(this.$slots, 'default', undefined, () => [
-                    this.description
-                ]))) : null)));
+                showDescription ? (h("div", { class: `${mergedClsPrefix}-step-content__description` }, this.$slots.default ? this.$slots.default() : this.description)) : null)));
     }
 });

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

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes, Ref, Slots } from 'vue';
+import { PropType, ExtractPropTypes, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { StepsTheme } from '../styles';
@@ -126,7 +126,7 @@ export interface StepsInjection {
     stepsSlots: Slots;
 }
 export declare type StepsProps = ExtractPublicPropTypes<typeof stepsProps>;
-export declare const stepsInjectionKey: InjectionKey<StepsInjection>;
+export declare const stepsInjectionKey: import("vue").InjectionKey<StepsInjection>;
 declare const _default: import("vue").DefineComponent<{
     current: NumberConstructor;
     status: {
@@ -245,20 +245,18 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    current?: unknown;
-    status?: unknown;
-    size?: unknown;
-    vertical?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium";
-    vertical: boolean;
-    status: "wait" | "error" | "finish" | "process";
-} & {
-    theme?: import("../../_mixins").Theme<"Steps", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    current: NumberConstructor;
+    status: {
+        type: PropType<"wait" | "error" | "finish" | "process">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium">;
+        default: string;
+    };
+    vertical: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -292,8 +290,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -327,8 +325,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -362,9 +360,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>> | undefined;
-    current?: number | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium";
     vertical: boolean;
     status: "wait" | "error" | "finish" | "process";

package/es/steps/src/Steps.js

@@ -2,7 +2,7 @@ import { h, defineComponent, provide } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { stepsLight } from '../styles';
 import style from './styles/index.cssr';
-import { flatten, getSlot } from '../../_utils';
+import { createInjectionKey, flatten, getSlot } from '../../_utils';
 function stepWithIndex(step, i) {
     if (typeof step !== 'object' || step === null || Array.isArray(step)) {
         return null;
@@ -22,7 +22,7 @@ const stepsProps = Object.assign(Object.assign({}, useTheme.props), { current: N
         type: String,
         default: 'medium'
     }, vertical: Boolean });
-export const stepsInjectionKey = Symbol('steps');
+export const stepsInjectionKey = createInjectionKey('n-steps');
 export default defineComponent({
     name: 'Steps',
     props: stepsProps,