dpzvc-ui 1.2.3 → 1.2.4

package/dist/dpzvc.esm.js

@@ -2615,7 +2615,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./src/components/checkBox/checkbox-group.vue"],"names":[],"mappings":";AA4EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"['dpzvc-checkBoxGroup',vertical?'dpzvc-checkBoxGroup-vertical':'']\" >\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from '../../utils/util'\n    import Emitter from '../../mixin/emitter'\n    export default {\n        name:'checkBoxGroup',\n        mixins:[Emitter],\n        props:{\n            value:{\n                type:Array,\n                default:()=>[]\n            },\n            single:{\n                type:Boolean,\n                default:false\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n\n        },\n        data(){\n          return {\n              currentValue:this.value,\n              childrens:[]\n          }\n        },\n        methods:{\n            change(data){\n                console.log(data)\n                this.currentValue = data;\n                this.$emit('input', data);\n                this.$emit('on-change',data);\n                this.dispatch('on-form-change',data)\n            },\n            updateModel(){\n                let model = this.value;\n                this.childrens = findComponentsDownward(this,'checkBox');\n                if(this.childrens) {\n                    this.childrens.forEach((child)=>{\n\n                        child.model = model;\n                        child.currentValue = model.indexOf(child.label) >= 0;\n                        child.isGroup = true;\n                    })\n                }\n\n            }\n        },\n        mounted(){\n\n          this.updateModel()\n        },\n        watch:{\n            value(){\n                this.updateModel()\n            }\n        }\n    }\n</script>\n\n\n<style scoped>\n    .dpzvc-checkBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./checkbox-group.vue"],"names":[],"mappings":";AA4EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"['dpzvc-checkBoxGroup',vertical?'dpzvc-checkBoxGroup-vertical':'']\" >\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from '../../utils/util'\n    import Emitter from '../../mixin/emitter'\n    export default {\n        name:'checkBoxGroup',\n        mixins:[Emitter],\n        props:{\n            value:{\n                type:Array,\n                default:()=>[]\n            },\n            single:{\n                type:Boolean,\n                default:false\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n\n        },\n        data(){\n          return {\n              currentValue:this.value,\n              childrens:[]\n          }\n        },\n        methods:{\n            change(data){\n                console.log(data)\n                this.currentValue = data;\n                this.$emit('input', data);\n                this.$emit('on-change',data);\n                this.dispatch('on-form-change',data)\n            },\n            updateModel(){\n                let model = this.value;\n                this.childrens = findComponentsDownward(this,'checkBox');\n                if(this.childrens) {\n                    this.childrens.forEach((child)=>{\n\n                        child.model = model;\n                        child.currentValue = model.indexOf(child.label) >= 0;\n                        child.isGroup = true;\n                    })\n                }\n\n            }\n        },\n        mounted(){\n\n          this.updateModel()\n        },\n        watch:{\n            value(){\n                this.updateModel()\n            }\n        }\n    }\n</script>\n\n\n<style scoped>\n    .dpzvc-checkBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -3751,7 +3751,7 @@ var prefixCls = 'dpzvc-upload';
       var _this = this;
       var data = null;
       var img = new Image();
-      var mpImg = new _lib_MegaPixImage__WEBPACK_IMPORTED_MODULE_1__(file);
+      var mpImg = new _lib_MegaPixImage__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A(file);
       mpImg.render(img, {
         maxWidth: 600,
         quality: 0.8
@@ -3937,6 +3937,29 @@ var prefixCls = 'dpzvc-radiobox';
   }
 });
 
+/***/ },
+
+/***/ 2901
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ _createClass)
+/* harmony export */ });
+/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9922);
+
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+
+
 /***/ },
 
 /***/ 2924
@@ -4032,6 +4055,19 @@ var prefixCls = 'dpzvc-textBar';
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_picker_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73);
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_picker_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A); 
 
+/***/ },
+
+/***/ 3029
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ _classCallCheck)
+/* harmony export */ });
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+
+
 /***/ },
 
 /***/ 3055
@@ -4605,40 +4641,6 @@ var prefixCls = 'dpzvc-date-picker';
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_card__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A);
 
-/***/ },
-
-/***/ 3610
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   X: () => (/* binding */ render),
-/* harmony export */   Y: () => (/* binding */ staticRenderFns)
-/* harmony export */ });
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    "class": _vm.classes,
-    style: _vm.styles
-  }, [_vm._t("default", function () {
-    return [_c('div', {
-      "class": _vm.wrapperClasses
-    }, [_vm._v("图片上传")])];
-  }), _vm._v(" "), _c('input', {
-    ref: "upload",
-    attrs: {
-      "type": "file",
-      "accept": _vm.accept,
-      "multiple": _vm.multiple
-    },
-    on: {
-      "change": _vm.showPhoto
-    }
-  })], 2);
-};
-var staticRenderFns = [];
-
-
 /***/ },
 
 /***/ 3649
@@ -6073,6 +6075,40 @@ var render = function render() {
 var staticRenderFns = [];
 
 
+/***/ },
+
+/***/ 4708
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   X: () => (/* binding */ render),
+/* harmony export */   Y: () => (/* binding */ staticRenderFns)
+/* harmony export */ });
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    "class": _vm.classes,
+    style: _vm.styles
+  }, [_vm._t("default", function () {
+    return [_c('div', {
+      "class": _vm.wrapperClasses
+    }, [_vm._v("图片上传")])];
+  }), _vm._v(" "), _c('input', {
+    ref: "upload",
+    attrs: {
+      "type": "file",
+      "accept": _vm.accept,
+      "multiple": _vm.multiple
+    },
+    on: {
+      "change": _vm.showPhoto
+    }
+  })], 2);
+};
+var staticRenderFns = [];
+
+
 /***/ },
 
 /***/ 4783
@@ -12201,7 +12237,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./src/components/radioBox/radiobox-group.vue"],"names":[],"mappings":";AA0EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"classes\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from \"../../utils/util\"\n    const prefixCls = 'dpzvc-radioBoxGroup'\n    export default {\n        name:'radioBoxGroup',\n        props:{\n            value:{\n                type:[String,Boolean,Number]\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n        },\n        mounted(){\n            this.updateModel()\n        },\n        data(){\n            return {\n                currentValue:this.value,\n                children:findComponentsDownward(this,'radioBox')\n            }\n        },\n        computed:{\n            classes(){\n                return [\n                    `${prefixCls}`,\n                    {\n                        [`${prefixCls}-vertical`]:this.vertical\n                    }\n                ]\n\n            }\n        },\n        methods:{\n            change(data){\n                this.currentValue = data.value;\n                this.updateModel();\n                this.$emit('input',data.value);\n                this.$emit('on-change',data.value);\n                this.$emit('on-form-change',data.value)\n            },\n            updateModel(){\n                let value = this.value;\n                this.children = findComponentsDownward(this,'radioBox');\n                this.children.forEach((child)=>{\n                    child.model = value == child.label;\n                    child.isGroup = true;\n\n                })\n            }\n        },\n        watch:{\n            value(){\n                this.updateModel();\n            },\n        }\n    }\n</script>\n\n<style scoped >\n    .dpzvc-radioBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./radiobox-group.vue"],"names":[],"mappings":";AA0EA;IACA,aAAA;IACA,uBAAA;IACA,sBAAA;AACA","sourcesContent":["<template>\n    <div :class=\"classes\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\n\n    import {findComponentsDownward} from \"../../utils/util\"\n    const prefixCls = 'dpzvc-radioBoxGroup'\n    export default {\n        name:'radioBoxGroup',\n        props:{\n            value:{\n                type:[String,Boolean,Number]\n            },\n            vertical:{\n                type:Boolean,\n                default:false\n            }\n        },\n        mounted(){\n            this.updateModel()\n        },\n        data(){\n            return {\n                currentValue:this.value,\n                children:findComponentsDownward(this,'radioBox')\n            }\n        },\n        computed:{\n            classes(){\n                return [\n                    `${prefixCls}`,\n                    {\n                        [`${prefixCls}-vertical`]:this.vertical\n                    }\n                ]\n\n            }\n        },\n        methods:{\n            change(data){\n                this.currentValue = data.value;\n                this.updateModel();\n                this.$emit('input',data.value);\n                this.$emit('on-change',data.value);\n                this.$emit('on-form-change',data.value)\n            },\n            updateModel(){\n                let value = this.value;\n                this.children = findComponentsDownward(this,'radioBox');\n                this.children.forEach((child)=>{\n                    child.model = value == child.label;\n                    child.isGroup = true;\n\n                })\n            }\n        },\n        watch:{\n            value(){\n                this.updateModel();\n            },\n        }\n    }\n</script>\n\n<style scoped >\n    .dpzvc-radioBoxGroup-vertical {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n    }\n</style>"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -13677,239 +13713,221 @@ var staticRenderFns = [];
 /***/ },
 
 /***/ 8037
-(module, __webpack_exports__, __webpack_require__) {
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2284);
-/* module decorator */ module = __webpack_require__.hmd(module);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4467);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3029);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2901);
 
+
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // MegaPixImage.js
-(function (global, factory) {
-  if (( false ? 0 : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(module)) === 'object' && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(module.exports) === 'object') {
-    module.exports = factory(); // CommonJS
-  } else if (typeof define === 'function' && __webpack_require__.amdO) {
-    define([], factory); // AMD
-  } else {
-    global.MegaPixImage = factory(); // Browser global
-  }
-})(typeof window !== 'undefined' ? window : undefined, function () {
-  // -------------------------
-  // Helper functions
-  // -------------------------
-  function detectSubsampling(img) {
-    var iw = img.naturalWidth,
-      ih = img.naturalHeight;
-    if (iw * ih > 1024 * 1024) {
-      var canvas = document.createElement('canvas');
-      canvas.width = canvas.height = 1;
-      var ctx = canvas.getContext('2d');
-      ctx.drawImage(img, -iw + 1, 0);
-      return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
-    } else {
-      return false;
-    }
-  }
-  function detectVerticalSquash(img, iw, ih) {
+// 将原先的 UMD/CommonJS 改为 ESM export default
+
+// -------------------------
+// Helper functions
+// -------------------------
+function detectSubsampling(img) {
+  var iw = img.naturalWidth,
+    ih = img.naturalHeight;
+  if (iw * ih > 1024 * 1024) {
     var canvas = document.createElement('canvas');
-    canvas.width = 1;
-    canvas.height = ih;
+    canvas.width = canvas.height = 1;
     var ctx = canvas.getContext('2d');
-    ctx.drawImage(img, 0, 0);
-    var data = ctx.getImageData(0, 0, 1, ih).data;
-    var sy = 0,
-      ey = ih,
-      py = ih;
-    while (py > sy) {
-      var alpha = data[(py - 1) * 4 + 3];
-      if (alpha === 0) {
-        ey = py;
-      } else {
-        sy = py;
-      }
-      py = ey + sy >> 1;
-    }
-    var ratio = py / ih;
-    return ratio === 0 ? 1 : ratio;
+    ctx.drawImage(img, -iw + 1, 0);
+    return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
   }
-  function renderImageToDataURL(img, options, doSquash) {
-    var canvas = document.createElement('canvas');
-    renderImageToCanvas(img, canvas, options, doSquash);
-    return canvas.toDataURL("image/jpeg", options.quality || 0.8);
+  return false;
+}
+function detectVerticalSquash(img, iw, ih) {
+  var canvas = document.createElement('canvas');
+  canvas.width = 1;
+  canvas.height = ih;
+  var ctx = canvas.getContext('2d');
+  ctx.drawImage(img, 0, 0);
+  var data = ctx.getImageData(0, 0, 1, ih).data;
+  var sy = 0,
+    ey = ih,
+    py = ih;
+  while (py > sy) {
+    var alpha = data[(py - 1) * 4 + 3];
+    if (alpha === 0) ey = py;else sy = py;
+    py = ey + sy >> 1;
   }
-  function renderImageToCanvas(img, canvas, options, doSquash) {
-    var iw = img.naturalWidth,
-      ih = img.naturalHeight;
-    if (!(iw + ih)) return;
-    var width = options.width,
-      height = options.height;
-    var ctx = canvas.getContext('2d');
-    ctx.save();
-    transformCoordinate(canvas, ctx, width, height, options.orientation);
-    var subsampled = detectSubsampling(img);
-    if (subsampled) {
-      iw /= 2;
-      ih /= 2;
-    }
-    var d = 1024;
-    var tmpCanvas = document.createElement('canvas');
-    tmpCanvas.width = tmpCanvas.height = d;
-    var tmpCtx = tmpCanvas.getContext('2d');
-    var vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1;
-    var dw = Math.ceil(d * width / iw);
-    var dh = Math.ceil(d * height / ih / vertSquashRatio);
-    var sy = 0,
-      dy = 0;
-    while (sy < ih) {
-      var sx = 0,
-        dx = 0;
-      while (sx < iw) {
-        tmpCtx.clearRect(0, 0, d, d);
-        tmpCtx.drawImage(img, -sx, -sy);
-        ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh);
-        sx += d;
-        dx += dw;
-      }
-      sy += d;
-      dy += dh;
-    }
-    ctx.restore();
-    tmpCanvas = tmpCtx = null;
+  var ratio = py / ih;
+  return ratio === 0 ? 1 : ratio;
+}
+function renderImageToDataURL(img, options, doSquash) {
+  var canvas = document.createElement('canvas');
+  renderImageToCanvas(img, canvas, options, doSquash);
+  return canvas.toDataURL("image/jpeg", options.quality || 0.8);
+}
+function renderImageToCanvas(img, canvas, options, doSquash) {
+  var iw = img.naturalWidth,
+    ih = img.naturalHeight;
+  if (!(iw + ih)) return;
+  var width = options.width,
+    height = options.height;
+  var ctx = canvas.getContext('2d');
+  ctx.save();
+  transformCoordinate(canvas, ctx, width, height, options.orientation);
+  var subsampled = detectSubsampling(img);
+  if (subsampled) {
+    iw /= 2;
+    ih /= 2;
   }
-  function transformCoordinate(canvas, ctx, width, height, orientation) {
-    switch (orientation) {
-      case 5:
-      case 6:
-      case 7:
-      case 8:
-        canvas.width = height;
-        canvas.height = width;
-        break;
-      default:
-        canvas.width = width;
-        canvas.height = height;
-    }
-    switch (orientation) {
-      case 2:
-        ctx.translate(width, 0);
-        ctx.scale(-1, 1);
-        break;
-      case 3:
-        ctx.translate(width, height);
-        ctx.rotate(Math.PI);
-        break;
-      case 4:
-        ctx.translate(0, height);
-        ctx.scale(1, -1);
-        break;
-      case 5:
-        ctx.rotate(0.5 * Math.PI);
-        ctx.scale(1, -1);
-        break;
-      case 6:
-        ctx.rotate(0.5 * Math.PI);
-        ctx.translate(0, -height);
-        break;
-      case 7:
-        ctx.rotate(0.5 * Math.PI);
-        ctx.translate(width, -height);
-        ctx.scale(-1, 1);
-        break;
-      case 8:
-        ctx.rotate(-0.5 * Math.PI);
-        ctx.translate(-width, 0);
-        break;
-    }
+  var d = 1024;
+  var tmpCanvas = document.createElement('canvas');
+  tmpCanvas.width = tmpCanvas.height = d;
+  var tmpCtx = tmpCanvas.getContext('2d');
+  var vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1;
+  var dw = Math.ceil(d * width / iw);
+  var dh = Math.ceil(d * height / ih / vertSquashRatio);
+  var sy = 0,
+    dy = 0;
+  while (sy < ih) {
+    var sx = 0,
+      dx = 0;
+    while (sx < iw) {
+      tmpCtx.clearRect(0, 0, d, d);
+      tmpCtx.drawImage(img, -sx, -sy);
+      ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh);
+      sx += d;
+      dx += dw;
+    }
+    sy += d;
+    dy += dh;
+  }
+  ctx.restore();
+}
+function transformCoordinate(canvas, ctx, width, height, orientation) {
+  switch (orientation) {
+    case 5:
+    case 6:
+    case 7:
+    case 8:
+      canvas.width = height;
+      canvas.height = width;
+      break;
+    default:
+      canvas.width = width;
+      canvas.height = height;
   }
-  var URL = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
+  switch (orientation) {
+    case 2:
+      ctx.translate(width, 0);
+      ctx.scale(-1, 1);
+      break;
+    case 3:
+      ctx.translate(width, height);
+      ctx.rotate(Math.PI);
+      break;
+    case 4:
+      ctx.translate(0, height);
+      ctx.scale(1, -1);
+      break;
+    case 5:
+      ctx.rotate(0.5 * Math.PI);
+      ctx.scale(1, -1);
+      break;
+    case 6:
+      ctx.rotate(0.5 * Math.PI);
+      ctx.translate(0, -height);
+      break;
+    case 7:
+      ctx.rotate(0.5 * Math.PI);
+      ctx.translate(width, -height);
+      ctx.scale(-1, 1);
+      break;
+    case 8:
+      ctx.rotate(-0.5 * Math.PI);
+      ctx.translate(-width, 0);
+      break;
+  }
+}
+var URL = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
 
-  // -------------------------
-  // MegaPixImage class
-  // -------------------------
+// -------------------------
+// MegaPixImage class
+// -------------------------
+var MegaPixImage = /*#__PURE__*/function () {
   function MegaPixImage(srcImage) {
+    (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(this, MegaPixImage);
     if (window.Blob && srcImage instanceof Blob) {
-      if (!URL) {
-        throw Error("No createObjectURL function found");
-      }
+      if (!URL) throw Error("No createObjectURL function found");
       var img = new Image();
       img.src = URL.createObjectURL(srcImage);
       this.blob = srcImage;
       srcImage = img;
     }
     if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
+      this.imageLoadListeners = [];
       var _this = this;
       srcImage.onload = srcImage.onerror = function () {
         var listeners = _this.imageLoadListeners;
         if (listeners) {
           _this.imageLoadListeners = null;
-          for (var i = 0; i < listeners.length; i++) {
-            listeners[i]();
-          }
+          listeners.forEach(function (fn) {
+            return fn();
+          });
         }
       };
-      this.imageLoadListeners = [];
     }
     this.srcImage = srcImage;
   }
-  MegaPixImage.prototype.render = function (target, options, callback) {
-    if (this.imageLoadListeners) {
-      var _this = this;
-      this.imageLoadListeners.push(function () {
-        _this.render(target, options, callback);
-      });
-      return;
-    }
-    options = options || {};
-    var imgWidth = this.srcImage.naturalWidth,
-      imgHeight = this.srcImage.naturalHeight,
-      width = options.width,
-      height = options.height,
-      maxWidth = options.maxWidth,
-      maxHeight = options.maxHeight,
-      doSquash = !this.blob || this.blob.type === 'image/jpeg';
-    if (width && !height) {
-      height = imgHeight * width / imgWidth << 0;
-    } else if (height && !width) {
-      width = imgWidth * height / imgHeight << 0;
-    } else {
-      width = imgWidth;
-      height = imgHeight;
-    }
-    if (maxWidth && width > maxWidth) {
-      width = maxWidth;
-      height = imgHeight * width / imgWidth << 0;
-    }
-    if (maxHeight && height > maxHeight) {
-      height = maxHeight;
-      width = imgWidth * height / imgHeight << 0;
-    }
-    var opt = {
-      width: width,
-      height: height
-    };
-    for (var k in options) opt[k] = options[k];
-    var tagName = target.tagName.toLowerCase();
-    if (tagName === 'img') {
-      target.src = renderImageToDataURL(this.srcImage, opt, doSquash);
-    } else if (tagName === 'canvas') {
-      renderImageToCanvas(this.srcImage, target, opt, doSquash);
-    }
-    if (typeof this.onrender === 'function') {
-      this.onrender(target);
-    }
-    if (callback) {
-      callback();
-    }
-    if (this.blob) {
-      this.blob = null;
-      URL.revokeObjectURL(this.srcImage.src);
+  return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(MegaPixImage, [{
+    key: "render",
+    value: function render(target, options, callback) {
+      var _this2 = this;
+      if (this.imageLoadListeners) {
+        this.imageLoadListeners.push(function () {
+          _this2.render(target, options, callback);
+        });
+        return;
+      }
+      options = options || {};
+      var imgWidth = this.srcImage.naturalWidth,
+        imgHeight = this.srcImage.naturalHeight;
+      var width = options.width,
+        height = options.height;
+      var maxWidth = options.maxWidth,
+        maxHeight = options.maxHeight;
+      var doSquash = !this.blob || this.blob.type === 'image/jpeg';
+      if (width && !height) height = imgHeight * width / imgWidth << 0;else if (height && !width) width = imgWidth * height / imgHeight << 0;else {
+        width = imgWidth;
+        height = imgHeight;
+      }
+      if (maxWidth && width > maxWidth) {
+        width = maxWidth;
+        height = imgHeight * width / imgWidth << 0;
+      }
+      if (maxHeight && height > maxHeight) {
+        height = maxHeight;
+        width = imgWidth * height / imgHeight << 0;
+      }
+      var opt = _objectSpread({
+        width: width,
+        height: height
+      }, options);
+      var tagName = target.tagName.toLowerCase();
+      if (tagName === 'img') target.src = renderImageToDataURL(this.srcImage, opt, doSquash);else if (tagName === 'canvas') renderImageToCanvas(this.srcImage, target, opt, doSquash);
+      if (typeof this.onrender === 'function') this.onrender(target);
+      if (callback) callback();
+      if (this.blob) {
+        this.blob = null;
+        URL.revokeObjectURL(this.srcImage.src);
+      }
     }
-  };
-
-  // -------------------------
-  // Export as ESM default
-  // -------------------------
-  return MegaPixImage;
-});
+  }]);
+}(); // -------------------------
+// ESM export default
+// -------------------------
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MegaPixImage);
 
 /***/ },
 
@@ -13999,7 +14017,7 @@ _textBar__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Number = _Number__WEBP
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _upload_vue_vue_type_template_id_b2513a8a__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3610);
+/* harmony import */ var _upload_vue_vue_type_template_id_23492f0b__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4708);
 /* harmony import */ var _upload_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7426);
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4486);
 
@@ -14011,8 +14029,8 @@ _textBar__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Number = _Number__WEBP
 ;
 var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(
   _upload_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A,
-  _upload_vue_vue_type_template_id_b2513a8a__WEBPACK_IMPORTED_MODULE_0__/* .render */ .X,
-  _upload_vue_vue_type_template_id_b2513a8a__WEBPACK_IMPORTED_MODULE_0__/* .staticRenderFns */ .Y,
+  _upload_vue_vue_type_template_id_23492f0b__WEBPACK_IMPORTED_MODULE_0__/* .render */ .X,
+  _upload_vue_vue_type_template_id_23492f0b__WEBPACK_IMPORTED_MODULE_0__/* .staticRenderFns */ .Y,
   false,
   null,
   null,
@@ -15216,26 +15234,18 @@ _confirm__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.remove = function () {
 /******/ 	// Create a new module (and put it into the cache)
 /******/ 	var module = __webpack_module_cache__[moduleId] = {
 /******/ 		id: moduleId,
-/******/ 		loaded: false,
+/******/ 		// no module.loaded needed
 /******/ 		exports: {}
 /******/ 	};
 /******/ 
 /******/ 	// Execute the module function
 /******/ 	__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 /******/ 
-/******/ 	// Flag the module as loaded
-/******/ 	module.loaded = true;
-/******/ 
 /******/ 	// Return the exports of the module
 /******/ 	return module.exports;
 /******/ }
 /******/ 
 /************************************************************************/
-/******/ /* webpack/runtime/amd options */
-/******/ (() => {
-/******/ 	__webpack_require__.amdO = {};
-/******/ })();
-/******/ 
 /******/ /* webpack/runtime/compat get default export */
 /******/ (() => {
 /******/ 	// getDefaultExport function for compatibility with non-harmony modules
@@ -15260,21 +15270,6 @@ _confirm__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.remove = function () {
 /******/ 	};
 /******/ })();
 /******/ 
-/******/ /* webpack/runtime/harmony module decorator */
-/******/ (() => {
-/******/ 	__webpack_require__.hmd = (module) => {
-/******/ 		module = Object.create(module);
-/******/ 		if (!module.children) module.children = [];
-/******/ 		Object.defineProperty(module, 'exports', {
-/******/ 			enumerable: true,
-/******/ 			set: () => {
-/******/ 				throw new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);
-/******/ 			}
-/******/ 		});
-/******/ 		return module;
-/******/ 	};
-/******/ })();
-/******/ 
 /******/ /* webpack/runtime/hasOwnProperty shorthand */
 /******/ (() => {
 /******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))