vant 3.2.6 → 3.2.7

package/es/steps/index.d.ts

@@ -1,12 +1,11 @@
-import { StepsDirection } from './Steps';
 export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<StepsDirection>;
-        default: StepsDirection;
+        type: import("vue").PropType<import("./Steps").StepsDirection>;
+        default: import("./Steps").StepsDirection;
     };
     activeIcon: {
         type: import("vue").PropType<string>;
@@ -28,7 +27,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     inactiveColor?: unknown;
 } & {
     active: string | number;
-    direction: StepsDirection;
+    direction: import("./Steps").StepsDirection;
     activeIcon: string;
 } & {
     iconPrefix?: string | undefined;
@@ -40,8 +39,8 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     "onClick-step"?: ((...args: any[]) => any) | undefined;
 }, {
     active: string | number;
-    direction: StepsDirection;
+    direction: import("./Steps").StepsDirection;
     activeIcon: string;
 }>>;
 export default Steps;
-export type { StepsDirection };
+export type { StepsProps, StepsDirection } from './Steps';

package/es/steps/var.less

@@ -1,3 +1,3 @@
 @import '../style/var.less';
 
-@steps-background-color: var(--van-white);
+@steps-background-color: var(--van-background-color-light);

package/es/sticky/Sticky.d.ts

@@ -1,5 +1,22 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type StickyPosition = 'top' | 'bottom';
+declare const stickyProps: {
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: PropType<StickyPosition>;
+        default: StickyPosition;
+    };
+    container: PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type StickyProps = ExtractPropTypes<typeof stickyProps>;
 declare const _default: import("vue").DefineComponent<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {

package/es/sticky/Sticky.js

@@ -6,21 +6,23 @@ import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle,
 import { useRect, useEventListener, useScrollParent } from '@vant/use';
 import { useVisibilityChange } from '../composables/use-visibility-change';
 var [name, bem] = createNamespace('sticky');
+var stickyProps = {
+  zIndex: numericProp,
+  position: makeStringProp('top'),
+  container: Object,
+  offsetTop: makeNumericProp(0),
+  offsetBottom: makeNumericProp(0)
+};
 export default defineComponent({
   name,
-  props: {
-    zIndex: numericProp,
-    position: makeStringProp('top'),
-    container: Object,
-    offsetTop: makeNumericProp(0),
-    offsetBottom: makeNumericProp(0)
-  },
+  props: stickyProps,
   emits: ['scroll', 'change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var scrollParent = useScrollParent(root);
     var state = reactive({

package/es/sticky/index.d.ts

@@ -35,4 +35,4 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
     offsetBottom: string | number;
 }>>;
 export default Sticky;
-export type { StickyPosition } from './Sticky';
+export type { StickyProps, StickyPosition } from './Sticky';

package/es/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: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}
+: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-text-color-2:var(--van-gray-6);--van-text-color-3:var(--van-gray-5);--van-text-link-color:#576b95;--van-active-color:var(--van-gray-2);--van-active-opacity:0.6;--van-disabled-opacity:0.5;--van-background-color:var(--van-gray-1);--van-background-color-light:var(--van-white);--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)}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[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-border-color);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/es/style/base.less

@@ -31,6 +31,10 @@
   padding-bottom: env(safe-area-inset-bottom);
 }
 
+.van-haptics-feedback:active {
+  opacity: var(--van-active-opacity);
+}
+
 [class*='van-hairline'] {
   &::after {
     .hairline();

package/es/style/css-variables.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}
+: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-text-color-2:var(--van-gray-6);--van-text-color-3:var(--van-gray-5);--van-text-link-color:#576b95;--van-active-color:var(--van-gray-2);--van-active-opacity:0.6;--van-disabled-opacity:0.5;--van-background-color:var(--van-gray-1);--van-background-color-light:var(--van-white);--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}

package/es/style/css-variables.less

@@ -29,12 +29,14 @@
   --van-danger-color: @danger-color;
   --van-warning-color: @warning-color;
   --van-text-color: @text-color;
+  --van-text-color-2: @text-color-2;
+  --van-text-color-3: @text-color-3;
+  --van-text-link-color: @text-link-color;
   --van-active-color: @active-color;
   --van-active-opacity: @active-opacity;
   --van-disabled-opacity: @disabled-opacity;
   --van-background-color: @background-color;
   --van-background-color-light: @background-color-light;
-  --van-text-link-color: @text-link-color;
 
   // Padding
   --van-padding-base: @padding-base;

package/es/style/mixins/hairline.less

@@ -7,7 +7,7 @@
   pointer-events: none;
 }
 
-.hairline(@color: @border-color) {
+.hairline(@color: var(--van-border-color)) {
   .hairline-common();
 
   top: -50%;
@@ -18,7 +18,7 @@
   transform: scale(0.5);
 }
 
-.hairline-top(@color: @border-color, @left: 0, @right: 0) {
+.hairline-top(@color: var(--van-border-color), @left: 0, @right: 0) {
   .hairline-common();
 
   top: 0;
@@ -28,7 +28,7 @@
   transform: scaleY(0.5);
 }
 
-.hairline-bottom(@color: @border-color, @left: 0, @right: 0) {
+.hairline-bottom(@color: var(--van-border-color), @left: 0, @right: 0) {
   .hairline-common();
 
   right: @right;

package/es/style/var.less

@@ -26,12 +26,14 @@
 @danger-color: var(--van-red);
 @warning-color: var(--van-orange);
 @text-color: var(--van-gray-8);
+@text-color-2: var(--van-gray-6);
+@text-color-3: var(--van-gray-5);
+@text-link-color: #576b95;
 @active-color: var(--van-gray-2);
-@active-opacity: 0.7;
+@active-opacity: 0.6;
 @disabled-opacity: 0.5;
 @background-color: var(--van-gray-1);
-@background-color-light: #fafafa;
-@text-link-color: #576b95;
+@background-color-light: var(--van-white);
 
 // Padding
 @padding-base: 4px;

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

@@ -1,5 +1,34 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
+declare const submitBarProps: {
+    tip: StringConstructor;
+    label: StringConstructor;
+    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;
+    decimalLength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type SubmitBarProps = ExtractPropTypes<typeof submitBarProps>;
 declare const _default: import("vue").DefineComponent<{
     tip: StringConstructor;
     label: StringConstructor;

package/es/submit-bar/SubmitBar.js

@@ -5,30 +5,33 @@ import { truthProp, makeStringProp, makeNumericProp, createNamespace } from '../
 import { Icon } from '../icon';
 import { Button } from '../button';
 var [name, bem, t] = createNamespace('submit-bar');
+var submitBarProps = {
+  tip: String,
+  label: String,
+  price: Number,
+  tipIcon: String,
+  loading: Boolean,
+  currency: makeStringProp('¥'),
+  disabled: Boolean,
+  textAlign: String,
+  buttonText: String,
+  buttonType: makeStringProp('danger'),
+  buttonColor: String,
+  suffixLabel: String,
+  decimalLength: makeNumericProp(2),
+  safeAreaInsetBottom: truthProp
+};
 export default defineComponent({
   name,
-  props: {
-    tip: String,
-    label: String,
-    price: Number,
-    tipIcon: String,
-    loading: Boolean,
-    currency: makeStringProp('¥'),
-    disabled: Boolean,
-    textAlign: String,
-    buttonText: String,
-    buttonType: makeStringProp('danger'),
-    buttonColor: String,
-    suffixLabel: String,
-    decimalLength: makeNumericProp(2),
-    safeAreaInsetBottom: truthProp
-  },
+  props: submitBarProps,
   emits: ['submit'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var renderText = () => {
       var {
         price,

package/es/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-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: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: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)}
+:root{--van-submit-bar-height:50px;--van-submit-bar-z-index:100;--van-submit-bar-background-color:var(--van-background-color-light);--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:var(--van-orange-dark);--van-submit-bar-tip-background-color:var(--van-orange-light);--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: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: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/es/submit-bar/var.less

@@ -2,7 +2,7 @@
 
 @submit-bar-height: 50px;
 @submit-bar-z-index: 100;
-@submit-bar-background-color: var(--van-white);
+@submit-bar-background-color: var(--van-background-color-light);
 @submit-bar-button-width: 110px;
 @submit-bar-price-color: var(--van-danger-color);
 @submit-bar-price-font-size: var(--van-font-size-md);
@@ -12,8 +12,8 @@
 @submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);
 @submit-bar-tip-font-size: var(--van-font-size-sm);
 @submit-bar-tip-line-height: 1.5;
-@submit-bar-tip-color: #f56723;
-@submit-bar-tip-background-color: #fff7cc;
+@submit-bar-tip-color: var(--van-orange-dark);
+@submit-bar-tip-background-color: var(--van-orange-light);
 @submit-bar-tip-icon-size: 12px;
 @submit-bar-button-height: 40px;
 @submit-bar-padding: 0 var(--van-padding-md);

package/es/swipe/Swipe.d.ts

@@ -1,6 +1,6 @@
 import { InjectionKey, ExtractPropTypes } from 'vue';
 import { SwipeProvide } from './types';
-declare const props: {
+declare const swipeProps: {
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -35,7 +35,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type SwipeProps = ExtractPropTypes<typeof props>;
+export declare type SwipeProps = ExtractPropTypes<typeof swipeProps>;
 export declare const SWIPE_KEY: InjectionKey<SwipeProvide>;
 declare const _default: import("vue").DefineComponent<{
     loop: {

package/es/swipe/Swipe.js

@@ -9,7 +9,7 @@ import { useExpose } from '../composables/use-expose';
 import { onPopupReopen } from '../composables/on-popup-reopen'; // Types
 
 var [name, bem] = createNamespace('swipe');
-var props = {
+var swipeProps = {
   loop: truthProp,
   width: numericProp,
   height: numericProp,
@@ -26,13 +26,14 @@ var props = {
 export var SWIPE_KEY = Symbol(name);
 export default defineComponent({
   name,
-  props,
+  props: swipeProps,
   emits: ['change'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = ref();
     var state = reactive({
       rect: null,
@@ -98,7 +99,11 @@ export default defineComponent({
       return active;
     };
 
-    var getTargetOffset = (targetActive, offset = 0) => {
+    var getTargetOffset = function (targetActive, offset) {
+      if (offset === void 0) {
+        offset = 0;
+      }
+
       var currentPosition = targetActive * size.value;
 
       if (!props.loop) {
@@ -114,11 +119,13 @@ export default defineComponent({
       return targetOffset;
     };
 
-    var move = ({
-      pace = 0,
-      offset = 0,
-      emitChange
-    }) => {
+    var move = _ref2 => {
+      var {
+        pace = 0,
+        offset = 0,
+        emitChange
+      } = _ref2;
+
       if (count.value <= 1) {
         return;
       }
@@ -205,7 +212,11 @@ export default defineComponent({
     }; // initialize swipe position
 
 
-    var initialize = (active = +props.initialSwipe) => {
+    var initialize = function (active) {
+      if (active === void 0) {
+        active = +props.initialSwipe;
+      }
+
       if (!root.value) {
         return;
       }
@@ -293,7 +304,11 @@ export default defineComponent({
       autoplay();
     };
 
-    var swipeTo = (index, options = {}) => {
+    var swipeTo = function (index, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
       correctPosition();
       touch.reset();
       doubleRaf(() => {

package/es/swipe-cell/SwipeCell.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-declare const props: {
+declare const swipeCellProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -11,7 +11,7 @@ declare const props: {
     beforeClose: PropType<Interceptor>;
     stopPropagation: BooleanConstructor;
 };
-export declare type SwipeCellProps = ExtractPropTypes<typeof props>;
+export declare type SwipeCellProps = ExtractPropTypes<typeof swipeCellProps>;
 declare const _default: import("vue").DefineComponent<{
     name: {
         type: (NumberConstructor | StringConstructor)[];

package/es/swipe-cell/SwipeCell.js

@@ -8,7 +8,7 @@ import { useTouch } from '../composables/use-touch';
 import { useExpose } from '../composables/use-expose'; // Types
 
 var [name, bem] = createNamespace('swipe-cell');
-var props = {
+var swipeCellProps = {
   name: makeNumericProp(''),
   disabled: Boolean,
   leftWidth: numericProp,
@@ -18,13 +18,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: swipeCellProps,
   emits: ['open', 'close', 'click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var opened;
     var lockClick;
     var startOffset;
@@ -117,7 +118,11 @@ export default defineComponent({
       }
     };
 
-    var onClick = (position = 'outside') => {
+    var onClick = function (position) {
+      if (position === void 0) {
+        position = 'outside';
+      }
+
       emit('click', position);
 
       if (opened && !lockClick) {

package/es/swipe-item/SwipeItem.js

@@ -10,9 +10,10 @@ var [name, bem] = createNamespace('swipe-item');
 export default defineComponent({
   name,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var rendered;
     var state = reactive({
       offset: 0,

package/es/switch/Switch.d.ts

@@ -1,3 +1,21 @@
+import { ExtractPropTypes } from 'vue';
+declare const switchProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    modelValue: import("vue").PropType<unknown>;
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
+    activeValue: {
+        type: import("vue").PropType<unknown>;
+        default: unknown;
+    };
+    inactiveValue: {
+        type: import("vue").PropType<unknown>;
+        default: unknown;
+    };
+};
+export declare type SwitchProps = ExtractPropTypes<typeof switchProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;

package/es/switch/Switch.js

@@ -4,29 +4,32 @@ import { addUnit, numericProp, unknownProp, createNamespace } from '../utils';
 import { useCustomFieldValue } from '@vant/use';
 import { Loading } from '../loading';
 var [name, bem] = createNamespace('switch');
+var switchProps = {
+  size: numericProp,
+  loading: Boolean,
+  disabled: Boolean,
+  modelValue: unknownProp,
+  activeColor: String,
+  inactiveColor: String,
+  activeValue: {
+    type: unknownProp,
+    default: true
+  },
+  inactiveValue: {
+    type: unknownProp,
+    default: false
+  }
+};
 export default defineComponent({
   name,
-  props: {
-    size: numericProp,
-    loading: Boolean,
-    disabled: Boolean,
-    modelValue: unknownProp,
-    activeColor: String,
-    inactiveColor: String,
-    activeValue: {
-      type: unknownProp,
-      default: true
-    },
-    inactiveValue: {
-      type: unknownProp,
-      default: false
-    }
-  },
+  props: switchProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
+
     var isChecked = () => props.modelValue === props.activeValue;
 
     var onClick = () => {

package/es/switch/index.css

@@ -1 +1 @@
-:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-white);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);background:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}
+:root{--van-switch-size:30px;--van-switch-width:2em;--van-switch-height:1em;--van-switch-node-size:1em;--van-switch-node-background-color:var(--van-white);--van-switch-node-box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.05),0 2px 2px 0 rgba(0, 0, 0, 0.1),0 3px 3px 0 rgba(0, 0, 0, 0.05);--van-switch-background-color:var(--van-background-color-light);--van-switch-on-background-color:var(--van-primary-color);--van-switch-transition-duration:var(--van-animation-duration-base);--van-switch-disabled-opacity:var(--van-disabled-opacity);--van-switch-border:var(--van-border-width-base) solid rgba(0, 0, 0, 0.1)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--van-switch-width);height:var(--van-switch-height);font-size:var(--van-switch-size);background:var(--van-switch-background-color);border:var(--van-switch-border);border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-transition-duration)}.van-switch__node{position:absolute;top:0;left:0;width:var(--van-switch-node-size);height:var(--van-switch-node-size);background:var(--van-switch-node-background-color);border-radius:100%;box-shadow:var(--van-switch-node-box-shadow);transition:transform var(--van-switch-transition-duration) cubic-bezier(.3, 1.05, .4, 1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background-color)}.van-switch--on .van-switch__node{transform:translateX(calc(var(--van-switch-width) - var(--van-switch-node-size)))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background-color)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}

package/es/switch/index.d.ts

@@ -42,3 +42,4 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
     inactiveValue: unknown;
 }>>;
 export default Switch;
+export type { SwitchProps } from './Switch';

package/es/switch/var.less

@@ -7,7 +7,7 @@
 @switch-node-background-color: var(--van-white);
 @switch-node-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05),
   0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
-@switch-background-color: var(--van-white);
+@switch-background-color: var(--van-background-color-light);
 @switch-on-background-color: var(--van-primary-color);
 @switch-transition-duration: var(--van-animation-duration-base);
 @switch-disabled-opacity: var(--van-disabled-opacity);

package/es/tab/Tab.d.ts

@@ -1,4 +1,22 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+declare const tabProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    title: StringConstructor;
+    disabled: BooleanConstructor;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type TabProps = ExtractPropTypes<typeof tabProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;