icon_course_list.856feacf.js 39 KB

1234567
  1. import{E as U,i as z}from"./icon_upload.2bc3b932.js";import{d as O,t as b,v as x,Y as S,Z as X,x as w,H as y,G as L,z as K,$ as H,b as N,bQ as R,a$ as I,c as d,aM as F,b1 as D,b2 as Y,E as W,bR as V,bS as Z,a as M,bu as E,M as k}from"./index.06cf5f04.js";const P="_uploadSection_1scl2_1",$="_uploadClass_1scl2_11",j="_previewImg_1scl2_34",Q="_operation_1scl2_44";var C={uploadSection:P,uploadClass:$,"avatar-upload-preview_range":"_avatar-upload-preview_range_1scl2_19","avatar-upload-preview":"_avatar-upload-preview_1scl2_19",previewImg:j,operation:Q,"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"};const B={};B.getData=e=>new Promise((t,i)=>{let s={};G(e).then(o=>{s.arrayBuffer=o,s.orientation=ee(o),t(s)}).catch(o=>{i(o)})});function G(e){let t=null;return new Promise((i,s)=>{if(e.src)if(/^data\:/i.test(e.src))t=q(e.src),i(t);else if(/^blob\:/i.test(e.src)){var o=new FileReader;o.onload=function(a){t=a.target.result,i(t)},J(e.src,function(a){o.readAsArrayBuffer(a)})}else{var r=new XMLHttpRequest;r.onload=function(){if(this.status==200||this.status===0)t=r.response,i(t);else throw"Could not load image";r=null},r.open("GET",e.src,!0),r.responseType="arraybuffer",r.send(null)}else s("img error")})}function J(e,t){var i=new XMLHttpRequest;i.open("GET",e,!0),i.responseType="blob",i.onload=function(s){(this.status==200||this.status===0)&&t(this.response)},i.send()}function q(e){e=e.replace(/^data\:([^\;]+)\;base64,/gmi,"");for(var t=atob(e),i=t.length,s=new ArrayBuffer(i),o=new Uint8Array(s),r=0;r<i;r++)o[r]=t.charCodeAt(r);return s}function _(e,t,i){var s="",o;for(o=t,i+=t;o<i;o++)s+=String.fromCharCode(e.getUint8(o));return s}function ee(e){var t=new DataView(e),i=t.byteLength,s,o,r,a,h,n,p,l,c,u;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(c=2;c<i;){if(t.getUint8(c)===255&&t.getUint8(c+1)===225){p=c;break}c++}if(p&&(o=p+4,r=p+10,_(t,o,4)==="Exif"&&(n=t.getUint16(r),h=n===18761,(h||n===19789)&&t.getUint16(r+2,h)===42&&(a=t.getUint32(r+4,h),a>=8&&(l=r+a)))),l){for(i=t.getUint16(l,h),u=0;u<i;u++)if(c=l+u*12+2,t.getUint16(c,h)===274){c+=8,s=t.getUint16(c,h);break}}return s}var te=(e,t)=>{const i=e.__vccOpts||e;for(const[s,o]of t)i[s]=o;return i};const ie=O({data:function(){return{w:0,h:0,scale:1,x:0,y:0,loading:!0,trueWidth:0,trueHeight:0,move:!0,moveX:0,moveY:0,crop:!1,cropping:!1,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:!1,canChangeY:!1,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:!1,rotate:0,isIos:!1,orientation:0,imgs:"",coe:.2,scaling:!1,scalingSet:"",coeStatus:"",isCanShow:!0}},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:!0},canScale:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!1},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:!1},fixedNumber:{type:Array,default:()=>[1,1]},fixedBox:{type:Boolean,default:!1},full:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canMoveBox:{type:Boolean,default:!0},original:{type:Boolean,default:!1},centerBox:{type:Boolean,default:!1},high:{type:Boolean,default:!0},infoTrue:{type:Boolean,default:!1},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:()=>10}},computed:{cropInfo(){let e={};if(e.top=this.cropOffsertY>21?"-21px":"0px",e.width=this.cropW>0?this.cropW:0,e.height=this.cropH>0?this.cropH:0,this.infoTrue){let t=1;this.high&&!this.full&&(t=window.devicePixelRatio),this.enlarge!==1&!this.full&&(t=Math.abs(Number(this.enlarge))),e.width=e.width*t,e.height=e.height*t,this.full&&(e.width=e.width/this.scale,e.height=e.height/this.scale)}return e.width=e.width.toFixed(0),e.height=e.height.toFixed(0),e},isIE(){return!!window.ActiveXObject||"ActiveXObject"in window},passive(){return this.isIE?null:{passive:!1}}},watch:{img(){this.checkedImg()},imgs(e){e!==""&&this.reload()},cropW(){this.showPreview()},cropH(){this.showPreview()},cropOffsertX(){this.showPreview()},cropOffsertY(){this.showPreview()},scale(e,t){this.showPreview()},x(){this.showPreview()},y(){this.showPreview()},autoCrop(e){e&&this.goAutoCrop()},autoCropWidth(){this.autoCrop&&this.goAutoCrop()},autoCropHeight(){this.autoCrop&&this.goAutoCrop()},mode(){this.checkedImg()},rotate(){this.showPreview(),this.autoCrop?this.goAutoCrop(this.cropW,this.cropH):(this.cropW>0||this.cropH>0)&&this.goAutoCrop(this.cropW,this.cropH)}},methods:{getVersion(e){var t=navigator.userAgent.split(" "),i="";let s=0;const o=new RegExp(e,"i");for(var r=0;r<t.length;r++)o.test(t[r])&&(i=t[r]);return i?s=i.split("/")[1].split("."):s=["0","0","0"],s},checkOrientationImage(e,t,i,s){if(this.getVersion("chrome")[0]>=81)t=-1;else if(this.getVersion("safari")[0]>=605){const a=this.getVersion("version");a[0]>13&&a[1]>1&&(t=-1)}else{const a=navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);if(a){let h=a[1];h=h.split("_"),(h[0]>13||h[0]>=13&&h[1]>=4)&&(t=-1)}}let o=document.createElement("canvas"),r=o.getContext("2d");switch(r.save(),t){case 2:o.width=i,o.height=s,r.translate(i,0),r.scale(-1,1);break;case 3:o.width=i,o.height=s,r.translate(i/2,s/2),r.rotate(180*Math.PI/180),r.translate(-i/2,-s/2);break;case 4:o.width=i,o.height=s,r.translate(0,s),r.scale(1,-1);break;case 5:o.height=i,o.width=s,r.rotate(.5*Math.PI),r.scale(1,-1);break;case 6:o.width=s,o.height=i,r.translate(s/2,i/2),r.rotate(90*Math.PI/180),r.translate(-i/2,-s/2);break;case 7:o.height=i,o.width=s,r.rotate(.5*Math.PI),r.translate(i,-s),r.scale(-1,1);break;case 8:o.height=i,o.width=s,r.translate(s/2,i/2),r.rotate(-90*Math.PI/180),r.translate(-i/2,-s/2);break;default:o.width=i,o.height=s}r.drawImage(e,0,0,i,s),r.restore(),o.toBlob(a=>{let h=URL.createObjectURL(a);URL.revokeObjectURL(this.imgs),this.imgs=h},"image/"+this.outputType,1)},checkedImg(){if(this.img===null||this.img===""){this.imgs="",this.clearCrop();return}this.loading=!0,this.scale=1,this.rotate=0,this.clearCrop();let e=new Image;if(e.onload=()=>{if(this.img==="")return this.$emit("img-load","error"),!1;let i=e.width,s=e.height;B.getData(e).then(o=>{this.orientation=o.orientation||1;let r=Number(this.maxImgSize);if(!this.orientation&&i<r&s<r){this.imgs=this.img;return}i>r&&(s=s/i*r,i=r),s>r&&(i=i/s*r,s=r),this.checkOrientationImage(e,this.orientation,i,s)})},e.onerror=()=>{this.$emit("img-load","error")},this.img.substr(0,4)!=="data"&&(e.crossOrigin=""),this.isIE){var t=new XMLHttpRequest;t.onload=function(){var i=URL.createObjectURL(this.response);e.src=i},t.open("GET",this.img,!0),t.responseType="blob",t.send()}else e.src=this.img},startMove(e){if(e.preventDefault(),this.move&&!this.crop){if(!this.canMove)return!1;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,e.touches?(window.addEventListener("touchmove",this.moveImg),window.addEventListener("touchend",this.leaveImg),e.touches.length==2&&(this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale))):(window.addEventListener("mousemove",this.moveImg),window.addEventListener("mouseup",this.leaveImg)),this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}else this.cropping=!0,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(e){e.preventDefault();let t=this.scale;var i={x:this.touches[0].clientX,y:this.touches[0].clientY},s={x:e.touches[0].clientX,y:e.touches[0].clientY},o={x:this.touches[1].clientX,y:this.touches[1].clientY},r={x:e.touches[1].clientX,y:e.touches[1].clientY},a=Math.sqrt(Math.pow(i.x-o.x,2)+Math.pow(i.y-o.y,2)),h=Math.sqrt(Math.pow(s.x-r.x,2)+Math.pow(s.y-r.y,2)),n=h-a,p=1;p=p/this.trueWidth>p/this.trueHeight?p/this.trueHeight:p/this.trueWidth,p=p>.1?.1:p;var l=p*n;if(!this.touchNow){if(this.touchNow=!0,n>0?t+=Math.abs(l):n<0&&t>Math.abs(l)&&(t-=Math.abs(l)),this.touches=e.touches,setTimeout(()=>{this.touchNow=!1},8),!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t}},cancelTouchScale(e){window.removeEventListener("touchmove",this.touchScale)},moveImg(e){if(e.preventDefault(),e.touches&&e.touches.length===2)return this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale),window.removeEventListener("touchmove",this.moveImg),!1;let t="clientX"in e?e.clientX:e.touches[0].clientX,i="clientY"in e?e.clientY:e.touches[0].clientY,s,o;s=t-this.moveX,o=i-this.moveY,this.$nextTick(()=>{if(this.centerBox){let r=this.getImgAxis(s,o,this.scale),a=this.getCropAxis(),h=this.trueHeight*this.scale,n=this.trueWidth*this.scale,p,l,c,u;switch(this.rotate){case 1:case-1:case 3:case-3:p=this.cropOffsertX-this.trueWidth*(1-this.scale)/2+(h-n)/2,l=this.cropOffsertY-this.trueHeight*(1-this.scale)/2+(n-h)/2,c=p-h+this.cropW,u=l-n+this.cropH;break;default:p=this.cropOffsertX-this.trueWidth*(1-this.scale)/2,l=this.cropOffsertY-this.trueHeight*(1-this.scale)/2,c=p-n+this.cropW,u=l-h+this.cropH;break}r.x1>=a.x1&&(s=p),r.y1>=a.y1&&(o=l),r.x2<=a.x2&&(s=c),r.y2<=a.y2&&(o=u)}this.x=s,this.y=o,this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})})},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:!1,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!1,axis:this.getImgAxis()})},scaleImg(){this.canScale&&window.addEventListener(this.support,this.changeSize,this.passive)},cancelScale(){this.canScale&&window.removeEventListener(this.support,this.changeSize)},changeSize(e){e.preventDefault();let t=this.scale;var i=e.deltaY||e.wheelDelta,s=navigator.userAgent.indexOf("Firefox");i=s>0?i*30:i,this.isIE&&(i=-i);var o=this.coe;o=o/this.trueWidth>o/this.trueHeight?o/this.trueHeight:o/this.trueWidth;var r=o*i;r<0?t+=Math.abs(r):t>Math.abs(r)&&(t-=Math.abs(r));let a=r<0?"add":"reduce";if(a!==this.coeStatus&&(this.coeStatus=a,this.coe=.2),this.scaling||(this.scalingSet=setTimeout(()=>{this.scaling=!1,this.coe=this.coe+=.01},50)),this.scaling=!0,!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t},changeScale(e){let t=this.scale;e=e||1;var i=20;if(i=i/this.trueWidth>i/this.trueHeight?i/this.trueHeight:i/this.trueWidth,e=e*i,e>0?t+=Math.abs(e):t>Math.abs(e)&&(t-=Math.abs(e)),!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t},createCrop(e){e.preventDefault();var t="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,i="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;this.$nextTick(()=>{var s=t-this.cropX,o=i-this.cropY;if(s>0?(this.cropW=s+this.cropChangeX>this.w?this.w-this.cropChangeX:s,this.cropOffsertX=this.cropChangeX):(this.cropW=this.w-this.cropChangeX+Math.abs(s)>this.w?this.cropChangeX:Math.abs(s),this.cropOffsertX=this.cropChangeX+s>0?this.cropChangeX+s:0),!this.fixed)o>0?(this.cropH=o+this.cropChangeY>this.h?this.h-this.cropChangeY:o,this.cropOffsertY=this.cropChangeY):(this.cropH=this.h-this.cropChangeY+Math.abs(o)>this.h?this.cropChangeY:Math.abs(o),this.cropOffsertY=this.cropChangeY+o>0?this.cropChangeY+o:0);else{var r=this.cropW/this.fixedNumber[0]*this.fixedNumber[1];r+this.cropOffsertY>this.h?(this.cropH=this.h-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]*this.fixedNumber[0],s>0?this.cropOffsertX=this.cropChangeX:this.cropOffsertX=this.cropChangeX-this.cropW):this.cropH=r,this.cropOffsertY=this.cropOffsertY}})},changeCropSize(e,t,i,s,o){e.preventDefault(),window.addEventListener("mousemove",this.changeCropNow),window.addEventListener("mouseup",this.changeCropEnd),window.addEventListener("touchmove",this.changeCropNow),window.addEventListener("touchend",this.changeCropEnd),this.canChangeX=t,this.canChangeY=i,this.changeCropTypeX=s,this.changeCropTypeY=o,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,this.fixed&&this.canChangeX&&this.canChangeY&&(this.canChangeY=0),this.$emit("change-crop-size",{width:this.cropW,height:this.cropH})},changeCropNow(e){e.preventDefault();var t="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,i="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;let s=this.w,o=this.h,r=0,a=0;if(this.centerBox){let h=this.getImgAxis(),n=h.x2,p=h.y2;r=h.x1>0?h.x1:0,a=h.y1>0?h.y1:0,s>n&&(s=n),o>p&&(o=p)}this.$nextTick(()=>{var h=t-this.cropX,n=i-this.cropY;if(this.canChangeX&&(this.changeCropTypeX===1?this.cropOldW-h>0?(this.cropW=s-this.cropChangeX-h<=s-r?this.cropOldW-h:this.cropOldW+this.cropChangeX-r,this.cropOffsertX=s-this.cropChangeX-h<=s-r?this.cropChangeX+h:r):(this.cropW=Math.abs(h)+this.cropChangeX<=s?Math.abs(h)-this.cropOldW:s-this.cropOldW-this.cropChangeX,this.cropOffsertX=this.cropChangeX+this.cropOldW):this.changeCropTypeX===2&&(this.cropOldW+h>0?(this.cropW=this.cropOldW+h+this.cropOffsertX<=s?this.cropOldW+h:s-this.cropOffsertX,this.cropOffsertX=this.cropChangeX):(this.cropW=s-this.cropChangeX+Math.abs(h+this.cropOldW)<=s-r?Math.abs(h+this.cropOldW):this.cropChangeX-r,this.cropOffsertX=s-this.cropChangeX+Math.abs(h+this.cropOldW)<=s-r?this.cropChangeX-Math.abs(h+this.cropOldW):r))),this.canChangeY&&(this.changeCropTypeY===1?this.cropOldH-n>0?(this.cropH=o-this.cropChangeY-n<=o-a?this.cropOldH-n:this.cropOldH+this.cropChangeY-a,this.cropOffsertY=o-this.cropChangeY-n<=o-a?this.cropChangeY+n:a):(this.cropH=Math.abs(n)+this.cropChangeY<=o?Math.abs(n)-this.cropOldH:o-this.cropOldH-this.cropChangeY,this.cropOffsertY=this.cropChangeY+this.cropOldH):this.changeCropTypeY===2&&(this.cropOldH+n>0?(this.cropH=this.cropOldH+n+this.cropOffsertY<=o?this.cropOldH+n:o-this.cropOffsertY,this.cropOffsertY=this.cropChangeY):(this.cropH=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-a?Math.abs(n+this.cropOldH):this.cropChangeY-a,this.cropOffsertY=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-a?this.cropChangeY-Math.abs(n+this.cropOldH):a))),this.canChangeX&&this.fixed){var p=this.cropW/this.fixedNumber[0]*this.fixedNumber[1];p+this.cropOffsertY>o?(this.cropH=o-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]*this.fixedNumber[0]):this.cropH=p}if(this.canChangeY&&this.fixed){var l=this.cropH/this.fixedNumber[1]*this.fixedNumber[0];l+this.cropOffsertX>s?(this.cropW=s-this.cropOffsertX,this.cropH=this.cropW/this.fixedNumber[0]*this.fixedNumber[1]):this.cropW=l}})},checkCropLimitSize(){let{cropW:e,cropH:t,limitMinSize:i}=this,s=new Array;return Array.isArray[i]?s=i:s=[i,i],e=parseFloat(s[0]),t=parseFloat(s[1]),[e,t]},changeCropEnd(e){window.removeEventListener("mousemove",this.changeCropNow),window.removeEventListener("mouseup",this.changeCropEnd),window.removeEventListener("touchmove",this.changeCropNow),window.removeEventListener("touchend",this.changeCropEnd)},endCrop(){this.cropW===0&&this.cropH===0&&(this.cropping=!1),window.removeEventListener("mousemove",this.createCrop),window.removeEventListener("mouseup",this.endCrop),window.removeEventListener("touchmove",this.createCrop),window.removeEventListener("touchend",this.endCrop)},startCrop(){this.crop=!0},stopCrop(){this.crop=!1},clearCrop(){this.cropping=!1,this.cropW=0,this.cropH=0},cropMove(e){if(e.preventDefault(),!this.canMoveBox)return this.crop=!1,this.startMove(e),!1;if(e.touches&&e.touches.length===2)return this.crop=!1,this.startMove(e),this.leaveCrop(),!1;window.addEventListener("mousemove",this.moveCrop),window.addEventListener("mouseup",this.leaveCrop),window.addEventListener("touchmove",this.moveCrop),window.addEventListener("touchend",this.leaveCrop);let t="clientX"in e?e.clientX:e.touches[0].clientX,i="clientY"in e?e.clientY:e.touches[0].clientY,s,o;s=t-this.cropOffsertX,o=i-this.cropOffsertY,this.cropX=s,this.cropY=o,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})},moveCrop(e,t){let i=0,s=0;e&&(e.preventDefault(),i="clientX"in e?e.clientX:e.touches[0].clientX,s="clientY"in e?e.clientY:e.touches[0].clientY),this.$nextTick(()=>{let o,r,a=i-this.cropX,h=s-this.cropY;if(t&&(a=this.cropOffsertX,h=this.cropOffsertY),a<=0?o=0:a+this.cropW>this.w?o=this.w-this.cropW:o=a,h<=0?r=0:h+this.cropH>this.h?r=this.h-this.cropH:r=h,this.centerBox){let n=this.getImgAxis();o<=n.x1&&(o=n.x1),o+this.cropW>n.x2&&(o=n.x2-this.cropW),r<=n.y1&&(r=n.y1),r+this.cropH>n.y2&&(r=n.y2-this.cropH)}this.cropOffsertX=o,this.cropOffsertY=r,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})})},getImgAxis(e,t,i){e=e||this.x,t=t||this.y,i=i||this.scale;let s={x1:0,x2:0,y1:0,y2:0},o=this.trueWidth*i,r=this.trueHeight*i;switch(this.rotate){case 0:s.x1=e+this.trueWidth*(1-i)/2,s.x2=s.x1+this.trueWidth*i,s.y1=t+this.trueHeight*(1-i)/2,s.y2=s.y1+this.trueHeight*i;break;case 1:case-1:case 3:case-3:s.x1=e+this.trueWidth*(1-i)/2+(o-r)/2,s.x2=s.x1+this.trueHeight*i,s.y1=t+this.trueHeight*(1-i)/2+(r-o)/2,s.y2=s.y1+this.trueWidth*i;break;default:s.x1=e+this.trueWidth*(1-i)/2,s.x2=s.x1+this.trueWidth*i,s.y1=t+this.trueHeight*(1-i)/2,s.y2=s.y1+this.trueHeight*i;break}return s},getCropAxis(){let e={x1:0,x2:0,y1:0,y2:0};return e.x1=this.cropOffsertX,e.x2=e.x1+this.cropW,e.y1=this.cropOffsertY,e.y2=e.y1+this.cropH,e},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:!1,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!1,axis:this.getCropAxis()})},getCropChecked(e){let t=document.createElement("canvas"),i=new Image,s=this.rotate,o=this.trueWidth,r=this.trueHeight,a=this.cropOffsertX,h=this.cropOffsertY;i.onload=()=>{if(this.cropW!==0){let l=t.getContext("2d"),c=1;this.high&!this.full&&(c=window.devicePixelRatio),this.enlarge!==1&!this.full&&(c=Math.abs(Number(this.enlarge)));let u=this.cropW*c,A=this.cropH*c,g=o*this.scale*c,f=r*this.scale*c,m=(this.x-a+this.trueWidth*(1-this.scale)/2)*c,v=(this.y-h+this.trueHeight*(1-this.scale)/2)*c;switch(p(u,A),l.save(),s){case 0:this.full?(p(u/this.scale,A/this.scale),l.drawImage(i,m/this.scale,v/this.scale,g/this.scale,f/this.scale)):l.drawImage(i,m,v,g,f);break;case 1:case-3:this.full?(p(u/this.scale,A/this.scale),m=m/this.scale+(g/this.scale-f/this.scale)/2,v=v/this.scale+(f/this.scale-g/this.scale)/2,l.rotate(s*90*Math.PI/180),l.drawImage(i,v,-m-f/this.scale,g/this.scale,f/this.scale)):(m=m+(g-f)/2,v=v+(f-g)/2,l.rotate(s*90*Math.PI/180),l.drawImage(i,v,-m-f,g,f));break;case 2:case-2:this.full?(p(u/this.scale,A/this.scale),l.rotate(s*90*Math.PI/180),m=m/this.scale,v=v/this.scale,l.drawImage(i,-m-g/this.scale,-v-f/this.scale,g/this.scale,f/this.scale)):(l.rotate(s*90*Math.PI/180),l.drawImage(i,-m-g,-v-f,g,f));break;case 3:case-1:this.full?(p(u/this.scale,A/this.scale),m=m/this.scale+(g/this.scale-f/this.scale)/2,v=v/this.scale+(f/this.scale-g/this.scale)/2,l.rotate(s*90*Math.PI/180),l.drawImage(i,-v-g/this.scale,m,g/this.scale,f/this.scale)):(m=m+(g-f)/2,v=v+(f-g)/2,l.rotate(s*90*Math.PI/180),l.drawImage(i,-v-g,m,g,f));break;default:this.full?(p(u/this.scale,A/this.scale),l.drawImage(i,m/this.scale,v/this.scale,g/this.scale,f/this.scale)):l.drawImage(i,m,v,g,f)}l.restore()}else{let l=o*this.scale,c=r*this.scale,u=t.getContext("2d");switch(u.save(),s){case 0:p(l,c),u.drawImage(i,0,0,l,c);break;case 1:case-3:p(c,l),u.rotate(s*90*Math.PI/180),u.drawImage(i,0,-c,l,c);break;case 2:case-2:p(l,c),u.rotate(s*90*Math.PI/180),u.drawImage(i,-l,-c,l,c);break;case 3:case-1:p(c,l),u.rotate(s*90*Math.PI/180),u.drawImage(i,-l,0,l,c);break;default:p(l,c),u.drawImage(i,0,0,l,c)}u.restore()}e(t)};var n=this.img.substr(0,4);n!=="data"&&(i.crossOrigin="Anonymous"),i.src=this.imgs;function p(l,c){t.width=Math.round(l),t.height=Math.round(c)}},getCropData(e){this.getCropChecked(t=>{e(t.toDataURL("image/"+this.outputType,this.outputSize))})},getCropBlob(e){this.getCropChecked(t=>{t.toBlob(i=>e(i),"image/"+this.outputType,this.outputSize)})},showPreview(){if(this.isCanShow)this.isCanShow=!1,setTimeout(()=>{this.isCanShow=!0},16);else return!1;let e=this.cropW,t=this.cropH,i=this.scale;var s={};s.div={width:`${e}px`,height:`${t}px`};let o=(this.x-this.cropOffsertX)/i,r=(this.y-this.cropOffsertY)/i,a=0;s.w=e,s.h=t,s.url=this.imgs,s.img={width:`${this.trueWidth}px`,height:`${this.trueHeight}px`,transform:`scale(${i})translate3d(${o}px, ${r}px, ${a}px)rotateZ(${this.rotate*90}deg)`},s.html=`
  2. <div class="show-preview" style="width: ${s.w}px; height: ${s.h}px,; overflow: hidden">
  3. <div style="width: ${e}px; height: ${t}px">
  4. <img src=${s.url} style="width: ${this.trueWidth}px; height: ${this.trueHeight}px; transform:
  5. scale(${i})translate3d(${o}px, ${r}px, ${a}px)rotateZ(${this.rotate*90}deg)">
  6. </div>
  7. </div>`,this.$emit("realTime",s),this.$emit("real-time",s)},reload(){let e=new Image;e.onload=()=>{this.w=parseFloat(window.getComputedStyle(this.$refs.cropper).width),this.h=parseFloat(window.getComputedStyle(this.$refs.cropper).height),this.trueWidth=e.width,this.trueHeight=e.height,this.original?this.scale=1:this.scale=this.checkedMode(),this.$nextTick(()=>{this.x=-(this.trueWidth-this.trueWidth*this.scale)/2+(this.w-this.trueWidth*this.scale)/2,this.y=-(this.trueHeight-this.trueHeight*this.scale)/2+(this.h-this.trueHeight*this.scale)/2,this.loading=!1,this.autoCrop&&this.goAutoCrop(),this.$emit("img-load","success"),this.$emit("imgLoad","success"),setTimeout(()=>{this.showPreview()},20)})},e.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error")},e.src=this.imgs},checkedMode(){let e=1,t=this.trueWidth,i=this.trueHeight;const s=this.mode.split(" ");switch(s[0]){case"contain":this.trueWidth>this.w&&(e=this.w/this.trueWidth),this.trueHeight*e>this.h&&(e=this.h/this.trueHeight);break;case"cover":t=this.w,e=t/this.trueWidth,i=i*e,i<this.h&&(i=this.h,e=i/this.trueHeight);break;default:try{let o=s[0];if(o.search("px")!==-1){o=o.replace("px",""),t=parseFloat(o);const r=t/this.trueWidth;let a=1,h=s[1];h.search("px")!==-1&&(h=h.replace("px",""),i=parseFloat(h),a=i/this.trueHeight),e=Math.min(r,a)}if(o.search("%")!==-1&&(o=o.replace("%",""),t=parseFloat(o)/100*this.w,e=t/this.trueWidth),s.length===2&&o==="auto"){let r=s[1];r.search("px")!==-1&&(r=r.replace("px",""),i=parseFloat(r),e=i/this.trueHeight),r.search("%")!==-1&&(r=r.replace("%",""),i=parseFloat(r)/100*this.h,e=i/this.trueHeight)}}catch{e=1}}return e},goAutoCrop(e,t){if(this.imgs===""||this.imgs===null)return;this.clearCrop(),this.cropping=!0;let i=this.w,s=this.h;if(this.centerBox){const a=Math.abs(this.rotate)%2>0;let h=(a?this.trueHeight:this.trueWidth)*this.scale,n=(a?this.trueWidth:this.trueHeight)*this.scale;i=h<i?h:i,s=n<s?n:s}var o=e||parseFloat(this.autoCropWidth),r=t||parseFloat(this.autoCropHeight);(o===0||r===0)&&(o=i*.8,r=s*.8),o=o>i?i:o,r=r>s?s:r,this.fixed&&(r=o/this.fixedNumber[0]*this.fixedNumber[1]),r>this.h&&(r=this.h,o=r/this.fixedNumber[1]*this.fixedNumber[0]),this.changeCrop(o,r)},changeCrop(e,t){if(this.centerBox){let i=this.getImgAxis();e>i.x2-i.x1&&(e=i.x2-i.x1,t=e/this.fixedNumber[0]*this.fixedNumber[1]),t>i.y2-i.y1&&(t=i.y2-i.y1,e=t/this.fixedNumber[1]*this.fixedNumber[0])}this.cropW=e,this.cropH=t,this.checkCropLimitSize(),this.$nextTick(()=>{this.cropOffsertX=(this.w-this.cropW)/2,this.cropOffsertY=(this.h-this.cropH)/2,this.centerBox&&this.moveCrop(null,!0)})},refresh(){this.img,this.imgs="",this.scale=1,this.crop=!1,this.rotate=0,this.w=0,this.h=0,this.trueWidth=0,this.trueHeight=0,this.clearCrop(),this.$nextTick(()=>{this.checkedImg()})},rotateLeft(){this.rotate=this.rotate<=-3?0:this.rotate-1},rotateRight(){this.rotate=this.rotate>=3?0:this.rotate+1},rotateClear(){this.rotate=0},checkoutImgAxis(e,t,i){e=e||this.x,t=t||this.y,i=i||this.scale;let s=!0;if(this.centerBox){let o=this.getImgAxis(e,t,i),r=this.getCropAxis();o.x1>=r.x1&&(s=!1),o.x2<=r.x2&&(s=!1),o.y1>=r.y1&&(s=!1),o.y2<=r.y2&&(s=!1)}return s}},mounted(){this.support="onwheel"in document.createElement("div")?"wheel":document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll";let e=this;var t=navigator.userAgent;this.isIOS=!!t.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),HTMLCanvasElement.prototype.toBlob||Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(i,s,o){for(var r=atob(this.toDataURL(s,o).split(",")[1]),a=r.length,h=new Uint8Array(a),n=0;n<a;n++)h[n]=r.charCodeAt(n);i(new Blob([h],{type:e.type||"image/png"}))}}),this.showPreview(),this.checkedImg()},destroyed(){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.cancelScale()}}),se={key:0,class:"cropper-box"},oe=["src"],re={class:"cropper-view-box"},ae=["src"],he={key:1};function ne(e,t,i,s,o,r){return b(),x("div",{class:"vue-cropper",ref:"cropper",onMouseover:t[28]||(t[28]=(...a)=>e.scaleImg&&e.scaleImg(...a)),onMouseout:t[29]||(t[29]=(...a)=>e.cancelScale&&e.cancelScale(...a))},[e.imgs?(b(),x("div",se,[S(w("div",{class:"cropper-box-canvas",style:y({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+e.x/e.scale+"px,"+e.y/e.scale+"px,0)rotateZ("+e.rotate*90+"deg)"})},[w("img",{src:e.imgs,alt:"cropper-img",ref:"cropperImg"},null,8,oe)],4),[[X,!e.loading]])])):L("",!0),w("div",{class:K(["cropper-drag-box",{"cropper-move":e.move&&!e.crop,"cropper-crop":e.crop,"cropper-modal":e.cropping}]),onMousedown:t[0]||(t[0]=(...a)=>e.startMove&&e.startMove(...a)),onTouchstart:t[1]||(t[1]=(...a)=>e.startMove&&e.startMove(...a))},null,34),S(w("div",{class:"cropper-crop-box",style:y({width:e.cropW+"px",height:e.cropH+"px",transform:"translate3d("+e.cropOffsertX+"px,"+e.cropOffsertY+"px,0)"})},[w("span",re,[w("img",{style:y({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+(e.x-e.cropOffsertX)/e.scale+"px,"+(e.y-e.cropOffsertY)/e.scale+"px,0)rotateZ("+e.rotate*90+"deg)"}),src:e.imgs,alt:"cropper-img"},null,12,ae)]),w("span",{class:"cropper-face cropper-move",onMousedown:t[2]||(t[2]=(...a)=>e.cropMove&&e.cropMove(...a)),onTouchstart:t[3]||(t[3]=(...a)=>e.cropMove&&e.cropMove(...a))},null,32),e.info?(b(),x("span",{key:0,class:"crop-info",style:y({top:e.cropInfo.top})},H(e.cropInfo.width)+" \xD7 "+H(e.cropInfo.height),5)):L("",!0),e.fixedBox?L("",!0):(b(),x("span",he,[w("span",{class:"crop-line line-w",onMousedown:t[4]||(t[4]=a=>e.changeCropSize(a,!1,!0,0,1)),onTouchstart:t[5]||(t[5]=a=>e.changeCropSize(a,!1,!0,0,1))},null,32),w("span",{class:"crop-line line-a",onMousedown:t[6]||(t[6]=a=>e.changeCropSize(a,!0,!1,1,0)),onTouchstart:t[7]||(t[7]=a=>e.changeCropSize(a,!0,!1,1,0))},null,32),w("span",{class:"crop-line line-s",onMousedown:t[8]||(t[8]=a=>e.changeCropSize(a,!1,!0,0,2)),onTouchstart:t[9]||(t[9]=a=>e.changeCropSize(a,!1,!0,0,2))},null,32),w("span",{class:"crop-line line-d",onMousedown:t[10]||(t[10]=a=>e.changeCropSize(a,!0,!1,2,0)),onTouchstart:t[11]||(t[11]=a=>e.changeCropSize(a,!0,!1,2,0))},null,32),w("span",{class:"crop-point point1",onMousedown:t[12]||(t[12]=a=>e.changeCropSize(a,!0,!0,1,1)),onTouchstart:t[13]||(t[13]=a=>e.changeCropSize(a,!0,!0,1,1))},null,32),w("span",{class:"crop-point point2",onMousedown:t[14]||(t[14]=a=>e.changeCropSize(a,!1,!0,0,1)),onTouchstart:t[15]||(t[15]=a=>e.changeCropSize(a,!1,!0,0,1))},null,32),w("span",{class:"crop-point point3",onMousedown:t[16]||(t[16]=a=>e.changeCropSize(a,!0,!0,2,1)),onTouchstart:t[17]||(t[17]=a=>e.changeCropSize(a,!0,!0,2,1))},null,32),w("span",{class:"crop-point point4",onMousedown:t[18]||(t[18]=a=>e.changeCropSize(a,!0,!1,1,0)),onTouchstart:t[19]||(t[19]=a=>e.changeCropSize(a,!0,!1,1,0))},null,32),w("span",{class:"crop-point point5",onMousedown:t[20]||(t[20]=a=>e.changeCropSize(a,!0,!1,2,0)),onTouchstart:t[21]||(t[21]=a=>e.changeCropSize(a,!0,!1,2,0))},null,32),w("span",{class:"crop-point point6",onMousedown:t[22]||(t[22]=a=>e.changeCropSize(a,!0,!0,1,2)),onTouchstart:t[23]||(t[23]=a=>e.changeCropSize(a,!0,!0,1,2))},null,32),w("span",{class:"crop-point point7",onMousedown:t[24]||(t[24]=a=>e.changeCropSize(a,!1,!0,0,2)),onTouchstart:t[25]||(t[25]=a=>e.changeCropSize(a,!1,!0,0,2))},null,32),w("span",{class:"crop-point point8",onMousedown:t[26]||(t[26]=a=>e.changeCropSize(a,!0,!0,2,2)),onTouchstart:t[27]||(t[27]=a=>e.changeCropSize(a,!0,!0,2,2))},null,32)]))],4),[[X,e.cropping]])],544)}var T=te(ie,[["render",ne],["__scopeId","data-v-be5e5ddc"]]);typeof window!="undefined"&&window.Vue&&window.Vue.createApp({}).component("VueCropper",T);var le="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",pe=O({name:"cropper",props:{cropperNo:{type:Function,default:e=>{}},cropperOk:{type:Function,default:e=>{}},bucket:{type:String,default:"daya"}},data(){return{ossUploadUrl:"https://ks3-cn-beijing.ksyuncs.com/"+this.bucket,dataObj:{policy:"",signature:"",key:"",KSSAccessKeyId:"",acl:"public-read",name:""},visible:!1,img:null,options:{img:"",autoCrop:!0,autoCropWidth:180,autoCropHeight:180,fixedBox:!0,full:!1,enlarge:1,previewsCircle:!0,centerBox:!0,outputType:"png",title:"\u4FEE\u6539\u5934\u50CF",name:null},previews:{},url:{upload:"/sys/common/saveToImgByStr"},submitLoading:!1}},methods:{edit(e){const{options:t}=this;this.visible=!0,this.options=Object.assign({},t,e),console.log(this.options)},cancelHandel(){this.visible=!1,this.cropperNo()},okHandel(){this.$refs.cropperRef.getCropBlob(async e=>{this.submitLoading=!0;const t=this.options,i=(t.name?t.name.split(".")[0]:+new Date)+".png";try{let s=new Date().getTime()+i,o={filename:i,bucketName:this.bucket,postData:{filename:i,acl:"public-read",key:s,unknowValueField:[]}};const r=await N.post("/api-website/getUploadSign",{data:o});this.dataObj={policy:r.data.policy,signature:r.data.signature,key:s,KSSAccessKeyId:r.data.kssAccessKeyId,acl:"public-read",name:i};let a=new FormData;for(let n in this.dataObj)a.append(n,this.dataObj[n]);a.append("file",this.blobToFile(e,i),i),await R(this.ossUploadUrl,{method:"POST",data:a}),console.log(this.ossUploadUrl+"/"+s);const h=this.ossUploadUrl+"/"+s;this.cropperOk(h)}catch(s){I.error(s)}finally{this.submitLoading=!1,this.cancelHandel()}})},blobToFile(e,t){return e.lastModifiedDate=new Date,e.name=t,e},base64ToFile(e,t){let i=e.split(","),s=i[0].match(/:(.*?);/)[1],o=atob(i[1]),r=o.length,a=new Uint8Array(r);for(;r--;)a[r]=o.charCodeAt(r);return new File([a],t,{type:s})},realTime(e){this.previews=e},changeScale(e){e=e||1,this.$refs.cropperRef.changeScale(e)},rotateLeft(){this.$refs.cropperRef.rotateLeft()},rotateRight(){this.$refs.cropperRef.rotateRight()}},render(){return d(F,{modelValue:this.visible,"onUpdate:modelValue":e=>this.visible=e,appendToBody:!0,title:this.options.title,closeOnClickModal:!1,width:"800px"},{default:()=>[d(D,null,{default:()=>[d(Y,{xs:24,md:12,style:{width:"350px"}},{default:()=>[d(T,{ref:"cropperRef",img:this.options.img,info:!0,autoCrop:this.options.autoCrop,autoCropWidth:this.options.autoCropWidth,full:this.options.full,outputType:this.options.outputType,autoCropHeight:this.options.autoCropHeight,fixedBox:this.options.fixedBox,enlarge:this.options.enlarge,onRealTime:this.realTime,style:{height:"350px"}},null),d("div",{class:"flex pt-2"},[d("div",{onClick:()=>{this.changeScale(1)},class:"mr-2 cursor-pointer",title:"\u653E\u5927"},[d(W,{size:30,color:"#333"},{default:()=>[d(V,null,null)]})]),d("div",{onClick:()=>{this.changeScale(-1)},class:"mr-2 cursor-pointer",title:"\u7F29\u5C0F"},[d(W,{size:30,color:"#333"},{default:()=>[d(Z,null,null)]})]),d("div",{onClick:this.rotateRight,title:"\u5411\u53F3\u65CB\u8F6C",class:"cursor-pointer"},[d("img",{src:le,class:"w-[30px] h-[30px]"},null)])])]}),d(Y,{xs:24,md:12,style:{height:"350px"}},{default:()=>[d("div",{class:C.previewImg},[d("span",null,[M("\u9884\u89C8\u56FE\u7247")]),d("div",{class:this.options.previewsCircle?C["avatar-upload-preview"]:C["avatar-upload-preview_range"],style:{width:this.options.autoCropWidth+"px",height:this.options.autoCropHeight+"px"}},[d(E,{src:this.previews.url,style:this.previews.img},null)])])]})]})],footer:()=>d("span",{class:"dialog-footer !text-center block"},[d(k,{onClick:this.cancelHandel,disabled:this.submitLoading},{default:()=>[M("\u53D6\u6D88")]}),d(k,{type:"primary",onClick:this.okHandel,loading:this.submitLoading},{default:()=>[M("\u4FDD \u5B58")]})])})}}),ue=O({name:"col-cropper",props:{modelValue:{type:String,default:""},options:{type:Object,default:{autoCrop:!0,enlarge:1,autoCropWidth:200,autoCropHeight:200,fixedBox:!0,previewsCircle:!0,title:"\u4E0A\u4F20\u56FE\u7247"}},showSize:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},bucket:{type:String,default:"daya"},size:{type:Number,default:5},accept:{type:String,default:"images/*"},tips:{type:String,default:"\u8BF7\u4E0A\u4F20\u56FE\u7247"},extraTips:{type:String,default:"\u56FE\u7247\u6700\u5927\u4E0D\u80FD\u8D85\u8FC75MB"},cropUploadSuccess:{type:Function,default:e=>{}}},data(){return{isStopRun:!1,loading:!1}},methods:{onDelete(){this.$emit("update:modelValue","")},async handleChange(e){if(this.isStopRun)return;this.loading=!0;const t=this.options;this.getBase64(e.file,i=>{const s=Object.assign({},t,{img:i,name:e.file.name});this.$refs.CropperModal.edit(s)})},beforeUpload(e){this.isStopRun=!1;var t=e.type;if(t.indexOf("image")<0)return I.warning("\u8BF7\u4E0A\u4F20\u56FE\u7247"),this.isStopRun=!0,!1;console.log(this.size);const i=this.size||0,s=e.size<i*1024*1024;return s||(I.error("\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7"+this.size+"MB!"),this.isStopRun=!0),s},error(){this.remove(),this.loading=!1},remove(){this.onDelete()},handleCropperSuccess(e){this.loading=!1,console.log(e,"success"),this.$emit("update:modelValue",e),this.cropUploadSuccess(e)},handleCropperClose(){this.loading=!1,this.remove()},getBase64(e,t){const i=new FileReader;i.addEventListener("load",()=>t(i.result)),i.readAsDataURL(e)}},render(){return d("div",{class:[C.colUpload,"w-full"]},[d(U,{disabled:this.disabled,showFileList:!1,accept:this.accept,beforeUpload:this.beforeUpload,httpRequest:this.handleChange,ref:"uploadRef"},{default:()=>[d("div",{ref:"uploadDom",class:[C.uploadClass,"w-full"],style:{height:"106px"}},[this.modelValue?d(E,{src:this.modelValue,fit:"cover",class:C.uploadSection},null):d("div",{class:[C.uploadSection,"flex items-center flex-col justify-center"]},[d("img",{src:z,class:"w-8 h-7 mb-3"},null),d("p",null,[this.tips])])])]}),d("p",{class:"text-3 text-[#999999] leading-6 pt-1"},[this.extraTips]),d(pe,{ref:"CropperModal",bucket:this.bucket,cropperNo:this.handleCropperClose,cropperOk:this.handleCropperSuccess},null)])}}),ge="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=",fe="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";export{ue as C,fe as a,ge as i};