dpzvc-ui 1.2.3 → 1.2.4

package/dist-prod/rater.2a701809bfde6325d1a2.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkdpzvc_ui=self.webpackChunkdpzvc_ui||[]).push([[109],{4142(n,e,t){var a=t(6795);a.__esModule&&(a=a.default),"string"==typeof a&&(a=[[n.id,a,""]]),a.locals&&(n.exports=a.locals);(0,t(534).A)("6ceb7c19",a,!0,{})},6795(n,e,t){"use strict";t.r(e),t.d(e,{default:()=>r});var a=t(1354),i=t.n(a),s=t(6314),A=t.n(s)()(i());A.push([n.id,".Rater[data-v-3763261e] {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p[data-v-3763261e] {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */","",{version:3,sources:["webpack://./Rater.vue","webpack://./src/views/Rater.vue"],names:[],mappings:"AACA;EACI,WAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACAJ;ADNA;EAQQ,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;ACCR;AACA,oCAAoC",sourcesContent:["\n.Rater {\n    width: 100%;\n    padding-top: 50px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    p {\n        text-indent: 10px;\n        font-weight: bold;\n        font-size: 14px;\n        margin: 10px 0;\n    }\n}\n",".Rater {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */"],sourceRoot:""}]);const r=A},9123(n,e,t){"use strict";t.r(e),t.d(e,{default:()=>i});const a={name:"rater",data:function(){return{rate:0,disabledRate:4.5}}};t(4142);const i=(0,t(4486).A)(a,function(){var n=this,e=n._self._c;return e("div",{staticClass:"Rater"},[e("p",[n._v("可点击评分")]),n._v(" "),e("Rater",{model:{value:n.rate,callback:function(e){n.rate=e},expression:"rate"}}),n._v(" "),e("span",[n._v(n._s(n.rate))]),n._v(" "),e("p",[n._v("不可点击评分")]),n._v(" "),e("Rater",{attrs:{disabled:""},model:{value:n.disabledRate,callback:function(e){n.disabledRate=e},expression:"disabledRate"}}),n._v(" "),e("span",[n._v(n._s(n.disabledRate))])],1)},[],!1,null,"3763261e",null).exports}}]);
+//# sourceMappingURL=rater.2a701809bfde6325d1a2.chunk.js.map

package/dist-prod/rater.2a701809bfde6325d1a2.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rater.2a701809bfde6325d1a2.chunk.js","mappings":"mFAGA,IAAIA,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,iBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,GAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,SAG/BE,EADH,UACO,WAAYP,GAAS,EAAM,CAAC,E,0FCNzCQ,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACN,EAAOC,GAAI,gUAcD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,wBAAwB,mCAAmC,MAAQ,GAAG,SAAW,4IAA4I,eAAiB,CAAC,gSAAgS,+RAA+R,WAAa,MAE93B,S,yDCTA,MCZqK,EDYrK,CACAM,KAAA,QACAC,KAAA,WACA,OACAC,KAAA,EACAC,aAAA,IAEA,G,QEAA,SAXgB,E,QAAA,GACd,ECTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,IAAI,CAACF,EAAIK,GAAG,WAAWL,EAAIK,GAAG,KAAKH,EAAG,QAAQ,CAACI,MAAM,CAACC,MAAOP,EAAIF,KAAMU,SAAS,SAAUC,GAAMT,EAAIF,KAAKW,CAAG,EAAEC,WAAW,UAAUV,EAAIK,GAAG,KAAKH,EAAG,OAAO,CAACF,EAAIK,GAAGL,EAAIW,GAAGX,EAAIF,SAASE,EAAIK,GAAG,KAAKH,EAAG,IAAI,CAACF,EAAIK,GAAG,YAAYL,EAAIK,GAAG,KAAKH,EAAG,QAAQ,CAACU,MAAM,CAAC,SAAW,IAAIN,MAAM,CAACC,MAAOP,EAAID,aAAcS,SAAS,SAAUC,GAAMT,EAAID,aAAaU,CAAG,EAAEC,WAAW,kBAAkBV,EAAIK,GAAG,KAAKH,EAAG,OAAO,CAACF,EAAIK,GAAGL,EAAIW,GAAGX,EAAID,kBAAkB,EACvhB,EACsB,IDUpB,EACA,KACA,WACA,M","sources":["webpack://dpzvc-ui/./src/views/Rater.vue?5a04","webpack://dpzvc-ui/./src/views/Rater.vue?3465","webpack://dpzvc-ui/src/views/Rater.vue","webpack://dpzvc-ui/./src/views/Rater.vue?6ab8","webpack://dpzvc-ui/./src/views/Rater.vue?bbed","webpack://dpzvc-ui/./src/views/Rater.vue"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/dist/cjs.js!../../node_modules/less-loader/dist/cjs.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=style&index=0&id=3763261e&prod&lang=less&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"6ceb7c19\", content, true, {});","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.Rater[data-v-3763261e] {\n  width: 100%;\n  padding-top: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.Rater p[data-v-3763261e] {\n  text-indent: 10px;\n  font-weight: bold;\n  font-size: 14px;\n  margin: 10px 0;\n}\n/*# sourceMappingURL=Rater.css.map */`, \"\",{\"version\":3,\"sources\":[\"webpack://./Rater.vue\",\"webpack://./src/views/Rater.vue\"],\"names\":[],\"mappings\":\"AACA;EACI,WAAA;EACA,iBAAA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;ACAJ;ADNA;EAQQ,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;ACCR;AACA,oCAAoC\",\"sourcesContent\":[\"\\n.Rater {\\n    width: 100%;\\n    padding-top: 50px;\\n    display: flex;\\n    flex-direction: column;\\n    justify-content: center;\\n    align-items: center;\\n    p {\\n        text-indent: 10px;\\n        font-weight: bold;\\n        font-size: 14px;\\n        margin: 10px 0;\\n    }\\n}\\n\",\".Rater {\\n  width: 100%;\\n  padding-top: 50px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n.Rater p {\\n  text-indent: 10px;\\n  font-weight: bold;\\n  font-size: 14px;\\n  margin: 10px 0;\\n}\\n/*# sourceMappingURL=Rater.css.map */\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","<template>\n    <div class=\"Rater\">\n        <p>可点击评分</p>\n        <Rater v-model=\"rate\"></Rater>\n        <span>{{rate}}</span>\n        <p>不可点击评分</p>\n        <Rater v-model=\"disabledRate\" disabled></Rater>\n        <span>{{disabledRate}}</span>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"rater\",\n        data(){\n            return {\n                rate:0,\n                disabledRate:4.5\n            }\n        }\n    }\n</script>\n\n<style lang=\"less\" scoped>\n    .Rater {\n        width: 100%;\n        padding-top: 50px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        p {\n            text-indent: 10px;\n            font-weight: bold;\n            font-size: 14px;\n            margin: 10px 0;\n        }\n    }\n</style>","import mod from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rater.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Rater.vue?vue&type=template&id=3763261e&scoped=true\"\nimport script from \"./Rater.vue?vue&type=script&lang=js\"\nexport * from \"./Rater.vue?vue&type=script&lang=js\"\nimport style0 from \"./Rater.vue?vue&type=style&index=0&id=3763261e&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3763261e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Rater\"},[_c('p',[_vm._v(\"可点击评分\")]),_vm._v(\" \"),_c('Rater',{model:{value:(_vm.rate),callback:function ($$v) {_vm.rate=$$v},expression:\"rate\"}}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.rate))]),_vm._v(\" \"),_c('p',[_vm._v(\"不可点击评分\")]),_vm._v(\" \"),_c('Rater',{attrs:{\"disabled\":\"\"},model:{value:(_vm.disabledRate),callback:function ($$v) {_vm.disabledRate=$$v},expression:\"disabledRate\"}}),_vm._v(\" \"),_c('span',[_vm._v(_vm._s(_vm.disabledRate))])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push","name","data","rate","disabledRate","_vm","this","_c","_self","staticClass","_v","model","value","callback","$$v","expression","_s","attrs"],"ignoreList":[],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dpzvc-ui",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Vue组件库",
   "main": "dist/dpzvc.js",
   "module": "dist/dpzvc.esm.js",
@@ -93,4 +93,4 @@
   "directories": {
     "example": "example"
   }
-}
+}

package/src/components/upload/upload.vue

@@ -11,7 +11,7 @@
 
     import EXIF from 'exif-js'
     // import MegaPixImage from '../../lib/MegaPixImage'
-    import * as MegaPixImage from '../../lib/MegaPixImage';
+    import MegaPixImage from '../../lib/MegaPixImage';
     import { JPEG } from '../../utils/util'
     const prefixCls = 'dpzvc-upload';
     export default {

package/src/lib/MegaPixImage.js

@@ -1,158 +1,162 @@
 // MegaPixImage.js
-(function (global, factory) {
-    if (typeof module === 'object' && typeof module.exports === 'object') {
-        module.exports = factory(); // CommonJS
-    } else if (typeof define === 'function' && define.amd) {
-        define([], factory); // AMD
-    } else {
-        global.MegaPixImage = factory(); // Browser global
-    }
-}(typeof window !== 'undefined' ? window : this, 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;
-        }
-    }
+// 将原先的 UMD/CommonJS 改为 ESM export default
 
-    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;
+// -------------------------
+// Helper functions
+// -------------------------
+function detectSubsampling(img) {
+    const iw = img.naturalWidth, ih = img.naturalHeight;
+    if (iw * ih > 1024 * 1024) {
+        const canvas = document.createElement('canvas');
+        canvas.width = canvas.height = 1;
+        const ctx = canvas.getContext('2d');
+        ctx.drawImage(img, -iw + 1, 0);
+        return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
     }
+    return false;
+}
 
-    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 detectVerticalSquash(img, iw, ih) {
+    const canvas = document.createElement('canvas');
+    canvas.width = 1;
+    canvas.height = ih;
+    const ctx = canvas.getContext('2d');
+    ctx.drawImage(img, 0, 0);
+    const data = ctx.getImageData(0, 0, 1, ih).data;
+    let sy = 0, ey = ih, py = ih;
+    while (py > sy) {
+        const alpha = data[(py - 1) * 4 + 3];
+        if (alpha === 0) ey = py;
+        else sy = py;
+        py = (ey + sy) >> 1;
     }
+    const ratio = py / ih;
+    return ratio === 0 ? 1 : ratio;
+}
+
+function renderImageToDataURL(img, options, doSquash) {
+    const canvas = document.createElement('canvas');
+    renderImageToCanvas(img, canvas, options, doSquash);
+    return canvas.toDataURL("image/jpeg", options.quality || 0.8);
+}
+
+function renderImageToCanvas(img, canvas, options, doSquash) {
+    let iw = img.naturalWidth, ih = img.naturalHeight;
+    if (!(iw + ih)) return;
 
-    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;
+    const width = options.width, height = options.height;
+    const ctx = canvas.getContext('2d');
+    ctx.save();
+    transformCoordinate(canvas, ctx, width, height, options.orientation);
+
+    const subsampled = detectSubsampling(img);
+    if (subsampled) { iw /= 2; ih /= 2; }
+
+    const d = 1024;
+    const tmpCanvas = document.createElement('canvas');
+    tmpCanvas.width = tmpCanvas.height = d;
+    const tmpCtx = tmpCanvas.getContext('2d');
+
+    const vertSquashRatio = doSquash ? detectVerticalSquash(img, iw, ih) : 1;
+    const dw = Math.ceil(d * width / iw);
+    const dh = Math.ceil(d * height / ih / vertSquashRatio);
+
+    let sy = 0, dy = 0;
+    while (sy < ih) {
+        let 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;
         }
-        ctx.restore();
-        tmpCanvas = tmpCtx = null;
+        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;
-        }
+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;
+const URL = window.URL && window.URL.createObjectURL ? window.URL :
+    window.webkitURL && window.webkitURL.createObjectURL ? window.webkitURL : null;
 
-    // -------------------------
-    // MegaPixImage class
-    // -------------------------
-    function MegaPixImage(srcImage) {
+// -------------------------
+// MegaPixImage class
+// -------------------------
+class MegaPixImage {
+    constructor(srcImage) {
         if (window.Blob && srcImage instanceof Blob) {
-            if (!URL) { throw Error("No createObjectURL function found"); }
-            var img = new Image();
+            if (!URL) throw Error("No createObjectURL function found");
+            const img = new Image();
             img.src = URL.createObjectURL(srcImage);
             this.blob = srcImage;
             srcImage = img;
         }
         if (!srcImage.naturalWidth && !srcImage.naturalHeight) {
-            var _this = this;
+            this.imageLoadListeners = [];
+            const _this = this;
             srcImage.onload = srcImage.onerror = function () {
-                var listeners = _this.imageLoadListeners;
+                const listeners = _this.imageLoadListeners;
                 if (listeners) {
                     _this.imageLoadListeners = null;
-                    for (var i = 0; i < listeners.length; i++) { listeners[i](); }
+                    listeners.forEach(fn => fn());
                 }
             };
-            this.imageLoadListeners = [];
         }
         this.srcImage = srcImage;
     }
 
-    MegaPixImage.prototype.render = function (target, options, callback) {
+    render(target, options, callback) {
         if (this.imageLoadListeners) {
-            var _this = this;
-            this.imageLoadListeners.push(function () { _this.render(target, options, callback); });
+            this.imageLoadListeners.push(() => { 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; }
+        const imgWidth = this.srcImage.naturalWidth, imgHeight = this.srcImage.naturalHeight;
+        let width = options.width, height = options.height;
+        const maxWidth = options.maxWidth, maxHeight = options.maxHeight;
+        const 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;
+        const opt = { width, height, ...options };
+        const 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
+// -------------------------
+export default MegaPixImage;

package/src/lib/MegaPixImageOld.js

@@ -0,0 +1,157 @@
+(function (global, factory) {
+    if (typeof module === 'object' && typeof module.exports === 'object') {
+        module.exports = factory(); // CommonJS
+    } else if (typeof define === 'function' && define.amd) {
+        define([], factory); // AMD
+    } else {
+        global.MegaPixImage = factory(); // Browser global
+    }
+}(typeof window !== 'undefined' ? window : this, 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;
+
+}));