vant 3.2.2 → 3.2.6

package/lib/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;
-    reverse: boolean;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -62,11 +62,11 @@ declare const _default: import("vue").DefineComponent<{
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
-    readonly: boolean;
     modelValue: SliderValue;
-    reverse: boolean;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;

package/lib/slider/Slider.js

@@ -18,27 +18,18 @@ var [name, bem] = (0, _utils.createNamespace)('slider');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    min: (0, _utils.makeNumericProp)(0),
+    max: (0, _utils.makeNumericProp)(100),
+    step: (0, _utils.makeNumericProp)(1),
     range: Boolean,
     reverse: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     vertical: Boolean,
-    barHeight: [Number, String],
-    buttonSize: [Number, String],
+    barHeight: _utils.numericProp,
+    buttonSize: _utils.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
@@ -51,8 +42,8 @@ var _default = (0, _vue.defineComponent)({
     slots
   }) {
     var buttonIndex;
+    var current;
     var startValue;
-    var currentValue;
     var root = (0, _vue.ref)();
     var dragStatus = (0, _vue.ref)();
     var touch = (0, _useTouch.useTouch)();
@@ -127,20 +118,21 @@ var _default = (0, _vue.defineComponent)({
       return (0, _utils.addNumber)(min, diff);
     };
 
-    var isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue); // 处理两个滑块重叠之后的情况
+    var isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
 
+    var handleRangeValue = value => {
+      var _value$, _value$2;
 
-    var handleOverlap = value => {
-      if (value[0] > value[1]) {
-        return value.slice(0).reverse();
-      }
+      // 设置默认值
+      var left = (_value$ = value[0]) != null ? _value$ : Number(props.min);
+      var right = (_value$2 = value[1]) != null ? _value$2 : Number(props.max); // 处理两个滑块重叠之后的情况
 
-      return value;
+      return left > right ? [right, left] : [left, right];
     };
 
     var updateValue = (value, end) => {
       if (isRange(value)) {
-        value = handleOverlap(value).map(format);
+        value = handleRangeValue(value).map(format);
       } else {
         value = format(value);
       }
@@ -208,12 +200,12 @@ var _default = (0, _vue.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';
@@ -242,12 +234,12 @@ var _default = (0, _vue.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 => {
@@ -256,7 +248,7 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (dragStatus.value === 'dragging') {
-        updateValue(currentValue, true);
+        updateValue(current, true);
         emit('drag-end', event);
       }
 
@@ -296,13 +288,13 @@ var _default = (0, _vue.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 (0, _vue.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 => {
@@ -317,7 +309,7 @@ var _default = (0, _vue.defineComponent)({
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
         "onClick": _utils.stopPropagation
-      }, [renderButtonContent(currentValue, index)]);
+      }, [renderButtonContent(current, index)]);
     }; // format initial value
 
 

package/lib/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/lib/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];
-    reverse: boolean;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;
@@ -59,11 +59,11 @@ 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;
     disabled: boolean;
-    readonly: boolean;
     modelValue: number | [number, number];
-    reverse: boolean;
+    readonly: boolean;
     vertical: boolean;
     range: boolean;
     min: string | number;

package/lib/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/lib/step/Step.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}> & ({} | {}), {}>;
+declare const _default: import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

package/lib/step/index.d.ts

@@ -1,2 +1,2 @@
-export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}> & ({} | {}), {}>>;
+export declare const Step: import("../utils").WithInstall<import("vue").DefineComponent<{}, (() => JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{} & {} & {}>, {}>>;
 export default Step;

package/lib/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,10 +91,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;

package/lib/stepper/Stepper.js

@@ -15,13 +15,15 @@ var [name, bem] = (0, _utils.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);
 
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    min: (0, _utils.makeNumericProp)(1),
+    max: (0, _utils.makeNumericProp)(Infinity),
+    name: (0, _utils.makeNumericProp)(''),
+    step: (0, _utils.makeNumericProp)(1),
     theme: String,
     integer: Boolean,
     disabled: Boolean,
@@ -30,35 +32,16 @@ var _default = (0, _vue.defineComponent)({
     showInput: _utils.truthProp,
     longPress: _utils.truthProp,
     allowEmpty: Boolean,
-    modelValue: [Number, String],
-    inputWidth: [Number, String],
-    buttonSize: [Number, String],
+    modelValue: _utils.numericProp,
+    inputWidth: _utils.numericProp,
+    buttonSize: _utils.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: (0, _utils.makeNumericProp)(1),
+    decimalLength: _utils.numericProp
   },
   emits: ['plus', 'blur', 'minus', 'focus', 'change', 'overlimit', 'update:modelValue'],
 
@@ -95,7 +78,7 @@ var _default = (0, _vue.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);
       }
 
@@ -116,16 +99,15 @@ var _default = (0, _vue.defineComponent)({
     var check = () => {
       var value = format(current.value);
 
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = value;
       }
     };
 
     var setValue = value => {
       if (props.beforeChange) {
-        (0, _utils.callInterceptor)({
+        (0, _utils.callInterceptor)(props.beforeChange, {
           args: [value],
-          interceptor: props.beforeChange,
 
           done() {
             current.value = value;
@@ -166,7 +148,7 @@ var _default = (0, _vue.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
 
@@ -254,7 +236,7 @@ var _default = (0, _vue.defineComponent)({
 
     (0, _vue.watch)([() => props.max, () => props.min, () => props.integer, () => props.decimalLength], check);
     (0, _vue.watch)(() => props.modelValue, value => {
-      if (!equal(value, current.value)) {
+      if (!isEqual(value, current.value)) {
         current.value = format(value);
       }
     });

package/lib/stepper/index.css

@@ -1 +1 @@
-:root{--van-stepper-active-color:#e8e8e8;--van-stepper-background-color:var(--van-active-color);--van-stepper-button-icon-color:var(--van-text-color);--van-stepper-button-disabled-color:var(--van-background-color);--van-stepper-button-disabled-icon-color:var(--van-gray-5);--van-stepper-button-round-theme-color:var(--van-danger-color);--van-stepper-input-width:32px;--van-stepper-input-height:28px;--van-stepper-input-font-size:var(--van-font-size-md);--van-stepper-input-line-height:normal;--van-stepper-input-text-color:var(--van-text-color);--van-stepper-input-disabled-text-color:var(--van-gray-5);--van-stepper-input-disabled-background-color:var(--van-active-color);--van-stepper-border-radius:var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background-color:var(--van-stepper-background-color);border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:var(--van-stepper-active-color)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:var(--van-stepper-button-disabled-color)}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background-color:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:var(--van-active-opacity)}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:var(--van-white);background-color:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-white);border:1px solid var(--van-stepper-button-round-theme-color)}
+:root{--van-stepper-active-color:#e8e8e8;--van-stepper-background-color:var(--van-active-color);--van-stepper-button-icon-color:var(--van-text-color);--van-stepper-button-disabled-color:var(--van-background-color);--van-stepper-button-disabled-icon-color:var(--van-gray-5);--van-stepper-button-round-theme-color:var(--van-danger-color);--van-stepper-input-width:32px;--van-stepper-input-height:28px;--van-stepper-input-font-size:var(--van-font-size-md);--van-stepper-input-line-height:normal;--van-stepper-input-text-color:var(--van-text-color);--van-stepper-input-disabled-text-color:var(--van-gray-5);--van-stepper-input-disabled-background-color:var(--van-active-color);--van-stepper-border-radius:var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0;cursor:pointer}.van-stepper__minus::before,.van-stepper__plus::before{width:50%;height:1px}.van-stepper__minus::after,.van-stepper__plus::after{width:1px;height:50%}.van-stepper__minus::after,.van-stepper__minus::before,.van-stepper__plus::after,.van-stepper__plus::before{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:''}.van-stepper__minus:active,.van-stepper__plus:active{background-color:var(--van-stepper-active-color)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus--disabled:active,.van-stepper__plus--disabled:active{background-color:var(--van-stepper-button-disabled-color)}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus::after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__minus,.van-stepper--round .van-stepper__plus{border-radius:100%}.van-stepper--round .van-stepper__minus:active,.van-stepper--round .van-stepper__plus:active{opacity:var(--van-active-opacity)}.van-stepper--round .van-stepper__minus--disabled,.van-stepper--round .van-stepper__minus--disabled:active,.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__plus--disabled:active{opacity:.3}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-white);border:1px solid var(--van-stepper-button-round-theme-color)}

package/lib/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,10 +89,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
-    theme?: StepperTheme | undefined;
+    placeholder?: string | undefined;
     beforeChange?: import("../utils").Interceptor | undefined;
+    theme?: StepperTheme | undefined;
     buttonSize?: string | number | undefined;
     inputWidth?: string | number | undefined;
     decimalLength?: string | number | undefined;

package/lib/stepper/index.less

@@ -31,7 +31,7 @@
     padding: 0;
     color: var(--van-stepper-button-icon-color);
     vertical-align: middle;
-    background-color: var(--van-stepper-background-color);
+    background: var(--van-stepper-background-color);
     border: 0;
     cursor: pointer;
 
@@ -95,7 +95,7 @@
     line-height: var(--van-stepper-input-line-height);
     text-align: center;
     vertical-align: middle;
-    background-color: var(--van-stepper-background-color);
+    background: var(--van-stepper-background-color);
     border: 0;
     border-width: 1px 0;
     border-radius: 0;
@@ -137,7 +137,7 @@
 
     .van-stepper__plus {
       color: var(--van-white);
-      background-color: var(--van-stepper-button-round-theme-color);
+      background: var(--van-stepper-button-round-theme-color);
     }
 
     .van-stepper__minus {