(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-03981715"],{"31a8":function(e,t,i){"use strict";var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"upload-corp-container"},[i("div",{staticClass:"source"},[i("div",[i("div",{staticClass:"avatar-uploader"},[i("div",{staticClass:"el-upload el-upload--text",attrs:{tabindex:"0"}},[i("div",{staticClass:"tip-bar"},[i("el-tag",{attrs:{size:"mini"}},[e._v(e._s(e.width)+" x "+e._s(e.height))])],1),e.hasImg?e._e():i("i",{staticClass:"el-icon-plus avatar-uploader-icon",on:{click:e.handleClick}}),e.hasImg?i("img",{staticClass:"upload-preview-img",attrs:{alt:"",src:e.initialImgUrl},on:{click:e.showInitImg}}):e._e(),i("input",{ref:"fileinput",staticClass:"el-upload__input",attrs:{type:"file",name:"file",accept:"image/*"},on:{change:e.handleChange}}),e.hasImg?i("div",{staticClass:"action-bar"},[i("el-button",{attrs:{type:"success",size:"small",icon:"el-icon-edit"},on:{click:e.handleClick}},[e._v(" 替换 ")]),i("el-button",{attrs:{type:"danger",size:"small",icon:"el-icon-delete"},on:{click:e.removeImg}},[e._v(" 移除 ")])],1):e._e()])])])]),i("div",{directives:[{name:"show",rawName:"v-show",value:e.show,expression:"show"}],staticClass:"vue-image-crop-upload"},[i("div",{staticClass:"vicp-wrap"},[i("div",{staticClass:"vicp-close",on:{click:e.off}},[i("i",{staticClass:"vicp-icon4"})]),2===e.step?i("div",{staticClass:"vicp-step2"},[i("div",{staticClass:"vicp-crop"},[i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-left"},[i("div",{staticClass:"vicp-img-container",on:{wheel:function(t){return t.preventDefault(),e.handleMouseWheel(t)}}},[i("img",{ref:"img",staticClass:"vicp-img",style:e.sourceImgStyle,attrs:{src:e.sourceImgUrl,draggable:"false",alt:""},on:{drag:e.preventDefault,dragstart:e.preventDefault,dragend:e.preventDefault,dragleave:e.preventDefault,dragover:e.preventDefault,dragenter:e.preventDefault,drop:e.preventDefault,touchstart:e.imgStartMove,touchmove:e.imgMove,touchend:e.createImg,touchcancel:e.createImg,mousedown:e.imgStartMove,mousemove:e.imgMove,mouseup:e.createImg,mouseout:e.createImg}}),i("div",{staticClass:"vicp-img-shade vicp-img-shade-1",style:e.sourceImgShadeStyle}),i("div",{staticClass:"vicp-img-shade vicp-img-shade-2",style:e.sourceImgShadeStyle})]),i("div",{staticClass:"vicp-range"},[i("input",{directives:[{name:"model",rawName:"v-model",value:e.scale.range,expression:"scale.range"}],attrs:{type:"range",step:"1",min:"0",max:"100"},domProps:{value:e.scale.range},on:{mousemove:e.zoomChange,__r:function(t){return e.$set(e.scale,"range",t.target.value)}}}),i("i",{staticClass:"vicp-icon5",on:{mousedown:e.startZoomSub,mouseout:e.endZoomSub,mouseup:e.endZoomSub}}),i("i",{staticClass:"vicp-icon6",on:{mousedown:e.startZoomAdd,mouseout:e.endZoomAdd,mouseup:e.endZoomAdd}})]),e.noRotate?e._e():i("div",{staticClass:"vicp-rotate"},[i("i",{on:{click:e.rotateImg}},[e._v("↻")])])]),i("div",{directives:[{name:"show",rawName:"v-show",value:!0,expression:"true"}],staticClass:"vicp-crop-right"},[i("div",{staticClass:"vicp-preview"},[e.noSquare?e._e():i("div",{staticClass:"vicp-preview-item"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),i("span",[e._v("预览")])]),e.noCircle?e._e():i("div",{staticClass:"vicp-preview-item vicp-preview-item-circle"},[i("img",{style:e.previewStyle,attrs:{src:e.createImgUrl}}),i("span",[e._v("预览")])])])])]),i("div",{staticClass:"vicp-operate"},[i("el-button",{attrs:{type:"warning",size:"small",icon:"el-icon-edit"},on:{click:e.off}},[e._v(" 取消 ")]),i("el-button",{attrs:{type:"primary",size:"small",icon:"el-icon-success"},on:{click:e.prepareUpload}},[e._v(" 保存 ")])],1)]):e._e(),3===e.step?i("div",{staticClass:"vicp-step3"},[i("div",{staticClass:"vicp-upload"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-loading"},[e._v("正在上传……")]),i("div",{staticClass:"vicp-progress-wrap"},[i("span",{directives:[{name:"show",rawName:"v-show",value:1===e.loading,expression:"loading === 1"}],staticClass:"vicp-progress",style:e.progressStyle})]),i("div",{directives:[{name:"show",rawName:"v-show",value:2===e.loading,expression:"loading === 2"}],staticClass:"vicp-success"},[i("i",{staticClass:"vicp-icon3"}),e._v(" 上传成功 ")])]),i("div",{staticClass:"vicp-operate"},[i("a",{on:{click:function(t){return e.setStep(2)},mousedown:e.ripple}},[e._v("返回")]),i("a",{on:{click:e.off,mousedown:e.ripple}},[e._v("关闭")])])]):e._e(),i("canvas",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],ref:"canvas",attrs:{width:e.width,height:e.height}})])])])},s=[],r=i("1da1"),o=i("53ca"),n=i("d4ec"),c=i("bee2"),h=i("262e"),l=i("2caf"),u=(i("96cf"),i("c975"),i("4795"),i("b0c0"),i("4160"),i("159b"),i("b64b"),i("d3b7"),i("9ab4")),d=i("1b40"),p=(i("4ec9"),i("3ca3"),i("ddb0"),new Map([["jpg","image/jpeg"],["png","image/png"],["gif","image/gif"],["svg","image/svg+xml"],["psd","image/photoshop"]])),g=i("9f79");function m(e,t){var i=Object.assign({ele:e.target,type:"hit",bgc:"rgba(0, 0, 0, 0.15)"},t),a=i.ele;if(a){var s=a.getBoundingClientRect(),r=a.querySelector(".e-ripple");switch(r?r.className="e-ripple":(r=document.createElement("span"),r.className="e-ripple",r.style.height=r.style.width=Math.max(s.width,s.height)+"px",a.appendChild(r)),i.type){case"center":r.style.top=s.height/2-r.offsetHeight/2+"px",r.style.left=s.width/2-r.offsetWidth/2+"px";break;default:r.style.top=e.pageY-s.top-r.offsetHeight/2-document.body.scrollTop+"px",r.style.left=e.pageX-s.left-r.offsetWidth/2-document.body.scrollLeft+"px"}return r.style.backgroundColor=i.bgc,r.className="e-ripple z-active",!1}}var v=function(e){Object(h["a"])(i,e);var t=Object(l["a"])(i);function i(){var e;return Object(n["a"])(this,i),e=t.apply(this,arguments),e.allowImgFormat=["gif","jpg","png"],e.mime="image/png",e.show=!1,e.isSupported=!0,e.isSupportTouch=document.hasOwnProperty("ontouchstart"),e.step=1,e.loading=0,e.progress=0,e.hasError=!1,e.errorMsg="",e.ratio=1,e.sourceImg=null,e.sourceImgUrl=e.initialImgUrl,e.createImgUrl=e.initialImgUrl,e.sourceImgMouseDown={on:!1,mX:0,mY:0,x:0,y:0},e.previewContainer={width:100,height:100},e.sourceImgContainer={width:240,height:184},e.scale={zoomAddOn:!1,zoomSubOn:!1,range:1,x:0,y:0,width:0,height:0,maxWidth:0,maxHeight:0,minWidth:0,minHeight:0,naturalWidth:0,naturalHeight:0},e}return Object(c["a"])(i,[{key:"created",value:function(){var e=this.imgFormat,t=this.allowImgFormat,i=!0,a=-1===t.indexOf(e)?"jpg":e,s=p.get(a);"function"!==typeof FormData&&(i=!1),this.ratio=this.width/this.height,this.mime=s,this.isSupported=i,document.addEventListener("keyup",this.handleEscClose)}},{key:"hasImg",get:function(){return!!this.initialImgUrl}},{key:"progressStyle",get:function(){return{width:this.progress+"%"}}},{key:"sourceImgStyle",get:function(){var e=this.scale.y+this.sourceImgMasking.y+"px",t=this.scale.x+this.sourceImgMasking.x+"px";return{top:e,left:t,width:this.scale.width+"px",height:this.scale.height+"px"}}},{key:"sourceImgMasking",get:function(){var e=this.width,t=this.height,i=this.ratio,a=this.sourceImgContainer,s=a,r=s.width/s.height,o=0,n=0,c=s.width,h=s.height,l=1;return ir&&(l=s.width/e,h=s.width/i,n=(s.height-h)/2),{scale:l,x:o,y:n,width:c,height:h}}},{key:"sourceImgShadeStyle",get:function(){var e=this.sourceImgMasking,t=this.sourceImgContainer,i=t,a=e,s=a.width===i.width?a.width:(i.width-a.width)/2,r=a.height===i.height?a.height:(i.height-a.height)/2;return{width:s+"px",height:r+"px"}}},{key:"previewStyle",get:function(){var e=this.ratio,t=this.previewContainer,i=t,a=i.width,s=i.height,r=a/s;return er&&(s=i.width/e),{width:a+"px",height:s+"px"}}},{key:"beforeUnmount",value:function(){document.removeEventListener("keyup",this.handleEscClose)}},{key:"mounted",value:function(){this.sourceImgUrl&&this.startCrop()}},{key:"showInitImg",value:function(){this.initialImgUrl&&(this.sourceImgUrl=this.initialImgUrl,this.startCrop())}},{key:"handleEscClose",value:function(e){!this.show||"Escape"!==e.key&&27!==e.keyCode||this.off()}},{key:"ripple",value:function(e){m(e)}},{key:"stepChange",value:function(){this.show=1!==this.step}},{key:"checkShowError",value:function(){this.hasError&&this.errorMsg&&(this.$message.error(this.errorMsg),this.hasError=!1,this.errorMsg="")}},{key:"off",value:function(){var e=this;setTimeout((function(){e.show=!1,3===e.step&&2===e.loading&&e.setStep(1)}),200)}},{key:"setStep",value:function(e){var t=this;setTimeout((function(){t.step=e}),200)}},{key:"preventDefault",value:function(e){return e.preventDefault(),!1}},{key:"handleClick",value:function(e){1!==this.loading&&e.target!==this.$refs.fileinput&&(e.preventDefault(),this.$refs.fileinput.click())}},{key:"handleChange",value:function(e){if(e.preventDefault(),1!==this.loading){var t=e.target.files||e.dataTransfer.files;this.reset(),this.checkFile(t[0])?this.setSourceImg(t[0]):this.off()}}},{key:"checkFile",value:function(e){var t=this.maxSize;return-1===e.type.indexOf("image")?(this.hasError=!0,this.errorMsg="仅限图片格式",!1):!(e.size/1024>t)||(this.hasError=!0,this.errorMsg="单文件大小不能超过 "+t+"kb",!1)}},{key:"reset",value:function(){this.loading=0,this.hasError=!1,this.errorMsg="",this.progress=0}},{key:"setSourceImg",value:function(e){this.$emit("src-file-set",e.name,e.type,e.size);var t=new FileReader,i=this;t.onload=function(e){i.sourceImgUrl=t.result+"",i.startCrop()},t.readAsDataURL(e)}},{key:"startCrop",value:function(){var e=this.width,t=this.height,i=this.ratio,a=this.scale,s=this.sourceImgUrl,r=this.sourceImgMasking,o=r,n=new Image;n.src=s,n.setAttribute("crossOrigin","Anonymous");var c=this;n.onload=function(){var s=n.naturalWidth,r=n.naturalHeight,h=s/r,l=o.width,u=o.height,d=0,p=0;if(sh&&(u=l/h,p=(o.height-u)/2),i0&&(m=0),v>0&&(v=0),m0&&this.zoomImg(t.range>=100?100:++t.range),e.wheelDelta<0&&this.zoomImg(t.range<=0?0:--t.range)):e.detail&&(e.detail>0&&this.zoomImg(t.range>=100?100:++t.range),e.detail<0&&this.zoomImg(t.range<=0?0:--t.range))}},{key:"startZoomAdd",value:function(e){var t=this.scale,i=this;function a(){if(t.zoomAddOn){var e=t.range>=100?100:++t.range;i.zoomImg(e),setTimeout((function(){a()}),60)}}t.zoomAddOn=!0,a()}},{key:"endZoomAdd",value:function(e){this.scale.zoomAddOn=!1}},{key:"startZoomSub",value:function(e){var t=this.scale,i=this;function a(){if(t.zoomSubOn){var e=t.range<=0?0:--t.range;i.zoomImg(e),setTimeout((function(){a()}),60)}}t.zoomSubOn=!0,a()}},{key:"endZoomSub",value:function(e){var t=this.scale;t.zoomSubOn=!1}},{key:"zoomChange",value:function(e){this.zoomImg(e.target.value)}},{key:"zoomImg",value:function(e){var t=this.sourceImgMasking,i=this.scale,a=i.maxWidth,s=i.maxHeight,r=i.minWidth,o=i.minHeight,n=i.width,c=i.height,h=i.x,l=i.y,u=t,d=u.width,p=u.height,g=r+(a-r)*e/100,m=o+(s-o)*e/100,v=d/2-g/n*(d/2-h),f=p/2-m/c*(p/2-l);v>0&&(v=0),f>0&&(f=0),v1,expression:"imageUrl.length>1"}],staticClass:"image-preview-wrapper"},[i("img",{attrs:{src:e.imageUrl}}),i("div",{staticClass:"image-preview-action"},[i("i",{staticClass:"el-icon-delete",on:{click:e.rmImage}})])])])],1)},s=[],r=i("d4ec"),o=i("bee2"),n=i("262e"),c=i("2caf"),h=i("9ab4"),l=i("1b40"),u=function(e){Object(n["a"])(i,e);var t=Object(c["a"])(i);function i(){var e;return Object(r["a"])(this,i),e=t.apply(this,arguments),e.uploadUrl="https://opm.kingsome.cn/api/upload",e.tempUrl="",e.dataObj={sub_path:"game",type:"image"},e}return Object(o["a"])(i,[{key:"imageUrl",get:function(){return this.value}},{key:"emitInput",value:function(e){this.$emit("input",e)}},{key:"rmImage",value:function(){this.emitInput("")}},{key:"handleImageSuccess",value:function(e){console.log(e),this.emitInput(e.url_cdn)}}]),i}(l["c"]);Object(h["a"])([Object(l["b"])({default:""})],u.prototype,"value",void 0),u=Object(h["a"])([Object(l["a"])({name:"UploadImage"})],u);var d=u,p=d,g=(i("961d"),i("0c7c")),m=Object(g["a"])(p,a,s,!1,null,"62f54f8e",null);t["a"]=m.exports},"961d":function(e,t,i){"use strict";i("b43b")},"9f79":function(e,t,i){"use strict";i.d(t,"a",(function(){return a}));i("ac1f"),i("1276"),i("ace4"),i("d3b7"),i("5cc6"),i("9a8c"),i("a975"),i("735e"),i("c1ac"),i("d139"),i("3a7b"),i("d5d6"),i("82f8"),i("e91f"),i("60bd"),i("5f96"),i("3280"),i("3fcc"),i("ca91"),i("25a1"),i("cd26"),i("3c5d"),i("2954"),i("649e"),i("219c"),i("170b"),i("b39a"),i("72f7");function a(e,t){e=e.split(",")[1],e=window.atob(e);for(var i=new Uint8Array(e.length),a=0;a