w-ui
Version:
A Vue.js 2.0 UI Toolkit for mobile
1 lines • 53 kB
JavaScript
module.exports=function(t){function e(n){if(i[n])return i[n].exports;var a=i[n]={i:n,l:!1,exports:{}};return t[n].call(a.exports,a,a.exports,e),a.l=!0,a.exports}var i={};return e.m=t,e.c=i,e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=169)}({0:function(t,e){t.exports=function(t,e,i,n,a,o){var r,s=t=t||{},h=typeof t.default;"object"!==h&&"function"!==h||(r=t,s=t.default);var c="function"==typeof s?s.options:s;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),i&&(c.functional=!0),a&&(c._scopeId=a);var p;if(o?(p=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},c._ssrRegister=p):n&&(p=n),p){var l=c.functional,d=l?c.render:c.beforeCreate;l?(c._injectStyles=p,c.render=function(t,e){return p.call(e),d(t,e)}):c.beforeCreate=d?[].concat(d,p):[p]}return{esModule:r,exports:s,options:c}}},1:function(t,e,i){"use strict";function n(t,e){var i=t[1]||"",n=t[3];if(!n)return i;if(e&&"function"==typeof btoa){var o=a(n);return[i].concat(n.sources.map(function(t){return"/*# sourceURL="+n.sourceRoot+t+" */"})).concat([o]).join("\n")}return[i].join("\n")}function a(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var i=n(e,t);return e[2]?"@media "+e[2]+"{"+i+"}":i}).join("")},e.i=function(t,i){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},a=0;a<this.length;a++){var o=this[a][0];"number"==typeof o&&(n[o]=!0)}for(a=0;a<t.length;a++){var r=t[a];"number"==typeof r[0]&&n[r[0]]||(i&&!r[2]?r[2]=i:i&&(r[2]="("+r[2]+") and ("+i+")"),e.push(r))}},e}},169:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ImageClip=void 0;var n=i(170),a=function(t){return t&&t.__esModule?t:{default:t}}(n);e.ImageClip=a.default},170:function(t,e,i){"use strict";function n(t){h||i(171)}Object.defineProperty(e,"__esModule",{value:!0});var a=i(31),o=i.n(a);for(var r in a)"default"!==r&&function(t){i.d(e,t,function(){return a[t]})}(r);var s=i(177),h=!1,c=i(0),p=n,l=c(o.a,s.a,!1,p,"data-v-38133eb7",null);l.options.__file="packages/image-clip/src/ImageClip.vue",e.default=l.exports},171:function(t,e,i){var n=i(172);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);i(2)("015b5606",n,!1,{})},172:function(t,e,i){e=t.exports=i(1)(!1),e.push([t.i,"\n.wui-clip-modal .modal[data-v-38133eb7] {\n width: 100%;\n background-color: #fff;\n}\n.wui-clip-modal .modal .modal-content[data-v-38133eb7] {\n padding: 0.1rem;\n}\n.wui-clip-modal .modal .modal-content .container-bg[data-v-38133eb7] {\n width: 100%;\n min-height: 4rem;\n background-color: #f0f0f0;\n border-radius: 4px;\n text-align: center;\n padding: 10px;\n}\n.wui-clip-modal .modal .modal-content .container-bg .img-container[data-v-38133eb7] {\n position: relative;\n margin: auto;\n}\n.wui-clip-modal .modal .modal-content .container-bg .img-container img[data-v-38133eb7] {\n position: relative;\n width: 100%;\n}\n.wui-clip-modal .modal .modal-content .container-bg .img-container .shadow-box[data-v-38133eb7] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, .5);\n z-index: 1;\n}\n.wui-clip-modal .modal .modal-content .container-bg .reset-img[data-v-38133eb7] {\n position: relative;\n display: inline-block;\n color: #6d757a;\n font-size: 12px;\n cursor: pointer;\n overflow: hidden;\n margin-top: 1rem;\n}\n.wui-clip-modal .modal .modal-content .container-bg .reset-img input[data-v-38133eb7] {\n position: absolute;\n font-size: 100px;\n right: 0;\n top: 0;\n opacity: 0;\n cursor: pointer;\n}\n.wui-clip-modal .modal .modal-content .container-bg .reset-img[data-v-38133eb7]:hover {\n color: #00b5e5;\n}\n",""])},173:function(t,e,i){"use strict";function n(t,e){var i={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(i[n]=t[n]);return i}Object.defineProperty(e,"__esModule",{value:!0});var a=i(174),o=function(t){return t&&t.__esModule?t:{default:t}}(a);i(175),e.default={render:function(t){return t("div",{style:this.containerStyle},[t("img",{ref:"img",attrs:{src:this.src,alt:this.alt||"image",style:"max-width: 100%"},style:this.imgStyle})])},props:{containerStyle:Object,src:{type:String,default:""},alt:String,imgStyle:Object,viewMode:Number,dragMode:String,aspectRatio:Number,data:Object,preview:String,responsive:{type:Boolean,default:!0},restore:{type:Boolean,default:!0},checkCrossOrigin:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},guides:{type:Boolean,default:!0},center:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},background:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!0},autoCropArea:Number,movable:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},scalable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},zoomOnTouch:{type:Boolean,default:!0},zoomOnWheel:{type:Boolean,default:!0},wheelZoomRatio:Number,cropBoxMovable:{type:Boolean,default:!0},cropBoxResizable:{type:Boolean,default:!0},toggleDragModeOnDblclick:{type:Boolean,default:!0},minCanvasWidth:Number,minCanvasHeight:Number,minCropBoxWidth:Number,minCropBoxHeight:Number,minContainerWidth:Number,minContainerHeight:Number,ready:Function,cropstart:Function,cropmove:Function,cropend:Function,crop:Function,zoom:Function},mounted:function(){var t=this.$options.props,e=(t.containerStyle,t.src,t.alt,t.imgStyle,n(t,["containerStyle","src","alt","imgStyle"])),i={};for(var a in e)void 0!==this[a]&&(i[a]=this[a]);this.cropper=new o.default(this.$refs.img,i)},methods:{reset:function(){return this.cropper.reset()},clear:function(){return this.cropper.clear()},replace:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.cropper.replace(t,e)},enable:function(){return this.cropper.enable()},disable:function(){return this.cropper.disable()},destroy:function(){return this.cropper.destroy()},move:function(t,e){return this.cropper.move(t,e)},moveTo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;return this.cropper.moveTo(t,e)},relativeZoom:function(t,e){return this.cropper.zoom(t,e)},zoomTo:function(t,e){return this.cropper.zoomTo(t,e)},rotate:function(t){return this.cropper.rotate(t)},rotateTo:function(t){return this.cropper.rotateTo(t)},scaleX:function(t){return this.cropper.scaleX(t)},scaleY:function(t){return this.cropper.scaleY(t)},scale:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;return this.cropper.scale(t,e)},getData:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.cropper.getData(t)},setData:function(t){return this.cropper.setData(t)},getContainerData:function(){return this.cropper.getContainerData()},getImageData:function(){return this.cropper.getImageData()},getCanvasData:function(){return this.cropper.getCanvasData()},setCanvasData:function(t){return this.cropper.setCanvasData(t)},getCropBoxData:function(){return this.cropper.getCropBoxData()},setCropBoxData:function(t){return this.cropper.setCropBoxData(t)},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.cropper.getCroppedCanvas(t)},setAspectRatio:function(t){return this.cropper.setAspectRatio(t)},setDragMode:function(t){return this.cropper.setDragMode(t)}}}},174:function(t,e,i){"use strict";function n(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)}function a(t){return"number"==typeof t&&!it(t)}function o(t){return void 0===t}function r(t){return"object"===(void 0===t?"undefined":et(t))&&null!==t}function s(t){if(!r(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&nt.call(i,"isPrototypeOf")}catch(t){return!1}}function h(t){return"function"==typeof t}function c(t,e){if(t&&h(e))if(Array.isArray(t)||a(t.length)){var i=t.length,n=void 0;for(n=0;n<i&&!1!==e.call(t,t[n],n,t);n+=1);}else r(t)&&Object.keys(t).forEach(function(i){e.call(t,t[i],i,t)});return t}function p(t){for(var e=arguments.length,i=Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];if(r(t)&&i.length>0){if(Object.assign)return Object.assign.apply(Object,[t].concat(i));i.forEach(function(e){r(e)&&Object.keys(e).forEach(function(i){t[i]=e[i]})})}return t}function l(t,e){for(var i=arguments.length,n=Array(i>2?i-2:0),a=2;a<i;a++)n[a-2]=arguments[a];return function(){for(var i=arguments.length,a=Array(i),o=0;o<i;o++)a[o]=arguments[o];return t.apply(e,n.concat(a))}}function d(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return at.test(t)?Math.round(t*e)/e:t}function u(t,e){var i=t.style;c(e,function(t,e){ot.test(e)&&a(t)&&(t+="px"),i[e]=t})}function m(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function f(t,e){if(e){if(a(t.length))return void c(t,function(t){f(t,e)});if(t.classList)return void t.classList.add(e);var i=t.className.trim();i?i.indexOf(e)<0&&(t.className=i+" "+e):t.className=e}}function g(t,e){if(e)return a(t.length)?void c(t,function(t){g(t,e)}):t.classList?void t.classList.remove(e):void(t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,"")))}function v(t,e,i){if(e)return a(t.length)?void c(t,function(t){v(t,e,i)}):void(i?f(t,e):g(t,e))}function b(t){return t.replace(rt,"$1-$2").toLowerCase()}function w(t,e){return r(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-"+b(e))}function x(t,e,i){r(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-"+b(e),i)}function y(t,e){if(r(t[e]))delete t[e];else if(t.dataset)try{delete t.dataset[e]}catch(i){t.dataset[e]=null}else t.removeAttribute("data-"+b(e))}function C(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(h(i)){var a=e.trim().split(st);if(a.length>1)return void c(a,function(e){C(t,e,i)});h(i.onceListener)&&(i=i.onceListener,delete i.onceListener),t.removeEventListener?t.removeEventListener(e,i,n):t.detachEvent&&t.detachEvent("on"+e,i)}}function M(t,e,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(h(i)){var a=e.trim().split(st);if(a.length>1)return void c(a,function(e){M(t,e,i)});if(n.once){var o=i,r=function i(){for(var n=arguments.length,a=Array(n),r=0;r<n;r++)a[r]=arguments[r];return C(t,e,i),o.apply(t,a)};o.onceListener=r,i=r}t.addEventListener?t.addEventListener(e,i,n):t.attachEvent&&t.attachEvent("on"+e,i)}}function D(t,e,i){if(t.dispatchEvent){var n=void 0;return h(Event)&&h(CustomEvent)?n=o(i)?new Event(e,{bubbles:!0,cancelable:!0}):new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):o(i)?(n=document.createEvent("Event"),n.initEvent(e,!0,!0)):(n=document.createEvent("CustomEvent"),n.initCustomEvent(e,!0,!0,i)),t.dispatchEvent(n)}return!t.fireEvent||t.fireEvent("on"+e)}function B(t){var e=document.documentElement,i=t.getBoundingClientRect();return{left:i.left+((window.scrollX||e&&e.scrollLeft||0)-(e&&e.clientLeft||0)),top:i.top+((window.scrollY||e&&e.scrollTop||0)-(e&&e.clientTop||0))}}function k(t){for(;t.firstChild;)t.removeChild(t.firstChild)}function A(t){var e=t.match(ct);return e&&(e[1]!==ht.protocol||e[2]!==ht.hostname||e[3]!==ht.port)}function S(t){var e="timestamp="+(new Date).getTime();return t+(-1===t.indexOf("?")?"?":"&")+e}function T(t){var e=t.rotate,i=t.scaleX,n=t.scaleY,o=t.translateX,r=t.translateY,s=[];a(o)&&0!==o&&s.push("translateX("+o+"px)"),a(r)&&0!==r&&s.push("translateY("+r+"px)"),a(e)&&0!==e&&s.push("rotate("+e+"deg)"),a(i)&&1!==i&&s.push("scaleX("+i+")"),a(n)&&1!==n&&s.push("scaleY("+n+")");var h=s.length?s.join(" "):"none";return{WebkitTransform:h,msTransform:h,transform:h}}function N(t,e){if(t.naturalWidth&&!lt)return void e(t.naturalWidth,t.naturalHeight);var i=document.createElement("img");i.onload=function(){e(i.width,i.height)},i.src=t.src}function E(t){var e=p({},t),i=[];return c(t,function(t,n){delete e[n],c(e,function(e){var n=Math.abs(t.startX-e.startX),a=Math.abs(t.startY-e.startY),o=Math.abs(t.endX-e.endX),r=Math.abs(t.endY-e.endY),s=Math.sqrt(n*n+a*a),h=Math.sqrt(o*o+r*r),c=(h-s)/s;i.push(c)})}),i.sort(function(t,e){return Math.abs(t)<Math.abs(e)}),i[0]}function z(t,e){var i=t.pageX,n=t.pageY,a={endX:i,endY:n};return e?a:p({startX:i,startY:n},a)}function O(t){var e=0,i=0,n=0;return c(t,function(t){var a=t.startX,o=t.startY;e+=a,i+=o,n+=1}),e/=n,i/=n,{pageX:e,pageY:i}}function W(t){var e=t.aspectRatio,i=t.height,n=t.width,a=function(t){return dt(t)&&t>0};return a(n)&&a(i)?i*e>n?i=n/e:n=i*e:a(n)?i=n/e:a(i)&&(n=i*e),{width:n,height:i}}function H(t){var e=t.width,i=t.height,n=t.degree;if((n=Math.abs(n))%180==90)return{width:i,height:e};var a=n%90*Math.PI/180,o=Math.sin(a),r=Math.cos(a);return{width:e*r+i*o,height:e*o+i*r}}function R(t,e,i,a){var o=e.naturalWidth,r=e.naturalHeight,s=e.rotate,h=void 0===s?0:s,c=e.scaleX,p=void 0===c?1:c,l=e.scaleY,u=void 0===l?1:l,m=i.aspectRatio,f=i.naturalWidth,g=i.naturalHeight,v=a.fillColor,b=void 0===v?"transparent":v,w=a.imageSmoothingEnabled,x=void 0===w||w,y=a.imageSmoothingQuality,C=void 0===y?"low":y,M=a.maxWidth,D=void 0===M?1/0:M,B=a.maxHeight,k=void 0===B?1/0:B,A=a.minWidth,S=void 0===A?0:A,T=a.minHeight,N=void 0===T?0:T,E=document.createElement("canvas"),z=E.getContext("2d"),O=W({aspectRatio:m,width:D,height:k}),H=W({aspectRatio:m,width:S,height:N}),R=Math.min(O.width,Math.max(H.width,f)),L=Math.min(O.height,Math.max(H.height,g)),X=[-o/2,-r/2,o,r];return E.width=d(R),E.height=d(L),z.fillStyle=b,z.fillRect(0,0,R,L),z.save(),z.translate(R/2,L/2),z.rotate(h*Math.PI/180),z.scale(p,u),z.imageSmoothingEnabled=x,z.imageSmoothingQuality=C,z.drawImage.apply(z,[t].concat(n(X.map(function(t){return Math.floor(d(t))})))),z.restore(),E}function L(t,e,i){var n="",a=void 0;for(i+=e,a=e;a<i;a+=1)n+=ut(t.getUint8(a));return n}function X(t){var e=t.replace(mt,""),i=atob(e),n=new ArrayBuffer(i.length),a=new Uint8Array(n);return c(a,function(t,e){a[e]=i.charCodeAt(e)}),n}function _(t,e){var i=new Uint8Array(t),n="";return c(i,function(t){n+=ut(t)}),"data:"+e+";base64,"+btoa(n)}function Y(t){var e=new DataView(t),i=void 0,n=void 0,a=void 0,o=void 0;if(255===e.getUint8(0)&&216===e.getUint8(1))for(var r=e.byteLength,s=2;s<r;){if(255===e.getUint8(s)&&225===e.getUint8(s+1)){a=s;break}s+=1}if(a){var h=a+4,c=a+10;if("Exif"===L(e,h,4)){var p=e.getUint16(c);if(((n=18761===p)||19789===p)&&42===e.getUint16(c+2,n)){var l=e.getUint32(c+4,n);l>=8&&(o=c+l)}}}if(o){var d=e.getUint16(o,n),u=void 0,m=void 0;for(m=0;m<d;m+=1)if(u=o+12*m+2,274===e.getUint16(u,n)){u+=8,i=e.getUint16(u,n),e.setUint16(u,1,n);break}}return i}function j(t){var e=0,i=1,n=1;switch(t){case 2:i=-1;break;case 3:e=-180;break;case 4:n=-1;break;case 5:e=90,n=-1;break;case 6:e=90;break;case 7:e=90,i=-1;break;case 8:e=-90}return{rotate:e,scaleX:i,scaleY:n}}function U(t){if(Array.isArray(t)){for(var e=0,i=Array(t.length);e<t.length;e++)i[e]=t[e];return i}return Array.from(t)}function I(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},$="undefined"!=typeof window?window:{},F="cropper-hidden",q=$.PointerEvent?"pointerdown":"touchstart mousedown",V=$.PointerEvent?"pointermove":"touchmove mousemove",Q=$.PointerEvent?" pointerup pointercancel":"touchend touchcancel mouseup",Z=/^(e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/,G=/^data:/,J=/^data:image\/jpeg;base64,/,K=/^(img|canvas)$/i,tt={viewMode:0,dragMode:"crop",aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},et="function"==typeof Symbol&&"symbol"===P(Symbol.iterator)?function(t){return void 0===t?"undefined":P(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":void 0===t?"undefined":P(t)},it=Number.isNaN||$.isNaN,nt=Object.prototype.hasOwnProperty,at=/\.\d*(?:0|9){12}\d*$/i,ot=/^(width|height|left|top|marginLeft|marginTop)$/,rt=/([a-z\d])([A-Z])/g,st=/\s+/,ht=$.location,ct=/^(https?:)\/\/([^:\/?#]+):?(\d*)/i,pt=$.navigator,lt=pt&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(pt.userAgent),dt=Number.isFinite||$.isFinite,ut=String.fromCharCode,mt=/^data:.*,/,ft={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,n=this.cropper;f(n,F),g(t,F);var a={width:Math.max(i.offsetWidth,Number(e.minContainerWidth)||200),height:Math.max(i.offsetHeight,Number(e.minContainerHeight)||100)};this.containerData=a,u(n,{width:a.width,height:a.height}),f(t,F),g(n,F)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,n=Math.abs(e.rotate)%180==90,a=n?e.naturalHeight:e.naturalWidth,o=n?e.naturalWidth:e.naturalHeight,r=a/o,s=t.width,h=t.height;t.height*r>t.width?3===i?s=t.height*r:h=t.width/r:3===i?h=t.width/r:s=t.height*r;var c={aspectRatio:r,naturalWidth:a,naturalHeight:o,width:s,height:h};c.left=(t.width-s)/2,c.top=(t.height-h)/2,c.oldLeft=c.left,c.oldTop=c.top,this.canvasData=c,this.limited=1===i||2===i,this.limitCanvas(!0,!0),this.initialImageData=p({},e),this.initialCanvasData=p({},c)},limitCanvas:function(t,e){var i=this.options,n=this.containerData,a=this.canvasData,o=this.cropBoxData,r=i.viewMode,s=a.aspectRatio,h=this.cropped&&o;if(t){var c=Number(i.minCanvasWidth)||0,p=Number(i.minCanvasHeight)||0;r>1?(c=Math.max(c,n.width),p=Math.max(p,n.height),3===r&&(p*s>c?c=p*s:p=c/s)):r>0&&(c?c=Math.max(c,h?o.width:0):p?p=Math.max(p,h?o.height:0):h&&(c=o.width,p=o.height,p*s>c?c=p*s:p=c/s));var l=W({aspectRatio:s,width:c,height:p});c=l.width,p=l.height,a.minWidth=c,a.minHeight=p,a.maxWidth=1/0,a.maxHeight=1/0}if(e)if(r){var d=n.width-a.width,u=n.height-a.height;a.minLeft=Math.min(0,d),a.minTop=Math.min(0,u),a.maxLeft=Math.max(0,d),a.maxTop=Math.max(0,u),h&&this.limited&&(a.minLeft=Math.min(o.left,o.left+(o.width-a.width)),a.minTop=Math.min(o.top,o.top+(o.height-a.height)),a.maxLeft=o.left,a.maxTop=o.top,2===r&&(a.width>=n.width&&(a.minLeft=Math.min(0,d),a.maxLeft=Math.max(0,d)),a.height>=n.height&&(a.minTop=Math.min(0,u),a.maxTop=Math.max(0,u))))}else a.minLeft=-a.width,a.minTop=-a.height,a.maxLeft=n.width,a.maxTop=n.height},renderCanvas:function(t,e){var i=this.canvasData,n=this.imageData;if(e){var a=H({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),o=a.width,r=a.height,s=i.width*(o/i.naturalWidth),h=i.height*(r/i.naturalHeight);i.left-=(s-i.width)/2,i.top-=(h-i.height)/2,i.width=s,i.height=h,i.aspectRatio=o/r,i.naturalWidth=o,i.naturalHeight=r,this.limitCanvas(!0,!1)}(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,u(this.canvas,p({width:i.width,height:i.height},T({translateX:i.left,translateY:i.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,i=this.imageData,n=i.naturalWidth*(e.width/e.naturalWidth),a=i.naturalHeight*(e.height/e.naturalHeight);p(i,{width:n,height:a,left:(e.width-n)/2,top:(e.height-a)/2}),u(this.image,p({width:i.width,height:i.height},T(p({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio,n=Number(t.autoCropArea)||.8,a={width:e.width,height:e.height};i&&(e.height*i>e.width?a.height=a.width/i:a.width=a.height*i),this.cropBoxData=a,this.limitCropBox(!0,!0),a.width=Math.min(Math.max(a.width,a.minWidth),a.maxWidth),a.height=Math.min(Math.max(a.height,a.minHeight),a.maxHeight),a.width=Math.max(a.minWidth,a.width*n),a.height=Math.max(a.minHeight,a.height*n),a.left=e.left+(e.width-a.width)/2,a.top=e.top+(e.height-a.height)/2,a.oldLeft=a.left,a.oldTop=a.top,this.initialCropBoxData=p({},a)},limitCropBox:function(t,e){var i=this.options,n=this.containerData,a=this.canvasData,o=this.cropBoxData,r=this.limited,s=i.aspectRatio;if(t){var h=Number(i.minCropBoxWidth)||0,c=Number(i.minCropBoxHeight)||0,p=Math.min(n.width,r?a.width:n.width),l=Math.min(n.height,r?a.height:n.height);h=Math.min(h,n.width),c=Math.min(c,n.height),s&&(h&&c?c*s>h?c=h/s:h=c*s:h?c=h/s:c&&(h=c*s),l*s>p?l=p/s:p=l*s),o.minWidth=Math.min(h,p),o.minHeight=Math.min(c,l),o.maxWidth=p,o.maxHeight=l}e&&(r?(o.minLeft=Math.max(0,a.left),o.minTop=Math.max(0,a.top),o.maxLeft=Math.min(n.width,a.left+a.width)-o.width,o.maxTop=Math.min(n.height,a.top+a.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=n.width-o.width,o.maxTop=n.height-o.height))},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,t.movable&&t.cropBoxMovable&&x(this.face,"action",i.width>=e.width&&i.height>=e.height?"move":"all"),u(this.cropBox,p({width:i.width,height:i.height},T({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),this.complete&&D(this.element,"crop",this.getData())}},gt={initPreview:function(){var t=this.crossOrigin,e=this.options.preview,i=t?this.crossOriginUrl:this.url,n=document.createElement("img");if(t&&(n.crossOrigin=t),n.src=i,this.viewBox.appendChild(n),this.image2=n,e){var a=e.querySelector?[e]:document.querySelectorAll(e);this.previews=a,c(a,function(e){var n=document.createElement("img");x(e,"preview",{width:e.offsetWidth,height:e.offsetHeight,html:e.innerHTML}),t&&(n.crossOrigin=t),n.src=i,n.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',k(e),e.appendChild(n)})}},resetPreview:function(){c(this.previews,function(t){var e=w(t,"preview");u(t,{width:e.width,height:e.height}),t.innerHTML=e.html,y(t,"preview")})},preview:function(){var t=this.imageData,e=this.canvasData,i=this.cropBoxData,n=i.width,a=i.height,o=t.width,r=t.height,s=i.left-e.left-t.left,h=i.top-e.top-t.top;this.cropped&&!this.disabled&&(u(this.image2,p({width:o,height:r},T(p({translateX:-s,translateY:-h},t)))),c(this.previews,function(e){var i=w(e,"preview"),c=i.width,l=i.height,d=c,m=l,f=1;n&&(f=c/n,m=a*f),a&&m>l&&(f=l/a,d=n*f,m=l),u(e,{width:d,height:m}),u(e.getElementsByTagName("img")[0],p({width:o*f,height:r*f},T(p({translateX:-s*f,translateY:-h*f},t))))}))}},vt={bind:function(){var t=this.element,e=this.options,i=this.cropper;h(e.cropstart)&&M(t,"cropstart",e.cropstart),h(e.cropmove)&&M(t,"cropmove",e.cropmove),h(e.cropend)&&M(t,"cropend",e.cropend),h(e.crop)&&M(t,"crop",e.crop),h(e.zoom)&&M(t,"zoom",e.zoom),M(i,q,this.onCropStart=l(this.cropStart,this)),e.zoomable&&e.zoomOnWheel&&M(i,"wheel mousewheel DOMMouseScroll",this.onWheel=l(this.wheel,this)),e.toggleDragModeOnDblclick&&M(i,"dblclick",this.onDblclick=l(this.dblclick,this)),M(document,V,this.onCropMove=l(this.cropMove,this)),M(document,Q,this.onCropEnd=l(this.cropEnd,this)),e.responsive&&M(window,"resize",this.onResize=l(this.resize,this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;h(e.cropstart)&&C(t,"cropstart",e.cropstart),h(e.cropmove)&&C(t,"cropmove",e.cropmove),h(e.cropend)&&C(t,"cropend",e.cropend),h(e.crop)&&C(t,"crop",e.crop),h(e.zoom)&&C(t,"zoom",e.zoom),C(i,q,this.onCropStart),e.zoomable&&e.zoomOnWheel&&C(i,"wheel mousewheel DOMMouseScroll",this.onWheel),e.toggleDragModeOnDblclick&&C(i,"dblclick",this.onDblclick),C(document,V,this.onCropMove),C(document,Q,this.onCropEnd),e.responsive&&C(window,"resize",this.onResize)}},bt={resize:function(){var t=this.options,e=this.container,i=this.containerData,n=Number(t.minContainerWidth)||200,a=Number(t.minContainerHeight)||100;if(!(this.disabled||i.width<=n||i.height<=a)){var o=e.offsetWidth/i.width;if(1!==o||e.offsetHeight!==i.height){var r=void 0,s=void 0;t.restore&&(r=this.getCanvasData(),s=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(c(r,function(t,e){r[e]=t*o})),this.setCropBoxData(c(s,function(t,e){s[e]=t*o})))}}},dblclick:function(){this.disabled||"none"===this.options.dragMode||this.setDragMode(m(this.dragBox,"cropper-crop")?"move":"crop")},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*i,t)))},cropStart:function(t){if(!this.disabled){var e=this.options,i=this.pointers,n=void 0;t.changedTouches?c(t.changedTouches,function(t){i[t.identifier]=z(t)}):i[t.pointerId||0]=z(t),n=Object.keys(i).length>1&&e.zoomable&&e.zoomOnTouch?"zoom":w(t.target,"action"),Z.test(n)&&!1!==D(this.element,"cropstart",{originalEvent:t,action:n})&&(t.preventDefault(),this.action=n,this.cropping=!1,"crop"===n&&(this.cropping=!0,f(this.dragBox,"cropper-modal")))}},cropMove:function(t){var e=this.action;if(!this.disabled&&e){var i=this.pointers;t.preventDefault(),!1!==D(this.element,"cropmove",{originalEvent:t,action:e})&&(t.changedTouches?c(t.changedTouches,function(t){p(i[t.identifier],z(t,!0))}):p(i[t.pointerId||0],z(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,i=this.pointers;t.changedTouches?c(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,v(this.dragBox,"cropper-modal",this.cropped&&this.options.modal)),D(this.element,"cropend",{originalEvent:t,action:e}))}}},wt={change:function(t){var e=this.options,i=this.canvasData,n=this.containerData,a=this.cropBoxData,o=this.pointers,r=this.action,s=e.aspectRatio,h=a.left,p=a.top,l=a.width,d=a.height,u=h+l,m=p+d,f=0,v=0,b=n.width,w=n.height,x=!0,y=void 0;!s&&t.shiftKey&&(s=l&&d?l/d:1),this.limited&&(f=a.minLeft,v=a.minTop,b=f+Math.min(n.width,i.width,i.left+i.width),w=v+Math.min(n.height,i.height,i.top+i.height));var C=o[Object.keys(o)[0]],M={x:C.endX-C.startX,y:C.endY-C.startY},D=function(t){switch(t){case"e":u+M.x>b&&(M.x=b-u);break;case"w":h+M.x<f&&(M.x=f-h);break;case"n":p+M.y<v&&(M.y=v-p);break;case"s":m+M.y>w&&(M.y=w-m)}};switch(r){case"all":h+=M.x,p+=M.y;break;case"e":if(M.x>=0&&(u>=b||s&&(p<=v||m>=w))){x=!1;break}D("e"),l+=M.x,s&&(d=l/s,p-=M.x/s/2),l<0&&(r="w",l=0);break;case"n":if(M.y<=0&&(p<=v||s&&(h<=f||u>=b))){x=!1;break}D("n"),d-=M.y,p+=M.y,s&&(l=d*s,h+=M.y*s/2),d<0&&(r="s",d=0);break;case"w":if(M.x<=0&&(h<=f||s&&(p<=v||m>=w))){x=!1;break}D("w"),l-=M.x,h+=M.x,s&&(d=l/s,p+=M.x/s/2),l<0&&(r="e",l=0);break;case"s":if(M.y>=0&&(m>=w||s&&(h<=f||u>=b))){x=!1;break}D("s"),d+=M.y,s&&(l=d*s,h-=M.y*s/2),d<0&&(r="n",d=0);break;case"ne":if(s){if(M.y<=0&&(p<=v||u>=b)){x=!1;break}D("n"),d-=M.y,p+=M.y,l=d*s}else D("n"),D("e"),M.x>=0?u<b?l+=M.x:M.y<=0&&p<=v&&(x=!1):l+=M.x,M.y<=0?p>v&&(d-=M.y,p+=M.y):(d-=M.y,p+=M.y);l<0&&d<0?(r="sw",d=0,l=0):l<0?(r="nw",l=0):d<0&&(r="se",d=0);break;case"nw":if(s){if(M.y<=0&&(p<=v||h<=f)){x=!1;break}D("n"),d-=M.y,p+=M.y,l=d*s,h+=M.y*s}else D("n"),D("w"),M.x<=0?h>f?(l-=M.x,h+=M.x):M.y<=0&&p<=v&&(x=!1):(l-=M.x,h+=M.x),M.y<=0?p>v&&(d-=M.y,p+=M.y):(d-=M.y,p+=M.y);l<0&&d<0?(r="se",d=0,l=0):l<0?(r="ne",l=0):d<0&&(r="sw",d=0);break;case"sw":if(s){if(M.x<=0&&(h<=f||m>=w)){x=!1;break}D("w"),l-=M.x,h+=M.x,d=l/s}else D("s"),D("w"),M.x<=0?h>f?(l-=M.x,h+=M.x):M.y>=0&&m>=w&&(x=!1):(l-=M.x,h+=M.x),M.y>=0?m<w&&(d+=M.y):d+=M.y;l<0&&d<0?(r="ne",d=0,l=0):l<0?(r="se",l=0):d<0&&(r="nw",d=0);break;case"se":if(s){if(M.x>=0&&(u>=b||m>=w)){x=!1;break}D("e"),l+=M.x,d=l/s}else D("s"),D("e"),M.x>=0?u<b?l+=M.x:M.y>=0&&m>=w&&(x=!1):l+=M.x,M.y>=0?m<w&&(d+=M.y):d+=M.y;l<0&&d<0?(r="nw",d=0,l=0):l<0?(r="sw",l=0):d<0&&(r="ne",d=0);break;case"move":this.move(M.x,M.y),x=!1;break;case"zoom":this.zoom(E(o),t),x=!1;break;case"crop":if(!M.x||!M.y){x=!1;break}y=B(this.cropper),h=C.startX-y.left,p=C.startY-y.top,l=a.minWidth,d=a.minHeight,M.x>0?r=M.y>0?"se":"ne":M.x<0&&(h-=l,r=M.y>0?"sw":"nw"),M.y<0&&(p-=d),this.cropped||(g(this.cropBox,F),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}x&&(a.width=l,a.height=d,a.left=h,a.top=p,this.action=r,this.renderCropBox()),c(o,function(t){t.startX=t.endX,t.startY=t.endY})}},xt={crop:function(){return this.ready&&!this.disabled&&(this.cropped||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&f(this.dragBox,"cropper-modal"),g(this.cropBox,F)),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=p({},this.initialImageData),this.canvasData=p({},this.initialCanvasData),this.cropBoxData=p({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(p(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),g(this.dragBox,"cropper-modal"),f(this.cropBox,F)),this},replace:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),e?(this.url=t,this.image.src=t,this.ready&&(this.image2.src=t,c(this.previews,function(e){e.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.load(t))),this},enable:function(){return this.ready&&(this.disabled=!1,g(this.cropper,"cropper-disabled")),this},disable:function(){return this.ready&&(this.disabled=!0,f(this.cropper,"cropper-disabled")),this},destroy:function(){var t=this.element,e=this.image;return this.loaded?(this.isImg&&this.replaced&&(t.src=this.originalUrl),this.unbuild(),g(t,F)):this.isImg?C(t,"load",this.onStart):e&&e.parentNode.removeChild(e),y(t,"cropper"),this},move:function(t,e){var i=this.canvasData,n=i.left,a=i.top;return this.moveTo(o(t)?t:n+Number(t),o(e)?e:a+Number(e))},moveTo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(a(t)&&(i.left=t,n=!0),a(e)&&(i.top=e,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,e){var i=this.canvasData;return t=Number(t),t=t<0?1/(1-t):1+t,this.zoomTo(i.width*t/i.naturalWidth,e)},zoomTo:function(t,e){var i=this.options,n=this.canvasData,a=n.width,o=n.height,r=n.naturalWidth,s=n.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&i.zoomable){var h=r*t,c=s*t;if(!1===D(this.element,"zoom",{originalEvent:e,oldRatio:a/r,ratio:h/r}))return this;if(e){var p=this.pointers,l=B(this.cropper),d=p&&Object.keys(p).length?O(p):{pageX:e.pageX,pageY:e.pageY};n.left-=(h-a)*((d.pageX-l.left-n.left)/a),n.top-=(c-o)*((d.pageY-l.top-n.top)/o)}else n.left-=(h-a)/2,n.top-=(c-o)/2;n.width=h,n.height=c,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),a(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,a(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(a(e)?e:1,t)},scale:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(a(t)&&(i.scaleX=t,n=!0),a(e)&&(i.scaleY=e,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.options,i=this.imageData,n=this.canvasData,a=this.cropBoxData,o=void 0;if(this.ready&&this.cropped){o={x:a.left-n.left,y:a.top-n.top,width:a.width,height:a.height};var r=i.width/i.naturalWidth;c(o,function(e,i){e/=r,o[i]=t?Math.round(e):e})}else o={x:0,y:0,width:0,height:0};return e.rotatable&&(o.rotate=i.rotate||0),e.scalable&&(o.scaleX=i.scaleX||1,o.scaleY=i.scaleY||1),o},setData:function(t){var e=this.options,i=this.imageData,n=this.canvasData,o={};if(h(t)&&(t=t.call(this.element)),this.ready&&!this.disabled&&s(t)){var r=!1;e.rotatable&&a(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,r=!0),e.scalable&&(a(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,r=!0),a(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,r=!0)),r&&this.renderCanvas(!0,!0);var c=i.width/i.naturalWidth;a(t.x)&&(o.left=t.x*c+n.left),a(t.y)&&(o.top=t.y*c+n.top),a(t.width)&&(o.width=t.width*c),a(t.height)&&(o.height=t.height*c),this.setCropBoxData(o)}return this},getContainerData:function(){return this.ready?p({},this.containerData):{}},getImageData:function(){return this.loaded?p({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,e={};return this.ready&&c(["left","top","width","height","naturalWidth","naturalHeight"],function(i){e[i]=t[i]}),e},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return h(t)&&(t=t.call(this.element)),this.ready&&!this.disabled&&s(t)&&(a(t.left)&&(e.left=t.left),a(t.top)&&(e.top=t.top),a(t.width)?(e.width=t.width,e.height=t.width/i):a(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,e=void 0;return this.ready&&this.cropped&&(e={left:t.left,top:t.top,width:t.width,height:t.height}),e||{}},setCropBoxData:function(t){var e=this.cropBoxData,i=this.options.aspectRatio,n=void 0,o=void 0;return h(t)&&(t=t.call(this.element)),this.ready&&this.cropped&&!this.disabled&&s(t)&&(a(t.left)&&(e.left=t.left),a(t.top)&&(e.top=t.top),a(t.width)&&t.width!==e.width&&(n=!0,e.width=t.width),a(t.height)&&t.height!==e.height&&(o=!0,e.height=t.height),i&&(n?e.height=e.width/i:o&&(e.width=e.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=R(this.image,this.imageData,e,t);if(!this.cropped)return i;var n=this.getData(),a=n.x,o=n.y,r=n.width,s=n.height,h=r/s,c=W({aspectRatio:h,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),p=W({aspectRatio:h,width:t.minWidth||0,height:t.minHeight||0}),l=W({aspectRatio:h,width:t.width||r,height:t.height||s}),u=l.width,m=l.height;u=Math.min(c.width,Math.max(p.width,u)),m=Math.min(c.height,Math.max(p.height,m));var f=document.createElement("canvas"),g=f.getContext("2d");f.width=d(u),f.height=d(m),g.fillStyle=t.fillColor||"transparent",g.fillRect(0,0,u,m);var v=t.imageSmoothingEnabled,b=void 0===v||v,w=t.imageSmoothingQuality;g.imageSmoothingEnabled=b,w&&(g.imageSmoothingQuality=w);var x=i.width,y=i.height,C=a,M=o,D=void 0,B=void 0,k=void 0,A=void 0,S=void 0,T=void 0;C<=-r||C>x?(C=0,D=0,k=0,S=0):C<=0?(k=-C,C=0,D=Math.min(x,r+C),S=D):C<=x&&(k=0,D=Math.min(r,x-C),S=D),D<=0||M<=-s||M>y?(M=0,B=0,A=0,T=0):M<=0?(A=-M,M=0,B=Math.min(y,s+M),T=B):M<=y&&(A=0,B=Math.min(s,y-M),T=B);var N=[C,M,D,B];if(S>0&&T>0){var E=u/r;N.push(k*E,A*E,S*E,T*E)}return g.drawImage.apply(g,[i].concat(U(N.map(function(t){return Math.floor(d(t))})))),f},setAspectRatio:function(t){var e=this.options;return this.disabled||o(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var e=this.options,i=this.dragBox,n=this.face;if(this.loaded&&!this.disabled){var a="crop"===t,o=e.movable&&"move"===t;t=a||o?t:"none",x(i,"action",t),v(i,"cropper-crop",a),v(i,"cropper-move",o),e.cropBoxMovable||(x(n,"action",t),v(n,"cropper-crop",a),v(n,"cropper-move",o))}return this}},yt=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),Ct=$.Cropper,Mt=function(){function t(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(I(this,t),!e||!K.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=p({},tt,s(i)&&i),this.complete=!1,this.cropped=!1,this.disabled=!1,this.isImg=!1,this.limited=!1,this.loaded=!1,this.ready=!1,this.replaced=!1,this.wheeling=!1,this.originalUrl="",this.canvasData=null,this.cropBoxData=null,this.previews=null,this.pointers={},this.init()}return yt(t,[{key:"init",value:function(){var t=this.element,e=t.tagName.toLowerCase(),i=void 0;if(!w(t,"cropper")){if(x(t,"cropper",this),"img"===e){if(this.isImg=!0,i=t.getAttribute("src")||"",this.originalUrl=i,!i)return;i=t.src}else"canvas"===e&&window.HTMLCanvasElement&&(i=t.toDataURL());this.load(i)}}},{key:"load",value:function(t){var e=this;if(t){this.url=t,this.imageData={};var i=this.element,n=this.options;if(!n.checkOrientation||!window.ArrayBuffer)return void this.clone();if(G.test(t))return void(J.test(t)?this.read(X(t)):this.clone());var a=new XMLHttpRequest;a.onerror=function(){e.clone()},a.onload=function(){e.read(a.response)},n.checkCrossOrigin&&A(t)&&i.crossOrigin&&(t=S(t)),a.open("get",t),a.responseType="arraybuffer",a.withCredentials="use-credentials"===i.crossOrigin,a.send()}}},{key:"read",value:function(t){var e=this.options,i=this.imageData,n=Y(t),a=0,o=1,r=1;if(n>1){this.url=_(t,"image/jpeg");var s=j(n);a=s.rotate,o=s.scaleX,r=s.scaleY}e.rotatable&&(i.rotate=a),e.scalable&&(i.scaleX=o,i.scaleY=r),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,i=void 0,n=void 0;this.options.checkCrossOrigin&&A(e)&&(i=t.crossOrigin,i?n=e:(i="anonymous",n=S(e))),this.crossOrigin=i,this.crossOriginUrl=n;var a=document.createElement("img");i&&(a.crossOrigin=i),a.src=n||e;var o=l(this.start,this),r=l(this.stop,this);this.image=a,this.onStart=o,this.onStop=r,this.isImg?t.complete?this.start():M(t,"load",o):(M(a,"load",o),M(a,"error",r),f(a,"cropper-hide"),t.parentNode.insertBefore(a,t.nextSibling))}},{key:"start",value:function(t){var e=this,i=this.isImg?this.element:this.image;t&&(C(i,"load",this.onStart),C(i,"error",this.onStop)),N(i,function(t,i){p(e.imageData,{naturalWidth:t,naturalHeight:i,aspectRatio:t/i}),e.loaded=!0,e.build()})}},{key:"stop",value:function(){var t=this.image;C(t,"load",this.onStart),C(t,"error",this.onStop),t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){var t=this;if(this.loaded){this.ready&&this.unbuild();var e=this.element,i=this.options,n=this.image,a=e.parentNode,o=document.createElement("div");o.innerHTML='<div class="cropper-container"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-action="e"></span><span class="cropper-line line-n" data-action="n"></span><span class="cropper-line line-w" data-action="w"></span><span class="cropper-line line-s" data-action="s"></span><span class="cropper-point point-e" data-action="e"></span><span class="cropper-point point-n" data-action="n"></span><span class="cropper-point point-w" data-action="w"></span><span class="cropper-point point-s" data-action="s"></span><span class="cropper-point point-ne" data-action="ne"></span><span class="cropper-point point-nw" data-action="nw"></span><span class="cropper-point point-sw" data-action="sw"></span><span class="cropper-point point-se" data-action="se"></span></div></div>';var r=o.querySelector(".cropper-container"),s=r.querySelector(".cropper-canvas"),c=r.querySelector(".cropper-drag-box"),p=r.querySelector(".cropper-crop-box"),l=p.querySelector(".cropper-face");this.container=a,this.cropper=r,this.canvas=s,this.dragBox=c,this.cropBox=p,this.viewBox=r.querySelector(".cropper-view-box"),this.face=l,s.appendChild(n),f(e,F),a.insertBefore(r,e.nextSibling),this.isImg||g(n,"cropper-hide"),this.initPreview(),this.bind(),i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,this.cropped=i.autoCrop,i.autoCrop?i.modal&&f(c,"cropper-modal"):f(p,F),i.guides||f(p.getElementsByClassName("cropper-dashed"),F),i.center||f(p.getElementsByClassName("cropper-center"),F),i.background&&f(r,"cropper-bg"),i.highlight||f(l,"cropper-invisible"),i.cropBoxMovable&&(f(l,"cropper-move"),x(l,"action","all")),i.cropBoxResizable||(f(p.getElementsByClassName("cropper-line"),F),f(p.getElementsByClassName("cropper-point"),F)),this.setDragMode(i.dragMode),this.render(),this.ready=!0,this.setData(i.data),this.completing=setTimeout(function(){h(i.ready)&&M(e,"ready",i.ready,{once:!0}),D(e,"ready"),D(e,"crop",t.getData()),t.complete=!0},0)}}},{key:"unbuild",value:function(){this.ready&&(this.complete||clearTimeout(this.completing),this.ready=!1,this.complete=!1,this.initialImageData=null,this.initialCanvasData=null,this.initialCropBoxData=null,this.containerData=null,this.canvasData=null,this.cropBoxData=null,this.unbind(),this.resetPreview(),this.previews=null,this.viewBox=null,this.cropBox=null,this.dragBox=null,this.canvas=null,this.container=null,this.cropper.parentNode.removeChild(this.cropper),this.cropper=null)}}],[{key:"noConflict",value:function(){return window.Cropper=Ct,t}},{key:"setDefaults",value:function(t){p(tt,s(t)&&t)}}]),t}();p(Mt.prototype,ft,gt,vt,bt,wt,xt),t.exports=Mt},175:function(t,e,i){var n=i(176);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);i(2)("e23c27bc",n,!1,{})},176:function(t,e,i){e=t.exports=i(1)(!1),e.push([t.i,".cropper-container {\n direction: ltr;\n font-size: 0;\n line-height: 0;\n position: relative;\n -ms-touch-action: none;\n touch-action: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.cropper-container img {\n display: block;\n height: 100%;\n image-orientation: 0deg;\n max-height: none !important;\n max-width: none !important;\n min-height: 0 !important;\n min-width: 0 !important;\n width: 100%;\n}\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n.cropper-wrap-box,\n.cropper-canvas {\n overflow: hidden;\n}\n.cropper-drag-box {\n background-color: #fff;\n opacity: 0;\n}\n.cropper-modal {\n background-color: #000;\n opacity: .5;\n}\n.cropper-view-box {\n display: block;\n height: 100%;\n outline-color: rgba(51, 153, 255, .75);\n outline: 1px solid #39f;\n overflow: hidden;\n width: 100%;\n}\n.cropper-dashed {\n border: 0 dashed #eee;\n display: block;\n opacity: .5;\n position: absolute;\n}\n.cropper-dashed.dashed-h {\n border-bottom-width: 1px;\n border-top-width: 1px;\n height: 33.33333%;\n left: 0;\n top: 33.33333%;\n width: 100%;\n}\n.cropper-dashed.dashed-v {\n border-left-width: 1px;\n border-right-width: 1px;\n height: 100%;\n left: 33.33333%;\n top: 0;\n width: 33.33333%;\n}\n.cropper-center {\n display: block;\n height: 0;\n left: 50%;\n opacity: .75;\n position: absolute;\n top: 50%;\n width: 0;\n}\n.cropper-center:before,\n.cropper-center:after {\n background-color: #eee;\n content: ' ';\n display: block;\n position: absolute;\n}\n.cropper-center:before {\n height: 1px;\n left: -3px;\n top: 0;\n width: 7px;\n}\n.cropper-center:after {\n height: 7px;\n left: 0;\n top: -3px;\n width: 1px;\n}\n.cropper-face,\n.cropper-line,\n.cropper-point {\n display: block;\n height: 100%;\n opacity: .1;\n position: absolute;\n width: 100%;\n}\n.cropper-face {\n background-color: #fff;\n left: 0;\n top: 0;\n}\n.cropper-line {\n background-color: #39f;\n}\n.cropper-line.line-e {\n cursor: e-resize;\n right: -3px;\n top: 0;\n width: 5px;\n}\n.cropper-line.line-n {\n cursor: n-resize;\n height: 5px;\n left: 0;\n top: -3px;\n}\n.cropper-line.line-w {\n cursor: w-resize;\n left: -3px;\n top: 0;\n width: 5px;\n}\n.cropper-line.line-s {\n bottom: -3px;\n cursor: s-resize;\n height: 5px;\n left: 0;\n}\n.cropper-point {\n background-color: #39f;\n height: 5px;\n opacity: .75;\n width: 5px;\n}\n.cropper-point.point-e {\n cursor: e-resize;\n margin-top: -3px;\n right: -3px;\n top: 50%;\n}\n.cropper-point.point-n {\n cursor: n-resize;\n left: 50%;\n margin-left: -3px;\n top: -3px;\n}\n.cropper-point.point-w {\n cursor: w-resize;\n left: -3px;\n margin-top: -3px;\n top: 50%;\n}\n.cropper-point.point-s {\n bottom: -3px;\n cursor: s-resize;\n left: 50%;\n margin-left: -3px;\n}\n.cropper-point.point-ne {\n cursor: ne-resize;\n right: -3px;\n top: -3px;\n}\n.cropper-point.point-nw {\n cursor: nw-resize;\n left: -3px;\n top: -3px;\n}\n.cropper-point.point-sw {\n bottom: -3px;\n cursor: sw-resize;\n left: -3px;\n}\n.cropper-point.point-se {\n bottom: -3px;\n cursor: se-resize;\n height: 20px;\n opacity: 1;\n right: -3px;\n width: 20px;\n}\n@media (min-width: 768px) {\n .cropper-point.point-se {\n height: 15px;\n width: 15px;\n }\n}\n@media (min-width: 992px) {\n .cropper-point.point-se {\n height: 10px;\n width: 10px;\n }\n}\n@media (min-width: 1200px) {\n .cropper-point.point-se {\n height: 5px;\n opacity: .75;\n width: 5px;\n }\n}\n.cropper-point.point-se:before {\n background-color: #39f;\n bottom: -50%;\n content: ' ';\n display: block;\n height: 200%;\n opacity: 0;\n position: absolute;\n right: -50%;\n width: 200%;\n}\n.cropper-invisible {\n opacity: 0;\n}\n.cropper-bg {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n.cropper-hide {\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n}\n.cropper-hidden {\n display: none !important;\n}\n.cropper-move {\n cursor: move;\n}\n.cropper-crop {\n cursor: crosshair;\n}\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n cursor: not-allowed;\n}\n",""])},177:function(t,e,i){"use strict";var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"wui-clip-modal"},[i("div",{staticClass:"overlay"}),t._v(" "),i("div",{staticClass:"modal"},[i("div",{staticClass:"modal-content"},[i("div",{staticClass:"container-bg"},[i("div",{staticClass:"img-container"},[t.img?i("Cropper",{ref:"box",attrs:{src:t.img}}):t._e()],1),t._v(" "),t.img?t._e():i("div",{staticClass:"reset-img"},[i("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 58 58",width:"40%"}},[i("g",[i("path",{attrs:{d:"M57,6H1C0.448,6,0,6.447,0,7v44c0,0.553,0.448,1,1,1h56c0.552,0,1-0.447,1-1V7C58,6.447,57.552,6,57,6z M56,50H2V8h54V50z",fill:"#CCCCCC"}}),t._v(" "),i("path",{attrs:{d:"M16,28.138c3.071,0,5.569-2.498,5.569-5.568C21.569,19.498,19.071,17,16,17s-5.569,2.498-5.569,5.569\n C10.431,25.64,12.929,28.138,16,28.138z M16,19c1.968,0,3.569,1.602,3.569,3.569S17.968,26.138,16,26.138s-3.569-1.601-3.569-3.568\n S14.032,19,16,19z",fill:"#CCCCCC"}}),t._v(" "),i("path",{attrs:{d:"M7,46c0.234,0,0.47-0.082,0.66-0.249l16.313-14.362l10.302,10.301c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414\n l-4.807-4.807l9.181-10.054l11.261,10.323c0.407,0.373,1.04,0.345,1.413-0.062c0.373-0.407,0.346-1.04-0.062-1.413l-12-11\n c-0.196-0.179-0.457-0.268-0.72-0.262c-0.265,0.012-0.515,0.129-0.694,0.325l-9.794,10.727l-4.743-4.743\n c-0.374-0.373-0.972-0.392-1.368-0.044L6.339,44.249c-0.415,0.365-0.455,0.997-0.09,1.412C6.447,45.886,6.723,46,7,46z",fill:"#CCCCCC"}})])]),t._v(" "),i("i",{staticClass:"icon-reset"}),t._v(" "),i("p",[t._v("选择文件")]),t._v(" "),i("input",{attrs:{type:"file",id:"file_input",accept:"image/png,image/jpg,image/gif"},on:{change:t.fileChange}})])])])])])},a=[];n._withStripped=!0;var o={render:n,staticRenderFns:a};e.a=o},2:function(t,e,i){function n(t){for(var e=0;e<t.length;e++){var i=t[e],n=p[i.id];if(n){n.refs++;for(var a=0;a<n.parts.length;a++)n.parts[a](i.parts[a]);for(;a<i.parts.length;a++)n.parts.push(o(i.parts[a]));n.parts.length>i.parts.length&&(n.parts.length=i.parts.leng