From eca7dae310ab4ca1993bf834f857cc6c27c3c4e5 Mon Sep 17 00:00:00 2001
From: Mondo <mondo@imondo.cn>
Date: Thu, 17 Sep 2020 22:15:05 +0800
Subject: [PATCH] fix: support preview video (#3594)

---
 packages/tabs/index.wxml     |  2 +-
 packages/uploader/index.ts   | 21 +++++++++++++++++++++
 packages/uploader/index.wxml | 10 ++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/packages/tabs/index.wxml b/packages/tabs/index.wxml
index c8195ae2..da4caa6f 100644
--- a/packages/tabs/index.wxml
+++ b/packages/tabs/index.wxml
@@ -60,4 +60,4 @@
       <slot />
     </view>
   </view>
-</view>
+</view>
\ No newline at end of file
diff --git a/packages/uploader/index.ts b/packages/uploader/index.ts
index 3de1330d..a4a82350 100644
--- a/packages/uploader/index.ts
+++ b/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;
diff --git a/packages/uploader/index.wxml b/packages/uploader/index.wxml
index e01da80d..c7ebf945 100644
--- a/packages/uploader/index.wxml
+++ b/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"