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.
1 line
52 KiB
1 line
52 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[12],{"10oi":function(t,e,a){t.exports={wrap:"wrap___15YxZ",avatarWrap:"avatarWrap___1SK7M",avatar:"avatar___aE2NE",updateAvatarWrap:"updateAvatarWrap___1fuUU",img:"img___1hVau",updateAvatar:"updateAvatar___3eO7J",name:"name___3A4CD",role:"role___2fZYJ",title:"title___BMo5O",colorGary:"colorGary___1xzwA",colorGreen:"colorGreen___1cWMZ",colorRed:"colorRed___3vds7",item:"item___3kvAY",active:"active___2NtTm"}},"5sM0":function(t,e,a){t.exports={modal:"modal___2DX0z",avatarWrap:"avatarWrap___2lmFf",tip:"tip___220u_",previewWrap:"previewWrap___2BJLo",previewImg:"previewImg___29S6d",uploadButton:"uploadButton___30_6b"}},YQfW:function(t,e,a){},m3a9:function(t,e,a){"use strict";a.r(e);var i,n=a("WmNS"),o=a.n(n),r=a("9og8"),s=a("PpiC"),h=a("q1tI"),c=a.n(h),l=a("9kvl"),d=a("tJVT"),p=a("Ty5D"),u=a("m3rI"),m=(a("2qtc"),a("kLXV")),f=(a("miYZ"),a("tsqr")),g=a("wyMu"),v=a.n(g),b=a("5sM0"),w=a.n(b),y=(a("YQfW"),t=>{var e=t.user,a=(t.account,t.globalSetting,t.loading),i=t.dispatch,n=t.visible,s=t.onClose,l=Object(h["useState"])(),p=Object(d["a"])(l,2),g=p[0],b=p[1],y=Object(h["useRef"])();Object(h["useEffect"])(()=>{var t;n&&b("".concat(u["a"].IMG_SERVER,"/images/").concat(null===(t=e.userInfo)||void 0===t?void 0:t.image_url))},[e.userInfo,n]);var x=t=>{var e,a;if(t.dataTransfer?a=t.dataTransfer.files:t.target&&(a=t.target.files),null===(e=a)||void 0===e?void 0:e.length){var i=a[0];if(/^image\/\w+/.test(i.type))if(i.size>2097152)f["a"].info("\u4ec5\u652f\u6301\u6587\u4ef6\u5927\u5c0f\u5c0f\u4e8e2M\u7684\u6587\u4ef6");else{var n=new FileReader;n.onload=()=>{b(n.result)},n.readAsDataURL(a[0])}else f["a"].info("\u8bf7\u9009\u62e9\u4e00\u4e2a\u56fe\u7247\u683c\u5f0f\u7684\u6587\u4ef6")}},C=function(){var t=Object(r["a"])(o.a.mark((function t(){var a,n,r;return o.a.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return n=y.current.getCroppedCanvas().toDataURL("image/jpeg"),n||f["a"].info("\u8bf7\u5148\u4e0a\u4f20\u56fe\u7247"),t.next=4,i({type:"account/updateAvatar",payload:{image:n,login:null===(a=e.userInfo)||void 0===a?void 0:a.login}});case 4:r=t.sent,M(),0===r.status&&(f["a"].info("\u4fee\u6539\u5934\u50cf\u6210\u529f"),i({type:"user/getUserInfo"}));case 7:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),M=()=>{s()};return c.a.createElement(m["a"],{keyboard:!1,closable:!1,visible:n,title:"\u4e0a\u4f20\u5934\u50cf",width:550,forceRender:!0,confirmLoading:a["account/updateAvatar"],onOk:C,onCancel:M},c.a.createElement("div",{className:w.a.modal},c.a.createElement("div",null,c.a.createElement("div",{className:w.a.avatarWrap},c.a.createElement(v.a,{style:{height:320,width:320},ref:y,src:g,guides:!1,preview:"#updateAvatarImg"})),c.a.createElement("span",{className:w.a.tip},"\u4ec5\u652f\u6301JPG\u3001GIF\u3001PNG\uff0c\u4e14\u6587\u4ef6\u5c0f\u4e8e2M")),c.a.createElement("div",{className:w.a.previewWrap},c.a.createElement("div",null,c.a.createElement("div",{className:w.a.previewImg,id:"updateAvatarImg"}),c.a.createElement("div",{className:"".concat(w.a.tip," tc")},"\u5934\u50cf\u9884\u89c8")),c.a.createElement("label",{className:w.a.uploadButton,id:"uploadBtn",htmlFor:"inputImage"},c.a.createElement("input",{type:"file",className:"sr-only",id:"inputImage",name:"file",accept:"image/*",style:{display:"none"},onChange:x}),"\u70b9\u51fb\u4e0a\u4f20"))))}),x=Object(l["a"])(t=>{var e=t.user,a=t.account,i=t.loading,n=t.globalSetting;return{user:e,account:a,globalSetting:n,loading:i.effects}})(y),C=a("10oi"),M=a.n(C);(function(t){t["Profile"]="profile",t["Certification"]="certification",t["Secure"]="secure",t["Binding"]="binding"})(i||(i={}));var D=t=>{var e,a,n,o,r=t.user,m=t.account,f=(t.globalSetting,t.loading,t.dispatch),g=(Object(s["a"])(t,["user","account","globalSetting","loading","dispatch"]),Object(h["useState"])()),v=Object(d["a"])(g,2),b=v[0],w=v[1],y=Object(p["l"])();Object(h["useEffect"])(()=>{var t,e=null===(t=y.pathname.split("/"))||void 0===t?void 0:t[2];w(e)},[y.pathname]);var C="".concat(u["a"].IMG_SERVER,"/images/").concat(null===(e=r.userInfo)||void 0===e?void 0:e.image_url);return c.a.createElement("section",{className:M.a.wrap},c.a.createElement("div",{className:M.a.avatarWrap},c.a.createElement("div",{className:M.a.avatar},c.a.createElement("div",{className:M.a.updateAvatarWrap},c.a.createElement("img",{className:M.a.img,src:C}),c.a.createElement("div",{className:M.a.updateAvatar,onClick:()=>{f({type:"account/setActionTabs",payload:{key:"Account-UpdateAvatar"}})}},"\u4fee\u6539\u5934\u50cf"))),c.a.createElement("span",{className:M.a.name},null===(a=r.userInfo)||void 0===a?void 0:a.username),c.a.createElement("span",{className:M.a.role},null===(n=r.userInfo)||void 0===n?void 0:n.user_identity)),c.a.createElement("div",null,c.a.createElement("div",{className:M.a.title},"\u8d26\u53f7\u7ba1\u7406"),c.a.createElement("ul",null,c.a.createElement("li",{className:"".concat(M.a.item," ").concat(b===i.Profile?M.a.active:""),onClick:()=>l["c"].push("/account/".concat(i.Profile))},c.a.createElement("span",null,c.a.createElement("i",{className:"iconfont icon-jibenxinxi font16 mr5 ".concat(M.a.colorGary)}),"\u57fa\u672c\u4fe1\u606f"),c.a.createElement("i",{className:"iconfont icon-wancheng font16 mr25 ".concat(M.a.colorGreen)})),c.a.createElement("li",{className:"".concat(M.a.item," ").concat(b===i.Certification?M.a.active:""),onClick:()=>l["c"].push("/account/".concat(i.Certification))},c.a.createElement("span",null,c.a.createElement("i",{className:"iconfont icon-renzhengxinxi font16 mr5 ".concat(M.a.colorGary)}),"\u8ba4\u8bc1\u4fe1\u606f"),c.a.createElement("i",{className:"iconfont icon-tishi font16 mr25 ".concat(M.a.colorRed)})),c.a.createElement("li",{className:"".concat(M.a.item," ").concat(b===i.Secure?M.a.active:""),onClick:()=>l["c"].push("/account/".concat(i.Secure))},c.a.createElement("span",null,c.a.createElement("i",{className:"iconfont icon-anquanshezhi font16 mr5 ".concat(M.a.colorGary)}),"\u5b89\u5168\u8bbe\u7f6e")),c.a.createElement("li",{className:"".concat(M.a.item," ").concat(b===i.Binding?M.a.active:""),onClick:()=>l["c"].push("/account/".concat(i.Binding))},c.a.createElement("span",null,c.a.createElement("i",{className:"iconfont icon-lianjie font16 mr5 ".concat(M.a.colorGary)}),"\u7ed1\u5b9a\u767b\u5f55\u8d26\u53f7")))),c.a.createElement(x,{visible:"Account-UpdateAvatar"===(null===(o=m.actionTabs)||void 0===o?void 0:o.key),onClose:()=>{f({type:"account/setActionTabs"})}}))},k=Object(l["a"])(t=>{var e=t.user,a=t.account,i=t.loading,n=t.globalSetting;return{user:e,account:a,globalSetting:n,loading:i.models.index}})(D),E=a("n6JY"),O=a.n(E),B=t=>{var e,a=t.user,i=(t.account,t.globalSetting,t.loading,t.dispatch),n=Object(s["a"])(t,["user","account","globalSetting","loading","dispatch"]);return Object(h["useEffect"])(()=>{var t;(null===(t=a.userInfo)||void 0===t?void 0:t.login)&&Object(r["a"])(o.a.mark((function t(){var e,n;return o.a.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i({type:"account/getBasicInfo",payload:{login:null===(e=a.userInfo)||void 0===e?void 0:e.login}});case 2:n=t.sent,(null===n||void 0===n?void 0:n.base_info_completed)||l["c"].push("/account/profile/edit");case 4:case"end":return t.stop()}}),t)})))()},[null===(e=a.userInfo)||void 0===e?void 0:e.login]),c.a.createElement("section",{className:O.a.bg},c.a.createElement("div",{className:O.a.wrap},c.a.createElement(k,null),n.children))};e["default"]=Object(l["a"])(t=>{var e=t.user,a=t.account,i=t.loading,n=t.globalSetting;return{user:e,account:a,globalSetting:n,loading:i.models.index}})(B)},m3rI:function(t,e,a){"use strict";var i={dev:{API_SERVER:"https://test-newweb.educoder.net",IMG_SERVER:"https://testali-cdn.educoder.net/"},test:{API_SERVER:"https://test-newbuild.educoder.net",IMG_SERVER:"https://test-newbuild.educoder.net/"},build:{API_SERVER:"https://www.educoder.net",IMG_SERVER:"https://www.educoder.net/"}};e["a"]=i[window.ENV]},n6JY:function(t,e,a){t.exports={bg:"bg___wq3H6",wrap:"wrap___13xuI"}},urRO:function(t,e,a){(function(e,a){t.exports=a()})(0,(function(){"use strict";function t(e){return t="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function i(t,e,i){return e&&a(t.prototype,e),i&&a(t,i),t}function n(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function o(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,i)}return a}function r(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?o(Object(a),!0).forEach((function(e){n(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function s(t){return h(t)||c(t)||l(t)||p()}function h(t){if(Array.isArray(t))return d(t)}function c(t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}function l(t,e){if(t){if("string"===typeof t)return d(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?d(t,e):void 0}}function d(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,i=new Array(e);a<e;a++)i[a]=t[a];return i}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var u="undefined"!==typeof window&&"undefined"!==typeof window.document,m=u?window:{},f=!(!u||!m.document.documentElement)&&"ontouchstart"in m.document.documentElement,g=!!u&&"PointerEvent"in m,v="cropper",b="all",w="crop",y="move",x="zoom",C="e",M="w",D="s",k="n",E="ne",O="nw",B="se",T="sw",_="".concat(v,"-crop"),N="".concat(v,"-disabled"),R="".concat(v,"-hidden"),W="".concat(v,"-hide"),S="".concat(v,"-invisible"),j="".concat(v,"-modal"),z="".concat(v,"-move"),A="".concat(v,"Action"),Y="".concat(v,"Preview"),I="crop",H="move",X="none",L="crop",P="cropend",U="cropmove",q="cropstart",G="dblclick",V=f?"touchstart":"mousedown",J=f?"touchmove":"mousemove",Z=f?"touchend touchcancel":"mouseup",$=g?"pointerdown":V,Q=g?"pointermove":J,F=g?"pointerup pointercancel":Z,K="ready",tt="resize",et="wheel",at="zoom",it="image/jpeg",nt=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,ot=/^data:/,rt=/^data:image\/jpeg;base64,/,st=/^img|canvas$/i,ht={viewMode:0,dragMode:I,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:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},ct='<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>',lt=Number.isNaN||m.isNaN;function dt(t){return"number"===typeof t&&!lt(t)}var pt=function(t){return t>0&&t<1/0};function ut(t){return"undefined"===typeof t}function mt(e){return"object"===t(e)&&null!==e}var ft=Object.prototype.hasOwnProperty;function gt(t){if(!mt(t))return!1;try{var e=t.constructor,a=e.prototype;return e&&a&&ft.call(a,"isPrototypeOf")}catch(i){return!1}}function vt(t){return"function"===typeof t}var bt=Array.prototype.slice;function wt(t){return Array.from?Array.from(t):bt.call(t)}function yt(t,e){return t&&vt(e)&&(Array.isArray(t)||dt(t.length)?wt(t).forEach((function(a,i){e.call(t,a,i,t)})):mt(t)&&Object.keys(t).forEach((function(a){e.call(t,t[a],a,t)}))),t}var xt=Object.assign||function(t){for(var e=arguments.length,a=new Array(e>1?e-1:0),i=1;i<e;i++)a[i-1]=arguments[i];return mt(t)&&a.length>0&&a.forEach((function(e){mt(e)&&Object.keys(e).forEach((function(a){t[a]=e[a]}))})),t},Ct=/\.\d*(?:0|9){12}\d*$/;function Mt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return Ct.test(t)?Math.round(t*e)/e:t}var Dt=/^width|height|left|top|marginLeft|marginTop$/;function kt(t,e){var a=t.style;yt(e,(function(t,e){Dt.test(e)&&dt(t)&&(t="".concat(t,"px")),a[e]=t}))}function Et(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function Ot(t,e){if(e)if(dt(t.length))yt(t,(function(t){Ot(t,e)}));else if(t.classList)t.classList.add(e);else{var a=t.className.trim();a?a.indexOf(e)<0&&(t.className="".concat(a," ").concat(e)):t.className=e}}function Bt(t,e){e&&(dt(t.length)?yt(t,(function(t){Bt(t,e)})):t.classList?t.classList.remove(e):t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,"")))}function Tt(t,e,a){e&&(dt(t.length)?yt(t,(function(t){Tt(t,e,a)})):a?Ot(t,e):Bt(t,e))}var _t=/([a-z\d])([A-Z])/g;function Nt(t){return t.replace(_t,"$1-$2").toLowerCase()}function Rt(t,e){return mt(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(Nt(e)))}function Wt(t,e,a){mt(a)?t[e]=a:t.dataset?t.dataset[e]=a:t.setAttribute("data-".concat(Nt(e)),a)}function St(t,e){if(mt(t[e]))try{delete t[e]}catch(a){t[e]=void 0}else if(t.dataset)try{delete t.dataset[e]}catch(a){t.dataset[e]=void 0}else t.removeAttribute("data-".concat(Nt(e)))}var jt=/\s\s*/,zt=function(){var t=!1;if(u){var e=!1,a=function(){},i=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(t){e=t}});m.addEventListener("test",a,i),m.removeEventListener("test",a,i)}return t}();function At(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=a;e.trim().split(jt).forEach((function(e){if(!zt){var o=t.listeners;o&&o[e]&&o[e][a]&&(n=o[e][a],delete o[e][a],0===Object.keys(o[e]).length&&delete o[e],0===Object.keys(o).length&&delete t.listeners)}t.removeEventListener(e,n,i)}))}function Yt(t,e,a){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n=a;e.trim().split(jt).forEach((function(e){if(i.once&&!zt){var o=t.listeners,r=void 0===o?{}:o;n=function(){delete r[e][a],t.removeEventListener(e,n,i);for(var o=arguments.length,s=new Array(o),h=0;h<o;h++)s[h]=arguments[h];a.apply(t,s)},r[e]||(r[e]={}),r[e][a]&&t.removeEventListener(e,r[e][a],i),r[e][a]=n,t.listeners=r}t.addEventListener(e,n,i)}))}function It(t,e,a){var i;return vt(Event)&&vt(CustomEvent)?i=new CustomEvent(e,{detail:a,bubbles:!0,cancelable:!0}):(i=document.createEvent("CustomEvent"),i.initCustomEvent(e,!0,!0,a)),t.dispatchEvent(i)}function Ht(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var Xt=m.location,Lt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Pt(t){var e=t.match(Lt);return null!==e&&(e[1]!==Xt.protocol||e[2]!==Xt.hostname||e[3]!==Xt.port)}function Ut(t){var e="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+e}function qt(t){var e=t.rotate,a=t.scaleX,i=t.scaleY,n=t.translateX,o=t.translateY,r=[];dt(n)&&0!==n&&r.push("translateX(".concat(n,"px)")),dt(o)&&0!==o&&r.push("translateY(".concat(o,"px)")),dt(e)&&0!==e&&r.push("rotate(".concat(e,"deg)")),dt(a)&&1!==a&&r.push("scaleX(".concat(a,")")),dt(i)&&1!==i&&r.push("scaleY(".concat(i,")"));var s=r.length?r.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Gt(t){var e=r({},t),a=[];return yt(t,(function(t,i){delete e[i],yt(e,(function(e){var i=Math.abs(t.startX-e.startX),n=Math.abs(t.startY-e.startY),o=Math.abs(t.endX-e.endX),r=Math.abs(t.endY-e.endY),s=Math.sqrt(i*i+n*n),h=Math.sqrt(o*o+r*r),c=(h-s)/s;a.push(c)}))})),a.sort((function(t,e){return Math.abs(t)<Math.abs(e)})),a[0]}function Vt(t,e){var a=t.pageX,i=t.pageY,n={endX:a,endY:i};return e?n:r({startX:a,startY:i},n)}function Jt(t){var e=0,a=0,i=0;return yt(t,(function(t){var n=t.startX,o=t.startY;e+=n,a+=o,i+=1})),e/=i,a/=i,{pageX:e,pageY:a}}function Zt(t){var e=t.aspectRatio,a=t.height,i=t.width,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",o=pt(i),r=pt(a);if(o&&r){var s=a*e;"contain"===n&&s>i||"cover"===n&&s<i?a=i/e:i=a*e}else o?a=i/e:r&&(i=a*e);return{width:i,height:a}}function $t(t){var e=t.width,a=t.height,i=t.degree;if(i=Math.abs(i)%180,90===i)return{width:a,height:e};var n=i%90*Math.PI/180,o=Math.sin(n),r=Math.cos(n),s=e*r+a*o,h=e*o+a*r;return i>90?{width:h,height:s}:{width:s,height:h}}function Qt(t,e,a,i){var n=e.aspectRatio,o=e.naturalWidth,r=e.naturalHeight,h=e.rotate,c=void 0===h?0:h,l=e.scaleX,d=void 0===l?1:l,p=e.scaleY,u=void 0===p?1:p,m=a.aspectRatio,f=a.naturalWidth,g=a.naturalHeight,v=i.fillColor,b=void 0===v?"transparent":v,w=i.imageSmoothingEnabled,y=void 0===w||w,x=i.imageSmoothingQuality,C=void 0===x?"low":x,M=i.maxWidth,D=void 0===M?1/0:M,k=i.maxHeight,E=void 0===k?1/0:k,O=i.minWidth,B=void 0===O?0:O,T=i.minHeight,_=void 0===T?0:T,N=document.createElement("canvas"),R=N.getContext("2d"),W=Zt({aspectRatio:m,width:D,height:E}),S=Zt({aspectRatio:m,width:B,height:_},"cover"),j=Math.min(W.width,Math.max(S.width,f)),z=Math.min(W.height,Math.max(S.height,g)),A=Zt({aspectRatio:n,width:D,height:E}),Y=Zt({aspectRatio:n,width:B,height:_},"cover"),I=Math.min(A.width,Math.max(Y.width,o)),H=Math.min(A.height,Math.max(Y.height,r)),X=[-I/2,-H/2,I,H];return N.width=Mt(j),N.height=Mt(z),R.fillStyle=b,R.fillRect(0,0,j,z),R.save(),R.translate(j/2,z/2),R.rotate(c*Math.PI/180),R.scale(d,u),R.imageSmoothingEnabled=y,R.imageSmoothingQuality=C,R.drawImage.apply(R,[t].concat(s(X.map((function(t){return Math.floor(Mt(t))}))))),R.restore(),N}var Ft=String.fromCharCode;function Kt(t,e,a){var i="";a+=e;for(var n=e;n<a;n+=1)i+=Ft(t.getUint8(n));return i}var te=/^data:.*,/;function ee(t){var e=t.replace(te,""),a=atob(e),i=new ArrayBuffer(a.length),n=new Uint8Array(i);return yt(n,(function(t,e){n[e]=a.charCodeAt(e)})),i}function ae(t,e){var a=[],i=8192,n=new Uint8Array(t);while(n.length>0)a.push(Ft.apply(null,wt(n.subarray(0,i)))),n=n.subarray(i);return"data:".concat(e,";base64,").concat(btoa(a.join("")))}function ie(t){var e,a=new DataView(t);try{var i,n,o;if(255===a.getUint8(0)&&216===a.getUint8(1)){var r=a.byteLength,s=2;while(s+1<r){if(255===a.getUint8(s)&&225===a.getUint8(s+1)){n=s;break}s+=1}}if(n){var h=n+4,c=n+10;if("Exif"===Kt(a,h,4)){var l=a.getUint16(c);if(i=18761===l,(i||19789===l)&&42===a.getUint16(c+2,i)){var d=a.getUint32(c+4,i);d>=8&&(o=c+d)}}}if(o){var p,u,m=a.getUint16(o,i);for(u=0;u<m;u+=1)if(p=o+12*u+2,274===a.getUint16(p,i)){p+=8,e=a.getUint16(p,i),a.setUint16(p,1,i);break}}}catch(f){e=1}return e}function ne(t){var e=0,a=1,i=1;switch(t){case 2:a=-1;break;case 3:e=-180;break;case 4:i=-1;break;case 5:e=90,i=-1;break;case 6:e=90;break;case 7:e=90,a=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:a,scaleY:i}}var oe={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,a=this.container,i=this.cropper;Ot(i,R),Bt(t,R);var n={width:Math.max(a.offsetWidth,Number(e.minContainerWidth)||200),height:Math.max(a.offsetHeight,Number(e.minContainerHeight)||100)};this.containerData=n,kt(i,{width:n.width,height:n.height}),Ot(t,R),Bt(i,R)},initCanvas:function(){var t=this.containerData,e=this.imageData,a=this.options.viewMode,i=Math.abs(e.rotate)%180===90,n=i?e.naturalHeight:e.naturalWidth,o=i?e.naturalWidth:e.naturalHeight,r=n/o,s=t.width,h=t.height;t.height*r>t.width?3===a?s=t.height*r:h=t.width/r:3===a?h=t.width/r:s=t.height*r;var c={aspectRatio:r,naturalWidth:n,naturalHeight:o,width:s,height:h};c.left=(t.width-s)/2,c.top=(t.height-h)/2,c.oldLeft=c.left,c.oldTop=c.top,this.canvasData=c,this.limited=1===a||2===a,this.limitCanvas(!0,!0),this.initialImageData=xt({},e),this.initialCanvasData=xt({},c)},limitCanvas:function(t,e){var a=this.options,i=this.containerData,n=this.canvasData,o=this.cropBoxData,r=a.viewMode,s=n.aspectRatio,h=this.cropped&&o;if(t){var c=Number(a.minCanvasWidth)||0,l=Number(a.minCanvasHeight)||0;r>1?(c=Math.max(c,i.width),l=Math.max(l,i.height),3===r&&(l*s>c?c=l*s:l=c/s)):r>0&&(c?c=Math.max(c,h?o.width:0):l?l=Math.max(l,h?o.height:0):h&&(c=o.width,l=o.height,l*s>c?c=l*s:l=c/s));var d=Zt({aspectRatio:s,width:c,height:l});c=d.width,l=d.height,n.minWidth=c,n.minHeight=l,n.maxWidth=1/0,n.maxHeight=1/0}if(e)if(r>(h?0:1)){var p=i.width-n.width,u=i.height-n.height;n.minLeft=Math.min(0,p),n.minTop=Math.min(0,u),n.maxLeft=Math.max(0,p),n.maxTop=Math.max(0,u),h&&this.limited&&(n.minLeft=Math.min(o.left,o.left+(o.width-n.width)),n.minTop=Math.min(o.top,o.top+(o.height-n.height)),n.maxLeft=o.left,n.maxTop=o.top,2===r&&(n.width>=i.width&&(n.minLeft=Math.min(0,p),n.maxLeft=Math.max(0,p)),n.height>=i.height&&(n.minTop=Math.min(0,u),n.maxTop=Math.max(0,u))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=i.width,n.maxTop=i.height},renderCanvas:function(t,e){var a=this.canvasData,i=this.imageData;if(e){var n=$t({width:i.naturalWidth*Math.abs(i.scaleX||1),height:i.naturalHeight*Math.abs(i.scaleY||1),degree:i.rotate||0}),o=n.width,r=n.height,s=a.width*(o/a.naturalWidth),h=a.height*(r/a.naturalHeight);a.left-=(s-a.width)/2,a.top-=(h-a.height)/2,a.width=s,a.height=h,a.aspectRatio=o/r,a.naturalWidth=o,a.naturalHeight=r,this.limitCanvas(!0,!1)}(a.width>a.maxWidth||a.width<a.minWidth)&&(a.left=a.oldLeft),(a.height>a.maxHeight||a.height<a.minHeight)&&(a.top=a.oldTop),a.width=Math.min(Math.max(a.width,a.minWidth),a.maxWidth),a.height=Math.min(Math.max(a.height,a.minHeight),a.maxHeight),this.limitCanvas(!1,!0),a.left=Math.min(Math.max(a.left,a.minLeft),a.maxLeft),a.top=Math.min(Math.max(a.top,a.minTop),a.maxTop),a.oldLeft=a.left,a.oldTop=a.top,kt(this.canvas,xt({width:a.width,height:a.height},qt({translateX:a.left,translateY:a.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,a=this.imageData,i=a.naturalWidth*(e.width/e.naturalWidth),n=a.naturalHeight*(e.height/e.naturalHeight);xt(a,{width:i,height:n,left:(e.width-i)/2,top:(e.height-n)/2}),kt(this.image,xt({width:a.width,height:a.height},qt(xt({translateX:a.left,translateY:a.top},a)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,a=t.aspectRatio||t.initialAspectRatio,i=Number(t.autoCropArea)||.8,n={width:e.width,height:e.height};a&&(e.height*a>e.width?n.height=n.width/a:n.width=n.height*a),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*i),n.height=Math.max(n.minHeight,n.height*i),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=xt({},n)},limitCropBox:function(t,e){var a=this.options,i=this.containerData,n=this.canvasData,o=this.cropBoxData,r=this.limited,s=a.aspectRatio;if(t){var h=Number(a.minCropBoxWidth)||0,c=Number(a.minCropBoxHeight)||0,l=r?Math.min(i.width,n.width,n.width+n.left,i.width-n.left):i.width,d=r?Math.min(i.height,n.height,n.height+n.top,i.height-n.top):i.height;h=Math.min(h,i.width),c=Math.min(c,i.height),s&&(h&&c?c*s>h?c=h/s:h=c*s:h?c=h/s:c&&(h=c*s),d*s>l?d=l/s:l=d*s),o.minWidth=Math.min(h,l),o.minHeight=Math.min(c,d),o.maxWidth=l,o.maxHeight=d}e&&(r?(o.minLeft=Math.max(0,n.left),o.minTop=Math.max(0,n.top),o.maxLeft=Math.min(i.width,n.left+n.width)-o.width,o.maxTop=Math.min(i.height,n.top+n.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=i.width-o.width,o.maxTop=i.height-o.height))},renderCropBox:function(){var t=this.options,e=this.containerData,a=this.cropBoxData;(a.width>a.maxWidth||a.width<a.minWidth)&&(a.left=a.oldLeft),(a.height>a.maxHeight||a.height<a.minHeight)&&(a.top=a.oldTop),a.width=Math.min(Math.max(a.width,a.minWidth),a.maxWidth),a.height=Math.min(Math.max(a.height,a.minHeight),a.maxHeight),this.limitCropBox(!1,!0),a.left=Math.min(Math.max(a.left,a.minLeft),a.maxLeft),a.top=Math.min(Math.max(a.top,a.minTop),a.maxTop),a.oldLeft=a.left,a.oldTop=a.top,t.movable&&t.cropBoxMovable&&Wt(this.face,A,a.width>=e.width&&a.height>=e.height?y:b),kt(this.cropBox,xt({width:a.width,height:a.height},qt({translateX:a.left,translateY:a.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),It(this.element,L,this.getData())}},re={initPreview:function(){var t=this.element,e=this.crossOrigin,a=this.options.preview,i=e?this.crossOriginUrl:this.url,n=t.alt||"The image to preview",o=document.createElement("img");if(e&&(o.crossOrigin=e),o.src=i,o.alt=n,this.viewBox.appendChild(o),this.viewBoxImage=o,a){var r=a;"string"===typeof a?r=t.ownerDocument.querySelectorAll(a):a.querySelector&&(r=[a]),this.previews=r,yt(r,(function(t){var a=document.createElement("img");Wt(t,Y,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),e&&(a.crossOrigin=e),a.src=i,a.alt=n,a.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;"',t.innerHTML="",t.appendChild(a)}))}},resetPreview:function(){yt(this.previews,(function(t){var e=Rt(t,Y);kt(t,{width:e.width,height:e.height}),t.innerHTML=e.html,St(t,Y)}))},preview:function(){var t=this.imageData,e=this.canvasData,a=this.cropBoxData,i=a.width,n=a.height,o=t.width,r=t.height,s=a.left-e.left-t.left,h=a.top-e.top-t.top;this.cropped&&!this.disabled&&(kt(this.viewBoxImage,xt({width:o,height:r},qt(xt({translateX:-s,translateY:-h},t)))),yt(this.previews,(function(e){var a=Rt(e,Y),c=a.width,l=a.height,d=c,p=l,u=1;i&&(u=c/i,p=n*u),n&&p>l&&(u=l/n,d=i*u,p=l),kt(e,{width:d,height:p}),kt(e.getElementsByTagName("img")[0],xt({width:o*u,height:r*u},qt(xt({translateX:-s*u,translateY:-h*u},t))))})))}},se={bind:function(){var t=this.element,e=this.options,a=this.cropper;vt(e.cropstart)&&Yt(t,q,e.cropstart),vt(e.cropmove)&&Yt(t,U,e.cropmove),vt(e.cropend)&&Yt(t,P,e.cropend),vt(e.crop)&&Yt(t,L,e.crop),vt(e.zoom)&&Yt(t,at,e.zoom),Yt(a,$,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&Yt(a,et,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Yt(a,G,this.onDblclick=this.dblclick.bind(this)),Yt(t.ownerDocument,Q,this.onCropMove=this.cropMove.bind(this)),Yt(t.ownerDocument,F,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&Yt(window,tt,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,a=this.cropper;vt(e.cropstart)&&At(t,q,e.cropstart),vt(e.cropmove)&&At(t,U,e.cropmove),vt(e.cropend)&&At(t,P,e.cropend),vt(e.crop)&&At(t,L,e.crop),vt(e.zoom)&&At(t,at,e.zoom),At(a,$,this.onCropStart),e.zoomable&&e.zoomOnWheel&&At(a,et,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&At(a,G,this.onDblclick),At(t.ownerDocument,Q,this.onCropMove),At(t.ownerDocument,F,this.onCropEnd),e.responsive&&At(window,tt,this.onResize)}},he={resize:function(){if(!this.disabled){var t,e,a=this.options,i=this.container,n=this.containerData,o=i.offsetWidth/n.width;if(1!==o||i.offsetHeight!==n.height)a.restore&&(t=this.getCanvasData(),e=this.getCropBoxData()),this.render(),a.restore&&(this.setCanvasData(yt(t,(function(e,a){t[a]=e*o}))),this.setCropBoxData(yt(e,(function(t,a){e[a]=t*o}))))}},dblclick:function(){this.disabled||this.options.dragMode===X||this.setDragMode(Et(this.dragBox,_)?H:I)},wheel:function(t){var e=this,a=Number(this.options.wheelZoomRatio)||.1,i=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50),t.deltaY?i=t.deltaY>0?1:-1:t.wheelDelta?i=-t.wheelDelta/120:t.detail&&(i=t.detail>0?1:-1),this.zoom(-i*a,t)))},cropStart:function(t){var e=t.buttons,a=t.button;if(!(this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(dt(e)&&1!==e||dt(a)&&0!==a||t.ctrlKey))){var i,n=this.options,o=this.pointers;t.changedTouches?yt(t.changedTouches,(function(t){o[t.identifier]=Vt(t)})):o[t.pointerId||0]=Vt(t),i=Object.keys(o).length>1&&n.zoomable&&n.zoomOnTouch?x:Rt(t.target,A),nt.test(i)&&!1!==It(this.element,q,{originalEvent:t,action:i})&&(t.preventDefault(),this.action=i,this.cropping=!1,i===w&&(this.cropping=!0,Ot(this.dragBox,j)))}},cropMove:function(t){var e=this.action;if(!this.disabled&&e){var a=this.pointers;t.preventDefault(),!1!==It(this.element,U,{originalEvent:t,action:e})&&(t.changedTouches?yt(t.changedTouches,(function(t){xt(a[t.identifier]||{},Vt(t,!0))})):xt(a[t.pointerId||0]||{},Vt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,a=this.pointers;t.changedTouches?yt(t.changedTouches,(function(t){delete a[t.identifier]})):delete a[t.pointerId||0],e&&(t.preventDefault(),Object.keys(a).length||(this.action=""),this.cropping&&(this.cropping=!1,Tt(this.dragBox,j,this.cropped&&this.options.modal)),It(this.element,P,{originalEvent:t,action:e}))}}},ce={change:function(t){var e,a=this.options,i=this.canvasData,n=this.containerData,o=this.cropBoxData,r=this.pointers,s=this.action,h=a.aspectRatio,c=o.left,l=o.top,d=o.width,p=o.height,u=c+d,m=l+p,f=0,g=0,v=n.width,_=n.height,N=!0;!h&&t.shiftKey&&(h=d&&p?d/p:1),this.limited&&(f=o.minLeft,g=o.minTop,v=f+Math.min(n.width,i.width,i.left+i.width),_=g+Math.min(n.height,i.height,i.top+i.height));var W=r[Object.keys(r)[0]],S={x:W.endX-W.startX,y:W.endY-W.startY},j=function(t){switch(t){case C:u+S.x>v&&(S.x=v-u);break;case M:c+S.x<f&&(S.x=f-c);break;case k:l+S.y<g&&(S.y=g-l);break;case D:m+S.y>_&&(S.y=_-m);break}};switch(s){case b:c+=S.x,l+=S.y;break;case C:if(S.x>=0&&(u>=v||h&&(l<=g||m>=_))){N=!1;break}j(C),d+=S.x,d<0&&(s=M,d=-d,c-=d),h&&(p=d/h,l+=(o.height-p)/2);break;case k:if(S.y<=0&&(l<=g||h&&(c<=f||u>=v))){N=!1;break}j(k),p-=S.y,l+=S.y,p<0&&(s=D,p=-p,l-=p),h&&(d=p*h,c+=(o.width-d)/2);break;case M:if(S.x<=0&&(c<=f||h&&(l<=g||m>=_))){N=!1;break}j(M),d-=S.x,c+=S.x,d<0&&(s=C,d=-d,c-=d),h&&(p=d/h,l+=(o.height-p)/2);break;case D:if(S.y>=0&&(m>=_||h&&(c<=f||u>=v))){N=!1;break}j(D),p+=S.y,p<0&&(s=k,p=-p,l-=p),h&&(d=p*h,c+=(o.width-d)/2);break;case E:if(h){if(S.y<=0&&(l<=g||u>=v)){N=!1;break}j(k),p-=S.y,l+=S.y,d=p*h}else j(k),j(C),S.x>=0?u<v?d+=S.x:S.y<=0&&l<=g&&(N=!1):d+=S.x,S.y<=0?l>g&&(p-=S.y,l+=S.y):(p-=S.y,l+=S.y);d<0&&p<0?(s=T,p=-p,d=-d,l-=p,c-=d):d<0?(s=O,d=-d,c-=d):p<0&&(s=B,p=-p,l-=p);break;case O:if(h){if(S.y<=0&&(l<=g||c<=f)){N=!1;break}j(k),p-=S.y,l+=S.y,d=p*h,c+=o.width-d}else j(k),j(M),S.x<=0?c>f?(d-=S.x,c+=S.x):S.y<=0&&l<=g&&(N=!1):(d-=S.x,c+=S.x),S.y<=0?l>g&&(p-=S.y,l+=S.y):(p-=S.y,l+=S.y);d<0&&p<0?(s=B,p=-p,d=-d,l-=p,c-=d):d<0?(s=E,d=-d,c-=d):p<0&&(s=T,p=-p,l-=p);break;case T:if(h){if(S.x<=0&&(c<=f||m>=_)){N=!1;break}j(M),d-=S.x,c+=S.x,p=d/h}else j(D),j(M),S.x<=0?c>f?(d-=S.x,c+=S.x):S.y>=0&&m>=_&&(N=!1):(d-=S.x,c+=S.x),S.y>=0?m<_&&(p+=S.y):p+=S.y;d<0&&p<0?(s=E,p=-p,d=-d,l-=p,c-=d):d<0?(s=B,d=-d,c-=d):p<0&&(s=O,p=-p,l-=p);break;case B:if(h){if(S.x>=0&&(u>=v||m>=_)){N=!1;break}j(C),d+=S.x,p=d/h}else j(D),j(C),S.x>=0?u<v?d+=S.x:S.y>=0&&m>=_&&(N=!1):d+=S.x,S.y>=0?m<_&&(p+=S.y):p+=S.y;d<0&&p<0?(s=O,p=-p,d=-d,l-=p,c-=d):d<0?(s=T,d=-d,c-=d):p<0&&(s=E,p=-p,l-=p);break;case y:this.move(S.x,S.y),N=!1;break;case x:this.zoom(Gt(r),t),N=!1;break;case w:if(!S.x||!S.y){N=!1;break}e=Ht(this.cropper),c=W.startX-e.left,l=W.startY-e.top,d=o.minWidth,p=o.minHeight,S.x>0?s=S.y>0?B:E:S.x<0&&(c-=d,s=S.y>0?T:O),S.y<0&&(l-=p),this.cropped||(Bt(this.cropBox,R),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}N&&(o.width=d,o.height=p,o.left=c,o.top=l,this.action=s,this.renderCropBox()),yt(r,(function(t){t.startX=t.endX,t.startY=t.endY}))}},le={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&Ot(this.dragBox,j),Bt(this.cropBox,R),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=xt({},this.initialImageData),this.canvasData=xt({},this.initialCanvasData),this.cropBoxData=xt({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(xt(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),Bt(this.dragBox,j),Ot(this.cropBox,R)),this},replace:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),e?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,yt(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,Bt(this.cropper,N)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,Ot(this.cropper,N)),this},destroy:function(){var t=this.element;return t[v]?(t[v]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,a=this.canvasData,i=a.left,n=a.top;return this.moveTo(ut(t)?t:i+Number(t),ut(e)?e:n+Number(e))},moveTo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,a=this.canvasData,i=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(dt(t)&&(a.left=t,i=!0),dt(e)&&(a.top=e,i=!0),i&&this.renderCanvas(!0)),this},zoom:function(t,e){var a=this.canvasData;return t=Number(t),t=t<0?1/(1-t):1+t,this.zoomTo(a.width*t/a.naturalWidth,null,e)},zoomTo:function(t,e,a){var i=this.options,n=this.canvasData,o=n.width,r=n.height,s=n.naturalWidth,h=n.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&i.zoomable){var c=s*t,l=h*t;if(!1===It(this.element,at,{ratio:t,oldRatio:o/s,originalEvent:a}))return this;if(a){var d=this.pointers,p=Ht(this.cropper),u=d&&Object.keys(d).length?Jt(d):{pageX:a.pageX,pageY:a.pageY};n.left-=(c-o)*((u.pageX-p.left-n.left)/o),n.top-=(l-r)*((u.pageY-p.top-n.top)/r)}else gt(e)&&dt(e.x)&&dt(e.y)?(n.left-=(c-o)*((e.x-n.left)/o),n.top-=(l-r)*((e.y-n.top)/r)):(n.left-=(c-o)/2,n.top-=(l-r)/2);n.width=c,n.height=l,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),dt(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,dt(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(dt(e)?e:1,t)},scale:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,a=this.imageData,i=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(dt(t)&&(a.scaleX=t,i=!0),dt(e)&&(a.scaleY=e,i=!0),i&&this.renderCanvas(!0,!0)),this},getData:function(){var t,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],a=this.options,i=this.imageData,n=this.canvasData,o=this.cropBoxData;if(this.ready&&this.cropped){t={x:o.left-n.left,y:o.top-n.top,width:o.width,height:o.height};var r=i.width/i.naturalWidth;if(yt(t,(function(e,a){t[a]=e/r})),e){var s=Math.round(t.y+t.height),h=Math.round(t.x+t.width);t.x=Math.round(t.x),t.y=Math.round(t.y),t.width=h-t.x,t.height=s-t.y}}else t={x:0,y:0,width:0,height:0};return a.rotatable&&(t.rotate=i.rotate||0),a.scalable&&(t.scaleX=i.scaleX||1,t.scaleY=i.scaleY||1),t},setData:function(t){var e=this.options,a=this.imageData,i=this.canvasData,n={};if(this.ready&&!this.disabled&>(t)){var o=!1;e.rotatable&&dt(t.rotate)&&t.rotate!==a.rotate&&(a.rotate=t.rotate,o=!0),e.scalable&&(dt(t.scaleX)&&t.scaleX!==a.scaleX&&(a.scaleX=t.scaleX,o=!0),dt(t.scaleY)&&t.scaleY!==a.scaleY&&(a.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var r=a.width/a.naturalWidth;dt(t.x)&&(n.left=t.x*r+i.left),dt(t.y)&&(n.top=t.y*r+i.top),dt(t.width)&&(n.width=t.width*r),dt(t.height)&&(n.height=t.height*r),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?xt({},this.containerData):{}},getImageData:function(){return this.sized?xt({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,e={};return this.ready&&yt(["left","top","width","height","naturalWidth","naturalHeight"],(function(a){e[a]=t[a]})),e},setCanvasData:function(t){var e=this.canvasData,a=e.aspectRatio;return this.ready&&!this.disabled&>(t)&&(dt(t.left)&&(e.left=t.left),dt(t.top)&&(e.top=t.top),dt(t.width)?(e.width=t.width,e.height=t.width/a):dt(t.height)&&(e.height=t.height,e.width=t.height*a),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,e=this.cropBoxData;return this.ready&&this.cropped&&(t={left:e.left,top:e.top,width:e.width,height:e.height}),t||{}},setCropBoxData:function(t){var e,a,i=this.cropBoxData,n=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&>(t)&&(dt(t.left)&&(i.left=t.left),dt(t.top)&&(i.top=t.top),dt(t.width)&&t.width!==i.width&&(e=!0,i.width=t.width),dt(t.height)&&t.height!==i.height&&(a=!0,i.height=t.height),n&&(e?i.height=i.width/n:a&&(i.width=i.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,a=Qt(this.image,this.imageData,e,t);if(!this.cropped)return a;var i=this.getData(),n=i.x,o=i.y,r=i.width,h=i.height,c=a.width/Math.floor(e.naturalWidth);1!==c&&(n*=c,o*=c,r*=c,h*=c);var l=r/h,d=Zt({aspectRatio:l,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),p=Zt({aspectRatio:l,width:t.minWidth||0,height:t.minHeight||0},"cover"),u=Zt({aspectRatio:l,width:t.width||(1!==c?a.width:r),height:t.height||(1!==c?a.height:h)}),m=u.width,f=u.height;m=Math.min(d.width,Math.max(p.width,m)),f=Math.min(d.height,Math.max(p.height,f));var g=document.createElement("canvas"),v=g.getContext("2d");g.width=Mt(m),g.height=Mt(f),v.fillStyle=t.fillColor||"transparent",v.fillRect(0,0,m,f);var b=t.imageSmoothingEnabled,w=void 0===b||b,y=t.imageSmoothingQuality;v.imageSmoothingEnabled=w,y&&(v.imageSmoothingQuality=y);var x,C,M,D,k,E,O=a.width,B=a.height,T=n,_=o;T<=-r||T>O?(T=0,x=0,M=0,k=0):T<=0?(M=-T,T=0,x=Math.min(O,r+T),k=x):T<=O&&(M=0,x=Math.min(r,O-T),k=x),x<=0||_<=-h||_>B?(_=0,C=0,D=0,E=0):_<=0?(D=-_,_=0,C=Math.min(B,h+_),E=C):_<=B&&(D=0,C=Math.min(h,B-_),E=C);var N=[T,_,x,C];if(k>0&&E>0){var R=m/r;N.push(M*R,D*R,k*R,E*R)}return v.drawImage.apply(v,[a].concat(s(N.map((function(t){return Math.floor(Mt(t))}))))),g},setAspectRatio:function(t){var e=this.options;return this.disabled||ut(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var e=this.options,a=this.dragBox,i=this.face;if(this.ready&&!this.disabled){var n=t===I,o=e.movable&&t===H;t=n||o?t:X,e.dragMode=t,Wt(a,A,t),Tt(a,_,n),Tt(a,z,o),e.cropBoxMovable||(Wt(i,A,t),Tt(i,_,n),Tt(i,z,o))}return this}},de=m.Cropper,pe=function(){function t(a){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(e(this,t),!a||!st.test(a.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=a,this.options=xt({},ht,gt(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 i(t,[{key:"init",value:function(){var t,e=this.element,a=e.tagName.toLowerCase();if(!e[v]){if(e[v]=this,"img"===a){if(this.isImg=!0,t=e.getAttribute("src")||"",this.originalUrl=t,!t)return;t=e.src}else"canvas"===a&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(t){var e=this;if(t){this.url=t,this.imageData={};var a=this.element,i=this.options;if(i.rotatable||i.scalable||(i.checkOrientation=!1),i.checkOrientation&&window.ArrayBuffer)if(ot.test(t))rt.test(t)?this.read(ee(t)):this.clone();else{var n=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=n,n.onabort=o,n.onerror=o,n.ontimeout=o,n.onprogress=function(){n.getResponseHeader("content-type")!==it&&n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},i.checkCrossOrigin&&Pt(t)&&a.crossOrigin&&(t=Ut(t)),n.open("GET",t),n.responseType="arraybuffer",n.withCredentials="use-credentials"===a.crossOrigin,n.send()}else this.clone()}}},{key:"read",value:function(t){var e=this.options,a=this.imageData,i=ie(t),n=0,o=1,r=1;if(i>1){this.url=ae(t,it);var s=ne(i);n=s.rotate,o=s.scaleX,r=s.scaleY}e.rotatable&&(a.rotate=n),e.scalable&&(a.scaleX=o,a.scaleY=r),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,a=t.crossOrigin,i=e;this.options.checkCrossOrigin&&Pt(e)&&(a||(a="anonymous"),i=Ut(e)),this.crossOrigin=a,this.crossOriginUrl=i;var n=document.createElement("img");a&&(n.crossOrigin=a),n.src=i||e,n.alt=t.alt||"The image to crop",this.image=n,n.onload=this.start.bind(this),n.onerror=this.stop.bind(this),Ot(n,W),t.parentNode.insertBefore(n,t.nextSibling)}},{key:"start",value:function(){var t=this,e=this.image;e.onload=null,e.onerror=null,this.sizing=!0;var a=m.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(m.navigator.userAgent),i=function(e,a){xt(t.imageData,{naturalWidth:e,naturalHeight:a,aspectRatio:e/a}),t.sizing=!1,t.sized=!0,t.build()};if(!e.naturalWidth||a){var n=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=n,n.onload=function(){i(n.width,n.height),a||o.removeChild(n)},n.src=e.src,a||(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;",o.appendChild(n))}else i(e.naturalWidth,e.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var t=this.element,e=this.options,a=this.image,i=t.parentNode,n=document.createElement("div");n.innerHTML=ct;var o=n.querySelector(".".concat(v,"-container")),r=o.querySelector(".".concat(v,"-canvas")),s=o.querySelector(".".concat(v,"-drag-box")),h=o.querySelector(".".concat(v,"-crop-box")),c=h.querySelector(".".concat(v,"-face"));this.container=i,this.cropper=o,this.canvas=r,this.dragBox=s,this.cropBox=h,this.viewBox=o.querySelector(".".concat(v,"-view-box")),this.face=c,r.appendChild(a),Ot(t,R),i.insertBefore(o,t.nextSibling),this.isImg||Bt(a,W),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,Ot(h,R),e.guides||Ot(h.getElementsByClassName("".concat(v,"-dashed")),R),e.center||Ot(h.getElementsByClassName("".concat(v,"-center")),R),e.background&&Ot(o,"".concat(v,"-bg")),e.highlight||Ot(c,S),e.cropBoxMovable&&(Ot(c,z),Wt(c,A,b)),e.cropBoxResizable||(Ot(h.getElementsByClassName("".concat(v,"-line")),R),Ot(h.getElementsByClassName("".concat(v,"-point")),R)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),vt(e.ready)&&Yt(t,K,e.ready,{once:!0}),It(t,K)}}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),Bt(this.element,R))}},{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=de,t}},{key:"setDefaults",value:function(t){xt(ht,gt(t)&&t)}}]),t}();return xt(pe.prototype,oe,re,se,he,ce,le),pe}))},wyMu:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=s(a("q1tI")),n=r(a("17x9")),o=r(a("urRO"));function r(t){return t&&t.__esModule?t:{default:t}}function s(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var i=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(t,a):{};i.get||i.set?Object.defineProperty(e,a,i):e[a]=t[a]}return e.default=t,e}function h(t){return h="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h(t)}function c(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function l(){return l=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(t[i]=a[i])}return t},l.apply(this,arguments)}function d(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function u(t,e,a){return e&&p(t.prototype,e),a&&p(t,a),t}function m(t,e){return!e||"object"!==h(e)&&"function"!==typeof e?f(t):e}function f(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function g(t){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},g(t)}function v(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&b(t,e)}function b(t,e){return b=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},b(t,e)}var w=["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"],y=w.slice(4),x=function(t){function e(){return d(this,e),m(this,g(e).apply(this,arguments))}return v(e,t),u(e,[{key:"componentDidMount",value:function(){var t=this,e=Object.keys(this.props).filter((function(t){return-1!==w.indexOf(t)})).reduce((function(e,a){return l({},e,c({},a,t.props[a]))}),{});this.cropper=new o.default(this.img,e)}},{key:"UNSAFE_componentWillReceiveProps",value:function(t){var e=this;t.src!==this.props.src&&this.cropper.reset().clear().replace(t.src),t.aspectRatio!==this.props.aspectRatio&&this.setAspectRatio(t.aspectRatio),t.data!==this.props.data&&this.setData(t.data),t.dragMode!==this.props.dragMode&&this.setDragMode(t.dragMode),t.cropBoxData!==this.props.cropBoxData&&this.setCropBoxData(t.cropBoxData),t.canvasData!==this.props.canvasData&&this.setCanvasData(t.canvasData),t.moveTo!==this.props.moveTo&&(t.moveTo.length>1?this.moveTo(t.moveTo[0],t.moveTo[1]):this.moveTo(t.moveTo[0])),t.zoomTo!==this.props.zoomTo&&this.zoomTo(t.zoomTo),t.rotateTo!==this.props.rotateTo&&this.rotateTo(t.rotateTo),t.scaleX!==this.props.scaleX&&this.scaleX(t.scaleX),t.scaleY!==this.props.scaleY&&this.scaleY(t.scaleY),t.enable!==this.props.enable&&(t.enable?this.enable():this.disable()),Object.keys(t).forEach((function(a){var i=t[a]!==e.props[a],n=-1!==y.indexOf(a);if("function"===typeof t[a]&&"function"===typeof e.props[a]&&(i=t[a].toString()!==e.props[a].toString()),i&&n)throw new Error("prop: ".concat(a," 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(t){return this.cropper.setDragMode(t)}},{key:"setAspectRatio",value:function(t){return this.cropper.setAspectRatio(t)}},{key:"getCroppedCanvas",value:function(t){return this.cropper.getCroppedCanvas(t)}},{key:"setCropBoxData",value:function(t){return this.cropper.setCropBoxData(t)}},{key:"getCropBoxData",value:function(){return this.cropper.getCropBoxData()}},{key:"setCanvasData",value:function(t){return this.cropper.setCanvasData(t)}},{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(t){return this.cropper.setData(t)}},{key:"getData",value:function(t){return this.cropper.getData(t)}},{key:"crop",value:function(){return this.cropper.crop()}},{key:"move",value:function(t,e){return this.cropper.move(t,e)}},{key:"moveTo",value:function(t,e){return this.cropper.moveTo(t,e)}},{key:"zoom",value:function(t){return this.cropper.zoom(t)}},{key:"zoomTo",value:function(t){return this.cropper.zoomTo(t)}},{key:"rotate",value:function(t){return this.cropper.rotate(t)}},{key:"rotateTo",value:function(t){return this.cropper.rotateTo(t)}},{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(t,e){return this.cropper.replace(t,e)}},{key:"scale",value:function(t,e){return this.cropper.scale(t,e)}},{key:"scaleX",value:function(t){return this.cropper.scaleX(t)}},{key:"scaleY",value:function(t){return this.cropper.scaleY(t)}},{key:"render",value:function(){var t=this,e=this.props,a=e.src,n=e.alt,o=e.crossOrigin,r=e.style,s=e.className;return i.default.createElement("div",{style:r,className:s},i.default.createElement("img",{crossOrigin:o,ref:function(e){t.img=e},src:a,alt:void 0===n?"picture":n,style:{opacity:0}}))}}]),e}(i.Component);x.propTypes={style:n.default.object,className:n.default.string,crossOrigin:n.default.string,src:n.default.string,alt:n.default.string,aspectRatio:n.default.number,dragMode:n.default.oneOf(["crop","move","none"]),data:n.default.shape({x:n.default.number,y:n.default.number,width:n.default.number,height:n.default.number,rotate:n.default.number,scaleX:n.default.number,scaleY:n.default.number}),scaleX:n.default.number,scaleY:n.default.number,enable:n.default.bool,cropBoxData:n.default.shape({left:n.default.number,top:n.default.number,width:n.default.number,height:n.default.number}),canvasData:n.default.shape({left:n.default.number,top:n.default.number,width:n.default.number,height:n.default.number}),zoomTo:n.default.number,moveTo:n.default.arrayOf(n.default.number),rotateTo:n.default.number,viewMode:n.default.oneOf([0,1,2,3]),preview:n.default.string,responsive:n.default.bool,restore:n.default.bool,checkCrossOrigin:n.default.bool,checkOrientation:n.default.bool,modal:n.default.bool,guides:n.default.bool,center:n.default.bool,highlight:n.default.bool,background:n.default.bool,autoCrop:n.default.bool,autoCropArea:n.default.number,movable:n.default.bool,rotatable:n.default.bool,scalable:n.default.bool,zoomable:n.default.bool,zoomOnTouch:n.default.bool,zoomOnWheel:n.default.bool,wheelZoomRatio:n.default.number,cropBoxMovable:n.default.bool,cropBoxResizable:n.default.bool,toggleDragModeOnDblclick:n.default.bool,minContainerWidth:n.default.number,minContainerHeight:n.default.number,minCanvasWidth:n.default.number,minCanvasHeight:n.default.number,minCropBoxWidth:n.default.number,minCropBoxHeight:n.default.number,ready:n.default.func,cropstart:n.default.func,cropmove:n.default.func,cropend:n.default.func,crop:n.default.func,zoom:n.default.func},x.defaultProps={src:null,dragMode:"crop",data:null,scaleX:1,scaleY:1,enable:!0,zoomTo:1,rotateTo:0};var C=x;e.default=C}}]); |