You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 lines
54 KiB
3 lines
54 KiB
(self.webpackChunk=self.webpackChunk||[]).push([[547],{99579:function(){"use strict"},13398:function(ae,ft,z){"use strict";z.r(ft),z.d(ft,{default:function(){return mt}});var y=z(67294),U=z(35973),m=z(11320),bt=z(2453),Bt=z(14446),kt=z(57953),yt=z(55761),nt={modal:"modal___UiRZE",avatarWrap:"avatarWrap___ult2g",tip:"tip___VD4sc",previewWrap:"previewWrap___DqV9j",previewImg:"previewImg___hrFoK",uploadButton:"uploadButton___RgVQG"},zt=z(99579),Tt=(w,D,x)=>new Promise((E,$)=>{var K=S=>{try{Z(x.next(S))}catch(j){$(j)}},P=S=>{try{Z(x.throw(S))}catch(j){$(j)}},Z=S=>S.done?E(S.value):Promise.resolve(S.value).then(K,P);Z((x=x.apply(w,D)).next())});const Wt=({user:w,account:D,globalSetting:x,loading:E,dispatch:$,visible:K,onClose:P})=>{const[Z,S]=(0,y.useState)(),j=(0,y.useRef)();(0,y.useEffect)(()=>{var G;K&&S(`${m.Z.IMG_SERVER}/images/${(G=w.userInfo)==null?void 0:G.image_url}`)},[w.userInfo,K]);const ht=G=>{let Q;if(G.dataTransfer?Q=G.dataTransfer.files:G.target&&(Q=G.target.files),!(Q!=null&&Q.length))return;const ct=Q[0];if(!/^image\/\w+/.test(ct.type)){bt.ZP.info("\u8BF7\u9009\u62E9\u4E00\u4E2A\u56FE\u7247\u683C\u5F0F\u7684\u6587\u4EF6");return}if(ct.size>10*1024*1024){bt.ZP.info("\u4EC5\u652F\u6301\u6587\u4EF6\u5927\u5C0F\u5C0F\u4E8E10M\u7684\u6587\u4EF6");return}const xt=new FileReader;xt.onload=()=>{S(xt.result)},xt.readAsDataURL(Q[0])},ot=()=>Tt(void 0,null,function*(){var G;const Q=j.current.getCroppedCanvas().toDataURL("image/jpeg");Q||bt.ZP.info("\u8BF7\u5148\u4E0A\u4F20\u56FE\u7247");const ct=yield $({type:"account/updateAvatar",payload:{image:Q,login:(G=w.userInfo)==null?void 0:G.login}});at(),ct.status===0&&(bt.ZP.info("\u4FEE\u6539\u5934\u50CF\u6210\u529F"),$({type:"user/getUserInfo"}))}),at=()=>{P()};return y.createElement(Bt.default,{centered:!0,keyboard:!1,closable:!1,open:K,title:"\u4E0A\u4F20\u5934\u50CF",width:550,forceRender:!0,confirmLoading:E["account/updateAvatar"],onOk:ot,onCancel:at},y.createElement(kt.Z,{spinning:!!E["account/updateAvatar"]},y.createElement("div",{className:nt.modal},y.createElement("div",null,y.createElement("div",{className:nt.avatarWrap},y.createElement(yt.Z,{style:{height:320,width:320},ref:j,src:Z,guides:!1,aspectRatio:1,preview:"#updateAvatarImg"})),y.createElement("span",{className:nt.tip},"\u4EC5\u652F\u6301JPG\u3001GIF\u3001PNG\uFF0C\u4E14\u6587\u4EF6\u5C0F\u4E8E10M")),y.createElement("div",{className:nt.previewWrap},y.createElement("div",null,y.createElement("div",{className:nt.previewImg,id:"updateAvatarImg"}),y.createElement("div",{className:`${nt.tip} tc`},"\u5934\u50CF\u9884\u89C8")),y.createElement("label",{className:nt.uploadButton,id:"uploadBtn",htmlFor:"inputImage"},y.createElement("input",{type:"file",className:"sr-only",id:"inputImage",name:"file",accept:"image/*",style:{display:"none"},onChange:ht}),"\u70B9\u51FB\u4E0A\u4F20")))))};var wt=(0,U.connect)(({user:w,account:D,loading:x,globalSetting:E})=>({user:w,account:D,globalSetting:E,loading:x.effects}))(Wt),C={wrap:"wrap___jmmMV",avatarWrap:"avatarWrap___rSWxp",avatar:"avatar___fcL4a",updateAvatarWrap:"updateAvatarWrap___PvFWZ",img:"img___HYjbH",updateAvatar:"updateAvatar___A4WCJ",name:"name___I27vY",role:"role___S1bgR",title:"title___lYk_h",colorGary:"colorGary___dTxWU",colorGreen:"colorGreen___IMA6y",colorRed:"colorRed___I0jPR",item:"item___daAx6",active:"active___ZGd1H"},Et=Object.getOwnPropertySymbols,pt=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable,dt=(w,D)=>{var x={};for(var E in w)pt.call(w,E)&&D.indexOf(E)<0&&(x[E]=w[E]);if(w!=null&&Et)for(var E of Et(w))D.indexOf(E)<0&&R.call(w,E)&&(x[E]=w[E]);return x},_t=(w=>(w.Profile="profile",w.Certification="certification",w.Secure="secure",w.Group="teach-group",w.Binding="binding",w.Results="Results",w))(_t||{});const Lt=w=>{var D=w,{user:x,account:E,globalSetting:$,loading:K,dispatch:P}=D,Z=dt(D,["user","account","globalSetting","loading","dispatch"]),S,j,ht,ot,at,G,Q,ct,xt,Zt,Qt,Ut,$t;const[At,qt]=(0,y.useState)(),jt=(0,U.useLocation)();(0,y.useEffect)(()=>{var Pt;const Kt=(Pt=jt.pathname.split("/"))==null?void 0:Pt[2];qt(Kt)},[jt.pathname]);const Jt=`${m.Z.IMG_SERVER}/images/${(S=x.userInfo)==null?void 0:S.image_url}`;return y.createElement("section",{className:C.wrap},y.createElement("div",{className:C.avatarWrap},y.createElement("div",{className:C.avatar},y.createElement("div",{className:C.updateAvatarWrap,onClick:()=>{P({type:"account/setActionTabs",payload:{key:"Account-UpdateAvatar"}})}},y.createElement("img",{className:C.img,src:Jt}),y.createElement("div",{className:C.updateAvatar},"\u4FEE\u6539\u5934\u50CF"))),y.createElement("span",{className:C.name,title:(j=x.userInfo)==null?void 0:j.username},((ot=(ht=x.userInfo)==null?void 0:ht.username)==null?void 0:ot.length)>6?((G=(at=x.userInfo)==null?void 0:at.username)==null?void 0:G.substr(0,6))+"...":(Q=x.userInfo)==null?void 0:Q.username),y.createElement("span",{className:C.role},(ct=x.userInfo)==null?void 0:ct.user_identity)),y.createElement("div",null,y.createElement("div",{className:C.title},"\u8D26\u53F7\u7BA1\u7406"),y.createElement("ul",{className:"pl0"},y.createElement("li",{className:`${C.item} ${At==="profile"?C.active:""}`,onClick:()=>U.history.push("/account/profile")},y.createElement("span",null,y.createElement("i",{className:`iconfont icon-jibenxinxi font16 mr5 ${C.colorGary}`}),"\u57FA\u672C\u4FE1\u606F"),y.createElement("i",{className:`iconfont font16 mr25 ${(xt=E.basicInfo)!=null&&xt.base_info_completed?`${C.colorGreen} icon-wancheng`:`${C.colorRed} icon-tishi`}`})),y.createElement("li",{className:`${C.item} ${At==="certification"?C.active:""}`,onClick:()=>U.history.push("/account/certification")},y.createElement("span",null,y.createElement("i",{className:`iconfont icon-renzhengxinxi font16 mr5 ${C.colorGary}`}),"\u8BA4\u8BC1\u4FE1\u606F"),y.createElement("i",{className:`iconfont font16 mr25 ${((Zt=E.basicInfo)==null?void 0:Zt.professional_certification)==="certified"&&((Qt=E.basicInfo)==null?void 0:Qt.authentication)==="certified"?`${C.colorGreen} icon-wancheng`:`${C.colorRed} icon-tishi`}`})),y.createElement("li",{className:`${C.item} ${At==="secure"?C.active:""}`,onClick:()=>U.history.push("/account/secure")},y.createElement("span",null,y.createElement("i",{className:`iconfont icon-anquanshezhi font16 mr5 ${C.colorGary}`}),"\u5B89\u5168\u8BBE\u7F6E")),!((Ut=$==null?void 0:$.setting)!=null&&Ut.is_local)&&y.createElement("li",{className:`${C.item} ${At==="binding"?C.active:""}`,onClick:()=>U.history.push("/account/binding")},y.createElement("span",null,y.createElement("i",{className:`iconfont icon-lianjie font16 mr5 ${C.colorGary}`}),"\u7ED1\u5B9A\u767B\u5F55\u8D26\u53F7")))),y.createElement(wt,{visible:(($t=E.actionTabs)==null?void 0:$t.key)==="Account-UpdateAvatar",onClose:()=>{P({type:"account/setActionTabs"})}}))};var Dt=(0,U.connect)(({user:w,account:D,loading:x,globalSetting:E})=>({user:w,account:D,globalSetting:E,loading:x.models.index}))(Lt),et={bg:"bg___lB_B_",wrap:"wrap___GGUEr"},g=z(67294),b=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,N=(w,D)=>{var x={};for(var E in w)v.call(w,E)&&D.indexOf(E)<0&&(x[E]=w[E]);if(w!=null&&b)for(var E of b(w))D.indexOf(E)<0&&u.call(w,E)&&(x[E]=w[E]);return x},k=(w,D,x)=>new Promise((E,$)=>{var K=S=>{try{Z(x.next(S))}catch(j){$(j)}},P=S=>{try{Z(x.throw(S))}catch(j){$(j)}},Z=S=>S.done?E(S.value):Promise.resolve(S.value).then(K,P);Z((x=x.apply(w,D)).next())});const V=w=>{var D=w,{user:x,account:E,globalSetting:$,loading:K,dispatch:P}=D,Z=N(D,["user","account","globalSetting","loading","dispatch"]),S;const j=(0,U.useLocation)();return(0,y.useEffect)(()=>(P({type:"globalSetting/delayTipToggle",payload:!0}),()=>{P({type:"globalSetting/delayTipToggle",payload:!1})}),[]),(0,y.useEffect)(()=>{var ht;(ht=x.userInfo)!=null&&ht.login&&k(void 0,null,function*(){var ot;const at=yield P({type:"account/getBasicInfo",payload:{login:(ot=x.userInfo)==null?void 0:ot.login}});at!=null&&at.base_info_completed||(localStorage.getItem("Noviceguide")==="0"||P({type:"shixunHomeworks/setActionTabs",payload:{key:"\u5E95\u90E8\u5F39\u7A97",type:3,text:g.createElement("div",null,"\u8BF7\u60A8\u5B8C\u5584\u4E00\u4E0B\u5E73\u53F0\u7684\u57FA\u672C\u4FE1\u606F\uFF0C\u5305\u62EC\uFF1A\u6635\u79F0\u3001\u804C\u4E1A\u3001\u5B66\u6821/\u5355\u4F4D\uFF0C \u70B9\u51FB\u4FDD\u5B58")}}),U.history.push("/account/profile/edit"))})},[(S=x.userInfo)==null?void 0:S.login]),g.createElement("section",{className:et.bg},g.createElement("div",{className:et.wrap},g.createElement(Dt,null),g.createElement(U.Outlet,null)))};var mt=(0,U.connect)(({user:w,account:D,loading:x,globalSetting:E})=>({user:w,account:D,globalSetting:E,loading:x.models.index}))(V)},33129:function(ae){(function(ft,z){ae.exports=z()})(this,function(){"use strict";function ft(i,t){var a=Object.keys(i);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(i);t&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(i,o).enumerable})),a.push.apply(a,e)}return a}function z(i){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?ft(Object(a),!0).forEach(function(e){Bt(i,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(a)):ft(Object(a)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(a,e))})}return i}function y(i){"@babel/helpers - typeof";return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},y(i)}function U(i,t){if(!(i instanceof t))throw new TypeError("Cannot call a class as a function")}function m(i,t){for(var a=0;a<t.length;a++){var e=t[a];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(i,e.key,e)}}function bt(i,t,a){return t&&m(i.prototype,t),a&&m(i,a),Object.defineProperty(i,"prototype",{writable:!1}),i}function Bt(i,t,a){return t in i?Object.defineProperty(i,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):i[t]=a,i}function kt(i){return yt(i)||nt(i)||zt(i)||Wt()}function yt(i){if(Array.isArray(i))return Tt(i)}function nt(i){if(typeof Symbol!="undefined"&&i[Symbol.iterator]!=null||i["@@iterator"]!=null)return Array.from(i)}function zt(i,t){if(i){if(typeof i=="string")return Tt(i,t);var a=Object.prototype.toString.call(i).slice(8,-1);if(a==="Object"&&i.constructor&&(a=i.constructor.name),a==="Map"||a==="Set")return Array.from(i);if(a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Tt(i,t)}}function Tt(i,t){(t==null||t>i.length)&&(t=i.length);for(var a=0,e=new Array(t);a<t;a++)e[a]=i[a];return e}function Wt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var wt=typeof window!="undefined"&&typeof window.document!="undefined",C=wt?window:{},Et=wt&&C.document.documentElement?"ontouchstart"in C.document.documentElement:!1,pt=wt?"PointerEvent"in C:!1,R="cropper",dt="all",_t="crop",Lt="move",Dt="zoom",et="e",g="w",b="s",v="n",u="ne",N="nw",k="se",V="sw",mt="".concat(R,"-crop"),w="".concat(R,"-disabled"),D="".concat(R,"-hidden"),x="".concat(R,"-hide"),E="".concat(R,"-invisible"),$="".concat(R,"-modal"),K="".concat(R,"-move"),P="".concat(R,"Action"),Z="".concat(R,"Preview"),S="crop",j="move",ht="none",ot="crop",at="cropend",G="cropmove",Q="cropstart",ct="dblclick",xt=Et?"touchstart":"mousedown",Zt=Et?"touchmove":"mousemove",Qt=Et?"touchend touchcancel":"mouseup",Ut=pt?"pointerdown":xt,$t=pt?"pointermove":Zt,At=pt?"pointerup pointercancel":Qt,qt="ready",jt="resize",Jt="wheel",Pt="zoom",Kt="image/jpeg",Me=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Oe=/^data:/,Te=/^data:image\/jpeg;base64,/,_e=/^img|canvas$/i,ce=200,le=100,ue={viewMode:0,dragMode:S,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:ce,minContainerHeight:le,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Ae='<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>',Ne=Number.isNaN||C.isNaN;function M(i){return typeof i=="number"&&!Ne(i)}var fe=function(t){return t>0&&t<1/0};function ie(i){return typeof i=="undefined"}function Nt(i){return y(i)==="object"&&i!==null}var Re=Object.prototype.hasOwnProperty;function Yt(i){if(!Nt(i))return!1;try{var t=i.constructor,a=t.prototype;return t&&a&&Re.call(a,"isPrototypeOf")}catch(e){return!1}}function q(i){return typeof i=="function"}var Se=Array.prototype.slice;function pe(i){return Array.from?Array.from(i):Se.call(i)}function W(i,t){return i&&q(t)&&(Array.isArray(i)||M(i.length)?pe(i).forEach(function(a,e){t.call(i,a,e,i)}):Nt(i)&&Object.keys(i).forEach(function(a){t.call(i,i[a],a,i)})),i}var I=Object.assign||function(t){for(var a=arguments.length,e=new Array(a>1?a-1:0),o=1;o<a;o++)e[o-1]=arguments[o];return Nt(t)&&e.length>0&&e.forEach(function(r){Nt(r)&&Object.keys(r).forEach(function(n){t[n]=r[n]})}),t},Ie=/\.\d*(?:0|9){12}\d*$/;function Xt(i){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Ie.test(i)?Math.round(i*t)/t:i}var Be=/^width|height|left|top|marginLeft|marginTop$/;function Ct(i,t){var a=i.style;W(t,function(e,o){Be.test(o)&&M(e)&&(e="".concat(e,"px")),a[o]=e})}function ke(i,t){return i.classList?i.classList.contains(t):i.className.indexOf(t)>-1}function H(i,t){if(t){if(M(i.length)){W(i,function(e){H(e,t)});return}if(i.classList){i.classList.add(t);return}var a=i.className.trim();a?a.indexOf(t)<0&&(i.className="".concat(a," ").concat(t)):i.className=t}}function lt(i,t){if(t){if(M(i.length)){W(i,function(a){lt(a,t)});return}if(i.classList){i.classList.remove(t);return}i.className.indexOf(t)>=0&&(i.className=i.className.replace(t,""))}}function Ht(i,t,a){if(t){if(M(i.length)){W(i,function(e){Ht(e,t,a)});return}a?H(i,t):lt(i,t)}}var ze=/([a-z\d])([A-Z])/g;function re(i){return i.replace(ze,"$1-$2").toLowerCase()}function ne(i,t){return Nt(i[t])?i[t]:i.dataset?i.dataset[t]:i.getAttribute("data-".concat(re(t)))}function Gt(i,t,a){Nt(a)?i[t]=a:i.dataset?i.dataset[t]=a:i.setAttribute("data-".concat(re(t)),a)}function We(i,t){if(Nt(i[t]))try{delete i[t]}catch(a){i[t]=void 0}else if(i.dataset)try{delete i.dataset[t]}catch(a){i.dataset[t]=void 0}else i.removeAttribute("data-".concat(re(t)))}var de=/\s\s*/,me=function(){var i=!1;if(wt){var t=!1,a=function(){},e=Object.defineProperty({},"once",{get:function(){return i=!0,t},set:function(r){t=r}});C.addEventListener("test",a,e),C.removeEventListener("test",a,e)}return i}();function st(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},o=a;t.trim().split(de).forEach(function(r){if(!me){var n=i.listeners;n&&n[r]&&n[r][a]&&(o=n[r][a],delete n[r][a],Object.keys(n[r]).length===0&&delete n[r],Object.keys(n).length===0&&delete i.listeners)}i.removeEventListener(r,o,e)})}function it(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},o=a;t.trim().split(de).forEach(function(r){if(e.once&&!me){var n=i.listeners,s=n===void 0?{}:n;o=function(){delete s[r][a],i.removeEventListener(r,o,e);for(var l=arguments.length,h=new Array(l),c=0;c<l;c++)h[c]=arguments[c];a.apply(i,h)},s[r]||(s[r]={}),s[r][a]&&i.removeEventListener(r,s[r][a],e),s[r][a]=o,i.listeners=s}i.addEventListener(r,o,e)})}function Ft(i,t,a){var e;return q(Event)&&q(CustomEvent)?e=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(e=document.createEvent("CustomEvent"),e.initCustomEvent(t,!0,!0,a)),i.dispatchEvent(e)}function ve(i){var t=i.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var oe=C.location,Le=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function ge(i){var t=i.match(Le);return t!==null&&(t[1]!==oe.protocol||t[2]!==oe.hostname||t[3]!==oe.port)}function be(i){var t="timestamp=".concat(new Date().getTime());return i+(i.indexOf("?")===-1?"?":"&")+t}function Vt(i){var t=i.rotate,a=i.scaleX,e=i.scaleY,o=i.translateX,r=i.translateY,n=[];M(o)&&o!==0&&n.push("translateX(".concat(o,"px)")),M(r)&&r!==0&&n.push("translateY(".concat(r,"px)")),M(t)&&t!==0&&n.push("rotate(".concat(t,"deg)")),M(a)&&a!==1&&n.push("scaleX(".concat(a,")")),M(e)&&e!==1&&n.push("scaleY(".concat(e,")"));var s=n.length?n.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Pe(i){var t=z({},i),a=0;return W(i,function(e,o){delete t[o],W(t,function(r){var n=Math.abs(e.startX-r.startX),s=Math.abs(e.startY-r.startY),p=Math.abs(e.endX-r.endX),l=Math.abs(e.endY-r.endY),h=Math.sqrt(n*n+s*s),c=Math.sqrt(p*p+l*l),f=(c-h)/h;Math.abs(f)>Math.abs(a)&&(a=f)})}),a}function te(i,t){var a=i.pageX,e=i.pageY,o={endX:a,endY:e};return t?o:z({startX:a,startY:e},o)}function Ye(i){var t=0,a=0,e=0;return W(i,function(o){var r=o.startX,n=o.startY;t+=r,a+=n,e+=1}),t/=e,a/=e,{pageX:t,pageY:a}}function Mt(i){var t=i.aspectRatio,a=i.height,e=i.width,o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=fe(e),n=fe(a);if(r&&n){var s=a*t;o==="contain"&&s>e||o==="cover"&&s<e?a=e/t:e=a*t}else r?a=e/t:n&&(e=a*t);return{width:e,height:a}}function Xe(i){var t=i.width,a=i.height,e=i.degree;if(e=Math.abs(e)%180,e===90)return{width:a,height:t};var o=e%90*Math.PI/180,r=Math.sin(o),n=Math.cos(o),s=t*n+a*r,p=t*r+a*n;return e>90?{width:p,height:s}:{width:s,height:p}}function He(i,t,a,e){var o=t.aspectRatio,r=t.naturalWidth,n=t.naturalHeight,s=t.rotate,p=s===void 0?0:s,l=t.scaleX,h=l===void 0?1:l,c=t.scaleY,f=c===void 0?1:c,T=a.aspectRatio,O=a.naturalWidth,B=a.naturalHeight,_=e.fillColor,Y=_===void 0?"transparent":_,F=e.imageSmoothingEnabled,L=F===void 0?!0:F,vt=e.imageSmoothingQuality,tt=vt===void 0?"low":vt,d=e.maxWidth,A=d===void 0?1/0:d,X=e.maxHeight,rt=X===void 0?1/0:X,gt=e.minWidth,Rt=gt===void 0?0:gt,St=e.minHeight,Ot=St===void 0?0:St,ut=document.createElement("canvas"),J=ut.getContext("2d"),It=Mt({aspectRatio:T,width:A,height:rt}),ee=Mt({aspectRatio:T,width:Rt,height:Ot},"cover"),se=Math.min(It.width,Math.max(ee.width,O)),he=Math.min(It.height,Math.max(ee.height,B)),Ee=Mt({aspectRatio:o,width:A,height:rt}),De=Mt({aspectRatio:o,width:Rt,height:Ot},"cover"),xe=Math.min(Ee.width,Math.max(De.width,r)),Ce=Math.min(Ee.height,Math.max(De.height,n)),aa=[-xe/2,-Ce/2,xe,Ce];return ut.width=Xt(se),ut.height=Xt(he),J.fillStyle=Y,J.fillRect(0,0,se,he),J.save(),J.translate(se/2,he/2),J.rotate(p*Math.PI/180),J.scale(h,f),J.imageSmoothingEnabled=L,J.imageSmoothingQuality=tt,J.drawImage.apply(J,[i].concat(kt(aa.map(function(ia){return Math.floor(Xt(ia))})))),J.restore(),ut}var ye=String.fromCharCode;function Fe(i,t,a){var e="";a+=t;for(var o=t;o<a;o+=1)e+=ye(i.getUint8(o));return e}var Ue=/^data:.*,/;function $e(i){var t=i.replace(Ue,""),a=atob(t),e=new ArrayBuffer(a.length),o=new Uint8Array(e);return W(o,function(r,n){o[n]=a.charCodeAt(n)}),e}function je(i,t){for(var a=[],e=8192,o=new Uint8Array(i);o.length>0;)a.push(ye.apply(null,pe(o.subarray(0,e)))),o=o.subarray(e);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function Ge(i){var t=new DataView(i),a;try{var e,o,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var n=t.byteLength,s=2;s+1<n;){if(t.getUint8(s)===255&&t.getUint8(s+1)===225){o=s;break}s+=1}if(o){var p=o+4,l=o+10;if(Fe(t,p,4)==="Exif"){var h=t.getUint16(l);if(e=h===18761,(e||h===19789)&&t.getUint16(l+2,e)===42){var c=t.getUint32(l+4,e);c>=8&&(r=l+c)}}}if(r){var f=t.getUint16(r,e),T,O;for(O=0;O<f;O+=1)if(T=r+O*12+2,t.getUint16(T,e)===274){T+=8,a=t.getUint16(T,e),t.setUint16(T,1,e);break}}}catch(B){a=1}return a}function Ve(i){var t=0,a=1,e=1;switch(i){case 2:a=-1;break;case 3:t=-180;break;case 4:e=-1;break;case 5:t=90,e=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:e}}var Ze={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,e=this.container,o=this.cropper,r=Number(a.minContainerWidth),n=Number(a.minContainerHeight);H(o,D),lt(t,D);var s={width:Math.max(e.offsetWidth,r>=0?r:ce),height:Math.max(e.offsetHeight,n>=0?n:le)};this.containerData=s,Ct(o,{width:s.width,height:s.height}),H(t,D),lt(o,D)},initCanvas:function(){var t=this.containerData,a=this.imageData,e=this.options.viewMode,o=Math.abs(a.rotate)%180===90,r=o?a.naturalHeight:a.naturalWidth,n=o?a.naturalWidth:a.naturalHeight,s=r/n,p=t.width,l=t.height;t.height*s>t.width?e===3?p=t.height*s:l=t.width/s:e===3?l=t.width/s:p=t.height*s;var h={aspectRatio:s,naturalWidth:r,naturalHeight:n,width:p,height:l};this.canvasData=h,this.limited=e===1||e===2,this.limitCanvas(!0,!0),h.width=Math.min(Math.max(h.width,h.minWidth),h.maxWidth),h.height=Math.min(Math.max(h.height,h.minHeight),h.maxHeight),h.left=(t.width-h.width)/2,h.top=(t.height-h.height)/2,h.oldLeft=h.left,h.oldTop=h.top,this.initialCanvasData=I({},h)},limitCanvas:function(t,a){var e=this.options,o=this.containerData,r=this.canvasData,n=this.cropBoxData,s=e.viewMode,p=r.aspectRatio,l=this.cropped&&n;if(t){var h=Number(e.minCanvasWidth)||0,c=Number(e.minCanvasHeight)||0;s>1?(h=Math.max(h,o.width),c=Math.max(c,o.height),s===3&&(c*p>h?h=c*p:c=h/p)):s>0&&(h?h=Math.max(h,l?n.width:0):c?c=Math.max(c,l?n.height:0):l&&(h=n.width,c=n.height,c*p>h?h=c*p:c=h/p));var f=Mt({aspectRatio:p,width:h,height:c});h=f.width,c=f.height,r.minWidth=h,r.minHeight=c,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(s>(l?0:1)){var T=o.width-r.width,O=o.height-r.height;r.minLeft=Math.min(0,T),r.minTop=Math.min(0,O),r.maxLeft=Math.max(0,T),r.maxTop=Math.max(0,O),l&&this.limited&&(r.minLeft=Math.min(n.left,n.left+(n.width-r.width)),r.minTop=Math.min(n.top,n.top+(n.height-r.height)),r.maxLeft=n.left,r.maxTop=n.top,s===2&&(r.width>=o.width&&(r.minLeft=Math.min(0,T),r.maxLeft=Math.max(0,T)),r.height>=o.height&&(r.minTop=Math.min(0,O),r.maxTop=Math.max(0,O))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=o.width,r.maxTop=o.height},renderCanvas:function(t,a){var e=this.canvasData,o=this.imageData;if(a){var r=Xe({width:o.naturalWidth*Math.abs(o.scaleX||1),height:o.naturalHeight*Math.abs(o.scaleY||1),degree:o.rotate||0}),n=r.width,s=r.height,p=e.width*(n/e.naturalWidth),l=e.height*(s/e.naturalHeight);e.left-=(p-e.width)/2,e.top-=(l-e.height)/2,e.width=p,e.height=l,e.aspectRatio=n/s,e.naturalWidth=n,e.naturalHeight=s,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,Ct(this.canvas,I({width:e.width,height:e.height},Vt({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,e=this.imageData,o=e.naturalWidth*(a.width/a.naturalWidth),r=e.naturalHeight*(a.height/a.naturalHeight);I(e,{width:o,height:r,left:(a.width-o)/2,top:(a.height-r)/2}),Ct(this.image,I({width:e.width,height:e.height},Vt(I({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,e=t.aspectRatio||t.initialAspectRatio,o=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};e&&(a.height*e>a.width?r.height=r.width/e:r.width=r.height*e),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*o),r.height=Math.max(r.minHeight,r.height*o),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=I({},r)},limitCropBox:function(t,a){var e=this.options,o=this.containerData,r=this.canvasData,n=this.cropBoxData,s=this.limited,p=e.aspectRatio;if(t){var l=Number(e.minCropBoxWidth)||0,h=Number(e.minCropBoxHeight)||0,c=s?Math.min(o.width,r.width,r.width+r.left,o.width-r.left):o.width,f=s?Math.min(o.height,r.height,r.height+r.top,o.height-r.top):o.height;l=Math.min(l,o.width),h=Math.min(h,o.height),p&&(l&&h?h*p>l?h=l/p:l=h*p:l?h=l/p:h&&(l=h*p),f*p>c?f=c/p:c=f*p),n.minWidth=Math.min(l,c),n.minHeight=Math.min(h,f),n.maxWidth=c,n.maxHeight=f}a&&(s?(n.minLeft=Math.max(0,r.left),n.minTop=Math.max(0,r.top),n.maxLeft=Math.min(o.width,r.left+r.width)-n.width,n.maxTop=Math.min(o.height,r.top+r.height)-n.height):(n.minLeft=0,n.minTop=0,n.maxLeft=o.width-n.width,n.maxTop=o.height-n.height))},renderCropBox:function(){var t=this.options,a=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&Gt(this.face,P,e.width>=a.width&&e.height>=a.height?Lt:dt),Ct(this.cropBox,I({width:e.width,height:e.height},Vt({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Ft(this.element,ot,this.getData())}},Qe={initPreview:function(){var t=this.element,a=this.crossOrigin,e=this.options.preview,o=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",n=document.createElement("img");if(a&&(n.crossOrigin=a),n.src=o,n.alt=r,this.viewBox.appendChild(n),this.viewBoxImage=n,!!e){var s=e;typeof e=="string"?s=t.ownerDocument.querySelectorAll(e):e.querySelector&&(s=[e]),this.previews=s,W(s,function(p){var l=document.createElement("img");Gt(p,Z,{width:p.offsetWidth,height:p.offsetHeight,html:p.innerHTML}),a&&(l.crossOrigin=a),l.src=o,l.alt=r,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;"',p.innerHTML="",p.appendChild(l)})}},resetPreview:function(){W(this.previews,function(t){var a=ne(t,Z);Ct(t,{width:a.width,height:a.height}),t.innerHTML=a.html,We(t,Z)})},preview:function(){var t=this.imageData,a=this.canvasData,e=this.cropBoxData,o=e.width,r=e.height,n=t.width,s=t.height,p=e.left-a.left-t.left,l=e.top-a.top-t.top;!this.cropped||this.disabled||(Ct(this.viewBoxImage,I({width:n,height:s},Vt(I({translateX:-p,translateY:-l},t)))),W(this.previews,function(h){var c=ne(h,Z),f=c.width,T=c.height,O=f,B=T,_=1;o&&(_=f/o,B=r*_),r&&B>T&&(_=T/r,O=o*_,B=T),Ct(h,{width:O,height:B}),Ct(h.getElementsByTagName("img")[0],I({width:n*_,height:s*_},Vt(I({translateX:-p*_,translateY:-l*_},t))))}))}},qe={bind:function(){var t=this.element,a=this.options,e=this.cropper;q(a.cropstart)&&it(t,Q,a.cropstart),q(a.cropmove)&&it(t,G,a.cropmove),q(a.cropend)&&it(t,at,a.cropend),q(a.crop)&&it(t,ot,a.crop),q(a.zoom)&&it(t,Pt,a.zoom),it(e,Ut,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&it(e,Jt,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&it(e,ct,this.onDblclick=this.dblclick.bind(this)),it(t.ownerDocument,$t,this.onCropMove=this.cropMove.bind(this)),it(t.ownerDocument,At,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&it(window,jt,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,e=this.cropper;q(a.cropstart)&&st(t,Q,a.cropstart),q(a.cropmove)&&st(t,G,a.cropmove),q(a.cropend)&&st(t,at,a.cropend),q(a.crop)&&st(t,ot,a.crop),q(a.zoom)&&st(t,Pt,a.zoom),st(e,Ut,this.onCropStart),a.zoomable&&a.zoomOnWheel&&st(e,Jt,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&st(e,ct,this.onDblclick),st(t.ownerDocument,$t,this.onCropMove),st(t.ownerDocument,At,this.onCropEnd),a.responsive&&st(window,jt,this.onResize)}},Je={resize:function(){if(!this.disabled){var t=this.options,a=this.container,e=this.containerData,o=a.offsetWidth/e.width,r=a.offsetHeight/e.height,n=Math.abs(o-1)>Math.abs(r-1)?o:r;if(n!==1){var s,p;t.restore&&(s=this.getCanvasData(),p=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(W(s,function(l,h){s[h]=l*n})),this.setCropBoxData(W(p,function(l,h){p[h]=l*n})))}}},dblclick:function(){this.disabled||this.options.dragMode===ht||this.setDragMode(ke(this.dragBox,mt)?j:S)},wheel:function(t){var a=this,e=Number(this.options.wheelZoomRatio)||.1,o=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?o=t.deltaY>0?1:-1:t.wheelDelta?o=-t.wheelDelta/120:t.detail&&(o=t.detail>0?1:-1),this.zoom(-o*e,t)))},cropStart:function(t){var a=t.buttons,e=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(M(a)&&a!==1||M(e)&&e!==0||t.ctrlKey))){var o=this.options,r=this.pointers,n;t.changedTouches?W(t.changedTouches,function(s){r[s.identifier]=te(s)}):r[t.pointerId||0]=te(t),Object.keys(r).length>1&&o.zoomable&&o.zoomOnTouch?n=Dt:n=ne(t.target,P),Me.test(n)&&Ft(this.element,Q,{originalEvent:t,action:n})!==!1&&(t.preventDefault(),this.action=n,this.cropping=!1,n===_t&&(this.cropping=!0,H(this.dragBox,$)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var e=this.pointers;t.preventDefault(),Ft(this.element,G,{originalEvent:t,action:a})!==!1&&(t.changedTouches?W(t.changedTouches,function(o){I(e[o.identifier]||{},te(o,!0))}):I(e[t.pointerId||0]||{},te(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,e=this.pointers;t.changedTouches?W(t.changedTouches,function(o){delete e[o.identifier]}):delete e[t.pointerId||0],a&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,Ht(this.dragBox,$,this.cropped&&this.options.modal)),Ft(this.element,at,{originalEvent:t,action:a}))}}},Ke={change:function(t){var a=this.options,e=this.canvasData,o=this.containerData,r=this.cropBoxData,n=this.pointers,s=this.action,p=a.aspectRatio,l=r.left,h=r.top,c=r.width,f=r.height,T=l+c,O=h+f,B=0,_=0,Y=o.width,F=o.height,L=!0,vt;!p&&t.shiftKey&&(p=c&&f?c/f:1),this.limited&&(B=r.minLeft,_=r.minTop,Y=B+Math.min(o.width,e.width,e.left+e.width),F=_+Math.min(o.height,e.height,e.top+e.height));var tt=n[Object.keys(n)[0]],d={x:tt.endX-tt.startX,y:tt.endY-tt.startY},A=function(rt){switch(rt){case et:T+d.x>Y&&(d.x=Y-T);break;case g:l+d.x<B&&(d.x=B-l);break;case v:h+d.y<_&&(d.y=_-h);break;case b:O+d.y>F&&(d.y=F-O);break}};switch(s){case dt:l+=d.x,h+=d.y;break;case et:if(d.x>=0&&(T>=Y||p&&(h<=_||O>=F))){L=!1;break}A(et),c+=d.x,c<0&&(s=g,c=-c,l-=c),p&&(f=c/p,h+=(r.height-f)/2);break;case v:if(d.y<=0&&(h<=_||p&&(l<=B||T>=Y))){L=!1;break}A(v),f-=d.y,h+=d.y,f<0&&(s=b,f=-f,h-=f),p&&(c=f*p,l+=(r.width-c)/2);break;case g:if(d.x<=0&&(l<=B||p&&(h<=_||O>=F))){L=!1;break}A(g),c-=d.x,l+=d.x,c<0&&(s=et,c=-c,l-=c),p&&(f=c/p,h+=(r.height-f)/2);break;case b:if(d.y>=0&&(O>=F||p&&(l<=B||T>=Y))){L=!1;break}A(b),f+=d.y,f<0&&(s=v,f=-f,h-=f),p&&(c=f*p,l+=(r.width-c)/2);break;case u:if(p){if(d.y<=0&&(h<=_||T>=Y)){L=!1;break}A(v),f-=d.y,h+=d.y,c=f*p}else A(v),A(et),d.x>=0?T<Y?c+=d.x:d.y<=0&&h<=_&&(L=!1):c+=d.x,d.y<=0?h>_&&(f-=d.y,h+=d.y):(f-=d.y,h+=d.y);c<0&&f<0?(s=V,f=-f,c=-c,h-=f,l-=c):c<0?(s=N,c=-c,l-=c):f<0&&(s=k,f=-f,h-=f);break;case N:if(p){if(d.y<=0&&(h<=_||l<=B)){L=!1;break}A(v),f-=d.y,h+=d.y,c=f*p,l+=r.width-c}else A(v),A(g),d.x<=0?l>B?(c-=d.x,l+=d.x):d.y<=0&&h<=_&&(L=!1):(c-=d.x,l+=d.x),d.y<=0?h>_&&(f-=d.y,h+=d.y):(f-=d.y,h+=d.y);c<0&&f<0?(s=k,f=-f,c=-c,h-=f,l-=c):c<0?(s=u,c=-c,l-=c):f<0&&(s=V,f=-f,h-=f);break;case V:if(p){if(d.x<=0&&(l<=B||O>=F)){L=!1;break}A(g),c-=d.x,l+=d.x,f=c/p}else A(b),A(g),d.x<=0?l>B?(c-=d.x,l+=d.x):d.y>=0&&O>=F&&(L=!1):(c-=d.x,l+=d.x),d.y>=0?O<F&&(f+=d.y):f+=d.y;c<0&&f<0?(s=u,f=-f,c=-c,h-=f,l-=c):c<0?(s=k,c=-c,l-=c):f<0&&(s=N,f=-f,h-=f);break;case k:if(p){if(d.x>=0&&(T>=Y||O>=F)){L=!1;break}A(et),c+=d.x,f=c/p}else A(b),A(et),d.x>=0?T<Y?c+=d.x:d.y>=0&&O>=F&&(L=!1):c+=d.x,d.y>=0?O<F&&(f+=d.y):f+=d.y;c<0&&f<0?(s=N,f=-f,c=-c,h-=f,l-=c):c<0?(s=V,c=-c,l-=c):f<0&&(s=u,f=-f,h-=f);break;case Lt:this.move(d.x,d.y),L=!1;break;case Dt:this.zoom(Pe(n),t),L=!1;break;case _t:if(!d.x||!d.y){L=!1;break}vt=ve(this.cropper),l=tt.startX-vt.left,h=tt.startY-vt.top,c=r.minWidth,f=r.minHeight,d.x>0?s=d.y>0?k:u:d.x<0&&(l-=c,s=d.y>0?V:N),d.y<0&&(h-=f),this.cropped||(lt(this.cropBox,D),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}L&&(r.width=c,r.height=f,r.left=l,r.top=h,this.action=s,this.renderCropBox()),W(n,function(X){X.startX=X.endX,X.startY=X.endY})}},ta={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&H(this.dragBox,$),lt(this.cropBox,D),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=I({},this.initialImageData),this.canvasData=I({},this.initialCanvasData),this.cropBoxData=I({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(I(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),lt(this.dragBox,$),H(this.cropBox,D)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,W(this.previews,function(e){e.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,lt(this.cropper,w)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,H(this.cropper,w)),this},destroy:function(){var t=this.element;return t[R]?(t[R]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,o=e.left,r=e.top;return this.moveTo(ie(t)?t:o+Number(t),ie(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,o=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(M(t)&&(e.left=t,o=!0),M(a)&&(e.top=a,o=!0),o&&this.renderCanvas(!0)),this},zoom:function(t,a){var e=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(e.width*t/e.naturalWidth,null,a)},zoomTo:function(t,a,e){var o=this.options,r=this.canvasData,n=r.width,s=r.height,p=r.naturalWidth,l=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&o.zoomable){var h=p*t,c=l*t;if(Ft(this.element,Pt,{ratio:t,oldRatio:n/p,originalEvent:e})===!1)return this;if(e){var f=this.pointers,T=ve(this.cropper),O=f&&Object.keys(f).length?Ye(f):{pageX:e.pageX,pageY:e.pageY};r.left-=(h-n)*((O.pageX-T.left-r.left)/n),r.top-=(c-s)*((O.pageY-T.top-r.top)/s)}else Yt(a)&&M(a.x)&&M(a.y)?(r.left-=(h-n)*((a.x-r.left)/n),r.top-=(c-s)*((a.y-r.top)/s)):(r.left-=(h-n)/2,r.top-=(c-s)/2);r.width=h,r.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),M(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,M(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(M(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.imageData,o=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(M(t)&&(e.scaleX=t,o=!0),M(a)&&(e.scaleY=a,o=!0),o&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,e=this.imageData,o=this.canvasData,r=this.cropBoxData,n;if(this.ready&&this.cropped){n={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height};var s=e.width/e.naturalWidth;if(W(n,function(h,c){n[c]=h/s}),t){var p=Math.round(n.y+n.height),l=Math.round(n.x+n.width);n.x=Math.round(n.x),n.y=Math.round(n.y),n.width=l-n.x,n.height=p-n.y}}else n={x:0,y:0,width:0,height:0};return a.rotatable&&(n.rotate=e.rotate||0),a.scalable&&(n.scaleX=e.scaleX||1,n.scaleY=e.scaleY||1),n},setData:function(t){var a=this.options,e=this.imageData,o=this.canvasData,r={};if(this.ready&&!this.disabled&&Yt(t)){var n=!1;a.rotatable&&M(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,n=!0),a.scalable&&(M(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,n=!0),M(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,n=!0)),n&&this.renderCanvas(!0,!0);var s=e.width/e.naturalWidth;M(t.x)&&(r.left=t.x*s+o.left),M(t.y)&&(r.top=t.y*s+o.top),M(t.width)&&(r.width=t.width*s),M(t.height)&&(r.height=t.height*s),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?I({},this.containerData):{}},getImageData:function(){return this.sized?I({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&W(["left","top","width","height","naturalWidth","naturalHeight"],function(e){a[e]=t[e]}),a},setCanvasData:function(t){var a=this.canvasData,e=a.aspectRatio;return this.ready&&!this.disabled&&Yt(t)&&(M(t.left)&&(a.left=t.left),M(t.top)&&(a.top=t.top),M(t.width)?(a.width=t.width,a.height=t.width/e):M(t.height)&&(a.height=t.height,a.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,e=this.options.aspectRatio,o,r;return this.ready&&this.cropped&&!this.disabled&&Yt(t)&&(M(t.left)&&(a.left=t.left),M(t.top)&&(a.top=t.top),M(t.width)&&t.width!==a.width&&(o=!0,a.width=t.width),M(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),e&&(o?a.height=a.width/e:r&&(a.width=a.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,e=He(this.image,this.imageData,a,t);if(!this.cropped)return e;var o=this.getData(),r=o.x,n=o.y,s=o.width,p=o.height,l=e.width/Math.floor(a.naturalWidth);l!==1&&(r*=l,n*=l,s*=l,p*=l);var h=s/p,c=Mt({aspectRatio:h,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),f=Mt({aspectRatio:h,width:t.minWidth||0,height:t.minHeight||0},"cover"),T=Mt({aspectRatio:h,width:t.width||(l!==1?e.width:s),height:t.height||(l!==1?e.height:p)}),O=T.width,B=T.height;O=Math.min(c.width,Math.max(f.width,O)),B=Math.min(c.height,Math.max(f.height,B));var _=document.createElement("canvas"),Y=_.getContext("2d");_.width=Xt(O),_.height=Xt(B),Y.fillStyle=t.fillColor||"transparent",Y.fillRect(0,0,O,B);var F=t.imageSmoothingEnabled,L=F===void 0?!0:F,vt=t.imageSmoothingQuality;Y.imageSmoothingEnabled=L,vt&&(Y.imageSmoothingQuality=vt);var tt=e.width,d=e.height,A=r,X=n,rt,gt,Rt,St,Ot,ut;A<=-s||A>tt?(A=0,rt=0,Rt=0,Ot=0):A<=0?(Rt=-A,A=0,rt=Math.min(tt,s+A),Ot=rt):A<=tt&&(Rt=0,rt=Math.min(s,tt-A),Ot=rt),rt<=0||X<=-p||X>d?(X=0,gt=0,St=0,ut=0):X<=0?(St=-X,X=0,gt=Math.min(d,p+X),ut=gt):X<=d&&(St=0,gt=Math.min(p,d-X),ut=gt);var J=[A,X,rt,gt];if(Ot>0&&ut>0){var It=O/s;J.push(Rt*It,St*It,Ot*It,ut*It)}return Y.drawImage.apply(Y,[e].concat(kt(J.map(function(ee){return Math.floor(Xt(ee))})))),_},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!ie(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,e=this.dragBox,o=this.face;if(this.ready&&!this.disabled){var r=t===S,n=a.movable&&t===j;t=r||n?t:ht,a.dragMode=t,Gt(e,P,t),Ht(e,mt,r),Ht(e,K,n),a.cropBoxMovable||(Gt(o,P,t),Ht(o,mt,r),Ht(o,K,n))}return this}},ea=C.Cropper,we=function(){function i(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(U(this,i),!t||!_e.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=I({},ue,Yt(a)&&a),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 bt(i,[{key:"init",value:function(){var a=this.element,e=a.tagName.toLowerCase(),o;if(!a[R]){if(a[R]=this,e==="img"){if(this.isImg=!0,o=a.getAttribute("src")||"",this.originalUrl=o,!o)return;o=a.src}else e==="canvas"&&window.HTMLCanvasElement&&(o=a.toDataURL());this.load(o)}}},{key:"load",value:function(a){var e=this;if(a){this.url=a,this.imageData={};var o=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Oe.test(a)){Te.test(a)?this.read($e(a)):this.clone();return}var n=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=n,n.onabort=s,n.onerror=s,n.ontimeout=s,n.onprogress=function(){n.getResponseHeader("content-type")!==Kt&&n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},r.checkCrossOrigin&&ge(a)&&o.crossOrigin&&(a=be(a)),n.open("GET",a,!0),n.responseType="arraybuffer",n.withCredentials=o.crossOrigin==="use-credentials",n.send()}}},{key:"read",value:function(a){var e=this.options,o=this.imageData,r=Ge(a),n=0,s=1,p=1;if(r>1){this.url=je(a,Kt);var l=Ve(r);n=l.rotate,s=l.scaleX,p=l.scaleY}e.rotatable&&(o.rotate=n),e.scalable&&(o.scaleX=s,o.scaleY=p),this.clone()}},{key:"clone",value:function(){var a=this.element,e=this.url,o=a.crossOrigin,r=e;this.options.checkCrossOrigin&&ge(e)&&(o||(o="anonymous"),r=be(e)),this.crossOrigin=o,this.crossOriginUrl=r;var n=document.createElement("img");o&&(n.crossOrigin=o),n.src=r||e,n.alt=a.alt||"The image to crop",this.image=n,n.onload=this.start.bind(this),n.onerror=this.stop.bind(this),H(n,x),a.parentNode.insertBefore(n,a.nextSibling)}},{key:"start",value:function(){var a=this,e=this.image;e.onload=null,e.onerror=null,this.sizing=!0;var o=C.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(C.navigator.userAgent),r=function(l,h){I(a.imageData,{naturalWidth:l,naturalHeight:h,aspectRatio:l/h}),a.initialImageData=I({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(e.naturalWidth&&!o){r(e.naturalWidth,e.naturalHeight);return}var n=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=n,n.onload=function(){r(n.width,n.height),o||s.removeChild(n)},n.src=e.src,o||(n.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;",s.appendChild(n))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,e=this.options,o=this.image,r=a.parentNode,n=document.createElement("div");n.innerHTML=Ae;var s=n.querySelector(".".concat(R,"-container")),p=s.querySelector(".".concat(R,"-canvas")),l=s.querySelector(".".concat(R,"-drag-box")),h=s.querySelector(".".concat(R,"-crop-box")),c=h.querySelector(".".concat(R,"-face"));this.container=r,this.cropper=s,this.canvas=p,this.dragBox=l,this.cropBox=h,this.viewBox=s.querySelector(".".concat(R,"-view-box")),this.face=c,p.appendChild(o),H(a,D),r.insertBefore(s,a.nextSibling),lt(o,x),this.initPreview(),this.bind(),e.initialAspectRatio=Math.max(0,e.initialAspectRatio)||NaN,e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.viewMode)))||0,H(h,D),e.guides||H(h.getElementsByClassName("".concat(R,"-dashed")),D),e.center||H(h.getElementsByClassName("".concat(R,"-center")),D),e.background&&H(s,"".concat(R,"-bg")),e.highlight||H(c,E),e.cropBoxMovable&&(H(c,K),Gt(c,P,dt)),e.cropBoxResizable||(H(h.getElementsByClassName("".concat(R,"-line")),D),H(h.getElementsByClassName("".concat(R,"-point")),D)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),q(e.ready)&&it(a,qt,e.ready,{once:!0}),Ft(a,qt)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),lt(this.element,D)}}},{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=ea,i}},{key:"setDefaults",value:function(a){I(ue,Yt(a)&&a)}}]),i}();return I(we.prototype,Ze,Qe,qe,Je,Ke,ta),we})},55761:function(ae,ft,z){"use strict";var y;y={value:!0},ft.Z=void 0;var U=kt(z(67294)),m=Bt(z(45697)),bt=Bt(z(33129));function Bt(g){return g&&g.__esModule?g:{default:g}}function kt(g){if(g&&g.__esModule)return g;var b={};if(g!=null){for(var v in g)if(Object.prototype.hasOwnProperty.call(g,v)){var u=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(g,v):{};u.get||u.set?Object.defineProperty(b,v,u):b[v]=g[v]}}return b.default=g,b}function yt(g){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?yt=function(v){return typeof v}:yt=function(v){return v&&typeof Symbol=="function"&&v.constructor===Symbol&&v!==Symbol.prototype?"symbol":typeof v},yt(g)}function nt(g,b,v){return b in g?Object.defineProperty(g,b,{value:v,enumerable:!0,configurable:!0,writable:!0}):g[b]=v,g}function zt(){return zt=Object.assign||function(g){for(var b=1;b<arguments.length;b++){var v=arguments[b];for(var u in v)Object.prototype.hasOwnProperty.call(v,u)&&(g[u]=v[u])}return g},zt.apply(this,arguments)}function Tt(g,b){if(!(g instanceof b))throw new TypeError("Cannot call a class as a function")}function Wt(g,b){for(var v=0;v<b.length;v++){var u=b[v];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(g,u.key,u)}}function wt(g,b,v){return b&&Wt(g.prototype,b),v&&Wt(g,v),g}function C(g,b){return b&&(yt(b)==="object"||typeof b=="function")?b:Et(g)}function Et(g){if(g===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return g}function pt(g){return pt=Object.setPrototypeOf?Object.getPrototypeOf:function(v){return v.__proto__||Object.getPrototypeOf(v)},pt(g)}function R(g,b){if(typeof b!="function"&&b!==null)throw new TypeError("Super expression must either be null or a function");g.prototype=Object.create(b&&b.prototype,{constructor:{value:g,writable:!0,configurable:!0}}),b&&dt(g,b)}function dt(g,b){return dt=Object.setPrototypeOf||function(u,N){return u.__proto__=N,u},dt(g,b)}var _t=["dragMode","aspectRatio","data","crop","viewMode","preview","responsive","restore","checkCrossOrigin","checkOrientation","modal","guides","center","highlight","background","autoCrop","autoCropArea","movable","rotatable","scalable","zoomable","zoomOnTouch","zoomOnWheel","wheelZoomRatio","cropBoxMovable","cropBoxResizable","toggleDragModeOnDblclick","minContainerWidth","minContainerHeight","minCanvasWidth","minCanvasHeight","minCropBoxWidth","minCropBoxHeight","ready","cropstart","cropmove","cropend","zoom"],Lt=_t.slice(4),Dt=function(g){R(b,g);function b(){return Tt(this,b),C(this,pt(b).apply(this,arguments))}return wt(b,[{key:"componentDidMount",value:function(){var u=this,N=Object.keys(this.props).filter(function(k){return _t.indexOf(k)!==-1}).reduce(function(k,V){return zt({},k,nt({},V,u.props[V]))},{});this.cropper=new bt.default(this.img,N)}},{key:"UNSAFE_componentWillReceiveProps",value:function(u){var N=this;u.src!==this.props.src&&this.cropper.reset().clear().replace(u.src),u.aspectRatio!==this.props.aspectRatio&&this.setAspectRatio(u.aspectRatio),u.data!==this.props.data&&this.setData(u.data),u.dragMode!==this.props.dragMode&&this.setDragMode(u.dragMode),u.cropBoxData!==this.props.cropBoxData&&this.setCropBoxData(u.cropBoxData),u.canvasData!==this.props.canvasData&&this.setCanvasData(u.canvasData),u.moveTo!==this.props.moveTo&&(u.moveTo.length>1?this.moveTo(u.moveTo[0],u.moveTo[1]):this.moveTo(u.moveTo[0])),u.zoomTo!==this.props.zoomTo&&this.zoomTo(u.zoomTo),u.rotateTo!==this.props.rotateTo&&this.rotateTo(u.rotateTo),u.scaleX!==this.props.scaleX&&this.scaleX(u.scaleX),u.scaleY!==this.props.scaleY&&this.scaleY(u.scaleY),u.enable!==this.props.enable&&(u.enable?this.enable():this.disable()),Object.keys(u).forEach(function(k){var V=u[k]!==N.props[k],mt=Lt.indexOf(k)!==-1;if(typeof u[k]=="function"&&typeof N.props[k]=="function"&&(V=u[k].toString()!==N.props[k].toString()),V&&mt)throw new Error("prop: ".concat(k," can't be change after componentDidMount"))})}},{key:"componentWillUnmount",value:function(){this.img&&(this.cropper.destroy(),delete this.img,delete this.cropper)}},{key:"setDragMode",value:function(u){return this.cropper.setDragMode(u)}},{key:"setAspectRatio",value:function(u){return this.cropper.setAspectRatio(u)}},{key:"getCroppedCanvas",value:function(u){return this.cropper.getCroppedCanvas(u)}},{key:"setCropBoxData",value:function(u){return this.cropper.setCropBoxData(u)}},{key:"getCropBoxData",value:function(){return this.cropper.getCropBoxData()}},{key:"setCanvasData",value:function(u){return this.cropper.setCanvasData(u)}},{key:"getCanvasData",value:function(){return this.cropper.getCanvasData()}},{key:"getImageData",value:function(){return this.cropper.getImageData()}},{key:"getContainerData",value:function(){return this.cropper.getContainerData()}},{key:"setData",value:function(u){return this.cropper.setData(u)}},{key:"getData",value:function(u){return this.cropper.getData(u)}},{key:"crop",value:function(){return this.cropper.crop()}},{key:"move",value:function(u,N){return this.cropper.move(u,N)}},{key:"moveTo",value:function(u,N){return this.cropper.moveTo(u,N)}},{key:"zoom",value:function(u){return this.cropper.zoom(u)}},{key:"zoomTo",value:function(u){return this.cropper.zoomTo(u)}},{key:"rotate",value:function(u){return this.cropper.rotate(u)}},{key:"rotateTo",value:function(u){return this.cropper.rotateTo(u)}},{key:"enable",value:function(){return this.cropper.enable()}},{key:"disable",value:function(){return this.cropper.disable()}},{key:"reset",value:function(){return this.cropper.reset()}},{key:"clear",value:function(){return this.cropper.clear()}},{key:"replace",value:function(u,N){return this.cropper.replace(u,N)}},{key:"scale",value:function(u,N){return this.cropper.scale(u,N)}},{key:"scaleX",value:function(u){return this.cropper.scaleX(u)}},{key:"scaleY",value:function(u){return this.cropper.scaleY(u)}},{key:"render",value:function(){var u=this,N=this.props,k=N.src,V=N.alt,mt=N.crossOrigin,w=N.style,D=N.className;return U.default.createElement("div",{style:w,className:D},U.default.createElement("img",{crossOrigin:mt,ref:function(E){u.img=E},src:k,alt:V===void 0?"picture":V,style:{opacity:0}}))}}]),b}(U.Component);Dt.propTypes={style:m.default.object,className:m.default.string,crossOrigin:m.default.string,src:m.default.string,alt:m.default.string,aspectRatio:m.default.number,dragMode:m.default.oneOf(["crop","move","none"]),data:m.default.shape({x:m.default.number,y:m.default.number,width:m.default.number,height:m.default.number,rotate:m.default.number,scaleX:m.default.number,scaleY:m.default.number}),scaleX:m.default.number,scaleY:m.default.number,enable:m.default.bool,cropBoxData:m.default.shape({left:m.default.number,top:m.default.number,width:m.default.number,height:m.default.number}),canvasData:m.default.shape({left:m.default.number,top:m.default.number,width:m.default.number,height:m.default.number}),zoomTo:m.default.number,moveTo:m.default.arrayOf(m.default.number),rotateTo:m.default.number,viewMode:m.default.oneOf([0,1,2,3]),preview:m.default.string,responsive:m.default.bool,restore:m.default.bool,checkCrossOrigin:m.default.bool,checkOrientation:m.default.bool,modal:m.default.bool,guides:m.default.bool,center:m.default.bool,highlight:m.default.bool,background:m.default.bool,autoCrop:m.default.bool,autoCropArea:m.default.number,movable:m.default.bool,rotatable:m.default.bool,scalable:m.default.bool,zoomable:m.default.bool,zoomOnTouch:m.default.bool,zoomOnWheel:m.default.bool,wheelZoomRatio:m.default.number,cropBoxMovable:m.default.bool,cropBoxResizable:m.default.bool,toggleDragModeOnDblclick:m.default.bool,minContainerWidth:m.default.number,minContainerHeight:m.default.number,minCanvasWidth:m.default.number,minCanvasHeight:m.default.number,minCropBoxWidth:m.default.number,minCropBoxHeight:m.default.number,ready:m.default.func,cropstart:m.default.func,cropmove:m.default.func,cropend:m.default.func,crop:m.default.func,zoom:m.default.func},Dt.defaultProps={src:null,dragMode:"crop",data:null,scaleX:1,scaleY:1,enable:!0,zoomTo:1,rotateTo:0};var et=Dt;ft.Z=et}}]);
|