naive-ui 2.24.0 → 2.24.4

package/lib/select/src/Select.js

@@ -65,6 +65,9 @@ const selectProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     onUpdateValue: [Function, Array], onBlur: [Function, Array], onClear: [Function, Array], onFocus: [Function, Array], onScroll: [Function, Array], onSearch: [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:show': [Function, Array], displayDirective: {
         type: String,
         default: 'show'
+    }, resetMenuOnOptionsChange: {
+        type: Boolean,
+        default: true
     }, 
     /** deprecated */
     onChange: [Function, Array], items: Array });
@@ -528,34 +531,21 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             void (0, vue_1.nextTick)(syncPosition);
         });
-        return {
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedBordered: mergedBorderedRef,
-            namespace: namespaceRef,
-            treeMate: treeMateRef,
-            isMounted: (0, vooks_1.useIsMounted)(),
-            triggerRef,
-            menuRef,
-            pattern: patternRef,
-            uncontrolledShow: uncontrolledShowRef,
-            mergedShow: mergedShowRef,
-            adjustedTo: (0, _utils_1.useAdjustedTo)(props),
-            uncontrolledValue: uncontrolledValueRef,
-            mergedValue: mergedValueRef,
-            followerRef,
-            localizedPlaceholder: localizedPlaceholderRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            focused: focusedRef,
-            handleMenuFocus,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = triggerRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { mergedClsPrefix: mergedClsPrefixRef, mergedBordered: mergedBorderedRef, namespace: namespaceRef, treeMate: treeMateRef, isMounted: (0, vooks_1.useIsMounted)(), triggerRef,
+            menuRef, pattern: patternRef, uncontrolledShow: uncontrolledShowRef, mergedShow: mergedShowRef, adjustedTo: (0, _utils_1.useAdjustedTo)(props), uncontrolledValue: uncontrolledValueRef, mergedValue: mergedValueRef, followerRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, focused: focusedRef, handleMenuFocus,
             handleMenuBlur,
             handleMenuTabOut,
-            handleTriggerClick,
-            handleToggle: handleToggleByTmNode,
-            handleDeleteOption: handleToggleByOption,
-            handlePatternInput,
+            handleTriggerClick, handleToggle: handleToggleByTmNode, handleDeleteOption: handleToggleByOption, handlePatternInput,
             handleClear,
             handleTriggerBlur,
             handleTriggerFocus,
@@ -564,26 +554,21 @@ exports.default = (0, vue_1.defineComponent)({
             syncPosition,
             handleMenuAfterLeave,
             handleMenuClickOutside,
-            handleMenuScroll,
-            handleMenuKeyup: handleKeyUp,
-            handleMenuKeydown: handleKeyDown,
-            handleMenuMousedown,
-            mergedTheme: themeRef,
-            cssVars: (0, vue_1.computed)(() => {
+            handleMenuScroll, handleMenuKeyup: handleKeyUp, handleMenuKeydown: handleKeyDown, handleMenuMousedown, mergedTheme: themeRef, cssVars: (0, vue_1.computed)(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
                     '--n-menu-box-shadow': menuBoxShadow
                 };
-            })
-        };
+            }) });
     },
     render() {
-        const { $slots, mergedClsPrefix } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-select` },
+        return ((0, vue_1.h)("div", { class: `${this.mergedClsPrefix}-select` },
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", inputProps: this.inputProps, clsPrefix: mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerRef", inputProps: this.inputProps, clsPrefix: this.mergedClsPrefix, showArrow: this.showArrow, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, renderTag: this.renderTag, renderLabel: this.renderLabel, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, loading: this.loading, focused: this.focused, onClick: this.handleTriggerClick, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onBlur: this.handleTriggerBlur, onFocus: this.handleTriggerFocus, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }, {
+                            arrow: () => { var _a, _b; return (_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                        }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerRef", show: this.mergedShow, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, containerClass: this.namespace, width: this.consistentMenuWidth ? 'target' : undefined, minWidth: "target", placement: this.placement }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, onAfterLeave: this.handleMenuAfterLeave }, {
@@ -592,10 +577,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 return (this.mergedShow ||
                                     this.displayDirective === 'show') &&
                                     (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, Object.assign({}, this.menuProps, { ref: "menuRef", virtualScroll: this.consistentMenuWidth && this.virtualScroll, class: [
-                                            `${mergedClsPrefix}-select-menu`,
+                                            `${this.mergedClsPrefix}-select-menu`,
                                             (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.class
-                                        ], clsPrefix: mergedClsPrefix, focusable: true, autoPending: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                            .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: 'medium', renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyup, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow }), $slots), this.displayDirective === 'show'
+                                        ], clsPrefix: this.mergedClsPrefix, focusable: true, autoPending: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
+                                            .InternalSelectMenu, treeMate: this.treeMate, multiple: this.multiple, size: 'medium', renderOption: this.renderOption, renderLabel: this.renderLabel, value: this.mergedValue, style: [(_b = this.menuProps) === null || _b === void 0 ? void 0 : _b.style, this.cssVars], onToggle: this.handleToggle, onScroll: this.handleMenuScroll, onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyup, onKeydown: this.handleMenuKeydown, onTabOut: this.handleMenuTabOut, onMousedown: this.handleMenuMousedown, show: this.mergedShow, resetMenuOnOptionsChange: this.resetMenuOnOptionsChange }), this.$slots), this.displayDirective === 'show'
                                         ? [
                                             [vue_1.vShow, this.mergedShow],
                                             [vdirs_1.clickoutside, this.handleMenuClickOutside]

package/lib/select/src/interface.d.ts

@@ -42,3 +42,7 @@ export declare type SelectGroupOption = (SelectGroupOptionBase & {
 }) | (SelectGroupOptionBase & {
     key: string | number;
 });
+export interface SelectInst {
+    focus: () => void;
+    blur: () => void;
+}

package/lib/select/styles/light.d.ts

@@ -55,6 +55,7 @@ declare const selectLight: import("../../_mixins").Theme<"Select", {
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {

package/lib/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/lib/slider/src/Slider.d.ts

@@ -338,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;
@@ -400,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;
@@ -429,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;
@@ -458,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/lib/slider/src/Slider.js

@@ -522,7 +522,8 @@ exports.default = (0, vue_1.defineComponent)({
                             (0, vue_1.h)(vueuc_1.VTarget, null, {
                                 default: () => ((0, vue_1.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 && ((0, vue_1.h)(vueuc_1.VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
+                            this.tooltip && ((0, vue_1.h)(vueuc_1.VFollower, { ref: this.setFollowerRefs(index), show: showTooltip, to: this.adjustedTo, enabled: (this.showTooltip && !this.range) ||
+                                    this.followerEnabledIndexSet.has(index), teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, placement: this.mergedPlacement, containerClass: this.namespace }, {
                                 default: () => ((0, vue_1.h)(vue_1.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 ? ((0, vue_1.h)("div", { class: [
                                             `${mergedClsPrefix}-slider-handle-indicator`,

package/lib/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/lib/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/lib/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/lib/statistic/src/Statistic.js

@@ -39,8 +39,8 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-statistic-value`, style: {
                     fontVariantNumeric: this.tabularNums ? 'tabular-nums' : ''
                 } },
-                $slots.prefix ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__prefix` }, (0, vue_1.renderSlot)($slots, 'prefix'))) : null,
+                $slots.prefix ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__prefix` }, $slots.prefix())) : null,
                 this.value !== undefined ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__content` }, this.value)) : ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__content` }, $slots)),
-                $slots.suffix ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__suffix` }, (0, vue_1.renderSlot)($slots, 'suffix'))) : null)));
+                $slots.suffix ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-statistic-value__suffix` }, $slots.suffix())) : null)));
     }
 });

package/lib/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/lib/steps/src/Step.js

@@ -87,19 +87,17 @@ exports.default = (0, vue_1.defineComponent)({
                         default: () => {
                             const { mergedStatus, stepsSlots } = this;
                             return !(mergedStatus === 'finish' || mergedStatus === 'error') ? ((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, vue_1.renderSlot)(stepsSlots, 'finish-icon', undefined, () => [(0, vue_1.h)(icons_1.CheckmarkIcon, null)])
+                                default: () => stepsSlots['finish-icon'] ? (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, vue_1.renderSlot)(stepsSlots, 'error-icon', undefined, () => [(0, vue_1.h)(icons_1.CloseIcon, null)])
+                                default: () => stepsSlots['error-icon'] ? (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, vue_1.renderSlot)(this.$slots, 'title', undefined, () => [this.title])),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content-header__title` }, this.$slots.title ? this.$slots.title() : this.title),
                     !this.vertical ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-splitor` })) : null),
-                showDescription ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content__description` }, (0, vue_1.renderSlot)(this.$slots, 'default', undefined, () => [
-                    this.description
-                ]))) : null)));
+                showDescription ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-step-content__description` }, this.$slots.default ? this.$slots.default() : this.description)) : null)));
     }
 });