build: compile 1.0.2

dist/field/index.js

@@ -76,7 +76,8 @@ VantComponent({
     methods: {
         onInput(event) {
             const { value = '' } = event.detail || {};
-            this.setData({ value }, () => {
+            this.setData({ value });
+            wx.nextTick(() => {
                 this.emitChange(value);
             });
         },
@@ -92,7 +93,8 @@ VantComponent({
             this.$emit('click-icon');
         },
         onClear() {
-            this.setData({ value: '' }, () => {
+            this.setData({ value: '' });
+            wx.nextTick(() => {
                 this.emitChange('');
                 this.$emit('clear', '');
             });
@@ -103,6 +105,7 @@ VantComponent({
         emitChange(value) {
             this.$emit('input', value);
             this.$emit('change', value);
-        }
+        },
+        noop() { }
     }
 });

dist/field/index.wxml

@@ -70,7 +70,7 @@
       size="16px"
       name="clear"
       class="van-field__clear-root van-field__icon-root"
-      bindtouchstart="onClear"
+      catch:touchstart="onClear"
     />
     <view class="van-field__icon-container" bind:tap="onClickIcon">
       <van-icon

dist/index-bar/index.js

@@ -74,12 +74,14 @@ VantComponent({
             ]);
         },
         setAnchorsRect() {
-            return Promise.all(this.children.map(anchor => (anchor.getRect('.van-index-anchor-wrapper').then((rect) => {
+            return Promise.all(this.children.map(anchor => anchor
+                .getRect('.van-index-anchor-wrapper')
+                .then((rect) => {
                 Object.assign(anchor, {
                     height: rect.height,
                     top: rect.top + this.data.scrollTop
                 });
-            }))));
+            })));
         },
         setListRect() {
             return this.getRect('.van-index-bar').then((rect) => {
@@ -109,7 +111,9 @@ VantComponent({
             }
         },
         getAnchorRect(anchor) {
-            return anchor.getRect('.van-index-anchor-wrapper').then((rect) => ({
+            return anchor
+                .getRect('.van-index-anchor-wrapper')
+                .then((rect) => ({
                 height: rect.height,
                 top: rect.top
             }));
@@ -142,7 +146,8 @@ VantComponent({
             if (sticky) {
                 let isActiveAnchorSticky = false;
                 if (active !== -1) {
-                    isActiveAnchorSticky = children[active].top <= stickyOffsetTop + scrollTop;
+                    isActiveAnchorSticky =
+                        children[active].top <= stickyOffsetTop + scrollTop;
                 }
                 children.forEach((item, index) => {
                     if (index === active) {
@@ -198,7 +203,7 @@ VantComponent({
                             data: {
                                 active: false,
                                 anchorStyle: '',
-                                wrapperStyle: '',
+                                wrapperStyle: ''
                             }
                         });
                     }
@@ -229,12 +234,14 @@ VantComponent({
                 return;
             }
             this.scrollToAnchorIndex = index;
-            const anchor = this.children.filter(item => item.data.index === this.data.indexList[index])[0];
+            const anchor = this.children.find((item) => item.data.index === this.data.indexList[index]);
-            this.$emit('select', anchor.data.index);
+            if (anchor) {
-            anchor && wx.pageScrollTo({
+                this.$emit('select', anchor.data.index);
-                duration: 0,
+                wx.pageScrollTo({
-                scrollTop: anchor.top
+                    duration: 0,
-            });
+                    scrollTop: anchor.top
+                });
+            }
         }
     }
 });

dist/skeleton/index.js

@@ -1,5 +1,6 @@
 import { VantComponent } from '../common/component';
 VantComponent({
+    classes: ['avatar-class', 'title-class', 'row-class'],
     props: {
         row: {
             type: Number,

dist/skeleton/index.wxml

@@ -6,20 +6,20 @@
 >
   <view
     wx:if="{{ avatar }}"
-    class="{{ utils.bem('skeleton__avatar', [avatarShape])}}"
+    class="avatar-class {{ utils.bem('skeleton__avatar', [avatarShape])}}"
     style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
   />
   <view class="{{ utils.bem('skeleton__content')}}">
     <view
       wx:if="{{ title }}"
-      class="{{ utils.bem('skeleton__title') }}"
+      class="title-class {{ utils.bem('skeleton__title') }}"
       style="{{ 'width:' + titleWidth }}"
     />
     <view
       wx:for="{{ row }}"
       wx:key="index"
       wx:for-index="index"
-      class="{{ utils.bem('skeleton__row') }}"
+      class="row-class {{ utils.bem('skeleton__row') }}"
       style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
     />
   </view>

dist/swipe-cell/index.js

@@ -8,11 +8,21 @@ VantComponent({
         disabled: Boolean,
         leftWidth: {
             type: Number,
-            value: 0
+            value: 0,
+            observer(leftWidth = 0) {
+                if (this.offset > 0) {
+                    this.swipeMove(leftWidth);
+                }
+            }
         },
         rightWidth: {
             type: Number,
-            value: 0
+            value: 0,
+            observer(rightWidth = 0) {
+                if (this.offset < 0) {
+                    this.swipeMove(-rightWidth);
+                }
+            }
         },
         asyncClose: Boolean,
         name: {

dist/tab/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane,:host{box-sizing:border-box}.van-tab__pane{overflow-y:auto}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.wxss';:host{-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane,:host{box-sizing:border-box}.van-tab__pane{overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}

dist/uploader/index.js

@@ -1,5 +1,5 @@
 import { VantComponent } from '../common/component';
-import { isImageFile } from './utils';
+import { isImageFile, isVideo } from './utils';
 VantComponent({
     props: {
         disabled: Boolean,
@@ -54,6 +54,18 @@ VantComponent({
         imageFit: {
             type: String,
             value: 'scaleToFill'
+        },
+        camera: {
+            type: String,
+            value: 'back'
+        },
+        compressed: {
+            type: Boolean,
+            value: true
+        },
+        maxDuration: {
+            type: Number,
+            value: 60
         }
     },
     data: {
@@ -70,7 +82,7 @@ VantComponent({
         startUpload() {
             if (this.data.disabled)
                 return;
-            const { name = '', capture, maxCount, multiple, maxSize, accept, sizeType, lists, useBeforeRead = false // 是否定义了 beforeRead
+            const { name = '', capture, maxCount, multiple, maxSize, accept, sizeType, lists, camera, compressed, maxDuration, useBeforeRead = false // 是否定义了 beforeRead
              } = this.data;
             let chooseFile = null;
             const newMaxCount = maxCount - lists.length;
@@ -86,6 +98,18 @@ VantComponent({
                     });
                 });
             }
+            else if (accept === 'video') {
+                chooseFile = new Promise((resolve, reject) => {
+                    wx.chooseVideo({
+                        sourceType: capture,
+                        compressed,
+                        maxDuration,
+                        camera,
+                        success: resolve,
+                        fail: reject
+                    });
+                });
+            }
             else {
                 chooseFile = new Promise((resolve, reject) => {
                     wx.chooseMessageFile({
@@ -98,7 +122,13 @@ VantComponent({
             }
             chooseFile
                 .then((res) => {
-                const file = multiple ? res.tempFiles : res.tempFiles[0];
+                let file = null;
+                if (isVideo(res, accept)) {
+                    file = Object.assign({ path: res.tempFilePath }, res);
+                }
+                else {
+                    file = multiple ? res.tempFiles : res.tempFiles[0];
+                }
                 // 检查文件大小
                 if (file instanceof Array) {
                     const sizeEnable = file.every(item => item.size <= maxSize);

dist/uploader/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="miniprogram-api-typings" />
 interface File {
     path: string;
     url: string;
@@ -9,4 +10,5 @@ interface File {
 }
 export declare function isImageUrl(url: string): boolean;
 export declare function isImageFile(item: File): boolean;
+export declare function isVideo(res: any, accept: any): res is WechatMiniprogram.ChooseVideoSuccessCallbackResult;
 export {};

dist/uploader/utils.js

@@ -14,3 +14,6 @@ export function isImageFile(item) {
     }
     return false;
 }
+export function isVideo(res, accept) {
+    return accept === 'video';
+}

lib/field/index.js

@@ -79,7 +79,8 @@ component_1.VantComponent({
         onInput: function (event) {
             var _this = this;
             var _a = (event.detail || {}).value, value = _a === void 0 ? '' : _a;
-            this.setData({ value: value }, function () {
+            this.setData({ value: value });
+            wx.nextTick(function () {
                 _this.emitChange(value);
             });
         },
@@ -96,7 +97,8 @@ component_1.VantComponent({
         },
         onClear: function () {
             var _this = this;
-            this.setData({ value: '' }, function () {
+            this.setData({ value: '' });
+            wx.nextTick(function () {
                 _this.emitChange('');
                 _this.$emit('clear', '');
             });
@@ -107,6 +109,7 @@ component_1.VantComponent({
         emitChange: function (value) {
             this.$emit('input', value);
             this.$emit('change', value);
-        }
+        },
+        noop: function () { }
     }
 });

lib/field/index.wxml

@@ -70,7 +70,7 @@
       size="16px"
       name="clear"
       class="van-field__clear-root van-field__icon-root"
-      bindtouchstart="onClear"
+      catch:touchstart="onClear"
     />
     <view class="van-field__icon-container" bind:tap="onClickIcon">
       <van-icon

lib/index-bar/index.js

@@ -78,12 +78,16 @@ component_1.VantComponent({
         },
         setAnchorsRect: function () {
             var _this = this;
-            return Promise.all(this.children.map(function (anchor) { return (anchor.getRect('.van-index-anchor-wrapper').then(function (rect) {
+            return Promise.all(this.children.map(function (anchor) {
-                Object.assign(anchor, {
+                return anchor
-                    height: rect.height,
+                    .getRect('.van-index-anchor-wrapper')
-                    top: rect.top + _this.data.scrollTop
+                    .then(function (rect) {
+                    Object.assign(anchor, {
+                        height: rect.height,
+                        top: rect.top + _this.data.scrollTop
+                    });
                 });
-            })); }));
+            }));
         },
         setListRect: function () {
             var _this = this;
@@ -116,7 +120,9 @@ component_1.VantComponent({
             }
         },
         getAnchorRect: function (anchor) {
-            return anchor.getRect('.van-index-anchor-wrapper').then(function (rect) { return ({
+            return anchor
+                .getRect('.van-index-anchor-wrapper')
+                .then(function (rect) { return ({
                 height: rect.height,
                 top: rect.top
             }); });
@@ -150,7 +156,8 @@ component_1.VantComponent({
             if (sticky) {
                 var isActiveAnchorSticky_1 = false;
                 if (active !== -1) {
-                    isActiveAnchorSticky_1 = children[active].top <= stickyOffsetTop + scrollTop;
+                    isActiveAnchorSticky_1 =
+                        children[active].top <= stickyOffsetTop + scrollTop;
                 }
                 children.forEach(function (item, index) {
                     if (index === active) {
@@ -192,7 +199,7 @@ component_1.VantComponent({
                             data: {
                                 active: false,
                                 anchorStyle: '',
-                                wrapperStyle: '',
+                                wrapperStyle: ''
                             }
                         });
                     }
@@ -224,12 +231,16 @@ component_1.VantComponent({
                 return;
             }
             this.scrollToAnchorIndex = index;
-            var anchor = this.children.filter(function (item) { return item.data.index === _this.data.indexList[index]; })[0];
+            var anchor = this.children.find(function (item) {
-            this.$emit('select', anchor.data.index);
+                return item.data.index === _this.data.indexList[index];
-            anchor && wx.pageScrollTo({
-                duration: 0,
-                scrollTop: anchor.top
             });
+            if (anchor) {
+                this.$emit('select', anchor.data.index);
+                wx.pageScrollTo({
+                    duration: 0,
+                    scrollTop: anchor.top
+                });
+            }
         }
     }
 });

lib/skeleton/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 component_1.VantComponent({
+    classes: ['avatar-class', 'title-class', 'row-class'],
     props: {
         row: {
             type: Number,

lib/skeleton/index.wxml

@@ -6,20 +6,20 @@
 >
   <view
     wx:if="{{ avatar }}"
-    class="{{ utils.bem('skeleton__avatar', [avatarShape])}}"
+    class="avatar-class {{ utils.bem('skeleton__avatar', [avatarShape])}}"
     style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
   />
   <view class="{{ utils.bem('skeleton__content')}}">
     <view
       wx:if="{{ title }}"
-      class="{{ utils.bem('skeleton__title') }}"
+      class="title-class {{ utils.bem('skeleton__title') }}"
       style="{{ 'width:' + titleWidth }}"
     />
     <view
       wx:for="{{ row }}"
       wx:key="index"
       wx:for-index="index"
-      class="{{ utils.bem('skeleton__row') }}"
+      class="row-class {{ utils.bem('skeleton__row') }}"
       style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
     />
   </view>

lib/swipe-cell/index.js

@@ -10,11 +10,23 @@ component_1.VantComponent({
         disabled: Boolean,
         leftWidth: {
             type: Number,
-            value: 0
+            value: 0,
+            observer: function (leftWidth) {
+                if (leftWidth === void 0) { leftWidth = 0; }
+                if (this.offset > 0) {
+                    this.swipeMove(leftWidth);
+                }
+            }
         },
         rightWidth: {
             type: Number,
-            value: 0
+            value: 0,
+            observer: function (rightWidth) {
+                if (rightWidth === void 0) { rightWidth = 0; }
+                if (this.offset < 0) {
+                    this.swipeMove(-rightWidth);
+                }
+            }
         },
         asyncClose: Boolean,
         name: {

lib/tab/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';:host{-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane,:host{box-sizing:border-box}.van-tab__pane{overflow-y:auto}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}
+@import '../common/index.wxss';:host{-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane,:host{box-sizing:border-box}.van-tab__pane{overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}

lib/uploader/index.js

@@ -67,6 +67,18 @@ component_1.VantComponent({
         imageFit: {
             type: String,
             value: 'scaleToFill'
+        },
+        camera: {
+            type: String,
+            value: 'back'
+        },
+        compressed: {
+            type: Boolean,
+            value: true
+        },
+        maxDuration: {
+            type: Number,
+            value: 60
         }
     },
     data: {
@@ -84,7 +96,7 @@ component_1.VantComponent({
             var _this = this;
             if (this.data.disabled)
                 return;
-            var _a = this.data, _b = _a.name, name = _b === void 0 ? '' : _b, capture = _a.capture, maxCount = _a.maxCount, multiple = _a.multiple, maxSize = _a.maxSize, accept = _a.accept, sizeType = _a.sizeType, lists = _a.lists, _c = _a.useBeforeRead // 是否定义了 beforeRead
+            var _a = this.data, _b = _a.name, name = _b === void 0 ? '' : _b, capture = _a.capture, maxCount = _a.maxCount, multiple = _a.multiple, maxSize = _a.maxSize, accept = _a.accept, sizeType = _a.sizeType, lists = _a.lists, camera = _a.camera, compressed = _a.compressed, maxDuration = _a.maxDuration, _c = _a.useBeforeRead // 是否定义了 beforeRead
             , useBeforeRead = _c === void 0 ? false : _c // 是否定义了 beforeRead
             ;
             var chooseFile = null;
@@ -101,6 +113,18 @@ component_1.VantComponent({
                     });
                 });
             }
+            else if (accept === 'video') {
+                chooseFile = new Promise(function (resolve, reject) {
+                    wx.chooseVideo({
+                        sourceType: capture,
+                        compressed: compressed,
+                        maxDuration: maxDuration,
+                        camera: camera,
+                        success: resolve,
+                        fail: reject
+                    });
+                });
+            }
             else {
                 chooseFile = new Promise(function (resolve, reject) {
                     wx.chooseMessageFile({
@@ -113,7 +137,13 @@ component_1.VantComponent({
             }
             chooseFile
                 .then(function (res) {
-                var file = multiple ? res.tempFiles : res.tempFiles[0];
+                var file = null;
+                if (utils_1.isVideo(res, accept)) {
+                    file = __assign({ path: res.tempFilePath }, res);
+                }
+                else {
+                    file = multiple ? res.tempFiles : res.tempFiles[0];
+                }
                 // 检查文件大小
                 if (file instanceof Array) {
                     var sizeEnable = file.every(function (item) { return item.size <= maxSize; });

lib/uploader/utils.js

@@ -18,3 +18,7 @@ function isImageFile(item) {
     return false;
 }
 exports.isImageFile = isImageFile;
+function isVideo(res, accept) {
+    return accept === 'video';
+}
+exports.isVideo = isVideo;