fs-cropper-16b8bf57.3cd81b84.js 47 KB

1234567891011
  1. import{d as Ie,r as F,k as Ct,ai as Gt,o as Dt,M as St,O as Wt,a as X,U as Mt,P as Et,V as Rt,T as te,K as Ht,Q as ee,c as Pe,F as Ue,a8 as _e,I as $e,ah as ie}from"./vue.86c1cb21.js";import{O as qe,R as Fe,P as Qe}from"./index.144928e4.js";import"./elementPlus.8e650391.js";/*!
  2. * Cropper.js v1.6.2
  3. * https://fengyuanchen.github.io/cropperjs
  4. *
  5. * Copyright 2015-present Chen Fengyuan
  6. * Released under the MIT license
  7. *
  8. * Date: 2024-04-21T07:43:05.335Z
  9. */function ae(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),i.push.apply(i,a)}return i}function we(t){for(var e=1;e<arguments.length;e++){var i=arguments[e]!=null?arguments[e]:{};e%2?ae(Object(i),!0).forEach(function(a){Je(t,a,i[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ae(Object(i)).forEach(function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(i,a))})}return t}function Ve(t,e){if(typeof t!="object"||!t)return t;var i=t[Symbol.toPrimitive];if(i!==void 0){var a=i.call(t,e||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function ye(t){var e=Ve(t,"string");return typeof e=="symbol"?e:e+""}function Xt(t){"@babel/helpers - typeof";return Xt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Xt(t)}function Ze(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ne(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,ye(a.key),a)}}function Ke(t,e,i){return e&&ne(t.prototype,e),i&&ne(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function Je(t,e,i){return e=ye(e),e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function xe(t){return Ge(t)||ti(t)||ei(t)||ii()}function Ge(t){if(Array.isArray(t))return At(t)}function ti(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function ei(t,e){if(t){if(typeof t=="string")return At(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);if(i==="Object"&&t.constructor&&(i=t.constructor.name),i==="Map"||i==="Set")return Array.from(t);if(i==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return At(t,e)}}function At(t,e){(e==null||e>t.length)&&(e=t.length);for(var i=0,a=new Array(e);i<e;i++)a[i]=t[i];return a}function ii(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
  10. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Tt=typeof window<"u"&&typeof window.document<"u",_=Tt?window:{},Qt=Tt&&_.document.documentElement?"ontouchstart"in _.document.documentElement:!1,Vt=Tt?"PointerEvent"in _:!1,x="cropper",Zt="all",Ce="crop",De="move",Me="zoom",K="e",J="w",at="s",Q="n",dt="ne",ut="nw",mt="se",gt="sw",jt="".concat(x,"-crop"),re="".concat(x,"-disabled"),W="".concat(x,"-hidden"),oe="".concat(x,"-hide"),ai="".concat(x,"-invisible"),Ot="".concat(x,"-modal"),It="".concat(x,"-move"),vt="".concat(x,"Action"),Bt="".concat(x,"Preview"),Kt="crop",Be="move",ke="none",Pt="crop",Ut="cropend",_t="cropmove",$t="cropstart",se="dblclick",ni=Qt?"touchstart":"mousedown",ri=Qt?"touchmove":"mousemove",oi=Qt?"touchend touchcancel":"mouseup",he=Vt?"pointerdown":ni,ce=Vt?"pointermove":ri,le=Vt?"pointerup pointercancel":oi,pe="ready",de="resize",ue="wheel",qt="zoom",me="image/jpeg",si=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,hi=/^data:/,ci=/^data:image\/jpeg;base64,/,li=/^img|canvas$/i,Oe=200,Te=100,ge={viewMode:0,dragMode:Kt,initialAspectRatio:NaN,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:Oe,minContainerHeight:Te,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},pi='<div class="cropper-container" touch-action="none"><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-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',di=Number.isNaN||_.isNaN;function g(t){return typeof t=="number"&&!di(t)}var fe=function(t){return t>0&&t<1/0};function Lt(t){return typeof t>"u"}function G(t){return Xt(t)==="object"&&t!==null}var ui=Object.prototype.hasOwnProperty;function nt(t){if(!G(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&ui.call(i,"isPrototypeOf")}catch{return!1}}function S(t){return typeof t=="function"}var mi=Array.prototype.slice;function ze(t){return Array.from?Array.from(t):mi.call(t)}function O(t,e){return t&&S(e)&&(Array.isArray(t)||g(t.length)?ze(t).forEach(function(i,a){e.call(t,i,a,t)}):G(t)&&Object.keys(t).forEach(function(i){e.call(t,t[i],i,t)})),t}var C=Object.assign||function(t){for(var e=arguments.length,i=new Array(e>1?e-1:0),a=1;a<e;a++)i[a-1]=arguments[a];return G(t)&&i.length>0&&i.forEach(function(n){G(n)&&Object.keys(n).forEach(function(r){t[r]=n[r]})}),t},gi=/\.\d*(?:0|9){12}\d*$/;function ot(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return gi.test(t)?Math.round(t*e)/e:t}var fi=/^width|height|left|top|marginLeft|marginTop$/;function V(t,e){var i=t.style;O(e,function(a,n){fi.test(n)&&g(a)&&(a="".concat(a,"px")),i[n]=a})}function vi(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function z(t,e){if(e){if(g(t.length)){O(t,function(a){z(a,e)});return}if(t.classList){t.classList.add(e);return}var i=t.className.trim();i?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e}}function U(t,e){if(e){if(g(t.length)){O(t,function(i){U(i,e)});return}if(t.classList){t.classList.remove(e);return}t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,""))}}function rt(t,e,i){if(e){if(g(t.length)){O(t,function(a){rt(a,e,i)});return}i?z(t,e):U(t,e)}}var bi=/([a-z\d])([A-Z])/g;function Jt(t){return t.replace(bi,"$1-$2").toLowerCase()}function Ft(t,e){return G(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(Jt(e)))}function bt(t,e,i){G(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(Jt(e)),i)}function wi(t,e){if(G(t[e]))try{delete t[e]}catch{t[e]=void 0}else if(t.dataset)try{delete t.dataset[e]}catch{t.dataset[e]=void 0}else t.removeAttribute("data-".concat(Jt(e)))}var Ne=/\s\s*/,Se=function(){var t=!1;if(Tt){var e=!1,i=function(){},a=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(n){e=n}});_.addEventListener("test",i,a),_.removeEventListener("test",i,a)}return t}();function I(t,e,i){var a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=i;e.trim().split(Ne).forEach(function(r){if(!Se){var o=t.listeners;o&&o[r]&&o[r][i]&&(n=o[r][i],delete o[r][i],Object.keys(o[r]).length===0&&delete o[r],Object.keys(o).length===0&&delete t.listeners)}t.removeEventListener(r,n,a)})}function A(t,e,i){var a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},n=i;e.trim().split(Ne).forEach(function(r){if(a.once&&!Se){var o=t.listeners,c=o===void 0?{}:o;n=function(){delete c[r][i],t.removeEventListener(r,n,a);for(var l=arguments.length,s=new Array(l),h=0;h<l;h++)s[h]=arguments[h];i.apply(t,s)},c[r]||(c[r]={}),c[r][i]&&t.removeEventListener(r,c[r][i],a),c[r][i]=n,t.listeners=c}t.addEventListener(r,n,a)})}function st(t,e,i){var a;return S(Event)&&S(CustomEvent)?a=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent"),a.initCustomEvent(e,!0,!0,i)),t.dispatchEvent(a)}function We(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var Yt=_.location,yi=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function ve(t){var e=t.match(yi);return e!==null&&(e[1]!==Yt.protocol||e[2]!==Yt.hostname||e[3]!==Yt.port)}function be(t){var e="timestamp=".concat(new Date().getTime());return t+(t.indexOf("?")===-1?"?":"&")+e}function ft(t){var e=t.rotate,i=t.scaleX,a=t.scaleY,n=t.translateX,r=t.translateY,o=[];g(n)&&n!==0&&o.push("translateX(".concat(n,"px)")),g(r)&&r!==0&&o.push("translateY(".concat(r,"px)")),g(e)&&e!==0&&o.push("rotate(".concat(e,"deg)")),g(i)&&i!==1&&o.push("scaleX(".concat(i,")")),g(a)&&a!==1&&o.push("scaleY(".concat(a,")"));var c=o.length?o.join(" "):"none";return{WebkitTransform:c,msTransform:c,transform:c}}function xi(t){var e=we({},t),i=0;return O(t,function(a,n){delete e[n],O(e,function(r){var o=Math.abs(a.startX-r.startX),c=Math.abs(a.startY-r.startY),l=Math.abs(a.endX-r.endX),s=Math.abs(a.endY-r.endY),h=Math.sqrt(o*o+c*c),p=Math.sqrt(l*l+s*s),f=(p-h)/h;Math.abs(f)>Math.abs(i)&&(i=f)})}),i}function kt(t,e){var i=t.pageX,a=t.pageY,n={endX:i,endY:a};return e?n:we({startX:i,startY:a},n)}function Ci(t){var e=0,i=0,a=0;return O(t,function(n){var r=n.startX,o=n.startY;e+=r,i+=o,a+=1}),e/=a,i/=a,{pageX:e,pageY:i}}function Z(t){var e=t.aspectRatio,i=t.height,a=t.width,n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=fe(a),o=fe(i);if(r&&o){var c=i*e;n==="contain"&&c>a||n==="cover"&&c<a?i=a/e:a=i*e}else r?i=a/e:o&&(a=i*e);return{width:a,height:i}}function Di(t){var e=t.width,i=t.height,a=t.degree;if(a=Math.abs(a)%180,a===90)return{width:i,height:e};var n=a%90*Math.PI/180,r=Math.sin(n),o=Math.cos(n),c=e*o+i*r,l=e*r+i*o;return a>90?{width:l,height:c}:{width:c,height:l}}function Mi(t,e,i,a){var n=e.aspectRatio,r=e.naturalWidth,o=e.naturalHeight,c=e.rotate,l=c===void 0?0:c,s=e.scaleX,h=s===void 0?1:s,p=e.scaleY,f=p===void 0?1:p,m=i.aspectRatio,w=i.naturalWidth,b=i.naturalHeight,M=a.fillColor,k=M===void 0?"transparent":M,y=a.imageSmoothingEnabled,R=y===void 0?!0:y,N=a.imageSmoothingQuality,d=N===void 0?"low":N,v=a.maxWidth,B=v===void 0?1/0:v,E=a.maxHeight,H=E===void 0?1/0:E,P=a.minWidth,$=P===void 0?0:P,L=a.minHeight,Y=L===void 0?0:L,j=document.createElement("canvas"),T=j.getContext("2d"),tt=Z({aspectRatio:m,width:B,height:H}),ht=Z({aspectRatio:m,width:$,height:Y},"cover"),et=Math.min(tt.width,Math.max(ht.width,w)),ct=Math.min(tt.height,Math.max(ht.height,b)),wt=Z({aspectRatio:n,width:B,height:H}),yt=Z({aspectRatio:n,width:$,height:Y},"cover"),lt=Math.min(wt.width,Math.max(yt.width,r)),it=Math.min(wt.height,Math.max(yt.height,o)),zt=[-lt/2,-it/2,lt,it];return j.width=ot(et),j.height=ot(ct),T.fillStyle=k,T.fillRect(0,0,et,ct),T.save(),T.translate(et/2,ct/2),T.rotate(l*Math.PI/180),T.scale(h,f),T.imageSmoothingEnabled=R,T.imageSmoothingQuality=d,T.drawImage.apply(T,[t].concat(xe(zt.map(function(Nt){return Math.floor(ot(Nt))})))),T.restore(),j}var Ee=String.fromCharCode;function Bi(t,e,i){var a="";i+=e;for(var n=e;n<i;n+=1)a+=Ee(t.getUint8(n));return a}var ki=/^data:.*,/;function Oi(t){var e=t.replace(ki,""),i=atob(e),a=new ArrayBuffer(i.length),n=new Uint8Array(a);return O(n,function(r,o){n[o]=i.charCodeAt(o)}),a}function Ti(t,e){for(var i=[],a=8192,n=new Uint8Array(t);n.length>0;)i.push(Ee.apply(null,ze(n.subarray(0,a)))),n=n.subarray(a);return"data:".concat(e,";base64,").concat(btoa(i.join("")))}function zi(t){var e=new DataView(t),i;try{var a,n,r;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var o=e.byteLength,c=2;c+1<o;){if(e.getUint8(c)===255&&e.getUint8(c+1)===225){n=c;break}c+=1}if(n){var l=n+4,s=n+10;if(Bi(e,l,4)==="Exif"){var h=e.getUint16(s);if(a=h===18761,(a||h===19789)&&e.getUint16(s+2,a)===42){var p=e.getUint32(s+4,a);p>=8&&(r=s+p)}}}if(r){var f=e.getUint16(r,a),m,w;for(w=0;w<f;w+=1)if(m=r+w*12+2,e.getUint16(m,a)===274){m+=8,i=e.getUint16(m,a),e.setUint16(m,1,a);break}}}catch{i=1}return i}function Ni(t){var e=0,i=1,a=1;switch(t){case 2:i=-1;break;case 3:e=-180;break;case 4:a=-1;break;case 5:e=90,a=-1;break;case 6:e=90;break;case 7:e=90,i=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:i,scaleY:a}}var Si={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,a=this.cropper,n=Number(e.minContainerWidth),r=Number(e.minContainerHeight);z(a,W),U(t,W);var o={width:Math.max(i.offsetWidth,n>=0?n:Oe),height:Math.max(i.offsetHeight,r>=0?r:Te)};this.containerData=o,V(a,{width:o.width,height:o.height}),z(t,W),U(a,W)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,a=Math.abs(e.rotate)%180===90,n=a?e.naturalHeight:e.naturalWidth,r=a?e.naturalWidth:e.naturalHeight,o=n/r,c=t.width,l=t.height;t.height*o>t.width?i===3?c=t.height*o:l=t.width/o:i===3?l=t.width/o:c=t.height*o;var s={aspectRatio:o,naturalWidth:n,naturalHeight:r,width:c,height:l};this.canvasData=s,this.limited=i===1||i===2,this.limitCanvas(!0,!0),s.width=Math.min(Math.max(s.width,s.minWidth),s.maxWidth),s.height=Math.min(Math.max(s.height,s.minHeight),s.maxHeight),s.left=(t.width-s.width)/2,s.top=(t.height-s.height)/2,s.oldLeft=s.left,s.oldTop=s.top,this.initialCanvasData=C({},s)},limitCanvas:function(t,e){var i=this.options,a=this.containerData,n=this.canvasData,r=this.cropBoxData,o=i.viewMode,c=n.aspectRatio,l=this.cropped&&r;if(t){var s=Number(i.minCanvasWidth)||0,h=Number(i.minCanvasHeight)||0;o>1?(s=Math.max(s,a.width),h=Math.max(h,a.height),o===3&&(h*c>s?s=h*c:h=s/c)):o>0&&(s?s=Math.max(s,l?r.width:0):h?h=Math.max(h,l?r.height:0):l&&(s=r.width,h=r.height,h*c>s?s=h*c:h=s/c));var p=Z({aspectRatio:c,width:s,height:h});s=p.width,h=p.height,n.minWidth=s,n.minHeight=h,n.maxWidth=1/0,n.maxHeight=1/0}if(e)if(o>(l?0:1)){var f=a.width-n.width,m=a.height-n.height;n.minLeft=Math.min(0,f),n.minTop=Math.min(0,m),n.maxLeft=Math.max(0,f),n.maxTop=Math.max(0,m),l&&this.limited&&(n.minLeft=Math.min(r.left,r.left+(r.width-n.width)),n.minTop=Math.min(r.top,r.top+(r.height-n.height)),n.maxLeft=r.left,n.maxTop=r.top,o===2&&(n.width>=a.width&&(n.minLeft=Math.min(0,f),n.maxLeft=Math.max(0,f)),n.height>=a.height&&(n.minTop=Math.min(0,m),n.maxTop=Math.max(0,m))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=a.width,n.maxTop=a.height},renderCanvas:function(t,e){var i=this.canvasData,a=this.imageData;if(e){var n=Di({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),r=n.width,o=n.height,c=i.width*(r/i.naturalWidth),l=i.height*(o/i.naturalHeight);i.left-=(c-i.width)/2,i.top-=(l-i.height)/2,i.width=c,i.height=l,i.aspectRatio=r/o,i.naturalWidth=r,i.naturalHeight=o,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,V(this.canvas,C({width:i.width,height:i.height},ft({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,a=i.naturalWidth*(e.width/e.naturalWidth),n=i.naturalHeight*(e.height/e.naturalHeight);C(i,{width:a,height:n,left:(e.width-a)/2,top:(e.height-n)/2}),V(this.image,C({width:i.width,height:i.height},ft(C({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,a=Number(t.autoCropArea)||.8,n={width:e.width,height:e.height};i&&(e.height*i>e.width?n.height=n.width/i:n.width=n.height*i),this.cropBoxData=n,this.limitCropBox(!0,!0),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),n.width=Math.max(n.minWidth,n.width*a),n.height=Math.max(n.minHeight,n.height*a),n.left=e.left+(e.width-n.width)/2,n.top=e.top+(e.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=C({},n)},limitCropBox:function(t,e){var i=this.options,a=this.containerData,n=this.canvasData,r=this.cropBoxData,o=this.limited,c=i.aspectRatio;if(t){var l=Number(i.minCropBoxWidth)||0,s=Number(i.minCropBoxHeight)||0,h=o?Math.min(a.width,n.width,n.width+n.left,a.width-n.left):a.width,p=o?Math.min(a.height,n.height,n.height+n.top,a.height-n.top):a.height;l=Math.min(l,a.width),s=Math.min(s,a.height),c&&(l&&s?s*c>l?s=l/c:l=s*c:l?s=l/c:s&&(l=s*c),p*c>h?p=h/c:h=p*c),r.minWidth=Math.min(l,h),r.minHeight=Math.min(s,p),r.maxWidth=h,r.maxHeight=p}e&&(o?(r.minLeft=Math.max(0,n.left),r.minTop=Math.max(0,n.top),r.maxLeft=Math.min(a.width,n.left+n.width)-r.width,r.maxTop=Math.min(a.height,n.top+n.height)-r.height):(r.minLeft=0,r.minTop=0,r.maxLeft=a.width-r.width,r.maxTop=a.height-r.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&&bt(this.face,vt,i.width>=e.width&&i.height>=e.height?De:Zt),V(this.cropBox,C({width:i.width,height:i.height},ft({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),st(this.element,Pt,this.getData())}},Wi={initPreview:function(){var t=this.element,e=this.crossOrigin,i=this.options.preview,a=e?this.crossOriginUrl:this.url,n=t.alt||"The image to preview",r=document.createElement("img");if(e&&(r.crossOrigin=e),r.src=a,r.alt=n,this.viewBox.appendChild(r),this.viewBoxImage=r,!!i){var o=i;typeof i=="string"?o=t.ownerDocument.querySelectorAll(i):i.querySelector&&(o=[i]),this.previews=o,O(o,function(c){var l=document.createElement("img");bt(c,Bt,{width:c.offsetWidth,height:c.offsetHeight,html:c.innerHTML}),e&&(l.crossOrigin=e),l.src=a,l.alt=n,l.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;"',c.innerHTML="",c.appendChild(l)})}},resetPreview:function(){O(this.previews,function(t){var e=Ft(t,Bt);V(t,{width:e.width,height:e.height}),t.innerHTML=e.html,wi(t,Bt)})},preview:function(){var t=this.imageData,e=this.canvasData,i=this.cropBoxData,a=i.width,n=i.height,r=t.width,o=t.height,c=i.left-e.left-t.left,l=i.top-e.top-t.top;!this.cropped||this.disabled||(V(this.viewBoxImage,C({width:r,height:o},ft(C({translateX:-c,translateY:-l},t)))),O(this.previews,function(s){var h=Ft(s,Bt),p=h.width,f=h.height,m=p,w=f,b=1;a&&(b=p/a,w=n*b),n&&w>f&&(b=f/n,m=a*b,w=f),V(s,{width:m,height:w}),V(s.getElementsByTagName("img")[0],C({width:r*b,height:o*b},ft(C({translateX:-c*b,translateY:-l*b},t))))}))}},Ei={bind:function(){var t=this.element,e=this.options,i=this.cropper;S(e.cropstart)&&A(t,$t,e.cropstart),S(e.cropmove)&&A(t,_t,e.cropmove),S(e.cropend)&&A(t,Ut,e.cropend),S(e.crop)&&A(t,Pt,e.crop),S(e.zoom)&&A(t,qt,e.zoom),A(i,he,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&A(i,ue,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&A(i,se,this.onDblclick=this.dblclick.bind(this)),A(t.ownerDocument,ce,this.onCropMove=this.cropMove.bind(this)),A(t.ownerDocument,le,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&A(window,de,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;S(e.cropstart)&&I(t,$t,e.cropstart),S(e.cropmove)&&I(t,_t,e.cropmove),S(e.cropend)&&I(t,Ut,e.cropend),S(e.crop)&&I(t,Pt,e.crop),S(e.zoom)&&I(t,qt,e.zoom),I(i,he,this.onCropStart),e.zoomable&&e.zoomOnWheel&&I(i,ue,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&I(i,se,this.onDblclick),I(t.ownerDocument,ce,this.onCropMove),I(t.ownerDocument,le,this.onCropEnd),e.responsive&&I(window,de,this.onResize)}},Ri={resize:function(){if(!this.disabled){var t=this.options,e=this.container,i=this.containerData,a=e.offsetWidth/i.width,n=e.offsetHeight/i.height,r=Math.abs(a-1)>Math.abs(n-1)?a:n;if(r!==1){var o,c;t.restore&&(o=this.getCanvasData(),c=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(O(o,function(l,s){o[s]=l*r})),this.setCropBoxData(O(c,function(l,s){c[s]=l*r})))}}},dblclick:function(){this.disabled||this.options.dragMode===ke||this.setDragMode(vi(this.dragBox,jt)?Be:Kt)},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?a=t.deltaY>0?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=t.detail>0?1:-1),this.zoom(-a*i,t)))},cropStart:function(t){var e=t.buttons,i=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(g(e)&&e!==1||g(i)&&i!==0||t.ctrlKey))){var a=this.options,n=this.pointers,r;t.changedTouches?O(t.changedTouches,function(o){n[o.identifier]=kt(o)}):n[t.pointerId||0]=kt(t),Object.keys(n).length>1&&a.zoomable&&a.zoomOnTouch?r=Me:r=Ft(t.target,vt),si.test(r)&&st(this.element,$t,{originalEvent:t,action:r})!==!1&&(t.preventDefault(),this.action=r,this.cropping=!1,r===Ce&&(this.cropping=!0,z(this.dragBox,Ot)))}},cropMove:function(t){var e=this.action;if(!(this.disabled||!e)){var i=this.pointers;t.preventDefault(),st(this.element,_t,{originalEvent:t,action:e})!==!1&&(t.changedTouches?O(t.changedTouches,function(a){C(i[a.identifier]||{},kt(a,!0))}):C(i[t.pointerId||0]||{},kt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,i=this.pointers;t.changedTouches?O(t.changedTouches,function(a){delete i[a.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,rt(this.dragBox,Ot,this.cropped&&this.options.modal)),st(this.element,Ut,{originalEvent:t,action:e}))}}},Hi={change:function(t){var e=this.options,i=this.canvasData,a=this.containerData,n=this.cropBoxData,r=this.pointers,o=this.action,c=e.aspectRatio,l=n.left,s=n.top,h=n.width,p=n.height,f=l+h,m=s+p,w=0,b=0,M=a.width,k=a.height,y=!0,R;!c&&t.shiftKey&&(c=h&&p?h/p:1),this.limited&&(w=n.minLeft,b=n.minTop,M=w+Math.min(a.width,i.width,i.left+i.width),k=b+Math.min(a.height,i.height,i.top+i.height));var N=r[Object.keys(r)[0]],d={x:N.endX-N.startX,y:N.endY-N.startY},v=function(B){switch(B){case K:f+d.x>M&&(d.x=M-f);break;case J:l+d.x<w&&(d.x=w-l);break;case Q:s+d.y<b&&(d.y=b-s);break;case at:m+d.y>k&&(d.y=k-m);break}};switch(o){case Zt:l+=d.x,s+=d.y;break;case K:if(d.x>=0&&(f>=M||c&&(s<=b||m>=k))){y=!1;break}v(K),h+=d.x,h<0&&(o=J,h=-h,l-=h),c&&(p=h/c,s+=(n.height-p)/2);break;case Q:if(d.y<=0&&(s<=b||c&&(l<=w||f>=M))){y=!1;break}v(Q),p-=d.y,s+=d.y,p<0&&(o=at,p=-p,s-=p),c&&(h=p*c,l+=(n.width-h)/2);break;case J:if(d.x<=0&&(l<=w||c&&(s<=b||m>=k))){y=!1;break}v(J),h-=d.x,l+=d.x,h<0&&(o=K,h=-h,l-=h),c&&(p=h/c,s+=(n.height-p)/2);break;case at:if(d.y>=0&&(m>=k||c&&(l<=w||f>=M))){y=!1;break}v(at),p+=d.y,p<0&&(o=Q,p=-p,s-=p),c&&(h=p*c,l+=(n.width-h)/2);break;case dt:if(c){if(d.y<=0&&(s<=b||f>=M)){y=!1;break}v(Q),p-=d.y,s+=d.y,h=p*c}else v(Q),v(K),d.x>=0?f<M?h+=d.x:d.y<=0&&s<=b&&(y=!1):h+=d.x,d.y<=0?s>b&&(p-=d.y,s+=d.y):(p-=d.y,s+=d.y);h<0&&p<0?(o=gt,p=-p,h=-h,s-=p,l-=h):h<0?(o=ut,h=-h,l-=h):p<0&&(o=mt,p=-p,s-=p);break;case ut:if(c){if(d.y<=0&&(s<=b||l<=w)){y=!1;break}v(Q),p-=d.y,s+=d.y,h=p*c,l+=n.width-h}else v(Q),v(J),d.x<=0?l>w?(h-=d.x,l+=d.x):d.y<=0&&s<=b&&(y=!1):(h-=d.x,l+=d.x),d.y<=0?s>b&&(p-=d.y,s+=d.y):(p-=d.y,s+=d.y);h<0&&p<0?(o=mt,p=-p,h=-h,s-=p,l-=h):h<0?(o=dt,h=-h,l-=h):p<0&&(o=gt,p=-p,s-=p);break;case gt:if(c){if(d.x<=0&&(l<=w||m>=k)){y=!1;break}v(J),h-=d.x,l+=d.x,p=h/c}else v(at),v(J),d.x<=0?l>w?(h-=d.x,l+=d.x):d.y>=0&&m>=k&&(y=!1):(h-=d.x,l+=d.x),d.y>=0?m<k&&(p+=d.y):p+=d.y;h<0&&p<0?(o=dt,p=-p,h=-h,s-=p,l-=h):h<0?(o=mt,h=-h,l-=h):p<0&&(o=ut,p=-p,s-=p);break;case mt:if(c){if(d.x>=0&&(f>=M||m>=k)){y=!1;break}v(K),h+=d.x,p=h/c}else v(at),v(K),d.x>=0?f<M?h+=d.x:d.y>=0&&m>=k&&(y=!1):h+=d.x,d.y>=0?m<k&&(p+=d.y):p+=d.y;h<0&&p<0?(o=ut,p=-p,h=-h,s-=p,l-=h):h<0?(o=gt,h=-h,l-=h):p<0&&(o=dt,p=-p,s-=p);break;case De:this.move(d.x,d.y),y=!1;break;case Me:this.zoom(xi(r),t),y=!1;break;case Ce:if(!d.x||!d.y){y=!1;break}R=We(this.cropper),l=N.startX-R.left,s=N.startY-R.top,h=n.minWidth,p=n.minHeight,d.x>0?o=d.y>0?mt:dt:d.x<0&&(l-=h,o=d.y>0?gt:ut),d.y<0&&(s-=p),this.cropped||(U(this.cropBox,W),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}y&&(n.width=h,n.height=p,n.left=l,n.top=s,this.action=o,this.renderCropBox()),O(r,function(B){B.startX=B.endX,B.startY=B.endY})}},Li={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&z(this.dragBox,Ot),U(this.cropBox,W),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=C({},this.initialImageData),this.canvasData=C({},this.initialCanvasData),this.cropBoxData=C({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(C(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),U(this.dragBox,Ot),z(this.cropBox,W)),this},replace:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),e?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,O(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,U(this.cropper,re)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,z(this.cropper,re)),this},destroy:function(){var t=this.element;return t[x]?(t[x]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,a=i.left,n=i.top;return this.moveTo(Lt(t)?t:a+Number(t),Lt(e)?e:n+Number(e))},moveTo:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.canvasData,a=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(g(t)&&(i.left=t,a=!0),g(e)&&(i.top=e,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(t,e){var i=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(i.width*t/i.naturalWidth,null,e)},zoomTo:function(t,e,i){var a=this.options,n=this.canvasData,r=n.width,o=n.height,c=n.naturalWidth,l=n.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&a.zoomable){var s=c*t,h=l*t;if(st(this.element,qt,{ratio:t,oldRatio:r/c,originalEvent:i})===!1)return this;if(i){var p=this.pointers,f=We(this.cropper),m=p&&Object.keys(p).length?Ci(p):{pageX:i.pageX,pageY:i.pageY};n.left-=(s-r)*((m.pageX-f.left-n.left)/r),n.top-=(h-o)*((m.pageY-f.top-n.top)/o)}else nt(e)&&g(e.x)&&g(e.y)?(n.left-=(s-r)*((e.x-n.left)/r),n.top-=(h-o)*((e.y-n.top)/o)):(n.left-=(s-r)/2,n.top-=(h-o)/2);n.width=s,n.height=h,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),g(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,g(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(g(e)?e:1,t)},scale:function(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,i=this.imageData,a=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(g(t)&&(i.scaleX=t,a=!0),g(e)&&(i.scaleY=e,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,e=this.options,i=this.imageData,a=this.canvasData,n=this.cropBoxData,r;if(this.ready&&this.cropped){r={x:n.left-a.left,y:n.top-a.top,width:n.width,height:n.height};var o=i.width/i.naturalWidth;if(O(r,function(s,h){r[h]=s/o}),t){var c=Math.round(r.y+r.height),l=Math.round(r.x+r.width);r.x=Math.round(r.x),r.y=Math.round(r.y),r.width=l-r.x,r.height=c-r.y}}else r={x:0,y:0,width:0,height:0};return e.rotatable&&(r.rotate=i.rotate||0),e.scalable&&(r.scaleX=i.scaleX||1,r.scaleY=i.scaleY||1),r},setData:function(t){var e=this.options,i=this.imageData,a=this.canvasData,n={};if(this.ready&&!this.disabled&&nt(t)){var r=!1;e.rotatable&&g(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,r=!0),e.scalable&&(g(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,r=!0),g(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,r=!0)),r&&this.renderCanvas(!0,!0);var o=i.width/i.naturalWidth;g(t.x)&&(n.left=t.x*o+a.left),g(t.y)&&(n.top=t.y*o+a.top),g(t.width)&&(n.width=t.width*o),g(t.height)&&(n.height=t.height*o),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?C({},this.containerData):{}},getImageData:function(){return this.sized?C({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,e={};return this.ready&&O(["left","top","width","height","naturalWidth","naturalHeight"],function(i){e[i]=t[i]}),e},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&nt(t)&&(g(t.left)&&(e.left=t.left),g(t.top)&&(e.top=t.top),g(t.width)?(e.width=t.width,e.height=t.width/i):g(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,e;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,a,n;return this.ready&&this.cropped&&!this.disabled&&nt(t)&&(g(t.left)&&(e.left=t.left),g(t.top)&&(e.top=t.top),g(t.width)&&t.width!==e.width&&(a=!0,e.width=t.width),g(t.height)&&t.height!==e.height&&(n=!0,e.height=t.height),i&&(a?e.height=e.width/i:n&&(e.width=e.height*i)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=Mi(this.image,this.imageData,e,t);if(!this.cropped)return i;var a=this.getData(t.rounded),n=a.x,r=a.y,o=a.width,c=a.height,l=i.width/Math.floor(e.naturalWidth);l!==1&&(n*=l,r*=l,o*=l,c*=l);var s=o/c,h=Z({aspectRatio:s,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),p=Z({aspectRatio:s,width:t.minWidth||0,height:t.minHeight||0},"cover"),f=Z({aspectRatio:s,width:t.width||(l!==1?i.width:o),height:t.height||(l!==1?i.height:c)}),m=f.width,w=f.height;m=Math.min(h.width,Math.max(p.width,m)),w=Math.min(h.height,Math.max(p.height,w));var b=document.createElement("canvas"),M=b.getContext("2d");b.width=ot(m),b.height=ot(w),M.fillStyle=t.fillColor||"transparent",M.fillRect(0,0,m,w);var k=t.imageSmoothingEnabled,y=k===void 0?!0:k,R=t.imageSmoothingQuality;M.imageSmoothingEnabled=y,R&&(M.imageSmoothingQuality=R);var N=i.width,d=i.height,v=n,B=r,E,H,P,$,L,Y;v<=-o||v>N?(v=0,E=0,P=0,L=0):v<=0?(P=-v,v=0,E=Math.min(N,o+v),L=E):v<=N&&(P=0,E=Math.min(o,N-v),L=E),E<=0||B<=-c||B>d?(B=0,H=0,$=0,Y=0):B<=0?($=-B,B=0,H=Math.min(d,c+B),Y=H):B<=d&&($=0,H=Math.min(c,d-B),Y=H);var j=[v,B,E,H];if(L>0&&Y>0){var T=m/o;j.push(P*T,$*T,L*T,Y*T)}return M.drawImage.apply(M,[i].concat(xe(j.map(function(tt){return Math.floor(ot(tt))})))),b},setAspectRatio:function(t){var e=this.options;return!this.disabled&&!Lt(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,a=this.face;if(this.ready&&!this.disabled){var n=t===Kt,r=e.movable&&t===Be;t=n||r?t:ke,e.dragMode=t,bt(i,vt,t),rt(i,jt,n),rt(i,It,r),e.cropBoxMovable||(bt(a,vt,t),rt(a,jt,n),rt(a,It,r))}return this}},Yi=_.Cropper,Re=function(){function t(e){var i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(Ze(this,t),!e||!li.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=C({},ge,nt(i)&&i),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return Ke(t,[{key:"init",value:function(){var e=this.element,i=e.tagName.toLowerCase(),a;if(!e[x]){if(e[x]=this,i==="img"){if(this.isImg=!0,a=e.getAttribute("src")||"",this.originalUrl=a,!a)return;a=e.src}else i==="canvas"&&window.HTMLCanvasElement&&(a=e.toDataURL());this.load(a)}}},{key:"load",value:function(e){var i=this;if(e){this.url=e,this.imageData={};var a=this.element,n=this.options;if(!n.rotatable&&!n.scalable&&(n.checkOrientation=!1),!n.checkOrientation||!window.ArrayBuffer){this.clone();return}if(hi.test(e)){ci.test(e)?this.read(Oi(e)):this.clone();return}var r=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=r,r.onabort=o,r.onerror=o,r.ontimeout=o,r.onprogress=function(){r.getResponseHeader("content-type")!==me&&r.abort()},r.onload=function(){i.read(r.response)},r.onloadend=function(){i.reloading=!1,i.xhr=null},n.checkCrossOrigin&&ve(e)&&a.crossOrigin&&(e=be(e)),r.open("GET",e,!0),r.responseType="arraybuffer",r.withCredentials=a.crossOrigin==="use-credentials",r.send()}}},{key:"read",value:function(e){var i=this.options,a=this.imageData,n=zi(e),r=0,o=1,c=1;if(n>1){this.url=Ti(e,me);var l=Ni(n);r=l.rotate,o=l.scaleX,c=l.scaleY}i.rotatable&&(a.rotate=r),i.scalable&&(a.scaleX=o,a.scaleY=c),this.clone()}},{key:"clone",value:function(){var e=this.element,i=this.url,a=e.crossOrigin,n=i;this.options.checkCrossOrigin&&ve(i)&&(a||(a="anonymous"),n=be(i)),this.crossOrigin=a,this.crossOriginUrl=n;var r=document.createElement("img");a&&(r.crossOrigin=a),r.src=n||i,r.alt=e.alt||"The image to crop",this.image=r,r.onload=this.start.bind(this),r.onerror=this.stop.bind(this),z(r,oe),e.parentNode.insertBefore(r,e.nextSibling)}},{key:"start",value:function(){var e=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var a=_.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(_.navigator.userAgent),n=function(c,l){C(e.imageData,{naturalWidth:c,naturalHeight:l,aspectRatio:c/l}),e.initialImageData=C({},e.imageData),e.sizing=!1,e.sized=!0,e.build()};if(i.naturalWidth&&!a){n(i.naturalWidth,i.naturalHeight);return}var r=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=r,r.onload=function(){n(r.width,r.height),a||o.removeChild(r)},r.src=i.src,a||(r.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(r))}},{key:"stop",value:function(){var e=this.image;e.onload=null,e.onerror=null,e.parentNode.removeChild(e),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var e=this.element,i=this.options,a=this.image,n=e.parentNode,r=document.createElement("div");r.innerHTML=pi;var o=r.querySelector(".".concat(x,"-container")),c=o.querySelector(".".concat(x,"-canvas")),l=o.querySelector(".".concat(x,"-drag-box")),s=o.querySelector(".".concat(x,"-crop-box")),h=s.querySelector(".".concat(x,"-face"));this.container=n,this.cropper=o,this.canvas=c,this.dragBox=l,this.cropBox=s,this.viewBox=o.querySelector(".".concat(x,"-view-box")),this.face=h,c.appendChild(a),z(e,W),n.insertBefore(o,e.nextSibling),U(a,oe),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,z(s,W),i.guides||z(s.getElementsByClassName("".concat(x,"-dashed")),W),i.center||z(s.getElementsByClassName("".concat(x,"-center")),W),i.background&&z(o,"".concat(x,"-bg")),i.highlight||z(h,ai),i.cropBoxMovable&&(z(h,It),bt(h,vt,Zt)),i.cropBoxResizable||(z(s.getElementsByClassName("".concat(x,"-line")),W),z(s.getElementsByClassName("".concat(x,"-point")),W)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),S(i.ready)&&A(e,pe,i.ready,{once:!0}),st(e,pe)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var e=this.cropper.parentNode;e&&e.removeChild(this.cropper),U(this.element,W)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Yi,t}},{key:"setDefaults",value:function(e){C(ge,nt(e)&&e)}}])}();C(Re.prototype,Si,Wi,Ei,Ri,Hi,Li);const Xi=typeof window>"u"?[String,Array]:[String,Array,Element,NodeList],Ai={render(){const t=this.crossorigin||void 0;return ie("div",{style:this.containerStyle},[ie("img",{ref:"img",src:this.src,alt:this.alt||"image",style:[{"max-width":"100%"},this.imgStyle],crossorigin:t})])},props:{containerStyle:Object,src:{type:String,default:""},alt:String,imgStyle:Object,viewMode:Number,dragMode:String,initialAspectRatio:Number,aspectRatio:Number,data:Object,preview:Xi,responsive:{type:Boolean,default:!0},restore:{type:Boolean,default:!0},checkCrossOrigin:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},crossorigin:{type:String},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(){const{containerStyle:t,src:e,alt:i,imgStyle:a,...n}=this.$options.props,r={};for(const o in n)this[o]!==void 0&&(r[o]=this[o]);this.cropper=new Re(this.$refs.img,r)},methods:{reset(){return this.cropper.reset()},clear(){return this.cropper.clear()},initCrop(){return this.cropper.crop()},replace(t,e=!1){return this.cropper.replace(t,e)},enable(){return this.cropper.enable()},disable(){return this.cropper.disable()},destroy(){return this.cropper.destroy()},move(t,e){return this.cropper.move(t,e)},moveTo(t,e=t){return this.cropper.moveTo(t,e)},relativeZoom(t,e){return this.cropper.zoom(t,e)},zoomTo(t,e){return this.cropper.zoomTo(t,e)},rotate(t){return this.cropper.rotate(t)},rotateTo(t){return this.cropper.rotateTo(t)},scaleX(t){return this.cropper.scaleX(t)},scaleY(t){return this.cropper.scaleY(t)},scale(t,e=t){return this.cropper.scale(t,e)},getData(t=!1){return this.cropper.getData(t)},setData(t){return this.cropper.setData(t)},getContainerData(){return this.cropper.getContainerData()},getImageData(){return this.cropper.getImageData()},getCanvasData(){return this.cropper.getCanvasData()},setCanvasData(t){return this.cropper.setCanvasData(t)},getCropBoxData(){return this.cropper.getCropBoxData()},setCropBoxData(t){return this.cropper.setCropBoxData(t)},getCroppedCanvas(t={}){return this.cropper.getCroppedCanvas(t)},setAspectRatio(t){return this.cropper.setAspectRatio(t)},setDragMode(t){return this.cropper.setDragMode(t)}}},ji=Ie({name:"FsCropper",components:{VueCropper:Ai},props:{title:{type:String},cropperHeight:{type:[String,Number]},dialogWidth:{type:[String,Number],default:"50%"},maxSize:{type:Number,default:5},uploadTip:{type:String},cropper:{type:Object},accept:{type:String,default:".jpg, .jpeg, .png, .gif, .webp"},output:{type:String,default:"blob"},compressQuality:{type:Number,default:.8}},emits:["cancel","done","ready"],setup(t,e){const{ui:i}=Fe(),{t:a}=Qe(),n=F(!1),r=F(),o=F(),c=F(!1),l=F(),s=F(),h=F(),p=F({x:1,y:1});function f(){n.value=!1}function m(){R(),e.emit("cancel")}const w=i.dialog.buildOnClosedBind(m),b=i.dialog.customClass,M=Ct(()=>({...w,[b]:"fs-cropper-dialog",...i.formWrapper.buildWidthBind(i.dialog.name,"960px"),...i.formWrapper.buildInitBind(i.dialog.name),title:t.title||a("fs.extends.cropper.title")}));function k(u){n.value=!0,u!=null&&u!==""&&(l.value=u)}function y(){n.value=!1}function R(){c.value=!1,o.value!=null&&(o.value.value=null,o.value=null),r.value!=null&&r.value.clear()}function N(){return r.value}const d={cropper:N(),zoom:xt,clear:R,close:y,open:k};function v(u){e.emit("ready",{event:u,...d})}function B(u){return u.preventDefault(),!1}function E(){o.value.click()}function H(u){return u.type.indexOf("image")===-1?(i.message.warn("请选择合适的文件类型"),!1):t.maxSize>0&&u.size/1024/1024>t.maxSize?(i.message.warn(`图片大小超出最大限制(${t.maxSize}MB),请重新选择.`),!1):!0}function P(u){const D=u.target.files[0];if(D.type.indexOf("image/")===-1){i.message.warn("Please select an image file");return}if(typeof FileReader=="function"){const q=new FileReader;q.onload=pt=>{l.value=pt.target.result,r.value.replace(pt.target.result)},q.readAsDataURL(D)}else i.message.error("Sorry, FileReader API not supported")}function $(u){u.preventDefault();const D=u.target.files||u.dataTransfer.files;if(D==null)return;c.value=!0;const q=D[0];H(q)&&(h.value=q,P(u))}function L(u,D){return D==null&&(D=t.compressQuality),r.value.getCroppedCanvas().toDataURL(u,D)}async function Y(u,D){return D==null&&(D=t.compressQuality),new Promise((q,pt)=>{function Ae(je){q(je)}r.value.getCroppedCanvas().toBlob(Ae,u,D)})}function j(u){e.emit("done",u)}async function T(u){const D={file:u};if(t.output==="all"){const q=await Y(u.type),pt=L(u.type);D.blob=q,D.dataUrl=pt,j(D);return}if(t.output==="blob"){D.blob=await Y(u.type),j(D);return}t.output==="dataUrl"&&(D.dataUrl=L(u.type),j(D))}async function tt(){if(!c.value){i.message.warn("请先选择图片");return}await T(h.value),n.value=!1}function ht(){r.value.scaleX(p.value.x*=-1)}function et(){r.value.scaleY(p.value.y*=-1)}function ct(){s.value=JSON.stringify(r.value.getCropBoxData(),null,4)}function wt(){s.value=JSON.stringify(r.value.getData(),null,4)}function yt(u,D){r.value.move(u,D)}function lt(){r.value.reset()}function it(u){r.value.rotate(u)}function zt(){r.value.setCropBoxData(JSON.parse(s.value))}function Nt(){r.value.setData(JSON.parse(s.value))}function He(){o.value.click()}function xt(u){r.value.relativeZoom(u)}const Le=Ct(()=>{const u="small";return[{size:u,round:!0,icon:i.icons.edit,text:a("fs.extends.cropper.reChoose"),onClick(){E()}},{size:u,round:!0,text:a("fs.extends.cropper.flipX"),onClick(){ht()}},{size:u,round:!0,text:a("fs.extends.cropper.flipY"),onClick(){et()}},{size:u,round:!0,icon:i.icons.zoomIn,onClick(){xt(.1)}},{size:u,round:!0,icon:i.icons.zoomOut,onClick(){xt(-.1)}},{size:u,round:!0,icon:i.icons.refreshLeft,onClick(){it(90)}},{size:u,round:!0,icon:i.icons.refreshRight,onClick(){it(-90)}},{size:u,round:!0,icon:i.icons.refresh,text:a("fs.extends.cropper.reset"),onClick(){lt()}}]}),Ye=Ct(()=>({title:a("fs.extends.cropper.title"),preview:a("fs.extends.cropper.preview"),cancel:a("fs.extends.cropper.cancel"),confirm:a("fs.extends.cropper.confirm"),chooseImage:a("fs.extends.cropper.chooseImage")})),Xe=Ct(()=>t.uploadTip!=null&&t.uploadTip!==""?t.uploadTip:t.maxSize>0?`${a("fs.extends.cropper.onlySupport")} ${t.accept.replace(/,/g,"、")},
  11. ${a("fs.extends.cropper.sizeLimit")} ${t.maxSize}M`:`${a("fs.extends.cropper.onlySupport")}${t.accept},${a("fs.extends.cropper.sizeNoLimit")}`);return{ui:i,cropperRef:r,fileInputRef:o,dialogVisible:n,dialogBinding:M,isLoaded:c,imgSrc:l,data:s,file:h,scale:p,computedButtons:Le,handleClose:f,setData:Nt,handleClosed:m,close:y,showFileChooser:He,zoom:xt,setCropBoxData:zt,rotate:it,reset:lt,move:yt,getData:wt,getCropBoxData:ct,flipY:et,flipX:ht,doCropper:tt,doOutput:T,getCropImageBlob:Y,getCropImageDataUrl:L,handleChange:$,setImage:P,checkFile:H,handleClick:E,preventDefault:B,open:k,clear:R,getCropperRef:N,ready:v,computedTexts:Ye,computedUploadTip:Xe}},data(){return{}},computed:{_cropper(){const t={aspectRatio:1,ready:this.ready};return this.cropper==null?t:Object.assign(t,this.cropper)},_cropperHeight(){let t=this.cropperHeight;return t==null&&(t=document.documentElement.clientHeight*.55,t<270&&(t=270)),typeof t=="number"?t+"px":t},_dialogWidth(){let t=this.dialogWidth;return t==null&&(t="50%"),typeof t=="number"?t+"px":t}}}),Ii={class:"fs-cropper-dialog-wrap"},Pi=["accept"],Ui={class:"fs-cropper-dialog__choose fs-cropper-dialog_left"},_i={class:"fs-cropper-dialog__edit fs-cropper-dialog_left"},$i={class:"fs-cropper-dialog__edit-area"},qi={class:"tool-bar"},Fi={class:"fs-cropper-dialog__preview"},Qi={class:"fs-cropper-dialog__preview-title"},Vi=X("div",{class:"fs-cropper-dialog__preview-120 preview"},null,-1),Zi={class:"dialog-footer"};function Ki(t,e,i,a,n,r){const o=Gt("fs-button"),c=Gt("vue-cropper");return Dt(),St(ee(t.ui.dialog.name),Ht({ref:"cropperDialogRef",[t.ui.dialog.visible]:t.dialogVisible,["onUpdate:"+t.ui.dialog.visible]:e[2]||(e[2]=l=>t.dialogVisible=l),"append-to-body":"",width:"900px","close-on-click-modal":!0},t.dialogBinding,{"destroy-on-close":!1}),{footer:Wt(()=>[X("div",Zi,[Mt(o,{size:"small",text:t.computedTexts.cancel,onClick:t.handleClose},null,8,["text","onClick"]),Mt(o,{type:"primary",size:"small",text:t.computedTexts.confirm,onClick:e[1]||(e[1]=l=>t.doCropper())},null,8,["text"])])]),default:Wt(()=>[X("div",Ii,[Et(X("input",{ref:"fileInputRef",type:"file",accept:t.accept,onChange:e[0]||(e[0]=(...l)=>t.handleChange&&t.handleChange(...l))},null,40,Pi),[[Rt,!1]]),Et(X("div",Ui,[Mt(o,{round:"",text:t.computedTexts.chooseImage,onClick:t.showFileChooser},null,8,["text","onClick"]),X("p",null,te(t.computedUploadTip),1)],512),[[Rt,!t.isLoaded]]),Et(X("div",_i,[X("div",$i,[Mt(c,Ht({ref:"cropperRef",src:t.imgSrc,preview:".preview",style:{height:t._cropperHeight}},t._cropper),null,16,["src","style"])]),X("div",qi,[(Dt(),St(ee(t.ui.buttonGroup.name),null,{default:Wt(()=>[(Dt(!0),Pe(Ue,null,_e(t.computedButtons,(l,s)=>(Dt(),St(o,Ht({key:s,ref_for:!0},l),null,16))),128))]),_:1}))])],512),[[Rt,t.isLoaded]]),X("div",Fi,[X("span",Qi,te(t.computedTexts.preview),1),Vi,X("div",{class:$e(["fs-cropper-dialog__preview-65 preview",{round:t._cropper.aspectRatio===1}])},null,2)])])]),_:1},16)}const ea=qe(ji,[["render",Ki]]);export{ea as default};