2 lines
25 KiB
JavaScript
2 lines
25 KiB
JavaScript
import{C as t,ax as e,I as i,aK as h,H as a,aL as s,s as o,L as l,aM as n,_ as r,h as d,l as c,w as g,Z as p,e as m,y as u,d as w,F as f,k as y,x,j as b,K as v,aw as k,i as I,aN as S,r as W,a as z,o as B,b as C,c as A,R as H,aa as M,g as T,as as R,ad as V,ac as Y,aO as Z,u as D}from"./index-y8AadDM5.js";var E={x:0,y:0},F=1,G=1,L=0,N=[],P={},Q={},U={},j="",X=0,O={left:0,right:0,top:0,bottom:0},J=0,_="H5";function K(t,e){return t>0&&e<0?t:t<0&&e>0?e:t>0&&e>0?Math.min(t,e):0}function q(t){var e=parseFloat(t.toFixed(6));return 1e-6===e||-1e-6===e?0:e}function $(t,e){var i=t-e;return i<0?i<-1e-6:i<1e-6}function tt(t,e,i,h,a,s){if("number"==typeof e){if(i&&(l=e,n=a,Math.abs(l-n)<=1e-6)){var o=q(e*s);return o<=h?o:h}return e}var l,n;return t}function et(t,e,i){"H5"===_&&(t[e]=i)}function it(t){var e=t[1].pageX-t[0].pageX,i=t[1].pageY-t[0].pageY;return{c:Math.sqrt(Math.pow(e,2)+Math.pow(i,2)),x:t[1].pageX-e/2,y:t[1].pageY-i/2}}function ht(t,e,i,h){return q(h?Math.max(Math.min(t,e),i):Math.min(Math.max(t,e),i))}function at(t,e,i){var h=q((P.height-P.width)/2);return{x:ht(t.x,-P.height+h+U.width+U.left,U.left+h,e),y:ht(t.y,-P.width-h+U.height+U.top,U.top-h,i)}}function st(t){if(E.x+=t.x||0,E.y+=t.y||0,t.check&&U.checkRange){var e=function(t){if(1==L/90%2){if(U.width===U.height)return at(t,P.height<U.height,P.width<U.width);var e=P.height<U.width&&P.width<U.height;if(P.width<U.height||P.height<U.width){if(U.width<U.height&&P.width<P.height)return e?at(t,U.width<U.height,U.width<U.height):at(t,!1,!0);if(U.height<U.width&&P.height<P.width)return e?at(t,U.height<U.width,U.height<U.width):at(t,!0,!1)}return P.height>=U.width&&P.width>=U.height?at(t,!1,!1):e?U.height<U.width?at(t,!0,!0):at(t,U.width<U.height,U.width<U.height):P.height<U.width&&!P.width<U.height?at(t,!0,!1):!P.height<U.width&&P.width<U.height?at(t,!1,!0):at(t,P.height<U.height,P.width<U.width)}return{x:ht(t.x,-P.width+U.width+U.left,U.left,P.width<U.width),y:ht(t.y,-P.height+U.height+U.top,U.top,P.height<U.height)}}(E);E.x===e.x&&E.y===e.y||(E=e)}var i,h,a,s=(P.width-P.oldWidth)/2,o=(P.height-P.oldHeight)/2;et(t.instance,"imageStyles",{width:P.oldWidth+"px",height:P.oldHeight+"px",transform:(P.gpu?"translateZ(0) ":"")+"translate("+(E.x+s)+"px, "+(E.y+o)+"px) rotate("+L+"deg) scale("+F+")"}),i=t.instance,h="dataChange",a={width:P.width,height:P.height,x:E.x,y:E.y,rotate:L},"H5"===_&&i[h](a)}function ot(t){if(et(t.instance,"maskStylesList",[{left:0,width:U.left+O.left+"px",top:0,bottom:0,"z-index":U.zIndex+2},{left:U.right+O.right+"px",right:0,top:0,bottom:0,"z-index":U.zIndex+2},{left:U.left+O.left+"px",width:U.width+O.right-O.left+"px",top:0,height:U.top+O.top+"px","z-index":U.zIndex+2},{left:U.left+O.left+"px",width:U.width+O.right-O.left+"px",top:U.bottom+O.bottom+"px",bottom:0,"z-index":U.zIndex+2}]),U.showBorder&&et(t.instance,"borderStyles",{left:U.left+O.left+"px",top:U.top+O.top+"px",width:U.width+O.right-O.left+"px",height:U.height+O.bottom-O.top+"px","z-index":U.zIndex+3}),U.showGrid&&et(t.instance,"gridStylesList",[{"border-width":"1px 0 0 0",left:U.left+O.left+"px",right:U.right+O.right+"px",top:U.top+O.top+(U.height+O.bottom-O.top)/3-.5+"px",width:U.width+O.right-O.left+"px","z-index":U.zIndex+3},{"border-width":"1px 0 0 0",left:U.left+O.left+"px",right:U.right+O.right+"px",top:U.top+O.top+2*(U.height+O.bottom-O.top)/3-.5+"px",width:U.width+O.right-O.left+"px","z-index":U.zIndex+3},{"border-width":"0 1px 0 0",top:U.top+O.top+"px",bottom:U.bottom+O.bottom+"px",left:U.left+O.left+(U.width+O.right-O.left)/3-.5+"px",height:U.height+O.bottom-O.top+"px","z-index":U.zIndex+3},{"border-width":"0 1px 0 0",top:U.top+O.top+"px",bottom:U.bottom+O.bottom+"px",left:U.left+O.left+2*(U.width+O.right-O.left)/3-.5+"px",height:U.height+O.bottom-O.top+"px","z-index":U.zIndex+3}]),U.showAngle&&et(t.instance,"angleStylesList",[{"border-width":U.angleBorderWidth+"px 0 0 "+U.angleBorderWidth+"px",left:U.left+O.left-U.angleBorderWidth+"px",top:U.top+O.top-U.angleBorderWidth+"px","z-index":U.zIndex+3},{"border-width":U.angleBorderWidth+"px "+U.angleBorderWidth+"px 0 0",left:U.right+O.right-U.angleSize+"px",top:U.top+O.top-U.angleBorderWidth+"px","z-index":U.zIndex+3},{"border-width":"0 0 "+U.angleBorderWidth+"px "+U.angleBorderWidth+"px",left:U.left+O.left-U.angleBorderWidth+"px",top:U.bottom+O.bottom-U.angleSize+"px","z-index":U.zIndex+3},{"border-width":"0 "+U.angleBorderWidth+"px "+U.angleBorderWidth+"px 0",left:U.right+O.right-U.angleSize+"px",top:U.bottom+O.bottom-U.angleSize+"px","z-index":U.zIndex+3}]),U.radius>0){var e=U.radius;U.width===U.height&&U.radius>=U.width/2?e=U.width/2:U.width!==U.height&&(e=Math.min(U.width/2,U.height/2,e)),et(t.instance,"circleBoxStyles",{left:U.left+O.left+"px",top:U.top+O.top+"px",width:U.width+O.right-O.left+"px",height:U.height+O.bottom-O.top+"px","z-index":U.zIndex+2}),et(t.instance,"circleStyles",{"box-shadow":"0 0 0 "+Math.max(U.width,U.height)+"px rgba(51, 51, 51, 0.8)","border-radius":e+"px"})}}function lt(t){var e=F;return e!==(F=Math.min(Math.max(t.scale+F,G),P.maxScale))&&(P.width=q(P.oldWidth*F),P.height=q(P.oldHeight*F),t.x=q((t.x-E.x)*(1-F/e)),t.y=q((t.y-E.y)*(1-F/e)),st(t),!0)}function nt(t){for(var e=[],i=t?t.length:0,h=0;h<i;h++)e[h]={pageX:t[h].pageX,pageY:t[h].pageY+Q.windowTop};return e}var rt=!1;const dt={mixins:[{data:()=>({imageStyles:{},maskStylesList:[{},{},{},{}],borderStyles:{},gridStylesList:[{},{},{},{}],angleStylesList:[{},{},{},{}],circleBoxStyles:{},circleStyles:{}}),created(){"H5"===_&&window.addEventListener("mousewheel",(async t=>{var e=nt([t]);P.src&<({instance:await this.getInstance(),check:!0,scale:t.deltaY>0?-.05:.05,x:e[0].pageX,y:e[0].pageY})}))},mounted(){"H5"===_&&this.initH5Events()},setPlatform(t){_=t},methods:{getTouchEvent:t=>(t.touches=[{pageX:t.pageX,pageY:t.pageY}],t),initH5Events(){const t=document.getElementById("pic-preview");null==t||t.addEventListener("mousedown",((t,e)=>{rt=!0,this.touchstart(this.getTouchEvent(t))})),null==t||t.addEventListener("mousemove",(t=>{rt&&this.touchmove(this.getTouchEvent(t))})),null==t||t.addEventListener("mouseup",(t=>{rt=!1,this.touchend(this.getTouchEvent(t))})),null==t||t.addEventListener("mouseleave",(t=>{rt=!1,this.touchend(this.getTouchEvent(t))}))},async getInstance(){if("H5"===_)return Promise.resolve(this)},initObserver:async function(t,e,i,h){if(t&&(!P.src||J!==t.timestamp)){J=t.timestamp,P=t.img,Q=t.sys,U=t.area,G=P.minScale,E={x:0,y:0},F=1,G=P.minScale,L=0;const e=await this.getInstance();P.src&&st({instance:e,x:(Q.windowWidth-P.width)/2,y:(Q.windowHeight+Q.windowTop-Q.offsetBottom-P.height)/2}),ot({instance:e})}},mousewheel:function(t,e){},touchstart:function(t,e){P.src&&(N=nt(t.touches),X=U.showAngle?function(t,e){var i=U.angleBorderWidth,h=Q.navigation?0:Q.windowTop;if(e>=U.top-i+h&&e<=U.top+U.angleSize+i+h){if(t>=U.left-i&&t<=U.left+U.angleSize+i)return 1;if(t>=U.right-U.angleSize-i&&t<=U.right+i)return 2}else if(e>=U.bottom-U.angleSize-i+h&&e<=U.bottom+i+h){if(t>=U.left-i&&t<=U.left+U.angleSize+i)return 3;if(t>=U.right-U.angleSize-i&&t<=U.right+i)return 4}return 0}(N[0].pageX,N[0].pageY):0,j=1===N.length&&0!==X?"stretch":"")},touchmove:async function(t,e){if(P.src){if(t.touches=nt(t.touches),"stretch"===j){var i=t.touches[0],h=N[0],a=i.pageX-h.pageX,s=i.pageY-h.pageY;if(0!==a||0!==s){var o=q(U.width*(1-U.minScale)),l=q(U.height*(1-U.minScale));N[0]=i;var n=L/90%2,r=1===n?q((P.height-P.width)/2):0,d=$(1===n?P.height:P.width,U.width),c=$(1===n?P.width:P.height,U.height),g=d&&c,p=U.checkRange&&(d||c),m=!g||q((E.x-U.left)/U.width)<=q((E.y-U.top)/U.height)||U.width>U.height&&P.width<P.height&&1===n;switch(X){case 1:if(a=q(a+O.left),s=q(s+O.top),a>=0&&s>=0){var u=q(E.y+r-U.top),w=q(E.x-r-U.left),f=!(!p||!(w>=0||u>=0))&&K(u,w);a>s&&m?(a>(o=tt(o,f,g,w,u,U.width/U.height))&&(a=o),s=q(a*U.height/U.width)):(s>(l=tt(l,f,g,u,w,U.height/U.width))&&(s=l),a=q(s*U.width/U.height)),O.left=a,O.top=s}break;case 2:if(a=q(a+O.right),s=q(s+O.top),a<=0&&s>=0){var y=1===n?P.height:P.width;u=q(E.y+r-U.top),w=q(U.right+r-E.x-y),f=!(!p||!(u>=0||w>=0))&&K(u,w);-a>s&&m?(-a>(o=tt(o,f,g,w,u,U.width/U.height))&&(a=-o),s=q(-a*U.height/U.width)):(s>(l=tt(l,f,g,u,w,U.height/U.width))&&(s=l),a=q(-s*U.width/U.height)),O.right=a,O.top=s}break;case 3:if(a+=q(a+O.left),s+=q(s+O.bottom),a>=0&&s<=0){y=1===n?P.width:P.height,u=q(U.bottom-r-E.y-y),w=q(E.x-r-U.left),f=!(!p||!(w>=0||u>=0))&&K(u,w);a>-s&&m?(a>(o=tt(o,f,g,w,u,U.width/U.height))&&(a=o),s=q(-a*U.height/U.width)):(-s>(l=tt(l,f,g,u,w,U.height/U.width))&&(s=-l),a=q(-s*U.width/U.height)),O.left=a,O.bottom=s}break;case 4:if(a=q(a+O.right),s=q(s+O.bottom),a<=0&&s<=0){y=1===n?P.height:P.width;var x=1===n?P.width:P.height;u=q(U.bottom-E.y-x-r),w=q(U.right+r-E.x-y),f=!(!p||!(w>=0||u>=0))&&K(u,w);-a>-s&&m?(-a>(o=tt(o,f,g,w,u,U.width/U.height))&&(a=-o),s=q(a*U.height/U.width)):(-s>(l=tt(l,f,g,u,w,U.height/U.width))&&(s=-l),a=q(s*U.width/U.height)),O.right=a,O.bottom=s}}ot({instance:await this.getInstance()})}}else if(2==t.touches.length){h=it(N);var b=it(t.touches);lt({instance:await this.getInstance(),check:!U.bounce,scale:(b.c-h.c)/100,x:b.x,y:b.y}),j="scale"}else"scale"===j||st({instance:await this.getInstance(),check:!U.bounce,x:t.touches[0].pageX-N[0].pageX,y:t.touches[0].pageY-N[0].pageY}),j="move";N=t.touches}},touchend:async function(t,e){if(P.src)if("stretch"===j){var i=O.left,h=O.right,a=O.top,s=O.bottom,o=U.width+h-i,l=U.height+s-a,n=F*(U.width/o)-F;O={left:0,right:0,top:0,bottom:0},ot({instance:await this.getInstance()}),lt({instance:await this.getInstance(),scale:n,x:U.left+i+(1===X||3===X?o:0),y:U.top+a+(1===X||2===X?l:0)})}else U.bounce&&st({instance:await this.getInstance(),check:!0})},rotateImage:async function(t){L=(L+(t||90))%360,P.minScale>=1&&U.checkRange&&(G=1,P.width<U.height?G=U.height/P.oldWidth:P.height<U.width&&(G=U.width/P.oldHeight),1!==G&<({instance:await this.getInstance(),scale:G-F,x:Q.windowWidth/2,y:(Q.windowHeight-Q.offsetBottom)/2}));var e=(E.x+P.width-U.right-(U.left-E.x))/2,i=(E.y+P.height-U.bottom-(U.top-E.y))/2;st({instance:await this.getInstance(),check:!0,x:-e-i,y:-i+e})},rotateImage90:function(){this.rotateImage(90)},rotateImage270:function(){this.rotateImage(270)}}}]},ct=t=>{t.$renderjs||(t.$renderjs=[]),t.$renderjs.push("cropper"),t.mixins||(t.mixins=[]),t.mixins.push({beforeCreate(){this.cropper=this},mounted(){this.$ownerInstance=this.$gcd(this,!0)}}),t.mixins.push(dt)},gt={name:"qf-image-cropper",props:{src:{type:String,default:""},width:{type:Number,default:300},height:{type:Number,default:300},showBorder:{type:Boolean,default:!0},showGrid:{type:Boolean,default:!0},showAngle:{type:Boolean,default:!0},areaScale:{type:Number,default:.3},minScale:{type:Number,default:1},maxScale:{type:Number,default:5},checkRange:{type:Boolean,default:!0},backgroundColor:{type:String},bounce:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},reverseRotatable:{type:Boolean,default:!1},choosable:{type:Boolean,default:!0},gpu:{type:Boolean,default:!1},angleSize:{type:Number,default:20},angleBorderWidth:{type:Number,default:2},zIndex:{type:[Number,String]},radius:{type:Number,default:0},fileType:{type:String,default:"png"},delay:{type:Number,default:1e3},navigation:{type:Boolean,default:!0}},emits:["crop"],data:()=>({maskList:[{id:"crop-mask-block-1"},{id:"crop-mask-block-2"},{id:"crop-mask-block-3"},{id:"crop-mask-block-4"}],gridList:[{id:"crop-grid-1"},{id:"crop-grid-2"},{id:"crop-grid-3"},{id:"crop-grid-4"}],angleList:[{id:"crop-angle-1"},{id:"crop-angle-2"},{id:"crop-angle-3"},{id:"crop-angle-4"}],imgSrc:"",imgWidth:300,imgHeight:300,widthPercent:75,heightPercent:75,area:{},oldWidth:0,oldHeight:0,sys:t(),scaleWidth:0,scaleHeight:0,rotate:0,offsetX:0,offsetY:0,use2d:!1,canvansWidth:0,canvansHeight:0}),computed:{initData(){return{timestamp:(new Date).getTime(),area:{...this.area,bounce:this.bounce,showBorder:this.showBorder,showGrid:this.showGrid,showAngle:this.showAngle,angleSize:this.angleSize,angleBorderWidth:this.angleBorderWidth,minScale:this.areaScale,widthPercent:this.widthPercent,heightPercent:this.heightPercent,radius:this.radius,checkRange:this.checkRange,zIndex:+this.zIndex||0},sys:this.sys,img:{minScale:this.minScale,maxScale:this.maxScale,src:this.imgSrc,width:this.oldWidth,height:this.oldHeight,oldWidth:this.oldWidth,oldHeight:this.oldHeight,gpu:this.gpu}}},imgProps(){return{width:this.width,height:this.height,src:this.src}}},watch:{imgProps:{handler(t,e){this.imgWidth=Number(t.width)||300,this.imgHeight=Number(t.height)||300;let i=!0;i=!1;let h=this.imgWidth,a=this.imgHeight,s=Math.max(h,a),o=1;s>1365&&(o=1365/s),this.canvansWidth=h*o,this.canvansHeight=a*o,this.use2d=false,this.initArea();const l=t.src||this.imgSrc;l&&this.initImage(l,void 0===e)},immediate:!0}},methods:{dataChange(t){this.scaleWidth=t.width,this.scaleHeight=t.height,this.rotate=t.rotate,this.offsetX=t.x,this.offsetY=t.y},initArea(){this.sys.offsetBottom=e(100)+this.sys.safeAreaInsets.bottom,this.sys.windowTop=this.sys.windowTop||44,this.sys.navigation=this.navigation;let t=this.widthPercent,i=this.heightPercent;this.imgWidth>this.imgHeight?i=i*this.imgHeight/this.imgWidth:this.imgWidth<this.imgHeight&&(t=t*this.imgWidth/this.imgHeight);const h=this.sys.windowWidth>this.sys.windowHeight?this.sys.windowHeight:this.sys.windowWidth,a=h*t/100,s=h*i/100,o=(this.sys.windowWidth-a)/2,l=o+a,n=(this.sys.windowHeight+this.sys.windowTop-this.sys.offsetBottom-s)/2,r=this.sys.windowHeight+this.sys.windowTop-this.sys.offsetBottom-n;this.area={width:a,height:s,left:o,right:l,top:n,bottom:r},this.scaleWidth=a,this.scaleHeight=s},chooseImage(t){i({...t,count:1,success:t=>{this.resetData(),this.initImage(t.tempFiles[0].path)}})},resetData(){this.imgSrc="",this.rotate=0,this.offsetX=0,this.offsetY=0,this.initArea()},initImage(t,e){h({src:t,success:async i=>{e&&this.src===t&&await new Promise((t=>setTimeout(t,50))),this.imgSrc=i.path;let h=i.width/i.height,a=this.area.width/this.area.height;h>1?h>=a?this.scaleWidth=this.scaleHeight/i.height*this.scaleWidth*(i.width/this.scaleWidth):this.scaleHeight=i.height*this.scaleWidth/i.width:h<=a?this.scaleHeight=this.scaleWidth/i.width*this.scaleHeight/(this.scaleHeight/i.height):this.scaleWidth=i.width*this.scaleHeight/i.height,this.oldWidth=+this.scaleWidth.toFixed(2),this.oldHeight=+this.scaleHeight.toFixed(2)},fail:t=>{console.error(t)}})},drawClipImage(t,e,i,h){if(e>0){t.save(),t.beginPath();const i=this.canvansWidth,a=this.canvansHeight;i===a&&e>=i/2?t.arc(i/2,a/2,i/2,0,2*Math.PI):(i!==a&&(e=Math.min(i/2,a/2,e)),t.moveTo(e,0),t.arcTo(i,0,i,a,e),t.arcTo(i,a,0,a,e),t.arcTo(0,a,0,0,e),t.arcTo(0,0,i,0,e),t.closePath()),t.clip(),h&&h(!0),t.restore()}else h&&h(!1)},drawRotateImage(t,e,i){if(0!==e){const h=this.scaleWidth*i/2,a=this.scaleHeight*i/2;t.translate(h,a),t.rotate(e*Math.PI/180),t.translate(-h,-a)}},drawImage(t,e,i){const h=this.canvansWidth/this.area.width;this.backgroundColor&&(t.setFillStyle?t.setFillStyle(this.backgroundColor):t.fillStyle=this.backgroundColor,t.fillRect(0,0,this.canvansWidth,this.canvansHeight)),this.drawClipImage(t,this.radius,h,(()=>{this.drawRotateImage(t,this.rotate,h);const i=this.rotate/90;t.drawImage(e,[this.offsetX-this.area.left,this.offsetY-this.area.top,-(this.offsetX-this.area.left),-(this.offsetY-this.area.top)][i]*h,[this.offsetY-this.area.top,-(this.offsetX-this.area.left),-(this.offsetY-this.area.top),this.offsetX-this.area.left][i]*h,this.scaleWidth*h,this.scaleHeight*h)}))},draw2DImage(t,e,i,h){if(t){const s=t.createImage();s.onload=()=>{this.drawImage(e,s),h&&setTimeout(h,this.delay)},s.onerror=t=>{console.error(t),a()},s.src=i}else this.drawImage(e,i),setTimeout((()=>{e.draw(!1,h)}),200)},canvasToTempFilePath(t,e){s({canvas:t,canvasId:e,x:0,y:0,width:this.canvansWidth,height:this.canvansHeight,destWidth:this.imgWidth,destHeight:this.imgHeight,fileType:this.fileType,success:t=>{this.handleImage(t.tempFilePath)},fail:t=>{a(),o({title:"裁剪失败，生成图片异常！",icon:"none"})}},this)},cropCancel(){this.$emit("cancel")},cropClick(){if(l({title:"裁剪中...",mask:!0}),!this.use2d){const t=n("imgCanvas",this);return t.clearRect(0,0,this.canvansWidth,this.canvansHeight),void this.draw2DImage(null,t,this.imgSrc,(()=>{this.canvasToTempFilePath(null,"imgCanvas")}))}},handleImage(t){a(),this.$emit("crop",{tempFilePath:t})}}};ct(gt);const pt=r(gt,[["render",function(t,e,i,h,a,s){const o=v,l=k,n=I,r=S;return d(),c(n,{class:"image-cropper",style:p({zIndex:i.zIndex}),onWheel:t.cropper.mousewheel},{default:g((()=>[a.use2d?(d(),c(o,{key:0,type:"2d",id:"imgCanvas",class:"img-canvas",style:p({width:`${a.canvansWidth}px`,height:`${a.canvansHeight}px`})},null,8,["style"])):(d(),c(o,{key:1,id:"imgCanvas","canvas-id":"imgCanvas",class:"img-canvas",style:p({width:`${a.canvansWidth}px`,height:`${a.canvansHeight}px`})},null,8,["style"])),m(n,{id:"pic-preview",class:"pic-preview","change:init":t.cropper.initObserver,init:s.initData,onTouchstart:t.cropper.touchstart,onTouchmove:t.cropper.touchmove,onTouchend:t.cropper.touchend},{default:g((()=>[a.imgSrc?(d(),c(l,{key:0,id:"crop-image",class:"crop-image",style:p(t.cropper.imageStyles),src:a.imgSrc,webp:""},null,8,["style","src"])):u("",!0),(d(!0),w(f,null,y(a.maskList,((e,i)=>(d(),c(n,{key:e.id,id:e.id,class:"crop-mask-block",style:p(t.cropper.maskStylesList[i])},null,8,["id","style"])))),128)),i.showBorder?(d(),c(n,{key:1,id:"crop-border",class:"crop-border",style:p(t.cropper.borderStyles)},null,8,["style"])):u("",!0),i.radius>0?(d(),c(n,{key:2,id:"crop-circle-box",class:"crop-circle-box",style:p(t.cropper.circleBoxStyles)},{default:g((()=>[m(n,{class:"crop-circle",id:"crop-circle",style:p(t.cropper.circleStyles)},null,8,["style"])])),_:1},8,["style"])):u("",!0),i.showGrid?(d(!0),w(f,{key:3},y(a.gridList,((e,i)=>(d(),c(n,{key:e.id,id:e.id,class:"crop-grid",style:p(t.cropper.gridStylesList[i])},null,8,["id","style"])))),128)):u("",!0),i.showAngle?(d(!0),w(f,{key:4},y(a.angleList,((e,h)=>(d(),c(n,{key:e.id,id:e.id,class:"crop-angle",style:p(t.cropper.angleStylesList[h])},{default:g((()=>[m(n,{style:p([{width:`${i.angleSize}px`,height:`${i.angleSize}px`}])},null,8,["style"])])),_:2},1032,["id","style"])))),128)):u("",!0)])),_:1},8,["change:init","init","onTouchstart","onTouchmove","onTouchend"]),x(t.$slots,"default",{},void 0,!0),m(n,{class:"fixed-bottom safe-area-inset-bottom",style:p({zIndex:s.initData.area.zIndex+99})},{default:g((()=>[(i.rotatable||i.reverseRotatable)&&a.imgSrc?(d(),c(n,{key:0,class:"action-bar"},{default:g((()=>[i.reverseRotatable?(d(),c(n,{key:0,class:"rotate-icon",onClick:t.cropper.rotateImage270},null,8,["onClick"])):u("",!0),i.rotatable?(d(),c(n,{key:1,class:"rotate-icon is-reverse",onClick:t.cropper.rotateImage90},null,8,["onClick"])):u("",!0)])),_:1})):u("",!0),i.choosable?a.imgSrc?(d(),w(f,{key:2},[m(n,{class:"rechoose",onClick:s.chooseImage},{default:g((()=>[b("重选")])),_:1},8,["onClick"]),m(r,{class:"button warn",type:"primary",size:"mini",onClick:s.cropCancel},{default:g((()=>[b("取消")])),_:1},8,["onClick"]),m(r,{class:"button",size:"mini",onClick:s.cropClick},{default:g((()=>[b("确定")])),_:1},8,["onClick"])],64)):(d(),c(n,{key:3,class:"choose-btn",onClick:s.chooseImage},{default:g((()=>[b("选择图片")])),_:1},8,["onClick"])):(d(),c(n,{key:1,class:"choose-btn",onClick:s.cropClick},{default:g((()=>[b("确定")])),_:1},8,["onClick"]))])),_:1},8,["style"])])),_:3},8,["style","onWheel"])}],["__scopeId","data-v-ba816734"]]),mt=r({__name:"apply",setup(t){const e=W(null),i=z({name:""}),h=W(!1),a=W(""),s=z({height:"90rpx",fontSize:"36rpx"}),o=W([]),l=W(!1),n=W([]),r=W(!1),p=W([]),w=W(!1),f=()=>{l.value=!1},y=t=>{l.value=!1},x=()=>{r.value=!1},b=t=>{console.log(t),r.value=!1},v=()=>{w.value=!1},S=t=>{w.value=!1},E=t=>{a.value=t.file.url,h.value=!0},F=t=>{console.log(t.tempFilePath)},G=()=>{h.value=!1};return B((()=>{})),(t,W)=>{const z=C(A("up-input"),H),B=C(A("up-form-item"),M),L=C(A("up-icon"),T),N=C(A("up-upload"),R),P=k,Q=I,U=C(A("up-form"),V),j=C(A("up-button"),Y),X=C(A("up-picker"),Z);return d(),c(Q,{class:"logincontent"},{default:g((()=>[m(U,{labelPosition:"left",model:i,ref:"form",labelWidth:"115rpx"},{default:g((()=>[m(B,{label:"姓名",prop:"userInfo.name",borderBottom:""},{default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[0]||(W[0]=t=>i.name=t),placeholder:"请输入真实姓名"},null,8,["modelValue"])])),_:1}),m(Q,{class:"smsbox"},{default:g((()=>[m(B,{label:"医院",prop:"userInfo.name",borderBottom:"",onClick:W[2]||(W[2]=t=>l.value=!0)},{right:g((()=>[m(L,{name:"arrow-right"})])),default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[1]||(W[1]=t=>i.name=t),placeholder:"请选择医院"},null,8,["modelValue"])])),_:1}),m(B,{label:"科室",prop:"userInfo.name",borderBottom:"",onClick:W[4]||(W[4]=t=>r.value=!0)},{right:g((()=>[m(L,{name:"arrow-right"})])),default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[3]||(W[3]=t=>i.name=t),placeholder:"请选择科室"},null,8,["modelValue"])])),_:1}),m(B,{label:"职称",prop:"userInfo.name",borderBottom:"",onClick:W[6]||(W[6]=t=>w.value=!0)},{right:g((()=>[m(L,{name:"arrow-right"})])),default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[5]||(W[5]=t=>i.name=t),placeholder:"请选择职称"},null,8,["modelValue"])])),_:1}),m(B,{label:"执业证号(选填)",prop:"userInfo.name",borderBottom:""},{default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[7]||(W[7]=t=>i.name=t),placeholder:"请输入执业证号"},null,8,["modelValue"])])),_:1}),m(B,{label:"执业医师资格证或工作胸牌",prop:"userInfo.name",borderBottom:""},{right:g((()=>[m(Q,{class:"rightbox"},{default:g((()=>[m(Q,{class:"uploadwraper"},{default:g((()=>[m(N,{onAfterRead:E,maxCount:1}),m(P,{src:D("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAA2CAYAAABZV76QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUJBODJDREMwMzhBMTFFQjkwMTFCRjZBQTM0MjRFMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUJBODJDREQwMzhBMTFFQjkwMTFCRjZBQTM0MjRFMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODVENzc3RjAzOEExMUVCOTAxMUJGNkFBMzQyNEUxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODVENzc4MDAzOEExMUVCOTAxMUJGNkFBMzQyNEUxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PszEKnUAAARESURBVHja7JtbSBRRGMdns9BSumNrvZRrFCRZYAUh9WgX8sWiC4FF4EMiPflmTz7VQwSxBPbiFt2o7SJkSIUVWkEE2dVgV9LK1tKXWrVMre/D/4HDaXYc2ZrdGc8Hf2acc5md33znO985u/pKHt/fYWj7ZzZNI9BANVANVJsGqoFqoNo00BTY9DT5HAtJeaTZpJmk76QY6QNpzEZ7brOU5CfNxd9sP0n9pGfo09NAl5O2klaTchPU+UFqJzWSXuLaLLRl5ZOWkRaTfBb3ukZq8CrQTFI1aZONulmkDdBr0h3SXtKiSdxvhNTk1RjK96uxCVO1VaSDpGOklkm0u0f64lWgPMTXJ9F+Dukw6RQpaqP+KOmqV2f5DNKuJNp/QxxcgEnsso02d0m9Xp3lC0nzk2jPM/51ZAMch59i0sqy8M4rXs5DC5NszzG0DjC7AeyjRf0mJ2NnKjw0L4m2w6SvpLdIgX5PUD9OuuT1xH6eRZkAxMn3A9I7nH9CYj6aICYvSdDfRacS+VQCzbAoe4MhzSsl/kpmm9RmBEn9OVJEalMsrYhk6yDdmgpLz2GLMgb1ClD5uIa0QvqMazGhVUuxf0+Ce5y0uVx1/aQ0ZFHGy88wqZa0mbTSZCkZl845/QqY9HOG1JPKTQkngfZblPF6fD9iaVeCOmKS2Yjlp2o8zJtTvcvj5JD/PEF5GVIrBvOIdEDKW1uwScLee8TEEW6T6o00MCeBvrdRJx9x8hfpOTIDnulPA/ghJRQMkkIAakw1oJ0Y0j4bdWeQ1mGS4c2Q3aRyePlNLD174MmDRhqZk0AHkJznTqLNWdIW0nZjfMO5Fn2krTm929Q9yRCRCZich9akO0ynPVQALbZZ9wXSo/PY5BgzXGBOA+2yWY89kXeXeO+zz3CROQ20M8F1nlieYGbvQM46lmANr4EqQ74Ps7SB8xvG+HdFQ4YHzGmgnDY1IAXiZL1pgjW+BmrDHkKeNP3LEQ1UA51S5kQM9ePI+5k5SlnMpE48QT9FaN+W5L1cDZQfsB4PyD9MEJvC4mGDxvi2nLz1psKoBIwC9Bc1/t6qC6FdlfRCVKB8r2avDPkQjvtwzhDLlAeslEBUolwYg6oglZJO4FqZSR/t6D+KYwz3jFl4vivTpio8rJXVK/VjygsJAPZxQG00eWFFUr0ieOUFlLV5aVIK4gEbAUuc15l4KFsEikthQAz5Cql+pfKiYvDYdunFqPHVUx56FMO2BOfyg8oeymv6XikOVph4mYAVQH0zcEGlveuBFgFkKyCaWQB1goDKHrZTionCS8MAHEa/rbiejWNUegHCu/nlDUyQPbhqyPttpCtqnTDgBiUPCylAchQJiAJ4KY4F6MNvMuu7Nm2KYHg2S/EwW6pTgCEr0is1JWqXwkOOydAW18oREgTYiFQuIIf+N1Cf/m9kvfTUQDVQbRqoBqqBatNAU2B/BBgAn474i+VnPRgAAAAASUVORK5CYII="),mode:"widthFix",style:{width:"120rpx",height:"80px"},class:"dimg"},null,8,["src"])])),_:1}),m(L,{name:"arrow-right"})])),_:1})])),default:g((()=>[m(z,{modelValue:i.name,"onUpdate:modelValue":W[8]||(W[8]=t=>i.name=t),placeholder:""},null,8,["modelValue"])])),_:1})])),_:1})])),_:1},8,["model"]),m(Q,{class:"row"},{default:g((()=>[m(j,{customStyle:s,class:"custom-style",type:"success",text:"提交",color:"#3cc7c0",size:"large"},null,8,["customStyle"])])),_:1}),m(Q,null,{default:g((()=>[h.value?(d(),c(pt,{key:0,width:500,height:500,radius:0,backgroundColor:"#000",src:a.value,zIndex:"999",delay:"1500",ref_key:"imgCropper",ref:e,onCancel:G,onCrop:F},null,8,["src"])):u("",!0)])),_:1}),m(X,{onCancel:f,onConfirm:y,show:l.value,columns:o.value},null,8,["show","columns"]),m(X,{onCancel:x,onConfirm:b,show:r.value,columns:n.value},null,8,["show","columns"]),m(X,{onCancel:v,onConfirm:S,show:w.value,columns:p.value},null,8,["show","columns"])])),_:1})}}},[["__scopeId","data-v-e20b6795"]]);export{mt as default};
|