vant 3.2.4 → 3.2.8

package/es/skeleton/index.d.ts

@@ -1,4 +1,8 @@
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -12,13 +16,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<import("./Skeleton").SkeletonAvatarShape>;
+        default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
         type: import("vue").PropType<string | number | (string | number)[]>;
@@ -27,6 +27,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 +35,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 +44,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 } & {
     avatarSize?: string | number | undefined;
@@ -56,7 +56,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: "round" | "square";
+    avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
+export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';

package/es/skeleton/index.less

@@ -19,7 +19,7 @@
     width: var(--van-skeleton-avatar-size);
     height: var(--van-skeleton-avatar-size);
     margin-right: var(--van-padding-md);
-    background-color: var(--van-skeleton-avatar-background-color);
+    background: var(--van-skeleton-avatar-background-color);
 
     &--round {
       border-radius: var(--van-border-radius-max);
@@ -37,7 +37,7 @@
   &__row,
   &__title {
     height: var(--van-skeleton-row-height);
-    background-color: var(--van-skeleton-row-background-color);
+    background: var(--van-skeleton-row-background-color);
   }
 
   &__title {

package/es/slider/Slider.d.ts

@@ -1,7 +1,19 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 declare type NumberRange = [number, number];
 declare type SliderValue = number | NumberRange;
-declare const _default: import("vue").DefineComponent<{
+declare const sliderProps: {
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     range: BooleanConstructor;
     reverse: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -11,6 +23,13 @@ declare const _default: import("vue").DefineComponent<{
     buttonSize: (NumberConstructor | StringConstructor)[];
     activeColor: StringConstructor;
     inactiveColor: StringConstructor;
+    modelValue: {
+        type: PropType<SliderValue>;
+        default: number;
+    };
+};
+export declare type SliderProps = ExtractPropTypes<typeof sliderProps>;
+declare const _default: import("vue").DefineComponent<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -23,11 +42,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 +68,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;
+    reverse: boolean;
     disabled: boolean;
-    readonly: boolean;
     modelValue: SliderValue;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -62,11 +90,11 @@ declare const _default: import("vue").DefineComponent<{
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
-    reverse: boolean;
     max: string | number;
+    reverse: boolean;
     disabled: boolean;
-    readonly: boolean;
     modelValue: SliderValue;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;

package/es/slider/Slider.js

@@ -1,49 +1,42 @@
 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';
 var [name, bem] = createNamespace('slider');
+var sliderProps = {
+  min: makeNumericProp(0),
+  max: makeNumericProp(100),
+  step: makeNumericProp(1),
+  range: Boolean,
+  reverse: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  vertical: Boolean,
+  barHeight: numericProp,
+  buttonSize: numericProp,
+  activeColor: String,
+  inactiveColor: String,
+  modelValue: {
+    type: [Number, Array],
+    default: 0
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    range: Boolean,
-    reverse: Boolean,
-    disabled: Boolean,
-    readonly: Boolean,
-    vertical: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
-    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
-    }
-  },
+  props: sliderProps,
   emits: ['change', 'drag-end', 'drag-start', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var buttonIndex;
+    var current;
     var startValue;
-    var currentValue;
     var root = ref();
     var dragStatus = ref();
     var touch = useTouch();
@@ -200,12 +193,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 +227,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 +241,7 @@ export default defineComponent({
       }
 
       if (dragStatus.value === 'dragging') {
-        updateValue(currentValue, true);
+        updateValue(current, true);
         emit('drag-end', event);
       }
 
@@ -288,13 +281,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 +302,7 @@ export default defineComponent({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": stopPropagation
-      }, [renderButtonContent(currentValue, index)]);
+      }, [renderButtonContent(current, index)]);
     }; // format initial value
 
 

package/es/slider/index.css

@@ -1 +1 @@
-:root{--van-slider-active-background-color:var(--van-primary-color);--van-slider-inactive-background-color:var(--van-gray-3);--van-slider-disabled-opacity:var(--van-disabled-opacity);--van-slider-bar-height:2px;--van-slider-button-width:24px;--van-slider-button-height:24px;--van-slider-button-border-radius:50%;--van-slider-button-background-color:var(--van-white);--van-slider-button-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background-color:var(--van-slider-inactive-background-color);border-radius:var(--van-border-radius-max);cursor:pointer}.van-slider::before{position:absolute;top:calc(var(--van-padding-xs) * -1);right:0;bottom:calc(var(--van-padding-xs) * -1);left:0;content:''}.van-slider__bar{position:absolute;width:100%;height:100%;background-color:var(--van-slider-active-background-color);border-radius:inherit;transition:all var(--van-animation-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background-color:var(--van-slider-button-background-color);border-radius:var(--van-slider-button-border-radius);box-shadow:var(--van-slider-button-box-shadow)}.van-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:calc(var(--van-padding-xs) * -1);bottom:0;left:calc(var(--van-padding-xs) * -1)}
+:root{--van-slider-active-background-color:var(--van-primary-color);--van-slider-inactive-background-color:var(--van-gray-3);--van-slider-disabled-opacity:var(--van-disabled-opacity);--van-slider-bar-height:2px;--van-slider-button-width:24px;--van-slider-button-height:24px;--van-slider-button-border-radius:50%;--van-slider-button-background-color:var(--van-white);--van-slider-button-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background:var(--van-slider-inactive-background-color);border-radius:var(--van-border-radius-max);cursor:pointer}.van-slider::before{position:absolute;top:calc(var(--van-padding-xs) * -1);right:0;bottom:calc(var(--van-padding-xs) * -1);left:0;content:''}.van-slider__bar{position:absolute;width:100%;height:100%;background:var(--van-slider-active-background-color);border-radius:inherit;transition:all var(--van-animation-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background:var(--van-slider-button-background-color);border-radius:var(--van-slider-button-border-radius);box-shadow:var(--van-slider-button-box-shadow)}.van-slider__button-wrapper{position:absolute;cursor:-webkit-grab;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical::before{top:0;right:calc(var(--van-padding-xs) * -1);bottom:0;left:calc(var(--van-padding-xs) * -1)}

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;
+    reverse: boolean;
     disabled: boolean;
-    readonly: boolean;
     modelValue: number | [number, number];
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -59,14 +59,15 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
-    reverse: boolean;
     max: string | number;
+    reverse: boolean;
     disabled: boolean;
-    readonly: boolean;
     modelValue: number | [number, number];
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
     step: string | number;
 }>>;
 export default Slider;
+export type { SliderProps } from './Slider';

package/es/slider/index.less

@@ -16,7 +16,7 @@
   position: relative;
   width: 100%;
   height: var(--van-slider-bar-height);
-  background-color: var(--van-slider-inactive-background-color);
+  background: var(--van-slider-inactive-background-color);
   border-radius: var(--van-border-radius-max);
   cursor: pointer;
 
@@ -34,7 +34,7 @@
     position: absolute;
     width: 100%;
     height: 100%;
-    background-color: var(--van-slider-active-background-color);
+    background: var(--van-slider-active-background-color);
     border-radius: inherit;
     transition: all var(--van-animation-duration-fast);
   }
@@ -42,7 +42,7 @@
   &__button {
     width: var(--van-slider-button-width);
     height: var(--van-slider-button-height);
-    background-color: var(--van-slider-button-background-color);
+    background: var(--van-slider-button-background-color);
     border-radius: var(--van-slider-button-border-radius);
     box-shadow: var(--van-slider-button-box-shadow);
 

package/es/step/Step.js

@@ -11,9 +11,10 @@ var [name, bem] = createNamespace('step');
 export default defineComponent({
   name,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       parent,
       index

package/es/step/index.css

@@ -1 +1 @@
-:root{--van-step-text-color:var(--van-gray-6);--van-step-active-color:var(--van-success-color);--van-step-process-text-color:var(--van-text-color);--van-step-font-size:var(--van-font-size-md);--van-step-line-color:var(--van-border-color);--van-step-finish-line-color:var(--van-success-color);--van-step-finish-text-color:var(--van-text-color);--van-step-icon-size:12px;--van-step-circle-size:5px;--van-step-circle-color:var(--van-gray-6);--van-step-horizontal-title-font-size:var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-animation-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-white);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translateX(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-animation-duration-base)}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:var(--van-step-active-color)}
+:root{--van-step-text-color:var(--van-text-color-2);--van-step-active-color:var(--van-success-color);--van-step-process-text-color:var(--van-text-color);--van-step-font-size:var(--van-font-size-md);--van-step-line-color:var(--van-border-color);--van-step-finish-line-color:var(--van-success-color);--van-step-finish-text-color:var(--van-text-color);--van-step-icon-size:12px;--van-step-circle-size:5px;--van-step-circle-color:var(--van-gray-6);--van-step-horizontal-title-font-size:var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-animation-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-color-light);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translateX(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child)::after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-animation-duration-base)}.van-step__icon--active,.van-step__icon--finish,.van-step__title--active,.van-step__title--finish{color:var(--van-step-active-color)}

package/es/step/index.less

@@ -66,7 +66,7 @@
       left: calc(var(--van-padding-xs) * -1);
       z-index: 1;
       padding: 0 var(--van-padding-xs);
-      background-color: var(--van-white);
+      background-color: var(--van-background-color-light);
       transform: translateY(-50%);
     }
 

package/es/step/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@step-text-color: var(--van-gray-6);
+@step-text-color: var(--van-text-color-2);
 @step-active-color: var(--van-success-color);
 @step-process-text-color: var(--van-text-color);
 @step-font-size: var(--van-font-size-md);

package/es/stepper/Stepper.d.ts

@@ -1,7 +1,23 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 export declare type StepperTheme = 'default' | 'round';
-declare const _default: import("vue").DefineComponent<{
+declare const stepperProps: {
+    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,11 +46,14 @@ declare const _default: import("vue").DefineComponent<{
     disableMinus: BooleanConstructor;
     disableInput: BooleanConstructor;
     beforeChange: PropType<Interceptor>;
-    decimalLength: (NumberConstructor | StringConstructor)[];
-    name: {
+    defaultValue: {
         type: (NumberConstructor | StringConstructor)[];
-        default: string;
+        default: number;
     };
+    decimalLength: (NumberConstructor | StringConstructor)[];
+};
+export declare type StepperProps = ExtractPropTypes<typeof stepperProps>;
+declare const _default: import("vue").DefineComponent<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -43,15 +62,52 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    name: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     step: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    theme: PropType<StepperTheme>;
+    integer: BooleanConstructor;
+    disabled: BooleanConstructor;
+    showPlus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showMinus: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    longPress: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowEmpty: BooleanConstructor;
+    modelValue: (NumberConstructor | StringConstructor)[];
+    inputWidth: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    disablePlus: BooleanConstructor;
+    disableMinus: BooleanConstructor;
+    disableInput: BooleanConstructor;
+    beforeChange: PropType<Interceptor>;
     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 +124,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,10 +143,10 @@ declare const _default: import("vue").DefineComponent<{
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
-    theme?: StepperTheme | undefined;
+    placeholder?: string | undefined;
     beforeChange?: Interceptor | undefined;
+    theme?: StepperTheme | undefined;
     buttonSize?: string | number | undefined;
     inputWidth?: string | number | undefined;
     decimalLength?: string | number | undefined;