首頁 探索 說明
登入
lex
/
colexiu-project
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
目錄樹: 6f13146dcd
分支列表 標籤列表
colexiu-proj...
/
dist
/
assets
/
icon_course_list-legacy.20748b83.js

icon_course_list-legacy.20748b83.js 62 KB
文件歷史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243 
  1. ;(function(){function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function F(){};return{s:F,n:function n(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function e(_e2){throw _e2;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var normalCompletion=true,didErr=false,err;return{s:function s(){it=it.call(o);},n:function n(){var step=it.next();normalCompletion=step.done;return step;},e:function e(_e3){didErr=true;err=_e3;},f:function f(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err;}}};}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._uploadSection_1scl2_1{width:156px;height:106px;background:#f8faf9;border-radius:4px;border:1px solid rgba(45,199,170,.26);font-size:14px;color:#2dc7aa;line-height:20px}._uploadClass_1scl2_11{height:106px;width:100%}._uploadClass_1scl2_11 .el-loading-spinner{margin-top:-43px;height:106px}._avatar-upload-preview_range_1scl2_19,._avatar-upload-preview_1scl2_19{width:180px;height:180px;box-shadow:0 0 4px #ccc;overflow:hidden}._avatar-upload-preview_range_1scl2_19 img,._avatar-upload-preview_1scl2_19 img{background-color:#f7f7f7;height:100%}._avatar-upload-preview_range_1scl2_19{border-radius:0}._previewImg_1scl2_34{padding-left:50px;padding-top:10px}._previewImg_1scl2_34>span{display:block;color:#212121;font-size:16px;padding-bottom:15px}._operation_1scl2_44{font-size:24px;display:flex;align-items:center;margin-top:20px}._operation_1scl2_44>i{margin-left:12px;cursor:pointer}._operation_1scl2_44 ._icon-rate_1scl2_54{display:inline-block;width:20px;height:20px;background:url(./images/icon_rate.png) no-repeat center;background-size:contain}._vue-cropper_1scl2_61{border-radius:5px;overflow:hidden}:deep(._el-dialog_1scl2_65){margin-bottom:10vh}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68{background:#fff;padding:15px 20px}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68 ._el-dialog__title_1scl2_72{color:#212121}:deep(._el-dialog_1scl2_65) ._el-dialog__header_1scl2_68 ._el-dialog__headerbtn_1scl2_75 ._el-dialog__close_1scl2_75{color:#212121}:deep(._el-dialog_1scl2_65) ._el-dialog__body_1scl2_78{padding-top:0}.vue-cropper[data-v-be5e5ddc]{position:relative;width:100%;height:100%;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;direction:ltr;touch-action:none;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-box[data-v-be5e5ddc],.cropper-box-canvas[data-v-be5e5ddc],.cropper-drag-box[data-v-be5e5ddc],.cropper-crop-box[data-v-be5e5ddc],.cropper-face[data-v-be5e5ddc]{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-box-canvas img[data-v-be5e5ddc]{position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:none;max-width:none;max-height:none}.cropper-box[data-v-be5e5ddc]{overflow:hidden}.cropper-move[data-v-be5e5ddc]{cursor:move}.cropper-crop[data-v-be5e5ddc]{cursor:crosshair}.cropper-modal[data-v-be5e5ddc]{background:rgba(0,0,0,.5)}.cropper-view-box[data-v-be5e5ddc]{display:block;overflow:hidden;width:100%;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-view-box img[data-v-be5e5ddc]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.cropper-face[data-v-be5e5ddc]{top:0;left:0;background-color:#fff;opacity:.1}.crop-info[data-v-be5e5ddc]{position:absolute;left:0px;min-width:65px;text-align:center;color:#fff;line-height:20px;background-color:rgba(0,0,0,.8);font-size:12px}.crop-line[data-v-be5e5ddc]{position:absolute;display:block;width:100%;height:100%;opacity:.1}.line-w[data-v-be5e5ddc]{top:-3px;left:0;height:5px;cursor:n-resize}.line-a[data-v-be5e5ddc]{top:0;left:-3px;width:5px;cursor:w-resize}.line-s[data-v-be5e5ddc]{bottom:-3px;left:0;height:5px;cursor:s-resize}.line-d[data-v-be5e5ddc]{top:0;right:-3px;width:5px;cursor:e-resize}.crop-point[data-v-be5e5ddc]{position:absolute;width:8px;height:8px;opacity:.75;background-color:#39f;border-radius:100%}.point1[data-v-be5e5ddc]{top:-4px;left:-4px;cursor:nw-resize}.point2[data-v-be5e5ddc]{top:-5px;left:50%;margin-left:-3px;cursor:n-resize}.point3[data-v-be5e5ddc]{top:-4px;right:-4px;cursor:ne-resize}.point4[data-v-be5e5ddc]{top:50%;left:-4px;margin-top:-3px;cursor:w-resize}.point5[data-v-be5e5ddc]{top:50%;right:-4px;margin-top:-3px;cursor:e-resize}.point6[data-v-be5e5ddc]{bottom:-5px;left:-4px;cursor:sw-resize}.point7[data-v-be5e5ddc]{bottom:-5px;left:50%;margin-left:-3px;cursor:s-resize}.point8[data-v-be5e5ddc]{bottom:-5px;right:-4px;cursor:se-resize}@media screen and (max-width: 500px){.crop-point[data-v-be5e5ddc]{position:absolute;width:20px;height:20px;opacity:.45;background-color:#39f;border-radius:100%}.point1[data-v-be5e5ddc]{top:-10px;left:-10px}.point2[data-v-be5e5ddc],.point4[data-v-be5e5ddc],.point5[data-v-be5e5ddc],.point7[data-v-be5e5ddc]{display:none}.point3[data-v-be5e5ddc]{top:-10px;right:-10px}.point4[data-v-be5e5ddc]{top:0;left:0}.point6[data-v-be5e5ddc]{bottom:-10px;left:-10px}.point8[data-v-be5e5ddc]{bottom:-10px;right:-10px}}\n";document.head.appendChild(__vite_style__);System.register(['./icon_upload-legacy.e1b38fd3.js','./vendor-legacy.f45053fa.js','./index-legacy.5f0c0cf4.js'],function(exports){'use strict';var iconUpload,defineComponent,createElementBlock,withDirectives,vShow,createBaseVNode,normalizeStyle,createCommentVNode,normalizeClass,toDisplayString,openBlock,request$1,ElMessage,createVNode,ElDialog,ElRow,ElCol,ElIcon,circle_plus_default,remove_default,createTextVNode,ElImage,ElButton,ElUpload,request;return{setters:[function(module){iconUpload=module.i;},function(module){defineComponent=module.d;createElementBlock=module.au;withDirectives=module.ap;vShow=module.aq;createBaseVNode=module.av;normalizeStyle=module.aw;createCommentVNode=module.ax;normalizeClass=module.ay;toDisplayString=module.az;openBlock=module.aA;request$1=module.aB;ElMessage=module.E;createVNode=module.c;ElDialog=module.G;ElRow=module.m;ElCol=module.n;ElIcon=module.k;circle_plus_default=module.aC;remove_default=module.aD;createTextVNode=module.a;ElImage=module.q;ElButton=module.j;ElUpload=module.aa;},function(module){request=module.r;}],execute:function execute(){var uploadSection="_uploadSection_1scl2_1";var uploadClass="_uploadClass_1scl2_11";var previewImg="_previewImg_1scl2_34";var operation="_operation_1scl2_44";var styles={uploadSection:uploadSection,uploadClass:uploadClass,"avatar-upload-preview_range":"_avatar-upload-preview_range_1scl2_19","avatar-upload-preview":"_avatar-upload-preview_1scl2_19",previewImg:previewImg,operation:operation,"icon-rate":"_icon-rate_1scl2_54","vue-cropper":"_vue-cropper_1scl2_61","el-dialog":"_el-dialog_1scl2_65","el-dialog__header":"_el-dialog__header_1scl2_68","el-dialog__title":"_el-dialog__title_1scl2_72","el-dialog__headerbtn":"_el-dialog__headerbtn_1scl2_75","el-dialog__close":"_el-dialog__close_1scl2_75","el-dialog__body":"_el-dialog__body_1scl2_78"};var Exif={};Exif.getData=function(img){return new Promise(function(reslove,reject){var obj={};getImageData(img).then(function(data){obj.arrayBuffer=data;obj.orientation=getOrientation(data);reslove(obj);}).catch(function(error){reject(error);});});};function getImageData(img){var data=null;return new Promise(function(reslove,reject){if(img.src){if(/^data\:/i.test(img.src)){data=base64ToArrayBuffer(img.src);reslove(data);}else if(/^blob\:/i.test(img.src)){var fileReader=new FileReader();fileReader.onload=function(e){data=e.target.result;reslove(data);};objectURLToBlob(img.src,function(blob){fileReader.readAsArrayBuffer(blob);});}else{var http=new XMLHttpRequest();http.onload=function(){if(this.status==200||this.status===0){data=http.response;reslove(data);}else{throw"Could not load image";}http=null;};http.open("GET",img.src,true);http.responseType="arraybuffer";http.send(null);}}else{reject("img error");}});}function objectURLToBlob(url,callback){var http=new XMLHttpRequest();http.open("GET",url,true);http.responseType="blob";http.onload=function(e){if(this.status==200||this.status===0){callback(this.response);}};http.send();}function base64ToArrayBuffer(base64){base64=base64.replace(/^data\:([^\;]+)\;base64,/gmi,"");var binary=atob(base64);var len=binary.length;var buffer=new ArrayBuffer(len);var view=new Uint8Array(buffer);for(var i=0;i<len;i++){view[i]=binary.charCodeAt(i);}return buffer;}function getStringFromCharCode(dataView,start,length){var str="";var i;for(i=start,length+=start;i<length;i++){str+=String.fromCharCode(dataView.getUint8(i));}return str;}function getOrientation(arrayBuffer){var dataView=new DataView(arrayBuffer);var length=dataView.byteLength;var orientation;var exifIDCode;var tiffOffset;var firstIFDOffset;var littleEndian;var endianness;var app1Start;var ifdStart;var offset;var i;if(dataView.getUint8(0)===255&&dataView.getUint8(1)===216){offset=2;while(offset<length){if(dataView.getUint8(offset)===255&&dataView.getUint8(offset+1)===225){app1Start=offset;break;}offset++;}}if(app1Start){exifIDCode=app1Start+4;tiffOffset=app1Start+10;if(getStringFromCharCode(dataView,exifIDCode,4)==="Exif"){endianness=dataView.getUint16(tiffOffset);littleEndian=endianness===18761;if(littleEndian||endianness===19789){if(dataView.getUint16(tiffOffset+2,littleEndian)===42){firstIFDOffset=dataView.getUint32(tiffOffset+4,littleEndian);if(firstIFDOffset>=8){ifdStart=tiffOffset+firstIFDOffset;}}}}}if(ifdStart){length=dataView.getUint16(ifdStart,littleEndian);for(i=0;i<length;i++){offset=ifdStart+i*12+2;if(dataView.getUint16(offset,littleEndian)===274){offset+=8;orientation=dataView.getUint16(offset,littleEndian);break;}}}return orientation;}var _export_sfc=function _export_sfc(sfc,props){var target=sfc.__vccOpts||sfc;var _iterator=_createForOfIteratorHelper(props),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _step$value=_slicedToArray(_step.value,2),key=_step$value[0],val=_step$value[1];target[key]=val;}}catch(err){_iterator.e(err);}finally{_iterator.f();}return target;};var _sfc_main=defineComponent({data:function data(){return{w:0,h:0,scale:1,x:0,y:0,loading:true,trueWidth:0,trueHeight:0,move:true,moveX:0,moveY:0,crop:false,cropping:false,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:false,canChangeY:false,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:false,rotate:0,isIos:false,orientation:0,imgs:"",coe:0.2,scaling:false,scalingSet:"",coeStatus:"",isCanShow:true};},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:true},canScale:{type:Boolean,default:true},autoCrop:{type:Boolean,default:false},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:false},fixedNumber:{type:Array,default:function _default(){return[1,1];}},fixedBox:{type:Boolean,default:false},full:{type:Boolean,default:false},canMove:{type:Boolean,default:true},canMoveBox:{type:Boolean,default:true},original:{type:Boolean,default:false},centerBox:{type:Boolean,default:false},high:{type:Boolean,default:true},infoTrue:{type:Boolean,default:false},maxImgSize:{type:[Number,String],default:2e3},enlarge:{type:[Number,String],default:1},preW:{type:[Number,String],default:0},mode:{type:String,default:"contain"},limitMinSize:{type:[Number,Array,String],default:function _default(){return 10;}}},computed:{cropInfo:function cropInfo(){var obj={};obj.top=this.cropOffsertY>21?"-21px":"0px";obj.width=this.cropW>0?this.cropW:0;obj.height=this.cropH>0?this.cropH:0;if(this.infoTrue){var dpr=1;if(this.high&&!this.full){dpr=window.devicePixelRatio;}if(this.enlarge!==1&!this.full){dpr=Math.abs(Number(this.enlarge));}obj.width=obj.width*dpr;obj.height=obj.height*dpr;if(this.full){obj.width=obj.width/this.scale;obj.height=obj.height/this.scale;}}obj.width=obj.width.toFixed(0);obj.height=obj.height.toFixed(0);return obj;},isIE:function isIE(){var isIE=!!window.ActiveXObject||"ActiveXObject"in window;return isIE;},passive:function passive(){return this.isIE?null:{passive:false};}},watch:{img:function img(){this.checkedImg();},imgs:function imgs(val){if(val===""){return;}this.reload();},cropW:function cropW(){this.showPreview();},cropH:function cropH(){this.showPreview();},cropOffsertX:function cropOffsertX(){this.showPreview();},cropOffsertY:function cropOffsertY(){this.showPreview();},scale:function scale(val,oldVal){this.showPreview();},x:function x(){this.showPreview();},y:function y(){this.showPreview();},autoCrop:function autoCrop(val){if(val){this.goAutoCrop();}},autoCropWidth:function autoCropWidth(){if(this.autoCrop){this.goAutoCrop();}},autoCropHeight:function autoCropHeight(){if(this.autoCrop){this.goAutoCrop();}},mode:function mode(){this.checkedImg();},rotate:function rotate(){this.showPreview();if(this.autoCrop){this.goAutoCrop(this.cropW,this.cropH);}else{if(this.cropW>0||this.cropH>0){this.goAutoCrop(this.cropW,this.cropH);}}}},methods:{getVersion:function getVersion(name){var arr=navigator.userAgent.split(" ");var chromeVersion="";var result=0;var reg=new RegExp(name,"i");for(var i=0;i<arr.length;i++){if(reg.test(arr[i]))chromeVersion=arr[i];}if(chromeVersion){result=chromeVersion.split("/")[1].split(".");}else{result=["0","0","0"];}return result;},checkOrientationImage:function checkOrientationImage(img,orientation,width,height){var _this=this;if(this.getVersion("chrome")[0]>=81){orientation=-1;}else{if(this.getVersion("safari")[0]>=605){var safariVersion=this.getVersion("version");if(safariVersion[0]>13&&safariVersion[1]>1){orientation=-1;}}else{var isIos=navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);if(isIos){var version=isIos[1];version=version.split("_");if(version[0]>13||version[0]>=13&&version[1]>=4){orientation=-1;}}}}var canvas=document.createElement("canvas");var ctx=canvas.getContext("2d");ctx.save();switch(orientation){case 2:canvas.width=width;canvas.height=height;ctx.translate(width,0);ctx.scale(-1,1);break;case 3:canvas.width=width;canvas.height=height;ctx.translate(width/2,height/2);ctx.rotate(180*Math.PI/180);ctx.translate(-width/2,-height/2);break;case 4:canvas.width=width;canvas.height=height;ctx.translate(0,height);ctx.scale(1,-1);break;case 5:canvas.height=width;canvas.width=height;ctx.rotate(0.5*Math.PI);ctx.scale(1,-1);break;case 6:canvas.width=height;canvas.height=width;ctx.translate(height/2,width/2);ctx.rotate(90*Math.PI/180);ctx.translate(-width/2,-height/2);break;case 7:canvas.height=width;canvas.width=height;ctx.rotate(0.5*Math.PI);ctx.translate(width,-height);ctx.scale(-1,1);break;case 8:canvas.height=width;canvas.width=height;ctx.translate(height/2,width/2);ctx.rotate(-90*Math.PI/180);ctx.translate(-width/2,-height/2);break;default:canvas.width=width;canvas.height=height;}ctx.drawImage(img,0,0,width,height);ctx.restore();canvas.toBlob(function(blob){var data=URL.createObjectURL(blob);URL.revokeObjectURL(_this.imgs);_this.imgs=data;},"image/"+this.outputType,1);},checkedImg:function checkedImg(){var _this2=this;if(this.img===null||this.img===""){this.imgs="";this.clearCrop();return;}this.loading=true;this.scale=1;this.rotate=0;this.clearCrop();var img=new Image();img.onload=function(){if(_this2.img===""){_this2.$emit("img-load","error");return false;}var width=img.width;var height=img.height;Exif.getData(img).then(function(data){_this2.orientation=data.orientation||1;var max=Number(_this2.maxImgSize);if(!_this2.orientation&&width<max&height<max){_this2.imgs=_this2.img;return;}if(width>max){height=height/width*max;width=max;}if(height>max){width=width/height*max;height=max;}_this2.checkOrientationImage(img,_this2.orientation,width,height);});};img.onerror=function(){_this2.$emit("img-load","error");};if(this.img.substr(0,4)!=="data"){img.crossOrigin="";}if(this.isIE){var xhr=new XMLHttpRequest();xhr.onload=function(){var url=URL.createObjectURL(this.response);img.src=url;};xhr.open("GET",this.img,true);xhr.responseType="blob";xhr.send();}else{img.src=this.img;}},startMove:function startMove(e){e.preventDefault();if(this.move&&!this.crop){if(!this.canMove){return false;}this.moveX=("clientX"in e?e.clientX:e.touches[0].clientX)-this.x;this.moveY=("clientY"in e?e.clientY:e.touches[0].clientY)-this.y;if(e.touches){window.addEventListener("touchmove",this.moveImg);window.addEventListener("touchend",this.leaveImg);if(e.touches.length==2){this.touches=e.touches;window.addEventListener("touchmove",this.touchScale);window.addEventListener("touchend",this.cancelTouchScale);}}else{window.addEventListener("mousemove",this.moveImg);window.addEventListener("mouseup",this.leaveImg);}this.$emit("imgMoving",{moving:true,axis:this.getImgAxis()});this.$emit("img-moving",{moving:true,axis:this.getImgAxis()});}else{this.cropping=true;window.addEventListener("mousemove",this.createCrop);window.addEventListener("mouseup",this.endCrop);window.addEventListener("touchmove",this.createCrop);window.addEventListener("touchend",this.endCrop);this.cropOffsertX=e.offsetX?e.offsetX:e.touches[0].pageX-this.$refs.cropper.offsetLeft;this.cropOffsertY=e.offsetY?e.offsetY:e.touches[0].pageY-this.$refs.cropper.offsetTop;this.cropX="clientX"in e?e.clientX:e.touches[0].clientX;this.cropY="clientY"in e?e.clientY:e.touches[0].clientY;this.cropChangeX=this.cropOffsertX;this.cropChangeY=this.cropOffsertY;this.cropW=0;this.cropH=0;}},touchScale:function touchScale(e){var _this3=this;e.preventDefault();var scale=this.scale;var oldTouch1={x:this.touches[0].clientX,y:this.touches[0].clientY};var newTouch1={x:e.touches[0].clientX,y:e.touches[0].clientY};var oldTouch2={x:this.touches[1].clientX,y:this.touches[1].clientY};var newTouch2={x:e.touches[1].clientX,y:e.touches[1].clientY};var oldL=Math.sqrt(Math.pow(oldTouch1.x-oldTouch2.x,2)+Math.pow(oldTouch1.y-oldTouch2.y,2));var newL=Math.sqrt(Math.pow(newTouch1.x-newTouch2.x,2)+Math.pow(newTouch1.y-newTouch2.y,2));var cha=newL-oldL;var coe=1;coe=coe/this.trueWidth>coe/this.trueHeight?coe/this.trueHeight:coe/this.trueWidth;coe=coe>0.1?0.1:coe;var num=coe*cha;if(!this.touchNow){this.touchNow=true;if(cha>0){scale+=Math.abs(num);}else if(cha<0){scale>Math.abs(num)?scale-=Math.abs(num):scale;}this.touches=e.touches;setTimeout(function(){_this3.touchNow=false;},8);if(!this.checkoutImgAxis(this.x,this.y,scale)){return false;}this.scale=scale;}},cancelTouchScale:function cancelTouchScale(e){window.removeEventListener("touchmove",this.touchScale);},moveImg:function moveImg(e){var _this4=this;e.preventDefault();if(e.touches&&e.touches.length===2){this.touches=e.touches;window.addEventListener("touchmove",this.touchScale);window.addEventListener("touchend",this.cancelTouchScale);window.removeEventListener("touchmove",this.moveImg);return false;}var nowX="clientX"in e?e.clientX:e.touches[0].clientX;var nowY="clientY"in e?e.clientY:e.touches[0].clientY;var changeX,changeY;changeX=nowX-this.moveX;changeY=nowY-this.moveY;this.$nextTick(function(){if(_this4.centerBox){var axis=_this4.getImgAxis(changeX,changeY,_this4.scale);var cropAxis=_this4.getCropAxis();var imgW=_this4.trueHeight*_this4.scale;var imgH=_this4.trueWidth*_this4.scale;var maxLeft,maxTop,maxRight,maxBottom;switch(_this4.rotate){case 1:case-1:case 3:case-3:maxLeft=_this4.cropOffsertX-_this4.trueWidth*(1-_this4.scale)/2+(imgW-imgH)/2;maxTop=_this4.cropOffsertY-_this4.trueHeight*(1-_this4.scale)/2+(imgH-imgW)/2;maxRight=maxLeft-imgW+_this4.cropW;maxBottom=maxTop-imgH+_this4.cropH;break;default:maxLeft=_this4.cropOffsertX-_this4.trueWidth*(1-_this4.scale)/2;maxTop=_this4.cropOffsertY-_this4.trueHeight*(1-_this4.scale)/2;maxRight=maxLeft-imgH+_this4.cropW;maxBottom=maxTop-imgW+_this4.cropH;break;}if(axis.x1>=cropAxis.x1){changeX=maxLeft;}if(axis.y1>=cropAxis.y1){changeY=maxTop;}if(axis.x2<=cropAxis.x2){changeX=maxRight;}if(axis.y2<=cropAxis.y2){changeY=maxBottom;}}_this4.x=changeX;_this4.y=changeY;_this4.$emit("imgMoving",{moving:true,axis:_this4.getImgAxis()});_this4.$emit("img-moving",{moving:true,axis:_this4.getImgAxis()});});},leaveImg:function leaveImg(e){window.removeEventListener("mousemove",this.moveImg);window.removeEventListener("touchmove",this.moveImg);window.removeEventListener("mouseup",this.leaveImg);window.removeEventListener("touchend",this.leaveImg);this.$emit("imgMoving",{moving:false,axis:this.getImgAxis()});this.$emit("img-moving",{moving:false,axis:this.getImgAxis()});},scaleImg:function scaleImg(){if(this.canScale){window.addEventListener(this.support,this.changeSize,this.passive);}},cancelScale:function cancelScale(){if(this.canScale){window.removeEventListener(this.support,this.changeSize);}},changeSize:function changeSize(e){var _this5=this;e.preventDefault();var scale=this.scale;var change=e.deltaY||e.wheelDelta;var isFirefox=navigator.userAgent.indexOf("Firefox");change=isFirefox>0?change*30:change;if(this.isIE){change=-change;}var coe=this.coe;coe=coe/this.trueWidth>coe/this.trueHeight?coe/this.trueHeight:coe/this.trueWidth;var num=coe*change;num<0?scale+=Math.abs(num):scale>Math.abs(num)?scale-=Math.abs(num):scale;var status=num<0?"add":"reduce";if(status!==this.coeStatus){this.coeStatus=status;this.coe=0.2;}if(!this.scaling){this.scalingSet=setTimeout(function(){_this5.scaling=false;_this5.coe=_this5.coe+=0.01;},50);}this.scaling=true;if(!this.checkoutImgAxis(this.x,this.y,scale)){return false;}this.scale=scale;},changeScale:function changeScale(num){var scale=this.scale;num=num||1;var coe=20;coe=coe/this.trueWidth>coe/this.trueHeight?coe/this.trueHeight:coe/this.trueWidth;num=num*coe;num>0?scale+=Math.abs(num):scale>Math.abs(num)?scale-=Math.abs(num):scale;if(!this.checkoutImgAxis(this.x,this.y,scale)){return false;}this.scale=scale;},createCrop:function createCrop(e){var _this6=this;e.preventDefault();var nowX="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0;var nowY="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;this.$nextTick(function(){var fw=nowX-_this6.cropX;var fh=nowY-_this6.cropY;if(fw>0){_this6.cropW=fw+_this6.cropChangeX>_this6.w?_this6.w-_this6.cropChangeX:fw;_this6.cropOffsertX=_this6.cropChangeX;}else{_this6.cropW=_this6.w-_this6.cropChangeX+Math.abs(fw)>_this6.w?_this6.cropChangeX:Math.abs(fw);_this6.cropOffsertX=_this6.cropChangeX+fw>0?_this6.cropChangeX+fw:0;}if(!_this6.fixed){if(fh>0){_this6.cropH=fh+_this6.cropChangeY>_this6.h?_this6.h-_this6.cropChangeY:fh;_this6.cropOffsertY=_this6.cropChangeY;}else{_this6.cropH=_this6.h-_this6.cropChangeY+Math.abs(fh)>_this6.h?_this6.cropChangeY:Math.abs(fh);_this6.cropOffsertY=_this6.cropChangeY+fh>0?_this6.cropChangeY+fh:0;}}else{var fixedHeight=_this6.cropW/_this6.fixedNumber[0]*_this6.fixedNumber[1];if(fixedHeight+_this6.cropOffsertY>_this6.h){_this6.cropH=_this6.h-_this6.cropOffsertY;_this6.cropW=_this6.cropH/_this6.fixedNumber[1]*_this6.fixedNumber[0];if(fw>0){_this6.cropOffsertX=_this6.cropChangeX;}else{_this6.cropOffsertX=_this6.cropChangeX-_this6.cropW;}}else{_this6.cropH=fixedHeight;}_this6.cropOffsertY=_this6.cropOffsertY;}});},changeCropSize:function changeCropSize(e,w,h,typeW,typeH){e.preventDefault();window.addEventListener("mousemove",this.changeCropNow);window.addEventListener("mouseup",this.changeCropEnd);window.addEventListener("touchmove",this.changeCropNow);window.addEventListener("touchend",this.changeCropEnd);this.canChangeX=w;this.canChangeY=h;this.changeCropTypeX=typeW;this.changeCropTypeY=typeH;this.cropX="clientX"in e?e.clientX:e.touches[0].clientX;this.cropY="clientY"in e?e.clientY:e.touches[0].clientY;this.cropOldW=this.cropW;this.cropOldH=this.cropH;this.cropChangeX=this.cropOffsertX;this.cropChangeY=this.cropOffsertY;if(this.fixed){if(this.canChangeX&&this.canChangeY){this.canChangeY=0;}}this.$emit("change-crop-size",{width:this.cropW,height:this.cropH});},changeCropNow:function changeCropNow(e){var _this7=this;e.preventDefault();var nowX="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0;var nowY="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;var wrapperW=this.w;var wrapperH=this.h;var minX=0;var minY=0;if(this.centerBox){var axis=this.getImgAxis();var imgW=axis.x2;var imgH=axis.y2;minX=axis.x1>0?axis.x1:0;minY=axis.y1>0?axis.y1:0;if(wrapperW>imgW){wrapperW=imgW;}if(wrapperH>imgH){wrapperH=imgH;}}this.$nextTick(function(){var fw=nowX-_this7.cropX;var fh=nowY-_this7.cropY;if(_this7.canChangeX){if(_this7.changeCropTypeX===1){if(_this7.cropOldW-fw>0){_this7.cropW=wrapperW-_this7.cropChangeX-fw<=wrapperW-minX?_this7.cropOldW-fw:_this7.cropOldW+_this7.cropChangeX-minX;_this7.cropOffsertX=wrapperW-_this7.cropChangeX-fw<=wrapperW-minX?_this7.cropChangeX+fw:minX;}else{_this7.cropW=Math.abs(fw)+_this7.cropChangeX<=wrapperW?Math.abs(fw)-_this7.cropOldW:wrapperW-_this7.cropOldW-_this7.cropChangeX;_this7.cropOffsertX=_this7.cropChangeX+_this7.cropOldW;}}else if(_this7.changeCropTypeX===2){if(_this7.cropOldW+fw>0){_this7.cropW=_this7.cropOldW+fw+_this7.cropOffsertX<=wrapperW?_this7.cropOldW+fw:wrapperW-_this7.cropOffsertX;_this7.cropOffsertX=_this7.cropChangeX;}else{_this7.cropW=wrapperW-_this7.cropChangeX+Math.abs(fw+_this7.cropOldW)<=wrapperW-minX?Math.abs(fw+_this7.cropOldW):_this7.cropChangeX-minX;_this7.cropOffsertX=wrapperW-_this7.cropChangeX+Math.abs(fw+_this7.cropOldW)<=wrapperW-minX?_this7.cropChangeX-Math.abs(fw+_this7.cropOldW):minX;}}}if(_this7.canChangeY){if(_this7.changeCropTypeY===1){if(_this7.cropOldH-fh>0){_this7.cropH=wrapperH-_this7.cropChangeY-fh<=wrapperH-minY?_this7.cropOldH-fh:_this7.cropOldH+_this7.cropChangeY-minY;_this7.cropOffsertY=wrapperH-_this7.cropChangeY-fh<=wrapperH-minY?_this7.cropChangeY+fh:minY;}else{_this7.cropH=Math.abs(fh)+_this7.cropChangeY<=wrapperH?Math.abs(fh)-_this7.cropOldH:wrapperH-_this7.cropOldH-_this7.cropChangeY;_this7.cropOffsertY=_this7.cropChangeY+_this7.cropOldH;}}else if(_this7.changeCropTypeY===2){if(_this7.cropOldH+fh>0){_this7.cropH=_this7.cropOldH+fh+_this7.cropOffsertY<=wrapperH?_this7.cropOldH+fh:wrapperH-_this7.cropOffsertY;_this7.cropOffsertY=_this7.cropChangeY;}else{_this7.cropH=wrapperH-_this7.cropChangeY+Math.abs(fh+_this7.cropOldH)<=wrapperH-minY?Math.abs(fh+_this7.cropOldH):_this7.cropChangeY-minY;_this7.cropOffsertY=wrapperH-_this7.cropChangeY+Math.abs(fh+_this7.cropOldH)<=wrapperH-minY?_this7.cropChangeY-Math.abs(fh+_this7.cropOldH):minY;}}}if(_this7.canChangeX&&_this7.fixed){var fixedHeight=_this7.cropW/_this7.fixedNumber[0]*_this7.fixedNumber[1];if(fixedHeight+_this7.cropOffsertY>wrapperH){_this7.cropH=wrapperH-_this7.cropOffsertY;_this7.cropW=_this7.cropH/_this7.fixedNumber[1]*_this7.fixedNumber[0];}else{_this7.cropH=fixedHeight;}}if(_this7.canChangeY&&_this7.fixed){var fixedWidth=_this7.cropH/_this7.fixedNumber[1]*_this7.fixedNumber[0];if(fixedWidth+_this7.cropOffsertX>wrapperW){_this7.cropW=wrapperW-_this7.cropOffsertX;_this7.cropH=_this7.cropW/_this7.fixedNumber[0]*_this7.fixedNumber[1];}else{_this7.cropW=fixedWidth;}}});},checkCropLimitSize:function checkCropLimitSize(){var cropW=this.cropW,cropH=this.cropH,limitMinSize=this.limitMinSize;var limitMinNum=new Array();if(!Array.isArray[limitMinSize]){limitMinNum=[limitMinSize,limitMinSize];}else{limitMinNum=limitMinSize;}cropW=parseFloat(limitMinNum[0]);cropH=parseFloat(limitMinNum[1]);return[cropW,cropH];},changeCropEnd:function changeCropEnd(e){window.removeEventListener("mousemove",this.changeCropNow);window.removeEventListener("mouseup",this.changeCropEnd);window.removeEventListener("touchmove",this.changeCropNow);window.removeEventListener("touchend",this.changeCropEnd);},endCrop:function endCrop(){if(this.cropW===0&&this.cropH===0){this.cropping=false;}window.removeEventListener("mousemove",this.createCrop);window.removeEventListener("mouseup",this.endCrop);window.removeEventListener("touchmove",this.createCrop);window.removeEventListener("touchend",this.endCrop);},startCrop:function startCrop(){this.crop=true;},stopCrop:function stopCrop(){this.crop=false;},clearCrop:function clearCrop(){this.cropping=false;this.cropW=0;this.cropH=0;},cropMove:function cropMove(e){e.preventDefault();if(!this.canMoveBox){this.crop=false;this.startMove(e);return false;}if(e.touches&&e.touches.length===2){this.crop=false;this.startMove(e);this.leaveCrop();return false;}window.addEventListener("mousemove",this.moveCrop);window.addEventListener("mouseup",this.leaveCrop);window.addEventListener("touchmove",this.moveCrop);window.addEventListener("touchend",this.leaveCrop);var x="clientX"in e?e.clientX:e.touches[0].clientX;var y="clientY"in e?e.clientY:e.touches[0].clientY;var newX,newY;newX=x-this.cropOffsertX;newY=y-this.cropOffsertY;this.cropX=newX;this.cropY=newY;this.$emit("cropMoving",{moving:true,axis:this.getCropAxis()});this.$emit("crop-moving",{moving:true,axis:this.getCropAxis()});},moveCrop:function moveCrop(e,isMove){var _this8=this;var nowX=0;var nowY=0;if(e){e.preventDefault();nowX="clientX"in e?e.clientX:e.touches[0].clientX;nowY="clientY"in e?e.clientY:e.touches[0].clientY;}this.$nextTick(function(){var cx,cy;var fw=nowX-_this8.cropX;var fh=nowY-_this8.cropY;if(isMove){fw=_this8.cropOffsertX;fh=_this8.cropOffsertY;}if(fw<=0){cx=0;}else if(fw+_this8.cropW>_this8.w){cx=_this8.w-_this8.cropW;}else{cx=fw;}if(fh<=0){cy=0;}else if(fh+_this8.cropH>_this8.h){cy=_this8.h-_this8.cropH;}else{cy=fh;}if(_this8.centerBox){var axis=_this8.getImgAxis();if(cx<=axis.x1){cx=axis.x1;}if(cx+_this8.cropW>axis.x2){cx=axis.x2-_this8.cropW;}if(cy<=axis.y1){cy=axis.y1;}if(cy+_this8.cropH>axis.y2){cy=axis.y2-_this8.cropH;}}_this8.cropOffsertX=cx;_this8.cropOffsertY=cy;_this8.$emit("cropMoving",{moving:true,axis:_this8.getCropAxis()});_this8.$emit("crop-moving",{moving:true,axis:_this8.getCropAxis()});});},getImgAxis:function getImgAxis(x,y,scale){x=x||this.x;y=y||this.y;scale=scale||this.scale;var obj={x1:0,x2:0,y1:0,y2:0};var imgW=this.trueWidth*scale;var imgH=this.trueHeight*scale;switch(this.rotate){case 0:obj.x1=x+this.trueWidth*(1-scale)/2;obj.x2=obj.x1+this.trueWidth*scale;obj.y1=y+this.trueHeight*(1-scale)/2;obj.y2=obj.y1+this.trueHeight*scale;break;case 1:case-1:case 3:case-3:obj.x1=x+this.trueWidth*(1-scale)/2+(imgW-imgH)/2;obj.x2=obj.x1+this.trueHeight*scale;obj.y1=y+this.trueHeight*(1-scale)/2+(imgH-imgW)/2;obj.y2=obj.y1+this.trueWidth*scale;break;default:obj.x1=x+this.trueWidth*(1-scale)/2;obj.x2=obj.x1+this.trueWidth*scale;obj.y1=y+this.trueHeight*(1-scale)/2;obj.y2=obj.y1+this.trueHeight*scale;break;}return obj;},getCropAxis:function getCropAxis(){var obj={x1:0,x2:0,y1:0,y2:0};obj.x1=this.cropOffsertX;obj.x2=obj.x1+this.cropW;obj.y1=this.cropOffsertY;obj.y2=obj.y1+this.cropH;return obj;},leaveCrop:function leaveCrop(e){window.removeEventListener("mousemove",this.moveCrop);window.removeEventListener("mouseup",this.leaveCrop);window.removeEventListener("touchmove",this.moveCrop);window.removeEventListener("touchend",this.leaveCrop);this.$emit("cropMoving",{moving:false,axis:this.getCropAxis()});this.$emit("crop-moving",{moving:false,axis:this.getCropAxis()});},getCropChecked:function getCropChecked(cb){var _this9=this;var canvas=document.createElement("canvas");var img=new Image();var rotate=this.rotate;var trueWidth=this.trueWidth;var trueHeight=this.trueHeight;var cropOffsertX=this.cropOffsertX;var cropOffsertY=this.cropOffsertY;img.onload=function(){if(_this9.cropW!==0){var ctx=canvas.getContext("2d");var dpr=1;if(_this9.high&!_this9.full){dpr=window.devicePixelRatio;}if(_this9.enlarge!==1&!_this9.full){dpr=Math.abs(Number(_this9.enlarge));}var width=_this9.cropW*dpr;var height=_this9.cropH*dpr;var imgW=trueWidth*_this9.scale*dpr;var imgH=trueHeight*_this9.scale*dpr;var dx=(_this9.x-cropOffsertX+_this9.trueWidth*(1-_this9.scale)/2)*dpr;var dy=(_this9.y-cropOffsertY+_this9.trueHeight*(1-_this9.scale)/2)*dpr;setCanvasSize(width,height);ctx.save();switch(rotate){case 0:if(!_this9.full){ctx.drawImage(img,dx,dy,imgW,imgH);}else{setCanvasSize(width/_this9.scale,height/_this9.scale);ctx.drawImage(img,dx/_this9.scale,dy/_this9.scale,imgW/_this9.scale,imgH/_this9.scale);}break;case 1:case-3:if(!_this9.full){dx=dx+(imgW-imgH)/2;dy=dy+(imgH-imgW)/2;ctx.rotate(rotate*90*Math.PI/180);ctx.drawImage(img,dy,-dx-imgH,imgW,imgH);}else{setCanvasSize(width/_this9.scale,height/_this9.scale);dx=dx/_this9.scale+(imgW/_this9.scale-imgH/_this9.scale)/2;dy=dy/_this9.scale+(imgH/_this9.scale-imgW/_this9.scale)/2;ctx.rotate(rotate*90*Math.PI/180);ctx.drawImage(img,dy,-dx-imgH/_this9.scale,imgW/_this9.scale,imgH/_this9.scale);}break;case 2:case-2:if(!_this9.full){ctx.rotate(rotate*90*Math.PI/180);ctx.drawImage(img,-dx-imgW,-dy-imgH,imgW,imgH);}else{setCanvasSize(width/_this9.scale,height/_this9.scale);ctx.rotate(rotate*90*Math.PI/180);dx=dx/_this9.scale;dy=dy/_this9.scale;ctx.drawImage(img,-dx-imgW/_this9.scale,-dy-imgH/_this9.scale,imgW/_this9.scale,imgH/_this9.scale);}break;case 3:case-1:if(!_this9.full){dx=dx+(imgW-imgH)/2;dy=dy+(imgH-imgW)/2;ctx.rotate(rotate*90*Math.PI/180);ctx.drawImage(img,-dy-imgW,dx,imgW,imgH);}else{setCanvasSize(width/_this9.scale,height/_this9.scale);dx=dx/_this9.scale+(imgW/_this9.scale-imgH/_this9.scale)/2;dy=dy/_this9.scale+(imgH/_this9.scale-imgW/_this9.scale)/2;ctx.rotate(rotate*90*Math.PI/180);ctx.drawImage(img,-dy-imgW/_this9.scale,dx,imgW/_this9.scale,imgH/_this9.scale);}break;default:if(!_this9.full){ctx.drawImage(img,dx,dy,imgW,imgH);}else{setCanvasSize(width/_this9.scale,height/_this9.scale);ctx.drawImage(img,dx/_this9.scale,dy/_this9.scale,imgW/_this9.scale,imgH/_this9.scale);}}ctx.restore();}else{var _width=trueWidth*_this9.scale;var _height=trueHeight*_this9.scale;var _ctx2=canvas.getContext("2d");_ctx2.save();switch(rotate){case 0:setCanvasSize(_width,_height);_ctx2.drawImage(img,0,0,_width,_height);break;case 1:case-3:setCanvasSize(_height,_width);_ctx2.rotate(rotate*90*Math.PI/180);_ctx2.drawImage(img,0,-_height,_width,_height);break;case 2:case-2:setCanvasSize(_width,_height);_ctx2.rotate(rotate*90*Math.PI/180);_ctx2.drawImage(img,-_width,-_height,_width,_height);break;case 3:case-1:setCanvasSize(_height,_width);_ctx2.rotate(rotate*90*Math.PI/180);_ctx2.drawImage(img,-_width,0,_width,_height);break;default:setCanvasSize(_width,_height);_ctx2.drawImage(img,0,0,_width,_height);}_ctx2.restore();}cb(canvas);};var s=this.img.substr(0,4);if(s!=="data"){img.crossOrigin="Anonymous";}img.src=this.imgs;function setCanvasSize(width,height){canvas.width=Math.round(width);canvas.height=Math.round(height);}},getCropData:function getCropData(cb){var _this10=this;this.getCropChecked(function(data){cb(data.toDataURL("image/"+_this10.outputType,_this10.outputSize));});},getCropBlob:function getCropBlob(cb){var _this11=this;this.getCropChecked(function(data){data.toBlob(function(blob){return cb(blob);},"image/"+_this11.outputType,_this11.outputSize);});},showPreview:function showPreview(){var _this12=this;if(this.isCanShow){this.isCanShow=false;setTimeout(function(){_this12.isCanShow=true;},16);}else{return false;}var w=this.cropW;var h=this.cropH;var scale=this.scale;var obj={};obj.div={width:"".concat(w,"px"),height:"".concat(h,"px")};var transformX=(this.x-this.cropOffsertX)/scale;var transformY=(this.y-this.cropOffsertY)/scale;var transformZ=0;obj.w=w;obj.h=h;obj.url=this.imgs;obj.img={width:"".concat(this.trueWidth,"px"),height:"".concat(this.trueHeight,"px"),transform:"scale(".concat(scale,")translate3d(").concat(transformX,"px, ").concat(transformY,"px, ").concat(transformZ,"px)rotateZ(").concat(this.rotate*90,"deg)")};obj.html="\n      <div class=\"show-preview\" style=\"width: ".concat(obj.w,"px; height: ").concat(obj.h,"px,; overflow: hidden\">\n        <div style=\"width: ").concat(w,"px; height: ").concat(h,"px\">\n          <img src=").concat(obj.url," style=\"width: ").concat(this.trueWidth,"px; height: ").concat(this.trueHeight,"px; transform:\n          scale(").concat(scale,")translate3d(").concat(transformX,"px, ").concat(transformY,"px, ").concat(transformZ,"px)rotateZ(").concat(this.rotate*90,"deg)\">\n        </div>\n      </div>");this.$emit("realTime",obj);this.$emit("real-time",obj);},reload:function reload(){var _this13=this;var img=new Image();img.onload=function(){_this13.w=parseFloat(window.getComputedStyle(_this13.$refs.cropper).width);_this13.h=parseFloat(window.getComputedStyle(_this13.$refs.cropper).height);_this13.trueWidth=img.width;_this13.trueHeight=img.height;if(!_this13.original){_this13.scale=_this13.checkedMode();}else{_this13.scale=1;}_this13.$nextTick(function(){_this13.x=-(_this13.trueWidth-_this13.trueWidth*_this13.scale)/2+(_this13.w-_this13.trueWidth*_this13.scale)/2;_this13.y=-(_this13.trueHeight-_this13.trueHeight*_this13.scale)/2+(_this13.h-_this13.trueHeight*_this13.scale)/2;_this13.loading=false;if(_this13.autoCrop){_this13.goAutoCrop();}_this13.$emit("img-load","success");_this13.$emit("imgLoad","success");setTimeout(function(){_this13.showPreview();},20);});};img.onerror=function(){_this13.$emit("imgLoad","error");_this13.$emit("img-load","error");};img.src=this.imgs;},checkedMode:function checkedMode(){var scale=1;var imgW=this.trueWidth;var imgH=this.trueHeight;var arr=this.mode.split(" ");switch(arr[0]){case"contain":if(this.trueWidth>this.w){scale=this.w/this.trueWidth;}if(this.trueHeight*scale>this.h){scale=this.h/this.trueHeight;}break;case"cover":imgW=this.w;scale=imgW/this.trueWidth;imgH=imgH*scale;if(imgH<this.h){imgH=this.h;scale=imgH/this.trueHeight;}break;default:try{var str=arr[0];if(str.search("px")!==-1){str=str.replace("px","");imgW=parseFloat(str);var scaleX=imgW/this.trueWidth;var scaleY=1;var strH=arr[1];if(strH.search("px")!==-1){strH=strH.replace("px","");imgH=parseFloat(strH);scaleY=imgH/this.trueHeight;}scale=Math.min(scaleX,scaleY);}if(str.search("%")!==-1){str=str.replace("%","");imgW=parseFloat(str)/100*this.w;scale=imgW/this.trueWidth;}if(arr.length===2&&str==="auto"){var str2=arr[1];if(str2.search("px")!==-1){str2=str2.replace("px","");imgH=parseFloat(str2);scale=imgH/this.trueHeight;}if(str2.search("%")!==-1){str2=str2.replace("%","");imgH=parseFloat(str2)/100*this.h;scale=imgH/this.trueHeight;}}}catch(error){scale=1;}}return scale;},goAutoCrop:function goAutoCrop(cw,ch){if(this.imgs===""||this.imgs===null)return;this.clearCrop();this.cropping=true;var maxWidth=this.w;var maxHeight=this.h;if(this.centerBox){var switchWH=Math.abs(this.rotate)%2>0;var imgW=(switchWH?this.trueHeight:this.trueWidth)*this.scale;var imgH=(switchWH?this.trueWidth:this.trueHeight)*this.scale;maxWidth=imgW<maxWidth?imgW:maxWidth;maxHeight=imgH<maxHeight?imgH:maxHeight;}var w=cw?cw:parseFloat(this.autoCropWidth);var h=ch?ch:parseFloat(this.autoCropHeight);if(w===0||h===0){w=maxWidth*0.8;h=maxHeight*0.8;}w=w>maxWidth?maxWidth:w;h=h>maxHeight?maxHeight:h;if(this.fixed){h=w/this.fixedNumber[0]*this.fixedNumber[1];}if(h>this.h){h=this.h;w=h/this.fixedNumber[1]*this.fixedNumber[0];}this.changeCrop(w,h);},changeCrop:function changeCrop(w,h){var _this14=this;if(this.centerBox){var axis=this.getImgAxis();if(w>axis.x2-axis.x1){w=axis.x2-axis.x1;h=w/this.fixedNumber[0]*this.fixedNumber[1];}if(h>axis.y2-axis.y1){h=axis.y2-axis.y1;w=h/this.fixedNumber[1]*this.fixedNumber[0];}}this.cropW=w;this.cropH=h;this.checkCropLimitSize();this.$nextTick(function(){_this14.cropOffsertX=(_this14.w-_this14.cropW)/2;_this14.cropOffsertY=(_this14.h-_this14.cropH)/2;if(_this14.centerBox){_this14.moveCrop(null,true);}});},refresh:function refresh(){var _this15=this;this.img;this.imgs="";this.scale=1;this.crop=false;this.rotate=0;this.w=0;this.h=0;this.trueWidth=0;this.trueHeight=0;this.clearCrop();this.$nextTick(function(){_this15.checkedImg();});},rotateLeft:function rotateLeft(){this.rotate=this.rotate<=-3?0:this.rotate-1;},rotateRight:function rotateRight(){this.rotate=this.rotate>=3?0:this.rotate+1;},rotateClear:function rotateClear(){this.rotate=0;},checkoutImgAxis:function checkoutImgAxis(x,y,scale){x=x||this.x;y=y||this.y;scale=scale||this.scale;var canGo=true;if(this.centerBox){var axis=this.getImgAxis(x,y,scale);var cropAxis=this.getCropAxis();if(axis.x1>=cropAxis.x1){canGo=false;}if(axis.x2<=cropAxis.x2){canGo=false;}if(axis.y1>=cropAxis.y1){canGo=false;}if(axis.y2<=cropAxis.y2){canGo=false;}}return canGo;}},mounted:function mounted(){this.support="onwheel"in document.createElement("div")?"wheel":document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll";var that=this;var u=navigator.userAgent;this.isIOS=!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if(!HTMLCanvasElement.prototype.toBlob){Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function value(callback,type,quality){var binStr=atob(this.toDataURL(type,quality).split(",")[1]),len=binStr.length,arr=new Uint8Array(len);for(var i=0;i<len;i++){arr[i]=binStr.charCodeAt(i);}callback(new Blob([arr],{type:that.type||"image/png"}));}});}this.showPreview();this.checkedImg();},destroyed:function destroyed(){window.removeEventListener("mousemove",this.moveCrop);window.removeEventListener("mouseup",this.leaveCrop);window.removeEventListener("touchmove",this.moveCrop);window.removeEventListener("touchend",this.leaveCrop);this.cancelScale();}});var _hoisted_1={key:0,class:"cropper-box"};var _hoisted_2=["src"];var _hoisted_3={class:"cropper-view-box"};var _hoisted_4=["src"];var _hoisted_5={key:1};function _sfc_render(_ctx,_cache,$props,$setup,$data,$options){return openBlock(),createElementBlock("div",{class:"vue-cropper",ref:"cropper",onMouseover:_cache[28]||(_cache[28]=function(){return _ctx.scaleImg&&_ctx.scaleImg.apply(_ctx,arguments);}),onMouseout:_cache[29]||(_cache[29]=function(){return _ctx.cancelScale&&_ctx.cancelScale.apply(_ctx,arguments);})},[_ctx.imgs?(openBlock(),createElementBlock("div",_hoisted_1,[withDirectives(createBaseVNode("div",{class:"cropper-box-canvas",style:normalizeStyle({"width":_ctx.trueWidth+"px","height":_ctx.trueHeight+"px","transform":"scale("+_ctx.scale+","+_ctx.scale+") translate3d("+_ctx.x/_ctx.scale+"px,"+_ctx.y/_ctx.scale+"px,0)rotateZ("+_ctx.rotate*90+"deg)"})},[createBaseVNode("img",{src:_ctx.imgs,alt:"cropper-img",ref:"cropperImg"},null,8,_hoisted_2)],4),[[vShow,!_ctx.loading]])])):createCommentVNode("",true),createBaseVNode("div",{class:normalizeClass(["cropper-drag-box",{"cropper-move":_ctx.move&&!_ctx.crop,"cropper-crop":_ctx.crop,"cropper-modal":_ctx.cropping}]),onMousedown:_cache[0]||(_cache[0]=function(){return _ctx.startMove&&_ctx.startMove.apply(_ctx,arguments);}),onTouchstart:_cache[1]||(_cache[1]=function(){return _ctx.startMove&&_ctx.startMove.apply(_ctx,arguments);})},null,34),withDirectives(createBaseVNode("div",{class:"cropper-crop-box",style:normalizeStyle({"width":_ctx.cropW+"px","height":_ctx.cropH+"px","transform":"translate3d("+_ctx.cropOffsertX+"px,"+_ctx.cropOffsertY+"px,0)"})},[createBaseVNode("span",_hoisted_3,[createBaseVNode("img",{style:normalizeStyle({"width":_ctx.trueWidth+"px","height":_ctx.trueHeight+"px","transform":"scale("+_ctx.scale+","+_ctx.scale+") translate3d("+(_ctx.x-_ctx.cropOffsertX)/_ctx.scale+"px,"+(_ctx.y-_ctx.cropOffsertY)/_ctx.scale+"px,0)rotateZ("+_ctx.rotate*90+"deg)"}),src:_ctx.imgs,alt:"cropper-img"},null,12,_hoisted_4)]),createBaseVNode("span",{class:"cropper-face cropper-move",onMousedown:_cache[2]||(_cache[2]=function(){return _ctx.cropMove&&_ctx.cropMove.apply(_ctx,arguments);}),onTouchstart:_cache[3]||(_cache[3]=function(){return _ctx.cropMove&&_ctx.cropMove.apply(_ctx,arguments);})},null,32),_ctx.info?(openBlock(),createElementBlock("span",{key:0,class:"crop-info",style:normalizeStyle({"top":_ctx.cropInfo.top})},toDisplayString(_ctx.cropInfo.width)+" \xD7 "+toDisplayString(_ctx.cropInfo.height),5)):createCommentVNode("",true),!_ctx.fixedBox?(openBlock(),createElementBlock("span",_hoisted_5,[createBaseVNode("span",{class:"crop-line line-w",onMousedown:_cache[4]||(_cache[4]=function($event){return _ctx.changeCropSize($event,false,true,0,1);}),onTouchstart:_cache[5]||(_cache[5]=function($event){return _ctx.changeCropSize($event,false,true,0,1);})},null,32),createBaseVNode("span",{class:"crop-line line-a",onMousedown:_cache[6]||(_cache[6]=function($event){return _ctx.changeCropSize($event,true,false,1,0);}),onTouchstart:_cache[7]||(_cache[7]=function($event){return _ctx.changeCropSize($event,true,false,1,0);})},null,32),createBaseVNode("span",{class:"crop-line line-s",onMousedown:_cache[8]||(_cache[8]=function($event){return _ctx.changeCropSize($event,false,true,0,2);}),onTouchstart:_cache[9]||(_cache[9]=function($event){return _ctx.changeCropSize($event,false,true,0,2);})},null,32),createBaseVNode("span",{class:"crop-line line-d",onMousedown:_cache[10]||(_cache[10]=function($event){return _ctx.changeCropSize($event,true,false,2,0);}),onTouchstart:_cache[11]||(_cache[11]=function($event){return _ctx.changeCropSize($event,true,false,2,0);})},null,32),createBaseVNode("span",{class:"crop-point point1",onMousedown:_cache[12]||(_cache[12]=function($event){return _ctx.changeCropSize($event,true,true,1,1);}),onTouchstart:_cache[13]||(_cache[13]=function($event){return _ctx.changeCropSize($event,true,true,1,1);})},null,32),createBaseVNode("span",{class:"crop-point point2",onMousedown:_cache[14]||(_cache[14]=function($event){return _ctx.changeCropSize($event,false,true,0,1);}),onTouchstart:_cache[15]||(_cache[15]=function($event){return _ctx.changeCropSize($event,false,true,0,1);})},null,32),createBaseVNode("span",{class:"crop-point point3",onMousedown:_cache[16]||(_cache[16]=function($event){return _ctx.changeCropSize($event,true,true,2,1);}),onTouchstart:_cache[17]||(_cache[17]=function($event){return _ctx.changeCropSize($event,true,true,2,1);})},null,32),createBaseVNode("span",{class:"crop-point point4",onMousedown:_cache[18]||(_cache[18]=function($event){return _ctx.changeCropSize($event,true,false,1,0);}),onTouchstart:_cache[19]||(_cache[19]=function($event){return _ctx.changeCropSize($event,true,false,1,0);})},null,32),createBaseVNode("span",{class:"crop-point point5",onMousedown:_cache[20]||(_cache[20]=function($event){return _ctx.changeCropSize($event,true,false,2,0);}),onTouchstart:_cache[21]||(_cache[21]=function($event){return _ctx.changeCropSize($event,true,false,2,0);})},null,32),createBaseVNode("span",{class:"crop-point point6",onMousedown:_cache[22]||(_cache[22]=function($event){return _ctx.changeCropSize($event,true,true,1,2);}),onTouchstart:_cache[23]||(_cache[23]=function($event){return _ctx.changeCropSize($event,true,true,1,2);})},null,32),createBaseVNode("span",{class:"crop-point point7",onMousedown:_cache[24]||(_cache[24]=function($event){return _ctx.changeCropSize($event,false,true,0,2);}),onTouchstart:_cache[25]||(_cache[25]=function($event){return _ctx.changeCropSize($event,false,true,0,2);})},null,32),createBaseVNode("span",{class:"crop-point point8",onMousedown:_cache[26]||(_cache[26]=function($event){return _ctx.changeCropSize($event,true,true,2,2);}),onTouchstart:_cache[27]||(_cache[27]=function($event){return _ctx.changeCropSize($event,true,true,2,2);})},null,32)])):createCommentVNode("",true)],4),[[vShow,_ctx.cropping]])],544);}var VueCropper=/* @__PURE__ */_export_sfc(_sfc_main,[["render",_sfc_render],["__scopeId","data-v-be5e5ddc"]]);if(typeof window!=="undefined"&&window.Vue){window.Vue.createApp({}).component("VueCropper",VueCropper);}var index='';var iconRate="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABBlJREFUaEPtmVuoVkUUx3/HFxWflFIQFPGCL0mBmhdCBEW8PqhkUSEmomjpiyTqiwpeUXxIFE1KyEIzCcUoBStQwhteMJTIEgzRoBTSXnoy/jIT6wyz9579fXt/ng8c2Jzz7Zm91v+/1po1M2s6aPPW0eb4eU4g8OArwERgODDIPH8Dv5vnHHASeNxsBFThgZnAXAdcoMu0L4EfgGPA/TIf+rHNEBDwxcCsRhQH39wD9gP7yhJphEBfYI+zeoj9Z+B7QJb9C3jg/vYAepvnbUBPzwwi61ONUpbAKOA40D9Q8BFwADifqhjoA7wJLARGBt/JAPNSZJUhIKusiwAX+MspynLGKBT1WCI3gJeK5KYSWOrCxsqThWSpKpu8uCAQmIsxhcBs4KtA6ADgbpXIjazNwBrz+1tgepauIgID3aQc4gQ8BAYDyut1tknAaaNgO7AqprCIgLKNwkftV2AO8FOdyI1sTe6Pze/3ImGcu5WYAXxtBMgqSpGtbLuBZU7hb8A44E8LIM8DZ4HX3OBtwOpWIne6XgR+BIa531uD+ZHpgbeAz91H14AJVexbGjTAEmCv+/ZfYDxwxcvK8oBCRyGkthLYGShPXSn9uLLjQ66ngCnupWRtyCOgsFH4qCnrjAC0V7EttqiFSqXEEggXwbzxYd+7wCfu5QVgbB6BLSbelYU0+8PWagJad7Qd901p/bZ+xELokNujqH8+cLCAwP/udOO8pbM8kDI+opKLwGjXsQLYlUXAZp+XgesJBGKhkkegaHyMgPX6DuCDLALKt1pts/r13gprBmiWnBiB5cCHrkNnB23+OoWQXKLdnxaL7kaC0paOgLaFim1fSgg14gGdHz5zio4Ab4QEZPXv3DnWA1I6jZ24mpnEKR6LeWAa8I3rUFqdGgsR6yb163D+S8EciCnTOwtUXvFWr5WAFMs9r7uN1KIMdAKkDPYkksmeWQh5rCqNXAVecGfaLAsXZQq7YqZ4oNMKGxFeOInDSZq6/OdN7qLJWiYLJafRFIvnkUsJoaKsFcOQvJClEiiztymbtUIMpbYSVRHImgNZ8vPmQKnNXCqBonHKUH7fkzKf7PhQtt1O2zTcFtXphg401gLvuNV5Y5HJa+hv+EgpLK+6s4C21GrRqkANoK3Ipg71EnQ0KOKK1KWaQXvxTZdVvKA/gH4GdFEtqQp+lRW2BEYljXBDNwaenpDqaJWWFj1Am4f9u/cBxWiVrZbirgeoG5kTAdpP3a71TJMsai+ve3zaoaq8ER5yVIj9AjgM/JNIpuUXHBbXWmBTBOgdQHUbFYJvAbqkuAl06ypXTBazavY6+OjplWj1rGEtveQLQehq1RPxdZtUPs/0mjUGcjIwFFDlTH/9/4+68kV3qrVrGdeKVbUW4F5o2xP4DzVSDEAyxtmHAAAAAElFTkSuQmCC";var Cropper=defineComponent({name:'cropper',props:{cropperNo:{type:Function,default:function _default(data){}},cropperOk:{type:Function,default:function _default(data){}},bucket:{type:String,default:'daya'}},data:function data(){return{ossUploadUrl:'https://ks3-cn-beijing.ksyuncs.com/'+this.bucket,dataObj:{policy:'',signature:'',key:'',KSSAccessKeyId:'',acl:'public-read',name:''},visible:false,img:null,options:{img:'',//裁剪图片的地址
    2. 

  2. autoCrop:true,//是否默认生成截图框
    3. 

  3. autoCropWidth:180,//默认生成截图框宽度
    4. 

  4. autoCropHeight:180,//默认生成截图框高度
    5. 

  5. fixedBox:true,//是否固定截图框大小 不允许改变
    6. 

  6. full:false,enlarge:1,// 是否按照截图框比例输出 默认为1
    7. 

  7. previewsCircle:true,//预览图是否是原圆形
    8. 

  8. centerBox:true,outputType:'png',title:'修改头像',name:null// 文件名称
    9. 

  9. },previews:{},url:{upload:'/sys/common/saveToImgByStr'},submitLoading:false};},methods:{edit:function edit(record){var options=this.options;this.visible=true;this.options=Object.assign({},options,record);console.log(this.options);},/**
    10. 

  10.            * 取消截图
    11. 

  11.            */cancelHandel:function cancelHandel(){this.visible=false;this.cropperNo();},/**
    12. 

  12.            * 确认截图
    13. 

  13.            */okHandel:function okHandel(){var _this16=this;this.$refs.cropperRef.getCropBlob(/*#__PURE__*/function(){var _ref=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee(data){var options,fileName,key,obj,res,formData,_key,uploadUrl;return regeneratorRuntime.wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:_this16.submitLoading=true;options=_this16.options;fileName=(options.name?options.name.split('.')[0]:+new Date())+'.png';_context.prev=3;key=new Date().getTime()+fileName;obj={filename:fileName,bucketName:_this16.bucket,postData:{filename:fileName,acl:'public-read',key:key,unknowValueField:[]}};_context.next=8;return request.post('/api-website/getUploadSign',{data:obj});case 8:res=_context.sent;_this16.dataObj={policy:res.data.policy,signature:res.data.signature,key:key,KSSAccessKeyId:res.data.kssAccessKeyId,acl:'public-read',name:fileName};formData=new FormData();for(_key in _this16.dataObj){formData.append(_key,_this16.dataObj[_key]);}formData.append('file',_this16.blobToFile(data,fileName),fileName);_context.next=15;return request$1(_this16.ossUploadUrl,{method:'POST',data:formData});case 15:console.log(_this16.ossUploadUrl+'/'+key);uploadUrl=_this16.ossUploadUrl+'/'+key;_this16.cropperOk(uploadUrl);_context.next=23;break;case 20:_context.prev=20;_context.t0=_context["catch"](3);ElMessage.error(_context.t0);case 23:_context.prev=23;_this16.submitLoading=false;_this16.cancelHandel();return _context.finish(23);case 27:case"end":return _context.stop();}}},_callee,null,[[3,20,23,27]]);}));return function(_x){return _ref.apply(this,arguments);};}());},//转成blob
    14. 

  14. blobToFile:function blobToFile(Blob,fileName){//兼容IE
    15. 

  15. Blob.lastModifiedDate=new Date();Blob.name=fileName;return Blob;},base64ToFile:function base64ToFile(urlData,fileName){var arr=urlData.split(',');var mime=arr[0].match(/:(.*?);/)[1];var bytes=atob(arr[1]);// 解码base64
    16. 

  16. var n=bytes.length;var ia=new Uint8Array(n);while(n--){ia[n]=bytes.charCodeAt(n);}return new File([ia],fileName,{type:mime});},//移动框的事件
    17. 

  17. realTime:function realTime(data){this.previews=data;},//图片缩放
    18. 

  18. changeScale:function changeScale(num){num=num||1;this.$refs.cropperRef.changeScale(num);},//向左旋转
    19. 

  19. rotateLeft:function rotateLeft(){this.$refs.cropperRef.rotateLeft();},//向右旋转
    20. 

  20. rotateRight:function rotateRight(){this.$refs.cropperRef.rotateRight();}},render:function render(){var _this17=this;return createVNode(ElDialog,{"modelValue":this.visible,"onUpdate:modelValue":function onUpdateModelValue(val){return _this17.visible=val;},"appendToBody":true,"title":this.options.title,"closeOnClickModal":false,"width":'800px'},{default:function _default(){return[createVNode(ElRow,null,{default:function _default(){return[createVNode(ElCol,{"xs":24,"md":12,"style":{width:'350px'}},{default:function _default(){return[createVNode(VueCropper,{"ref":"cropperRef","img":_this17.options.img,"info":true,"autoCrop":_this17.options.autoCrop,"autoCropWidth":_this17.options.autoCropWidth,"full":_this17.options.full,"outputType":_this17.options.outputType,"autoCropHeight":_this17.options.autoCropHeight,"fixedBox":_this17.options.fixedBox,"enlarge":_this17.options.enlarge,"onRealTime":_this17.realTime,"style":{height:'350px'}},null),createVNode("div",{"class":"flex pt-2"},[createVNode("div",{"onClick":function onClick(){_this17.changeScale(1);},"class":"mr-2 cursor-pointer","title":"放大"},[createVNode(ElIcon,{"size":30,"color":"#333"},{default:function _default(){return[createVNode(circle_plus_default,null,null)];}})]),createVNode("div",{"onClick":function onClick(){_this17.changeScale(-1);},"class":"mr-2 cursor-pointer","title":"缩小"},[createVNode(ElIcon,{"size":30,"color":"#333"},{default:function _default(){return[createVNode(remove_default,null,null)];}})]),createVNode("div",{"onClick":_this17.rotateRight,"title":"向右旋转","class":"cursor-pointer"},[createVNode("img",{"src":iconRate,"class":"w-[30px] h-[30px]"},null)])])];}}),createVNode(ElCol,{"xs":24,"md":12,"style":{height:'350px'}},{default:function _default(){return[createVNode("div",{"class":styles.previewImg},[createVNode("span",null,[createTextVNode("\u9884\u89C8\u56FE\u7247")]),createVNode("div",{"class":_this17.options.previewsCircle?styles['avatar-upload-preview']:styles['avatar-upload-preview_range'],"style":{width:_this17.options.autoCropWidth+'px',height:_this17.options.autoCropHeight+'px'}},[createVNode(ElImage,{"src":_this17.previews.url,"style":_this17.previews.img},null)])])];}})];}})];},footer:function footer(){return createVNode("span",{"class":"dialog-footer !text-center block"},[createVNode(ElButton,{"onClick":_this17.cancelHandel,"disabled":_this17.submitLoading},{default:function _default(){return[createTextVNode("\u53D6\u6D88")];}}),createVNode(ElButton,{"type":"primary","onClick":_this17.okHandel,"loading":_this17.submitLoading},{default:function _default(){return[createTextVNode("\u4FDD \u5B58")];}})]);}});}});var ColCropper=exports('C',defineComponent({name:'col-cropper',props:{modelValue:{type:String,default:''},options:{// 裁切需要参数
    21. 

  21. type:Object,default:{autoCrop:true,//是否默认生成截图框
    22. 

  22. enlarge:1,//  图片放大倍数
    23. 

  23. autoCropWidth:200,//默认生成截图框宽度
    24. 

  24. autoCropHeight:200,//默认生成截图框高度
    25. 

  25. fixedBox:true,//是否固定截图框大小 不允许改变
    26. 

  26. previewsCircle:true,//预览图是否是原圆形
    27. 

  27. title:'上传图片'}},// 显示图片原始图片
    28. 

  28. showSize:{type:Boolean,default:false},disabled:{type:Boolean,default:false},bucket:{type:String,default:'daya'},size:{type:Number,default:5// 默认5M
    29. 

  29. },accept:{type:String,default:'images/*'},tips:{type:String,default:'请上传图片'},extraTips:{type:String,default:'图片最大不能超过5MB'},cropUploadSuccess:{type:Function,default:function _default(data){}}},data:function data(){return{isStopRun:false,loading:false};},methods:{onDelete:function onDelete(){// 删除图片
    30. 

  30. this.$emit('update:modelValue','');},//从本地选择文件
    31. 

  31. handleChange:function handleChange(info){var _this18=this;return _asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function _callee2(){var options;return regeneratorRuntime.wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:if(!_this18.isStopRun){_context2.next=2;break;}return _context2.abrupt("return");case 2:_this18.loading=true;options=_this18.options;_this18.getBase64(info.file,function(imageUrl){var target=Object.assign({},options,{img:imageUrl,name:info.file.name// 上传文件名
    32. 

  32. });_this18.$refs.CropperModal.edit(target);});case 5:case"end":return _context2.stop();}}},_callee2);}))();},// 上传之前 格式与大小校验
    33. 

  33. beforeUpload:function beforeUpload(file){this.isStopRun=false;var fileType=file.type;if(fileType.indexOf('image')<0){ElMessage.warning('请上传图片');this.isStopRun=true;return false;}// const isJpgOrPng = this.acceptArray.includes(file.type)
    34. 

  34. // if (!isJpgOrPng) {
    35. 

  35. //   ElMessage.error('你上传图片格式不正确!')
    36. 

  36. //   this.isStopRun = true
    37. 

  37. // }
    38. 

  38. console.log(this.size);var size=this.size||0;var isLtSize=file.size<size*1024*1024;if(!isLtSize){ElMessage.error('图片大小不能超过'+this.size+'MB!');this.isStopRun=true;}return isLtSize;},error:function error(){this.remove();this.loading=false;},remove:function remove(){this.onDelete();},//获取服务器返回的地址
    39. 

  39. handleCropperSuccess:function handleCropperSuccess(data){//将返回的数据回显
    40. 

  40. this.loading=false;console.log(data,'success');this.$emit('update:modelValue',data);this.cropUploadSuccess(data);// this.$emit('cropUploadSuccess', data)
    41. 

  41. // console.log(this.modelValue, 'modelValue')
    42. 

  42. },// 取消上传
    43. 

  43. handleCropperClose:function handleCropperClose(){this.loading=false;this.remove();},getBase64:function getBase64(img,callback){var reader=new FileReader();reader.addEventListener('load',function(){return callback(reader.result);});reader.readAsDataURL(img);}},render:function render(){var _this19=this;return createVNode("div",{"class":[styles.colUpload,'w-full']},[createVNode(ElUpload,{"disabled":this.disabled,"showFileList":false,"accept":this.accept,"beforeUpload":this.beforeUpload,"httpRequest":this.handleChange,"ref":"uploadRef"},{default:function _default(){return[createVNode("div",{"ref":"uploadDom","class":[styles.uploadClass,'w-full'],"style":{height:'106px'}},[_this19.modelValue?createVNode(ElImage,{"src":_this19.modelValue,"fit":"cover","class":styles.uploadSection},null):createVNode("div",{"class":[styles.uploadSection,'flex items-center flex-col justify-center']},[createVNode("img",{"src":iconUpload,"class":"w-8 h-7 mb-3"},null),createVNode("p",null,[_this19.tips])])])];}}),createVNode("p",{"class":"text-3 text-[#999999] leading-6 pt-1"},[this.extraTips]),createVNode(Cropper,{"ref":"CropperModal","bucket":this.bucket,"cropperNo":this.handleCropperClose,"cropperOk":this.handleCropperSuccess},null)]);}}));var iconIn=exports('i',"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAMxQTFRFAAAA/wAA/4AA/1VV/4BA/3hL/3lR/3lJ/3tM/3lK/3ZJ/3VL/3dK/3hM/3dL/3ZL/3lL/3dK/3hL/3dK/3hM/3hM/3ZN/3lK/3dM/3ZL/3dK/3hL/3dL/3hK/3ZM/3dK/3ZL/3ZK/3dL/3dL/3ZL/3dM/3dL/3dM/3dL/3dL/72U/7yT/7yU/3dM/3dL/3ZK/3dM/3hL/3dM/3dL/3dL/3dL/3dK/3dL/3dL/3dK/3dL/3dL/3dL/3hL/3ZK/3dL/3dL/3dL/3dL/7yT8tV7KQAAAEJ0Uk5TAAECAwQRExUbNzg9PkZHTk5PZmdobG5udnd4e36GipSZqKmwsba8vb6/wcLDx8/R1NfY3N3e3+Pk5ujt7vH6+/z+WujnJgAAAL5JREFUOMtjYBicQMTUCRNYSDAhqxFywg6kkRWZ4FBkzYKkCCJkY2RkZIuqih1dkRQjkMUsh1eRPoTJZI5PkRKUrYFPkSKUrU6xIk0o2wCfIntuMFPQEW8Q2KkoKCioOuAPJ2wAqEhbhwhFzs6kKlKTlEABMpZYFLGhpzExLIpkuThRAI8uuW6iniJ5Pl4UwK+HRREruu9EsShSFhFGAeJm1Ha4lhYRiuDAGJciLiKyuZMhB6ECAwSsBKhdNgEAhZGjV9WWahoAAAAASUVORK5CYII=");var iconList=exports('a',"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAYlQTFRFAAAA/wAA//8A/4AA/4CA/1VV/6pV/4BA/3FV/4BN/3RG/2pA/4BA/3dE/3hL/3FH/3lR/3pO/3VK/3tM/3ZJ/3tP/3dM/3NK/3hQ/3RN/3xN/3hL/3VJ/3lK/3NN/3dN/3VN/3hI/3hN/3ZM/3lK/3lM/3lJ/3dK/3pL/3pM/3pK/3hJ/3hK/3dJ/3dL/3dM/3ZJ/3hK/3hN/3hL/3pN/3hJ/3hM/3hK/3lK/3ZL/3hK/3ZK/3hM/3dL/3dK/3dL/3hL/3dL/3hL/3ZL/3dK/3dL/3dM/3hL/3hK/3hM/3ZK/3hL/3ZL/3hL/3dL/3dK/3ZL/3hL/3dK/3hM/3dL/3hL/3dK/3dL/3dL/3hL/3dL/3hM/3dL/3dL/3hL/3hM/3dL/3hL/3dL/3dL/3dL/3dL/3dL/3ZK/3dL/3dL/3dK/3dL/3hL/3dL/3dL/3dL/3dL/3ZL/3dL/3dL/3dL/3dL/3hL/3dL/3dL/3dL/3dL/3ZL/3dL/3dL/3dK/3dL/3ZL/3dL/3dLUpnnKgAAAIJ0Uk5TAAEBAgIDAwQJCgsMDA8REhMXGBscHR4fICEhIiMmKCsyNTU2Nzk7PkFDRUZISUtNUFNTVVZXV1ldX2BhbG14en1+hIyNjpCVl5ebnaamp6+xsbKztLW2uLq7vMDByMjKy9PV1tna29zc3d/f4OTl5urr6+zu7/H09fb3+Pj5+vv8/C49xn0AAAFgSURBVDjLY2CgLjAKTk5BAgqCtowYajyaUIGaSFOEMJoakyZMRU0l5qiKwtEVqQuDSD8+ZEUZ6IqsWYtBVK42kqIcdEXRDHqlIDqfGY+iJgcGLgVlZWUBfCY1NYXqy0oAARNeRVDAO6CKGhx1dZCAQRg2RT5oUcVZhUWRG3qkl2BRlC2EqsYYq8Nr0lKRQKavhZK8hj0HPt+FiArbBcZGOivjUeTK7lQLYQUL4VLkzx4AZ2eJISkqVmVjgQEGJ1DAeaaDVcWzIhS5I/lMGGRXKoMjxCxLhCIvJEV2TciKohGKyk2lJKCAMQhFUTUrNodzx0EUKdrY2LgCWXzYFMlEgcg8cPqWbGpqhJiUhKrI0AVMlRUBQWVTUyLETd6oivxUULiOEEVyFSii9fIhSLxCWCRrFaCoipPOhrPrNOEhw2Nm74AE1MQTYOZo4imLWK1iapoaEx15CZRZrPzsJJVxAFTmTJ0otZgdAAAAAElFTkSuQmCC");}};});})();
    44.