vant 3.2.2 → 3.2.6

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

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 @@
 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 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         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;

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: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/lib/submit-bar/index.d.ts

@@ -4,26 +4,26 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     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 @@ export declare const SubmitBar: import("../utils").WithInstall<import("vue").Def
     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/index.less

@@ -7,6 +7,8 @@
   --van-submit-bar-button-width: @submit-bar-button-width;
   --van-submit-bar-price-color: @submit-bar-price-color;
   --van-submit-bar-price-font-size: @submit-bar-price-font-size;
+  --van-submit-bar-price-integer-font-size: @submit-bar-price-integer-font-size;
+  --van-submit-bar-price-font-family: @submit-bar-price-font-family;
   --van-submit-bar-currency-font-size: @submit-bar-currency-font-size;
   --van-submit-bar-text-color: @submit-bar-text-color;
   --van-submit-bar-text-font-size: @submit-bar-text-font-size;
@@ -18,9 +20,6 @@
   --van-submit-bar-tip-icon-size: @submit-bar-tip-icon-size;
   --van-submit-bar-button-height: @submit-bar-button-height;
   --van-submit-bar-padding: @submit-bar-padding;
-  --van-submit-bar-price-font-size: @submit-bar-price-font-size;
-  --van-submit-bar-price-integer-font-size: @submit-bar-price-integer-font-size;
-  --van-submit-bar-price-font-family: @submit-bar-price-font-family;
 }
 
 .van-submit-bar {
@@ -29,7 +28,7 @@
   left: 0;
   z-index: var(--van-submit-bar-z-index);
   width: 100%;
-  background-color: var(--van-submit-bar-background-color);
+  background: var(--van-submit-bar-background-color);
   user-select: none;
 
   &__tip {
@@ -37,11 +36,11 @@
     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);
+    background: var(--van-submit-bar-tip-background-color);
   }
 
   &__tip-icon {
-    min-width: calc(var(--van-submit-bar-tip-icon-size) * 1.5);
+    margin-right: var(--van-padding-base);
     font-size: var(--van-submit-bar-tip-icon-size);
     vertical-align: middle;
   }

package/lib/swipe/Swipe.d.ts

@@ -8,11 +8,23 @@ declare const props: {
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     vertical: BooleanConstructor;
+    autoplay: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     touchable: {
         type: BooleanConstructor;
         default: true;
     };
     lazyRender: BooleanConstructor;
+    initialSwipe: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     indicatorColor: StringConstructor;
     showIndicators: {
         type: BooleanConstructor;
@@ -22,18 +34,6 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
-    autoplay: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    initialSwipe: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 };
 export declare type SwipeProps = ExtractPropTypes<typeof props>;
 export declare const SWIPE_KEY: InjectionKey<SwipeProvide>;
@@ -45,11 +45,23 @@ declare const _default: import("vue").DefineComponent<{
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     vertical: BooleanConstructor;
+    autoplay: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     touchable: {
         type: BooleanConstructor;
         default: true;
     };
     lazyRender: BooleanConstructor;
+    initialSwipe: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     indicatorColor: StringConstructor;
     showIndicators: {
         type: BooleanConstructor;
@@ -59,41 +71,29 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    autoplay: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    initialSwipe: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     loop?: unknown;
     width?: unknown;
     height?: unknown;
     vertical?: unknown;
+    autoplay?: unknown;
+    duration?: unknown;
     touchable?: unknown;
     lazyRender?: unknown;
+    initialSwipe?: unknown;
     indicatorColor?: unknown;
     showIndicators?: unknown;
     stopPropagation?: unknown;
-    autoplay?: unknown;
-    duration?: unknown;
-    initialSwipe?: unknown;
 } & {
+    autoplay: string | number;
+    loop: boolean;
     vertical: boolean;
     duration: string | number;
     lazyRender: boolean;
-    loop: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    autoplay: string | number;
-    initialSwipe: string | number;
 } & {
     width?: string | number | undefined;
     height?: string | number | undefined;
@@ -101,14 +101,14 @@ declare const _default: import("vue").DefineComponent<{
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
+    autoplay: string | number;
+    loop: boolean;
     vertical: boolean;
     duration: string | number;
     lazyRender: boolean;
-    loop: boolean;
     touchable: boolean;
+    initialSwipe: string | number;
     showIndicators: boolean;
     stopPropagation: boolean;
-    autoplay: string | number;
-    initialSwipe: string | number;
 }>;
 export default _default;

package/lib/swipe/Swipe.js

@@ -20,26 +20,17 @@ var _onPopupReopen = require("../composables/on-popup-reopen");
 var [name, bem] = (0, _utils.createNamespace)('swipe');
 var props = {
   loop: _utils.truthProp,
-  width: [Number, String],
-  height: [Number, String],
+  width: _utils.numericProp,
+  height: _utils.numericProp,
   vertical: Boolean,
+  autoplay: (0, _utils.makeNumericProp)(0),
+  duration: (0, _utils.makeNumericProp)(500),
   touchable: _utils.truthProp,
   lazyRender: Boolean,
+  initialSwipe: (0, _utils.makeNumericProp)(0),
   indicatorColor: String,
   showIndicators: _utils.truthProp,
-  stopPropagation: _utils.truthProp,
-  autoplay: {
-    type: [Number, String],
-    default: 0
-  },
-  duration: {
-    type: [Number, String],
-    default: 500
-  },
-  initialSwipe: {
-    type: [Number, String],
-    default: 0
-  }
+  stopPropagation: _utils.truthProp
 };
 var SWIPE_KEY = Symbol(name);
 exports.SWIPE_KEY = SWIPE_KEY;
@@ -252,6 +243,7 @@ var _default = (0, _vue.defineComponent)({
       children.forEach(swipe => {
         swipe.setOffset(0);
       });
+      autoplay();
     };
 
     var resize = () => initialize(state.active);
@@ -383,7 +375,7 @@ var _default = (0, _vue.defineComponent)({
     });
     (0, _vue.watch)(() => props.initialSwipe, value => initialize(+value));
     (0, _vue.watch)(count, () => initialize(state.active));
-    (0, _vue.watch)([count, () => props.autoplay], autoplay);
+    (0, _vue.watch)(() => props.autoplay, autoplay);
     (0, _vue.watch)([windowSize.width, windowSize.height], resize);
     (0, _vue.watch)((0, _use.usePageVisibility)(), visible => {
       if (visible === 'visible') {