zartui 2.0.82 → 2.0.84

package/es/index.js

@@ -75,7 +75,7 @@ import TextEllipsis from './text-ellipsis';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.82';
+var version = '2.0.84';
 
 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, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, TextEllipsis, Timeline, Toast, Uploader];

package/es/media-picker/index.js

@@ -30,7 +30,9 @@ import DefaultPdfIcon from "./image/DefaultPdfIcon";
 import DefaultPptIcon from "./image/DefaultPptIcon";
 import DefaultTextIcon from "./image/DefaultTextIcon";
 import { FRAME_CONTAINER, CERTIFICATE_BACKGROUND, CERTIFICATE_BUTTON } from './image/Img64';
-import { getFileUniqueCode, getUniqueFileName, isAudioType, isImageType, isVideoType, isPdfType, isDocType, isTextType, isPptType, isExcelType } from "./media-util"; // 单个文件最大限制，单位为M（目前限制是100M）
+import { getFileUniqueCode, getUniqueFileName, isAudioType, isImageType, isVideoType, isPdfType, isDocType, isTextType, isPptType, isExcelType } from "./media-util";
+import { isWeixin } from '../utils/device';
+import { wxUploadImage } from './wx-util'; // 单个文件最大限制，单位为M（目前限制是100M）
 
 var FILE_SIZE_LIMIT = 100;
 
@@ -161,6 +163,10 @@ export default createComponent({
     reUploadText: {
       type: String,
       default: '重新拍摄'
+    },
+    useWx: {
+      type: Boolean,
+      default: false
     }
   },
   model: {
@@ -214,6 +220,8 @@ export default createComponent({
   },
   methods: {
     mediaPick: function mediaPick(mediaType, mediaAddType) {
+      var _this2 = this;
+
       if (this.disabled) {
         return;
       }
@@ -236,10 +244,17 @@ export default createComponent({
           fileInput = _this$$refs.fileInput;
 
       if (mediaType === MediaType.PHOTO) {
-        if (mediaAddType === MediaAddType.TAKE) {
-          this.triggerHiddenInput(cameraInput);
-        } else if (mediaAddType === MediaAddType.PICK) {
-          this.triggerHiddenInput(imageInput);
+        if (this.useWx && isWeixin()) {
+          var type = mediaAddType === MediaAddType.TAKE ? 'camera' : 'album';
+          wxUploadImage(type).then(function (newMedias) {
+            _this2.$emit('input', [].concat(_this2.mediaList, newMedias));
+          });
+        } else {
+          if (mediaAddType === MediaAddType.TAKE) {
+            this.triggerHiddenInput(cameraInput);
+          } else if (mediaAddType === MediaAddType.PICK) {
+            this.triggerHiddenInput(imageInput);
+          }
         }
       } else if (mediaType === MediaType.VIDEO) {
         if (mediaAddType === MediaAddType.TAKE) {
@@ -309,7 +324,7 @@ export default createComponent({
       }
     },
     handleInputFiles: function handleInputFiles(event) {
-      var _this2 = this;
+      var _this3 = this;
 
       var files = event.target.files;
 
@@ -341,9 +356,9 @@ export default createComponent({
         if (isPromise(response)) {
           response.then(function (data) {
             if (data) {
-              _this2.readFiles(data);
+              _this3.readFiles(data);
             } else {
-              _this2.readFiles(files);
+              _this3.readFiles(files);
             }
           });
           return;
@@ -353,13 +368,13 @@ export default createComponent({
       this.readFiles(files);
     },
     readFiles: function readFiles(files) {
-      var _this3 = this;
+      var _this4 = this;
 
       // 处理非图片
       var notImages = files.filter(function (f) {
         return !isImageType(f);
       }).map(function (f) {
-        return _this3.transformNotImageFile(f);
+        return _this4.transformNotImageFile(f);
       });
       var newMedias = [];
 
@@ -384,14 +399,14 @@ export default createComponent({
           newMedias = newMedias.concat(medias);
         }
       }).finally(function () {
-        if (_this3.pickerMode === "certificate") {
-          _this3.$emit('input', [].concat(newMedias));
+        if (_this4.pickerMode === "certificate") {
+          _this4.$emit('input', [].concat(newMedias));
         } else {
-          _this3.$emit('input', [].concat(_this3.mediaList, newMedias));
+          _this4.$emit('input', [].concat(_this4.mediaList, newMedias));
         }
 
-        if (_this3.afterRead) {
-          _this3.afterRead(newMedias);
+        if (_this4.afterRead) {
+          _this4.afterRead(newMedias);
         }
       });
     },
@@ -495,7 +510,7 @@ export default createComponent({
      * @return {Promise<[Media]>}
      */
     transformImageFiles: function transformImageFiles(files) {
-      var _this4 = this;
+      var _this5 = this;
 
       var promisesTodo = [];
       var resizeOptions = new ResizeOptions(this.maxImageSideLength);
@@ -503,19 +518,19 @@ export default createComponent({
 
       var _loop = function _loop(i) {
         var file = files[i];
-        var watermarkEnabled = _this4.watermarkOptions && _this4.watermarkOptions.watermarkConfigString && checkWatermarkConfigSupported(_this4.watermarkOptions.watermarkConfigString);
+        var watermarkEnabled = _this5.watermarkOptions && _this5.watermarkOptions.watermarkConfigString && checkWatermarkConfigSupported(_this5.watermarkOptions.watermarkConfigString);
         var watermarkOpt = void 0;
 
         if (watermarkEnabled) {
           watermarkOpt = new WatermarkOptions({
             enabled: true,
-            watermarkConfigString: watermarkEnabled ? _this4.watermarkOptions.watermarkConfigString : '',
+            watermarkConfigString: watermarkEnabled ? _this5.watermarkOptions.watermarkConfigString : '',
             context: {
-              address: _this4.watermarkOptions.address || "",
-              humanName: _this4.watermarkOptions.humanName || _this4.watermarkOptions.humanname || "",
-              projectName: _this4.watermarkOptions.projectName || "",
-              logo: _this4.watermarkOptions.logo || "",
-              applicationName: _this4.watermarkOptions.applicationName || "",
+              address: _this5.watermarkOptions.address || "",
+              humanName: _this5.watermarkOptions.humanName || _this5.watermarkOptions.humanname || "",
+              projectName: _this5.watermarkOptions.projectName || "",
+              logo: _this5.watermarkOptions.logo || "",
+              applicationName: _this5.watermarkOptions.applicationName || "",
               watermarkTime: new Date()
             }
           });
@@ -666,7 +681,7 @@ export default createComponent({
       }
     },
     onDelete: function onDelete(media, index) {
-      var _this5 = this;
+      var _this6 = this;
 
       if (this.beforeDelete) {
         var response = this.beforeDelete(media);
@@ -677,7 +692,7 @@ export default createComponent({
 
         if (isPromise(response)) {
           response.then(function () {
-            _this5.deleteMedia(media, index);
+            _this6.deleteMedia(media, index);
           });
           return;
         }
@@ -692,7 +707,7 @@ export default createComponent({
       this.$emit('delete', media, index);
     },
     hiddenInput: function hiddenInput() {
-      var _this6 = this;
+      var _this7 = this;
 
       var h = this.$createElement;
       return [h("input", {
@@ -706,7 +721,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
+            return _this7.resetInput(MediaType.PHOTO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -720,7 +735,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.PHOTO, MediaAddType.PICK);
+            return _this7.resetInput(MediaType.PHOTO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -734,7 +749,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
+            return _this7.resetInput(MediaType.VIDEO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -747,7 +762,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.VIDEO, MediaAddType.PICK);
+            return _this7.resetInput(MediaType.VIDEO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -761,7 +776,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
+            return _this7.resetInput(MediaType.AUDIO, MediaAddType.TAKE);
           }
         },
         "class": bem('hidden')
@@ -774,7 +789,7 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.AUDIO, MediaAddType.PICK);
+            return _this7.resetInput(MediaType.AUDIO, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
@@ -787,14 +802,14 @@ export default createComponent({
         "on": {
           "change": this.handleInputFiles,
           "click": function click() {
-            return _this6.resetInput(MediaType.FILE, MediaAddType.PICK);
+            return _this7.resetInput(MediaType.FILE, MediaAddType.PICK);
           }
         },
         "class": bem('hidden')
       })];
     },
     renderIcon: function renderIcon(mediaType, mediaAddType) {
-      var _this7 = this;
+      var _this8 = this;
 
       var h = this.$createElement;
 
@@ -804,7 +819,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this7.mediaPick(mediaType, mediaAddType);
+                return _this8.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -813,7 +828,7 @@ export default createComponent({
             "class": bem('button'),
             "on": {
               "click": function click() {
-                return _this7.mediaPick(mediaType, mediaAddType);
+                return _this8.mediaPick(mediaType, mediaAddType);
               }
             }
           });
@@ -823,7 +838,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this7.mediaPick(mediaType, mediaAddType);
+              return _this8.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -832,7 +847,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this7.mediaPick(mediaType, mediaAddType);
+              return _this8.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -841,7 +856,7 @@ export default createComponent({
           "class": bem('button'),
           "on": {
             "click": function click() {
-              return _this7.mediaPick(mediaType, mediaAddType);
+              return _this8.mediaPick(mediaType, mediaAddType);
             }
           }
         });
@@ -872,7 +887,7 @@ export default createComponent({
       }, [label])]);
     },
     renderCertificates: function renderCertificates() {
-      var _this8 = this;
+      var _this9 = this;
 
       var h = this.$createElement;
 
@@ -885,9 +900,9 @@ export default createComponent({
             "click": function click(event) {
               event.stopPropagation();
 
-              _this8.onDelete(media, 0);
+              _this9.onDelete(media, 0);
 
-              _this8.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
+              _this9.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
             }
           }
         }, [h(ReUploadIcon, {
@@ -905,7 +920,7 @@ export default createComponent({
             "click": function click(event) {
               event.stopPropagation(); // 证件照模式只有一张图片
 
-              _this8.previewMedia(media, 0);
+              _this9.previewMedia(media, 0);
             }
           }
         }, [reUpload]);
@@ -922,7 +937,7 @@ export default createComponent({
           },
           "on": {
             "click": function click() {
-              _this8.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
+              _this9.mediaPick(MediaType.PHOTO, MediaAddType.PICK);
             }
           }
         }), h("span", {
@@ -1056,7 +1071,7 @@ export default createComponent({
       }
     },
     renderMediaList: function renderMediaList() {
-      var _this9 = this;
+      var _this10 = this;
 
       var h = this.$createElement;
       return this.mediaList.map(function (media, index) {
@@ -1067,7 +1082,7 @@ export default createComponent({
             "click": function click(event) {
               event.stopPropagation();
 
-              _this9.onDelete(media, index);
+              _this10.onDelete(media, index);
             }
           }
         });
@@ -1077,10 +1092,10 @@ export default createComponent({
             "click": function click(event) {
               event.stopPropagation();
 
-              _this9.previewMedia(media, index);
+              _this10.previewMedia(media, index);
             }
           }
-        }, [_this9.renderMediaBox(media), _this9.genThumbnailMask(media), deleteIcon]);
+        }, [_this10.renderMediaBox(media), _this10.genThumbnailMask(media), deleteIcon]);
       });
     },
     selectAction: function selectAction(action) {
@@ -1089,7 +1104,7 @@ export default createComponent({
     }
   },
   render: function render() {
-    var _this10 = this;
+    var _this11 = this;
 
     var h = arguments[0];
     var title = this.showTitle && h("div", {
@@ -1103,9 +1118,9 @@ export default createComponent({
         "mediaUrl": this.mediaUrlToPlay
       },
       "model": {
-        value: _this10.mediaPlayerVisible,
+        value: _this11.mediaPlayerVisible,
         callback: function callback($$v) {
-          _this10.mediaPlayerVisible = $$v;
+          _this11.mediaPlayerVisible = $$v;
         }
       }
     }), h(ZtActionSheet, {
@@ -1119,9 +1134,9 @@ export default createComponent({
         "select": this.selectAction
       },
       "model": {
-        value: _this10.actionVisible,
+        value: _this11.actionVisible,
         callback: function callback($$v) {
-          _this10.actionVisible = $$v;
+          _this11.actionVisible = $$v;
         }
       }
     }), this.pickerMode === "certificate" ? h("div", {

package/es/media-picker/wx-util.js

@@ -0,0 +1,64 @@
+import { MediaType, MediaUploadStatus } from './type';
+export var chooseImage = function chooseImage(type) {
+  return new Promise(function (resolve, reject) {
+    window.wx.chooseImage({
+      count: 1,
+      sizeType: ['original', 'compressed'],
+      // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: [type],
+      // 可以指定来源是相册还是相机，默认二者都有
+      success: function success(_ref) {
+        var localIds = _ref.localIds;
+        resolve(localIds);
+      },
+      fail: function fail(res) {
+        reject(res);
+      }
+    });
+  });
+};
+export var uploadImage = function uploadImage(localId) {
+  return new Promise(function (resolve, reject) {
+    window.wx.uploadImage({
+      localId: localId,
+      // 需要上传的图片的本地ID，由chooseImage接口获得
+      isShowProgressTips: 1,
+      // 默认为1，显示进度提示
+      success: function success(_ref2) {
+        var serverId = _ref2.serverId;
+        resolve(serverId);
+      },
+      fail: function fail(res) {
+        reject(res);
+      }
+    });
+  });
+};
+export var wxUploadImage = function wxUploadImage(type) {
+  return new Promise(function (resolve) {
+    var newMedias = [];
+    chooseImage(type).then(function (localIds) {
+      var time = new Date().getTime().toString();
+      var media = {
+        type: MediaType.PHOTO,
+        uniqueCode: time,
+        fileSize: 0,
+        lastModified: 0,
+        deletable: true,
+        status: MediaUploadStatus.DONE
+      };
+      localIds.forEach(function (localId) {
+        media.showSrc = localId;
+        media.url = localId;
+        uploadImage(localId).then(function (serverId) {
+          media.wxServerId = serverId;
+          newMedias.push(media);
+
+          if (newMedias.length === localIds.length) {
+            resolve(newMedias);
+          }
+        });
+      });
+    });
+  });
+};

package/es/table/index.js

@@ -25,6 +25,10 @@ export default createComponent({
     striped: {
       type: Boolean,
       default: false
+    },
+    hideTableHead: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
@@ -106,6 +110,9 @@ export default createComponent({
 
       var h = this.$createElement;
 
+      var _ref2 = this,
+          slots = _ref2.slots;
+
       if ((colData == null ? void 0 : colData.colSpan) !== 0) {
         return h("th", {
           "class": bem({
@@ -118,7 +125,7 @@ export default createComponent({
           "attrs": {
             "colspan": (colData == null ? void 0 : colData.colSpan) !== 1 ? colData == null ? void 0 : colData.colSpan : null
           }
-        }, [h("div", {
+        }, [slots("head" + colData.id) || h("div", {
           "class": bem('head'),
           "on": {
             "click": function click() {
@@ -154,6 +161,23 @@ export default createComponent({
       }
     },
     onClick: function onClick() {},
+    getElement: function getElement(rowData, colData) {
+      var h = this.$createElement;
+
+      var _ref3 = this,
+          slots = _ref3.slots;
+
+      if (rowData[colData.key] && rowData[colData.key].id && slots("data" + rowData[colData.key].id)) {
+        return slots("data" + rowData[colData.key].id)[0];
+      }
+
+      return colData.ellipsis ? h(TextEllipsis, {
+        "attrs": {
+          "content": rowData[colData.key],
+          "expandType": "dialog"
+        }
+      }) : rowData[colData.key];
+    },
     getBody: function getBody(rowData, rowIndex) {
       var _this3 = this;
 
@@ -185,12 +209,7 @@ export default createComponent({
             "rowspan": ((_additionalCellProps5 = additionalCellProps) == null ? void 0 : _additionalCellProps5.rowSpan) !== 1 ? (_additionalCellProps6 = additionalCellProps) == null ? void 0 : _additionalCellProps6.rowSpan : null
           },
           "style": style
-        }, [colData.ellipsis ? h(TextEllipsis, {
-          "attrs": {
-            "content": rowData[colData.key],
-            "expandType": "dialog"
-          }
-        }) : rowData[colData.key]]);
+        }, [_this3.getElement(rowData, colData)]);
       })]);
     }
   },
@@ -213,6 +232,10 @@ export default createComponent({
         }
       });
     })]), h("thead", {
+      "directives": [{
+        name: "show",
+        value: !this.hideTableHead
+      }],
       "class": bem('thead')
     }, [h("tr", [this.formatColumns.map(function (colData) {
       return _this4.getHead(colData);

package/lib/index.js

@@ -313,7 +313,7 @@ exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '2.0.82';
+var version = '2.0.84';
 exports.version = version;
 
 function install(Vue) {