vant 3.2.4 → 3.2.5

package/es/skeleton/Skeleton.js

@@ -1,27 +1,21 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { addUnit, truthProp, getSizeStyle, createNamespace } from '../utils';
+import { addUnit, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 var [name, bem] = createNamespace('skeleton');
 var DEFAULT_ROW_WIDTH = '100%';
 var DEFAULT_LAST_ROW_WIDTH = '60%';
 export default defineComponent({
   name,
   props: {
+    row: makeNumericProp(0),
     title: Boolean,
     round: Boolean,
     avatar: Boolean,
     loading: truthProp,
     animate: truthProp,
-    avatarSize: [Number, String],
-    titleWidth: [Number, String],
-    row: {
-      type: [Number, String],
-      default: 0
-    },
-    avatarShape: {
-      type: String,
-      default: 'round'
-    },
+    avatarSize: numericProp,
+    titleWidth: numericProp,
+    avatarShape: makeStringProp('round'),
     rowWidth: {
       type: [Number, String, Array],
       default: DEFAULT_ROW_WIDTH

package/es/skeleton/index.d.ts

@@ -1,4 +1,9 @@
+import { SkeletonAvatarShape } from './Skeleton';
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -12,13 +17,9 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     };
     avatarSize: (NumberConstructor | StringConstructor)[];
     titleWidth: (NumberConstructor | StringConstructor)[];
-    row: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     avatarShape: {
-        type: import("vue").PropType<"round" | "square">;
-        default: string;
+        type: import("vue").PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
     };
     rowWidth: {
         type: import("vue").PropType<string | number | (string | number)[]>;
@@ -27,6 +28,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
 }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    row?: unknown;
     title?: unknown;
     round?: unknown;
     avatar?: unknown;
@@ -34,7 +36,6 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     animate?: unknown;
     avatarSize?: unknown;
     titleWidth?: unknown;
-    row?: unknown;
     avatarShape?: unknown;
     rowWidth?: unknown;
 } & {
@@ -44,7 +45,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 } & {
     avatarSize?: string | number | undefined;
@@ -56,7 +57,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
+export type { SkeletonAvatarShape };

package/es/slider/Slider.d.ts

@@ -2,15 +2,6 @@ import { PropType } from 'vue';
 declare type NumberRange = [number, number];
 declare type SliderValue = number | NumberRange;
 declare const _default: import("vue").DefineComponent<{
-    range: BooleanConstructor;
-    reverse: BooleanConstructor;
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    vertical: BooleanConstructor;
-    barHeight: (NumberConstructor | StringConstructor)[];
-    buttonSize: (NumberConstructor | StringConstructor)[];
-    activeColor: StringConstructor;
-    inactiveColor: StringConstructor;
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -23,11 +14,23 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    range: BooleanConstructor;
+    reverse: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    vertical: BooleanConstructor;
+    barHeight: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
     modelValue: {
         type: PropType<SliderValue>;
         default: number;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "drag-end" | "drag-start")[], "update:modelValue" | "change" | "drag-end" | "drag-start", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    step?: unknown;
     range?: unknown;
     reverse?: unknown;
     disabled?: unknown;
@@ -37,16 +40,13 @@ declare const _default: import("vue").DefineComponent<{
     buttonSize?: unknown;
     activeColor?: unknown;
     inactiveColor?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     modelValue?: unknown;
 } & {
     reverse: boolean;
     max: string | number;
     disabled: boolean;
-    readonly: boolean;
     modelValue: SliderValue;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -65,8 +65,8 @@ declare const _default: import("vue").DefineComponent<{
     reverse: boolean;
     max: string | number;
     disabled: boolean;
-    readonly: boolean;
     modelValue: SliderValue;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;

package/es/slider/Slider.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue'; // Utils
 
-import { clamp, addUnit, addNumber, getSizeStyle, preventDefault, stopPropagation, createNamespace } from '../utils'; // Composables
+import { clamp, addUnit, addNumber, numericProp, getSizeStyle, preventDefault, stopPropagation, createNamespace, makeNumericProp } from '../utils'; // Composables
 
 import { useRect, useCustomFieldValue } from '@vant/use';
 import { useTouch } from '../composables/use-touch';
@@ -9,27 +9,18 @@ var [name, bem] = createNamespace('slider');
 export default defineComponent({
   name,
   props: {
+    min: makeNumericProp(0),
+    max: makeNumericProp(100),
+    step: makeNumericProp(1),
     range: Boolean,
     reverse: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     vertical: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
+    barHeight: numericProp,
+    buttonSize: numericProp,
     activeColor: String,
     inactiveColor: String,
-    min: {
-      type: [Number, String],
-      default: 0
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
     modelValue: {
       type: [Number, Array],
       default: 0
@@ -42,8 +33,8 @@ export default defineComponent({
     slots
   }) {
     var buttonIndex;
+    var current;
     var startValue;
-    var currentValue;
     var root = ref();
     var dragStatus = ref();
     var touch = useTouch();
@@ -200,12 +191,12 @@ export default defineComponent({
       }
 
       touch.start(event);
-      currentValue = props.modelValue;
+      current = props.modelValue;
 
-      if (isRange(currentValue)) {
-        startValue = currentValue.map(format);
+      if (isRange(current)) {
+        startValue = current.map(format);
       } else {
-        startValue = format(currentValue);
+        startValue = format(current);
       }
 
       dragStatus.value = 'start';
@@ -234,12 +225,12 @@ export default defineComponent({
 
       if (isRange(startValue)) {
         var index = props.reverse ? 1 - buttonIndex : buttonIndex;
-        currentValue[index] = startValue[index] + diff;
+        current[index] = startValue[index] + diff;
       } else {
-        currentValue = startValue + diff;
+        current = startValue + diff;
       }
 
-      updateValue(currentValue);
+      updateValue(current);
     };
 
     var onTouchEnd = event => {
@@ -248,7 +239,7 @@ export default defineComponent({
       }
 
       if (dragStatus.value === 'dragging') {
-        updateValue(currentValue, true);
+        updateValue(current, true);
         emit('drag-end', event);
       }
 
@@ -288,13 +279,13 @@ export default defineComponent({
     };
 
     var renderButton = index => {
-      var currentValue = typeof index === 'number' ? props.modelValue[index] : props.modelValue;
+      var current = typeof index === 'number' ? props.modelValue[index] : props.modelValue;
       return _createVNode("div", {
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled || props.readonly ? -1 : 0,
         "aria-valuemin": +props.min,
-        "aria-valuenow": currentValue,
+        "aria-valuenow": current,
         "aria-valuemax": +props.max,
         "aria-orientation": props.vertical ? 'vertical' : 'horizontal',
         "onTouchstart": event => {
@@ -309,7 +300,7 @@ export default defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
-      }, [renderButtonContent(currentValue, index)]);
+      }, [renderButtonContent(current, index)]);
     }; // format initial value
 
 

package/es/slider/index.d.ts

@@ -1,13 +1,4 @@
 export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
-    range: BooleanConstructor;
-    reverse: BooleanConstructor;
-    disabled: BooleanConstructor;
-    readonly: BooleanConstructor;
-    vertical: BooleanConstructor;
-    barHeight: (NumberConstructor | StringConstructor)[];
-    buttonSize: (NumberConstructor | StringConstructor)[];
-    activeColor: StringConstructor;
-    inactiveColor: StringConstructor;
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -20,11 +11,23 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    range: BooleanConstructor;
+    reverse: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    vertical: BooleanConstructor;
+    barHeight: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
     modelValue: {
         type: import("vue").PropType<number | [number, number]>;
         default: number;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "drag-end" | "drag-start")[], "update:modelValue" | "change" | "drag-end" | "drag-start", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    step?: unknown;
     range?: unknown;
     reverse?: unknown;
     disabled?: unknown;
@@ -34,16 +37,13 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     buttonSize?: unknown;
     activeColor?: unknown;
     inactiveColor?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     modelValue?: unknown;
 } & {
     reverse: boolean;
     max: string | number;
     disabled: boolean;
-    readonly: boolean;
     modelValue: number | [number, number];
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -62,8 +62,8 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     reverse: boolean;
     max: string | number;
     disabled: boolean;
-    readonly: boolean;
     modelValue: number | [number, number];
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;

package/es/stepper/Stepper.d.ts

@@ -2,6 +2,22 @@ import { PropType } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
 declare const _default: import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     theme: PropType<StepperTheme>;
     integer: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -30,28 +46,16 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus: BooleanConstructor;
     disableInput: BooleanConstructor;
     beforeChange: PropType<Interceptor>;
-    decimalLength: (NumberConstructor | StringConstructor)[];
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    min: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    max: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    step: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     defaultValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    decimalLength: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    name?: unknown;
+    step?: unknown;
     theme?: unknown;
     integer?: unknown;
     disabled?: unknown;
@@ -68,12 +72,8 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus?: unknown;
     disableInput?: unknown;
     beforeChange?: unknown;
-    decimalLength?: unknown;
-    name?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     defaultValue?: unknown;
+    decimalLength?: unknown;
 } & {
     name: string | number;
     max: string | number;
@@ -91,8 +91,8 @@ declare const _default: import("vue").DefineComponent<{
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     theme?: StepperTheme | undefined;
     beforeChange?: Interceptor | undefined;
     buttonSize?: string | number | undefined;

package/es/stepper/Stepper.js

@@ -1,20 +1,22 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";
 import { ref, watch, computed, defineComponent, nextTick } from 'vue'; // Utils
 
-import { isDef, addUnit, addNumber, truthProp, resetScroll, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor } from '../utils'; // Composables
+import { isDef, addUnit, addNumber, truthProp, resetScroll, numericProp, formatNumber, getSizeStyle, preventDefault, createNamespace, callInterceptor, makeNumericProp } from '../utils'; // Composables
 
 import { useCustomFieldValue } from '@vant/use';
 var [name, bem] = createNamespace('stepper');
 var LONG_PRESS_INTERVAL = 200;
 var LONG_PRESS_START_TIME = 600;
 
-function equal(value1, value2) {
-  return String(value1) === String(value2);
-}
+var isEqual = (value1, value2) => String(value1) === String(value2);
 
 export default defineComponent({
   name,
   props: {
+    min: makeNumericProp(1),
+    max: makeNumericProp(Infinity),
+    name: makeNumericProp(''),
+    step: makeNumericProp(1),
     theme: String,
     integer: Boolean,
     disabled: Boolean,
@@ -23,35 +25,16 @@ export default defineComponent({
     showInput: truthProp,
     longPress: truthProp,
     allowEmpty: Boolean,
-    modelValue: [Number, String],
-    inputWidth: [Number, String],
-    buttonSize: [Number, String],
+    modelValue: numericProp,
+    inputWidth: numericProp,
+    buttonSize: numericProp,
     placeholder: String,
     disablePlus: Boolean,
     disableMinus: Boolean,
     disableInput: Boolean,
     beforeChange: Function,
-    decimalLength: [Number, String],
-    name: {
-      type: [Number, String],
-      default: ''
-    },
-    min: {
-      type: [Number, String],
-      default: 1
-    },
-    max: {
-      type: [Number, String],
-      default: Infinity
-    },
-    step: {
-      type: [Number, String],
-      default: 1
-    },
-    defaultValue: {
-      type: [Number, String],
-      default: 1
-    }
+    defaultValue: makeNumericProp(1),
+    decimalLength: numericProp
   },
   emits: ['plus', 'blur', 'minus', 'focus', 'change', 'overlimit', 'update:modelValue'],
 
@@ -88,7 +71,7 @@ export default defineComponent({
       var defaultValue = (_props$modelValue = props.modelValue) != null ? _props$modelValue : props.defaultValue;
       var value = format(defaultValue);
 
-      if (!equal(value, props.modelValue)) {
+      if (!isEqual(value, props.modelValue)) {
         emit('update:modelValue', value);
       }
 
@@ -109,7 +92,7 @@ export default defineComponent({
     var check = () => {
       var value = format(current.value);
 
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = value;
       }
     };
@@ -159,7 +142,7 @@ export default defineComponent({
 
       if (props.beforeChange) {
         input.value = String(current.value);
-      } else if (!equal(value, formatted)) {
+      } else if (!isEqual(value, formatted)) {
         input.value = formatted;
       } // prefer number type
 
@@ -247,7 +230,7 @@ export default defineComponent({
 
     watch([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
     watch(() => props.modelValue, value => {
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = format(value);
       }
     });

package/es/stepper/index.d.ts

@@ -1,5 +1,21 @@
 import { StepperTheme } from './Stepper';
 export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     theme: import("vue").PropType<StepperTheme>;
     integer: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -28,28 +44,16 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus: BooleanConstructor;
     disableInput: BooleanConstructor;
     beforeChange: import("vue").PropType<import("../utils").Interceptor>;
-    decimalLength: (NumberConstructor | StringConstructor)[];
-    name: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    min: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    max: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    step: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     defaultValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    decimalLength: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    min?: unknown;
+    max?: unknown;
+    name?: unknown;
+    step?: unknown;
     theme?: unknown;
     integer?: unknown;
     disabled?: unknown;
@@ -66,12 +70,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableMinus?: unknown;
     disableInput?: unknown;
     beforeChange?: unknown;
-    decimalLength?: unknown;
-    name?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     defaultValue?: unknown;
+    decimalLength?: unknown;
 } & {
     name: string | number;
     max: string | number;
@@ -89,8 +89,8 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     theme?: StepperTheme | undefined;
     beforeChange?: import("../utils").Interceptor | undefined;
     buttonSize?: string | number | undefined;

package/es/steps/Steps.d.ts

@@ -1,23 +1,23 @@
-import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { ExtractPropTypes, InjectionKey } from 'vue';
 export declare type StepsDirection = 'horizontal' | 'vertical';
 declare const props: {
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: PropType<StepsDirection>;
-        default: string;
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 };
 export declare type StepsProvide = {
     props: ExtractPropTypes<typeof props>;
@@ -25,32 +25,32 @@ export declare type StepsProvide = {
 };
 export declare const STEPS_KEY: InjectionKey<StepsProvide>;
 declare const _default: import("vue").DefineComponent<{
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: PropType<StepsDirection>;
-        default: string;
+        type: import("vue").PropType<StepsDirection>;
+        default: StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    active?: unknown;
+    direction?: unknown;
+    activeIcon?: unknown;
     iconPrefix?: unknown;
     finishIcon?: unknown;
     activeColor?: unknown;
     inactiveIcon?: unknown;
     inactiveColor?: unknown;
-    active?: unknown;
-    direction?: unknown;
-    activeIcon?: unknown;
 } & {
     active: string | number;
     direction: StepsDirection;