zartui 2.1.21 → 2.1.22

package/lib/media-picker/index.js

@@ -701,62 +701,87 @@ var _default2 = exports.default = createComponent({
      * 点击预览
      */
     previewMedia: function previewMedia(media, index) {
-      if (this.preview && this.preview(media, index)) {
-        return;
-      }
-      if (media.type === _type.MediaType.PHOTO) {
-        var imageIndex = this.imageList.indexOf(media);
-        (0, _imagePreview.default)({
-          images: this.imageList.map(function (image) {
-            return {
-              url: image.showSrc
-            };
-          }),
-          startPosition: imageIndex,
-          closeable: true
-        });
-      } else if (media.type === _type.MediaType.AUDIO || media.type === _type.MediaType.VIDEO) {
-        if (!media.file && !media.url) {
-          (0, _toast.default)('文件参数缺失');
-        } else {
-          this.mediaTypeToPlay = media.type;
-          this.mediaUrlToPlay = media.url || (URL || webkitURL).createObjectURL(media.file);
-          // this.mediaUrlToPlay = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
-          this.mediaPlayerVisible = true;
-        }
-      } else {
-        (0, _toast.default)('暂不支持此类文件的预览');
-      }
-    },
-    onDelete: function onDelete(media, index) {
       var _this7 = this;
       return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var response;
+        var imageIndex;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              if (!_this7.beforeDelete) {
-                _context2.next = 6;
+              _context2.t0 = _this7.preview;
+              if (!_context2.t0) {
+                _context2.next = 5;
                 break;
               }
-              _context2.next = 3;
-              return _this7.beforeDelete(media);
-            case 3:
-              response = _context2.sent;
-              if (response) {
-                _context2.next = 6;
+              _context2.next = 4;
+              return _this7.preview(media, index);
+            case 4:
+              _context2.t0 = _context2.sent;
+            case 5:
+              if (!_context2.t0) {
+                _context2.next = 7;
                 break;
               }
               return _context2.abrupt("return");
-            case 6:
-              _this7.deleteMedia(media, index);
             case 7:
+              if (media.type === _type.MediaType.PHOTO) {
+                imageIndex = _this7.imageList.indexOf(media);
+                (0, _imagePreview.default)({
+                  images: _this7.imageList.map(function (image) {
+                    return {
+                      url: image.showSrc
+                    };
+                  }),
+                  startPosition: imageIndex,
+                  closeable: true
+                });
+              } else if (media.type === _type.MediaType.AUDIO || media.type === _type.MediaType.VIDEO) {
+                if (!media.file && !media.url) {
+                  (0, _toast.default)('文件参数缺失');
+                } else {
+                  _this7.mediaTypeToPlay = media.type;
+                  _this7.mediaUrlToPlay = media.url || (URL || webkitURL).createObjectURL(media.file);
+                  // this.mediaUrlToPlay = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
+                  _this7.mediaPlayerVisible = true;
+                }
+              } else {
+                (0, _toast.default)('暂不支持此类文件的预览');
+              }
+            case 8:
             case "end":
               return _context2.stop();
           }
         }, _callee2);
       }))();
     },
+    onDelete: function onDelete(media, index) {
+      var _this8 = this;
+      return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
+        var response;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!_this8.beforeDelete) {
+                _context3.next = 6;
+                break;
+              }
+              _context3.next = 3;
+              return _this8.beforeDelete(media);
+            case 3:
+              response = _context3.sent;
+              if (response) {
+                _context3.next = 6;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 6:
+              _this8.deleteMedia(media, index);
+            case 7:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }))();
+    },
     deleteMedia: function deleteMedia(media, index) {
       var list = this.mediaList.slice(0);
       list.splice(index, 1);
@@ -764,7 +789,7 @@ var _default2 = exports.default = createComponent({
       this.$emit('delete', media, index);
     },
     hiddenInput: function hiddenInput() {
-      var _this8 = this;
+      var _this9 = this;
       var h = this.$createElement;
       return [h("input", {
         "attrs": {
@@ -777,7 +802,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.PHOTO, _type.MediaAddType.TAKE);
+            return _this9.resetInput(_type.MediaType.PHOTO, _type.MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -791,7 +816,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.PHOTO, _type.MediaAddType.PICK);
+            return _this9.resetInput(_type.MediaType.PHOTO, _type.MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -805,7 +830,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.VIDEO, _type.MediaAddType.TAKE);
+            return _this9.resetInput(_type.MediaType.VIDEO, _type.MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -818,7 +843,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.VIDEO, _type.MediaAddType.PICK);
+            return _this9.resetInput(_type.MediaType.VIDEO, _type.MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -832,7 +857,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.AUDIO, _type.MediaAddType.TAKE);
+            return _this9.resetInput(_type.MediaType.AUDIO, _type.MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -845,7 +870,7 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.AUDIO, _type.MediaAddType.PICK);
+            return _this9.resetInput(_type.MediaType.AUDIO, _type.MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -858,14 +883,14 @@ var _default2 = exports.default = createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(_type.MediaType.FILE, _type.MediaAddType.PICK);
+            return _this9.resetInput(_type.MediaType.FILE, _type.MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
       })];
     },
     renderIcon: function renderIcon(mediaType, mediaAddType) {
-      var _this9 = this;
+      var _this10 = this;
       var h = this.$createElement;
       if (mediaType === _type.MediaType.PHOTO) {
         if (mediaAddType === _type.MediaAddType.TAKE) {
@@ -873,7 +898,7 @@ var _default2 = exports.default = createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this9.mediaPick(mediaType, mediaAddType);
+                return _this10.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -882,7 +907,7 @@ var _default2 = exports.default = createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this9.mediaPick(mediaType, mediaAddType);
+                return _this10.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -892,7 +917,7 @@ var _default2 = exports.default = createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -901,7 +926,7 @@ var _default2 = exports.default = createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -910,7 +935,7 @@ var _default2 = exports.default = createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -951,7 +976,7 @@ var _default2 = exports.default = createComponent({
       }
     },
     renderCertificates: function renderCertificates() {
-      var _this10 = this;
+      var _this11 = this;
       var h = this.$createElement;
       if (this.mediaList && this.mediaList.length) {
         var media = this.mediaList[0];
@@ -961,8 +986,8 @@ var _default2 = exports.default = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-              _this10.onDelete(media, 0);
-              _this10.mediaPick(_type.MediaType.PHOTO, _type.MediaAddType.PICK);
+              _this11.onDelete(media, 0);
+              _this11.mediaPick(_type.MediaType.PHOTO, _type.MediaAddType.PICK);
             }
           }
         }, [h(_ReUpload.default, {
@@ -980,7 +1005,7 @@ var _default2 = exports.default = createComponent({
             "click": function click(event) {
               event.stopPropagation();
               // 证件照模式只有一张图片
-              _this10.previewMedia(media, 0);
+              _this11.previewMedia(media, 0);
             }
           }
         }, [reUpload]);
@@ -1072,6 +1097,11 @@ var _default2 = exports.default = createComponent({
      */
     renderMediaThumbnail: function renderMediaThumbnail(media) {
       var h = this.$createElement;
+      if (this.$scopedSlots['preview-media']) {
+        return this.slots('preview-media', {
+          file: media
+        });
+      }
       if (media.showSrc) {
         return h(_image.default, {
           "attrs": {
@@ -1115,7 +1145,7 @@ var _default2 = exports.default = createComponent({
       }
     },
     renderMediaList: function renderMediaList() {
-      var _this11 = this;
+      var _this12 = this;
       var h = this.$createElement;
       return this.mediaList.map(function (media, index) {
         var showDelete = media.deletable && media.status !== _type.MediaUploadStatus.UPLOADING;
@@ -1124,7 +1154,7 @@ var _default2 = exports.default = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-              _this11.onDelete(media, index);
+              _this12.onDelete(media, index);
             }
           }
         });
@@ -1133,10 +1163,10 @@ var _default2 = exports.default = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-              _this11.previewMedia(media, index);
+              _this12.previewMedia(media, index);
             }
           }
-        }, [_this11.renderMediaBox(media), _this11.genThumbnailMask(media), deleteIcon]);
+        }, [_this12.renderMediaBox(media), _this12.genThumbnailMask(media), deleteIcon]);
       });
     },
     selectAction: function selectAction(action) {
@@ -1145,7 +1175,7 @@ var _default2 = exports.default = createComponent({
     }
   },
   render: function render() {
-    var _this12 = this;
+    var _this13 = this;
     var h = arguments[0];
     var title = this.showTitle && h("div", {
       "class": bem('title')
@@ -1158,9 +1188,9 @@ var _default2 = exports.default = createComponent({
         "mediaUrl": this.mediaUrlToPlay
       }, this.mediaPlayerProps),
       "model": {
-        value: _this12.mediaPlayerVisible,
+        value: _this13.mediaPlayerVisible,
         callback: function callback($$v) {
-          _this12.mediaPlayerVisible = $$v;
+          _this13.mediaPlayerVisible = $$v;
         }
       }
     }), h(_actionSheet.default, {
@@ -1174,9 +1204,9 @@ var _default2 = exports.default = createComponent({
         "select": this.selectAction
       },
       "model": {
-        value: _this12.actionVisible,
+        value: _this13.actionVisible,
         callback: function callback($$v) {
-          _this12.actionVisible = $$v;
+          _this13.actionVisible = $$v;
         }
       }
     }), this.pickerMode === "certificate" ? h("div", {