build: compile 1.5.1

dist/card/index.wxml

@@ -10,7 +10,7 @@
         lazy-load="{{ lazyLoad }}"
         class="van-card__img thumb-class"
       />
-      <slot name="thumb" />
+      <slot wx:else name="thumb" />
       <van-tag
         wx:if="{{ tag }}"
         mark
@@ -19,6 +19,7 @@
       >
         {{ tag }}
       </van-tag>
+      <slot wx:else name="tag" />
     </view>
 
     <view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
@@ -34,9 +35,14 @@
 
       <view class="van-card__bottom">
         <slot name="price-top" />
-        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">{{ currency }}<text class="van-card__price-integer">{{ integerStr }}</text><text class="van-card__price-decimal">{{ decimalStr }}</text></view>
+        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
+          <text>{{ currency }}</text>
+          <text class="van-card__price-integer">{{ integerStr }}</text>
+          <text class="van-card__price-decimal">{{ decimalStr }}</text>
+        </view>
         <slot wx:else name="price" />
         <view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
+        <slot wx:else name="origin-price" />
         <view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
         <slot wx:else  name="num" />
         <slot name="bottom" />

dist/card/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
+@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}

dist/circle/canvas.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 declare type CanvasContext = WechatMiniprogram.CanvasContext;
 export declare function adaptor(
   ctx: CanvasRenderingContext2D

dist/common/utils.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 export declare function isDef(value: any): boolean;
 export declare function isObj(x: any): boolean;
 export declare function isNumber(value: any): boolean;
@@ -9,3 +9,11 @@ export declare function addUnit(value?: string | number): string | undefined;
 export declare function requestAnimationFrame(
   cb: Function
 ): void | WechatMiniprogram.NodesRef;
+export declare function getRect(
+  this: WechatMiniprogram.Component.TrivialInstance,
+  selector: string
+): Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
+export declare function getAllRect(
+  this: WechatMiniprogram.Component.TrivialInstance,
+  selector: string
+): Promise<WechatMiniprogram.BoundingClientRectCallbackResult[]>;

dist/common/utils.js

@@ -16,7 +16,7 @@ export function nextTick(fn) {
     fn();
   }, 1000 / 30);
 }
-let systemInfo = null;
+let systemInfo;
 export function getSystemInfoSync() {
   if (systemInfo == null) {
     systemInfo = wx.getSystemInfoSync();
@@ -43,3 +43,21 @@ export function requestAnimationFrame(cb) {
       cb();
     });
 }
+export function getRect(selector) {
+  return new Promise((resolve) => {
+    wx.createSelectorQuery()
+      .in(this)
+      .select(selector)
+      .boundingClientRect()
+      .exec((rect = []) => resolve(rect[0]));
+  });
+}
+export function getAllRect(selector) {
+  return new Promise((resolve) => {
+    wx.createSelectorQuery()
+      .in(this)
+      .selectAll(selector)
+      .boundingClientRect()
+      .exec((rect = []) => resolve(rect[0]));
+  });
+}

dist/definitions/index.d.ts

@@ -1,29 +1,31 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 import { Weapp } from './weapp';
 declare type RecordToAny<T> = {
-    [K in keyof T]: any;
+  [K in keyof T]: any;
 };
-export declare type CombinedComponentInstance<Data, Props, Methods> = Methods & WechatMiniprogram.Component.TrivialInstance & Weapp.FormField & {
+export declare type CombinedComponentInstance<Data, Props, Methods> = Methods &
+  WechatMiniprogram.Component.TrivialInstance &
+  Weapp.FormField & {
     data: Data & RecordToAny<Props>;
-};
+  };
 export interface VantComponentOptions<Data, Props, Methods, Instance> {
-    data?: Data;
+  data?: Data;
-    field?: boolean;
+  field?: boolean;
-    classes?: string[];
+  classes?: string[];
-    mixins?: string[];
+  mixins?: string[];
-    props?: Props & Weapp.PropertyOption;
+  props?: Props & Weapp.PropertyOption;
-    relation?: Weapp.RelationOption<Instance> & {
+  relation?: Weapp.RelationOption<Instance> & {
-        type: 'ancestor' | 'descendant';
+    type: 'ancestor' | 'descendant';
-        name: string;
+    name: string;
-        current: string;
+    current: string;
-    };
+  };
-    relations?: {
+  relations?: {
-        [componentName: string]: Weapp.RelationOption<Instance>;
+    [componentName: string]: Weapp.RelationOption<Instance>;
-    };
+  };
-    methods?: Methods & Weapp.MethodOption<Instance>;
+  methods?: Methods & Weapp.MethodOption<Instance>;
-    beforeCreate?: (this: Instance) => void;
+  beforeCreate?: (this: Instance) => void;
-    created?: (this: Instance) => void;
+  created?: (this: Instance) => void;
-    mounted?: (this: Instance) => void;
+  mounted?: (this: Instance) => void;
-    destroyed?: (this: Instance) => void;
+  destroyed?: (this: Instance) => void;
 }
 export {};

dist/definitions/weapp.d.ts

@@ -1,106 +1,132 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 export declare namespace Weapp {
-    export interface FormField {
+  export interface FormField {
-        data: {
+    data: {
-            name: string;
+      name: string;
-            value: any;
+      value: any;
-        };
+    };
-    }
+  }
-    interface Target {
+  interface Target {
-        id: string;
+    id: string;
-        tagName: string;
+    tagName: string;
-        dataset: {
+    dataset: {
-            [key: string]: any;
+      [key: string]: any;
-        };
+    };
-    }
+  }
-    export interface Event {
+  export interface Event {
-        /**
-         * 代表事件的类型。
-         */
-        type: string;
-        /**
-         * 页面打开到触发事件所经过的毫秒数。
-         */
-        timeStamp: number;
-        /**
-         * 触发事件的源组件。
-         */
-        target: Target;
-        /**
-         * 事件绑定的当前组件。
-         */
-        currentTarget: Target;
-        /**
-         * 额外的信息
-         */
-        detail: any;
-    }
-    interface Touch {
-        /**
-         * 触摸点的标识符
-         */
-        identifier: number;
-        /**
-         * 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴
-         */
-        pageX: number;
-        /**
-         * 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴
-         */
-        pageY: number;
-        /**
-         * 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴
-         */
-        clientX: number;
-        /**
-         * 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴
-         */
-        clientY: number;
-    }
-    export interface TouchEvent extends Event {
-        touches: Array<Touch>;
-        changedTouches: Array<Touch>;
-    }
     /**
-     * relation定义，miniprogram-api-typings缺少this定义
+     * 代表事件的类型。
      */
-    export interface RelationOption<Instance> {
+    type: string;
-        /** 目标组件的相对关系 */
-        type: 'parent' | 'child' | 'ancestor' | 'descendant';
-        /** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
-        linked?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
-        /** 关系生命周期函数，当关系在页面节点树中发生改变时触发，触发时机在组件moved生命周期之后 */
-        linkChanged?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
-        /** 关系生命周期函数，当关系脱离页面节点树时触发，触发时机在组件detached生命周期之后 */
-        unlinked?(this: Instance, target: WechatMiniprogram.Component.TrivialInstance): void;
-        /** 如果这一项被设置，则它表示关联的目标节点所应具有的behavior，所有拥有这一behavior的组件节点都会被关联 */
-        target?: string;
-    }
     /**
-     * obverser定义，miniprogram-api-typings缺少this定义
+     * 页面打开到触发事件所经过的毫秒数。
      */
-    type Observer<Instance, T> = (this: Instance, newVal: T, oldVal: T, changedPath: Array<string | number>) => void;
+    timeStamp: number;
     /**
-     * methods定义，miniprogram-api-typings缺少this定义
+     * 触发事件的源组件。
      */
-    export interface MethodOption<Instance> {
+    target: Target;
-        [name: string]: (this: Instance, ...args: any[]) => any;
+    /**
-    }
+     * 事件绑定的当前组件。
-    export interface ComputedOption<Instance> {
+     */
-        [name: string]: (this: Instance) => any;
+    currentTarget: Target;
-    }
+    /**
-    type PropertyType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor | FunctionConstructor | null;
+     * 额外的信息
-    export interface PropertyOption {
+     */
-        [name: string]: PropertyType | PropertyType[] | {
+    detail: any;
-            /** 属性类型 */
+  }
-            type: PropertyType | PropertyType[];
+  interface Touch {
-            /** 属性初始值 */
+    /**
-            value?: any;
+     * 触摸点的标识符
-            /** 属性值被更改时的响应函数 */
+     */
-            observer?: string | Observer<WechatMiniprogram.Component.TrivialInstance, any>;
+    identifier: number;
-            /** 属性的类型（可以指定多个） */
+    /**
-            optionalTypes?: PropertyType[];
+     * 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴
+     */
+    pageX: number;
+    /**
+     * 距离文档左上角的距离，文档的左上角为原点 ，横向为X轴，纵向为Y轴
+     */
+    pageY: number;
+    /**
+     * 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴
+     */
+    clientX: number;
+    /**
+     * 距离页面可显示区域（屏幕除去导航条）左上角距离，横向为X轴，纵向为Y轴
+     */
+    clientY: number;
+  }
+  export interface TouchEvent extends Event {
+    touches: Array<Touch>;
+    changedTouches: Array<Touch>;
+  }
+  /**
+   * relation定义，miniprogram-api-typings缺少this定义
+   */
+  export interface RelationOption<Instance> {
+    /** 目标组件的相对关系 */
+    type: 'parent' | 'child' | 'ancestor' | 'descendant';
+    /** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
+    linked?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 关系生命周期函数，当关系在页面节点树中发生改变时触发，触发时机在组件moved生命周期之后 */
+    linkChanged?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 关系生命周期函数，当关系脱离页面节点树时触发，触发时机在组件detached生命周期之后 */
+    unlinked?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 如果这一项被设置，则它表示关联的目标节点所应具有的behavior，所有拥有这一behavior的组件节点都会被关联 */
+    target?: string;
+  }
+  /**
+   * obverser定义，miniprogram-api-typings缺少this定义
+   */
+  type Observer<Instance, T> = (
+    this: Instance,
+    newVal: T,
+    oldVal: T,
+    changedPath: Array<string | number>
+  ) => void;
+  /**
+   * methods定义，miniprogram-api-typings缺少this定义
+   */
+  export interface MethodOption<Instance> {
+    [name: string]: (this: Instance, ...args: any[]) => any;
+  }
+  export interface ComputedOption<Instance> {
+    [name: string]: (this: Instance) => any;
+  }
+  type PropertyType =
+    | StringConstructor
+    | NumberConstructor
+    | BooleanConstructor
+    | ArrayConstructor
+    | ObjectConstructor
+    | FunctionConstructor
+    | null;
+  export interface PropertyOption {
+    [name: string]:
+      | PropertyType
+      | PropertyType[]
+      | {
+          /** 属性类型 */
+          type: PropertyType | PropertyType[];
+          /** 属性初始值 */
+          value?: any;
+          /** 属性值被更改时的响应函数 */
+          observer?:
+            | string
+            | Observer<WechatMiniprogram.Component.TrivialInstance, any>;
+          /** 属性的类型（可以指定多个） */
+          optionalTypes?: PropertyType[];
         };
-    }
+  }
-    export {};
+  export {};
 }

dist/dialog/dialog.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
-declare type DialogAction = 'confirm' | 'cancel';
 declare type DialogOptions = {
   lang?: string;
   show?: boolean;
@@ -34,17 +33,35 @@ declare type DialogOptions = {
   closeOnClickOverlay?: boolean;
   confirmButtonOpenType?: string;
 };
-interface Dialog {
+declare const Dialog: {
-  (options: DialogOptions): Promise<DialogAction>;
+  (options: DialogOptions): Promise<
-  alert?: (options: DialogOptions) => Promise<DialogAction>;
+    WechatMiniprogram.Component.TrivialInstance
-  confirm?: (options: DialogOptions) => Promise<DialogAction>;
+  >;
-  close?: () => void;
+  alert(
-  stopLoading?: () => void;
+    options: DialogOptions
-  install?: () => void;
+  ): Promise<
-  setDefaultOptions?: (options: DialogOptions) => void;
+    WechatMiniprogram.Component.Instance<
-  resetDefaultOptions?: () => void;
+      Record<string, any>,
-  defaultOptions?: DialogOptions;
+      Record<string, any>,
-  currentOptions?: DialogOptions;
+      Record<string, any>,
-}
+      Record<string, any>
-declare const Dialog: Dialog;
+    >
+  >;
+  confirm(
+    options: DialogOptions
+  ): Promise<
+    WechatMiniprogram.Component.Instance<
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>
+    >
+  >;
+  close(): void;
+  stopLoading(): void;
+  currentOptions: DialogOptions;
+  defaultOptions: DialogOptions;
+  setDefaultOptions(options: DialogOptions): void;
+  resetDefaultOptions(): void;
+};
 export default Dialog;

dist/dialog/dialog.js

@@ -1,31 +1,5 @@
 let queue = [];
-function getContext() {
+const defaultOptions = {
-  const pages = getCurrentPages();
-  return pages[pages.length - 1];
-}
-const Dialog = (options) => {
-  options = Object.assign(Object.assign({}, Dialog.currentOptions), options);
-  return new Promise((resolve, reject) => {
-    const context = options.context || getContext();
-    const dialog = context.selectComponent(options.selector);
-    delete options.context;
-    delete options.selector;
-    if (dialog) {
-      dialog.setData(
-        Object.assign({ onCancel: reject, onConfirm: resolve }, options)
-      );
-      wx.nextTick(() => {
-        dialog.setData({ show: true });
-      });
-      queue.push(dialog);
-    } else {
-      console.warn(
-        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
-      );
-    }
-  });
-};
-Dialog.defaultOptions = {
   show: false,
   title: '',
   width: null,
@@ -47,7 +21,34 @@ Dialog.defaultOptions = {
   closeOnClickOverlay: false,
   confirmButtonOpenType: '',
 };
-Dialog.alert = Dialog;
+let currentOptions = Object.assign({}, defaultOptions);
+function getContext() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+const Dialog = (options) => {
+  options = Object.assign(Object.assign({}, currentOptions), options);
+  return new Promise((resolve, reject) => {
+    const context = options.context || getContext();
+    const dialog = context.selectComponent(options.selector);
+    delete options.context;
+    delete options.selector;
+    if (dialog) {
+      dialog.setData(
+        Object.assign({ onCancel: reject, onConfirm: resolve }, options)
+      );
+      wx.nextTick(() => {
+        dialog.setData({ show: true });
+      });
+      queue.push(dialog);
+    } else {
+      console.warn(
+        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
+      );
+    }
+  });
+};
+Dialog.alert = (options) => Dialog(options);
 Dialog.confirm = (options) =>
   Dialog(Object.assign({ showCancelButton: true }, options));
 Dialog.close = () => {
@@ -61,11 +62,15 @@ Dialog.stopLoading = () => {
     dialog.stopLoading();
   });
 };
+Dialog.currentOptions = currentOptions;
+Dialog.defaultOptions = defaultOptions;
 Dialog.setDefaultOptions = (options) => {
-  Object.assign(Dialog.currentOptions, options);
+  currentOptions = Object.assign(Object.assign({}, currentOptions), options);
+  Dialog.currentOptions = currentOptions;
 };
 Dialog.resetDefaultOptions = () => {
-  Dialog.currentOptions = Object.assign({}, Dialog.defaultOptions);
+  currentOptions = Object.assign({}, defaultOptions);
+  Dialog.currentOptions = currentOptions;
 };
 Dialog.resetDefaultOptions();
 export default Dialog;

dist/mixins/page-scroll.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 declare type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
 declare type Scroller = (event: IPageScrollOption) => void;
 export declare const pageScrollMixin: (scroller: Scroller) => string;

dist/nav-bar/index.js

@@ -1,5 +1,5 @@
 import { VantComponent } from '../common/component';
-import { getSystemInfoSync } from '../common/utils';
+import { getRect, getSystemInfoSync } from '../common/utils';
 VantComponent({
   classes: ['title-class'],
   props: {
@@ -30,19 +30,13 @@ VantComponent({
     },
   },
   data: {
-    statusBarHeight: 0,
+    height: 46,
-    height: 44,
-    baseStyle: '',
   },
   created() {
     const { statusBarHeight } = getSystemInfoSync();
-    const { safeAreaInsetTop, zIndex } = this.data;
-    const paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
-    const baseStyle = `z-index: ${zIndex};padding-top: ${paddingTop}px;`;
     this.setData({
       statusBarHeight,
-      height: 44 + statusBarHeight,
+      height: 46 + statusBarHeight,
-      baseStyle,
     });
   },
   mounted() {
@@ -60,7 +54,7 @@ VantComponent({
         return;
       }
       wx.nextTick(() => {
-        this.getRect('.van-nav-bar').then((res) => {
+        getRect.call(this, '.van-nav-bar').then((res) => {
           this.setData({ height: res.height });
         });
       });

dist/nav-bar/index.wxml

@@ -1,10 +1,11 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
 
 <view
   class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
-  style="{{ baseStyle }}; {{ customStyle }}"
+  style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
 >
   <view class="van-nav-bar__content">
     <view class="van-nav-bar__left" bind:tap="onClickLeft">

dist/nav-bar/index.wxs

@@ -0,0 +1,17 @@
+/* eslint-disable */
+function barStyle(data) {
+  var styles = [
+    ['z-index', data.zIndex],
+    ['padding-top', data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0],
+  ];
+
+  return styles
+    .map(function (item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+module.exports = {
+  barStyle: barStyle,
+};

dist/nav-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-nav-bar{text-align:center;-webkit-user-select:none;user-select:none;height:44px;height:var(--nav-bar-height,44px);line-height:44px;line-height:var(--nav-bar-height,44px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
+@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}

dist/share-sheet/index.js

@@ -6,7 +6,10 @@ VantComponent({
     // overlay custom style
     overlayStyle: Object,
     // z-index
-    zIndex: [Number, String],
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
     title: String,
     cancelText: {
       type: String,

dist/share-sheet/options.wxml

@@ -9,7 +9,9 @@
     data-index="{{ index }}"
     bindtap="onSelect"
   >
-    <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    <button class="van-share-sheet__button" open-type="{{ item.openType }}">
+      <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    </button>
     <view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
     <view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
       {{ item.description }}

dist/share-sheet/options.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
+@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:initial;border:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}

dist/tabs/index.js

@@ -1,6 +1,6 @@
 import { VantComponent } from '../common/component';
 import { touch } from '../mixins/touch';
-import { isDef, addUnit } from '../common/utils';
+import { getAllRect, getRect, isDef } from '../common/utils';
 VantComponent({
   mixins: [touch],
   classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
@@ -26,10 +26,7 @@ VantComponent({
     swipeable: Boolean,
     titleActiveColor: String,
     titleInactiveColor: String,
-    color: {
+    color: String,
-      type: String,
-      observer: 'setLine',
-    },
     animated: {
       type: Boolean,
       observer() {
@@ -46,7 +43,6 @@ VantComponent({
     lineHeight: {
       type: [String, Number],
       value: -1,
-      observer: 'setLine',
     },
     active: {
       type: [String, Number],
@@ -97,8 +93,10 @@ VantComponent({
     scrollLeft: 0,
     scrollable: false,
     trackStyle: '',
-    currentIndex: null,
+    currentIndex: 0,
     container: null,
+    skipTransition: true,
+    lineOffsetLeft: 0,
   },
   mounted() {
     wx.nextTick(() => {
@@ -191,44 +189,26 @@ VantComponent({
         return activeTab.getComputedName();
       }
     },
-    setLine(skipTransition) {
+    setLine(skipTransition = false) {
       if (this.data.type !== 'line') {
         return;
       }
-      const {
+      const { currentIndex } = this.data;
-        color,
+      Promise.all([
-        duration,
+        getAllRect.call(this, '.van-tab'),
-        currentIndex,
+        getRect.call(this, '.van-tabs__line'),
-        lineWidth,
+      ]).then(([rects = [], lineRect]) => {
-        lineHeight,
-      } = this.data;
-      this.getRect('.van-tab', true).then((rects = []) => {
         const rect = rects[currentIndex];
         if (rect == null) {
           return;
         }
-        const height =
+        let lineOffsetLeft = rects
-          lineHeight !== -1
-            ? `height: ${addUnit(lineHeight)}; border-radius: ${addUnit(
-                lineHeight
-              )};`
-            : '';
-        let left = rects
           .slice(0, currentIndex)
           .reduce((prev, curr) => prev + curr.width, 0);
-        left += (rect.width - lineWidth) / 2;
+        lineOffsetLeft += (rect.width - lineRect.width) / 2;
-        const transition = skipTransition
-          ? ''
-          : `transition-duration: ${duration}s; -webkit-transition-duration: ${duration}s;`;
         this.setData({
-          lineStyle: `
+          lineOffsetLeft,
-            ${height}
+          skipTransition,
-            width: ${addUnit(lineWidth)};
-            background-color: ${color};
-            -webkit-transform: translateX(${left}px);
-            transform: translateX(${left}px);
-            ${transition}
-          `,
         });
       });
     },
@@ -239,8 +219,8 @@ VantComponent({
         return;
       }
       Promise.all([
-        this.getRect('.van-tab', true),
+        getAllRect.call(this, '.van-tab'),
-        this.getRect('.van-tabs__nav'),
+        getRect.call(this, '.van-tabs__nav'),
       ]).then(([tabRects, navRect]) => {
         const tabRect = tabRects[currentIndex];
         const offsetLeft = tabRects

dist/tabs/index.wxml

@@ -20,7 +20,7 @@
         style="{{ color ? 'border-color: ' + color : '' }}"
       >
         <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ getters.tabCardTypeBorderStyle(color, type) }}">
-          <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />
+          <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ getters.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
           <view
             wx:for="{{ tabs }}"
             wx:key="index"

dist/tabs/index.wxs

@@ -1,4 +1,6 @@
 /* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+
 function tabClass(active, ellipsis) {
   var classes = ['tab-class'];
 
@@ -68,11 +70,42 @@ function trackStyle(data) {
   return [
     'transform: translate3d(' + -100 * data.currentIndex + '%, 0, 0)',
     '-webkit-transition-duration: ' + data.duration + 's',
-    'transition-duration: ' + data.duration + 's'
+    'transition-duration: ' + data.duration + 's',
   ].join(';');
 }
 
-module.exports.tabClass = tabClass;
+function lineStyle(data) {
-module.exports.tabStyle = tabStyle;
+  var styles = [
-module.exports.trackStyle = trackStyle;
+    ['width', utils.addUnit(data.lineWidth)],
-module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;
+    ['transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
+    ['-webkit-transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
+  ];
+
+  if (data.color) {
+    styles.push(['background-color', data.color]);
+  }
+
+  if (data.lineHeight !== -1) {
+    styles.push(['height', utils.addUnit(data.lineHeight)]);
+    styles.push(['border-radius', utils.addUnit(data.lineHeight)]);
+  }
+
+  if (!data.skipTransition) {
+    styles.push(['transition-duration', data.duration + 's']);
+    styles.push(['-webkit-transition-duration', data.duration + 's']);
+  }
+
+  return styles
+    .map(function (item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+module.exports = {
+  tabClass: tabClass,
+  tabStyle: tabStyle,
+  trackStyle: trackStyle,
+  lineStyle: lineStyle,
+  tabCardTypeBorderStyle: tabCardTypeBorderStyle,
+};

dist/toast/toast.d.ts

@@ -1,26 +1,51 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 declare type ToastMessage = string | number;
 interface ToastOptions {
-    show?: boolean;
+  show?: boolean;
-    type?: string;
+  type?: string;
-    mask?: boolean;
+  mask?: boolean;
-    zIndex?: number;
+  zIndex?: number;
-    context?: WechatMiniprogram.Component.TrivialInstance | WechatMiniprogram.Page.TrivialInstance;
+  context?:
-    position?: string;
+    | WechatMiniprogram.Component.TrivialInstance
-    duration?: number;
+    | WechatMiniprogram.Page.TrivialInstance;
-    selector?: string;
+  position?: string;
-    forbidClick?: boolean;
+  duration?: number;
-    loadingType?: string;
+  selector?: string;
-    message?: ToastMessage;
+  forbidClick?: boolean;
-    onClose?: () => void;
+  loadingType?: string;
+  message?: ToastMessage;
+  onClose?: () => void;
 }
-declare function Toast(toastOptions: ToastOptions | ToastMessage): WechatMiniprogram.Component.TrivialInstance;
+declare function Toast(
+  toastOptions: ToastOptions | ToastMessage
+): WechatMiniprogram.Component.TrivialInstance;
 declare namespace Toast {
-    var loading: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
+  var loading: (
-    var success: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
+    options: string | number | ToastOptions
-    var fail: (options: string | number | ToastOptions) => WechatMiniprogram.Component.Instance<Record<string, any>, Record<string, any>, Record<string, any>>;
+  ) => WechatMiniprogram.Component.Instance<
-    var clear: () => void;
+    Record<string, any>,
-    var setDefaultOptions: (options: ToastOptions) => void;
+    Record<string, any>,
-    var resetDefaultOptions: () => void;
+    Record<string, any>,
+    Record<string, any>
+  >;
+  var success: (
+    options: string | number | ToastOptions
+  ) => WechatMiniprogram.Component.Instance<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >;
+  var fail: (
+    options: string | number | ToastOptions
+  ) => WechatMiniprogram.Component.Instance<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >;
+  var clear: () => void;
+  var setDefaultOptions: (options: ToastOptions) => void;
+  var resetDefaultOptions: () => void;
 }
 export default Toast;

dist/uploader/index.js

@@ -176,6 +176,27 @@ VantComponent({
         },
       });
     },
+    // fix: accept 为 video 时不能展示视频
+    onPreviewVideo: function (event) {
+      if (!this.data.previewFullImage) return;
+      var index = event.currentTarget.dataset.index;
+      var lists = this.data.lists;
+      wx.previewMedia({
+        sources: lists
+          .filter(function (item) {
+            return item.isVideo;
+          })
+          .map(function (item) {
+            item.type = 'video';
+            item.url = item.url || item.path;
+            return item;
+          }),
+        current: index,
+        fail: function () {
+          wx.showToast({ title: '预览视频失败', icon: 'none' });
+        },
+      });
+    },
     onClickPreview(event) {
       const { index } = event.currentTarget.dataset;
       const item = this.data.lists[index];

dist/uploader/index.wxml

@@ -21,6 +21,16 @@
         data-index="{{ index }}"
         bind:tap="onPreviewImage"
       />
+      <video
+        wx:elif="{{ item.isVideo }}"
+        src="{{item.url || item.path}}"
+        autoplay="{{item.autoplay}}"
+        class="van-uploader__preview-image"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        data-index="{{ index }}"
+        bind:tap="onPreviewVideo"
+      >
+      </video>      
       <view
         wx:else
         class="van-uploader__file"

dist/uploader/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
+@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;padding:0 0 8px 8px}.van-uploader__preview-delete:after{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px;content:""}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;z-index:1;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}

dist/uploader/utils.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="miniprogram-api-typings" />
+/// <reference types="wechat-miniprogram" />
 interface File {
   path: string;
   url: string;

lib/card/index.wxml

@@ -10,7 +10,7 @@
         lazy-load="{{ lazyLoad }}"
         class="van-card__img thumb-class"
       />
-      <slot name="thumb" />
+      <slot wx:else name="thumb" />
       <van-tag
         wx:if="{{ tag }}"
         mark
@@ -19,6 +19,7 @@
       >
         {{ tag }}
       </van-tag>
+      <slot wx:else name="tag" />
     </view>
 
     <view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
@@ -34,9 +35,14 @@
 
       <view class="van-card__bottom">
         <slot name="price-top" />
-        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">{{ currency }}<text class="van-card__price-integer">{{ integerStr }}</text><text class="van-card__price-decimal">{{ decimalStr }}</text></view>
+        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
+          <text>{{ currency }}</text>
+          <text class="van-card__price-integer">{{ integerStr }}</text>
+          <text class="van-card__price-decimal">{{ decimalStr }}</text>
+        </view>
         <slot wx:else name="price" />
         <view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
+        <slot wx:else name="origin-price" />
         <view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
         <slot wx:else  name="num" />
         <slot name="bottom" />

lib/card/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
+@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}

lib/common/utils.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-exports.requestAnimationFrame = exports.addUnit = exports.getSystemInfoSync = exports.nextTick = exports.range = exports.isNumber = exports.isObj = exports.isDef = void 0;
+exports.getAllRect = exports.getRect = exports.requestAnimationFrame = exports.addUnit = exports.getSystemInfoSync = exports.nextTick = exports.range = exports.isNumber = exports.isObj = exports.isDef = void 0;
 function isDef(value) {
   return value !== undefined && value !== null;
 }
@@ -24,7 +24,7 @@ function nextTick(fn) {
   }, 1000 / 30);
 }
 exports.nextTick = nextTick;
-var systemInfo = null;
+var systemInfo;
 function getSystemInfoSync() {
   if (systemInfo == null) {
     systemInfo = wx.getSystemInfoSync();
@@ -54,3 +54,35 @@ function requestAnimationFrame(cb) {
     });
 }
 exports.requestAnimationFrame = requestAnimationFrame;
+function getRect(selector) {
+  var _this = this;
+  return new Promise(function (resolve) {
+    wx.createSelectorQuery()
+      .in(_this)
+      .select(selector)
+      .boundingClientRect()
+      .exec(function (rect) {
+        if (rect === void 0) {
+          rect = [];
+        }
+        return resolve(rect[0]);
+      });
+  });
+}
+exports.getRect = getRect;
+function getAllRect(selector) {
+  var _this = this;
+  return new Promise(function (resolve) {
+    wx.createSelectorQuery()
+      .in(_this)
+      .selectAll(selector)
+      .boundingClientRect()
+      .exec(function (rect) {
+        if (rect === void 0) {
+          rect = [];
+        }
+        return resolve(rect[0]);
+      });
+  });
+}
+exports.getAllRect = getAllRect;

lib/dialog/dialog.js

@@ -16,33 +16,7 @@ var __assign =
   };
 Object.defineProperty(exports, '__esModule', { value: true });
 var queue = [];
-function getContext() {
+var defaultOptions = {
-  var pages = getCurrentPages();
-  return pages[pages.length - 1];
-}
-var Dialog = function (options) {
-  options = __assign(__assign({}, Dialog.currentOptions), options);
-  return new Promise(function (resolve, reject) {
-    var context = options.context || getContext();
-    var dialog = context.selectComponent(options.selector);
-    delete options.context;
-    delete options.selector;
-    if (dialog) {
-      dialog.setData(
-        __assign({ onCancel: reject, onConfirm: resolve }, options)
-      );
-      wx.nextTick(function () {
-        dialog.setData({ show: true });
-      });
-      queue.push(dialog);
-    } else {
-      console.warn(
-        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
-      );
-    }
-  });
-};
-Dialog.defaultOptions = {
   show: false,
   title: '',
   width: null,
@@ -64,7 +38,36 @@ Dialog.defaultOptions = {
   closeOnClickOverlay: false,
   confirmButtonOpenType: '',
 };
-Dialog.alert = Dialog;
+var currentOptions = __assign({}, defaultOptions);
+function getContext() {
+  var pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+var Dialog = function (options) {
+  options = __assign(__assign({}, currentOptions), options);
+  return new Promise(function (resolve, reject) {
+    var context = options.context || getContext();
+    var dialog = context.selectComponent(options.selector);
+    delete options.context;
+    delete options.selector;
+    if (dialog) {
+      dialog.setData(
+        __assign({ onCancel: reject, onConfirm: resolve }, options)
+      );
+      wx.nextTick(function () {
+        dialog.setData({ show: true });
+      });
+      queue.push(dialog);
+    } else {
+      console.warn(
+        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
+      );
+    }
+  });
+};
+Dialog.alert = function (options) {
+  return Dialog(options);
+};
 Dialog.confirm = function (options) {
   return Dialog(__assign({ showCancelButton: true }, options));
 };
@@ -79,11 +82,15 @@ Dialog.stopLoading = function () {
     dialog.stopLoading();
   });
 };
+Dialog.currentOptions = currentOptions;
+Dialog.defaultOptions = defaultOptions;
 Dialog.setDefaultOptions = function (options) {
-  Object.assign(Dialog.currentOptions, options);
+  currentOptions = __assign(__assign({}, currentOptions), options);
+  Dialog.currentOptions = currentOptions;
 };
 Dialog.resetDefaultOptions = function () {
-  Dialog.currentOptions = __assign({}, Dialog.defaultOptions);
+  currentOptions = __assign({}, defaultOptions);
+  Dialog.currentOptions = currentOptions;
 };
 Dialog.resetDefaultOptions();
 exports.default = Dialog;

lib/nav-bar/index.js

@@ -32,22 +32,13 @@ component_1.VantComponent({
     },
   },
   data: {
-    statusBarHeight: 0,
+    height: 46,
-    height: 44,
-    baseStyle: '',
   },
   created: function () {
     var statusBarHeight = utils_1.getSystemInfoSync().statusBarHeight;
-    var _a = this.data,
-      safeAreaInsetTop = _a.safeAreaInsetTop,
-      zIndex = _a.zIndex;
-    var paddingTop = safeAreaInsetTop ? statusBarHeight : 0;
-    var baseStyle =
-      'z-index: ' + zIndex + ';padding-top: ' + paddingTop + 'px;';
     this.setData({
       statusBarHeight: statusBarHeight,
-      height: 44 + statusBarHeight,
+      height: 46 + statusBarHeight,
-      baseStyle: baseStyle,
     });
   },
   mounted: function () {
@@ -66,7 +57,7 @@ component_1.VantComponent({
         return;
       }
       wx.nextTick(function () {
-        _this.getRect('.van-nav-bar').then(function (res) {
+        utils_1.getRect.call(_this, '.van-nav-bar').then(function (res) {
           _this.setData({ height: res.height });
         });
       });

lib/nav-bar/index.wxml

@@ -1,10 +1,11 @@
 <wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
 
 <view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
 
 <view
   class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
-  style="{{ baseStyle }}; {{ customStyle }}"
+  style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
 >
   <view class="van-nav-bar__content">
     <view class="van-nav-bar__left" bind:tap="onClickLeft">

lib/nav-bar/index.wxs

@@ -0,0 +1,17 @@
+/* eslint-disable */
+function barStyle(data) {
+  var styles = [
+    ['z-index', data.zIndex],
+    ['padding-top', data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0],
+  ];
+
+  return styles
+    .map(function (item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+module.exports = {
+  barStyle: barStyle,
+};

lib/nav-bar/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-nav-bar{text-align:center;-webkit-user-select:none;user-select:none;height:44px;height:var(--nav-bar-height,44px);line-height:44px;line-height:var(--nav-bar-height,44px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar,.van-nav-bar__content{position:relative}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px;font-size:var(--nav-bar-arrow-size,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
+@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}

lib/share-sheet/index.js

@@ -8,7 +8,10 @@ component_1.VantComponent({
     // overlay custom style
     overlayStyle: Object,
     // z-index
-    zIndex: [Number, String],
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
     title: String,
     cancelText: {
       type: String,

lib/share-sheet/options.wxml

@@ -9,7 +9,9 @@
     data-index="{{ index }}"
     bindtap="onSelect"
   >
-    <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    <button class="van-share-sheet__button" open-type="{{ item.openType }}">
+      <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    </button>
     <view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
     <view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
       {{ item.description }}

lib/share-sheet/options.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
+@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:initial;border:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}

lib/tabs/index.js

@@ -28,10 +28,7 @@ component_1.VantComponent({
     swipeable: Boolean,
     titleActiveColor: String,
     titleInactiveColor: String,
-    color: {
+    color: String,
-      type: String,
-      observer: 'setLine',
-    },
     animated: {
       type: Boolean,
       observer: function () {
@@ -49,7 +46,6 @@ component_1.VantComponent({
     lineHeight: {
       type: [String, Number],
       value: -1,
-      observer: 'setLine',
     },
     active: {
       type: [String, Number],
@@ -100,8 +96,10 @@ component_1.VantComponent({
     scrollLeft: 0,
     scrollable: false,
     trackStyle: '',
-    currentIndex: null,
+    currentIndex: 0,
     container: null,
+    skipTransition: true,
+    lineOffsetLeft: 0,
   },
   mounted: function () {
     var _this = this;
@@ -211,57 +209,33 @@ component_1.VantComponent({
     },
     setLine: function (skipTransition) {
       var _this = this;
+      if (skipTransition === void 0) {
+        skipTransition = false;
+      }
       if (this.data.type !== 'line') {
         return;
       }
-      var _a = this.data,
+      var currentIndex = this.data.currentIndex;
-        color = _a.color,
+      Promise.all([
-        duration = _a.duration,
+        utils_1.getAllRect.call(this, '.van-tab'),
-        currentIndex = _a.currentIndex,
+        utils_1.getRect.call(this, '.van-tabs__line'),
-        lineWidth = _a.lineWidth,
+      ]).then(function (_a) {
-        lineHeight = _a.lineHeight;
+        var _b = _a[0],
-      this.getRect('.van-tab', true).then(function (rects) {
+          rects = _b === void 0 ? [] : _b,
-        if (rects === void 0) {
+          lineRect = _a[1];
-          rects = [];
-        }
         var rect = rects[currentIndex];
         if (rect == null) {
           return;
         }
-        var height =
+        var lineOffsetLeft = rects
-          lineHeight !== -1
+          .slice(0, currentIndex)
-            ? 'height: ' +
+          .reduce(function (prev, curr) {
-              utils_1.addUnit(lineHeight) +
+            return prev + curr.width;
-              '; border-radius: ' +
+          }, 0);
-              utils_1.addUnit(lineHeight) +
+        lineOffsetLeft += (rect.width - lineRect.width) / 2;
-              ';'
-            : '';
-        var left = rects.slice(0, currentIndex).reduce(function (prev, curr) {
-          return prev + curr.width;
-        }, 0);
-        left += (rect.width - lineWidth) / 2;
-        var transition = skipTransition
-          ? ''
-          : 'transition-duration: ' +
-            duration +
-            's; -webkit-transition-duration: ' +
-            duration +
-            's;';
         _this.setData({
-          lineStyle:
+          lineOffsetLeft: lineOffsetLeft,
-            '\n            ' +
+          skipTransition: skipTransition,
-            height +
-            '\n            width: ' +
-            utils_1.addUnit(lineWidth) +
-            ';\n            background-color: ' +
-            color +
-            ';\n            -webkit-transform: translateX(' +
-            left +
-            'px);\n            transform: translateX(' +
-            left +
-            'px);\n            ' +
-            transition +
-            '\n          ',
         });
       });
     },
@@ -275,8 +249,8 @@ component_1.VantComponent({
         return;
       }
       Promise.all([
-        this.getRect('.van-tab', true),
+        utils_1.getAllRect.call(this, '.van-tab'),
-        this.getRect('.van-tabs__nav'),
+        utils_1.getRect.call(this, '.van-tabs__nav'),
       ]).then(function (_a) {
         var tabRects = _a[0],
           navRect = _a[1];

lib/tabs/index.wxml

@@ -20,7 +20,7 @@
         style="{{ color ? 'border-color: ' + color : '' }}"
       >
         <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ getters.tabCardTypeBorderStyle(color, type) }}">
-          <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />
+          <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ getters.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
           <view
             wx:for="{{ tabs }}"
             wx:key="index"

lib/tabs/index.wxs

@@ -1,4 +1,6 @@
 /* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+
 function tabClass(active, ellipsis) {
   var classes = ['tab-class'];
 
@@ -68,11 +70,42 @@ function trackStyle(data) {
   return [
     'transform: translate3d(' + -100 * data.currentIndex + '%, 0, 0)',
     '-webkit-transition-duration: ' + data.duration + 's',
-    'transition-duration: ' + data.duration + 's'
+    'transition-duration: ' + data.duration + 's',
   ].join(';');
 }
 
-module.exports.tabClass = tabClass;
+function lineStyle(data) {
-module.exports.tabStyle = tabStyle;
+  var styles = [
-module.exports.trackStyle = trackStyle;
+    ['width', utils.addUnit(data.lineWidth)],
-module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;
+    ['transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
+    ['-webkit-transform', 'translateX(' + data.lineOffsetLeft + 'px)'],
+  ];
+
+  if (data.color) {
+    styles.push(['background-color', data.color]);
+  }
+
+  if (data.lineHeight !== -1) {
+    styles.push(['height', utils.addUnit(data.lineHeight)]);
+    styles.push(['border-radius', utils.addUnit(data.lineHeight)]);
+  }
+
+  if (!data.skipTransition) {
+    styles.push(['transition-duration', data.duration + 's']);
+    styles.push(['-webkit-transition-duration', data.duration + 's']);
+  }
+
+  return styles
+    .map(function (item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+module.exports = {
+  tabClass: tabClass,
+  tabStyle: tabStyle,
+  trackStyle: trackStyle,
+  lineStyle: lineStyle,
+  tabCardTypeBorderStyle: tabCardTypeBorderStyle,
+};

lib/uploader/index.js

@@ -214,6 +214,27 @@ component_1.VantComponent({
         },
       });
     },
+    // fix: accept 为 video 时不能展示视频
+    onPreviewVideo: function (event) {
+      if (!this.data.previewFullImage) return;
+      var index = event.currentTarget.dataset.index;
+      var lists = this.data.lists;
+      wx.previewMedia({
+        sources: lists
+          .filter(function (item) {
+            return item.isVideo;
+          })
+          .map(function (item) {
+            item.type = 'video';
+            item.url = item.url || item.path;
+            return item;
+          }),
+        current: index,
+        fail: function () {
+          wx.showToast({ title: '预览视频失败', icon: 'none' });
+        },
+      });
+    },
     onClickPreview: function (event) {
       var index = event.currentTarget.dataset.index;
       var item = this.data.lists[index];

lib/uploader/index.wxml

@@ -21,6 +21,16 @@
         data-index="{{ index }}"
         bind:tap="onPreviewImage"
       />
+      <video
+        wx:elif="{{ item.isVideo }}"
+        src="{{item.url || item.path}}"
+        autoplay="{{item.autoplay}}"
+        class="van-uploader__preview-image"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        data-index="{{ index }}"
+        bind:tap="onPreviewVideo"
+      >
+      </video>      
       <view
         wx:else
         class="van-uploader__file"

lib/uploader/index.wxss

@@ -1 +1 @@
-@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}
+@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:0 8px 8px 0;background-color:#f7f8fa}.van-uploader__upload:active{background-color:#f2f3f5}.van-uploader__upload-icon{color:#dcdee0;font-size:24px}.van-uploader__upload-text{margin-top:8px;color:#969799;font-size:12px}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;margin:0 8px 8px 0;cursor:pointer}.van-uploader__preview-image{display:block;width:80px;height:80px;overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:14px;height:14px;padding:0 0 8px 8px}.van-uploader__preview-delete:after{position:absolute;top:0;right:0;width:14px;height:14px;background-color:rgba(0,0,0,.7);border-radius:0 0 0 12px;content:""}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;z-index:1;color:#fff;font-size:16px;-webkit-transform:scale(.5);transform:scale(.5)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;height:80px;background-color:#f7f8fa}.van-uploader__file-icon{color:#646566;font-size:20px}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:8px;padding:0 4px;color:#646566;font-size:12px;text-align:center}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88)}.van-uploader__mask-icon{font-size:22px}.van-uploader__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.van-uploader__loading{width:22px;height:22px;color:#fff!important}