vant 3.2.1 → 3.2.5

package/lib/stepper/index.d.ts

@@ -1,5 +1,21 @@
 import { StepperTheme } from './Stepper';
-declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+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 @@ declare const Stepper: import("../utils").WithInstall<import("vue").DefineCompon
     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 @@ declare const Stepper: import("../utils").WithInstall<import("vue").DefineCompon
     disableMinus?: unknown;
     disableInput?: unknown;
     beforeChange?: unknown;
-    decimalLength?: unknown;
-    name?: unknown;
-    min?: unknown;
-    max?: unknown;
-    step?: unknown;
     defaultValue?: unknown;
+    decimalLength?: unknown;
 } & {
     name: string | number;
     max: string | number;
@@ -89,8 +89,8 @@ declare const Stepper: import("../utils").WithInstall<import("vue").DefineCompon
     disableInput: boolean;
     defaultValue: string | number;
 } & {
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     theme?: StepperTheme | undefined;
     beforeChange?: import("../utils").Interceptor | undefined;
     buttonSize?: string | number | undefined;
@@ -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/Steps.d.ts

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

package/lib/steps/Steps.js

@@ -11,23 +11,14 @@ var _use = require("@vant/use");
 
 var [name, bem] = (0, _utils.createNamespace)('steps');
 var props = {
+  active: (0, _utils.makeNumericProp)(0),
+  direction: (0, _utils.makeStringProp)('horizontal'),
+  activeIcon: (0, _utils.makeStringProp)('checked'),
   iconPrefix: String,
   finishIcon: String,
   activeColor: String,
   inactiveIcon: String,
-  inactiveColor: String,
-  active: {
-    type: [Number, String],
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: 'horizontal'
-  },
-  activeIcon: {
-    type: String,
-    default: 'checked'
-  }
+  inactiveColor: String
 };
 var STEPS_KEY = Symbol(name);
 exports.STEPS_KEY = STEPS_KEY;

package/lib/steps/index.d.ts

@@ -1,30 +1,30 @@
-declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
-    iconPrefix: StringConstructor;
-    finishIcon: StringConstructor;
-    activeColor: StringConstructor;
-    inactiveIcon: StringConstructor;
-    inactiveColor: StringConstructor;
+export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
         type: import("vue").PropType<import("./Steps").StepsDirection>;
-        default: string;
+        default: import("./Steps").StepsDirection;
     };
     activeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    iconPrefix: StringConstructor;
+    finishIcon: StringConstructor;
+    activeColor: StringConstructor;
+    inactiveIcon: StringConstructor;
+    inactiveColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    active?: unknown;
+    direction?: unknown;
+    activeIcon?: unknown;
     iconPrefix?: unknown;
     finishIcon?: unknown;
     activeColor?: unknown;
     inactiveIcon?: unknown;
     inactiveColor?: unknown;
-    active?: unknown;
-    direction?: unknown;
-    activeIcon?: unknown;
 } & {
     active: string | number;
     direction: import("./Steps").StepsDirection;
@@ -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/Sticky.d.ts

@@ -2,6 +2,10 @@ import { PropType } from 'vue';
 export declare type StickyPosition = 'top' | 'bottom';
 declare const _default: import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
     container: PropType<Element>;
     offsetTop: {
         type: (NumberConstructor | StringConstructor)[];
@@ -11,16 +15,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    position: {
-        type: PropType<StickyPosition>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
+    position?: unknown;
     container?: unknown;
     offsetTop?: unknown;
     offsetBottom?: unknown;
-    position?: unknown;
 } & {
     position: StickyPosition;
     offsetTop: string | number;

package/lib/sticky/Sticky.js

@@ -18,20 +18,11 @@ var [name, bem] = (0, _utils.createNamespace)('sticky');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
-    zIndex: [Number, String],
+    zIndex: _utils.numericProp,
+    position: (0, _utils.makeStringProp)('top'),
     container: Object,
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    offsetBottom: {
-      type: [Number, String],
-      default: 0
-    },
-    position: {
-      type: String,
-      default: 'top'
-    }
+    offsetTop: (0, _utils.makeNumericProp)(0),
+    offsetBottom: (0, _utils.makeNumericProp)(0)
   },
   emits: ['scroll', 'change'],
 

package/lib/sticky/index.d.ts

@@ -1,5 +1,9 @@
-declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        default: import("./Sticky").StickyPosition;
+    };
     container: import("vue").PropType<Element>;
     offsetTop: {
         type: (NumberConstructor | StringConstructor)[];
@@ -9,16 +13,12 @@ declare const Sticky: import("../utils").WithInstall<import("vue").DefineCompone
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    position: {
-        type: import("vue").PropType<import("./Sticky").StickyPosition>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     zIndex?: unknown;
+    position?: unknown;
     container?: unknown;
     offsetTop?: unknown;
     offsetBottom?: unknown;
-    position?: unknown;
 } & {
     position: import("./Sticky").StickyPosition;
     offsetTop: string | number;
@@ -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);
   }
 }

package/lib/style/base.css

@@ -1 +1 @@
-:root{--van-black:#000;--van-white:#fff;--van-gray-1:#f7f8fa;--van-gray-2:#f2f3f5;--van-gray-3:#ebedf0;--van-gray-4:#dcdee0;--van-gray-5:#c8c9cc;--van-gray-6:#969799;--van-gray-7:#646566;--van-gray-8:#323233;--van-red:#ee0a24;--van-blue:#1989fa;--van-orange:#ff976a;--van-orange-dark:#ed6a0c;--van-orange-light:#fffbe8;--van-green:#07c160;--van-gradient-red:linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange:linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color:var(--van-blue);--van-success-color:var(--van-green);--van-danger-color:var(--van-red);--van-warning-color:var(--van-orange);--van-text-color:var(--van-gray-8);--van-active-color:var(--van-gray-2);--van-active-opacity:0.7;--van-disabled-opacity:0.5;--van-background-color:var(--van-gray-1);--van-background-color-light:#fafafa;--van-text-link-color:#576b95;--van-padding-base:4px;--van-padding-xs:8px;--van-padding-sm:12px;--van-padding-md:16px;--van-padding-lg:24px;--van-padding-xl:32px;--van-font-size-xs:10px;--van-font-size-sm:12px;--van-font-size-md:14px;--van-font-size-lg:16px;--van-font-weight-bold:500;--van-line-height-xs:14px;--van-line-height-sm:18px;--van-line-height-md:20px;--van-line-height-lg:22px;--van-base-font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC','miui','Hiragino Sans GB','Microsoft Yahei',sans-serif;--van-price-integer-font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;--van-animation-duration-base:0.3s;--van-animation-duration-fast:0.2s;--van-animation-timing-function-enter:ease-out;--van-animation-timing-function-leave:ease-in;--van-border-color:var(--van-gray-3);--van-border-width-base:1px;--van-border-radius-sm:2px;--van-border-radius-md:4px;--van-border-radius-lg:8px;--van-border-radius-max:999px}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}@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}.van-clearfix::after{display:table;clear:both;content:''}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-gray-3);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}
+:root{--van-black:#000;--van-white:#fff;--van-gray-1:#f7f8fa;--van-gray-2:#f2f3f5;--van-gray-3:#ebedf0;--van-gray-4:#dcdee0;--van-gray-5:#c8c9cc;--van-gray-6:#969799;--van-gray-7:#646566;--van-gray-8:#323233;--van-red:#ee0a24;--van-blue:#1989fa;--van-orange:#ff976a;--van-orange-dark:#ed6a0c;--van-orange-light:#fffbe8;--van-green:#07c160;--van-gradient-red:linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange:linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color:var(--van-blue);--van-success-color:var(--van-green);--van-danger-color:var(--van-red);--van-warning-color:var(--van-orange);--van-text-color:var(--van-gray-8);--van-active-color:var(--van-gray-2);--van-active-opacity:0.7;--van-disabled-opacity:0.5;--van-background-color:var(--van-gray-1);--van-background-color-light:#fafafa;--van-text-link-color:#576b95;--van-padding-base:4px;--van-padding-xs:8px;--van-padding-sm:12px;--van-padding-md:16px;--van-padding-lg:24px;--van-padding-xl:32px;--van-font-size-xs:10px;--van-font-size-sm:12px;--van-font-size-md:14px;--van-font-size-lg:16px;--van-font-weight-bold:500;--van-line-height-xs:14px;--van-line-height-sm:18px;--van-line-height-md:20px;--van-line-height-lg:22px;--van-base-font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC','miui','Hiragino Sans GB','Microsoft Yahei',sans-serif;--van-price-integer-font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;--van-animation-duration-base:0.3s;--van-animation-duration-fast:0.2s;--van-animation-timing-function-enter:ease-out;--van-animation-timing-function-leave:ease-in;--van-border-color:var(--van-gray-3);--van-border-width-base:1px;--van-border-radius-sm:2px;--van-border-radius-md:4px;--van-border-radius-lg:8px;--van-border-radius-max:999px}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,'PingFang SC',miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=van-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}@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)}.van-clearfix::after{display:table;clear:both;content:''}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[class*=van-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-gray-3);transform:scale(.5)}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after,.van-hairline-unset--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

package/lib/submit-bar/SubmitBar.d.ts

@@ -6,26 +6,26 @@ declare const _default: import("vue").DefineComponent<{
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
+    currency: {
+        type: PropType<string>;
+        default: string;
+    };
     disabled: BooleanConstructor;
     textAlign: PropType<import("csstype").TextAlignProperty | undefined>;
     buttonText: StringConstructor;
+    buttonType: {
+        type: PropType<ButtonType>;
+        default: ButtonType;
+    };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
-    safeAreaInsetBottom: {
-        type: BooleanConstructor;
-        default: true;
-    };
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    currency: {
-        type: StringConstructor;
-        default: string;
-    };
-    buttonType: {
-        type: PropType<ButtonType>;
-        default: string;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tip?: unknown;
@@ -33,15 +33,15 @@ declare const _default: import("vue").DefineComponent<{
     price?: unknown;
     tipIcon?: unknown;
     loading?: unknown;
+    currency?: unknown;
     disabled?: unknown;
     textAlign?: unknown;
     buttonText?: unknown;
+    buttonType?: unknown;
     buttonColor?: unknown;
     suffixLabel?: unknown;
-    safeAreaInsetBottom?: unknown;
     decimalLength?: unknown;
-    currency?: unknown;
-    buttonType?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     disabled: boolean;
     safeAreaInsetBottom: boolean;

package/lib/submit-bar/SubmitBar.js

@@ -22,24 +22,15 @@ var _default = (0, _vue.defineComponent)({
     price: Number,
     tipIcon: String,
     loading: Boolean,
+    currency: (0, _utils.makeStringProp)('¥'),
     disabled: Boolean,
     textAlign: String,
     buttonText: String,
+    buttonType: (0, _utils.makeStringProp)('danger'),
     buttonColor: String,
     suffixLabel: String,
-    safeAreaInsetBottom: _utils.truthProp,
-    decimalLength: {
-      type: [Number, String],
-      default: 2
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    },
-    buttonType: {
-      type: String,
-      default: 'danger'
-    }
+    decimalLength: (0, _utils.makeNumericProp)(2),
+    safeAreaInsetBottom: _utils.truthProp
   },
   emits: ['submit'],
 

package/lib/submit-bar/index.css

@@ -1 +1 @@
-:root{--van-submit-bar-height:50px;--van-submit-bar-z-index:100;--van-submit-bar-background-color:var(--van-white);--van-submit-bar-button-width:110px;--van-submit-bar-price-color:var(--van-danger-color);--van-submit-bar-currency-font-size:var(--van-font-size-md);--van-submit-bar-text-color:var(--van-text-color);--van-submit-bar-text-font-size:var(--van-font-size-md);--van-submit-bar-tip-padding:var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size:var(--van-font-size-sm);--van-submit-bar-tip-line-height:1.5;--van-submit-bar-tip-color:#f56723;--van-submit-bar-tip-background-color:#fff7cc;--van-submit-bar-tip-icon-size:12px;--van-submit-bar-button-height:40px;--van-submit-bar-padding:0 var(--van-padding-md);--van-submit-bar-price-font-size:var(--van-font-size-sm);--van-submit-bar-price-integer-font-size:20px;--van-submit-bar-price-font-family:var(--van-price-integer-font-family)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background-color:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background-color:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{min-width:calc(var(--van-submit-bar-tip-icon-size) * 1.5);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root{--van-submit-bar-height:50px;--van-submit-bar-z-index:100;--van-submit-bar-background-color:var(--van-white);--van-submit-bar-button-width:110px;--van-submit-bar-price-color:var(--van-danger-color);--van-submit-bar-price-font-size:var(--van-font-size-sm);--van-submit-bar-price-integer-font-size:20px;--van-submit-bar-price-font-family:var(--van-price-integer-font-family);--van-submit-bar-currency-font-size:var(--van-font-size-md);--van-submit-bar-text-color:var(--van-text-color);--van-submit-bar-text-font-size:var(--van-font-size-md);--van-submit-bar-tip-padding:var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size:var(--van-font-size-sm);--van-submit-bar-tip-line-height:1.5;--van-submit-bar-tip-color:#f56723;--van-submit-bar-tip-background-color:#fff7cc;--van-submit-bar-tip-icon-size:12px;--van-submit-bar-button-height:40px;--van-submit-bar-padding:0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background-color:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background-color:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

package/lib/submit-bar/index.d.ts

@@ -1,29 +1,29 @@
-declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     tip: StringConstructor;
     label: StringConstructor;
     price: NumberConstructor;
     tipIcon: StringConstructor;
     loading: BooleanConstructor;
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     disabled: BooleanConstructor;
     textAlign: import("vue").PropType<import("csstype").TextAlignProperty | undefined>;
     buttonText: StringConstructor;
+    buttonType: {
+        type: import("vue").PropType<import("..").ButtonType>;
+        default: import("..").ButtonType;
+    };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
-    safeAreaInsetBottom: {
-        type: BooleanConstructor;
-        default: true;
-    };
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    currency: {
-        type: StringConstructor;
-        default: string;
-    };
-    buttonType: {
-        type: import("vue").PropType<import("..").ButtonType>;
-        default: string;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tip?: unknown;
@@ -31,15 +31,15 @@ declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComp
     price?: unknown;
     tipIcon?: unknown;
     loading?: unknown;
+    currency?: unknown;
     disabled?: unknown;
     textAlign?: unknown;
     buttonText?: unknown;
+    buttonType?: unknown;
     buttonColor?: unknown;
     suffixLabel?: unknown;
-    safeAreaInsetBottom?: unknown;
     decimalLength?: unknown;
-    currency?: unknown;
-    buttonType?: unknown;
+    safeAreaInsetBottom?: unknown;
 } & {
     disabled: boolean;
     safeAreaInsetBottom: boolean;
@@ -67,4 +67,3 @@ declare const SubmitBar: import("../utils").WithInstall<import("vue").DefineComp
     buttonType: import("..").ButtonType;
 }>>;
 export default SubmitBar;
-export { SubmitBar };

package/lib/submit-bar/index.js

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