diff --git a/dist/calendar/calendar.wxml b/dist/calendar/calendar.wxml
index 09a60b3e..26938c1a 100644
--- a/dist/calendar/calendar.wxml
+++ b/dist/calendar/calendar.wxml
@@ -1,57 +1,65 @@
-<wxs src="./index.wxs" module="computed"></wxs>
+<view class="van-calendar">
+  <header
+    title="{{ title }}"
+    showTitle="{{ showTitle }}"
+    subtitle="{{ subtitle }}"
+    showSubtitle="{{ showSubtitle }}"
+  >
+    <slot name="title" slot="title"></slot>
+  </header>
 
-<template name="calendar">
-  <view class="van-calendar">
-    <header
-      title="{{ title }}"
-      showTitle="{{ showTitle }}"
-      subtitle="{{ subtitle }}"
+  <scroll-view
+    class="van-calendar__body"
+    scroll-y
+    scroll-into-view="{{ scrollIntoView }}"
+  >
+    <month
+      wx:for="{{ computed.getMonths(minDate, maxDate) }}"
+      wx:key="index"
+      id="month{{ index }}"
+      class="month"
+      data-date="{{ item }}"
+      date="{{ item }}"
+      type="{{ type }}"
+      color="{{ color }}"
+      minDate="{{ minDate }}"
+      maxDate="{{ maxDate }}"
+      showMark="{{ showMark }}"
+      formatter="{{ formatter }}"
+      rowHeight="{{ rowHeight }}"
+      currentDate="{{ currentDate }}"
       showSubtitle="{{ showSubtitle }}"
-    >
-      <slot name="title" slot="title"></slot>
-    </header>
+      allowSameDay="{{ allowSameDay }}"
+      showMonthTitle="{{ index !== 0 || !showSubtitle }}"
+      bind:click="onClickDay"
+    />
+  </scroll-view>
 
-    <scroll-view class="van-calendar__body" scroll-y scroll-into-view="{{ scrollIntoView }}">
-      <month
-        wx:for="{{ computed.getMonths(minDate, maxDate) }}"
-        wx:key="index"
-        id="month{{ index }}"
-        class="month"
-        data-date="{{ item }}"
-        date="{{ item }}"
-        type="{{ type }}"
-        color="{{ color }}"
-        minDate="{{ minDate }}"
-        maxDate="{{ maxDate }}"
-        showMark="{{ showMark }}"
-        formatter="{{ formatter }}"
-        rowHeight="{{ rowHeight }}"
-        currentDate="{{ currentDate }}"
-        showSubtitle="{{ showSubtitle }}"
-        allowSameDay="{{ allowSameDay }}"
-        showMonthTitle="{{ index !== 0 || !showSubtitle }}"
-        bind:click="onClickDay"
-      />
-    </scroll-view>
-
-    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
-      <slot name="footer"></slot>
-    </view>
-
-    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
-      <van-button
-        wx:if="{{ showConfirm }}"
-        round
-        block
-        type="danger"
-        color="{{ color }}"
-        custom-class="van-calendar__confirm"
-        disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
-        nativeType="text"
-        bind:click="onConfirm"
-      >
-        {{ computed.getButtonDisabled(type, currentDate) ? confirmDisabledText : confirmText }}
-      </van-button>
-    </view>
+  <view
+    class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
+  >
+    <slot name="footer"></slot>
   </view>
-</template>
+
+  <view
+    class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
+  >
+    <van-button
+      wx:if="{{ showConfirm }}"
+      round
+      block
+      type="danger"
+      color="{{ color }}"
+      custom-class="van-calendar__confirm"
+      disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
+      nativeType="text"
+      bind:click="onConfirm"
+    >
+      {{
+        computed.getButtonDisabled(type, currentDate)
+          ? confirmDisabledText
+          : confirmText
+      }}
+    </van-button>
+  </view>
+</view>
diff --git a/dist/calendar/index.wxml b/dist/calendar/index.wxml
index d4849cc7..7df0b980 100644
--- a/dist/calendar/index.wxml
+++ b/dist/calendar/index.wxml
@@ -1,4 +1,5 @@
 <wxs src="./index.wxs" module="computed" />
+<wxs src="../wxs/utils.wxs" module="utils" />
 
 <import src="./calendar.wxml" />
 
@@ -16,16 +17,9 @@
   bind:after-enter="onOpened"
   bind:after-leave="onClosed"
 >
-  <template
-    is="calendar"
-    data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
-  />
+  <include src="calendar.wxml" />
 </van-popup>
 
-<template
-  wx:else
-  is="calendar"
-  data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
-/>
+<include wx:else src="calendar.wxml" />
 
 <van-toast id="van-toast" />
diff --git a/dist/picker/toolbar.wxml b/dist/picker/toolbar.wxml
index e41a7301..414f6120 100644
--- a/dist/picker/toolbar.wxml
+++ b/dist/picker/toolbar.wxml
@@ -1,28 +1,23 @@
-<template name="toolbar">
+<view wx:if="{{ showToolbar }}" class="van-picker__toolbar toolbar-class">
   <view
-    wx:if="{{ showToolbar }}"
-    class="van-picker__toolbar toolbar-class"
+    class="van-picker__cancel"
+    hover-class="van-picker__cancel--hover"
+    hover-stay-time="70"
+    data-type="cancel"
+    bindtap="emit"
   >
-    <view
-      class="van-picker__cancel"
-      hover-class="van-picker__cancel--hover"
-      hover-stay-time="70"
-      data-type="cancel"
-      bindtap="emit"
-    >
-      {{ cancelButtonText }}
-    </view>
-    <view wx:if="{{ title }}" class="van-picker__title van-ellipsis">{{
-      title
-    }}</view>
-    <view
-      class="van-picker__confirm"
-      hover-class="van-picker__confirm--hover"
-      hover-stay-time="70"
-      data-type="confirm"
-      bindtap="emit"
-    >
-      {{ confirmButtonText }}
-    </view>
+    {{ cancelButtonText }}
   </view>
-</template>
+  <view wx:if="{{ title }}" class="van-picker__title van-ellipsis">{{
+    title
+  }}</view>
+  <view
+    class="van-picker__confirm"
+    hover-class="van-picker__confirm--hover"
+    hover-stay-time="70"
+    data-type="confirm"
+    bindtap="emit"
+  >
+    {{ confirmButtonText }}
+  </view>
+</view>
diff --git a/dist/uploader/index.js b/dist/uploader/index.js
index 955ca580..263c50e3 100644
--- a/dist/uploader/index.js
+++ b/dist/uploader/index.js
@@ -182,6 +182,13 @@ VantComponent({
         },
       });
     },
+    onPreviewFile(event) {
+      const { index } = event.currentTarget.dataset;
+      wx.openDocument({
+        filePath: this.data.lists[index].url,
+        showMenu: true,
+      });
+    },
     onClickPreview(event) {
       const { index } = event.currentTarget.dataset;
       const item = this.data.lists[index];
diff --git a/dist/uploader/index.wxml b/dist/uploader/index.wxml
index a44f80d2..50fb0c89 100644
--- a/dist/uploader/index.wxml
+++ b/dist/uploader/index.wxml
@@ -20,7 +20,7 @@
         class="van-uploader__preview-image"
         style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
-        bind:tap="onPreviewImage"
+        bindtap="onPreviewImage"
       />
       <video
         wx:elif="{{ item.isVideo }}"
@@ -31,13 +31,15 @@
         class="van-uploader__preview-image"
         style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
-        bind:tap="onPreviewVideo"
+        bindtap="onPreviewVideo"
       >
       </video>
       <view
         wx:else
         class="van-uploader__file"
         style="{{ computed.sizeStyle({ previewSize }) }}"
+        data-index="{{ index }}"
+        bindtap="onPreviewFile"
       >
         <van-icon name="description" class="van-uploader__file-icon" />
         <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>
diff --git a/lib/calendar/calendar.wxml b/lib/calendar/calendar.wxml
index 09a60b3e..26938c1a 100644
--- a/lib/calendar/calendar.wxml
+++ b/lib/calendar/calendar.wxml
@@ -1,57 +1,65 @@
-<wxs src="./index.wxs" module="computed"></wxs>
+<view class="van-calendar">
+  <header
+    title="{{ title }}"
+    showTitle="{{ showTitle }}"
+    subtitle="{{ subtitle }}"
+    showSubtitle="{{ showSubtitle }}"
+  >
+    <slot name="title" slot="title"></slot>
+  </header>
 
-<template name="calendar">
-  <view class="van-calendar">
-    <header
-      title="{{ title }}"
-      showTitle="{{ showTitle }}"
-      subtitle="{{ subtitle }}"
+  <scroll-view
+    class="van-calendar__body"
+    scroll-y
+    scroll-into-view="{{ scrollIntoView }}"
+  >
+    <month
+      wx:for="{{ computed.getMonths(minDate, maxDate) }}"
+      wx:key="index"
+      id="month{{ index }}"
+      class="month"
+      data-date="{{ item }}"
+      date="{{ item }}"
+      type="{{ type }}"
+      color="{{ color }}"
+      minDate="{{ minDate }}"
+      maxDate="{{ maxDate }}"
+      showMark="{{ showMark }}"
+      formatter="{{ formatter }}"
+      rowHeight="{{ rowHeight }}"
+      currentDate="{{ currentDate }}"
       showSubtitle="{{ showSubtitle }}"
-    >
-      <slot name="title" slot="title"></slot>
-    </header>
+      allowSameDay="{{ allowSameDay }}"
+      showMonthTitle="{{ index !== 0 || !showSubtitle }}"
+      bind:click="onClickDay"
+    />
+  </scroll-view>
 
-    <scroll-view class="van-calendar__body" scroll-y scroll-into-view="{{ scrollIntoView }}">
-      <month
-        wx:for="{{ computed.getMonths(minDate, maxDate) }}"
-        wx:key="index"
-        id="month{{ index }}"
-        class="month"
-        data-date="{{ item }}"
-        date="{{ item }}"
-        type="{{ type }}"
-        color="{{ color }}"
-        minDate="{{ minDate }}"
-        maxDate="{{ maxDate }}"
-        showMark="{{ showMark }}"
-        formatter="{{ formatter }}"
-        rowHeight="{{ rowHeight }}"
-        currentDate="{{ currentDate }}"
-        showSubtitle="{{ showSubtitle }}"
-        allowSameDay="{{ allowSameDay }}"
-        showMonthTitle="{{ index !== 0 || !showSubtitle }}"
-        bind:click="onClickDay"
-      />
-    </scroll-view>
-
-    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
-      <slot name="footer"></slot>
-    </view>
-
-    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
-      <van-button
-        wx:if="{{ showConfirm }}"
-        round
-        block
-        type="danger"
-        color="{{ color }}"
-        custom-class="van-calendar__confirm"
-        disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
-        nativeType="text"
-        bind:click="onConfirm"
-      >
-        {{ computed.getButtonDisabled(type, currentDate) ? confirmDisabledText : confirmText }}
-      </van-button>
-    </view>
+  <view
+    class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
+  >
+    <slot name="footer"></slot>
   </view>
-</template>
+
+  <view
+    class="{{ utils.bem('calendar__footer', { safeAreaInsetBottom }) }}"
+  >
+    <van-button
+      wx:if="{{ showConfirm }}"
+      round
+      block
+      type="danger"
+      color="{{ color }}"
+      custom-class="van-calendar__confirm"
+      disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
+      nativeType="text"
+      bind:click="onConfirm"
+    >
+      {{
+        computed.getButtonDisabled(type, currentDate)
+          ? confirmDisabledText
+          : confirmText
+      }}
+    </van-button>
+  </view>
+</view>
diff --git a/lib/calendar/index.wxml b/lib/calendar/index.wxml
index d4849cc7..7df0b980 100644
--- a/lib/calendar/index.wxml
+++ b/lib/calendar/index.wxml
@@ -1,4 +1,5 @@
 <wxs src="./index.wxs" module="computed" />
+<wxs src="../wxs/utils.wxs" module="utils" />
 
 <import src="./calendar.wxml" />
 
@@ -16,16 +17,9 @@
   bind:after-enter="onOpened"
   bind:after-leave="onClosed"
 >
-  <template
-    is="calendar"
-    data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
-  />
+  <include src="calendar.wxml" />
 </van-popup>
 
-<template
-  wx:else
-  is="calendar"
-  data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
-/>
+<include wx:else src="calendar.wxml" />
 
 <van-toast id="van-toast" />
diff --git a/lib/picker/toolbar.wxml b/lib/picker/toolbar.wxml
index e41a7301..414f6120 100644
--- a/lib/picker/toolbar.wxml
+++ b/lib/picker/toolbar.wxml
@@ -1,28 +1,23 @@
-<template name="toolbar">
+<view wx:if="{{ showToolbar }}" class="van-picker__toolbar toolbar-class">
   <view
-    wx:if="{{ showToolbar }}"
-    class="van-picker__toolbar toolbar-class"
+    class="van-picker__cancel"
+    hover-class="van-picker__cancel--hover"
+    hover-stay-time="70"
+    data-type="cancel"
+    bindtap="emit"
   >
-    <view
-      class="van-picker__cancel"
-      hover-class="van-picker__cancel--hover"
-      hover-stay-time="70"
-      data-type="cancel"
-      bindtap="emit"
-    >
-      {{ cancelButtonText }}
-    </view>
-    <view wx:if="{{ title }}" class="van-picker__title van-ellipsis">{{
-      title
-    }}</view>
-    <view
-      class="van-picker__confirm"
-      hover-class="van-picker__confirm--hover"
-      hover-stay-time="70"
-      data-type="confirm"
-      bindtap="emit"
-    >
-      {{ confirmButtonText }}
-    </view>
+    {{ cancelButtonText }}
   </view>
-</template>
+  <view wx:if="{{ title }}" class="van-picker__title van-ellipsis">{{
+    title
+  }}</view>
+  <view
+    class="van-picker__confirm"
+    hover-class="van-picker__confirm--hover"
+    hover-stay-time="70"
+    data-type="confirm"
+    bindtap="emit"
+  >
+    {{ confirmButtonText }}
+  </view>
+</view>
diff --git a/lib/uploader/index.js b/lib/uploader/index.js
index 4a233c1d..ca3c43ad 100644
--- a/lib/uploader/index.js
+++ b/lib/uploader/index.js
@@ -227,6 +227,13 @@ component_1.VantComponent({
         },
       });
     },
+    onPreviewFile: function (event) {
+      var index = event.currentTarget.dataset.index;
+      wx.openDocument({
+        filePath: this.data.lists[index].url,
+        showMenu: true,
+      });
+    },
     onClickPreview: function (event) {
       var index = event.currentTarget.dataset.index;
       var item = this.data.lists[index];
diff --git a/lib/uploader/index.wxml b/lib/uploader/index.wxml
index a44f80d2..50fb0c89 100644
--- a/lib/uploader/index.wxml
+++ b/lib/uploader/index.wxml
@@ -20,7 +20,7 @@
         class="van-uploader__preview-image"
         style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
-        bind:tap="onPreviewImage"
+        bindtap="onPreviewImage"
       />
       <video
         wx:elif="{{ item.isVideo }}"
@@ -31,13 +31,15 @@
         class="van-uploader__preview-image"
         style="{{ computed.sizeStyle({ previewSize }) }}"
         data-index="{{ index }}"
-        bind:tap="onPreviewVideo"
+        bindtap="onPreviewVideo"
       >
       </video>
       <view
         wx:else
         class="van-uploader__file"
         style="{{ computed.sizeStyle({ previewSize }) }}"
+        data-index="{{ index }}"
+        bindtap="onPreviewFile"
       >
         <van-icon name="description" class="van-uploader__file-icon" />
         <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>