vant 3.2.0 → 3.2.4

package/lib/share-sheet/index.d.ts

@@ -1,4 +1,4 @@
-declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -39,7 +39,7 @@ declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineCom
         type: import("vue").PropType<import("./ShareSheet").ShareSheetOptions>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show")[], "select" | "cancel" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -94,5 +94,4 @@ declare const ShareSheet: import("../utils").WithInstall<import("vue").DefineCom
     options: import("./ShareSheet").ShareSheetOptions;
 }>>;
 export default ShareSheet;
-export { ShareSheet };
 export type { ShareSheetOption, ShareSheetOptions } from './ShareSheet';

package/lib/share-sheet/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.ShareSheet = exports.default = void 0;
+exports.default = exports.ShareSheet = void 0;
 
 var _utils = require("../utils");
 

package/lib/sidebar/index.d.ts

@@ -1,4 +1,4 @@
-declare const Sidebar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sidebar: import("../utils").WithInstall<import("vue").DefineComponent<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -14,4 +14,3 @@ declare const Sidebar: import("../utils").WithInstall<import("vue").DefineCompon
     modelValue: string | number;
 }>>;
 export default Sidebar;
-export { Sidebar };

package/lib/sidebar/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Sidebar = exports.default = void 0;
+exports.default = exports.Sidebar = void 0;
 
 var _utils = require("../utils");
 

package/lib/sidebar-item/index.d.ts

@@ -1,4 +1,4 @@
-declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -32,4 +32,3 @@ declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineCo
     disabled: boolean;
 }>>;
 export default SidebarItem;
-export { SidebarItem };

package/lib/sidebar-item/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.SidebarItem = exports.default = void 0;
+exports.default = exports.SidebarItem = void 0;
 
 var _utils = require("../utils");
 

package/lib/skeleton/Skeleton.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;

package/lib/skeleton/index.d.ts

@@ -1,4 +1,4 @@
-declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: BooleanConstructor;
     round: BooleanConstructor;
     avatar: BooleanConstructor;
@@ -49,7 +49,7 @@ declare const Skeleton: import("../utils").WithInstall<import("vue").DefineCompo
 } & {
     avatarSize?: string | number | undefined;
     titleWidth?: string | number | undefined;
-}> & {}, {
+}>, {
     title: boolean;
     animate: boolean;
     round: boolean;
@@ -60,4 +60,3 @@ declare const Skeleton: import("../utils").WithInstall<import("vue").DefineCompo
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
-export { Skeleton };

package/lib/skeleton/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Skeleton = exports.default = void 0;
+exports.default = exports.Skeleton = void 0;
 
 var _utils = require("../utils");
 

package/lib/slider/Slider.d.ts

@@ -1,7 +1,9 @@
 import { PropType } from 'vue';
-declare type SliderValue = number | [number, number];
+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;
@@ -27,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => 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<{
     range?: unknown;
+    reverse?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     vertical?: unknown;
@@ -39,6 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     step?: unknown;
     modelValue?: unknown;
 } & {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -58,6 +62,7 @@ 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;

package/lib/slider/Slider.js

@@ -19,6 +19,7 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: {
     range: Boolean,
+    reverse: Boolean,
     disabled: Boolean,
     readonly: Boolean,
     vertical: Boolean,
@@ -96,13 +97,25 @@ var _default = (0, _vue.defineComponent)({
 
     var barStyle = (0, _vue.computed)(() => {
       var mainAxis = props.vertical ? 'height' : 'width';
-      return {
+      var style = {
         [mainAxis]: calcMainAxis(),
-        left: props.vertical ? undefined : calcOffset(),
-        top: props.vertical ? calcOffset() : undefined,
-        background: props.activeColor,
-        transition: dragStatus.value ? 'none' : undefined
+        background: props.activeColor
+      };
+
+      if (dragStatus.value) {
+        style.transition = 'none';
+      }
+
+      var getPositionKey = () => {
+        if (props.vertical) {
+          return props.reverse ? 'bottom' : 'top';
+        }
+
+        return props.reverse ? 'right' : 'left';
       };
+
+      style[getPositionKey()] = calcOffset();
+      return style;
     });
 
     var format = value => {
@@ -114,20 +127,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);
       }
@@ -150,13 +164,30 @@ var _default = (0, _vue.defineComponent)({
 
       var {
         min,
+        reverse,
         vertical,
         modelValue
       } = props;
       var rect = (0, _use.useRect)(root);
-      var delta = vertical ? event.clientY - rect.top : event.clientX - rect.left;
+
+      var getDelta = () => {
+        if (vertical) {
+          if (reverse) {
+            return rect.bottom - event.clientY;
+          }
+
+          return event.clientY - rect.top;
+        }
+
+        if (reverse) {
+          return rect.right - event.clientX;
+        }
+
+        return event.clientX - rect.left;
+      };
+
       var total = vertical ? rect.height : rect.width;
-      var value = Number(min) + delta / total * scope.value;
+      var value = Number(min) + getDelta() / total * scope.value;
 
       if (isRange(modelValue)) {
         var [left, right] = modelValue;
@@ -206,8 +237,13 @@ var _default = (0, _vue.defineComponent)({
       var total = props.vertical ? rect.height : rect.width;
       var diff = delta / total * scope.value;
 
+      if (props.reverse) {
+        diff = -diff;
+      }
+
       if (isRange(startValue)) {
-        currentValue[buttonIndex] = startValue[buttonIndex] + diff;
+        var index = props.reverse ? 1 - buttonIndex : buttonIndex;
+        currentValue[index] = startValue[index] + diff;
       } else {
         currentValue = startValue + diff;
       }
@@ -231,10 +267,10 @@ var _default = (0, _vue.defineComponent)({
     var getButtonClassName = index => {
       if (typeof index === 'number') {
         var position = ['left', 'right'];
-        return bem("button-wrapper-" + position[index]);
+        return bem("button-wrapper", position[index]);
       }
 
-      return bem('button-wrapper');
+      return bem('button-wrapper', props.reverse ? 'left' : 'right');
     };
 
     var renderButtonContent = (value, index) => {

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:-var(--van-padding-xs);right:0;bottom:-var(--van-padding-xs);left:0;content:''}.van-slider__bar{position:relative;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,.van-slider__button-wrapper-right{position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider__button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:-webkit-grab;cursor:grab}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper,.van-slider--disabled .van-slider__button-wrapper-left,.van-slider--disabled .van-slider__button-wrapper-right{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper,.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:-var(--van-padding-xs);bottom:0;left:-var(--van-padding-xs)}
+: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)}

package/lib/slider/index.d.ts

@@ -1,5 +1,6 @@
-declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Slider: import("../utils").WithInstall<import("vue").DefineComponent<{
     range: BooleanConstructor;
+    reverse: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
     vertical: BooleanConstructor;
@@ -25,6 +26,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     };
 }, () => 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<{
     range?: unknown;
+    reverse?: unknown;
     disabled?: unknown;
     readonly?: unknown;
     vertical?: unknown;
@@ -37,6 +39,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     step?: unknown;
     modelValue?: unknown;
 } & {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -56,6 +59,7 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     max: string | number;
     disabled: boolean;
     readonly: boolean;
@@ -66,4 +70,3 @@ declare const Slider: import("../utils").WithInstall<import("vue").DefineCompone
     step: string | number;
 }>>;
 export default Slider;
-export { Slider };

package/lib/slider/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Slider = exports.default = void 0;
+exports.default = exports.Slider = void 0;
 
 var _utils = require("../utils");
 

package/lib/slider/index.less

@@ -23,15 +23,15 @@
   // use pseudo element to expand click area
   &::before {
     position: absolute;
-    top: -var(--van-padding-xs);
+    top: calc(var(--van-padding-xs) * -1);
     right: 0;
-    bottom: -var(--van-padding-xs);
+    bottom: calc(var(--van-padding-xs) * -1);
     left: 0;
     content: '';
   }
 
   &__bar {
-    position: relative;
+    position: absolute;
     width: 100%;
     height: 100%;
     background-color: var(--van-slider-active-background-color);
@@ -46,21 +46,20 @@
     border-radius: var(--van-slider-button-border-radius);
     box-shadow: var(--van-slider-button-box-shadow);
 
-    &-wrapper,
-    &-wrapper-right {
+    &-wrapper {
       position: absolute;
-      top: 50%;
-      right: 0;
-      transform: translate3d(50%, -50%, 0);
       cursor: grab;
-    }
-
-    &-wrapper-left {
-      position: absolute;
       top: 50%;
-      left: 0;
-      transform: translate3d(-50%, -50%, 0);
-      cursor: grab;
+
+      &--right {
+        right: 0;
+        transform: translate3d(50%, -50%, 0);
+      }
+
+      &--left {
+        left: 0;
+        transform: translate3d(-50%, -50%, 0);
+      }
     }
   }
 
@@ -68,9 +67,7 @@
     cursor: not-allowed;
     opacity: var(--van-slider-disabled-opacity);
 
-    .van-slider__button-wrapper,
-    .van-slider__button-wrapper-left,
-    .van-slider__button-wrapper-right {
+    .van-slider__button-wrapper {
       cursor: not-allowed;
     }
   }
@@ -80,15 +77,14 @@
     width: var(--van-slider-bar-height);
     height: 100%;
 
-    .van-slider__button-wrapper,
-    .van-slider__button-wrapper-right {
+    .van-slider__button-wrapper--right {
       top: auto;
       right: 50%;
       bottom: 0;
       transform: translate3d(50%, 50%, 0);
     }
 
-    .van-slider__button-wrapper-left {
+    .van-slider__button-wrapper--left {
       top: 0;
       right: 50%;
       left: auto;
@@ -98,9 +94,9 @@
     // use pseudo element to expand click area
     &::before {
       top: 0;
-      right: -var(--van-padding-xs);
+      right: calc(var(--van-padding-xs) * -1);
       bottom: 0;
-      left: -var(--van-padding-xs);
+      left: calc(var(--van-padding-xs) * -1);
     }
   }
 }

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.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:-var(--van-padding-xs);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-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)}

package/lib/step/index.d.ts

@@ -1,3 +1,2 @@
-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;
-export { Step };

package/lib/step/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Step = exports.default = void 0;
+exports.default = exports.Step = void 0;
 
 var _utils = require("../utils");
 

package/lib/step/index.less

@@ -63,7 +63,7 @@
     .van-step__circle-container {
       position: absolute;
       top: 30px;
-      left: -var(--van-padding-xs);
+      left: calc(var(--van-padding-xs) * -1);
       z-index: 1;
       padding: 0 var(--van-padding-xs);
       background-color: var(--van-white);

package/lib/stepper/index.d.ts

@@ -1,5 +1,5 @@
 import { StepperTheme } from './Stepper';
-declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
     theme: import("vue").PropType<StepperTheme>;
     integer: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -122,5 +122,4 @@ declare const Stepper: import("../utils").WithInstall<import("vue").DefineCompon
     defaultValue: string | number;
 }>>;
 export default Stepper;
-export { Stepper };
 export type { StepperTheme };

package/lib/stepper/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Stepper = exports.default = void 0;
+exports.default = exports.Stepper = void 0;
 
 var _utils = require("../utils");
 

package/lib/steps/index.d.ts

@@ -1,4 +1,4 @@
-declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
     iconPrefix: StringConstructor;
     finishIcon: StringConstructor;
     activeColor: StringConstructor;
@@ -43,4 +43,3 @@ declare const Steps: import("../utils").WithInstall<import("vue").DefineComponen
     activeIcon: string;
 }>>;
 export default Steps;
-export { Steps };

package/lib/steps/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Steps = exports.default = void 0;
+exports.default = exports.Steps = void 0;
 
 var _utils = require("../utils");
 

package/lib/sticky/index.d.ts

@@ -1,4 +1,4 @@
-declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
     container: import("vue").PropType<Element>;
     offsetTop: {
@@ -35,5 +35,4 @@ declare const Sticky: import("../utils").WithInstall<import("vue").DefineCompone
     offsetBottom: string | number;
 }>>;
 export default Sticky;
-export { Sticky };
 export type { StickyPosition } from './Sticky';

package/lib/sticky/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Sticky = exports.default = void 0;
+exports.default = exports.Sticky = void 0;
 
 var _utils = require("../utils");
 

package/lib/style/animation.css

@@ -1 +1 @@
-@keyframes van-slide-up-enter{from{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{from{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{from{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{from{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:.3s van-fade-in both ease-out}.van-fade-leave-active{animation:.3s van-fade-out both ease-in}.van-slide-up-enter-active{animation:van-slide-up-enter .3s both ease-out}.van-slide-up-leave-active{animation:van-slide-up-leave .3s both ease-in}.van-slide-down-enter-active{animation:van-slide-down-enter .3s both ease-out}.van-slide-down-leave-active{animation:van-slide-down-leave .3s both ease-in}.van-slide-left-enter-active{animation:van-slide-left-enter .3s both ease-out}.van-slide-left-leave-active{animation:van-slide-left-leave .3s both ease-in}.van-slide-right-enter-active{animation:van-slide-right-enter .3s both ease-out}.van-slide-right-leave-active{animation:van-slide-right-leave .3s both ease-in}
+@keyframes van-slide-up-enter{from{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{from{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{from{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{from{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}

package/lib/style/animation.less

@@ -80,60 +80,60 @@
 
 .van-fade {
   &-enter-active {
-    animation: @animation-duration-base van-fade-in both
-      @animation-timing-function-enter;
+    animation: var(--van-animation-duration-base) van-fade-in both
+      var(--van-animation-timing-function-enter);
   }
 
   &-leave-active {
-    animation: @animation-duration-base van-fade-out both
-      @animation-timing-function-leave;
+    animation: var(--van-animation-duration-base) van-fade-out both
+      var(--van-animation-timing-function-leave);
   }
 }
 
 .van-slide-up {
   &-enter-active {
-    animation: van-slide-up-enter @animation-duration-base both
-      @animation-timing-function-enter;
+    animation: van-slide-up-enter var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-enter);
   }
 
   &-leave-active {
-    animation: van-slide-up-leave @animation-duration-base both
-      @animation-timing-function-leave;
+    animation: van-slide-up-leave var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-leave);
   }
 }
 
 .van-slide-down {
   &-enter-active {
-    animation: van-slide-down-enter @animation-duration-base both
-      @animation-timing-function-enter;
+    animation: van-slide-down-enter var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-enter);
   }
 
   &-leave-active {
-    animation: van-slide-down-leave @animation-duration-base both
-      @animation-timing-function-leave;
+    animation: van-slide-down-leave var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-leave);
   }
 }
 
 .van-slide-left {
   &-enter-active {
-    animation: van-slide-left-enter @animation-duration-base both
-      @animation-timing-function-enter;
+    animation: van-slide-left-enter var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-enter);
   }
 
   &-leave-active {
-    animation: van-slide-left-leave @animation-duration-base both
-      @animation-timing-function-leave;
+    animation: van-slide-left-leave var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-leave);
   }
 }
 
 .van-slide-right {
   &-enter-active {
-    animation: van-slide-right-enter @animation-duration-base both
-      @animation-timing-function-enter;
+    animation: van-slide-right-enter var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-enter);
   }
 
   &-leave-active {
-    animation: van-slide-right-leave @animation-duration-base both
-      @animation-timing-function-leave;
+    animation: van-slide-right-leave var(--van-animation-duration-base) both
+      var(--van-animation-timing-function-leave);
   }
 }