zartui 2.0.79 → 2.0.80-beta.1

package/lib/media-picker/index.js

@@ -1,79 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _image = _interopRequireDefault(require("../image"));
-
 var _gridItem = _interopRequireDefault(require("../grid-item"));
-
 var _mediaPlayer = _interopRequireDefault(require("../media-player"));
-
 var _actionSheet = _interopRequireDefault(require("../action-sheet"));
-
 var _grid = _interopRequireDefault(require("../grid"));
-
 var _type = require("./type");
-
 var _media = require("@egova/media");
-
 var _toast = _interopRequireDefault(require("../toast"));
-
 var _imagePreview = _interopRequireDefault(require("../image-preview"));
-
 var _TakePhotoIcon = _interopRequireDefault(require("./image/TakePhotoIcon"));
-
 var _PickPhotoIcon = _interopRequireDefault(require("./image/PickPhotoIcon"));
-
 var _TakeVideoIcon = _interopRequireDefault(require("./image/TakeVideoIcon"));
-
 var _TakeAudioIcon = _interopRequireDefault(require("./image/TakeAudioIcon"));
-
 var _PickFileIcon = _interopRequireDefault(require("./image/PickFileIcon"));
-
 var _DeleteIcon = _interopRequireDefault(require("./image/DeleteIcon"));
-
 var _ReUpload = _interopRequireDefault(require("./image/ReUpload"));
-
 var _DefaultVideoIcon = _interopRequireDefault(require("./image/DefaultVideoIcon"));
-
 var _DefaultAudioIcon = _interopRequireDefault(require("./image/DefaultAudioIcon"));
-
 var _DefaultFileIcon = _interopRequireDefault(require("./image/DefaultFileIcon"));
-
 var _DefaultDocIcon = _interopRequireDefault(require("./image/DefaultDocIcon"));
-
 var _DefaultExcelIcon = _interopRequireDefault(require("./image/DefaultExcelIcon"));
-
 var _DefaultPdfIcon = _interopRequireDefault(require("./image/DefaultPdfIcon"));
-
 var _DefaultPptIcon = _interopRequireDefault(require("./image/DefaultPptIcon"));
-
 var _DefaultTextIcon = _interopRequireDefault(require("./image/DefaultTextIcon"));
-
 var _Img = require("./image/Img64");
-
 var _mediaUtil = require("./media-util");
-
 // Utils
+
 // Types
+
 // import components
+
 // Images
+
 // 单个文件最大限制，单位为M（目前限制是100M）
 var FILE_SIZE_LIMIT = 100;
-
 var _createNamespace = (0, _utils.createNamespace)('media-picker'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default2 = createComponent({
   props: {
     disabled: Boolean,
@@ -106,7 +77,6 @@ var _default2 = createComponent({
       type: Number,
       default: FILE_SIZE_LIMIT * 1024
     },
-
     /**
      * {
      *  maxImageSideLength,
@@ -220,7 +190,6 @@ var _default2 = createComponent({
     },
     actionOptions: function actionOptions() {
       var _this = this;
-
       if (this.videoOptionsVisible) {
         return [{
           name: '拍摄',
@@ -253,24 +222,20 @@ var _default2 = createComponent({
       if (this.disabled) {
         return;
       }
-
       if (!this.checkFileCountBeforeAdd(mediaType)) {
         return;
       }
-
       if (this.mediaPickAction && this.mediaPickAction(mediaType, mediaAddType)) {
         return;
       }
-
       var _this$$refs = this.$refs,
-          cameraInput = _this$$refs.cameraInput,
-          imageInput = _this$$refs.imageInput,
-          camcorderInput = _this$$refs.camcorderInput,
-          videoFileInput = _this$$refs.videoFileInput,
-          audioRecorderInput = _this$$refs.audioRecorderInput,
-          audioFileInput = _this$$refs.audioFileInput,
-          fileInput = _this$$refs.fileInput;
-
+        cameraInput = _this$$refs.cameraInput,
+        imageInput = _this$$refs.imageInput,
+        camcorderInput = _this$$refs.camcorderInput,
+        videoFileInput = _this$$refs.videoFileInput,
+        audioRecorderInput = _this$$refs.audioRecorderInput,
+        audioFileInput = _this$$refs.audioFileInput,
+        fileInput = _this$$refs.fileInput;
       if (mediaType === _type.MediaType.PHOTO) {
         if (mediaAddType === _type.MediaAddType.TAKE) {
           this.triggerHiddenInput(cameraInput);
@@ -306,7 +271,6 @@ var _default2 = createComponent({
         ref.click();
       }
     },
-
     /**
      * 清空value，避免添加相同图片时 change 事件不触发：https://stackoverflow.com/a/54125788/1263423
      * @param mediaType
@@ -314,14 +278,13 @@ var _default2 = createComponent({
      */
     resetInput: function resetInput(mediaType, mediaAddType) {
       var _this$$refs2 = this.$refs,
-          cameraInput = _this$$refs2.cameraInput,
-          imageInput = _this$$refs2.imageInput,
-          camcorderInput = _this$$refs2.camcorderInput,
-          videoFileInput = _this$$refs2.videoFileInput,
-          audioRecorderInput = _this$$refs2.audioRecorderInput,
-          audioFileInput = _this$$refs2.audioFileInput,
-          fileInput = _this$$refs2.fileInput;
-
+        cameraInput = _this$$refs2.cameraInput,
+        imageInput = _this$$refs2.imageInput,
+        camcorderInput = _this$$refs2.camcorderInput,
+        videoFileInput = _this$$refs2.videoFileInput,
+        audioRecorderInput = _this$$refs2.audioRecorderInput,
+        audioFileInput = _this$$refs2.audioFileInput,
+        fileInput = _this$$refs2.fileInput;
       if (mediaType === _type.MediaType.PHOTO) {
         if (mediaAddType === _type.MediaAddType.TAKE) {
           cameraInput.value = '';
@@ -346,34 +309,25 @@ var _default2 = createComponent({
     },
     handleInputFiles: function handleInputFiles(event) {
       var _this2 = this;
-
       var files = event.target.files;
-
       if (!files || files.length === 0) {
         return;
       }
-
       if (this.pickerMode === "certificate") {
         files = [files[0]];
       }
-
       files = this.filterValidFiles(files);
-
       if (files.length === 0) {
         return;
       }
-
       if (!this.checkFileCountAfterAdd(files)) {
         return;
       }
-
       if (this.beforeRead) {
         var response = this.beforeRead(files);
-
         if (!response) {
           return;
         }
-
         if ((0, _utils.isPromise)(response)) {
           response.then(function (data) {
             if (data) {
@@ -385,12 +339,10 @@ var _default2 = createComponent({
           return;
         }
       }
-
       this.readFiles(files);
     },
     readFiles: function readFiles(files) {
       var _this3 = this;
-
       // 处理非图片
       var notImages = files.filter(function (f) {
         return !(0, _mediaUtil.isImageType)(f);
@@ -398,23 +350,19 @@ var _default2 = createComponent({
         return _this3.transformNotImageFile(f);
       });
       var newMedias = [];
-
       if (notImages.length > 0) {
         newMedias = newMedias.concat(notImages);
-      } // 处理图片并合并
-
-
+      }
+      // 处理图片并合并
       var imageFiles = files.filter(function (f) {
         return (0, _mediaUtil.isImageType)(f);
       });
       var promise;
-
       if (imageFiles.length === 0) {
         promise = Promise.resolve();
       } else {
         promise = this.transformImageFiles(imageFiles);
       }
-
       promise.then(function (medias) {
         if (medias && medias.length > 0) {
           newMedias = newMedias.concat(medias);
@@ -425,116 +373,89 @@ var _default2 = createComponent({
         } else {
           _this3.$emit('input', [].concat(_this3.mediaList, newMedias));
         }
-
         if (_this3.afterRead) {
           _this3.afterRead(newMedias);
         }
       });
     },
-
     /**
      * 选择多媒体前进行数量检查
      */
     checkFileCountBeforeAdd: function checkFileCountBeforeAdd(mediaType) {
       if (this.mediaList.length === this.maxMediaCount) {
         _toast.default.fail("\u5DF2\u8FBE\u5230\u6587\u4EF6\u6700\u5927\u6570\u91CF\u9650\u5236");
-
         return false;
       }
-
       if (mediaType === _type.MediaType.PHOTO && this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.PHOTO;
       }).length > this.maxImageCount) {
         _toast.default.fail("\u5DF2\u8FBE\u5230\u56FE\u7247\u6700\u5927\u6570\u91CF\u9650\u5236");
-
         return false;
       }
-
       if (mediaType === _type.MediaType.VIDEO && this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.VIDEO;
       }).length > this.maxVideoCount) {
         _toast.default.fail("\u5DF2\u8FBE\u5230\u89C6\u9891\u6700\u5927\u6570\u91CF\u9650\u5236");
-
         return false;
       }
-
       if (mediaType === _type.MediaType.AUDIO && this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.AUDIO;
       }).length > this.maxAudioCount) {
         _toast.default.fail("\u5DF2\u8FBE\u5230\u5F55\u97F3\u6700\u5927\u6570\u91CF\u9650\u5236");
-
         return false;
       }
-
       return true;
     },
-
     /**
      * 选择多媒体后进行数量检查
      */
     checkFileCountAfterAdd: function checkFileCountAfterAdd(files) {
       if (this.mediaList.length + files.length > this.maxMediaCount) {
         _toast.default.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.maxMediaCount + "\u4E2A\u6587\u4EF6");
-
         return false;
       }
-
       if (this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.PHOTO;
       }).length + files.filter(function (media) {
         return (0, _mediaUtil.isImageType)(media);
       }).length > this.maxImageCount) {
         _toast.default.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.maxImageCount + "\u5F20\u56FE\u7247");
-
         return false;
       }
-
       if (this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.VIDEO;
       }).length + files.filter(function (media) {
         return (0, _mediaUtil.isVideoType)(media);
       }).length > this.maxVideoCount) {
         _toast.default.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.maxVideoCount + "\u4E2A\u89C6\u9891");
-
         return false;
       }
-
       if (this.mediaList.filter(function (media) {
         return media.type === _type.MediaType.AUDIO;
       }).length + files.filter(function (media) {
         return (0, _mediaUtil.isAudioType)(media);
       }).length > this.maxAudioCount) {
         _toast.default.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.maxAudioCount + "\u4E2A\u5F55\u97F3");
-
         return false;
       }
-
       return true;
     },
     filterValidFiles: function filterValidFiles(files) {
       var validFiles = [];
-
       for (var i = 0; i < files.length; i++) {
         var file = files[i];
-
         if (file.size > this.maxFileSize * 1024) {
           _toast.default.fail("\u8BF7\u52FF\u6DFB\u52A0\u5927\u4E8E" + this.maxFileSize + "K\u7684\u6587\u4EF6");
-
           return validFiles;
         }
-
         if (this.checkFileExist(file)) {
           _toast.default.fail('请勿重复添加文件');
-
           return validFiles;
         }
-
         validFiles.push(file);
       }
-
       return validFiles;
     },
-
     /**
      * 转换图片文件，压缩、加水印，返回Media格式的图片
      * @param files 图片文件
@@ -542,16 +463,13 @@ var _default2 = createComponent({
      */
     transformImageFiles: function transformImageFiles(files) {
       var _this4 = this;
-
       var promisesTodo = [];
       var resizeOptions = new _media.ResizeOptions(this.maxImageSideLength);
       var compressOptions = new _media.CompressOptions(this.maxImageFileSize);
-
       var _loop = function _loop(i) {
         var file = files[i];
         var watermarkEnabled = _this4.watermarkOptions && _this4.watermarkOptions.watermarkConfigString && (0, _media.checkWatermarkConfigSupported)(_this4.watermarkOptions.watermarkConfigString);
         var watermarkOpt = void 0;
-
         if (watermarkEnabled) {
           watermarkOpt = new _media.WatermarkOptions({
             enabled: true,
@@ -570,12 +488,10 @@ var _default2 = createComponent({
             enabled: false
           });
         }
-
         var promise = new _media.ImageProcessor(file, resizeOptions, watermarkOpt, compressOptions).process().then(function (f) {
           if (!f) {
             return Promise.resolve();
           }
-
           return (0, _media.file2DataURL)(f).then(function (base64) {
             var uniqueFileName = (0, _mediaUtil.getUniqueFileName)(f, 'jpg');
             return Promise.resolve({
@@ -599,23 +515,19 @@ var _default2 = createComponent({
               originalName: file.name,
               // 原始名称
               originalSize: file.size // 原始大小
-
             });
           });
         });
         promisesTodo.push(promise);
       };
-
       for (var i = 0; i < files.length; i++) {
         _loop(i);
       }
-
       _toast.default.loading({
         message: '处理中...',
         forbidClick: true,
         duration: 0
       });
-
       return Promise.all(promisesTodo).then(function (medias) {
         return medias.filter(function (media) {
           return !!media;
@@ -624,7 +536,6 @@ var _default2 = createComponent({
         _toast.default.clear();
       });
     },
-
     /**
      * 转换非图片文件
      * @param {File} f 非图片文件
@@ -634,7 +545,6 @@ var _default2 = createComponent({
       console.warn("type", f.type);
       var suffix = '';
       var type = _type.MediaType.FILE;
-
       if ((0, _mediaUtil.isAudioType)(f)) {
         type = _type.MediaType.AUDIO;
         suffix = 'mp3';
@@ -654,7 +564,6 @@ var _default2 = createComponent({
       } else {
         type = _type.MediaType.FILE;
       }
-
       var uniqueFileName = (0, _mediaUtil.getUniqueFileName)(f, suffix);
       return {
         type: type,
@@ -670,7 +579,6 @@ var _default2 = createComponent({
         message: ''
       };
     },
-
     /**
      * 检查文件是否重复添加
      */
@@ -679,7 +587,6 @@ var _default2 = createComponent({
         return media.uniqueCode === (0, _mediaUtil.getFileUniqueCode)(file);
       });
     },
-
     /**
      * 点击预览
      */
@@ -687,7 +594,6 @@ var _default2 = createComponent({
       if (this.preview && this.preview(media, index)) {
         return;
       }
-
       if (media.type === _type.MediaType.PHOTO) {
         var imageIndex = this.imageList.indexOf(media);
         (0, _imagePreview.default)({
@@ -704,8 +610,8 @@ var _default2 = createComponent({
           (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.mediaUrlToPlay = media.url || (URL || webkitURL).createObjectURL(media.file);
+          // this.mediaUrlToPlay = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4'
           this.mediaPlayerVisible = true;
         }
       } else {
@@ -714,14 +620,11 @@ var _default2 = createComponent({
     },
     onDelete: function onDelete(media, index) {
       var _this5 = this;
-
       if (this.beforeDelete) {
         var response = this.beforeDelete(media);
-
         if (!response) {
           return;
         }
-
         if ((0, _utils.isPromise)(response)) {
           response.then(function () {
             _this5.deleteMedia(media, index);
@@ -729,7 +632,6 @@ var _default2 = createComponent({
           return;
         }
       }
-
       this.deleteMedia(media, index);
     },
     deleteMedia: function deleteMedia(media, index) {
@@ -740,7 +642,6 @@ var _default2 = createComponent({
     },
     hiddenInput: function hiddenInput() {
       var _this6 = this;
-
       var h = this.$createElement;
       return [h("input", {
         "attrs": {
@@ -842,9 +743,7 @@ var _default2 = createComponent({
     },
     renderIcon: function renderIcon(mediaType, mediaAddType) {
       var _this7 = this;
-
       var h = this.$createElement;
-
       if (mediaType === _type.MediaType.PHOTO) {
         if (mediaAddType === _type.MediaAddType.TAKE) {
           return h(_TakePhotoIcon.default, {
@@ -897,7 +796,6 @@ var _default2 = createComponent({
     renderButton: function renderButton(mediaType, mediaAddType) {
       var h = this.$createElement;
       var label = '';
-
       if (mediaType === _type.MediaType.PHOTO) {
         if (mediaAddType === _type.MediaAddType.TAKE) {
           label = '拍照';
@@ -911,7 +809,6 @@ var _default2 = createComponent({
       } else if (mediaType === _type.MediaType.FILE) {
         label = '文档';
       }
-
       return h("div", {
         "class": bem('box')
       }, [this.renderIcon(mediaType, mediaAddType), h("div", {
@@ -920,9 +817,7 @@ var _default2 = createComponent({
     },
     renderCertificates: function renderCertificates() {
       var _this8 = this;
-
       var h = this.$createElement;
-
       if (this.mediaList && this.mediaList.length) {
         var media = this.mediaList[0];
         var showDelete = media.deletable && media.status !== _type.MediaUploadStatus.UPLOADING;
@@ -931,9 +826,7 @@ var _default2 = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-
               _this8.onDelete(media, 0);
-
               _this8.mediaPick(_type.MediaType.PHOTO, _type.MediaAddType.PICK);
             }
           }
@@ -950,8 +843,8 @@ var _default2 = createComponent({
           },
           "on": {
             "click": function click(event) {
-              event.stopPropagation(); // 证件照模式只有一张图片
-
+              event.stopPropagation();
+              // 证件照模式只有一张图片
               _this8.previewMedia(media, 0);
             }
           }
@@ -979,50 +872,39 @@ var _default2 = createComponent({
     },
     renderButtons: function renderButtons() {
       var buttons = [];
-
       if (this.allowTakePhoto) {
         buttons.push(this.renderButton(_type.MediaType.PHOTO, _type.MediaAddType.TAKE));
       }
-
       if (this.allowPickPhoto) {
         buttons.push(this.renderButton(_type.MediaType.PHOTO, _type.MediaAddType.PICK));
       }
-
       if (this.allowTakeVideo || this.allowPickVideo) {
         var addType = _type.MediaAddType.TAKE_AND_PICK;
-
         if (!this.allowTakeVideo) {
           addType = _type.MediaAddType.PICK;
         } else if (!this.allowPickVideo) {
           addType = _type.MediaAddType.TAKE;
         }
-
         buttons.push(this.renderButton(_type.MediaType.VIDEO, addType));
       }
-
       if (this.allowTakeAudio || this.allowPickAudio) {
         var _addType = _type.MediaAddType.TAKE_AND_PICK;
-
         if (!this.allowTakeAudio) {
           _addType = _type.MediaAddType.PICK;
         } else if (!this.allowPickAudio) {
           _addType = _type.MediaAddType.TAKE;
         }
-
         buttons.push(this.renderButton(_type.MediaType.AUDIO, _addType));
       }
-
       if (this.allowPickFile) {
         buttons.push(this.renderButton(_type.MediaType.FILE, _type.MediaAddType.PICK));
       }
-
       return buttons;
     },
     genThumbnailMask: function genThumbnailMask(media) {
       var h = this.$createElement;
       var status = media.status,
-          message = media.message;
-
+        message = media.message;
       if (status === _type.MediaUploadStatus.UPLOADING || status === _type.MediaUploadStatus.FAILED) {
         var MaskIcon = status === _type.MediaUploadStatus.FAILED ? h(_icon.default, {
           "attrs": {
@@ -1042,7 +924,6 @@ var _default2 = createComponent({
     },
     renderMediaBox: function renderMediaBox(media) {
       var h = this.$createElement;
-
       if (!this.showFileName) {
         return this.renderMediaThumbnail(media);
       } else {
@@ -1053,13 +934,11 @@ var _default2 = createComponent({
         }, [media.name || media.fileName])]);
       }
     },
-
     /**
      * 多媒体对应展示的缩略图
      */
     renderMediaThumbnail: function renderMediaThumbnail(media) {
       var h = this.$createElement;
-
       if (media.showSrc) {
         return h(_image.default, {
           "attrs": {
@@ -1104,7 +983,6 @@ var _default2 = createComponent({
     },
     renderMediaList: function renderMediaList() {
       var _this9 = this;
-
       var h = this.$createElement;
       return this.mediaList.map(function (media, index) {
         var showDelete = media.deletable && media.status !== _type.MediaUploadStatus.UPLOADING;
@@ -1113,7 +991,6 @@ var _default2 = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-
               _this9.onDelete(media, index);
             }
           }
@@ -1123,7 +1000,6 @@ var _default2 = createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-
               _this9.previewMedia(media, index);
             }
           }
@@ -1137,7 +1013,6 @@ var _default2 = createComponent({
   },
   render: function render() {
     var _this10 = this;
-
     var h = arguments[0];
     var title = this.showTitle && h("div", {
       "class": bem('title')
@@ -1193,5 +1068,4 @@ var _default2 = createComponent({
     }, [this.renderMediaList()])]);
   }
 });
-
 exports.default = _default2;