zartui 2.1.21 → 2.1.22

package/es/index.js

@@ -76,7 +76,7 @@ import TextEllipsis from './text-ellipsis';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.1.21';
+var version = '2.1.22';
 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, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, SpeechRecognizer, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, TextEllipsis, Timeline, Toast, Uploader];
   components.forEach(function (item) {

package/es/media-picker/index.js

@@ -695,62 +695,87 @@ export default createComponent({
      * 点击预览
      */
     previewMedia: function previewMedia(media, index) {
-      if (this.preview && this.preview(media, index)) {
-        return;
-      }
-      if (media.type === MediaType.PHOTO) {
-        var imageIndex = this.imageList.indexOf(media);
-        ImagePreview({
-          images: this.imageList.map(function (image) {
-            return {
-              url: image.showSrc
-            };
-          }),
-          startPosition: imageIndex,
-          closeable: true
-        });
-      } else if (media.type === MediaType.AUDIO || media.type === MediaType.VIDEO) {
-        if (!media.file && !media.url) {
-          Toast('文件参数缺失');
-        } 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 {
-        Toast('暂不支持此类文件的预览');
-      }
-    },
-    onDelete: function onDelete(media, index) {
       var _this7 = this;
       return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var response;
+        var imageIndex;
         return _regeneratorRuntime.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 === MediaType.PHOTO) {
+                imageIndex = _this7.imageList.indexOf(media);
+                ImagePreview({
+                  images: _this7.imageList.map(function (image) {
+                    return {
+                      url: image.showSrc
+                    };
+                  }),
+                  startPosition: imageIndex,
+                  closeable: true
+                });
+              } else if (media.type === MediaType.AUDIO || media.type === MediaType.VIDEO) {
+                if (!media.file && !media.url) {
+                  Toast('文件参数缺失');
+                } 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 {
+                Toast('暂不支持此类文件的预览');
+              }
+            case 8:
             case "end":
               return _context2.stop();
           }
         }, _callee2);
       }))();
     },
+    onDelete: function onDelete(media, index) {
+      var _this8 = this;
+      return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        var response;
+        return _regeneratorRuntime.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);
@@ -758,7 +783,7 @@ export default createComponent({
       this.$emit('delete', media, index);
     },
     hiddenInput: function hiddenInput() {
-      var _this8 = this;
+      var _this9 = this;
       var h = this.$createElement;
       return [h("input", {
         "attrs": {
@@ -771,7 +796,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
+            return _this9.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -785,7 +810,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.PHOTO, MediaAddType.PICK);
+            return _this9.resetInput(MediaType.PHOTO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -799,7 +824,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
+            return _this9.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -812,7 +837,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.VIDEO, MediaAddType.PICK);
+            return _this9.resetInput(MediaType.VIDEO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -826,7 +851,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
+            return _this9.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -839,7 +864,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.AUDIO, MediaAddType.PICK);
+            return _this9.resetInput(MediaType.AUDIO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -852,14 +877,14 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this8.resetInput(MediaType.FILE, MediaAddType.PICK);
+            return _this9.resetInput(MediaType.FILE, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
       })];
     },
     renderIcon: function renderIcon(mediaType, mediaAddType) {
-      var _this9 = this;
+      var _this10 = this;
       var h = this.$createElement;
       if (mediaType === MediaType.PHOTO) {
         if (mediaAddType === MediaAddType.TAKE) {
@@ -867,7 +892,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this9.mediaPick(mediaType, mediaAddType);
+                return _this10.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -876,7 +901,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this9.mediaPick(mediaType, mediaAddType);
+                return _this10.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -886,7 +911,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -895,7 +920,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -904,7 +929,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this9.mediaPick(mediaType, mediaAddType);
+              return _this10.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -945,7 +970,7 @@ export 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];
@@ -955,8 +980,8 @@ export default createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-              _this10.onDelete(media, 0);
-              _this10.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
+              _this11.onDelete(media, 0);
+              _this11.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
             }
           }
         }, [h(ReUploadIcon, {
@@ -974,7 +999,7 @@ export default createComponent({
             "click": function click(event) {
               event.stopPropagation();
               // 证件照模式只有一张图片
-              _this10.previewMedia(media, 0);
+              _this11.previewMedia(media, 0);
             }
           }
         }, [reUpload]);
@@ -1066,6 +1091,11 @@ export 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(ZtImage, {
           "attrs": {
@@ -1109,7 +1139,7 @@ export 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 !== MediaUploadStatus.UPLOADING;
@@ -1118,7 +1148,7 @@ export default createComponent({
           "on": {
             "click": function click(event) {
               event.stopPropagation();
-              _this11.onDelete(media, index);
+              _this12.onDelete(media, index);
             }
           }
         });
@@ -1127,10 +1157,10 @@ export 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) {
@@ -1139,7 +1169,7 @@ export default createComponent({
     }
   },
   render: function render() {
-    var _this12 = this;
+    var _this13 = this;
     var h = arguments[0];
     var title = this.showTitle && h("div", {
       "class": bem('title')
@@ -1152,9 +1182,9 @@ export 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(ZtActionSheet, {
@@ -1168,9 +1198,9 @@ export 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", {

package/lib/index.js

@@ -161,7 +161,7 @@ var _toast = _interopRequireDefault(require("./toast"));
 exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 exports.Uploader = _uploader.default;
-var version = exports.version = '2.1.21';
+var version = exports.version = '2.1.22';
 function install(Vue) {
   var components = [_actionSheet.default, _area.default, _avatar.default, _backTop.default, _badge.default, _button.default, _calendar.default, _cascader.default, _cell.default, _cellGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _collapse.default, _collapseItem.default, _countDown.default, _datetimePicker.default, _dialog.default, _divider.default, _dropdownItem.default, _dropdownMenu.default, _empty.default, _field.default, _foldDialog.default, _form.default, _grid.default, _gridItem.default, _hierarchySelect.default, _icon.default, _image.default, _imagePreview.default, _indexAnchor.default, _indexBar.default, _info.default, _lazyload.default, _list.default, _loading.default, _locale.default, _mediaPicker.default, _mediaPlayer.default, _multiplePicker.default, _navBar.default, _noticeBar.default, _numberKeyboard.default, _overlay.default, _passwordInput.default, _picker.default, _popover.default, _popup.default, _pullRefresh.default, _radio.default, _radioGroup.default, _rate.default, _row.default, _search.default, _signature.default, _skeleton.default, _slider.default, _speechRecognizer.default, _step.default, _stepper.default, _steps.default, _sticky.default, _swipe.default, _swipeCell.default, _swipeItem.default, _switch.default, _switchCell.default, _tab.default, _tabbar.default, _tabbarItem.default, _table.default, _tabs.default, _tag.default, _textEllipsis.default, _timeline.default, _toast.default, _uploader.default];
   components.forEach(function (item) {