diff --git a/dist/image/index.js b/dist/image/index.js
index 06c9dd15..a9d007ef 100644
--- a/dist/image/index.js
+++ b/dist/image/index.js
@@ -25,6 +25,10 @@ VantComponent({
             type: String,
             value: 'fill',
         },
+        webp: {
+            type: Boolean,
+            value: false,
+        },
         showError: {
             type: Boolean,
             value: true,
diff --git a/dist/image/index.wxml b/dist/image/index.wxml
index d3092bd9..a6f573c2 100644
--- a/dist/image/index.wxml
+++ b/dist/image/index.wxml
@@ -11,6 +11,7 @@
     src="{{ src }}"
     mode="{{ computed.mode(fit) }}"
     lazy-load="{{ lazyLoad }}"
+    webp="{{ webp }}"
     class="image-class van-image__img"
     show-menu-by-longpress="{{ showMenuByLongpress }}"
     bind:load="onLoad"
diff --git a/dist/mixins/transition.js b/dist/mixins/transition.js
index bc7fc8eb..ef6fdd28 100644
--- a/dist/mixins/transition.js
+++ b/dist/mixins/transition.js
@@ -49,6 +49,9 @@ export function transition(showDefaultValue) {
                 const { duration, name } = this.data;
                 const classNames = getClassNames(name);
                 const currentDuration = isObj(duration) ? duration.enter : duration;
+                if (this.status === 'enter') {
+                    return;
+                }
                 this.status = 'enter';
                 this.$emit('before-enter');
                 requestAnimationFrame(() => {
diff --git a/dist/stepper/index.js b/dist/stepper/index.js
index a2a80880..08076d7e 100644
--- a/dist/stepper/index.js
+++ b/dist/stepper/index.js
@@ -85,7 +85,7 @@ VantComponent({
             }
         },
         isDisabled(type) {
-            const { disabled, disablePlus, disableMinus, currentValue, max, min, } = this.data;
+            const { disabled, disablePlus, disableMinus, currentValue, max, min } = this.data;
             if (type === 'plus') {
                 return disabled || disablePlus || currentValue >= max;
             }
@@ -96,6 +96,7 @@ VantComponent({
         },
         onBlur(event) {
             const value = this.format(event.detail.value);
+            this.setData({ currentValue: value });
             this.$emit('blur', Object.assign(Object.assign({}, event.detail), { value }));
         },
         // filter illegal characters
diff --git a/dist/steps/index.wxml b/dist/steps/index.wxml
index 6180b417..00c8e107 100644
--- a/dist/steps/index.wxml
+++ b/dist/steps/index.wxml
@@ -20,7 +20,7 @@
             wx:if="{{ item.inactiveIcon || inactiveIcon }}"
             color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
             name="{{ item.inactiveIcon || inactiveIcon }}"
-            custom-class="van-step__icon"
+            class="van-step__icon"
           />
           <view
             wx:else
@@ -29,7 +29,7 @@
           />
         </block>
 
-        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
+        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" class="van-step__icon" />
       </view>
       <view
         wx:if="{{ index !== steps.length - 1 }}"
diff --git a/dist/uploader/index.js b/dist/uploader/index.js
index 75c4c509..84cf5e96 100644
--- a/dist/uploader/index.js
+++ b/dist/uploader/index.js
@@ -1,9 +1,9 @@
 import { VantComponent } from '../common/component';
 import { isImageFile, chooseFile, isVideoFile } from './utils';
-import { chooseImageProps, chooseVideoProps, chooseMediaProps } from './shared';
+import { chooseImageProps, chooseVideoProps, chooseMediaProps, chooseMessageFileProps, } from './shared';
 import { isBoolean, isPromise } from '../common/validator';
 VantComponent({
-    props: Object.assign(Object.assign(Object.assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
+    props: Object.assign(Object.assign(Object.assign(Object.assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
             type: null,
             value: 80,
         }, name: {
@@ -40,7 +40,7 @@ VantComponent({
         }, uploadIcon: {
             type: String,
             value: 'photograph',
-        } }, chooseImageProps), chooseVideoProps), chooseMediaProps),
+        } }, chooseImageProps), chooseVideoProps), chooseMediaProps), chooseMessageFileProps),
     data: {
         lists: [],
         isInCount: true,
diff --git a/dist/uploader/shared.d.ts b/dist/uploader/shared.d.ts
index c4676202..50913eb2 100644
--- a/dist/uploader/shared.d.ts
+++ b/dist/uploader/shared.d.ts
@@ -44,3 +44,6 @@ export declare const chooseMediaProps: {
         value: string;
     };
 };
+export declare const chooseMessageFileProps: {
+    extension: null;
+};
diff --git a/dist/uploader/shared.js b/dist/uploader/shared.js
index 25aad0a0..7866a6d1 100644
--- a/dist/uploader/shared.js
+++ b/dist/uploader/shared.js
@@ -47,3 +47,7 @@ export const chooseMediaProps = {
         value: 'back',
     },
 };
+// props for choose file
+export const chooseMessageFileProps = {
+    extension: null,
+};
diff --git a/dist/uploader/utils.d.ts b/dist/uploader/utils.d.ts
index 7c26ee53..1e76ee68 100644
--- a/dist/uploader/utils.d.ts
+++ b/dist/uploader/utils.d.ts
@@ -10,7 +10,7 @@ export interface File {
 }
 export declare function isImageFile(item: File): boolean;
 export declare function isVideoFile(item: File): boolean;
-export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, }: {
+export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, extension, }: {
     accept: any;
     multiple: any;
     capture: any;
@@ -20,4 +20,5 @@ export declare function chooseFile({ accept, multiple, capture, compressed, maxD
     camera: any;
     maxCount: any;
     mediaType: any;
+    extension: any;
 }): Promise<File | File[]>;
diff --git a/dist/uploader/utils.js b/dist/uploader/utils.js
index cf92e4fc..62451e4d 100644
--- a/dist/uploader/utils.js
+++ b/dist/uploader/utils.js
@@ -38,7 +38,7 @@ function formatMedia(res) {
 function formatFile(res) {
     return res.tempFiles.map((item) => (Object.assign(Object.assign({}, pickExclude(item, ['path'])), { url: item.path })));
 }
-export function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, }) {
+export function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, extension, }) {
     return new Promise((resolve, reject) => {
         switch (accept) {
             case 'image':
@@ -73,12 +73,7 @@ export function chooseFile({ accept, multiple, capture, compressed, maxDuration,
                 });
                 break;
             default:
-                wx.chooseMessageFile({
-                    count: multiple ? maxCount : 1,
-                    type: accept,
-                    success: (res) => resolve(formatFile(res)),
-                    fail: reject,
-                });
+                wx.chooseMessageFile(Object.assign(Object.assign({ count: multiple ? maxCount : 1, type: accept }, (extension ? { extension } : {})), { success: (res) => resolve(formatFile(res)), fail: reject }));
                 break;
         }
     });
diff --git a/lib/image/index.js b/lib/image/index.js
index d4c62fc1..40f6812a 100644
--- a/lib/image/index.js
+++ b/lib/image/index.js
@@ -27,6 +27,10 @@ var button_1 = require("../mixins/button");
             type: String,
             value: 'fill',
         },
+        webp: {
+            type: Boolean,
+            value: false,
+        },
         showError: {
             type: Boolean,
             value: true,
diff --git a/lib/image/index.wxml b/lib/image/index.wxml
index d3092bd9..a6f573c2 100644
--- a/lib/image/index.wxml
+++ b/lib/image/index.wxml
@@ -11,6 +11,7 @@
     src="{{ src }}"
     mode="{{ computed.mode(fit) }}"
     lazy-load="{{ lazyLoad }}"
+    webp="{{ webp }}"
     class="image-class van-image__img"
     show-menu-by-longpress="{{ showMenuByLongpress }}"
     bind:load="onLoad"
diff --git a/lib/mixins/transition.js b/lib/mixins/transition.js
index 2b294312..4a1b62f5 100644
--- a/lib/mixins/transition.js
+++ b/lib/mixins/transition.js
@@ -53,6 +53,9 @@ function transition(showDefaultValue) {
                 var _a = this.data, duration = _a.duration, name = _a.name;
                 var classNames = getClassNames(name);
                 var currentDuration = (0, validator_1.isObj)(duration) ? duration.enter : duration;
+                if (this.status === 'enter') {
+                    return;
+                }
                 this.status = 'enter';
                 this.$emit('before-enter');
                 (0, utils_1.requestAnimationFrame)(function () {
diff --git a/lib/stepper/index.js b/lib/stepper/index.js
index 80f91faa..1674b4f1 100644
--- a/lib/stepper/index.js
+++ b/lib/stepper/index.js
@@ -109,6 +109,7 @@ function equal(value1, value2) {
         },
         onBlur: function (event) {
             var value = this.format(event.detail.value);
+            this.setData({ currentValue: value });
             this.$emit('blur', __assign(__assign({}, event.detail), { value: value }));
         },
         // filter illegal characters
diff --git a/lib/steps/index.wxml b/lib/steps/index.wxml
index 6180b417..00c8e107 100644
--- a/lib/steps/index.wxml
+++ b/lib/steps/index.wxml
@@ -20,7 +20,7 @@
             wx:if="{{ item.inactiveIcon || inactiveIcon }}"
             color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
             name="{{ item.inactiveIcon || inactiveIcon }}"
-            custom-class="van-step__icon"
+            class="van-step__icon"
           />
           <view
             wx:else
@@ -29,7 +29,7 @@
           />
         </block>
 
-        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
+        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" class="van-step__icon" />
       </view>
       <view
         wx:if="{{ index !== steps.length - 1 }}"
diff --git a/lib/uploader/index.js b/lib/uploader/index.js
index 0420bddb..7eff33c3 100644
--- a/lib/uploader/index.js
+++ b/lib/uploader/index.js
@@ -16,7 +16,7 @@ var utils_1 = require("./utils");
 var shared_1 = require("./shared");
 var validator_1 = require("../common/validator");
 (0, component_1.VantComponent)({
-    props: __assign(__assign(__assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
+    props: __assign(__assign(__assign(__assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
             type: null,
             value: 80,
         }, name: {
@@ -53,7 +53,7 @@ var validator_1 = require("../common/validator");
         }, uploadIcon: {
             type: String,
             value: 'photograph',
-        } }, shared_1.chooseImageProps), shared_1.chooseVideoProps), shared_1.chooseMediaProps),
+        } }, shared_1.chooseImageProps), shared_1.chooseVideoProps), shared_1.chooseMediaProps), shared_1.chooseMessageFileProps),
     data: {
         lists: [],
         isInCount: true,
diff --git a/lib/uploader/shared.d.ts b/lib/uploader/shared.d.ts
index c4676202..50913eb2 100644
--- a/lib/uploader/shared.d.ts
+++ b/lib/uploader/shared.d.ts
@@ -44,3 +44,6 @@ export declare const chooseMediaProps: {
         value: string;
     };
 };
+export declare const chooseMessageFileProps: {
+    extension: null;
+};
diff --git a/lib/uploader/shared.js b/lib/uploader/shared.js
index 6b2f2c45..5986ebea 100644
--- a/lib/uploader/shared.js
+++ b/lib/uploader/shared.js
@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.chooseMediaProps = exports.chooseVideoProps = exports.chooseImageProps = void 0;
+exports.chooseMessageFileProps = exports.chooseMediaProps = exports.chooseVideoProps = exports.chooseImageProps = void 0;
 // props for choose image
 exports.chooseImageProps = {
     sizeType: {
@@ -50,3 +50,7 @@ exports.chooseMediaProps = {
         value: 'back',
     },
 };
+// props for choose file
+exports.chooseMessageFileProps = {
+    extension: null,
+};
diff --git a/lib/uploader/utils.d.ts b/lib/uploader/utils.d.ts
index 7c26ee53..1e76ee68 100644
--- a/lib/uploader/utils.d.ts
+++ b/lib/uploader/utils.d.ts
@@ -10,7 +10,7 @@ export interface File {
 }
 export declare function isImageFile(item: File): boolean;
 export declare function isVideoFile(item: File): boolean;
-export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, }: {
+export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount, mediaType, extension, }: {
     accept: any;
     multiple: any;
     capture: any;
@@ -20,4 +20,5 @@ export declare function chooseFile({ accept, multiple, capture, compressed, maxD
     camera: any;
     maxCount: any;
     mediaType: any;
+    extension: any;
 }): Promise<File | File[]>;
diff --git a/lib/uploader/utils.js b/lib/uploader/utils.js
index be93a9a5..89d7dd51 100644
--- a/lib/uploader/utils.js
+++ b/lib/uploader/utils.js
@@ -55,7 +55,7 @@ function formatFile(res) {
     return res.tempFiles.map(function (item) { return (__assign(__assign({}, (0, utils_1.pickExclude)(item, ['path'])), { url: item.path })); });
 }
 function chooseFile(_a) {
-    var accept = _a.accept, multiple = _a.multiple, capture = _a.capture, compressed = _a.compressed, maxDuration = _a.maxDuration, sizeType = _a.sizeType, camera = _a.camera, maxCount = _a.maxCount, mediaType = _a.mediaType;
+    var accept = _a.accept, multiple = _a.multiple, capture = _a.capture, compressed = _a.compressed, maxDuration = _a.maxDuration, sizeType = _a.sizeType, camera = _a.camera, maxCount = _a.maxCount, mediaType = _a.mediaType, extension = _a.extension;
     return new Promise(function (resolve, reject) {
         switch (accept) {
             case 'image':
@@ -90,12 +90,7 @@ function chooseFile(_a) {
                 });
                 break;
             default:
-                wx.chooseMessageFile({
-                    count: multiple ? maxCount : 1,
-                    type: accept,
-                    success: function (res) { return resolve(formatFile(res)); },
-                    fail: reject,
-                });
+                wx.chooseMessageFile(__assign(__assign({ count: multiple ? maxCount : 1, type: accept }, (extension ? { extension: extension } : {})), { success: function (res) { return resolve(formatFile(res)); }, fail: reject }));
                 break;
         }
     });