build: compile 1.3.0

dist/action-sheet/index.js

@@ -10,32 +10,32 @@ VantComponent({
     description: String,
     round: {
       type: Boolean,
-            value: true
+      value: true,
     },
     zIndex: {
       type: Number,
-            value: 100
+      value: 100,
     },
     actions: {
       type: Array,
-            value: []
+      value: [],
     },
     overlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     closeOnClickOverlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     closeOnClickAction: {
       type: Boolean,
-            value: true
+      value: true,
     },
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     onSelect(event) {
@@ -57,6 +57,6 @@ VantComponent({
     onClickOverlay() {
       this.$emit('click-overlay');
       this.onClose();
-        }
+    },
-    }
+  },
 });

dist/area/index.js

@@ -3,25 +3,29 @@ import { pickerProps } from '../picker/shared';
 const COLUMNSPLACEHOLDERCODE = '000000';
 VantComponent({
   classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { value: {
+  props: Object.assign(Object.assign({}, pickerProps), {
+    value: {
       type: String,
       observer(value) {
         this.code = value;
         this.setValues();
       },
-        }, areaList: {
+    },
+    areaList: {
       type: Object,
       value: {},
-            observer: 'setValues'
+      observer: 'setValues',
-        }, columnsNum: {
+    },
+    columnsNum: {
       type: null,
       value: 3,
       observer(value) {
         this.setData({
-                    displayColumns: this.data.columns.slice(0, +value)
+          displayColumns: this.data.columns.slice(0, +value),
         });
-            }
+      },
-        }, columnsPlaceholder: {
+    },
+    columnsPlaceholder: {
       type: Array,
       observer(val) {
         this.setData({
@@ -29,14 +33,15 @@ VantComponent({
             province: val[0] || '',
             city: val[1] || '',
             county: val[2] || '',
-                    }
+          },
         });
-            }
+      },
-        } }),
+    },
+  }),
   data: {
     columns: [{ values: [] }, { values: [] }, { values: [] }],
     displayColumns: [{ values: [] }, { values: [] }, { values: [] }],
-        typeToColumnsPlaceholder: {}
+    typeToColumnsPlaceholder: {},
   },
   mounted() {
     setTimeout(() => {
@@ -69,8 +74,7 @@ VantComponent({
       const { columnsPlaceholder } = this.data;
       return values.map((value, index) => {
         // save undefined value
-                if (!value)
+        if (!value) return value;
-                    return value;
         value = JSON.parse(JSON.stringify(value));
         if (!value.code || value.name === columnsPlaceholder[index]) {
           value.code = '';
@@ -86,7 +90,7 @@ VantComponent({
         this.$emit('change', {
           picker,
           values: this.parseOutputValues(picker.getValues()),
-                    index
+          index,
         });
       });
     },
@@ -101,23 +105,28 @@ VantComponent({
         return result;
       }
       const list = this.getConfig(type);
-            result = Object.keys(list).map(code => ({
+      result = Object.keys(list).map((code) => ({
         code,
-                name: list[code]
+        name: list[code],
       }));
       if (code) {
         // oversea code
         if (code[0] === '9' && type === 'city') {
           code = '9';
         }
-                result = result.filter(item => item.code.indexOf(code) === 0);
+        result = result.filter((item) => item.code.indexOf(code) === 0);
       }
       if (typeToColumnsPlaceholder[type] && result.length) {
         // set columns placeholder
-                const codeFill = type === 'province' ? '' : type === 'city' ? COLUMNSPLACEHOLDERCODE.slice(2, 4) : COLUMNSPLACEHOLDERCODE.slice(4, 6);
+        const codeFill =
+          type === 'province'
+            ? ''
+            : type === 'city'
+            ? COLUMNSPLACEHOLDERCODE.slice(2, 4)
+            : COLUMNSPLACEHOLDERCODE.slice(4, 6);
         result.unshift({
           code: `${code}${codeFill}`,
-                    name: typeToColumnsPlaceholder[type]
+          name: typeToColumnsPlaceholder[type],
         });
       }
       return result;
@@ -143,11 +152,9 @@ VantComponent({
       if (!code) {
         if (this.data.columnsPlaceholder.length) {
           code = COLUMNSPLACEHOLDERCODE;
-                }
+        } else if (Object.keys(county)[0]) {
-                else if (Object.keys(county)[0]) {
           code = Object.keys(county)[0];
-                }
+        } else {
-                else {
           code = '';
         }
       }
@@ -163,19 +170,27 @@ VantComponent({
       if (city.length && code.slice(2, 4) === '00') {
         [{ code }] = city;
       }
-            stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false));
+      stack.push(
+        picker.setColumnValues(
+          2,
+          this.getList('county', code.slice(0, 4)),
+          false
+        )
+      );
       return Promise.all(stack)
-                .catch(() => { })
+        .catch(() => {})
-                .then(() => picker.setIndexes([
+        .then(() =>
+          picker.setIndexes([
             this.getIndex('province', code),
             this.getIndex('city', code),
-                this.getIndex('county', code)
+            this.getIndex('county', code),
-            ]))
+          ])
-                .catch(() => { });
+        )
+        .catch(() => {});
     },
     getValues() {
       const picker = this.getPicker();
-            return picker ? picker.getValues().filter(value => !!value) : [];
+      return picker ? picker.getValues().filter((value) => !!value) : [];
     },
     getDetail() {
       const values = this.getValues();
@@ -184,7 +199,7 @@ VantComponent({
         country: '',
         province: '',
         city: '',
-                county: ''
+        county: '',
       };
       if (!values.length) {
         return area;
@@ -194,8 +209,7 @@ VantComponent({
       if (area.code[0] === '9') {
         area.country = names[1] || '';
         area.province = names[2] || '';
-            }
+      } else {
-            else {
         area.province = names[0] || '';
         area.city = names[1] || '';
         area.county = names[2] || '';
@@ -205,6 +219,6 @@ VantComponent({
     reset(code) {
       this.code = code || '';
       return this.setValues();
-        }
+    },
-    }
+  },
 });

dist/button/index.js

@@ -5,7 +5,7 @@ VantComponent({
   mixins: [button, openType],
   classes: ['hover-class', 'loading-class'],
   data: {
-        baseStyle: ''
+    baseStyle: '',
   },
   props: {
     icon: String,
@@ -20,19 +20,20 @@ VantComponent({
     customStyle: String,
     loadingType: {
       type: String,
-            value: 'circular'
+      value: 'circular',
     },
     type: {
       type: String,
-            value: 'default'
+      value: 'default',
     },
+    dataset: null,
     size: {
       type: String,
-            value: 'normal'
+      value: 'normal',
     },
     loadingSize: {
       type: String,
-            value: '20px'
+      value: '20px',
     },
     color: {
       type: String,
@@ -47,16 +48,15 @@ VantComponent({
           // hide border when color is linear-gradient
           if (color.indexOf('gradient') !== -1) {
             style += 'border: 0;';
-                    }
+          } else {
-                    else {
             style += `border-color: ${color};`;
           }
         }
         if (style !== this.data.baseStyle) {
           this.setData({ baseStyle: style });
         }
-            }
+      },
-        }
+    },
   },
   methods: {
     onClick() {
@@ -64,6 +64,6 @@ VantComponent({
         this.$emit('click');
       }
     },
-        noop() { }
+    noop() {},
-    }
+  },
 });

dist/button/index.wxml

@@ -2,11 +2,12 @@
 
 <button
   id="{{ id }}"
+  data-detail="{{ dataset }}"
   class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
   hover-class="van-button--active hover-class"
   lang="{{ lang }}"
   style="{{ baseStyle }} {{ customStyle }}"
-  open-type="{{ openType }}"
+  open-type="{{ disabled ? '' : openType }}"
   business-id="{{ businessId }}"
   session-from="{{ sessionFrom }}"
   send-message-title="{{ sendMessageTitle }}"
@@ -16,12 +17,12 @@
   app-parameter="{{ appParameter }}"
   aria-label="{{ ariaLabel }}"
   bindtap="{{ !disabled ? 'onClick' : 'noop' }}"
-  bindgetuserinfo="{{ !disabled ? 'bindGetUserInfo' : 'noop' }}"
+  bindgetuserinfo="bindGetUserInfo"
-  bindcontact="{{ !disabled ? 'bindContact' : 'noop' }}"
+  bindcontact="bindContact"
-  bindgetphonenumber="{{ !disabled ? 'bindGetPhoneNumber' : 'noop' }}"
+  bindgetphonenumber="bindGetPhoneNumber"
-  binderror="{{ !disabled ? 'bindError' : 'noop' }}"
+  binderror="bindError"
-  bindlaunchapp="{{ !disabled ? 'bindLaunchApp' : 'noop' }}"
+  bindlaunchapp="bindLaunchApp"
-  bindopensetting="{{ !disabled ? 'bindOpenSetting' : 'noop' }}"
+  bindopensetting="bindOpenSetting"
 >
   <block wx:if="{{ loading }}">
     <van-loading

dist/calendar/components/header/index.js

@@ -3,14 +3,14 @@ VantComponent({
   props: {
     title: {
       type: String,
-            value: '日期选择'
+      value: '日期选择',
     },
     subtitle: String,
     showTitle: Boolean,
-        showSubtitle: Boolean
+    showSubtitle: Boolean,
   },
   data: {
-        weekdays: ['日', '一', '二', '三', '四', '五', '六']
+    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
   },
-    methods: {}
+  methods: {},
 });

dist/calendar/components/month/index.js

@@ -1,41 +1,46 @@
 import { VantComponent } from '../../../common/component';
-import { getMonthEndDay, compareDay, getPrevDay, getNextDay } from '../../utils';
+import {
+  getMonthEndDay,
+  compareDay,
+  getPrevDay,
+  getNextDay,
+} from '../../utils';
 VantComponent({
   props: {
     date: {
       type: null,
-            observer: 'setDays'
+      observer: 'setDays',
     },
     type: {
       type: String,
-            observer: 'setDays'
+      observer: 'setDays',
     },
     color: String,
     minDate: {
       type: null,
-            observer: 'setDays'
+      observer: 'setDays',
     },
     maxDate: {
       type: null,
-            observer: 'setDays'
+      observer: 'setDays',
     },
     showMark: Boolean,
     rowHeight: [Number, String],
     formatter: {
       type: null,
-            observer: 'setDays'
+      observer: 'setDays',
     },
     currentDate: {
       type: [null, Array],
-            observer: 'setDays'
+      observer: 'setDays',
     },
     allowSameDay: Boolean,
     showSubtitle: Boolean,
-        showMonthTitle: Boolean
+    showMonthTitle: Boolean,
   },
   data: {
     visible: true,
-        days: []
+    days: [],
   },
   methods: {
     onClick(event) {
@@ -50,7 +55,10 @@ VantComponent({
       const startDate = new Date(this.data.date);
       const year = startDate.getFullYear();
       const month = startDate.getMonth();
-            const totalDay = getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1);
+      const totalDay = getMonthEndDay(
+        startDate.getFullYear(),
+        startDate.getMonth() + 1
+      );
       for (let day = 1; day <= totalDay; day++) {
         const date = new Date(year, month, day);
         const type = this.getDayType(date);
@@ -58,7 +66,7 @@ VantComponent({
           date,
           type,
           text: day,
-                    bottomInfo: this.getBottomInfo(type)
+          bottomInfo: this.getBottomInfo(type),
         };
         if (this.data.formatter) {
           config = this.data.formatter(config);
@@ -72,7 +80,8 @@ VantComponent({
       if (!Array.isArray(currentDate)) {
         return '';
       }
-            const isSelected = date => currentDate.some(item => compareDay(item, date) === 0);
+      const isSelected = (date) =>
+        currentDate.some((item) => compareDay(item, date) === 0);
       if (isSelected(day)) {
         const prevDay = getPrevDay(day);
         const nextDay = getNextDay(day);
@@ -143,6 +152,6 @@ VantComponent({
           return '开始/结束';
         }
       }
-        }
+    },
-    }
+  },
 });

dist/calendar/index.js

@@ -1,11 +1,21 @@
 import { VantComponent } from '../common/component';
-import { ROW_HEIGHT, getNextDay, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset } from './utils';
+import {
+  ROW_HEIGHT,
+  getNextDay,
+  compareDay,
+  copyDates,
+  calcDateNum,
+  formatMonthTitle,
+  compareMonth,
+  getMonths,
+  getDayByOffset,
+} from './utils';
 import Toast from '../toast/toast';
 VantComponent({
   props: {
     title: {
       type: String,
-            value: '日期选择'
+      value: '日期选择',
     },
     color: String,
     show: {
@@ -15,12 +25,12 @@ VantComponent({
           this.initRect();
           this.scrollIntoView();
         }
-            }
+      },
     },
     formatter: null,
     confirmText: {
       type: String,
-            value: '确定'
+      value: '确定',
     },
     rangePrompt: String,
     defaultDate: {
@@ -28,76 +38,80 @@ VantComponent({
       observer(val) {
         this.setData({ currentDate: val });
         this.scrollIntoView();
-            }
+      },
     },
     allowSameDay: Boolean,
     confirmDisabledText: String,
     type: {
       type: String,
       value: 'single',
-            observer: 'reset'
+      observer: 'reset',
     },
     minDate: {
       type: null,
-            value: Date.now()
+      value: Date.now(),
     },
     maxDate: {
       type: null,
-            value: new Date(new Date().getFullYear(), new Date().getMonth() + 6, new Date().getDate()).getTime()
+      value: new Date(
+        new Date().getFullYear(),
+        new Date().getMonth() + 6,
+        new Date().getDate()
+      ).getTime(),
     },
     position: {
       type: String,
-            value: 'bottom'
+      value: 'bottom',
     },
     rowHeight: {
       type: [Number, String],
-            value: ROW_HEIGHT
+      value: ROW_HEIGHT,
     },
     round: {
       type: Boolean,
-            value: true
+      value: true,
     },
     poppable: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showMark: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showTitle: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showConfirm: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showSubtitle: {
       type: Boolean,
-            value: true
+      value: true,
     },
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
     },
     closeOnClickOverlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     maxRange: {
       type: [Number, String],
-            value: null
+      value: null,
-        }
+    },
   },
   data: {
     subtitle: '',
     currentDate: null,
-        scrollIntoView: ''
+    scrollIntoView: '',
   },
   created() {
     this.setData({
-            currentDate: this.getInitialDate()
+      currentDate: this.getInitialDate(),
     });
   },
   mounted() {
@@ -117,11 +131,11 @@ VantComponent({
       }
       const contentObserver = this.createIntersectionObserver({
         thresholds: [0, 0.1, 0.9, 1],
-                observeAll: true
+        observeAll: true,
       });
       this.contentObserver = contentObserver;
       contentObserver.relativeTo('.van-calendar__body');
-            contentObserver.observe('.month', res => {
+      contentObserver.observe('.month', (res) => {
         if (res.boundingClientRect.top <= res.relativeRect.top) {
           // @ts-ignore
           this.setData({ subtitle: formatMonthTitle(res.dataset.date) });
@@ -134,7 +148,7 @@ VantComponent({
         const [startDay, endDay] = defaultDate || [];
         return [
           startDay || minDate,
-                    endDay || getNextDay(new Date(minDate)).getTime()
+          endDay || getNextDay(new Date(minDate)).getTime(),
         ];
       }
       if (type === 'multiple') {
@@ -144,7 +158,14 @@ VantComponent({
     },
     scrollIntoView() {
       setTimeout(() => {
-                const { currentDate, type, show, poppable, minDate, maxDate } = this.data;
+        const {
+          currentDate,
+          type,
+          show,
+          poppable,
+          minDate,
+          maxDate,
+        } = this.data;
         const targetDate = type === 'single' ? currentDate : currentDate[0];
         const displayed = show || !poppable;
         if (!targetDate || !displayed) {
@@ -181,19 +202,15 @@ VantComponent({
           const compareToStart = compareDay(date, startDay);
           if (compareToStart === 1) {
             this.select([startDay, date], true);
-                    }
+          } else if (compareToStart === -1) {
-                    else if (compareToStart === -1) {
             this.select([date, null]);
-                    }
+          } else if (allowSameDay) {
-                    else if (allowSameDay) {
             this.select([date, date]);
           }
-                }
+        } else {
-                else {
           this.select([date, null]);
         }
-            }
+      } else if (type === 'multiple') {
-            else if (type === 'multiple') {
         let selectedIndex;
         const selected = currentDate.some((dateItem, index) => {
           const equal = compareDay(dateItem, date) === 0;
@@ -206,12 +223,10 @@ VantComponent({
           const cancelDate = currentDate.splice(selectedIndex, 1);
           this.setData({ currentDate });
           this.unselect(cancelDate);
-                }
+        } else {
-                else {
           this.select([...currentDate, date]);
         }
-            }
+      } else {
-            else {
         this.select(date, true);
       }
     },
@@ -227,9 +242,11 @@ VantComponent({
         if (!valid) {
           // auto selected to max range if showConfirm
           if (this.data.showConfirm) {
-                        this.emit([date[0], getDayByOffset(date[0], this.data.maxRange - 1)]);
+            this.emit([
-                    }
+              date[0],
-                    else {
+              getDayByOffset(date[0], this.data.maxRange - 1),
+            ]);
+          } else {
             this.emit(date);
           }
           return;
@@ -243,7 +260,7 @@ VantComponent({
     emit(date) {
       const getTime = (date) => (date instanceof Date ? date.getTime() : date);
       this.setData({
-                currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date)
+        currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
       });
       this.$emit('select', copyDates(date));
     },
@@ -252,7 +269,7 @@ VantComponent({
       if (maxRange && calcDateNum(date) > maxRange) {
         Toast({
           context: this,
-                    message: rangePrompt || `选择天数不能超过 ${maxRange} 天`
+          message: rangePrompt || `选择天数不能超过 ${maxRange} 天`,
         });
         return false;
       }
@@ -265,6 +282,6 @@ VantComponent({
       wx.nextTick(() => {
         this.$emit('confirm', copyDates(this.data.currentDate));
       });
-        }
+    },
-    }
+  },
 });

dist/calendar/utils.d.ts

@@ -1,7 +1,13 @@
 export declare const ROW_HEIGHT = 64;
 export declare function formatMonthTitle(date: Date): string;
-export declare function compareMonth(date1: Date | number, date2: Date | number): 1 | 0 | -1;
+export declare function compareMonth(
-export declare function compareDay(day1: Date | number, day2: Date | number): 1 | 0 | -1;
+  date1: Date | number,
+  date2: Date | number
+): 0 | 1 | -1;
+export declare function compareDay(
+  day1: Date | number,
+  day2: Date | number
+): 0 | 1 | -1;
 export declare function getDayByOffset(date: Date, offset: number): Date;
 export declare function getPrevDay(date: Date): Date;
 export declare function getNextDay(date: Date): Date;

dist/calendar/utils.js

@@ -54,7 +54,7 @@ export function calcDateNum(date) {
 }
 export function copyDates(dates) {
   if (Array.isArray(dates)) {
-        return dates.map(date => {
+    return dates.map((date) => {
       if (date === null) {
         return date;
       }

dist/card/index.js

@@ -7,7 +7,7 @@ VantComponent({
     'thumb-class',
     'title-class',
     'price-class',
-        'origin-price-class'
+    'origin-price-class',
   ],
   mixins: [link],
   props: {
@@ -18,7 +18,7 @@ VantComponent({
     title: String,
     price: {
       type: String,
-            observer: 'updatePrice'
+      observer: 'updatePrice',
     },
     centered: Boolean,
     lazyLoad: Boolean,
@@ -26,12 +26,12 @@ VantComponent({
     originPrice: String,
     thumbMode: {
       type: String,
-            value: 'aspectFit'
+      value: 'aspectFit',
     },
     currency: {
       type: String,
-            value: '¥'
+      value: '¥',
-        }
+    },
   },
   methods: {
     updatePrice() {
@@ -39,11 +39,11 @@ VantComponent({
       const priceArr = price.toString().split('.');
       this.setData({
         integerStr: priceArr[0],
-                decimalStr: priceArr[1] ? `.${priceArr[1]}` : ''
+        decimalStr: priceArr[1] ? `.${priceArr[1]}` : '',
       });
     },
     onClickThumb() {
       this.jumpLink('thumbLink');
-        }
+    },
-    }
+  },
 });

dist/cell-group/index.js

@@ -4,7 +4,7 @@ VantComponent({
     title: String,
     border: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
-    }
+  },
 });

dist/cell/index.js

@@ -6,7 +6,7 @@ VantComponent({
     'label-class',
     'value-class',
     'right-icon-class',
-        'hover-class'
+    'hover-class',
   ],
   mixins: [link],
   props: {
@@ -25,13 +25,13 @@ VantComponent({
     useLabelSlot: Boolean,
     border: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     onClick(event) {
       this.$emit('click', event.detail);
       this.jumpLink();
-        }
+    },
-    }
+  },
 });

dist/checkbox-group/index.js

@@ -13,12 +13,12 @@ VantComponent({
     max: Number,
     value: {
       type: Array,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     disabled: {
       type: Boolean,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
-        }
+    },
   },
   methods: {
     updateChildren() {
@@ -28,8 +28,8 @@ VantComponent({
       const { value, disabled } = this.data;
       child.setData({
         value: value.indexOf(child.data.name) !== -1,
-                parentDisabled: disabled
+        parentDisabled: disabled,
       });
-        }
+    },
-    }
+  },
 });

dist/checkbox/index.js

@@ -20,22 +20,21 @@ VantComponent({
     labelDisabled: Boolean,
     shape: {
       type: String,
-            value: 'round'
+      value: 'round',
     },
     iconSize: {
       type: null,
-            value: 20
+      value: 20,
-        }
+    },
   },
   data: {
-        parentDisabled: false
+    parentDisabled: false,
   },
   methods: {
     emitChange(value) {
       if (this.parent) {
         this.setParentValue(this.parent, value);
-            }
+      } else {
-            else {
         emit(this, value);
       }
     },
@@ -63,14 +62,13 @@ VantComponent({
           parentValue.push(name);
           emit(parent, parentValue);
         }
-            }
+      } else {
-            else {
         const index = parentValue.indexOf(name);
         if (index !== -1) {
           parentValue.splice(index, 1);
           emit(parent, parentValue);
         }
       }
-        }
+    },
-    }
+  },
 });

dist/circle/index.js

@@ -12,16 +12,16 @@ VantComponent({
     text: String,
     lineCap: {
       type: String,
-            value: 'round'
+      value: 'round',
     },
     value: {
       type: Number,
       value: 0,
-            observer: 'reRender'
+      observer: 'reRender',
     },
     speed: {
       type: Number,
-            value: 50
+      value: 50,
     },
     size: {
       type: Number,
@@ -30,28 +30,28 @@ VantComponent({
     fill: String,
     layerColor: {
       type: String,
-            value: WHITE
+      value: WHITE,
     },
     color: {
       type: [String, Object],
       value: BLUE,
-            observer: 'setHoverColor'
+      observer: 'setHoverColor',
     },
     type: {
       type: String,
-            value: ''
+      value: '',
     },
     strokeWidth: {
       type: Number,
-            value: 4
+      value: 4,
     },
     clockwise: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
-        hoverColor: BLUE
+    hoverColor: BLUE,
   },
   methods: {
     getContext() {
@@ -68,7 +68,9 @@ VantComponent({
         const LinearColor = context.createLinearGradient(size, 0, 0, 0);
         Object.keys(color)
           .sort((a, b) => parseFloat(a) - parseFloat(b))
-                    .map(key => LinearColor.addColorStop(parseFloat(key) / 100, color[key]));
+          .map((key) =>
+            LinearColor.addColorStop(parseFloat(key) / 100, color[key])
+          );
         hoverColor = LinearColor;
       }
       this.setData({ hoverColor });
@@ -125,13 +127,11 @@ VantComponent({
         if (this.currentValue !== value) {
           if (this.currentValue < value) {
             this.currentValue += STEP;
-                    }
+          } else {
-                    else {
             this.currentValue -= STEP;
           }
           this.drawCircle(this.currentValue);
-                }
+        } else {
-                else {
           this.clearInterval();
         }
       }, 1000 / speed);
@@ -141,7 +141,7 @@ VantComponent({
         clearInterval(this.interval);
         this.interval = null;
       }
-        }
+    },
   },
   created() {
     const { value } = this.data;
@@ -151,5 +151,5 @@ VantComponent({
   destroyed() {
     this.ctx = null;
     this.clearInterval();
-    }
+  },
 });

dist/col/index.js

@@ -7,18 +7,20 @@ VantComponent({
   },
   props: {
     span: Number,
-        offset: Number
+    offset: Number,
   },
   data: {
-        viewStyle: ''
+    viewStyle: '',
   },
   methods: {
     setGutter(gutter) {
       const padding = `${gutter / 2}px`;
-            const viewStyle = gutter ? `padding-left: ${padding}; padding-right: ${padding};` : '';
+      const viewStyle = gutter
+        ? `padding-left: ${padding}; padding-right: ${padding};`
+        : '';
       if (viewStyle !== this.data.viewStyle) {
         this.setData({ viewStyle });
       }
-        }
+    },
-    }
+  },
 });

dist/collapse-item/index.js

@@ -1,5 +1,5 @@
 import { VantComponent } from '../common/component';
-const nextTick = () => new Promise(resolve => setTimeout(resolve, 20));
+const nextTick = () => new Promise((resolve) => setTimeout(resolve, 20));
 VantComponent({
   classes: ['title-class', 'content-class'],
   relation: {
@@ -17,17 +17,17 @@ VantComponent({
     clickable: Boolean,
     border: {
       type: Boolean,
-            value: true
+      value: true,
     },
     isLink: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     contentHeight: 0,
     expanded: false,
-        transition: false
+    transition: false,
   },
   mounted() {
     this.updateExpanded()
@@ -66,7 +66,7 @@ VantComponent({
         .then((height) => {
           if (expanded) {
             return this.set({
-                        contentHeight: height ? `${height}px` : 'auto'
+              contentHeight: height ? `${height}px` : 'auto',
             });
           }
           return this.set({ contentHeight: `${height}px` })
@@ -86,9 +86,9 @@ VantComponent({
     onTransitionEnd() {
       if (this.data.expanded) {
         this.setData({
-                    contentHeight: 'auto'
+          contentHeight: 'auto',
         });
       }
-        }
+    },
-    }
+  },
 });

dist/collapse/index.js

@@ -8,16 +8,16 @@ VantComponent({
   props: {
     value: {
       type: null,
-            observer: 'updateExpanded'
+      observer: 'updateExpanded',
     },
     accordion: {
       type: Boolean,
-            observer: 'updateExpanded'
+      observer: 'updateExpanded',
     },
     border: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     updateExpanded() {
@@ -31,12 +31,11 @@ VantComponent({
         name = expanded
           ? (value || []).concat(name)
           : (value || []).filter((activeName) => activeName !== name);
-            }
+      } else {
-            else {
         name = expanded ? name : '';
       }
       this.$emit('change', name);
       this.$emit('input', name);
-        }
+    },
-    }
+  },
 });

dist/common/component.js

@@ -14,12 +14,12 @@ const relationFunctions = {
       this.children.push(child);
     },
     unlinked(child) {
-            this.children = (this.children || []).filter(it => it !== child);
+      this.children = (this.children || []).filter((it) => it !== child);
     },
   },
 };
 function mapKeys(source, target, map) {
-    Object.keys(map).forEach(key => {
+  Object.keys(map).forEach((key) => {
     if (source[key]) {
       target[map[key]] = source[key];
     }
@@ -52,7 +52,7 @@ function makeRelation(options, vantOptions, relation) {
         relationFunctions[type].unlinked.bind(this)(node);
         unlinked && unlinked.bind(this)(node);
       },
-        }
+    },
   });
 }
 function VantComponent(vantOptions = {}) {
@@ -67,7 +67,7 @@ function VantComponent(vantOptions = {}) {
     mounted: 'ready',
     relations: 'relations',
     destroyed: 'detached',
-        classes: 'externalClasses'
+    classes: 'externalClasses',
   });
   const { relation } = vantOptions;
   if (relation) {
@@ -84,7 +84,7 @@ function VantComponent(vantOptions = {}) {
     options.behaviors.push('wx://form-field');
   }
   if (options.properties) {
-        Object.keys(options.properties).forEach(name => {
+    Object.keys(options.properties).forEach((name) => {
       if (Array.isArray(options.properties[name])) {
         // miniprogram do not allow multi type
         options.properties[name] = null;
@@ -94,7 +94,7 @@ function VantComponent(vantOptions = {}) {
   // add default options
   options.options = {
     multipleSlots: true,
-        addGlobalClass: true
+    addGlobalClass: true,
   };
   Component(options);
 }

dist/common/index.wxss

@@ -1 +1 @@
-.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{display:table;clear:both;content:""}.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--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #eee;-webkit-transform:scale(.5);transform:scale(.5)}.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{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+page{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{display:table;clear:both;content:""}.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--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #eee;-webkit-transform:scale(.5);transform:scale(.5)}.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{border-width:1px 0}.van-hairline--surround:after{border-width:1px}

dist/common/style/normalize.wxss

@@ -0,0 +1 @@
+page{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif}

dist/common/utils.d.ts

@@ -4,5 +4,5 @@ export declare function isObj(x: any): boolean;
 export declare function isNumber(value: any): boolean;
 export declare function range(num: number, min: number, max: number): number;
 export declare function nextTick(fn: Function): void;
-export declare function getSystemInfoSync(): WechatMiniprogram.GetSystemInfoSuccessCallbackResult;
+export declare function getSystemInfoSync(): WechatMiniprogram.GetSystemInfoSyncResult;
 export declare function addUnit(value?: string | number): string | undefined;

dist/common/version.d.ts

@@ -0,0 +1 @@
+export declare function canIUseModel(): boolean;

dist/common/version.js

@@ -0,0 +1,27 @@
+import { getSystemInfoSync } from './utils';
+function compareVersion(v1, v2) {
+  v1 = v1.split('.');
+  v2 = v2.split('.');
+  const len = Math.max(v1.length, v2.length);
+  while (v1.length < len) {
+    v1.push('0');
+  }
+  while (v2.length < len) {
+    v2.push('0');
+  }
+  for (let i = 0; i < len; i++) {
+    const num1 = parseInt(v1[i], 10);
+    const num2 = parseInt(v2[i], 10);
+    if (num1 > num2) {
+      return 1;
+    }
+    if (num1 < num2) {
+      return -1;
+    }
+  }
+  return 0;
+}
+export function canIUseModel() {
+  const system = getSystemInfoSync();
+  return compareVersion(system.SDKVersion, '2.9.3') >= 0;
+}

dist/count-down/index.js

@@ -9,20 +9,20 @@ VantComponent({
     millisecond: Boolean,
     time: {
       type: Number,
-            observer: 'reset'
+      observer: 'reset',
     },
     format: {
       type: String,
-            value: 'HH:mm:ss'
+      value: 'HH:mm:ss',
     },
     autoStart: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     timeData: parseTimeData(0),
-        formattedTime: '0'
+    formattedTime: '0',
   },
   destroyed() {
     clearTimeout(this.tid);
@@ -55,8 +55,7 @@ VantComponent({
     tick() {
       if (this.data.millisecond) {
         this.microTick();
-            }
+      } else {
-            else {
         this.macroTick();
       }
     },
@@ -89,12 +88,12 @@ VantComponent({
         this.$emit('change', timeData);
       }
       this.setData({
-                formattedTime: parseFormat(this.data.format, timeData)
+        formattedTime: parseFormat(this.data.format, timeData),
       });
       if (remain === 0) {
         this.pause();
         this.$emit('finish');
       }
-        }
+    },
-    }
+  },
 });

dist/count-down/utils.js

@@ -20,7 +20,7 @@ export function parseTimeData(time) {
     hours,
     minutes,
     seconds,
-        milliseconds
+    milliseconds,
   };
 }
 export function parseFormat(format, timeData) {
@@ -28,26 +28,22 @@ export function parseFormat(format, timeData) {
   let { hours, minutes, seconds, milliseconds } = timeData;
   if (format.indexOf('DD') === -1) {
     hours += days * 24;
-    }
+  } else {
-    else {
     format = format.replace('DD', padZero(days));
   }
   if (format.indexOf('HH') === -1) {
     minutes += hours * 60;
-    }
+  } else {
-    else {
     format = format.replace('HH', padZero(hours));
   }
   if (format.indexOf('mm') === -1) {
     seconds += minutes * 60;
-    }
+  } else {
-    else {
     format = format.replace('mm', padZero(minutes));
   }
   if (format.indexOf('ss') === -1) {
     milliseconds += seconds * 1000;
-    }
+  } else {
-    else {
     format = format.replace('ss', padZero(seconds));
   }
   return format.replace('SSS', padZero(milliseconds, 3));

dist/datetime-picker/index.js

@@ -20,8 +20,7 @@ function times(n, iteratee) {
   return result;
 }
 function getTrueValue(formattedValue) {
-    if (!formattedValue)
+  if (!formattedValue) return;
-        return;
   while (isNaN(parseInt(formattedValue, 10))) {
     formattedValue = formattedValue.slice(1);
   }
@@ -33,47 +32,59 @@ function getMonthEndDay(year, month) {
 const defaultFormatter = (_, value) => value;
 VantComponent({
   classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { value: {
+  props: Object.assign(Object.assign({}, pickerProps), {
+    value: {
       type: null,
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, filter: null, type: {
+    },
+    filter: null,
+    type: {
       type: String,
       value: 'datetime',
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, showToolbar: {
+    },
+    showToolbar: {
       type: Boolean,
-            value: true
+      value: true,
-        }, formatter: {
+    },
+    formatter: {
       type: null,
-            value: defaultFormatter
+      value: defaultFormatter,
-        }, minDate: {
+    },
+    minDate: {
       type: Number,
       value: new Date(currentYear - 10, 0, 1).getTime(),
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, maxDate: {
+    },
+    maxDate: {
       type: Number,
       value: new Date(currentYear + 10, 11, 31).getTime(),
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, minHour: {
+    },
+    minHour: {
       type: Number,
       value: 0,
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, maxHour: {
+    },
+    maxHour: {
       type: Number,
       value: 23,
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, minMinute: {
+    },
+    minMinute: {
       type: Number,
       value: 0,
-            observer: 'updateValue'
+      observer: 'updateValue',
-        }, maxMinute: {
+    },
+    maxMinute: {
       type: Number,
       value: 59,
-            observer: 'updateValue'
+      observer: 'updateValue',
-        } }),
+    },
+  }),
   data: {
     innerValue: Date.now(),
-        columns: []
+    columns: [],
   },
   methods: {
     updateValue() {
@@ -84,8 +95,7 @@ VantComponent({
         this.updateColumnValue(val).then(() => {
           this.$emit('input', val);
         });
-            }
+      } else {
-            else {
         this.updateColumns();
       }
     },
@@ -94,21 +104,22 @@ VantComponent({
         this.picker = this.selectComponent('.van-datetime-picker');
         const { picker } = this;
         const { setColumnValues } = picker;
-                picker.setColumnValues = (...args) => setColumnValues.apply(picker, [...args, false]);
+        picker.setColumnValues = (...args) =>
+          setColumnValues.apply(picker, [...args, false]);
       }
       return this.picker;
     },
     updateColumns() {
       const { formatter = defaultFormatter } = this.data;
-            const results = this.getOriginColumns().map(column => ({
+      const results = this.getOriginColumns().map((column) => ({
-                values: column.values.map(value => formatter(column.type, value))
+        values: column.values.map((value) => formatter(column.type, value)),
       }));
       return this.set({ columns: results });
     },
     getOriginColumns() {
       const { filter } = this.data;
       const results = this.getRanges().map(({ type, range }) => {
-                let values = times(range[1] - range[0] + 1, index => {
+        let values = times(range[1] - range[0] + 1, (index) => {
           let value = range[0] + index;
           value = type === 'year' ? `${value}` : padZero(value);
           return value;
@@ -126,42 +137,52 @@ VantComponent({
         return [
           {
             type: 'hour',
-                        range: [data.minHour, data.maxHour]
+            range: [data.minHour, data.maxHour],
           },
           {
             type: 'minute',
-                        range: [data.minMinute, data.maxMinute]
+            range: [data.minMinute, data.maxMinute],
-                    }
+          },
         ];
       }
-            const { maxYear, maxDate, maxMonth, maxHour, maxMinute } = this.getBoundary('max', data.innerValue);
+      const {
-            const { minYear, minDate, minMonth, minHour, minMinute } = this.getBoundary('min', data.innerValue);
+        maxYear,
+        maxDate,
+        maxMonth,
+        maxHour,
+        maxMinute,
+      } = this.getBoundary('max', data.innerValue);
+      const {
+        minYear,
+        minDate,
+        minMonth,
+        minHour,
+        minMinute,
+      } = this.getBoundary('min', data.innerValue);
       const result = [
         {
           type: 'year',
-                    range: [minYear, maxYear]
+          range: [minYear, maxYear],
         },
         {
           type: 'month',
-                    range: [minMonth, maxMonth]
+          range: [minMonth, maxMonth],
         },
         {
           type: 'day',
-                    range: [minDate, maxDate]
+          range: [minDate, maxDate],
         },
         {
           type: 'hour',
-                    range: [minHour, maxHour]
+          range: [minHour, maxHour],
         },
         {
           type: 'minute',
-                    range: [minMinute, maxMinute]
+          range: [minMinute, maxMinute],
-                }
+        },
       ];
-            if (data.type === 'date')
+      if (data.type === 'date') result.splice(3, 2);
-                result.splice(3, 2);
+      if (data.type === 'year-month') result.splice(2, 3);
-            if (data.type === 'year-month')
-                result.splice(2, 3);
       return result;
     },
     correctValue(value) {
@@ -170,8 +191,7 @@ VantComponent({
       const isDateType = data.type !== 'time';
       if (isDateType && !isValidDate(value)) {
         value = data.minDate;
-            }
+      } else if (!isDateType && !value) {
-            else if (!isDateType && !value) {
         const { minHour } = data;
         value = `${padZero(minHour)}:00`;
       }
@@ -218,7 +238,7 @@ VantComponent({
         [`${type}Month`]: month,
         [`${type}Date`]: date,
         [`${type}Hour`]: hour,
-                [`${type}Minute`]: minute
+        [`${type}Minute`]: minute,
       };
     },
     onCancel() {
@@ -233,9 +253,9 @@ VantComponent({
       const picker = this.getPicker();
       if (data.type === 'time') {
         const indexes = picker.getIndexes();
-                value = `${+data.columns[0].values[indexes[0]]}:${+data.columns[1].values[indexes[1]]}`;
+        value = `${+data.columns[0].values[indexes[0]]}:${+data.columns[1]
-            }
+          .values[indexes[1]]}`;
-            else {
+      } else {
         const values = picker.getValues();
         const year = getTrueValue(values[0]);
         const month = getTrueValue(values[1]);
@@ -265,33 +285,33 @@ VantComponent({
       const picker = this.getPicker();
       if (type === 'time') {
         const pair = value.split(':');
-                values = [
+        values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
-                    formatter('hour', pair[0]),
+      } else {
-                    formatter('minute', pair[1])
-                ];
-            }
-            else {
         const date = new Date(value);
         values = [
           formatter('year', `${date.getFullYear()}`),
-                    formatter('month', padZero(date.getMonth() + 1))
+          formatter('month', padZero(date.getMonth() + 1)),
         ];
         if (type === 'date') {
           values.push(formatter('day', padZero(date.getDate())));
         }
         if (type === 'datetime') {
-                    values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes())));
+          values.push(
+            formatter('day', padZero(date.getDate())),
+            formatter('hour', padZero(date.getHours())),
+            formatter('minute', padZero(date.getMinutes()))
+          );
         }
       }
       return this.set({ innerValue: value })
         .then(() => this.updateColumns())
         .then(() => picker.setValues(values));
-        }
+    },
   },
   created() {
     const innerValue = this.correctValue(this.data.value);
     this.updateColumnValue(innerValue).then(() => {
       this.$emit('input', innerValue);
     });
-    }
+  },
 });

dist/dialog/dialog.js

@@ -3,7 +3,7 @@ function getContext() {
   const pages = getCurrentPages();
   return pages[pages.length - 1];
 }
-const Dialog = options => {
+const Dialog = (options) => {
   options = Object.assign(Object.assign({}, Dialog.currentOptions), options);
   return new Promise((resolve, reject) => {
     const context = options.context || getContext();
@@ -11,11 +11,14 @@ const Dialog = options => {
     delete options.context;
     delete options.selector;
     if (dialog) {
-            dialog.setData(Object.assign({ onCancel: reject, onConfirm: resolve }, options));
+      dialog.setData(
+        Object.assign({ onCancel: reject, onConfirm: resolve }, options)
+      );
       queue.push(dialog);
-        }
+    } else {
-        else {
+      console.warn(
-            console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确');
+        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
+      );
     }
   });
 };
@@ -38,22 +41,23 @@ Dialog.defaultOptions = {
   showConfirmButton: true,
   showCancelButton: false,
   closeOnClickOverlay: false,
-    confirmButtonOpenType: ''
+  confirmButtonOpenType: '',
 };
 Dialog.alert = Dialog;
-Dialog.confirm = options => Dialog(Object.assign({ showCancelButton: true }, options));
+Dialog.confirm = (options) =>
+  Dialog(Object.assign({ showCancelButton: true }, options));
 Dialog.close = () => {
-    queue.forEach(dialog => {
+  queue.forEach((dialog) => {
     dialog.close();
   });
   queue = [];
 };
 Dialog.stopLoading = () => {
-    queue.forEach(dialog => {
+  queue.forEach((dialog) => {
     dialog.stopLoading();
   });
 };
-Dialog.setDefaultOptions = options => {
+Dialog.setDefaultOptions = (options) => {
   Object.assign(Dialog.currentOptions, options);
 };
 Dialog.resetDefaultOptions = () => {

dist/dialog/index.js

@@ -9,7 +9,7 @@ VantComponent({
       type: Boolean,
       observer(show) {
         !show && this.stopLoading();
-            }
+      },
     },
     title: String,
     message: String,
@@ -26,42 +26,42 @@ VantComponent({
     width: null,
     zIndex: {
       type: Number,
-            value: 2000
+      value: 2000,
     },
     confirmButtonText: {
       type: String,
-            value: '确认'
+      value: '确认',
     },
     cancelButtonText: {
       type: String,
-            value: '取消'
+      value: '取消',
     },
     confirmButtonColor: {
       type: String,
-            value: BLUE
+      value: BLUE,
     },
     cancelButtonColor: {
       type: String,
-            value: GRAY
+      value: GRAY,
     },
     showConfirmButton: {
       type: Boolean,
-            value: true
+      value: true,
     },
     overlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     transition: {
       type: String,
-            value: 'scale'
+      value: 'scale',
-        }
+    },
   },
   data: {
     loading: {
       confirm: false,
-            cancel: false
+      cancel: false,
-        }
+    },
   },
   methods: {
     onConfirm() {
@@ -76,22 +76,22 @@ VantComponent({
     handleAction(action) {
       if (this.data.asyncClose) {
         this.setData({
-                    [`loading.${action}`]: true
+          [`loading.${action}`]: true,
         });
       }
       this.onClose(action);
     },
     close() {
       this.setData({
-                show: false
+        show: false,
       });
     },
     stopLoading() {
       this.setData({
         loading: {
           confirm: false,
-                    cancel: false
+          cancel: false,
-                }
+        },
       });
     },
     onClose(action) {
@@ -101,10 +101,12 @@ VantComponent({
       this.$emit('close', action);
       // 把 dialog 实例传递出去，可以通过 stopLoading() 在外部关闭按钮的 loading
       this.$emit(action, { dialog: this });
-            const callback = this.data[action === 'confirm' ? 'onConfirm' : 'onCancel'];
+      const callback = this.data[
+        action === 'confirm' ? 'onConfirm' : 'onCancel'
+      ];
       if (callback) {
         callback(this);
       }
-        }
+    },
-    }
+  },
 });

dist/dialog/index.wxml

@@ -16,7 +16,7 @@
     class="van-dialog__header {{ message || useSlot ? '' : 'van-dialog--isolated' }}"
   >
     <slot wx:if="{{ useTitleSlot }}" name="title" />
-    <block wx:elif="{{ title }}"> {{ title }}</block>
+    <block wx:elif="{{ title }}">{{ title }}</block>
   </view>
 
   <slot wx:if="{{ useSlot }}" />

dist/divider/index.js

@@ -3,31 +3,31 @@ VantComponent({
   props: {
     dashed: {
       type: Boolean,
-            value: false
+      value: false,
     },
     hairline: {
       type: Boolean,
-            value: false
+      value: false,
     },
     contentPosition: {
       type: String,
-            value: ''
+      value: '',
     },
     fontSize: {
       type: Number,
-            value: ''
+      value: '',
     },
     borderColor: {
       type: String,
-            value: ''
+      value: '',
     },
     textColor: {
       type: String,
-            value: ''
+      value: '',
     },
     customStyle: {
       type: String,
-            value: ''
+      value: '',
-        }
+    },
-    }
+  },
 });

dist/dropdown-item/index.js

@@ -7,34 +7,34 @@ VantComponent({
     current: 'dropdown-item',
     linked() {
       this.updateDataFromParent();
-        }
+    },
   },
   props: {
     value: {
       type: null,
-            observer: 'rerender'
+      observer: 'rerender',
     },
     title: {
       type: String,
-            observer: 'rerender'
+      observer: 'rerender',
     },
     disabled: Boolean,
     titleClass: {
       type: String,
-            observer: 'rerender'
+      observer: 'rerender',
     },
     options: {
       type: Array,
       value: [],
-            observer: 'rerender'
+      observer: 'rerender',
     },
-        popupStyle: String
+    popupStyle: String,
   },
   data: {
     transition: true,
     showPopup: false,
     showWrapper: false,
-        displayTitle: ''
+    displayTitle: '',
   },
   methods: {
     rerender() {
@@ -44,13 +44,19 @@ VantComponent({
     },
     updateDataFromParent() {
       if (this.parent) {
-                const { overlay, duration, activeColor, closeOnClickOverlay, direction } = this.parent.data;
+        const {
+          overlay,
+          duration,
+          activeColor,
+          closeOnClickOverlay,
+          direction,
+        } = this.parent.data;
         this.setData({
           overlay,
           duration,
           activeColor,
           closeOnClickOverlay,
-                    direction
+          direction,
         });
       }
     },
@@ -95,10 +101,9 @@ VantComponent({
           this.setData({ wrapperStyle, showWrapper: true });
           this.rerender();
         });
-            }
+      } else {
-            else {
         this.rerender();
       }
-        }
+    },
-    }
+  },
 });

dist/dropdown-menu/index.js

@@ -12,44 +12,44 @@ VantComponent({
     },
     unlinked() {
       this.updateItemListData();
-        }
+    },
   },
   props: {
     activeColor: {
       type: String,
-            observer: 'updateChildrenData'
+      observer: 'updateChildrenData',
     },
     overlay: {
       type: Boolean,
       value: true,
-            observer: 'updateChildrenData'
+      observer: 'updateChildrenData',
     },
     zIndex: {
       type: Number,
-            value: 10
+      value: 10,
     },
     duration: {
       type: Number,
       value: 200,
-            observer: 'updateChildrenData'
+      observer: 'updateChildrenData',
     },
     direction: {
       type: String,
       value: 'down',
-            observer: 'updateChildrenData'
+      observer: 'updateChildrenData',
     },
     closeOnClickOverlay: {
       type: Boolean,
       value: true,
-            observer: 'updateChildrenData'
+      observer: 'updateChildrenData',
     },
     closeOnClickOutside: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
-        itemListData: []
+    itemListData: [],
   },
   beforeCreate() {
     const { windowHeight } = wx.getSystemInfoSync();
@@ -57,12 +57,12 @@ VantComponent({
     ARRAY.push(this);
   },
   destroyed() {
-        ARRAY = ARRAY.filter(item => item !== this);
+    ARRAY = ARRAY.filter((item) => item !== this);
   },
   methods: {
     updateItemListData() {
       this.setData({
-                itemListData: this.children.map((child) => child.data)
+        itemListData: this.children.map((child) => child.data),
       });
     },
     updateChildrenData() {
@@ -75,8 +75,7 @@ VantComponent({
         const { showPopup } = item.data;
         if (index === active) {
           item.toggle();
-                }
+        } else if (showPopup) {
-                else if (showPopup) {
           item.toggle(false, { immediate: true });
         }
       });
@@ -94,8 +93,7 @@ VantComponent({
         let wrapperStyle = `z-index: ${zIndex};`;
         if (direction === 'down') {
           wrapperStyle += `top: ${addUnit(offset)};`;
-                }
+        } else {
-                else {
           wrapperStyle += `bottom: ${addUnit(offset)};`;
         }
         return wrapperStyle;
@@ -105,15 +103,17 @@ VantComponent({
       const { index } = event.currentTarget.dataset;
       const child = this.children[index];
       if (!child.data.disabled) {
-                ARRAY.forEach(menuItem => {
+        ARRAY.forEach((menuItem) => {
-                    if (menuItem &&
+          if (
+            menuItem &&
             menuItem.data.closeOnClickOutside &&
-                        menuItem !== this) {
+            menuItem !== this
+          ) {
             menuItem.close();
           }
         });
         this.toggleItem(index);
       }
-        }
+    },
-    }
+  },
 });

dist/field/index.js

@@ -1,25 +1,55 @@
 import { VantComponent } from '../common/component';
 import { commonProps, inputProps, textareaProps } from './props';
+import { canIUseModel } from '../common/version';
 VantComponent({
   field: true,
   classes: ['input-class', 'right-icon-class'],
-    props: Object.assign(Object.assign(Object.assign(Object.assign({}, commonProps), inputProps), textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: [Boolean, Object], readonly: {
+  props: Object.assign(
+    Object.assign(
+      Object.assign(Object.assign({}, commonProps), inputProps),
+      textareaProps
+    ),
+    {
+      size: String,
+      icon: String,
+      label: String,
+      error: Boolean,
+      center: Boolean,
+      isLink: Boolean,
+      leftIcon: String,
+      rightIcon: String,
+      autosize: [Boolean, Object],
+      readonly: {
         type: Boolean,
-            observer: 'setShowClear'
+        observer: 'setShowClear',
-        }, required: Boolean, iconClass: String, clearable: {
+      },
+      required: Boolean,
+      iconClass: String,
+      clearable: {
         type: Boolean,
-            observer: 'setShowClear'
+        observer: 'setShowClear',
-        }, clickable: Boolean, inputAlign: String, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, border: {
+      },
+      clickable: Boolean,
+      inputAlign: String,
+      customStyle: String,
+      errorMessage: String,
+      arrowDirection: String,
+      showWordLimit: Boolean,
+      errorMessageAlign: String,
+      border: {
         type: Boolean,
-            value: true
+        value: true,
-        }, titleWidth: {
+      },
+      titleWidth: {
         type: String,
-            value: '90px'
+        value: '90px',
-        } }),
+      },
+    }
+  ),
   data: {
     focused: false,
     innerValue: '',
-        showClear: false
+    showClear: false,
   },
   created() {
     this.value = this.data.value;
@@ -75,7 +105,9 @@ VantComponent({
       this.$emit('keyboardheightchange', event.detail);
     },
     emitChange() {
+      if (canIUseModel()) {
         this.setData({ value: this.value });
+      }
       wx.nextTick(() => {
         this.$emit('input', this.value);
         this.$emit('change', this.value);
@@ -85,9 +117,9 @@ VantComponent({
       const { clearable, readonly } = this.data;
       const { focused, value } = this;
       this.setData({
-                showClear: !!clearable && !!focused && !!value && !readonly
+        showClear: !!clearable && !!focused && !!value && !readonly,
       });
     },
-        noop() { }
+    noop() {},
-    }
+  },
 });

dist/field/index.wxml

@@ -98,7 +98,7 @@
   <view wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
     <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length }}</view>/{{ maxlength }}
   </view>
-  <view wx:if="{{ errorMessage }}" class="van-field__error-message {{ utils.bem('field__error', [errorMessageAlign, { disabled, error }]) }}">
+  <view wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
     {{ errorMessage }}
   </view>
 </van-cell>

dist/field/props.js

@@ -6,7 +6,7 @@ export const commonProps = {
         this.setData({ innerValue: value });
         this.value = value;
       }
-        }
+    },
   },
   placeholder: String,
   placeholderStyle: String,
@@ -14,50 +14,50 @@ export const commonProps = {
   disabled: Boolean,
   maxlength: {
     type: Number,
-        value: -1
+    value: -1,
   },
   cursorSpacing: {
     type: Number,
-        value: 50
+    value: 50,
   },
   autoFocus: Boolean,
   focus: Boolean,
   cursor: {
     type: Number,
-        value: -1
+    value: -1,
   },
   selectionStart: {
     type: Number,
-        value: -1
+    value: -1,
   },
   selectionEnd: {
     type: Number,
-        value: -1
+    value: -1,
   },
   adjustPosition: {
     type: Boolean,
-        value: true
+    value: true,
   },
-    holdKeyboard: Boolean
+  holdKeyboard: Boolean,
 };
 export const inputProps = {
   type: {
     type: String,
-        value: 'text'
+    value: 'text',
   },
   password: Boolean,
   confirmType: String,
-    confirmHold: Boolean
+  confirmHold: Boolean,
 };
 export const textareaProps = {
   autoHeight: Boolean,
   fixed: Boolean,
   showConfirmBar: {
     type: Boolean,
-        value: true
+    value: true,
   },
   disableDefaultPadding: {
     type: Boolean,
-        value: true
+    value: true,
   },
 };

dist/goods-action-button/index.js

@@ -17,8 +17,8 @@ VantComponent({
     plain: Boolean,
     type: {
       type: String,
-            value: 'danger'
+      value: 'danger',
-        }
+    },
   },
   mounted() {
     this.updateStyle();
@@ -34,8 +34,8 @@ VantComponent({
       const index = children.indexOf(this);
       this.setData({
         isFirst: index === 0,
-                isLast: index === length - 1
+        isLast: index === length - 1,
       });
-        }
+    },
-    }
+  },
 });

dist/goods-action-icon/index.js

@@ -11,12 +11,12 @@ VantComponent({
     info: String,
     icon: String,
     disabled: Boolean,
-        loading: Boolean
+    loading: Boolean,
   },
   methods: {
     onClick(event) {
       this.$emit('click', event.detail);
       this.jumpLink();
-        }
+    },
-    }
+  },
 });

dist/goods-action/index.js

@@ -8,7 +8,7 @@ VantComponent({
   props: {
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
-    }
+  },
 });

dist/grid-item/index.js

@@ -14,7 +14,7 @@ VantComponent({
     dot: Boolean,
     info: null,
     text: String,
-        useSlot: Boolean
+    useSlot: Boolean,
   },
   data: {
     viewStyle: '',
@@ -59,12 +59,12 @@ VantComponent({
         border,
         square,
         gutter,
-                clickable
+        clickable,
       });
     },
     onClick() {
       this.$emit('click');
       this.jumpLink();
-        }
+    },
-    }
+  },
 });

dist/grid/index.js

@@ -9,32 +9,32 @@ VantComponent({
   props: {
     square: {
       type: Boolean,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     gutter: {
       type: [Number, String],
       value: 0,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     clickable: {
       type: Boolean,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     columnNum: {
       type: Number,
       value: 4,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     center: {
       type: Boolean,
       value: true,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     border: {
       type: Boolean,
       value: true,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
-        }
+    },
   },
   data: {
     viewStyle: '',
@@ -43,7 +43,7 @@ VantComponent({
     const { gutter } = this.data;
     if (gutter) {
       this.setData({
-                viewStyle: `padding-left: ${addUnit(gutter)}`
+        viewStyle: `padding-left: ${addUnit(gutter)}`,
       });
     }
   },
@@ -52,6 +52,6 @@ VantComponent({
       this.children.forEach((child) => {
         child.updateStyle();
       });
-        }
+    },
-    }
+  },
 });

dist/icon/index.js

@@ -8,20 +8,20 @@ VantComponent({
     customStyle: String,
     classPrefix: {
       type: String,
-            value: 'van-icon'
+      value: 'van-icon',
     },
     name: {
       type: String,
       observer(val) {
         this.setData({
-                    isImageName: val.indexOf('/') !== -1
+          isImageName: val.indexOf('/') !== -1,
         });
-            }
+      },
-        }
+    },
   },
   methods: {
     onClick() {
       this.$emit('click');
-        }
+    },
-    }
+  },
 });

dist/image/index.js

@@ -8,7 +8,7 @@ const FIT_MODE_MAP = {
   cover: 'aspectFill',
   contain: 'aspectFit',
   widthFix: 'widthFix',
-    heightFix: 'heightFix'
+  heightFix: 'heightFix',
 };
 VantComponent({
   mixins: [button, openType],
@@ -19,18 +19,18 @@ VantComponent({
       observer() {
         this.setData({
           error: false,
-                    loading: true
+          loading: true,
         });
-            }
+      },
     },
     round: Boolean,
     width: {
       type: null,
-            observer: 'setStyle'
+      observer: 'setStyle',
     },
     height: {
       type: null,
-            observer: 'setStyle'
+      observer: 'setStyle',
     },
     radius: null,
     lazyLoad: Boolean,
@@ -40,16 +40,16 @@ VantComponent({
     fit: {
       type: String,
       value: 'fill',
-            observer: 'setMode'
+      observer: 'setMode',
     },
     showError: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showLoading: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     error: false,
@@ -83,19 +83,19 @@ VantComponent({
     },
     onLoad(event) {
       this.setData({
-                loading: false
+        loading: false,
       });
       this.$emit('load', event.detail);
     },
     onError(event) {
       this.setData({
         loading: false,
-                error: true
+        error: true,
       });
       this.$emit('error', event.detail);
     },
     onClick(event) {
       this.$emit('click', event.detail);
-        }
+    },
-    }
+  },
 });

dist/index-anchor/index.js

@@ -3,28 +3,28 @@ VantComponent({
   relation: {
     name: 'index-bar',
     type: 'ancestor',
-        current: 'index-anchor'
+    current: 'index-anchor',
   },
   props: {
     useSlot: Boolean,
-        index: null
+    index: null,
   },
   data: {
     active: false,
     wrapperStyle: '',
-        anchorStyle: ''
+    anchorStyle: '',
   },
   methods: {
     scrollIntoView(scrollTop) {
       this.getBoundingClientRect().then((rect) => {
         wx.pageScrollTo({
           duration: 0,
-                    scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop
+          scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,
         });
       });
     },
     getBoundingClientRect() {
       return this.getRect('.van-index-anchor-wrapper');
-        }
+    },
-    }
+  },
 });

dist/index-bar/index.js

@@ -19,39 +19,39 @@ VantComponent({
     },
     unlinked() {
       this.updateData();
-        }
+    },
   },
   props: {
     sticky: {
       type: Boolean,
-            value: true
+      value: true,
     },
     zIndex: {
       type: Number,
-            value: 1
+      value: 1,
     },
     highlightColor: {
       type: String,
-            value: GREEN
+      value: GREEN,
     },
     stickyOffsetTop: {
       type: Number,
-            value: 0
+      value: 0,
     },
     indexList: {
       type: Array,
-            value: indexList()
+      value: indexList(),
-        }
+    },
   },
   mixins: [
     pageScrollMixin(function (event) {
       this.scrollTop = event.scrollTop || 0;
       this.onScroll();
-        })
+    }),
   ],
   data: {
     activeAnchorIndex: null,
-        showSidebar: false
+    showSidebar: false,
   },
   created() {
     this.scrollTop = 0;
@@ -64,7 +64,7 @@ VantComponent({
         }
         this.timer = setTimeout(() => {
           this.setData({
-                        showSidebar: !!this.children.length
+            showSidebar: !!this.children.length,
           });
           this.setRect().then(() => {
             this.onScroll();
@@ -76,38 +76,40 @@ VantComponent({
       return Promise.all([
         this.setAnchorsRect(),
         this.setListRect(),
-                this.setSiderbarRect()
+        this.setSiderbarRect(),
       ]);
     },
     setAnchorsRect() {
-            return Promise.all(this.children.map(anchor => anchor
+      return Promise.all(
-                .getRect('.van-index-anchor-wrapper')
+        this.children.map((anchor) =>
-                .then((rect) => {
+          anchor.getRect('.van-index-anchor-wrapper').then((rect) => {
             Object.assign(anchor, {
               height: rect.height,
-                    top: rect.top + this.scrollTop
+              top: rect.top + this.scrollTop,
             });
-            })));
+          })
+        )
+      );
     },
     setListRect() {
       return this.getRect('.van-index-bar').then((rect) => {
         Object.assign(this, {
           height: rect.height,
-                    top: rect.top + this.scrollTop
+          top: rect.top + this.scrollTop,
         });
       });
     },
     setSiderbarRect() {
-            return this.getRect('.van-index-bar__sidebar').then(res => {
+      return this.getRect('.van-index-bar__sidebar').then((res) => {
         this.sidebar = {
           height: res.height,
-                    top: res.top
+          top: res.top,
         };
       });
     },
     setDiffData({ target, data }) {
       const diffData = {};
-            Object.keys(data).forEach(key => {
+      Object.keys(data).forEach((key) => {
         if (target.data[key] !== data[key]) {
           diffData[key] = data[key];
         }
@@ -117,11 +119,9 @@ VantComponent({
       }
     },
     getAnchorRect(anchor) {
-            return anchor
+      return anchor.getRect('.van-index-anchor-wrapper').then((rect) => ({
-                .getRect('.van-index-anchor-wrapper')
-                .then((rect) => ({
         height: rect.height,
-                top: rect.top
+        top: rect.top,
       }));
     },
     getActiveAnchorIndex() {
@@ -146,8 +146,8 @@ VantComponent({
       this.setDiffData({
         target: this,
         data: {
-                    activeAnchorIndex: active
+          activeAnchorIndex: active,
-                }
+        },
       });
       if (sticky) {
         let isActiveAnchorSticky = false;
@@ -177,14 +177,14 @@ VantComponent({
               data: {
                 active: true,
                 anchorStyle,
-                                wrapperStyle
+                wrapperStyle,
-                            }
+              },
             });
-                    }
+          } else if (index === active - 1) {
-                    else if (index === active - 1) {
             const currentAnchor = children[index];
             const currentOffsetTop = currentAnchor.top;
-                        const targetOffsetTop = index === children.length - 1
+            const targetOffsetTop =
+              index === children.length - 1
                 ? this.top
                 : children[index + 1].top;
             const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
@@ -199,18 +199,17 @@ VantComponent({
               target: item,
               data: {
                 active: true,
-                                anchorStyle
+                anchorStyle,
-                            }
+              },
             });
-                    }
+          } else {
-                    else {
             this.setDiffData({
               target: item,
               data: {
                 active: false,
                 anchorStyle: '',
-                                wrapperStyle: ''
+                wrapperStyle: '',
-                            }
+              },
             });
           }
         });
@@ -226,8 +225,7 @@ VantComponent({
       let index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
       if (index < 0) {
         index = 0;
-            }
+      } else if (index > sidebarLength - 1) {
-            else if (index > sidebarLength - 1) {
         index = sidebarLength - 1;
       }
       this.scrollToAnchor(index);
@@ -240,11 +238,13 @@ VantComponent({
         return;
       }
       this.scrollToAnchorIndex = index;
-            const anchor = this.children.find((item) => item.data.index === this.data.indexList[index]);
+      const anchor = this.children.find(
+        (item) => item.data.index === this.data.indexList[index]
+      );
       if (anchor) {
         anchor.scrollIntoView(this.scrollTop);
         this.$emit('select', anchor.data.index);
       }
-        }
+    },
-    }
+  },
 });

dist/info/index.js

@@ -3,6 +3,6 @@ VantComponent({
   props: {
     dot: Boolean,
     info: null,
-        customStyle: String
+    customStyle: String,
-    }
+  },
 });

dist/info/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-info{position:absolute;top:0;right:0;box-sizing:border-box;white-space:nowrap;text-align:center;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%;min-width:16px;min-width:var(--info-size,16px);padding:0 3px;padding:var(--info-padding,0 3px);color:#fff;color:var(--info-color,#fff);font-weight:500;font-weight:var(--info-font-weight,500);font-size:12px;font-size:var(--info-font-size,12px);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--info-font-family,PingFang SC,Helvetica Neue,Arial,sans-serif);line-height:14px;line-height:calc(var(--info-size, 16px) - var(--info-border-width, 1px)*2);background-color:#ee0a24;background-color:var(--info-background-color,#ee0a24);border:1px solid #fff;border:var(--info-border-width,1px) solid var(--white,#fff);border-radius:16px;border-radius:var(--info-size,16px)}.van-info--dot{min-width:0;border-radius:100%;width:8px;width:var(--info-dot-size,8px);height:8px;height:var(--info-dot-size,8px);background-color:#ee0a24;background-color:var(--info-dot-color,#ee0a24)}
+@import '../common/index.wxss';.van-info{position:absolute;top:0;right:0;box-sizing:border-box;white-space:nowrap;text-align:center;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%;min-width:16px;min-width:var(--info-size,16px);padding:0 3px;padding:var(--info-padding,0 3px);color:#fff;color:var(--info-color,#fff);font-weight:500;font-weight:var(--info-font-weight,500);font-size:12px;font-size:var(--info-font-size,12px);font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--info-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif);line-height:14px;line-height:calc(var(--info-size, 16px) - var(--info-border-width, 1px)*2);background-color:#ee0a24;background-color:var(--info-background-color,#ee0a24);border:1px solid #fff;border:var(--info-border-width,1px) solid var(--white,#fff);border-radius:16px;border-radius:var(--info-size,16px)}.van-info--dot{min-width:0;border-radius:100%;width:8px;width:var(--info-dot-size,8px);height:8px;height:var(--info-dot-size,8px);background-color:#ee0a24;background-color:var(--info-dot-color,#ee0a24)}

dist/loading/index.js

@@ -5,10 +5,10 @@ VantComponent({
     vertical: Boolean,
     type: {
       type: String,
-            value: 'circular'
+      value: 'circular',
     },
     size: String,
-        textSize: String
+    textSize: String,
   },
   data: {
     array12: Array.from({ length: 12 }),

dist/mixins/basic.js

@@ -5,13 +5,14 @@ export const basic = Behavior({
     },
     set(data, callback) {
       this.setData(data, callback);
-            return new Promise(resolve => wx.nextTick(resolve));
+      return new Promise((resolve) => wx.nextTick(resolve));
     },
     getRect(selector, all) {
-            return new Promise(resolve => {
+      return new Promise((resolve) => {
         wx.createSelectorQuery()
-                    .in(this)[all ? 'selectAll' : 'select'](selector)
+          .in(this)
-                    .boundingClientRect(rect => {
+          [all ? 'selectAll' : 'select'](selector)
+          .boundingClientRect((rect) => {
             if (all && Array.isArray(rect) && rect.length) {
               resolve(rect);
             }
@@ -21,6 +22,6 @@ export const basic = Behavior({
           })
           .exec();
       });
-        }
+    },
-    }
+  },
 });

dist/mixins/button.js

@@ -10,6 +10,6 @@ export const button = Behavior({
     sendMessageImg: String,
     showMessageCard: Boolean,
     appParameter: String,
-        ariaLabel: String
+    ariaLabel: String,
-    }
+  },
 });

dist/mixins/link.js

@@ -3,8 +3,8 @@ export const link = Behavior({
     url: String,
     linkType: {
       type: String,
-            value: 'navigateTo'
+      value: 'navigateTo',
-        }
+    },
   },
   methods: {
     jumpLink(urlKey = 'url') {
@@ -12,6 +12,6 @@ export const link = Behavior({
       if (url) {
         wx[this.data.linkType]({ url });
       }
-        }
+    },
-    }
+  },
 });

dist/mixins/open-type.js

@@ -1,6 +1,6 @@
 export const openType = Behavior({
   properties: {
-        openType: String
+    openType: String,
   },
   methods: {
     bindGetUserInfo(event) {
@@ -21,5 +21,5 @@ export const openType = Behavior({
     bindOpenSetting(event) {
       this.$emit('opensetting', event.detail);
     },
-    }
+  },
 });

dist/mixins/page-scroll.js

@@ -10,19 +10,24 @@ function onPageScroll(event) {
     }
   });
 }
-export const pageScrollMixin = (scroller) => Behavior({
+export const pageScrollMixin = (scroller) =>
+  Behavior({
     attached() {
       const page = getCurrentPage();
       if (Array.isArray(page.vanPageScroller)) {
         page.vanPageScroller.push(scroller.bind(this));
-        }
+      } else {
-        else {
+        page.vanPageScroller =
-            page.vanPageScroller = [page.onPageScroll, scroller.bind(this)];
+          typeof page.onPageScroll === 'function'
+            ? [page.onPageScroll.bind(page), scroller.bind(this)]
+            : [scroller.bind(this)];
       }
       page.onPageScroll = onPageScroll;
     },
     detached() {
       const page = getCurrentPage();
-        page.vanPageScroller = (page.vanPageScroller || []).filter(item => item !== scroller);
+      page.vanPageScroller = (page.vanPageScroller || []).filter(
-    }
+        (item) => item !== scroller
-});
+      );
+    },
+  });

dist/mixins/touch.js

@@ -29,7 +29,8 @@ export const touch = Behavior({
       this.deltaY = touch.clientY - this.startY;
       this.offsetX = Math.abs(this.deltaX);
       this.offsetY = Math.abs(this.deltaY);
-            this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
+      this.direction =
-        }
+        this.direction || getDirection(this.offsetX, this.offsetY);
-    }
+    },
+  },
 });

dist/mixins/transition.d.ts

@@ -1 +1 @@
-export declare const transition: (showDefaultValue: boolean) => any;
+export declare const transition: (showDefaultValue: boolean) => string;

dist/mixins/transition.js

@@ -3,9 +3,9 @@ const getClassNames = (name) => ({
   enter: `van-${name}-enter van-${name}-enter-active enter-class enter-active-class`,
   'enter-to': `van-${name}-enter-to van-${name}-enter-active enter-to-class enter-active-class`,
   leave: `van-${name}-leave van-${name}-leave-active leave-class leave-active-class`,
-    'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`
+  'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`,
 });
-const nextTick = () => new Promise(resolve => setTimeout(resolve, 1000 / 30));
+const nextTick = () => new Promise((resolve) => setTimeout(resolve, 1000 / 30));
 export const transition = function (showDefaultValue) {
   return Behavior({
     properties: {
@@ -14,23 +14,23 @@ export const transition = function (showDefaultValue) {
       show: {
         type: Boolean,
         value: showDefaultValue,
-                observer: 'observeShow'
+        observer: 'observeShow',
       },
       // @ts-ignore
       duration: {
         type: null,
         value: 300,
-                observer: 'observeDuration'
+        observer: 'observeDuration',
       },
       name: {
         type: String,
-                value: 'fade'
+        value: 'fade',
-            }
+      },
     },
     data: {
       type: '',
       inited: false,
-            display: false
+      display: false,
     },
     methods: {
       observeShow(value, old) {
@@ -54,7 +54,7 @@ export const transition = function (showDefaultValue) {
               inited: true,
               display: true,
               classes: classNames.enter,
-                        currentDuration
+              currentDuration,
             });
           })
           .then(nextTick)
@@ -62,10 +62,10 @@ export const transition = function (showDefaultValue) {
             this.checkStatus('enter');
             this.transitionEnded = false;
             this.setData({
-                        classes: classNames['enter-to']
+              classes: classNames['enter-to'],
             });
           })
-                    .catch(() => { });
+          .catch(() => {});
       },
       leave() {
         if (!this.data.display) {
@@ -83,7 +83,7 @@ export const transition = function (showDefaultValue) {
             this.$emit('leave');
             this.setData({
               classes: classNames.leave,
-                        currentDuration
+              currentDuration,
             });
           })
           .then(nextTick)
@@ -92,10 +92,10 @@ export const transition = function (showDefaultValue) {
             this.transitionEnded = false;
             setTimeout(() => this.onTransitionEnd(), currentDuration);
             this.setData({
-                        classes: classNames['leave-to']
+              classes: classNames['leave-to'],
             });
           })
-                    .catch(() => { });
+          .catch(() => {});
       },
       checkStatus(status) {
         if (status !== this.status) {
@@ -112,7 +112,7 @@ export const transition = function (showDefaultValue) {
         if (!show && display) {
           this.setData({ display: false });
         }
-            }
+      },
-        }
+    },
   });
 };

dist/nav-bar/index.js

@@ -5,37 +5,37 @@ VantComponent({
     title: String,
     fixed: {
       type: Boolean,
-            observer: 'setHeight'
+      observer: 'setHeight',
     },
     placeholder: {
       type: Boolean,
-            observer: 'setHeight'
+      observer: 'setHeight',
     },
     leftText: String,
     rightText: String,
     leftArrow: Boolean,
     border: {
       type: Boolean,
-            value: true
+      value: true,
     },
     zIndex: {
       type: Number,
-            value: 1
+      value: 1,
     },
     safeAreaInsetTop: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     statusBarHeight: 0,
-        height: 44
+    height: 44,
   },
   created() {
     const { statusBarHeight } = wx.getSystemInfoSync();
     this.setData({
       statusBarHeight,
-            height: 44 + statusBarHeight
+      height: 44 + statusBarHeight,
     });
   },
   mounted() {
@@ -57,6 +57,6 @@ VantComponent({
           this.setData({ height: res.height });
         });
       });
-        }
+    },
-    }
+  },
 });

dist/notice-bar/index.js

@@ -14,19 +14,19 @@ VantComponent({
     },
     mode: {
       type: String,
-            value: ''
+      value: '',
     },
     url: {
       type: String,
-            value: ''
+      value: '',
     },
     openType: {
       type: String,
-            value: 'navigate'
+      value: 'navigate',
     },
     delay: {
       type: Number,
-            value: 1
+      value: 1,
     },
     speed: {
       type: Number,
@@ -35,33 +35,33 @@ VantComponent({
         wx.nextTick(() => {
           this.init();
         });
-            }
+      },
     },
     scrollable: {
       type: Boolean,
-            value: true
+      value: true,
     },
     leftIcon: {
       type: String,
-            value: ''
+      value: '',
     },
     color: {
       type: String,
-            value: FONT_COLOR
+      value: FONT_COLOR,
     },
     backgroundColor: {
       type: String,
-            value: BG_COLOR
+      value: BG_COLOR,
     },
-        wrapable: Boolean
+    wrapable: Boolean,
   },
   data: {
-        show: true
+    show: true,
   },
   created() {
     this.resetAnimation = wx.createAnimation({
       duration: 0,
-            timingFunction: 'linear'
+      timingFunction: 'linear',
     });
   },
   destroyed() {
@@ -71,13 +71,15 @@ VantComponent({
     init() {
       Promise.all([
         this.getRect('.van-notice-bar__content'),
-                this.getRect('.van-notice-bar__wrap')
+        this.getRect('.van-notice-bar__wrap'),
       ]).then((rects) => {
         const [contentRect, wrapRect] = rects;
-                if (contentRect == null ||
+        if (
+          contentRect == null ||
           wrapRect == null ||
           !contentRect.width ||
-                    !wrapRect.width) {
+          !wrapRect.width
+        ) {
           return;
         }
         const { speed, scrollable, delay } = this.data;
@@ -89,7 +91,7 @@ VantComponent({
           this.animation = wx.createAnimation({
             duration,
             timingFunction: 'linear',
-                        delay
+            delay,
           });
           this.scroll();
         }
@@ -102,14 +104,14 @@ VantComponent({
         animationData: this.resetAnimation
           .translateX(this.wrapWidth)
           .step()
-                    .export()
+          .export(),
       });
       setTimeout(() => {
         this.setData({
           animationData: this.animation
             .translateX(-this.contentWidth)
             .step()
-                        .export()
+            .export(),
         });
       }, 20);
       this.timer = setTimeout(() => {
@@ -123,6 +125,6 @@ VantComponent({
     },
     onClick(event) {
       this.$emit('click', event);
-        }
+    },
-    }
+  },
 });

dist/notify/index.js

@@ -6,25 +6,25 @@ VantComponent({
     background: String,
     type: {
       type: String,
-            value: 'danger'
+      value: 'danger',
     },
     color: {
       type: String,
-            value: WHITE
+      value: WHITE,
     },
     duration: {
       type: Number,
-            value: 3000
+      value: 3000,
     },
     zIndex: {
       type: Number,
-            value: 110
+      value: 110,
     },
     safeAreaInsetTop: {
       type: Boolean,
-            value: false
+      value: false,
     },
-        top: null
+    top: null,
   },
   data: {
     show: false,
@@ -56,6 +56,6 @@ VantComponent({
       if (onClick) {
         onClick(event.detail);
       }
-        }
+    },
-    }
+  },
 });

dist/notify/notify.js

@@ -9,9 +9,9 @@ const defaultOptions = {
   top: 0,
   color: WHITE,
   safeAreaInsetTop: false,
-    onClick: () => { },
+  onClick: () => {},
-    onOpened: () => { },
+  onOpened: () => {},
-    onClose: () => { }
+  onClose: () => {},
 };
 function parseOptions(message) {
   return typeof message === 'string' ? { message } : message;
@@ -21,7 +21,10 @@ function getContext() {
   return pages[pages.length - 1];
 }
 export default function Notify(options) {
-    options = Object.assign(Object.assign({}, defaultOptions), parseOptions(options));
+  options = Object.assign(
+    Object.assign({}, defaultOptions),
+    parseOptions(options)
+  );
   const context = options.context || getContext();
   const notify = context.selectComponent(options.selector);
   delete options.context;
@@ -34,7 +37,10 @@ export default function Notify(options) {
   console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
 }
 Notify.clear = function (options) {
-    options = Object.assign(Object.assign({}, defaultOptions), parseOptions(options));
+  options = Object.assign(
+    Object.assign({}, defaultOptions),
+    parseOptions(options)
+  );
   const context = options.context || getContext();
   const notify = context.selectComponent(options.selector);
   if (notify) {

dist/overlay/index.js

@@ -5,18 +5,18 @@ VantComponent({
     customStyle: String,
     duration: {
       type: null,
-            value: 300
+      value: 300,
     },
     zIndex: {
       type: Number,
-            value: 1
+      value: 1,
-        }
+    },
   },
   methods: {
     onClick() {
       this.$emit('click');
     },
     // for prevent touchmove
-        noop() { }
+    noop() {},
-    }
+  },
 });

dist/panel/index.js

@@ -5,6 +5,6 @@ VantComponent({
     desc: String,
     title: String,
     status: String,
-        useFooterSlot: Boolean
+    useFooterSlot: Boolean,
-    }
+  },
 });

dist/picker-column/index.js

@@ -10,15 +10,15 @@ VantComponent({
     visibleItemCount: Number,
     initialOptions: {
       type: Array,
-            value: []
+      value: [],
     },
     defaultIndex: {
       type: Number,
       value: 0,
       observer(value) {
         this.setIndex(value);
-            }
+      },
-        }
+    },
   },
   data: {
     startY: 0,
@@ -26,13 +26,13 @@ VantComponent({
     duration: 0,
     startOffset: 0,
     options: [],
-        currentIndex: 0
+    currentIndex: 0,
   },
   created() {
     const { defaultIndex, initialOptions } = this.data;
     this.set({
       currentIndex: defaultIndex,
-            options: initialOptions
+      options: initialOptions,
     }).then(() => {
       this.setIndex(defaultIndex);
     });
@@ -45,21 +45,29 @@ VantComponent({
       this.setData({
         startY: event.touches[0].clientY,
         startOffset: this.data.offset,
-                duration: 0
+        duration: 0,
       });
     },
     onTouchMove(event) {
       const { data } = this;
       const deltaY = event.touches[0].clientY - data.startY;
       this.setData({
-                offset: range(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight)
+        offset: range(
+          data.startOffset + deltaY,
+          -(this.getCount() * data.itemHeight),
+          data.itemHeight
+        ),
       });
     },
     onTouchEnd() {
       const { data } = this;
       if (data.offset !== data.startOffset) {
         this.setData({ duration: DEFAULT_DURATION });
-                const index = range(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
+        const index = range(
+          Math.round(-data.offset / data.itemHeight),
+          0,
+          this.getCount() - 1
+        );
         this.setIndex(index, true);
       }
     },
@@ -72,12 +80,10 @@ VantComponent({
       const count = this.getCount();
       index = range(index, 0, count);
       for (let i = index; i < count; i++) {
-                if (!this.isDisabled(data.options[i]))
+        if (!this.isDisabled(data.options[i])) return i;
-                    return i;
       }
       for (let i = index - 1; i >= 0; i--) {
-                if (!this.isDisabled(data.options[i]))
+        if (!this.isDisabled(data.options[i])) return i;
-                    return i;
       }
     },
     isDisabled(option) {
@@ -112,6 +118,6 @@ VantComponent({
     getValue() {
       const { data } = this;
       return data.options[data.currentIndex];
-        }
+    },
-    }
+  },
 });

dist/picker/index.js

@@ -2,35 +2,42 @@ import { VantComponent } from '../common/component';
 import { pickerProps } from './shared';
 VantComponent({
   classes: ['active-class', 'toolbar-class', 'column-class'],
-    props: Object.assign(Object.assign({}, pickerProps), { valueKey: {
+  props: Object.assign(Object.assign({}, pickerProps), {
+    valueKey: {
       type: String,
-            value: 'text'
+      value: 'text',
-        }, toolbarPosition: {
+    },
+    toolbarPosition: {
       type: String,
-            value: 'top'
+      value: 'top',
-        }, defaultIndex: {
+    },
+    defaultIndex: {
       type: Number,
-            value: 0
+      value: 0,
-        }, columns: {
+    },
+    columns: {
       type: Array,
       value: [],
       observer(columns = []) {
         this.simple = columns.length && !columns[0].values;
         this.children = this.selectAllComponents('.van-picker__column');
         if (Array.isArray(this.children) && this.children.length) {
-                    this.setColumns().catch(() => { });
+          this.setColumns().catch(() => {});
         }
-            }
+      },
-        } }),
+    },
+  }),
   beforeCreate() {
     this.children = [];
   },
   methods: {
-        noop() { },
+    noop() {},
     setColumns() {
       const { data } = this;
       const columns = this.simple ? [{ values: data.columns }] : data.columns;
-            const stack = columns.map((column, index) => this.setColumnValues(index, column.values));
+      const stack = columns.map((column, index) =>
+        this.setColumnValues(index, column.values)
+      );
       return Promise.all(stack);
     },
     emit(event) {
@@ -38,13 +45,12 @@ VantComponent({
       if (this.simple) {
         this.$emit(type, {
           value: this.getColumnValue(0),
-                    index: this.getColumnIndex(0)
+          index: this.getColumnIndex(0),
         });
-            }
+      } else {
-            else {
         this.$emit(type, {
           value: this.getValues(),
-                    index: this.getIndexes()
+          index: this.getIndexes(),
         });
       }
     },
@@ -53,14 +59,13 @@ VantComponent({
         this.$emit('change', {
           picker: this,
           value: this.getColumnValue(0),
-                    index: this.getColumnIndex(0)
+          index: this.getColumnIndex(0),
         });
-            }
+      } else {
-            else {
         this.$emit('change', {
           picker: this,
           value: this.getValues(),
-                    index: event.currentTarget.dataset.index
+          index: event.currentTarget.dataset.index,
         });
       }
     },
@@ -103,7 +108,8 @@ VantComponent({
       if (column == null) {
         return Promise.reject(new Error('setColumnValues: 对应列不存在'));
       }
-            const isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
+      const isSame =
+        JSON.stringify(column.data.options) === JSON.stringify(options);
       if (isSame) {
         return Promise.resolve();
       }
@@ -119,7 +125,9 @@ VantComponent({
     },
     // set values of all columns
     setValues(values) {
-            const stack = values.map((value, index) => this.setColumnValue(index, value));
+      const stack = values.map((value, index) =>
+        this.setColumnValue(index, value)
+      );
       return Promise.all(stack);
     },
     // get indexes of all columns
@@ -128,8 +136,10 @@ VantComponent({
     },
     // set indexes of all columns
     setIndexes(indexes) {
-            const stack = indexes.map((optionIndex, columnIndex) => this.setColumnIndex(columnIndex, optionIndex));
+      const stack = indexes.map((optionIndex, columnIndex) =>
+        this.setColumnIndex(columnIndex, optionIndex)
+      );
       return Promise.all(stack);
-        }
+    },
-    }
+  },
 });

dist/picker/shared.js

@@ -4,18 +4,18 @@ export const pickerProps = {
   showToolbar: Boolean,
   cancelButtonText: {
     type: String,
-        value: '取消'
+    value: '取消',
   },
   confirmButtonText: {
     type: String,
-        value: '确认'
+    value: '确认',
   },
   visibleItemCount: {
     type: Number,
-        value: 5
+    value: 5,
   },
   itemHeight: {
     type: Number,
-        value: 44
+    value: 44,
-    }
+  },
 };

dist/popup/index.js

@@ -8,7 +8,7 @@ VantComponent({
     'leave-class',
     'leave-active-class',
     'leave-to-class',
-        'close-icon-class'
+    'close-icon-class',
   ],
   mixins: [transition(false)],
   props: {
@@ -18,41 +18,41 @@ VantComponent({
     overlayStyle: String,
     transition: {
       type: String,
-            observer: 'observeClass'
+      observer: 'observeClass',
     },
     zIndex: {
       type: Number,
-            value: 100
+      value: 100,
     },
     overlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     closeIcon: {
       type: String,
-            value: 'cross'
+      value: 'cross',
     },
     closeIconPosition: {
       type: String,
-            value: 'top-right'
+      value: 'top-right',
     },
     closeOnClickOverlay: {
       type: Boolean,
-            value: true
+      value: true,
     },
     position: {
       type: String,
       value: 'center',
-            observer: 'observeClass'
+      observer: 'observeClass',
     },
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
     },
     safeAreaInsetTop: {
       type: Boolean,
-            value: false
+      value: false,
-        }
+    },
   },
   created() {
     this.observeClass();
@@ -70,12 +70,12 @@ VantComponent({
     observeClass() {
       const { transition, position } = this.data;
       const updateData = {
-                name: transition || position
+        name: transition || position,
       };
       if (transition === 'none') {
         updateData.duration = 0;
       }
       this.setData(updateData);
-        }
+    },
-    }
+  },
 });

dist/progress/index.js

@@ -9,19 +9,19 @@ VantComponent({
     trackColor: String,
     showPivot: {
       type: Boolean,
-            value: true
+      value: true,
     },
     color: {
       type: String,
-            value: BLUE
+      value: BLUE,
     },
     textColor: {
       type: String,
-            value: '#fff'
+      value: '#fff',
     },
     strokeWidth: {
       type: null,
-            value: 4
+      value: 4,
-        }
+    },
-    }
+  },
 });

dist/radio-group/index.js

@@ -12,12 +12,12 @@ VantComponent({
   props: {
     value: {
       type: null,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     disabled: {
       type: Boolean,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
-        }
+    },
   },
   methods: {
     updateChildren() {
@@ -27,8 +27,8 @@ VantComponent({
       const { value, disabled } = this.data;
       child.setData({
         value,
-                disabled: disabled || child.data.disabled
+        disabled: disabled || child.data.disabled,
       });
-        }
+    },
-    }
+  },
 });

dist/radio/index.js

@@ -15,17 +15,17 @@ VantComponent({
     checkedColor: String,
     labelPosition: {
       type: String,
-            value: 'right'
+      value: 'right',
     },
     labelDisabled: Boolean,
     shape: {
       type: String,
-            value: 'round'
+      value: 'round',
     },
     iconSize: {
       type: null,
-            value: 20
+      value: 20,
-        }
+    },
   },
   methods: {
     emitChange(value) {
@@ -43,6 +43,6 @@ VantComponent({
       if (!disabled && !labelDisabled) {
         this.emitChange(name);
       }
-        }
+    },
-    }
+  },
 });

dist/rate/index.js

@@ -1,4 +1,5 @@
 import { VantComponent } from '../common/component';
+import { canIUseModel } from '../common/version';
 VantComponent({
   field: true,
   classes: ['icon-class'],
@@ -9,7 +10,7 @@ VantComponent({
         if (value !== this.data.innerValue) {
           this.setData({ innerValue: value });
         }
-            }
+      },
     },
     readonly: Boolean,
     disabled: Boolean,
@@ -17,23 +18,23 @@ VantComponent({
     size: null,
     icon: {
       type: String,
-            value: 'star'
+      value: 'star',
     },
     voidIcon: {
       type: String,
-            value: 'star-o'
+      value: 'star-o',
     },
     color: {
       type: String,
-            value: '#ffd21e'
+      value: '#ffd21e',
     },
     voidColor: {
       type: String,
-            value: '#c7c7c7'
+      value: '#c7c7c7',
     },
     disabledColor: {
       type: String,
-            value: '#bdbdbd'
+      value: '#bdbdbd',
     },
     count: {
       type: Number,
@@ -45,8 +46,8 @@ VantComponent({
     gutter: null,
     touchable: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     innerValue: 0,
@@ -58,23 +59,29 @@ VantComponent({
       const { score } = event.currentTarget.dataset;
       if (!data.disabled && !data.readonly) {
         this.setData({ innerValue: score + 1 });
+        if (canIUseModel()) {
+          this.setData({ value: score + 1 });
+        }
+        wx.nextTick(() => {
           this.$emit('input', score + 1);
           this.$emit('change', score + 1);
+        });
       }
     },
     onTouchMove(event) {
       const { touchable } = this.data;
-            if (!touchable)
+      if (!touchable) return;
-                return;
       const { clientX } = event.touches[0];
       this.getRect('.van-rate__icon', true).then((list) => {
         const target = list
-                    .sort(item => item.right - item.left)
+          .sort((item) => item.right - item.left)
-                    .find(item => clientX >= item.left && clientX <= item.right);
+          .find((item) => clientX >= item.left && clientX <= item.right);
         if (target != null) {
-                    this.onSelect(Object.assign(Object.assign({}, event), { currentTarget: target }));
+          this.onSelect(
+            Object.assign(Object.assign({}, event), { currentTarget: target })
+          );
         }
       });
-        }
+    },
-    }
+  },
 });

dist/row/index.js

@@ -8,13 +8,13 @@ VantComponent({
       if (this.data.gutter) {
         target.setGutter(this.data.gutter);
       }
-        }
+    },
   },
   props: {
     gutter: {
       type: Number,
-            observer: 'setGutter'
+      observer: 'setGutter',
-        }
+    },
   },
   data: {
     viewStyle: '',
@@ -32,9 +32,9 @@ VantComponent({
         ? `margin-right: ${margin}; margin-left: ${margin};`
         : '';
       this.setData({ viewStyle });
-            this.getRelationNodes('../col/index').forEach(col => {
+      this.getRelationNodes('../col/index').forEach((col) => {
         col.setGutter(this.data.gutter);
       });
-        }
+    },
-    }
+  },
 });

dist/search/index.js

@@ -1,4 +1,5 @@
 import { VantComponent } from '../common/component';
+import { canIUseModel } from '../common/version';
 VantComponent({
   field: true,
   classes: ['field-class', 'input-class', 'cancel-class'],
@@ -15,35 +16,37 @@ VantComponent({
     useRightIconSlot: Boolean,
     leftIcon: {
       type: String,
-            value: 'search'
+      value: 'search',
     },
     rightIcon: String,
     placeholder: String,
     placeholderStyle: String,
     actionText: {
       type: String,
-            value: '取消'
+      value: '取消',
     },
     background: {
       type: String,
-            value: '#ffffff'
+      value: '#ffffff',
     },
     maxlength: {
       type: Number,
-            value: -1
+      value: -1,
     },
     shape: {
       type: String,
-            value: 'square'
+      value: 'square',
     },
     clearable: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     onChange(event) {
+      if (canIUseModel()) {
         this.setData({ value: event.detail });
+      }
       this.$emit('change', event.detail);
     },
     onCancel() {
@@ -52,22 +55,24 @@ VantComponent({
        * https://github.com/youzan/@vant/weapp/issues/1768
        */
       setTimeout(() => {
+        if (canIUseModel()) {
           this.setData({ value: '' });
+        }
         this.$emit('cancel');
         this.$emit('change', '');
       }, 200);
     },
-        onSearch() {
+    onSearch(event) {
-            this.$emit('search', this.data.value);
+      this.$emit('search', event.detail);
     },
-        onFocus() {
+    onFocus(event) {
-            this.$emit('focus');
+      this.$emit('focus', event.detail);
     },
-        onBlur() {
+    onBlur(event) {
-            this.$emit('blur');
+      this.$emit('blur', event.detail);
+    },
+    onClear(event) {
+      this.$emit('clear', event.detail);
     },
-        onClear() {
-            this.$emit('clear');
   },
-    }
 });

dist/sidebar-item/index.js

@@ -1,9 +1,6 @@
 import { VantComponent } from '../common/component';
 VantComponent({
-    classes: [
+  classes: ['active-class', 'disabled-class'],
-        'active-class',
-        'disabled-class',
-    ],
   relation: {
     type: 'ancestor',
     name: 'sidebar',
@@ -13,7 +10,7 @@ VantComponent({
     dot: Boolean,
     info: null,
     title: String,
-        disabled: Boolean
+    disabled: Boolean,
   },
   methods: {
     onClick() {
@@ -29,6 +26,6 @@ VantComponent({
     },
     setActive(selected) {
       return this.setData({ selected });
-        }
+    },
-    }
+  },
 });

dist/sidebar/index.js

@@ -9,14 +9,14 @@ VantComponent({
     },
     unlinked() {
       this.setActive(this.data.activeKey);
-        }
+    },
   },
   props: {
     activeKey: {
       type: Number,
       value: 0,
-            observer: 'setActive'
+      observer: 'setActive',
-        }
+    },
   },
   beforeCreate() {
     this.currentActive = -1;
@@ -36,6 +36,6 @@ VantComponent({
         stack.push(children[activeKey].setActive(true));
       }
       return Promise.all(stack);
-        }
+    },
-    }
+  },
 });

dist/skeleton/index.js

@@ -13,34 +13,34 @@ VantComponent({
     avatar: Boolean,
     loading: {
       type: Boolean,
-            value: true
+      value: true,
     },
     animate: {
       type: Boolean,
-            value: true
+      value: true,
     },
     avatarSize: {
       type: String,
-            value: '32px'
+      value: '32px',
     },
     avatarShape: {
       type: String,
-            value: 'round'
+      value: 'round',
     },
     titleWidth: {
       type: String,
-            value: '40%'
+      value: '40%',
     },
     rowWidth: {
       type: null,
       value: '100%',
       observer(val) {
         this.setData({ isArray: val instanceof Array });
-            }
+      },
-        }
+    },
   },
   data: {
     isArray: false,
     rowArray: [],
-    }
+  },
 });

dist/slider/index.js

@@ -1,6 +1,6 @@
 import { VantComponent } from '../common/component';
 import { touch } from '../mixins/touch';
-import { addUnit } from '../common/utils';
+import { canIUseModel } from '../common/version';
 VantComponent({
   mixins: [touch],
   props: {
@@ -10,42 +10,38 @@ VantComponent({
     inactiveColor: String,
     max: {
       type: Number,
-            value: 100
+      value: 100,
     },
     min: {
       type: Number,
-            value: 0
+      value: 0,
     },
     step: {
       type: Number,
-            value: 1
+      value: 1,
     },
     value: {
       type: Number,
       value: 0,
-            observer(value) {
+      observer: 'updateValue',
-                this.updateValue(value, false);
-            }
     },
     barHeight: {
       type: null,
-            value: '2px'
+      value: '2px',
-        }
+    },
   },
   created() {
     this.updateValue(this.data.value);
   },
   methods: {
     onTouchStart(event) {
-            if (this.data.disabled)
+      if (this.data.disabled) return;
-                return;
       this.touchStart(event);
       this.startValue = this.format(this.data.value);
       this.dragStatus = 'start';
     },
     onTouchMove(event) {
-            if (this.data.disabled)
+      if (this.data.disabled) return;
-                return;
       if (this.dragStatus === 'start') {
         this.$emit('drag-start');
       }
@@ -58,31 +54,29 @@ VantComponent({
       });
     },
     onTouchEnd() {
-            if (this.data.disabled)
+      if (this.data.disabled) return;
-                return;
       if (this.dragStatus === 'draging') {
         this.updateValue(this.newValue, true);
         this.$emit('drag-end');
       }
     },
     onClick(event) {
-            if (this.data.disabled)
+      if (this.data.disabled) return;
-                return;
       const { min } = this.data;
       this.getRect('.van-slider').then((rect) => {
-                const value = ((event.detail.x - rect.left) / rect.width) * this.getRange() + min;
+        const value =
+          ((event.detail.x - rect.left) / rect.width) * this.getRange() + min;
         this.updateValue(value, true);
       });
     },
     updateValue(value, end, drag) {
       value = this.format(value);
-            const { barHeight, min } = this.data;
+      const { min } = this.data;
       const width = `${((value - min) * 100) / this.getRange()}%`;
       this.setData({
         value,
         barStyle: `
           width: ${width};
-          height: ${addUnit(barHeight)};
           ${drag ? 'transition: none;' : ''}
         `,
       });
@@ -92,6 +86,9 @@ VantComponent({
       if (end) {
         this.$emit('change', value);
       }
+      if ((drag || end) && canIUseModel()) {
+        this.setData({ value });
+      }
     },
     getRange() {
       const { max, min } = this.data;
@@ -100,6 +97,6 @@ VantComponent({
     format(value) {
       const { max, min, step } = this.data;
       return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
-        }
+    },
-    }
+  },
 });

dist/slider/index.wxml

@@ -1,4 +1,5 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view
   class="custom-class {{ utils.bem('slider', { disabled }) }}"
@@ -7,7 +8,7 @@
 >
   <view
     class="van-slider__bar"
-    style="{{ barStyle }}; {{ activeColor ? 'background:' + activeColor : '' }}"
+    style="{{ barStyle }};{{ computed.barStyle(barHeight, activeColor) }}"
   >
     <view
       class="van-slider__button-wrapper"

dist/slider/index.wxs

@@ -0,0 +1,20 @@
+/* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+
+function barStyle(barHeight, activeColor) {
+  var styles = [['height', utils.addUnit(barHeight)]];
+
+  if (activeColor) {
+    styles.push(['background', activeColor]);
+  }
+
+  return styles
+    .map(function (item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+module.exports = {
+  barStyle: barStyle,
+};

dist/stepper/index.js

@@ -20,11 +20,11 @@ VantComponent({
         if (!equal(value, this.data.currentValue)) {
           this.setData({ currentValue: this.format(value) });
         }
-            }
+      },
     },
     integer: {
       type: Boolean,
-            observer: 'check'
+      observer: 'check',
     },
     disabled: Boolean,
     inputWidth: null,
@@ -34,43 +34,43 @@ VantComponent({
     decimalLength: {
       type: Number,
       value: null,
-            observer: 'check'
+      observer: 'check',
     },
     min: {
       type: null,
       value: 1,
-            observer: 'check'
+      observer: 'check',
     },
     max: {
       type: null,
       value: Number.MAX_SAFE_INTEGER,
-            observer: 'check'
+      observer: 'check',
     },
     step: {
       type: null,
-            value: 1
+      value: 1,
     },
     showPlus: {
       type: Boolean,
-            value: true
+      value: true,
     },
     showMinus: {
       type: Boolean,
-            value: true
+      value: true,
     },
     disablePlus: Boolean,
     disableMinus: Boolean,
     longPress: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
-        currentValue: ''
+    currentValue: '',
   },
   created() {
     this.setData({
-            currentValue: this.format(this.data.value)
+      currentValue: this.format(this.data.value),
     });
   },
   methods: {
@@ -82,13 +82,17 @@ VantComponent({
     },
     isDisabled(type) {
       if (type === 'plus') {
-                return (this.data.disabled ||
+        return (
+          this.data.disabled ||
           this.data.disablePlus ||
-                    this.data.currentValue >= this.data.max);
+          this.data.currentValue >= this.data.max
+        );
       }
-            return (this.data.disabled ||
+      return (
+        this.data.disabled ||
         this.data.disableMinus ||
-                this.data.currentValue <= this.data.min);
+        this.data.currentValue <= this.data.min
+      );
     },
     onFocus(event) {
       this.$emit('focus', event.detail);
@@ -96,7 +100,10 @@ VantComponent({
     onBlur(event) {
       const value = this.format(event.detail.value);
       this.emitChange(value);
-            this.$emit('blur', Object.assign(Object.assign({}, event.detail), { value }));
+      this.$emit(
+        'blur',
+        Object.assign(Object.assign({}, event.detail), { value })
+      );
     },
     // filter illegal characters
     filter(value) {
@@ -179,6 +186,6 @@ VantComponent({
         return;
       }
       clearTimeout(this.longPressTimer);
-        }
+    },
-    }
+  },
 });

dist/steps/index.js

@@ -8,26 +8,26 @@ VantComponent({
     active: Number,
     direction: {
       type: String,
-            value: 'horizontal'
+      value: 'horizontal',
     },
     activeColor: {
       type: String,
-            value: GREEN
+      value: GREEN,
     },
     inactiveColor: {
       type: String,
-            value: GRAY_DARK
+      value: GRAY_DARK,
     },
     activeIcon: {
       type: String,
-            value: 'checked'
+      value: 'checked',
     },
-        inactiveIcon: String
+    inactiveIcon: String,
   },
   methods: {
     onClick(event) {
       const { index } = event.currentTarget.dataset;
       this.$emit('click-step', index);
-        }
+    },
   },
 });

dist/sticky/index.js

@@ -5,31 +5,40 @@ VantComponent({
   props: {
     zIndex: {
       type: Number,
-            value: 99
+      value: 99,
     },
     offsetTop: {
       type: Number,
       value: 0,
-            observer: 'onScroll'
+      observer: 'onScroll',
     },
     disabled: {
       type: Boolean,
-            observer: 'onScroll'
+      observer: 'onScroll',
     },
     container: {
       type: null,
-            observer: 'onScroll'
+      observer: 'onScroll',
-        }
+    },
+    scrollTop: {
+      type: null,
+      observer(val) {
+        this.onScroll({ scrollTop: val });
+      },
+    },
   },
   mixins: [
     pageScrollMixin(function (event) {
+      if (this.data.scrollTop != null) {
+        return;
+      }
       this.onScroll(event);
-        })
+    }),
   ],
   data: {
     height: 0,
     fixed: false,
-        transform: 0
+    transform: 0,
   },
   mounted() {
     this.onScroll();
@@ -40,38 +49,37 @@ VantComponent({
       if (disabled) {
         this.setDataAfterDiff({
           fixed: false,
-                    transform: 0
+          transform: 0,
         });
         return;
       }
       this.scrollTop = scrollTop || this.scrollTop;
       if (typeof container === 'function') {
-                Promise.all([this.getRect(ROOT_ELEMENT), this.getContainerRect()]).then(([root, container]) => {
+        Promise.all([this.getRect(ROOT_ELEMENT), this.getContainerRect()]).then(
+          ([root, container]) => {
             if (offsetTop + root.height > container.height + container.top) {
               this.setDataAfterDiff({
                 fixed: false,
-                            transform: container.height - root.height
+                transform: container.height - root.height,
               });
-                    }
+            } else if (offsetTop >= root.top) {
-                    else if (offsetTop >= root.top) {
               this.setDataAfterDiff({
                 fixed: true,
                 height: root.height,
-                            transform: 0
+                transform: 0,
               });
-                    }
+            } else {
-                    else {
               this.setDataAfterDiff({ fixed: false, transform: 0 });
             }
-                });
+          }
+        );
         return;
       }
       this.getRect(ROOT_ELEMENT).then((root) => {
         if (offsetTop >= root.top) {
           this.setDataAfterDiff({ fixed: true, height: root.height });
           this.transform = 0;
-                }
+        } else {
-                else {
           this.setDataAfterDiff({ fixed: false });
         }
       });
@@ -87,13 +95,15 @@ VantComponent({
         this.setData(diff);
         this.$emit('scroll', {
           scrollTop: this.scrollTop,
-                    isFixed: data.fixed || this.data.fixed
+          isFixed: data.fixed || this.data.fixed,
         });
       });
     },
     getContainerRect() {
       const nodesRef = this.data.container();
-            return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec());
+      return new Promise((resolve) =>
-        }
+        nodesRef.boundingClientRect(resolve).exec()
-    }
+      );
+    },
+  },
 });

dist/submit-bar/index.js

@@ -1,20 +1,16 @@
 import { VantComponent } from '../common/component';
 VantComponent({
-    classes: [
+  classes: ['bar-class', 'price-class', 'button-class'],
-        'bar-class',
-        'price-class',
-        'button-class'
-    ],
   props: {
     tip: {
       type: null,
-            observer: 'updateTip'
+      observer: 'updateTip',
     },
     tipIcon: String,
     type: Number,
     price: {
       type: null,
-            observer: 'updatePrice'
+      observer: 'updatePrice',
     },
     label: String,
     loading: Boolean,
@@ -22,31 +18,33 @@ VantComponent({
     buttonText: String,
     currency: {
       type: String,
-            value: '¥'
+      value: '¥',
     },
     buttonType: {
       type: String,
-            value: 'danger'
+      value: 'danger',
     },
     decimalLength: {
       type: Number,
       value: 2,
-            observer: 'updatePrice'
+      observer: 'updatePrice',
     },
     suffixLabel: String,
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     updatePrice() {
       const { price, decimalLength } = this.data;
-            const priceStrArr = typeof price === 'number' && (price / 100).toFixed(decimalLength).split('.');
+      const priceStrArr =
+        typeof price === 'number' &&
+        (price / 100).toFixed(decimalLength).split('.');
       this.setData({
         hasPrice: typeof price === 'number',
         integerStr: priceStrArr && priceStrArr[0],
-                decimalStr: decimalLength && priceStrArr ? `.${priceStrArr[1]}` : ''
+        decimalStr: decimalLength && priceStrArr ? `.${priceStrArr[1]}` : '',
       });
     },
     updateTip() {
@@ -54,6 +52,6 @@ VantComponent({
     },
     onSubmit(event) {
       this.$emit('submit', event.detail);
-        }
+    },
-    }
+  },
 });

dist/submit-bar/index.wxml

@@ -16,7 +16,7 @@
     <slot name="tip" />
   </view>
 
-  <view class="bar-class {{ utils.bem('submit-bar__bar', { safe: safeAreaInsetBottom }) }}">
+  <view class="bar-class van-submit-bar__bar">
     <slot />
     <view wx:if="{{ hasPrice }}" class="van-submit-bar__text">
       <text>{{ label || '合计：' }}</text>
@@ -39,4 +39,6 @@
       {{ loading ? '' : buttonText }}
     </van-button>
   </view>
+
+  <view wx:if="{{ safeAreaInsetBottom }}" class="van-submit-bar__safe" />
 </view>

dist/submit-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-submit-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;z-index:100;z-index:var(--submit-bar-z-index,100);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__tip{padding:10px;padding:var(--submit-bar-tip-padding,10px);color:#f56723;color:var(--submit-bar-tip-color,#f56723);font-size:12px;font-size:var(--submit-bar-tip-font-size,12px);line-height:1.5;line-height:var(--submit-bar-tip-line-height,1.5);background-color:#fff7cc;background-color:var(--submit-bar-tip-background-color,#fff7cc)}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:12px;height:12px;margin-right:4px;vertical-align:middle;font-size:12px;font-size:var(--submit-bar-tip-icon-size,12px);min-width:18px;min-width:calc(var(--submit-bar-tip-icon-size, 12px)*1.5)}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 16px;padding:var(--submit-bar-padding,0 16px);height:50px;height:var(--submit-bar-height,50px);font-size:14px;font-size:var(--submit-bar-text-font-size,14px);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__bar--safe{padding-bottom:env(safe-area-inset-bottom)}.van-submit-bar__text{-webkit-flex:1;flex:1;text-align:right;color:#323233;color:var(--submit-bar-text-color,#323233);padding-right:12px;padding-right:var(--padding-sm,12px)}.van-submit-bar__price,.van-submit-bar__text{font-weight:500;font-weight:var(--font-weight-bold,500)}.van-submit-bar__price{color:#ee0a24;color:var(--submit-bar-price-color,#ee0a24);font-size:12px;font-size:var(--submit-bar-price-font-size,12px)}.van-submit-bar__price-integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__currency{font-size:12px;font-size:var(--submit-bar-currency-font-size,12px)}.van-submit-bar__suffix-label{margin-left:5px}.van-submit-bar__button{width:110px;width:var(--submit-bar-button-width,110px);font-weight:500;font-weight:var(--font-weight-bold,500);--button-default-height:40px!important;--button-default-height:var(--submit-bar-button-height,40px)!important;--button-line-height:40px!important;--button-line-height:var(--submit-bar-button-height,40px)!important}
+@import '../common/index.wxss';.van-submit-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;z-index:100;z-index:var(--submit-bar-z-index,100);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__tip{padding:10px;padding:var(--submit-bar-tip-padding,10px);color:#f56723;color:var(--submit-bar-tip-color,#f56723);font-size:12px;font-size:var(--submit-bar-tip-font-size,12px);line-height:1.5;line-height:var(--submit-bar-tip-line-height,1.5);background-color:#fff7cc;background-color:var(--submit-bar-tip-background-color,#fff7cc)}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:12px;height:12px;margin-right:4px;vertical-align:middle;font-size:12px;font-size:var(--submit-bar-tip-icon-size,12px);min-width:18px;min-width:calc(var(--submit-bar-tip-icon-size, 12px)*1.5)}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 16px;padding:var(--submit-bar-padding,0 16px);height:50px;height:var(--submit-bar-height,50px);font-size:14px;font-size:var(--submit-bar-text-font-size,14px);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__safe{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.van-submit-bar__text{-webkit-flex:1;flex:1;text-align:right;color:#323233;color:var(--submit-bar-text-color,#323233);padding-right:12px;padding-right:var(--padding-sm,12px)}.van-submit-bar__price,.van-submit-bar__text{font-weight:500;font-weight:var(--font-weight-bold,500)}.van-submit-bar__price{color:#ee0a24;color:var(--submit-bar-price-color,#ee0a24);font-size:12px;font-size:var(--submit-bar-price-font-size,12px)}.van-submit-bar__price-integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__currency{font-size:12px;font-size:var(--submit-bar-currency-font-size,12px)}.van-submit-bar__suffix-label{margin-left:5px}.van-submit-bar__button{width:110px;width:var(--submit-bar-button-width,110px);font-weight:500;font-weight:var(--font-weight-bold,500);--button-default-height:40px!important;--button-default-height:var(--submit-bar-button-height,40px)!important;--button-line-height:40px!important;--button-line-height:var(--submit-bar-button-height,40px)!important}

dist/swipe-cell/index.js

@@ -13,7 +13,7 @@ VantComponent({
         if (this.offset > 0) {
           this.swipeMove(leftWidth);
         }
-            }
+      },
     },
     rightWidth: {
       type: Number,
@@ -22,24 +22,24 @@ VantComponent({
         if (this.offset < 0) {
           this.swipeMove(-rightWidth);
         }
-            }
+      },
     },
     asyncClose: Boolean,
     name: {
       type: [Number, String],
-            value: ''
+      value: '',
-        }
+    },
   },
   mixins: [touch],
   data: {
-        catchMove: false
+    catchMove: false,
   },
   created() {
     this.offset = 0;
     ARRAY.push(this);
   },
   destroyed() {
-        ARRAY = ARRAY.filter(item => item !== this);
+    ARRAY = ARRAY.filter((item) => item !== this);
   },
   methods: {
     open(position) {
@@ -48,7 +48,7 @@ VantComponent({
       this.swipeMove(offset);
       this.$emit('open', {
         position,
-                name: this.data.name
+        name: this.data.name,
       });
     },
     close() {
@@ -66,7 +66,7 @@ VantComponent({
         -webkit-transition: ${transition};
         transform: ${transform};
         transition: ${transition};
-      `
+      `,
       });
     },
     swipeLeaveTransition() {
@@ -74,11 +74,9 @@ VantComponent({
       const { offset } = this;
       if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
         this.open('right');
-            }
+      } else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
-            else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
         this.open('left');
-            }
+      } else {
-            else {
         this.swipeMove(0);
       }
       this.setData({ catchMove: false });
@@ -90,7 +88,7 @@ VantComponent({
       this.startOffset = this.offset;
       this.touchStart(event);
     },
-        noop() { },
+    noop() {},
     onDrag(event) {
       if (this.data.disabled) {
         return;
@@ -100,7 +98,7 @@ VantComponent({
         return;
       }
       this.dragging = true;
-            ARRAY.filter(item => item !== this).forEach(item => item.close());
+      ARRAY.filter((item) => item !== this).forEach((item) => item.close());
       this.setData({ catchMove: true });
       this.swipeMove(this.startOffset + this.deltaX);
     },
@@ -121,12 +119,11 @@ VantComponent({
         this.$emit('close', {
           position,
           instance: this,
-                    name: this.data.name
+          name: this.data.name,
         });
-            }
+      } else {
-            else {
         this.swipeMove(0);
       }
-        }
+    },
-    }
+  },
 });

dist/switch/index.js

@@ -9,7 +9,7 @@ VantComponent({
       observer(value) {
         const loadingColor = this.getLoadingColor(value);
         this.setData({ value, loadingColor });
-            }
+      },
     },
     loading: Boolean,
     disabled: Boolean,
@@ -17,16 +17,16 @@ VantComponent({
     inactiveColor: String,
     size: {
       type: String,
-            value: '30px'
+      value: '30px',
     },
     activeValue: {
       type: null,
-            value: true
+      value: true,
     },
     inactiveValue: {
       type: null,
-            value: false
+      value: false,
-        }
+    },
   },
   created() {
     const { checked: value } = this.data;
@@ -46,6 +46,6 @@ VantComponent({
         this.$emit('input', value);
         this.$emit('change', value);
       }
-        }
+    },
-    }
+  },
 });

dist/tab/index.js

@@ -8,31 +8,31 @@ VantComponent({
   props: {
     dot: {
       type: Boolean,
-            observer: 'update'
+      observer: 'update',
     },
     info: {
       type: null,
-            observer: 'update'
+      observer: 'update',
     },
     title: {
       type: String,
-            observer: 'update'
+      observer: 'update',
     },
     disabled: {
       type: Boolean,
-            observer: 'update'
+      observer: 'update',
     },
     titleStyle: {
       type: String,
-            observer: 'update'
+      observer: 'update',
     },
     name: {
       type: [Number, String],
       value: '',
-        }
+    },
   },
   data: {
-        active: false
+    active: false,
   },
   methods: {
     getComputedName() {
@@ -47,13 +47,13 @@ VantComponent({
       this.setData({
         active,
         shouldRender: this.inited || !parentData.lazyRender,
-                shouldShow: active || parentData.animated
+        shouldShow: active || parentData.animated,
       });
     },
     update() {
       if (this.parent) {
         this.parent.updateTabs();
       }
-        }
+    },
-    }
+  },
 });

dist/tabbar-item/index.js

@@ -4,7 +4,7 @@ VantComponent({
     info: null,
     name: null,
     icon: String,
-        dot: Boolean
+    dot: Boolean,
   },
   relation: {
     name: 'tabbar',
@@ -12,7 +12,7 @@ VantComponent({
     current: 'tabbar-item',
   },
   data: {
-        active: false
+    active: false,
   },
   methods: {
     onClick() {
@@ -43,6 +43,6 @@ VantComponent({
       return Object.keys(patch).length > 0
         ? this.set(patch)
         : Promise.resolve();
-        }
+    },
-    }
+  },
 });

dist/tabbar/index.js

@@ -10,37 +10,37 @@ VantComponent({
     },
     unlinked() {
       this.updateChildren();
-        }
+    },
   },
   props: {
     active: {
       type: null,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     activeColor: {
       type: String,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     inactiveColor: {
       type: String,
-            observer: 'updateChildren'
+      observer: 'updateChildren',
     },
     fixed: {
       type: Boolean,
-            value: true
+      value: true,
     },
     border: {
       type: Boolean,
-            value: true
+      value: true,
     },
     zIndex: {
       type: Number,
-            value: 1
+      value: 1,
     },
     safeAreaInsetBottom: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   methods: {
     updateChildren() {
@@ -56,6 +56,6 @@ VantComponent({
       if (active !== this.data.active) {
         this.$emit('change', active);
       }
-        }
+    },
-    }
+  },
 });

dist/tabs/index.js

@@ -13,36 +13,37 @@ VantComponent({
       this.updateTabs();
     },
     unlinked() {
-            this.children = this.children
+      this.children = this.children.map((child, index) => {
-                .map((child, index) => {
         child.index = index;
         return child;
       });
       this.updateTabs();
-        }
+    },
   },
   props: {
     color: {
       type: String,
-            observer: 'setLine'
+      observer: 'setLine',
     },
     sticky: Boolean,
     animated: {
       type: Boolean,
       observer() {
-                this.children.forEach((child, index) => child.updateRender(index === this.data.currentIndex, this));
+        this.children.forEach((child, index) =>
-            }
+          child.updateRender(index === this.data.currentIndex, this)
+        );
+      },
     },
     swipeable: Boolean,
     lineWidth: {
       type: [String, Number],
       value: -1,
-            observer: 'setLine'
+      observer: 'setLine',
     },
     lineHeight: {
       type: [String, Number],
       value: -1,
-            observer: 'setLine'
+      observer: 'setLine',
     },
     titleActiveColor: String,
     titleInactiveColor: String,
@@ -53,45 +54,45 @@ VantComponent({
         if (name !== this.getCurrentName()) {
           this.setCurrentIndexByName(name);
         }
-            }
+      },
     },
     type: {
       type: String,
-            value: 'line'
+      value: 'line',
     },
     border: {
       type: Boolean,
-            value: true
+      value: true,
     },
     ellipsis: {
       type: Boolean,
-            value: true
+      value: true,
     },
     duration: {
       type: Number,
-            value: 0.3
+      value: 0.3,
     },
     zIndex: {
       type: Number,
-            value: 1
+      value: 1,
     },
     swipeThreshold: {
       type: Number,
       value: 4,
       observer(value) {
         this.setData({
-                    scrollable: this.children.length > value || !this.data.ellipsis
+          scrollable: this.children.length > value || !this.data.ellipsis,
         });
-            }
+      },
     },
     offsetTop: {
       type: Number,
-            value: 0
+      value: 0,
     },
     lazyRender: {
       type: Boolean,
-            value: true
+      value: true,
-        }
+    },
   },
   data: {
     tabs: [],
@@ -100,7 +101,7 @@ VantComponent({
     scrollable: false,
     trackStyle: '',
     currentIndex: null,
-        container: null
+    container: null,
   },
   mounted() {
     wx.nextTick(() => {
@@ -111,14 +112,15 @@ VantComponent({
   methods: {
     updateContainer() {
       this.setData({
-                container: () => this.createSelectorQuery().select('.van-tabs')
+        container: () => this.createSelectorQuery().select('.van-tabs'),
       });
     },
     updateTabs() {
       const { children = [], data } = this;
       this.setData({
         tabs: children.map((child) => child.data),
-                scrollable: this.children.length > data.swipeThreshold || !data.ellipsis
+        scrollable:
+          this.children.length > data.swipeThreshold || !data.ellipsis,
       });
       this.setCurrentIndexByName(this.getCurrentName() || data.active);
     },
@@ -131,7 +133,7 @@ VantComponent({
       this.$emit(eventName, {
         index: currentChild.index,
         name: currentChild.getComputedName(),
-                title: currentChild.data.title
+        title: currentChild.data.title,
       });
     },
     onTap(event) {
@@ -139,8 +141,7 @@ VantComponent({
       const child = this.children[index];
       if (child.data.disabled) {
         this.trigger('disabled', child);
-            }
+      } else {
-            else {
         this.setCurrentIndex(index);
         wx.nextTick(() => {
           this.trigger('click');
@@ -150,16 +151,20 @@ VantComponent({
     // correct the index of active tab
     setCurrentIndexByName(name) {
       const { children = [] } = this;
-            const matched = children.filter((child) => child.getComputedName() === name);
+      const matched = children.filter(
+        (child) => child.getComputedName() === name
+      );
       if (matched.length) {
         this.setCurrentIndex(matched[0].index);
       }
     },
     setCurrentIndex(currentIndex) {
       const { data, children = [] } = this;
-            if (!isDef(currentIndex) ||
+      if (
+        !isDef(currentIndex) ||
         currentIndex >= children.length ||
-                currentIndex < 0) {
+        currentIndex < 0
+      ) {
         return;
       }
       children.forEach((item, index) => {
@@ -193,15 +198,24 @@ VantComponent({
       if (this.data.type !== 'line') {
         return;
       }
-            const { color, duration, currentIndex, lineWidth, lineHeight } = this.data;
+      const {
+        color,
+        duration,
+        currentIndex,
+        lineWidth,
+        lineHeight,
+      } = this.data;
       this.getRect('.van-tab', true).then((rects = []) => {
         const rect = rects[currentIndex];
         if (rect == null) {
           return;
         }
         const width = lineWidth !== -1 ? lineWidth : rect.width / 2;
-                const height = lineHeight !== -1
+        const height =
-                    ? `height: ${addUnit(lineHeight)}; border-radius: ${addUnit(lineHeight)};`
+          lineHeight !== -1
+            ? `height: ${addUnit(lineHeight)}; border-radius: ${addUnit(
+                lineHeight
+              )};`
             : '';
         let left = rects
           .slice(0, currentIndex)
@@ -218,7 +232,7 @@ VantComponent({
             -webkit-transform: translateX(${left}px);
             transform: translateX(${left}px);
             ${transition}
-          `
+          `,
         });
       });
     },
@@ -230,14 +244,14 @@ VantComponent({
       }
       Promise.all([
         this.getRect('.van-tab', true),
-                this.getRect('.van-tabs__nav')
+        this.getRect('.van-tabs__nav'),
       ]).then(([tabRects, navRect]) => {
         const tabRect = tabRects[currentIndex];
         const offsetLeft = tabRects
           .slice(0, currentIndex)
           .reduce((prev, curr) => prev + curr.width, 0);
         this.setData({
-                    scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2
+          scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
         });
       });
     },
@@ -245,30 +259,26 @@ VantComponent({
       this.$emit('scroll', event.detail);
     },
     onTouchStart(event) {
-            if (!this.data.swipeable)
+      if (!this.data.swipeable) return;
-                return;
       this.touchStart(event);
     },
     onTouchMove(event) {
-            if (!this.data.swipeable)
+      if (!this.data.swipeable) return;
-                return;
       this.touchMove(event);
     },
     // watch swipe touch end
     onTouchEnd() {
-            if (!this.data.swipeable)
+      if (!this.data.swipeable) return;
-                return;
       const { tabs, currentIndex } = this.data;
       const { direction, deltaX, offsetX } = this;
       const minSwipeDistance = 50;
       if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
         if (deltaX > 0 && currentIndex !== 0) {
           this.setCurrentIndex(currentIndex - 1);
-                }
+        } else if (deltaX < 0 && currentIndex !== tabs.length - 1) {
-                else if (deltaX < 0 && currentIndex !== tabs.length - 1) {
           this.setCurrentIndex(currentIndex + 1);
         }
       }
-        }
+    },
-    }
+  },
 });

dist/tabs/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{display:-webkit-flex;display:flex;overflow:hidden}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll{background-color:#fff;background-color:var(--tabs-nav-background-color,#fff)}.van-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.van-tabs__scroll--card{margin:0 16px;margin:0 var(--padding-md,16px)}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none}.van-tabs__nav--card{box-sizing:border-box;height:30px;height:var(--tabs-card-height,30px);border:1px solid #ee0a24;border:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24);border-radius:2px;border-radius:var(--border-radius-sm,2px)}.van-tabs__nav--card .van-tab{color:#ee0a24;color:var(--tabs-default-color,#ee0a24);line-height:28px;line-height:calc(var(--tabs-card-height, 30px) - 2*var(--border-width-base, 1px));border-right:1px solid #ee0a24;border-right:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;color:var(--white,#fff);background-color:#ee0a24;background-color:var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:3px;height:var(--tabs-bottom-bar-height,3px);border-radius:3px;border-radius:var(--tabs-bottom-bar-height,3px);background-color:#ee0a24;background-color:var(--tabs-bottom-bar-color,#ee0a24)}.van-tabs__track{position:relative;width:100%;height:100%}.van-tabs__track--animated{display:-webkit-flex;display:flex;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-tabs__content{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px;height:var(--tabs-line-height,44px)}.van-tabs--card .van-tabs__wrap{height:30px;height:var(--tabs-card-height,30px)}.van-tab{position:relative;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;padding:0 5px;text-align:center;cursor:pointer;color:#646566;color:var(--tab-text-color,#646566);font-size:14px;font-size:var(--tab-font-size,14px);line-height:44px;line-height:var(--tabs-line-height,44px)}.van-tab--active{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--tab-active-text-color,#323233)}.van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tab--complete{-webkit-flex:1 0 auto!important;flex:1 0 auto!important}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}
+@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{display:-webkit-flex;display:flex;overflow:hidden}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__scroll{background-color:#fff;background-color:var(--tabs-nav-background-color,#fff)}.van-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.van-tabs__scroll--card{margin:0 16px;margin:0 var(--padding-md,16px)}.van-tabs__scroll::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none}.van-tabs__nav--card{box-sizing:border-box;height:30px;height:var(--tabs-card-height,30px);border:1px solid #ee0a24;border:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24);border-radius:2px;border-radius:var(--border-radius-sm,2px)}.van-tabs__nav--card .van-tab{color:#ee0a24;color:var(--tabs-default-color,#ee0a24);line-height:28px;line-height:calc(var(--tabs-card-height, 30px) - 2*var(--border-width-base, 1px));border-right:1px solid #ee0a24;border-right:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;color:var(--white,#fff);background-color:#ee0a24;background-color:var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:3px;height:var(--tabs-bottom-bar-height,3px);border-radius:3px;border-radius:var(--tabs-bottom-bar-height,3px);background-color:#ee0a24;background-color:var(--tabs-bottom-bar-color,#ee0a24)}.van-tabs__track{position:relative;width:100%;height:100%}.van-tabs__track--animated{display:-webkit-flex;display:flex;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-tabs__content{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px;height:var(--tabs-line-height,44px)}.van-tabs--card .van-tabs__wrap{height:30px;height:var(--tabs-card-height,30px)}.van-tab{position:relative;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;padding:0 5px;text-align:center;cursor:pointer;color:#646566;color:var(--tab-text-color,#646566);font-size:14px;font-size:var(--tab-font-size,14px);line-height:44px;line-height:var(--tabs-line-height,44px)}.van-tab--active{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--tab-active-text-color,#323233)}.van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tab--complete{-webkit-flex:1 0 auto!important;flex:1 0 auto!important}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}

dist/tag/index.js

@@ -9,13 +9,13 @@ VantComponent({
     textColor: String,
     type: {
       type: String,
-            value: 'default'
+      value: 'default',
     },
-        closeable: Boolean
+    closeable: Boolean,
   },
   methods: {
     onClose() {
       this.$emit('close');
-        }
+    },
-    }
+  },
 });

dist/toast/index.js

@@ -7,23 +7,23 @@ VantComponent({
     forbidClick: Boolean,
     zIndex: {
       type: Number,
-            value: 1000
+      value: 1000,
     },
     type: {
       type: String,
-            value: 'text'
+      value: 'text',
     },
     loadingType: {
       type: String,
-            value: 'circular'
+      value: 'circular',
     },
     position: {
       type: String,
-            value: 'middle'
+      value: 'middle',
-        }
+    },
   },
   methods: {
     // for prevent touchmove
-        noop() { }
+    noop() {},
-    }
+  },
 });

dist/toast/toast.js

@@ -9,7 +9,7 @@ const defaultOptions = {
   position: 'middle',
   forbidClick: false,
   loadingType: 'circular',
-    selector: '#van-toast'
+  selector: '#van-toast',
 };
 let queue = [];
 let currentOptions = Object.assign({}, defaultOptions);
@@ -21,7 +21,10 @@ function getContext() {
   return pages[pages.length - 1];
 }
 function Toast(toastOptions) {
-    const options = Object.assign(Object.assign({}, currentOptions), parseOptions(toastOptions));
+  const options = Object.assign(
+    Object.assign({}, currentOptions),
+    parseOptions(toastOptions)
+  );
   const context = options.context || getContext();
   const toast = context.selectComponent(options.selector);
   if (!toast) {
@@ -42,17 +45,18 @@ function Toast(toastOptions) {
   if (options.duration > 0) {
     toast.timer = setTimeout(() => {
       toast.clear();
-            queue = queue.filter(item => item !== toast);
+      queue = queue.filter((item) => item !== toast);
     }, options.duration);
   }
   return toast;
 }
-const createMethod = (type) => (options) => Toast(Object.assign({ type }, parseOptions(options)));
+const createMethod = (type) => (options) =>
+  Toast(Object.assign({ type }, parseOptions(options)));
 Toast.loading = createMethod('loading');
 Toast.success = createMethod('success');
 Toast.fail = createMethod('fail');
 Toast.clear = () => {
-    queue.forEach(toast => {
+  queue.forEach((toast) => {
     toast.clear();
   });
   queue = [];

dist/transition/index.js

@@ -7,7 +7,7 @@ VantComponent({
     'enter-to-class',
     'leave-class',
     'leave-active-class',
-        'leave-to-class'
+    'leave-to-class',
   ],
-    mixins: [transition(true)]
+  mixins: [transition(true)],
 });

dist/tree-select/index.js

@@ -6,30 +6,30 @@ VantComponent({
     'main-active-class',
     'content-active-class',
     'main-disabled-class',
-        'content-disabled-class'
+    'content-disabled-class',
   ],
   props: {
     items: {
       type: Array,
-            observer: 'updateSubItems'
+      observer: 'updateSubItems',
     },
     activeId: null,
     mainActiveIndex: {
       type: Number,
       value: 0,
-            observer: 'updateSubItems'
+      observer: 'updateSubItems',
     },
     height: {
       type: [Number, String],
-            value: 300
+      value: 300,
     },
     max: {
       type: Number,
-            value: Infinity
+      value: Infinity,
-        }
+    },
   },
   data: {
-        subItems: []
+    subItems: [],
   },
   methods: {
     // 当一个子项被选择时
@@ -59,6 +59,6 @@ VantComponent({
       const { items, mainActiveIndex } = this.data;
       const { children = [] } = items[mainActiveIndex] || {};
       return this.set({ subItems: children });
-        }
+    },
-    }
+  },
 });

dist/uploader/index.js

@@ -2,76 +2,110 @@ import { VantComponent } from '../common/component';
 import { isImageFile, isVideo, chooseFile, isPromise } from './utils';
 import { chooseImageProps, chooseVideoProps } from './shared';
 VantComponent({
-    props: Object.assign(Object.assign({ disabled: Boolean, multiple: Boolean, uploadText: String, useBeforeRead: Boolean, afterRead: null, beforeRead: null, previewSize: {
+  props: Object.assign(
+    Object.assign(
+      {
+        disabled: Boolean,
+        multiple: Boolean,
+        uploadText: String,
+        useBeforeRead: Boolean,
+        afterRead: null,
+        beforeRead: null,
+        previewSize: {
           type: null,
-            value: 90
+          value: 90,
-        }, name: {
+        },
+        name: {
           type: [Number, String],
-            value: ''
+          value: '',
-        }, accept: {
+        },
+        accept: {
           type: String,
-            value: 'image'
+          value: 'image',
-        }, fileList: {
+        },
+        fileList: {
           type: Array,
           value: [],
-            observer: 'formatFileList'
+          observer: 'formatFileList',
-        }, maxSize: {
+        },
+        maxSize: {
           type: Number,
-            value: Number.MAX_VALUE
+          value: Number.MAX_VALUE,
-        }, maxCount: {
+        },
+        maxCount: {
           type: Number,
-            value: 100
+          value: 100,
-        }, deletable: {
+        },
+        deletable: {
           type: Boolean,
-            value: true
+          value: true,
-        }, showUpload: {
+        },
+        showUpload: {
           type: Boolean,
-            value: true
+          value: true,
-        }, previewImage: {
+        },
+        previewImage: {
           type: Boolean,
-            value: true
+          value: true,
-        }, previewFullImage: {
+        },
+        previewFullImage: {
           type: Boolean,
-            value: true
+          value: true,
-        }, imageFit: {
+        },
+        imageFit: {
           type: String,
-            value: 'scaleToFill'
+          value: 'scaleToFill',
-        }, uploadIcon: {
+        },
+        uploadIcon: {
           type: String,
-            value: 'photograph'
+          value: 'photograph',
-        } }, chooseImageProps), chooseVideoProps),
+        },
+      },
+      chooseImageProps
+    ),
+    chooseVideoProps
+  ),
   data: {
     lists: [],
-        isInCount: true
+    isInCount: true,
   },
   methods: {
     formatFileList() {
       const { fileList = [], maxCount } = this.data;
-            const lists = fileList.map(item => (Object.assign(Object.assign({}, item), { isImage: typeof item.isImage === 'undefined' ? isImageFile(item) : item.isImage })));
+      const lists = fileList.map((item) =>
+        Object.assign(Object.assign({}, item), {
+          isImage:
+            typeof item.isImage === 'undefined'
+              ? isImageFile(item)
+              : item.isImage,
+        })
+      );
       this.setData({ lists, isInCount: lists.length < maxCount });
     },
     getDetail(index) {
       return {
         name: this.data.name,
-                index: index == null ? this.data.fileList.length : index
+        index: index == null ? this.data.fileList.length : index,
       };
     },
     startUpload() {
       const { maxCount, multiple, accept, lists, disabled } = this.data;
-            if (disabled)
+      if (disabled) return;
-                return;
+      chooseFile(
-            chooseFile(Object.assign(Object.assign({}, this.data), { maxCount: maxCount - lists.length }))
+        Object.assign(Object.assign({}, this.data), {
-                .then(res => {
+          maxCount: maxCount - lists.length,
+        })
+      )
+        .then((res) => {
           let file = null;
           if (isVideo(res, accept)) {
             file = Object.assign({ path: res.tempFilePath }, res);
-                }
+          } else {
-                else {
             file = multiple ? res.tempFiles : res.tempFiles[0];
           }
           this.onBeforeRead(file);
         })
-                .catch(error => {
+        .catch((error) => {
           this.$emit('error', error);
         });
     },
@@ -83,9 +117,14 @@ VantComponent({
       }
       if (useBeforeRead) {
         res = new Promise((resolve, reject) => {
-                    this.$emit('before-read', Object.assign(Object.assign({ file }, this.getDetail()), { callback: (ok) => {
+          this.$emit(
+            'before-read',
+            Object.assign(Object.assign({ file }, this.getDetail()), {
+              callback: (ok) => {
                 ok ? resolve() : reject();
-                        } }));
+              },
+            })
+          );
         });
       }
       if (!res) {
@@ -93,15 +132,14 @@ VantComponent({
       }
       if (isPromise(res)) {
         res.then((data) => this.onAfterRead(data || file));
-            }
+      } else {
-            else {
         this.onAfterRead(file);
       }
     },
     onAfterRead(file) {
       const { maxSize } = this.data;
       const oversize = Array.isArray(file)
-                ? file.some(item => item.size > maxSize)
+        ? file.some((item) => item.size > maxSize)
         : file.size > maxSize;
       if (oversize) {
         this.$emit('oversize', Object.assign({ file }, this.getDetail()));
@@ -114,24 +152,35 @@ VantComponent({
     },
     deleteItem(event) {
       const { index } = event.currentTarget.dataset;
-            this.$emit('delete', Object.assign(Object.assign({}, this.getDetail(index)), { file: this.data.fileList[index] }));
+      this.$emit(
+        'delete',
+        Object.assign(Object.assign({}, this.getDetail(index)), {
+          file: this.data.fileList[index],
+        })
+      );
     },
     onPreviewImage(event) {
+      if (!this.data.previewFullImage) return;
       const { index } = event.currentTarget.dataset;
       const { lists } = this.data;
       const item = lists[index];
-            this.$emit('click-preview', Object.assign({ url: item.url || item.path }, this.getDetail(index)));
-            if (!this.data.previewFullImage)
-                return;
       wx.previewImage({
         urls: lists
-                    .filter(item => item.isImage)
+          .filter((item) => item.isImage)
-                    .map(item => item.url || item.path),
+          .map((item) => item.url || item.path),
         current: item.url || item.path,
         fail() {
           wx.showToast({ title: '预览图片失败', icon: 'none' });
-                }
+        },
       });
-        }
+    },
-    }
+    onClickPreview(event) {
+      const { index } = event.currentTarget.dataset;
+      const item = this.data.lists[index];
+      this.$emit(
+        'click-preview',
+        Object.assign(Object.assign({}, item), this.getDetail(index))
+      );
+    },
+  },
 });

dist/uploader/index.wxml

@@ -8,6 +8,8 @@
       wx:for="{{ lists }}"
       wx:key="index"
       class="van-uploader__preview"
+      data-index="{{ index }}"
+      bindtap="onClickPreview"
     >
       <image
         wx:if="{{ item.isImage }}"

dist/uploader/shared.js

@@ -2,29 +2,29 @@
 export const chooseImageProps = {
   sizeType: {
     type: Array,
-        value: ['original', 'compressed']
+    value: ['original', 'compressed'],
   },
   capture: {
     type: Array,
-        value: ['album', 'camera']
+    value: ['album', 'camera'],
-    }
+  },
 };
 // props for choose video
 export const chooseVideoProps = {
   capture: {
     type: Array,
-        value: ['album', 'camera']
+    value: ['album', 'camera'],
   },
   compressed: {
     type: Boolean,
-        value: true
+    value: true,
   },
   maxDuration: {
     type: Number,
-        value: 60
+    value: 60,
   },
   camera: {
     type: String,
-        value: 'back'
+    value: 'back',
-    }
+  },
 };

dist/uploader/utils.d.ts

@@ -9,8 +9,20 @@ interface File {
   image: boolean;
 }
 export declare function isImageFile(item: File): boolean;
-export declare function isVideo(res: any, accept: string): res is WechatMiniprogram.ChooseVideoSuccessCallbackResult;
+export declare function isVideo(
-export declare function chooseFile({ accept, multiple, capture, compressed, maxDuration, sizeType, camera, maxCount }: {
+  res: any,
+  accept: string
+): res is WechatMiniprogram.ChooseVideoSuccessCallbackResult;
+export declare function chooseFile({
+  accept,
+  multiple,
+  capture,
+  compressed,
+  maxDuration,
+  sizeType,
+  camera,
+  maxCount,
+}: {
   accept: any;
   multiple: any;
   capture: any;
@@ -19,7 +31,12 @@ export declare function chooseFile({ accept, multiple, capture, compressed, maxD
   sizeType: any;
   camera: any;
   maxCount: any;
-}): Promise<WechatMiniprogram.ChooseImageSuccessCallbackResult | WechatMiniprogram.ChooseVideoSuccessCallbackResult | WechatMiniprogram.ChooseMessageFileSuccessCallbackResult>;
+}): Promise<
+  | WechatMiniprogram.ChooseImageSuccessCallbackResult
+  | WechatMiniprogram.ChooseMediaSuccessCallbackResult
+  | WechatMiniprogram.ChooseVideoSuccessCallbackResult
+  | WechatMiniprogram.ChooseMessageFileSuccessCallbackResult
+>;
 export declare function isFunction(val: unknown): val is Function;
 export declare function isObject(val: any): val is Record<any, any>;
 export declare function isPromise<T = any>(val: unknown): val is Promise<T>;