fix: support preview video (#3594)

packages/tabs/index.wxml

@@ -60,4 +60,4 @@
       <slot />
     </view>
   </view>
-</view>
+</view>

packages/uploader/index.ts

@@ -193,6 +193,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;

packages/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"