dpzvc-ui 1.2.3 → 1.2.5

package/dist/dpzvc.js

@@ -11,244 +11,6 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 37
-(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(284);
-/* module decorator */ module = __webpack_require__.hmd(module);
-
-// 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) {
-    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;
-    }
-    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;
-    }
-    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;
-  }
-  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 URL = window.URL && window.URL.createObjectURL ? window.URL : window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
-
-  // -------------------------
-  // MegaPixImage class
-  // -------------------------
-  function MegaPixImage(srcImage) {
-    if (window.Blob && srcImage instanceof Blob) {
-      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) {
-      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]();
-          }
-        }
-      };
-      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);
-    }
-  };
-
-  // -------------------------
-  // Export as ESM default
-  // -------------------------
-  return MegaPixImage;
-});
-
-/***/ },
-
 /***/ 49
 (module) {
 
@@ -4281,26 +4043,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.dpzvc-rater-star {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
-/***/ },
-
-/***/ 284
-(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (/* binding */ _typeof)
-/* harmony export */ });
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-
 /***/ },
 
 /***/ 314
@@ -5508,7 +5250,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"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":""}]);
+`, "",{"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":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -5804,7 +5546,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
     justify-content: center;
     flex-direction: column;
 }
-`, "",{"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":""}]);
+`, "",{"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":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -5874,26 +5616,18 @@ var update = add("7918d0f5", content, true, {});
 /******/ 		// 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
@@ -5918,21 +5652,6 @@ var update = add("7918d0f5", content, true, {});
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* 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))
@@ -6026,16 +5745,25 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
-var esm_typeof = __webpack_require__(284);
+;// ./node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
 ;// ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
 function toPrimitive(t, r) {
-  if ("object" != (0,esm_typeof/* default */.A)(t) || !t) return t;
+  if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
     var i = e.call(t, r || "default");
-    if ("object" != (0,esm_typeof/* default */.A)(i)) return i;
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return ("string" === r ? String : Number)(t);
@@ -6046,7 +5774,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == (0,esm_typeof/* default */.A)(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
 ;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
@@ -11453,8 +11181,8 @@ var Number_component = normalizeComponent(
 
 textBar.Number = Text_Number;
 /* harmony default export */ const Text = (textBar);
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=template&id=b2513a8a
-var uploadvue_type_template_id_b2513a8a_render = function render() {
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=template&id=23492f0b
+var uploadvue_type_template_id_23492f0b_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -11476,13 +11204,238 @@ var uploadvue_type_template_id_b2513a8a_render = function render() {
     }
   })], 2);
 };
-var uploadvue_type_template_id_b2513a8a_staticRenderFns = [];
+var uploadvue_type_template_id_23492f0b_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/exif-js/exif.js
 var exif = __webpack_require__(335);
 var exif_default = /*#__PURE__*/__webpack_require__.n(exif);
-// EXTERNAL MODULE: ./src/lib/MegaPixImage.js
-var MegaPixImage = __webpack_require__(37);
+;// ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+
+;// ./node_modules/@babel/runtime/helpers/esm/createClass.js
+
+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, toPropertyKey(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;
+}
+
+;// ./src/lib/MegaPixImage.js
+
+
+
+function MegaPixImage_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 MegaPixImage_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? MegaPixImage_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : MegaPixImage_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// MegaPixImage.js
+// 将原先的 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 = canvas.height = 1;
+    var ctx = canvas.getContext('2d');
+    ctx.drawImage(img, -iw + 1, 0);
+    return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
+  }
+  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;
+  }
+  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;
+  }
+  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;
+  }
+  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
+// -------------------------
+var MegaPixImage = /*#__PURE__*/function () {
+  function MegaPixImage(srcImage) {
+    _classCallCheck(this, MegaPixImage);
+    if (window.Blob && srcImage instanceof Blob) {
+      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;
+          listeners.forEach(function (fn) {
+            return fn();
+          });
+        }
+      };
+    }
+    this.srcImage = srcImage;
+  }
+  return _createClass(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 = MegaPixImage_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);
+      }
+    }
+  }]);
+}(); // -------------------------
+// ESM export default
+// -------------------------
+/* harmony default export */ const lib_MegaPixImage = (MegaPixImage);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/upload/upload.vue?vue&type=script&lang=js
 
 // import MegaPixImage from '../../lib/MegaPixImage'
@@ -11555,7 +11508,7 @@ var uploadvue_type_script_lang_js_prefixCls = 'dpzvc-upload';
       var _this = this;
       var data = null;
       var img = new Image();
-      var mpImg = new MegaPixImage(file);
+      var mpImg = new lib_MegaPixImage(file);
       mpImg.render(img, {
         maxWidth: 600,
         quality: 0.8
@@ -11662,8 +11615,8 @@ var uploadvue_type_script_lang_js_prefixCls = 'dpzvc-upload';
 ;
 var upload_component = normalizeComponent(
   upload_uploadvue_type_script_lang_js,
-  uploadvue_type_template_id_b2513a8a_render,
-  uploadvue_type_template_id_b2513a8a_staticRenderFns,
+  uploadvue_type_template_id_23492f0b_render,
+  uploadvue_type_template_id_23492f0b_staticRenderFns,
   false,
   null,
   null,