zartui 0.1.72 → 0.1.73

package/es/index.js

@@ -74,7 +74,7 @@ import Tabs from './tabs';
 import Tag from './tag';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '0.1.72';
+var version = '0.1.73';
 
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Toast, Uploader];

package/es/media-picker/image/TakePhotoIcon.js

@@ -1,7 +1,6 @@
 export default {
   methods: {
     onClick: function onClick(event) {
-      console.log('onclick 1');
       this.$emit('click', event);
     }
   },

package/es/media-picker/index.css

@@ -1 +1 @@
-.zt-media-picker{background-color:#fff}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:#000;padding:0 16px}.zt-media-picker__title::before{position:absolute;width:4px;height:16px;background:#0091fa;left:0;top:14px;content:' '}.zt-media-picker__title::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-media-picker__line{width:100%;height:92px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line::after{content:' ';min-width:16px;height:10px}.zt-media-picker__box{width:48px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{width:48px;height:48px}.zt-media-picker__label{margin-top:4px;font-size:12px;opacity:.8;color:#000;letter-spacing:0;text-align:center;line-height:16px}.zt-media-picker__grid{padding:0 16px 8px 16px!important}.zt-media-picker__delete{width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}
+.zt-media-picker{background-color:#fff}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:#000;padding:0 16px}.zt-media-picker__title::before{position:absolute;width:4px;height:16px;background:#0091fa;left:0;top:14px;content:' '}.zt-media-picker__title::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-media-picker__line{width:100%;height:92px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line::after{content:' ';min-width:16px;height:10px}.zt-media-picker__box{width:48px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{width:48px;height:48px}.zt-media-picker__label{margin-top:4px;font-size:12px;opacity:.8;color:#000;letter-spacing:0;text-align:center;line-height:16px}.zt-media-picker__grid{padding:0 16px 8px 16px!important}.zt-media-picker__delete{width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:rgba(50,50,51,.88);border-radius:4px}.zt-media-picker__mask-icon{font-size:22px}.zt-media-picker__mask-message{margin-top:6px;padding:0 4px;font-size:12px;line-height:14px}.zt-media-picker__loading{width:22px;height:22px;color:#fff}

package/es/media-picker/index.js

@@ -1,9 +1,8 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
-import { createNamespace } from '../utils'; // Types
+import { createNamespace, isDef, isPromise, noop } from '../utils'; // Types
 
-import { MediaAddType, MediaType, Media } from "./type";
-import { CompressOptions, file2DataURL, ImageProcessor, ResizeOptions, WatermarkOptions } from "@egova/media"; // 单个文件最大限制，单位为M（目前限制是100M）
+import { MediaAddType, MediaType, Media, MediaUploadStatus } from "./type";
+import { checkWatermarkConfigSupported, CompressOptions, file2DataURL, ImageProcessor, ResizeOptions, WatermarkOptions } from "@egova/media"; // 单个文件最大限制，单位为M（目前限制是100M）
 
 var FILE_SIZE_LIMIT = 100;
 
@@ -25,6 +24,8 @@ import DefaultVideoIcon from "./image/DefaultVideoIcon";
 import DefaultAudioIcon from "./image/DefaultAudioIcon";
 import DefaultFileIcon from "./image/DefaultFileIcon";
 import { getFileUniqueCode, getUniqueFileName, isAudioType, isImageType, isVideoType } from "./media-util";
+import Icon from "../icon";
+import Loading from "../loading";
 export default createComponent({
   props: {
     disabled: Boolean,
@@ -41,22 +42,28 @@ export default createComponent({
     // 图片压缩后的最大边长
     maxImageSideLength: {
       type: Number,
-      default: 640
+      default: 1920
     },
     // 单个图片文件大小限制（本单位为KB，默认最大1M）
     maxImageFileSize: {
       type: Number,
       default: 1024
     },
-    watermarkConfigString: {
-      type: String,
-      default: ''
-    },
-    // address,watermarkTime,humanName,projectName
-    watermarkContext: {
+
+    /**
+     * {
+     *  maxImageSideLength,
+     *  address,
+     *  humanName,
+     *  projectName,
+     *  watermarkConfigString
+     * (http://faq.egova.com.cn:7777/redmine/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE)
+     * }
+     */
+    watermarkOptions: {
       type: Object,
       default: function _default() {
-        return {};
+        return null;
       }
     },
     //多媒体类型、数量、大小配置
@@ -70,7 +77,12 @@ export default createComponent({
           allowPickVideo: true,
           allowTakeAudio: true,
           allowPickAudio: true,
-          allowPickFile: true
+          allowPickFile: true,
+          maxMediaCount: Number.MAX_VALUE,
+          maxImageCount: Number.MAX_VALUE,
+          maxAudioCount: Number.MAX_VALUE,
+          maxVideoCount: Number.MAX_VALUE,
+          maxFileCount: Number.MAX_VALUE
         };
       }
     },
@@ -79,7 +91,13 @@ export default createComponent({
     preview: Function,
     // 点击按钮事件（返回true时不再执行默认行为）
     // 参数：mediaType,mediaAddType
-    mediaPickAction: Function
+    mediaPickAction: Function,
+    // 文件读取完成后的回调函数，获取到对应的 media 对象
+    afterRead: Function,
+    // 文件读取前的回调函数，返回 false 可终止文件读取，支持返回 Promise
+    beforeRead: Function,
+    // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
+    beforeDelete: Function
   },
   model: {
     prop: 'mediaList'
@@ -136,6 +154,10 @@ export default createComponent({
         return;
       }
 
+      if (!this.checkFileCountBeforeAdd(mediaType)) {
+        return;
+      }
+
       if (this.mediaPickAction && this.mediaPickAction(mediaType, mediaAddType)) {
         return;
       }
@@ -235,18 +257,46 @@ export default createComponent({
 
       if (files.length === 0) {
         return;
-      } // 处理非图片
+      }
+
+      if (!this.checkFileCountAfterAdd(files)) {
+        return;
+      }
+
+      if (this.beforeRead) {
+        var response = this.beforeRead(files);
+
+        if (!response) {
+          return;
+        }
 
+        if (isPromise(response)) {
+          response.then(function (data) {
+            if (data) {
+              _this2.readFiles(data);
+            } else {
+              _this2.readFiles(files);
+            }
+          });
+          return;
+        }
+      }
+
+      this.readFiles(files);
+    },
+    readFiles: function readFiles(files) {
+      var _this3 = this;
 
+      // 处理非图片
       var notImages = files.filter(function (f) {
         return !isImageType(f);
       }).map(function (f) {
-        return _this2.transformNotImageFile(f);
+        return _this3.transformNotImageFile(f);
       });
-      var result = this.mediaList.slice(0);
+      var newMedias = [];
 
       if (notImages.length > 0) {
-        result = result.concat(notImages);
+        newMedias = newMedias.concat(notImages);
       } // 处理图片并合并
 
 
@@ -263,12 +313,88 @@ export default createComponent({
 
       promise.then(function (medias) {
         if (medias && medias.length > 0) {
-          result = result.concat(medias);
+          newMedias = newMedias.concat(medias);
         }
       }).finally(function () {
-        _this2.$emit('input', result);
+        _this3.$emit('input', [].concat(_this3.mediaList, newMedias));
+
+        if (_this3.afterRead) {
+          _this3.afterRead(newMedias);
+        }
       });
     },
+
+    /**
+     * 选择多媒体前进行数量检查
+     */
+    checkFileCountBeforeAdd: function checkFileCountBeforeAdd(mediaType) {
+      if (this.mediaList.length === this.mediaLimitConfig.maxMediaCount) {
+        Toast.fail("\u5DF2\u8FBE\u5230\u6587\u4EF6\u6700\u5927\u6570\u91CF\u9650\u5236");
+        return false;
+      }
+
+      if (mediaType === MediaType.PHOTO && this.mediaList.filter(function (media) {
+        return media.type === MediaType.PHOTO;
+      }).length > this.mediaLimitConfig.maxImageCount) {
+        Toast.fail("\u5DF2\u8FBE\u5230\u56FE\u7247\u6700\u5927\u6570\u91CF\u9650\u5236");
+        return false;
+      }
+
+      if (mediaType === MediaType.VIDEO && this.mediaList.filter(function (media) {
+        return media.type === MediaType.VIDEO;
+      }).length > this.mediaLimitConfig.maxVideoCount) {
+        Toast.fail("\u5DF2\u8FBE\u5230\u89C6\u9891\u6700\u5927\u6570\u91CF\u9650\u5236");
+        return false;
+      }
+
+      if (mediaType === MediaType.AUDIO && this.mediaList.filter(function (media) {
+        return media.type === MediaType.AUDIO;
+      }).length > this.mediaLimitConfig.maxAudioCount) {
+        Toast.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.mediaLimitConfig.maxMediaCount) {
+        Toast.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.mediaLimitConfig.maxMediaCount + "\u4E2A\u6587\u4EF6");
+        return false;
+      }
+
+      if (this.mediaList.filter(function (media) {
+        return media.type === MediaType.PHOTO;
+      }).length + files.filter(function (media) {
+        return isImageType(media);
+      }).length > this.mediaLimitConfig.maxImageCount) {
+        Toast.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.mediaLimitConfig.maxImageCount + "\u5F20\u56FE\u7247");
+        return false;
+      }
+
+      if (this.mediaList.filter(function (media) {
+        return media.type === MediaType.VIDEO;
+      }).length + files.filter(function (media) {
+        return isVideoType(media);
+      }).length > this.mediaLimitConfig.maxVideoCount) {
+        Toast.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.mediaLimitConfig.maxVideoCount + "\u4E2A\u89C6\u9891");
+        return false;
+      }
+
+      if (this.mediaList.filter(function (media) {
+        return media.type === MediaType.AUDIO;
+      }).length + files.filter(function (media) {
+        return isAudioType(media);
+      }).length > this.mediaLimitConfig.maxAudioCount) {
+        Toast.fail("\u6700\u591A\u53EA\u80FD\u4E0A\u4F20" + this.mediaLimitConfig.maxAudioCount + "\u4E2A\u5F55\u97F3");
+        return false;
+      }
+
+      return true;
+    },
     filterValidFiles: function filterValidFiles(files) {
       var validFiles = [];
 
@@ -297,7 +423,7 @@ export default createComponent({
      * @return {Promise<[Media]>}
      */
     transformImageFiles: function transformImageFiles(files) {
-      var _this3 = this;
+      var _this4 = this;
 
       var promisesTodo = [];
       var resizeOptions = new ResizeOptions(this.maxImageSideLength);
@@ -305,14 +431,27 @@ export default createComponent({
 
       var _loop = function _loop(i) {
         var file = files[i];
-        var watermarkOptions = new WatermarkOptions({
-          enabled: !!_this3.watermarkConfigString,
-          watermarkConfigString: _this3.watermarkConfigString,
-          context: _extends({}, _this3.watermarkContext, {
-            watermarkTime: new Date()
-          })
-        });
-        var promise = new ImageProcessor(file, resizeOptions, watermarkOptions, compressOptions).process().then(function (f) {
+        var watermarkEnabled = _this4.watermarkOptions && _this4.watermarkOptions.watermarkConfigString && checkWatermarkConfigSupported(_this4.watermarkOptions.watermarkConfigString);
+        var watermarkOpt = void 0;
+
+        if (watermarkEnabled) {
+          watermarkOpt = new WatermarkOptions({
+            enabled: true,
+            watermarkConfigString: watermarkEnabled ? _this4.watermarkOptions.watermarkConfigString : '',
+            context: {
+              address: _this4.watermarkOptions.address || "",
+              humanName: _this4.watermarkOptions.humanName || "",
+              projectName: _this4.watermarkOptions.projectName || "",
+              watermarkTime: new Date()
+            }
+          });
+        } else {
+          watermarkOpt = new WatermarkOptions({
+            enabled: false
+          });
+        }
+
+        var promise = new ImageProcessor(file, resizeOptions, watermarkOpt, compressOptions).process().then(function (f) {
           if (!f) {
             return Promise.resolve();
           }
@@ -329,7 +468,8 @@ export default createComponent({
               //需要以原始file的信息作为唯一标识
               uniqueCode: getFileUniqueCode(file),
               lastModified: f.lastModified,
-              fileSize: f.size
+              fileSize: f.size,
+              deletable: true
             });
           });
         });
@@ -382,7 +522,8 @@ export default createComponent({
         }),
         uniqueCode: getFileUniqueCode(f),
         lastModified: f.lastModified,
-        fileSize: f.size
+        fileSize: f.size,
+        deletable: true
       };
     },
 
@@ -421,6 +562,26 @@ export default createComponent({
       } else if (media.type === MediaType.FILE) {//ignore
       }
     },
+    onDelete: function onDelete(media, index) {
+      var _this5 = this;
+
+      if (this.beforeDelete) {
+        var response = this.beforeDelete(media);
+
+        if (!response) {
+          return;
+        }
+
+        if (isPromise(response)) {
+          response.then(function () {
+            _this5.deleteMedia(media, index);
+          });
+          return;
+        }
+      }
+
+      this.deleteMedia(media, index);
+    },
     deleteMedia: function deleteMedia(media, index) {
       var list = this.mediaList.slice(0);
       list.splice(index, 1);
@@ -428,7 +589,7 @@ export default createComponent({
       this.$emit('delete', media, index);
     },
     hiddenInput: function hiddenInput() {
-      var _this4 = this;
+      var _this6 = this;
 
       var h = this.$createElement;
       return [h("input", {
@@ -442,7 +603,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
+            return _this6.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -456,7 +617,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.PHOTO, MediaAddType.PICK);
+            return _this6.resetInput(MediaType.PHOTO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -470,7 +631,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
+            return _this6.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -483,7 +644,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.VIDEO, MediaAddType.PICK);
+            return _this6.resetInput(MediaType.VIDEO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -497,7 +658,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
+            return _this6.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -510,7 +671,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.AUDIO, MediaAddType.PICK);
+            return _this6.resetInput(MediaType.AUDIO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -522,14 +683,14 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this4.resetInput(MediaType.FILE, MediaAddType.PICK);
+            return _this6.resetInput(MediaType.FILE, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
       })];
     },
     renderIcon: function renderIcon(mediaType, mediaAddType) {
-      var _this5 = this;
+      var _this7 = this;
 
       var h = this.$createElement;
 
@@ -539,7 +700,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this5.mediaPick(mediaType, mediaAddType);
+                return _this7.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -548,7 +709,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this5.mediaPick(mediaType, mediaAddType);
+                return _this7.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -558,7 +719,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this5.mediaPick(mediaType, mediaAddType);
+              return _this7.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -567,7 +728,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this5.mediaPick(mediaType, mediaAddType);
+              return _this7.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -576,7 +737,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this5.mediaPick(mediaType, mediaAddType);
+              return _this7.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -648,6 +809,28 @@ export default createComponent({
 
       return buttons;
     },
+    genThumbnailMask: function genThumbnailMask(media) {
+      var h = this.$createElement;
+      var status = media.status,
+          message = media.message;
+
+      if (status === MediaUploadStatus.UPLOADING || status === MediaUploadStatus.FAILED) {
+        var MaskIcon = status === MediaUploadStatus.FAILED ? h(Icon, {
+          "attrs": {
+            "name": "close"
+          },
+          "class": bem('mask-icon')
+        }) : h(Loading, {
+          "class": bem('loading')
+        });
+        var showMessage = isDef(message) && message !== '';
+        return h("div", {
+          "class": bem('mask')
+        }, [MaskIcon, showMessage && h("div", {
+          "class": bem('mask-message')
+        }, [message])]);
+      }
+    },
 
     /**
      * 多媒体对应展示的缩略图
@@ -678,25 +861,29 @@ export default createComponent({
       }
     },
     renderMediaList: function renderMediaList() {
-      var _this6 = this;
+      var _this8 = this;
 
       var h = this.$createElement;
       return this.mediaList.map(function (media, index) {
-        return h("zt-grid-item", {
-          "key": media.uniqueCode,
+        var showDelete = media.deletable && media.status !== MediaUploadStatus.UPLOADING;
+        var deleteIcon = showDelete && h(DeleteIcon, {
+          "class": bem('delete'),
           "on": {
-            "click": function click() {
-              return _this6.previewMedia(media, index);
+            "click": function click(event) {
+              event.stopPropagation();
+
+              _this8.onDelete(media, index);
             }
           }
-        }, [_this6.renderMediaThumbnail(media), h(DeleteIcon, {
-          "class": bem('delete'),
+        });
+        return h("zt-grid-item", {
+          "key": media.uniqueCode,
           "on": {
             "click": function click() {
-              return _this6.deleteMedia(media, index);
+              return _this8.previewMedia(media, index);
             }
           }
-        })]);
+        }, [_this8.renderMediaThumbnail(media), _this8.genThumbnailMask(media), deleteIcon]);
       });
     },
     selectVideoAction: function selectVideoAction(videoAction) {
@@ -704,7 +891,7 @@ export default createComponent({
     }
   },
   render: function render() {
-    var _this7 = this;
+    var _this9 = this;
 
     var h = arguments[0];
     return h("div", {
@@ -717,9 +904,9 @@ export default createComponent({
         "mediaUrl": this.mediaUrlToPlay
       },
       "model": {
-        value: _this7.mediaPlayerVisible,
+        value: _this9.mediaPlayerVisible,
         callback: function callback($$v) {
-          _this7.mediaPlayerVisible = $$v;
+          _this9.mediaPlayerVisible = $$v;
         }
       }
     }), h("zt-action-sheet", {
@@ -733,9 +920,9 @@ export default createComponent({
         "select": this.selectVideoAction
       },
       "model": {
-        value: _this7.actionVisible,
+        value: _this9.actionVisible,
         callback: function callback($$v) {
-          _this7.actionVisible = $$v;
+          _this9.actionVisible = $$v;
         }
       }
     }), h("div", {

package/es/media-picker/index.less

@@ -112,4 +112,37 @@
     width: 100%;
     height: 100%;
   }
+  
+  &__mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: @white;
+    background-color: @uploader-mask-background-color;
+    border-radius: 4px;
+
+    &-icon {
+      font-size: @uploader-mask-icon-size;
+    }
+
+    &-message {
+      margin-top: 6px;
+      padding: 0 @padding-base;
+      font-size: @uploader-mask-message-font-size;
+      line-height: @uploader-mask-message-line-height;
+    }
+  }
+  
+  &__loading {
+    width: @uploader-loading-icon-size;
+    height: @uploader-loading-icon-size;
+    color: @uploader-loading-icon-color;
+  }
+  
 }

package/es/media-picker/type.js

@@ -1,3 +1,11 @@
+export var MediaUploadStatus;
+
+(function (MediaUploadStatus) {
+  MediaUploadStatus["UPLOADING"] = "uploading";
+  MediaUploadStatus["DONE"] = "done";
+  MediaUploadStatus["FAILED"] = "failed";
+})(MediaUploadStatus || (MediaUploadStatus = {}));
+
 export var MediaType;
 
 (function (MediaType) {

package/es/utils/router.js

@@ -2,8 +2,7 @@
  * Vue Router support
  */
 function isRedundantNavigation(err) {
-  return err.name === 'NavigationDuplicated' || // compatible with vue-router@3.3
-  err.message && err.message.indexOf('redundant navigation') !== -1;
+  return err.name === 'NavigationDuplicated' || err.message && err.message.indexOf('redundant navigation') !== -1;
 }
 
 export function route(router, config) {

package/es/utils/vnodes.js

@@ -5,13 +5,13 @@ function flattenVNodes(vnodes) {
     vnodes.forEach(function (vnode) {
       result.push(vnode);
 
-      if (vnode.componentInstance) {
+      if (vnode && vnode.componentInstance) {
         traverse(vnode.componentInstance.$children.map(function (item) {
           return item.$vnode;
         }));
       }
 
-      if (vnode.children) {
+      if (vnode && vnode.children) {
         traverse(vnode.children);
       }
     });

package/lib/calendar/utils.js

@@ -1,18 +1,16 @@
 "use strict";
 
 exports.__esModule = true;
-exports.bem = void 0;
-exports.calcDateNum = calcDateNum;
-exports.compareDay = compareDay;
-exports.compareMonth = compareMonth;
-exports.copyDate = copyDate;
-exports.copyDates = copyDates;
-exports.createComponent = void 0;
 exports.formatMonthTitle = formatMonthTitle;
+exports.compareMonth = compareMonth;
+exports.compareDay = compareDay;
 exports.getDayByOffset = getDayByOffset;
-exports.getNextDay = getNextDay;
 exports.getPrevDay = getPrevDay;
-exports.t = void 0;
+exports.getNextDay = getNextDay;
+exports.calcDateNum = calcDateNum;
+exports.copyDate = copyDate;
+exports.copyDates = copyDates;
+exports.t = exports.bem = exports.createComponent = void 0;
 
 var _utils = require("../utils");