https://hicompress.com/static/BJ-63m2w.js

1import{_ as Xt}from"./CxfcyASJ.js";import{_ as Pt}from"./MMJElJ47.js";import{ad as Nt,r as it,m as Lt,i as j,ap as Gt,aq as at,ar as Ot,as as Vt,at as Jt,au as Yt,z as Kt,a4 as $t,a5 as Qt,b as Bt,A as Zt,ai as Mt,Z as Ft,av as te,o as E,k as J,P as G,e as a,g as m,t as H,a8 as Tt,f as T,F as yt,a2 as ee,j as Et,w as F,v as V,s as P,S as St,T as jt,l as ae,c as ie,d as zt,h as ne}from"./GUXsDZQ9.js";import{u as At}from"./C0LaB0Iq.js";import{l as Wt}from"./CaHOiqM0.js";import{l as oe,p as le}from"./C2kwVJOp.js";import{v as se}from"./DxbI7Y0W.js";import{w as Ut,g as _t,c as re,s as pt,I as ce,l as ue}from"./BsHzH0FP.js";import{g as de,a as me}from"./B5YicyKw.js";import{u as fe}from"./IHtFq1Uk.js";import"./w2duRTXo.js";import"./Dwcg0_5Q.js";import"./FXisZL8p.js";import"./wYg-sBZe.js";const ge=Symbol.for("nuxt:client-only"),pe=Nt({name:"ClientOnly",inheritAttrs:!1,props:["fallback","placeholder","placeholderTag","fallbackTag"],setup(K,{slots:b,attrs:A}){const I=it(!1);return Lt(()=>{I.value=!0}),Gt(ge,!0),L=>{var z;if(I.value)return(z=b.default)==null?void 0:z.call(b);const $=b.fallback||b.placeholder;if($)return $();const o=L.fallback||L.placeholder||"",_=L.fallbackTag||L.placeholderTag||"span";return j(_,A,o)}}}),ve="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAMAAACd646MAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVBQTFRFAAAAqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqKioqampp6enqampqampqampqampqampqampqampqampqampqampqampqampqampqKioqampqampqampqampqampqampqqqqqampqampqampqampqampqampqampqampqampqampqqqqqampqampqampqampqampqampqampqampqampqampqampqampqampqampqKioqampqampqampqampqampqqqqqampqampqampqampqampqampqampqampqampqampqampqampqampqKioqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampqampo5RKzAAAAHB0Uk5TABeV4f7/56EdGb/ZIZPfYC8uMHCt4Ftf6xb6Eg9NTxA13kIO5SBDPVcI0tUUGtwqBQMSjIgLBba4o4EEiaUea/hUscwbP/TuJgkC6cgHsGwLypeu8kS9aqwigvE7qyCb9vz52ISeDZy5EQZtt9t7Crx86XgAAAGQSURBVHicY2SgA2ActWTUklFLhooljCCAS/I/EyPjD8ot4WT8jV8BG+MXii3h/cGJxyeMjJ//87+h2BLRD4Kv8MmLvxN+QbElLIw87/HJS74RfUaxJawM+C2RfkUrS2SA0fSQxpYoMD5hYJS5R1NLlL++BZLyjLdpaYnafTAFSXW0skQdHFD/VW7Q0hJNcECpMV6hpSUMuozXGf7pXGSgqSUMBg8ZFM4z0MASI2DeOI0pT1VLzBjPMRj/uEBbSyzPAAnTY3Bxa6DHDlHZEvtjEJP3Q4XllQ8z2DHuoaolrlDTnRh3gGnPn4eBJL/ZNipaoi+zC8p1Z9wMJGWMtoM4/703Us+SAMYtcL7vOgYGQ6VNEI4/42pqWWLDuR5JIGilsulaGEfe9BB1LOH2Wo0sEMbIuALBM1ZbThVLoh4eRRGJXoKsKXgtVSwhBIaKJYlLCKmInUexJcmLCBrxi2JLUhYSUpEwm2JL0hh/4Q2w/ymM0ym2hCGLkfE7Fy7Jed4SjBMJGjFI+iejloxaMmoJAAMhiDPgxdZsAAAAAElFTkSuQmCC",Dt=(K,b)=>{document.getElementById(K).value=b};function Ht(){let K={customized:1,tile:3,dft:2};const b=At(),A=at("activeType",()=>"text"),I=at("scaleBy",()=>1.3),L=at("newScale",()=>1),$=at("curFont",()=>"f503");at("currentWatermark",()=>"");let o=at("currentData",()=>"");const _=at("defaultWatermarkConfig",()=>JSON.parse(JSON.stringify(Ut)));function z(n){var s=new Konva.Text({fontStyle:N(n),text:n.text,fill:n.color,fontFamily:n.fontFamily,fontSize:10,textDecoration:n!=null&&n.underline?"underline":""});let e={width:s.width(),height:s.height()};return s=null,e}async function nt(n,s,e){let d=window.URL.createObjectURL(n.file);const c=await Ot(d),l=Vt(c,240,240);var f=_t(s,e);let r=re({gapSize:ce,imageSize:c,targetSize:{width:f.width,height:f.height}});const h=c.width*r.scaleRatio,u=c.height*r.scaleRatio,p=(f.width-h)/2,y=(f.height-u)/2,S=Jt(),R={width:c.width,height:c.height,x:p,y,gtype:"group",name:"group",draggable:!0,scaleX:r.scaleRatio,scaleY:r.scaleRatio,clipFunc:k=>{k.beginPath(),k.rect(0,0,c.width,c.height),k.closePath()}};let x={originalWidth:c.width,originalHeight:c.height,image:c,objUrl:d,cover:l};r={...r,id:S};let w={align:"left",bold:!1,italic:!1,underline:!1};if(!(n!=null&&n.watermark)&&A.value=="text"){const k=z(_.value),O=st(k,x);w.scale=O}const t={...n,configGroup:R,configImage:x,computeTransformConfig:r,watermark:Object.assign(w,n==null?void 0:n.watermark),width:c.width,height:c.height};return o.value||(o.value={...n,...t},L.value=r.scaleRatio),t}function vt(n,s,e){if(window!=null&&window.stage)window.stage.destroyChildren(),window.stage.draw();else{var d=_t(s,e);window.stage=new Konva.Stage({container:n,width:d.width,height:d.height,gtype:"stage"})}const c=window==null?void 0:window.stage;var l=new Konva.Layer({name:"layer"}),f=new Konva.Group({...o.value.configGroup}),r=new Konva.Image({gtype:"image",width:o.value.width,height:o.value.height,image:o.value.configImage.image,name:"image"});l.add(f),c.add(l),f.add(r),l.draw(),c.off("wheel"),c.on("wheel",function(h){h.evt.preventDefault();var u=c.getPointerPosition(),p=c.findOne(".group"),y=p.scaleX(),S={x:(u.x-p.x())/y,y:(u.y-p.y())/y};let R=h.evt.deltaY>0?1:-1;R=h.evt.deltaY>0?-1:1,h.evt.ctrlKey&&(R=-R);var x=R>0?y*I.value:y/I.value;L.value=x,x=Math.max(.05,x),x=Math.min(20,x);var w={x:u.x-S.x*x,y:u.y-S.y*x};p.scale({x,y:x}),p.position(w),l.batchDraw()}),c.off("click tap touchstart dragstart dblclick"),c.on("click tap touchstart dragstart",function(h){ot(h)}),c.on("dblclick",h=>{if(!o.value.configImage.image||h.target.attrs.gtype=="watermark")return;L.value===1?L.value=.7:L.value=1;const p=o.value.computeTransformConfig,y=L.value,S=o.value.width*p.scaleRatio*y,R=o.value.height*p.scaleRatio*y,x=(c.width()-S)/2,w=(c.height()-R)/2;f.to({scaleX:y*p.scaleRatio,scaleY:y*p.scaleRatio,x,y:w,duration:.2,onFinish:()=>{}})})}async function ot(n){const s=window.stage,e=s.findOne("Transformer"),d=s.findOne(".fimg");e&&(n.target!=d?e.nodes([]):e.nodes([d]))}function lt(){const n=window.stage;n.findOne(".layer");var s=n.findOne(".group"),e=n.findOne(".fimg"),d=new Konva.Transformer({keepRatio:!0,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],rotationSnaps:[0,45,90,135,180,225,270,315],name:"transformer",ignoreStroke:!0,anchorSize:12,anchorFill:"#fff",anchorStroke:"#725feb",borderStroke:"#725feb",anchorCornerRadius:1,padding:6,boundBoxFunc:function(c,l){const f=s.scaleX();e.scaleX();const h=e.getAttr("maxRatio")*e.width(),u=1*e.width();return Math.abs(l.width/f)>h||Math.abs(l.width/f)<u?c:l}});s.add(d),d.nodes([e]),e.off("dragend"),e.on("dragend",function(){M("dragend")}),e.on("transform",function(){var c=n.findOne(".fimg");const l=c.rotation();document.getElementById("textRotation").value=l;const f=c.scaleX();document.getElementById("sizeRatio").innerHTML=(+f).toFixed(1)+"x",Dt("textSize",f)}),e.off("transformend"),e.on("transformend",function(){M("transformend")})}function M(n){var l;var e=window.stage.findOne(".fimg");let d={x:e.x(),y:e.y(),rotation:e.rotation(),scaleX:e.scaleX(),scaleY:e.scaleY(),scale:e.scaleX()};if((l=o==null?void 0:o.value)==null?void 0:l.lock)b.fileList.forEach(f=>{f.uid==o.value.uid&&(f.watermark=Object.assign(f.watermark,d),o.value=f)});else{const f=e.getAttr("maxRatio");b.fileList.forEach(r=>{var t;let h=null;A.value=="text"?h=z({..._.value,...r.watermark}):h=(t=r==null?void 0:r.watermark)==null?void 0:t.img;let u=rt(h,r.configImage);const p=r.watermark,y=u-1,w=(((A.value=="text"?p.scale:p.imgScale)-1)/y).toString().slice(0,9);r.initialRatio=Number(w),r.maxRatio=u,r.uid==o.value.uid&&(o.value=r)}),b.fileList.forEach(r=>{if(!r.lock)if(r.uid==o.value.uid)r.watermark=Object.assign(r.watermark,d),o.value=r;else{const h=f-1,u=(e.scaleX()-1)/h,p=r.maxRatio-1;let y;if(u<=o.value.initialRatio)y=r.initialRatio*(u/o.value.initialRatio);else{const gt=1-o.value.initialRatio,Rt=1-r.initialRatio;y=r.initialRatio+Rt*((u-o.value.initialRatio)/gt)}y=Math.max(0,Math.min(1,y));const S=1+y*p;n=="transformend"&&(A.value=="text"?r.watermark.scale=Math.round(S*100)/100:r.watermark.imgScale=Math.round(S*100)/100,r.watermark.rotation=e.rotation()),r.width/2,r.height/2;const R=e.width()*S,x=e.height()*S;let w,t;const k=o.value,O=e.width()*e.scaleY(),q=e.height()*e.scaleY(),i=Math.max(O/2,Math.min(e.x(),k.width-O/2)),g=Math.max(q/2,Math.min(e.y(),

1k.height-q/2)),v=k.width-(i+O/2),C=i-O/2,U=k.height-(g+q/2),tt=g-q/2,et=v<C,Y=U<tt,W=et?v/(k.width-O):C/(k.width-O),X=Y?U/(k.height-q):tt/(k.height-q);et?w=r.width-(r.width-R)*W-R/2:w=(r.width-R)*W+R/2,Y?t=r.height-(r.height-x)*X-x/2:t=(r.height-x)*X+x/2,r.watermark.x=w,r.watermark.y=t}r.uid==o.value.uid&&(o.value=r)})}}function N(n){let s="";return n.italic&&(s="italic "),n.bold&&(s+="bold"),s}function rt(n,s){const{originalWidth:e,originalHeight:d}=s,{width:c,height:l}=n,f=e*1.5,r=d*1.5,h=f/c,u=r/l;let p=Math.min(h,u);return p=Math.max(p,1),Math.round(p*1e4)/1e4}function st(n,s){const{originalWidth:e,originalHeight:d}=s,{width:c,height:l}=n,f=e*d;let r;f<1e4?r=.01:f<4e4?r=.02:r=.04;const h=f*r,u=c*l;let p=Math.sqrt(h/u),y=c*p,S=l*p,R,x;e<100||d<100?(R=.1,x=.1):e<200||d<200?(R=.15,x=.15):(R=.18,x=.18),y>e*R&&(p=e*R/c),S>d*x&&(p=Math.min(p,d*x/l));let w;e<100||d<100||e<200||d<200?w=10:w=50;const t=w/c,k=w/l,O=Math.max(t,k);return p<O&&(p=O),Math.round(p*100)/100}async function D(n={},s="center-center"){const e=window.stage;var d=e.findOne(".group"),c=e.findOne(".layer");const{originalWidth:l,originalHeight:f}=o.value.configImage,r=l,h=f;let u=Object.assign(_.value,n),p="";A.value=="text"?p=z({...u}):p=u.img;let y=rt(p,o.value.configImage);document.getElementById("textSize").max=y;let S="";n!=null&&n.refreshSize?(S=st(p,o.value.configImage),mt("scale",S)):S=A.value=="text"?n.scale:n.imgScale,S>y&&(S=y),document.getElementById("sizeRatio").innerHTML=(+S).toFixed(1)+"x",Dt("textSize",S),u=Object.assign(u,n,{scaleX:S,scaleY:S});let R=p.width,x=p.height;const w=A.value=="text"?u.spacing:u.imgSpacing;if(A.value=="text"?u.tile:u.imgTitle){let g=p.width*u.scaleX,v=p.height*u.scaleX,C=Math.max(r,h)/2*w/100;var q=Math.floor(r/2)-(Math.floor(r/(2*(g+C)))*(g+C)+g/2),i=Math.floor(h/2)-(Math.floor(h/(2*(v+C)))*(v+C)+v/2);let U=Math.ceil((r+2*g+2*C-q)/(g+C)),tt=Math.ceil((h+2*v+2*C-i)/(v+C)),et=U*tt,Y=null;A.value=="text"?Y=new Konva.Text({fontSize:10,scaleX:u.scaleX,scaleY:u.scaleY,fill:u.color,text:u.text,opacity:u.opacity/100,fontFamily:u.fontFamily,fontStyle:N(u),textDecoration:u!=null&&u.underline?"underline":"",rotation:u.rotation,image:p,align:u.align,width:p.width,height:p.height,gtype:"watermark",ctype:"txt",name:"fimg",maxRatio:y,draggable:!1,x:0,y:0,visible:!1,perfectDrawEnabled:!1,offset:{x:p.width/2,y:p.height/2},sceneFunc:function(W,X){pt(W,X,u)}}):Y=new Konva.Image({scaleX:u.scaleX,scaleY:u.scaleY,opacity:u.imgOpacity/100,rotation:u.imgRotation,image:p,width:p.width,height:p.height,gtype:"watermark",ctype:"txt",name:"fimg",maxRatio:y,draggable:!1,x:0,y:0,visible:!1,perfectDrawEnabled:!1,offset:{x:p.width/2,y:p.height/2},sceneFunc:function(W,X){pt(W,X,u)}}),d.add(Y);for(let W=0;W<U;W++){let X=q-g-C+W*(g+C)+g/2;for(let gt=0;gt<tt;gt++){let Rt=i-v-C+gt*(v+C)+v/2,It=null;It=Y.clone({x:X,visible:!0,opacity:u.opacity,y:Rt}),d.add(It)}}c.batchDraw(),A.value!="text"?d.cache():d.isCached()&&d.clearCache()}else{let g=40;(g>R||g>x)&&(g=Math.max(R,x)/2),g=Math.max(R,x)*Math.pow(w/100,2);let v={fontSize:10,scaleX:u.scaleX,scaleY:u.scaleY,fill:u.color,text:u.text,align:u.align,opacity:u.opacity/100,fontFamily:u.fontFamily,fontStyle:N(u),textDecoration:u!=null&&u.underline?"underline":"",rotation:u.rotation,image:p,width:R,height:x,gtype:"watermark",ctype:"txt",name:"fimg",maxRatio:y,draggable:!0,x:0,y:0,offset:{x:R/2,y:x/2},sceneFunc:function(C,U){pt(C,U,u)}};if(u.x||u.y)v.x=u.x,v.y=u.y;else switch(s){case"top-left":v={...v,x:R/2+g,y:x/2+g};break;case"top-right":v={...v,x:r-R/2-g,y:x/2+g};break;case"top-center":v={...v,x:r/2,y:x/2+g};break;case"left-center":v={...v,x:R/2+g,y:h/2};break;case"right-center":v={...v,x:r-R/2-g,y:h/2};break;case"center-center":v={...v,x:r/2,y:h/2};break;case"bottom-left":v={...v,x:R/2+g,y:h-x/2-g};break;case"bottom-right":v={...v,x:r-R/2-g,y:h-x/2-g};break;case"bottom-center":v={...v,x:r/2,y:h-x/2-g};break}if(v={...v,left:(v.x-v.offset.x)/r,top:(v.y-v.offset.y)/h},A.value=="text"){var k=new Konva.Text({...v});d.add(k),lt(),c.batchDraw()}else{delete v.fontSize,delete v.fill,delete v.text,delete v.align,delete v.fontFamily,delete v.fontStyle,delete v.textDecoration;var O=new Konva.Image({...v});d.add(O),lt(),c.batchDraw()}}}function Q(){const n=window.stage;var s=n.findOne(".group");const e=n.findOne("Transformer"),d=n.find(".fimg");if(d.length>0)for(let c=0;c<d.length;c++)d[c].remove();e&&e.remove(),n.batchDraw(),s.isCached()&&s.clearCache()}async function Z(n,s=!1){var f,r;if(n.uid==o.value.uid&&s)return;const e=de(b.fileList,{key:"uid",value:n.uid}),d=me(b.fileList,{key:"uid",value:n.uid});URL.revokeObjectURL((r=(f=o.value)==null?void 0:f.configImage)==null?void 0:r.objUrl),o.value="";const c=await nt(e,260,185);b.updateItem(d,c),vt("container123",260,185);const l=JSON.parse(JSON.stringify(Ut));D({...l,...o.value.watermark}),_.value=Object.assign(l,o.value.watermark),L.value=o.value.configGroup.scaleX}function ht(n){var s=document.querySelector(".image-list-container");s.addEventListener("wheel",function(e){e.preventDefault();var d=e.deltaY||-e.deltaX;s.scrollLeft+=d}),s.addEventListener("touchstart",function(e){startX=e.touches[0].pageX,startScrollLeft=s.scrollLeft}),s.addEventListener("touchmove",function(e){e.preventDefault();var d=e.touches[0].pageX,c=d-startX;s.scrollLeft=startScrollLeft+c})}function ct(n,s){var e,d;URL.revokeObjectURL((d=(e=o.value)==null?void 0:e.configImage)==null?void 0:d.objUrl),b.clearItems(),o.value=null}function wt(n,s){var e,d;if(!(!o.value||b.fileList.length===0)&&s!==-1)if(URL.revokeObjectURL((d=(e=o.value)==null?void 0:e.configImage)==null?void 0:d.objUrl),b.fileList.length===1)b.removeItem(s),o.value=null,ct();else if(n.uid==o.value.uid){b.removeItem(s);let c="";s===b.fileList.length?c=b.fileList[s-1]:c=b.fileList[s],Z(c)}else b.removeItem(s)}function qt(n){b.fileList.forEach(s=>{s.uid==n.uid&&(o.value=s)})}function ut(n){var r;const s=document.querySelector("#watermark-text"),e=s.selectionStart,d=s.selectionEnd,c=s.value;s.value=c.substring(0,e)+n+c.substring(d);const l=e+n.length;s.setSelectionRange(l,l),s.focus(),((r=o==null?void 0:o.value)==null?void 0:r.lock)?b.fileList.forEach(h=>{h.uid==o.value.uid&&(h.watermark.text=s.value,o.value=h)}):b.fileList.forEach(h=>{h.lock||(h.watermark.text=s.value,h.uid==o.value.uid&&(o.value=h))}),Q(),D({...o.value.watermark,text:s.value})}function B(n){var e;((e=o==null?void 0:o.value)==null?void 0:e.lock)?b.fileList.forEach(d=>{d.uid==o.value.uid&&(d.watermark[n]=!d.watermark[n],o.value=d)}):b.fileList.forEach(d=>{d.lock||(d.watermark[n]=!d.watermark[n],d.uid==o.value.uid&&(o.value=d))}),Q(),D({...o.value.watermark,[n]:o.value.watermark[n]})}function bt(n){var c;((c=o==null?void 0:o.value)==null?void 0:c.lock)?b.fileList.forEach(l=>{l.uid==o.value.uid&&(l.watermark.align=n,o.value=l)}):b.fileList.forEach(l=>{l.lock||(l.watermark.align=n,l.uid==o.value.uid&&(o.value=l))});const e=window.stage,d=e.find(".fimg");if(d.length>0)for(let l=0;l<d.length;l++)d[l].align(n);e.batchDraw()}function dt(n){var c;var e=window.stage.findOne(".fimg");if((c=o==null?void 0:o.value)==null?void 0:c.lock)b.fileList.forEach(l=>{l.uid==o.value.uid&&(A.value=="text"?l.watermark.scale=n:l.watermark.imgScale=n,o.value=l)});else{const l=e.getAttr("maxRatio");b.fileList.forEach(f=>{const r=z({..._.value,...f.watermark});let h=rt(r,f.configImage);const u=f.watermark,p=h-1,x=(((A.value=="text"?u.scale:u.imgScale)-1)/p).toString().slice(0,9);f.initialRatio=Number(x),f.maxRatio=h,f.uid==o.value.uid&&(o.value=f)}),b.fileList.forEach(f=>{if(!f.lock)if(f.uid==o.value.uid)A.value=="text"?f.watermark.scale=n:f.watermark.imgScale=n,o.value=f;else{const r=l-1,h=(e.scaleX()-1)/r,u=f.maxRatio-1;let p;if(h<=o.value.initialRatio)p=f.initialRatio*(h/o.value.initialRatio);else{const S=1-o.value.initialRatio,R=1-f.initialRatio;

1p=f.initialRatio+R*((h-o.value.initialRatio)/S)}p=Math.max(0,Math.min(1,p));const y=1+p*u;A.value=="text"?f.watermark.scale=Math.round(y*100)/100:f.watermark.imgScale=Math.round(y*100)/100}f.uid==o.value.uid&&(o.value=f)})}}function mt(n,s,e=!1){var c;((c=o==null?void 0:o.value)==null?void 0:c.lock)?b.fileList.forEach(l=>{l.uid==o.value.uid&&(n=="opacity"&&A.value!="text"?l.watermark.imgOpacity=s:n=="rotation"&&A.value!="text"?l.watermark.imgRotation=s:n=="spacing"&&A.value!="text"?l.watermark.imgSpacing=s:n=="tile"&&A.value!="text"?l.watermark.imgTitle=s:l.watermark[n]=s,o.value=l)}):b.fileList.forEach(l=>{l.lock||(n=="opacity"&&A.value!="text"?l.watermark.imgOpacity=s:n=="rotation"&&A.value!="text"?l.watermark.imgRotation=s:n=="spacing"&&A.value!="text"?l.watermark.imgSpacing=s:n=="tile"&&A.value!="text"?l.watermark.imgTitle=s:l.watermark[n]=s),l.uid==o.value.uid&&(o.value=l)}),e&&(Q(),D(o.value.watermark))}async function Ct(n){const s=n.target.files[0];if(!s)return;let e=window.URL.createObjectURL(s);const d=await Ot(e);window.URL.revokeObjectURL(e),b.fileList.forEach(c=>{if(!c.lock){c.watermark.img=d;const l=st(d,c.configImage);c.watermark.imgScale=l}c.uid==o.value.uid&&D(c.watermark)})}async function kt(){const n=o.value,s=window.stage;var e=s.findOne(".group"),d=s.findOne(".layer");e.scale({x:1,y:1}),d.batchDraw();var c=await e.toDataURL({pixelRatio:1,width:n.width,height:n.height,mimeType:"image/png",x:e.x(),y:e.y()});const l=Yt(c),f=window.URL.createObjectURL(l);Kt(f,n.file.name)}async function ft(){let n=b.fileList.length;function s(u){const p=u.replace(/^data:image\/\w+;base64,/,""),y=atob(p);return Uint8Array.from(y,S=>S.charCodeAt(0))}let e;for(let u=0;u<n;u++){await Z(b.fileList[u]),o.value=b.fileList[u];const p=o.value,y=window.stage;var d=y.findOne(".group"),c=y.findOne(".layer");d.scale({x:1,y:1}),await c.batchDraw();var l=await d.toDataURL({pixelRatio:1,width:p.width,height:p.height,mimeType:"image/png",x:d.x(),y:d.y()});const S=s(l);e={...e,[p.file.name]:S}}const{zipSync:f}=await $t(),r=f(e,{level:0});let h=new Blob([r.buffer],{type:"application/zip"});Qt({blob:h,zipName:"HiCompress_Watermark.zip"},()=>{h="",e={}},()=>{})}function xt(n){switch(n){case-1:L.value=L.value/1.25,L.value=Math.max(.2,L.value),L.value=Math.min(20,L.value);break;case 0:L.value=1;break;case 1:L.value=L.value*1.25,L.value=Math.max(.2,L.value),L.value=Math.min(20,L.value);break}const s=window.stage;var e=s.findOne(".group"),d=s.findOne(".layer"),c=e.scaleX();const l={x:e.x()+e.width()*c/2,y:e.y()+e.height()*c/2};var f={x:(l.x-e.x())/c,y:(l.y-e.y())/c};const r=L.value;var h={x:l.x-f.x*r,y:l.y-f.y*r};e.scale({x:r,y:r}),e.position(h),d.batchDraw()}return{watermarkFileChange:Ct,setValue:mt,setScale:dt,defaultWatermarkConfig:_,insertFn:ut,fontStyleFn:B,setCurrentData:qt,deleteAll:ct,deleteOneFn:wt,initWrapWheel:ht,changeImg:Z,addTxt:D,currentData:o,wPTypeEnum:K,initFile:nt,setStage:vt,cleanWaterAndTrans:Q,activeType:A,fontAttributeFn:bt,wDownloadOne:kt,downloadAll:ft,curFont:$,newScale:L,zoomInOut:xt}}const he={class:"watermark-container"},we={key:0,class:"watermark-header"},be={class:"watermark-header-left"},ke={key:0,class:"watermark-header-center"},xe={class:"mx-2"},ye={class:""},Se={class:"tool-section crop-section"},qe={class:"container"},Re={class:"row justify-content-center"},Le={class:"col-12"},Ae={class:"watermark-file-upload"},Ce={class:"h1-large text-center"},Ie=["innerHTML"],Oe={class:"editor-sidemenu"},Me={class:"text-watermark-panel"},Fe={key:0},Te={class:"list mb-3"},Ee=["value"],je={class:"list mb-3"},ze={class:"font-dropdown"},Ue=["src"],_e=["onClick"],De=["data-src"],Be={class:"list font-attribute mb-3 d-flex justify-content-between"},We={class:"d-flex"},He={class:"d-flex"},Xe={class:"list font-attribute mb-3 d-flex"},Pe={class:"list mb-3"},Ne=["value"],Ge={class:"list mb-3"},Ve=["min"],Je={class:"list mb-3"},Ye={class:"label-item d-flex justify-content-between"},Ke={class:"list mb-3"},$e={class:"label-item d-flex justify-content-between"}

1,Qe={class:"form-check form-switch d-flex justify-content-between ps-0"},Ze={key:2,class:"list mb-3 mt-2"},ta={class:"label-item d-flex justify-content-between"},ea={class:"form-check form-switch d-flex justify-content-between ps-0"},aa={key:0,class:"list mb-3 mt-2"},ia=["value"],na={key:1,class:"list mb-3"},oa={class:"label-item d-flex justify-content-between"},la={class:"download-btns pb-2"},sa={class:"editor-container-right",id:"watermark-container"},ra={class:"w-100 position-relative"},ca=["id"],ua={class:"zoom-pan-panel"},da={class:"image-list-container"},ma={class:"image-lists clearfix"},fa=["onClick"],ga=["src","alt"],pa={class:"panel-item-buttons"},va={class:"icon-lock"},ha=["onClick"],wa=["onClick"],ba=["onClick"],ka={__name:"watermark",props:{idstr:{type:String,default:"123"}},async setup(K){var x;let b,A;const{currentData:I,addTxt:L,initFile:$,setStage:o,changeImg:_,cleanWaterAndTrans:z,initWrapWheel:nt,deleteOneFn:vt,insertFn:ot,fontStyleFn:lt,defaultWatermarkConfig:M,setValue:N,setScale:rt,watermarkFileChange:st,activeType:D,deleteAll:Q,fontAttributeFn:Z,wDownloadOne:ht,downloadAll:ct,curFont:wt,newScale:qt,zoomInOut:ut}=Ht(),B=At(),{locale:bt,t:dt}=Bt();it(".jpg,.jpeg,.png,.webp,.avif,.ico,.bmp");const mt=it(null),kt=Wt().pngtodds,{data:ft}=([b,A]=Zt(()=>fe(`/api/font?lang=${bt.value}`,"$JEIjJqgxOo")),b=await b,A(),b),xt=(x=ft==null?void 0:ft.value)==null?void 0:x.data,n=it(null);Mt(()=>M.value.tile,(w,t)=>{N("tile",w),B.fileList.forEach(k=>{k.uid==I.value.uid&&(z(),L({...I.value.watermark,refreshSize:!0}))}),Ft(()=>{const k=n.value;k.scrollTo({top:k.scrollHeight,behavior:"smooth"})})},{}),Mt(()=>M.value.background,(w,t)=>{const O=window.stage.find(".fimg"),q=Object.assign(M.value,{background:w});for(let i=0;i<O.length;i++)O[i].sceneFunc(function(v,C){pt(v,C,q)});N("background",w),Ft(()=>{const i=n.value;i.scrollTo({top:i.scrollHeight,behavior:"smooth"})})},{});const s=it(0),e=it(!1);Lt(()=>{nt(),s.value=window.innerHeight||document.documentElement.clientHeight});const d={mounted(w){function t(){const q=w;q.src=q.dataset.src,q.classList.remove("lazy"),q.classList.add("loaded")}function k(q,i){q.forEach(g=>{g.isIntersecting&&(t(),i.unobserve(w))})}new IntersectionObserver(k).observe(w)}};async function c(w){await oe(bt.value),r(w,!0)}function l(w,t){var v;const k=window.stage;var O=k.findOne(".group"),q=k.findOne(".layer");const i=q.find(".fimg");let g=w.target.value;if(t!="color"&&t!="text"&&t!="bg"&&t!="scale"&&(g=parseInt(g)),O.isCached()&&O.clearCache(),t=="text"){z(),L({...I.value.watermark,text:g});return}if(t=="spacing"){z(),L({...I.value.watermark,spacing:parseInt(g)});return}if(t=="scale"){document.getElementById("sizeRatio").innerHTML=g+"x";let C={...I.value.watermark};D.value=="text"?(z(),C={...C,scale:g},L({...C})):(v=I.value)!=null&&v.tile?(z(),C={...C,imgScale:g},L({...C})):(k.findOne(".fimg").scale({x:g,y:g}),q.batchDraw());return}if(t=="bg"||t=="bgOpacity"){const U=window.stage.find(".fimg"),tt={...M.value,[t]:g};for(let et=0;et<U.length;et++)U[et].sceneFunc(function(W,X){pt(W,X,tt)})}for(let C=0;C<i.length;C++){const U=i[C];switch(t){case"color":U.fill(g);break;case"fontSize":break;case"opacity":U.opacity(g/100);break;case"rotation":U.rotation(g);break}}q.batchDraw()}function f(w,t){let k=w.target.value;t!="color"&&t!="text"&&t!="bg"&&t!="scale"&&(k=parseInt(k)),t=="scale"?rt(k):N(t,k)}async function r(w,t=!1){w.forEach(async k=>{let O=B.fileList.length,q={uid:k.uid,file:k.file,status:"pending",name:k.name,type:k.type,extension:k.extension,size:k.size,path:k.path};const i=await $(q,260,185);q={...q,...i},B.pushItem(q),(O<1||!I.value)&&(o("container123",260,185),L({...I.value.watermark,refreshSize:!0}))})}function h(){mt.value.uploadFn()}function u(w){w.lock=!w.lock,w.uid==I.value.uid&&(I.value=w)}function p(){return B.fileList.length<1?void 0:B.fileList.findIndex(t=>t.uid===I.value.uid)+1}function y(w){w.target.className!="hi hi-xiangxiazhankai"&&w.target.className!="curFont d-flex justify-content-between"&&w.target.className!="curFontImg"&&(e.value=!1)}const S=it(!1);async function R(w){if(!S.value)if(wt.value=w.hash,S.value=!0,w.fontIsLoad)N("fontFamily",w.name,!0),S.value=!1;else try{await ue("https://hi-static.pages.dev/font/files/"+w.hash+".ttf",w.name),S.value=!1,xt.forEach(t=>{t.id==w.id&&(t.fontIsLoad=!0)}),N("fontFamily",w.name,!0)}catch{S.value=!1}}return(w,t)=>{const k=Pt,O=pe,q=te("VTooltip");return E(),j("main",he,[m(B).fileList.length>0?(E(),j("div",we,[a("div",be,[a("div",{class:"back",onClick:t[0]||(t[0]=(...i)=>m(Q)&&m(Q)(...i))},t[40]||(t[40]=[a("i",{class:"hi hi-youjiantou"},null,-1)]))]),m(I)?(E(),j("div",ke,[a("div",null,H(p())+" of "+H(m(B).fileList.length),1),t[41]||(t[41]=a("span",{class:"dot ms-2"},null,-1)),a("div",xe,H(m(I).file.name),1),t[42]||(t[42]=a("span",{class:"dot me-2"},null,-1)),a("div",ye,H(m(I).configImage.originalWidth)+" x "+H(m(I).configImage.originalHeight),1)])):J("",!0),t[43]||(t[43]=a("div",{class:"watermark-header-right"},null,-1))])):J("",!0),G(a("section",Se,[a("div",qe,[a("div",Re,[a("div",Le,[a("div",Ae,[a("h1",Ce,H(m(kt).title),1),a("p",{class:"p-large text-center",innerHTML:m(kt).subTitle},null,8,Ie),T(k,{title:m(dt)("common.cOneF"),onOnChange:c,accept:".JPEG,.jpeg,.jpg,.JPG,.PNG,.PNG,.webp,.WEBP,.BMP,.bmp",showFolder:!1,uploadType:"wat",multiple:!0,t:m(dt)("common.dpt"),t1:m(dt)("common.dropTips2"),ref_key:"uploadfile",ref:mt},null,8,["title","showFolder","multiple","t","t1"])])])])])],512),[[Tt,m(B

1).fileList.length==0]]),a("div",{class:V(m(B).fileList.length>0?"d-flex w-100 watermark-editor":"d-none w-100")},[a("div",Oe,[a("div",{class:"editor-sidemenu-addictional active",ref_key:"addictional",ref:n},[a("div",Me,[m(D)!="text"?(E(),j("div",Fe,[a("input",{type:"file",onChange:t[1]||(t[1]=(...i)=>m(st)&&m(st)(...i))},null,32)])):J("",!0),m(D)=="text"?(E(),j(yt,{key:1},[a("div",Te,[t[44]||(t[44]=a("label",{for:"watermark-text",class:"form-label"},"Text",-1)),a("textarea",{type:"text",class:"form-control",id:"watermark-text",onInput:t[2]||(t[2]=i=>l(i,"text")),onChange:t[3]||(t[3]=i=>f(i,"text")),value:m(M).text},null,40,Ee)]),a("div",je,[a("div",ze,[a("div",{class:"curFont d-flex justify-content-between",onClick:t[4]||(t[4]=i=>e.value=!m(e))},[a("img",{class:"curFontImg",src:"https://hi-static.pages.dev/font/svgs/"+m(wt)+".svg",alt:"font"},null,8,Ue),t[45]||(t[45]=a("div",null,[a("i",{class:"hi hi-xiangxiazhankai"})],-1))]),G((E(),j("ul",{class:"dropdown-menu",style:ee({height:m(s)-320+"px"})},[(E(!0),j(yt,null,Et(m(xt),(i,g)=>(E(),j("li",{key:g,onClick:v=>R(i)},[T(O,null,{default:F(()=>[G(a("img",{"data-src":"https://hi-static.pages.dev/font/svgs/"+i.hash+".svg",src:ve,alt:"font",class:"lazy"},null,8,De),[[d]])]),_:2}

1,1024)],8,_e))),128))],4)),[[Tt,m(e)],[m(se),y]])])]),a("div",Be,[a("div",We,[T(O,null,{default:F(()=>[T(q,{class:"me-1"},{popper:F(()=>t[47]||(t[47]=[P(" Bold ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark",(g=(i=m(I))==null?void 0:i.watermark)!=null&&g.bold?"active":""]),onClick:t[5]||(t[5]=v=>m(lt)("bold"))},t[46]||(t[46]=[a("i",{class:"hi hi-bold"},null,-1)]),2)]}),_:1}),T(q,{class:"me-1"},{popper:F(()=>t[49]||(t[49]=[P(" Italic ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark",(g=(i=m(I))==null?void 0:i.watermark)!=null&&g.italic?"active":""]),onClick:t[6]||(t[6]=v=>m(lt)("italic"))},t[48]||(t[48]=[a("i",{class:"hi hi-italic"},null,-1)]),2)]}),_:1}),T(q,null,{popper:F(()=>t[51]||(t[51]=[P(" Underline ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark",(g=(i=m(I))==null?void 0:i.watermark)!=null&&g.underline?"active":""]),onClick:t[7]||(t[7]=v=>m(lt)("underline"))},t[50]||(t[50]=[a("i",{class:"hi hi-underline"},null,-1)]),2)]}),_:1})]),_:1})]),a("div",He,[T(O,null,{default:F(()=>[T(q,null,{popper:F(()=>t[53]||(t[53]=[P(" Align Left ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark rounded-0 rounded-start",((g=(i=m(I))==null?void 0:i.watermark)==null?void 0:g.align)=="left"?"active":""]),onClick:t[8]||(t[8]=v=>m(Z)("left"))},t[52]||(t[52]=[a("i",{class:"hi hi-zuoduiqi"},null,-1)]),2)]}),_:1}),T(q,null,{popper:F(()=>t[55]||(t[55]=[P(" Align Center ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark rounded-0",((g=(i=m(I))==null?void 0:i.watermark)==null?void 0:g.align)=="center"?"active":""]),onClick:t[9]||(t[9]=v=>m(Z)("center"))},t[54]||(t[54]=[a("i",{class:"hi hi-juzhongduiqi"},null,-1)]),2)]}),_:1}),T(q,null,{popper:F(()=>t[57]||(t[57]=[P(" Align Right ")])),default:F(()=>{var i,g;return[a("button",{type:"button",class:V(["btn btn-watermark rounded-0 rounded-end",((g=(i=m(I))==null?void 0:i.watermark)==null?void 0:g.align)=="right"?"active":""]),onClick:t[10]||(t[10]=v=>m(Z)("right"))},t[56]||(t[56]=[a("i",{class:"hi hi-youduiqi"},null,-1)]),2)]}),_:1})]),_:1})])]),a("div",Xe,[T(O,null,{default:F(()=>[T(q,{class:"me-1"},{popper:F(()=>t[59]||(t[59]=[P(" Insert At ")])),default:F(()=>[a("button",{type:"button",class:"btn btn-watermark",onClick:t[11]||(t[11]=i=>m(ot)("@"))},t[58]||(t[58]=[a("i",{class:"hi hi-at_sign"},null,-1)]))]),_:1})]),_:1}),T(O,null,{default:F(()=>[T(q,{class:"me-1"},{popper:F(()=>t[61]||(t[61]=[P(" Insert Copyright ")])),default:F(()=>[a("button",{type:"button",class:"btn btn-watermark",onClick:t[12]||(t[12]=i=>m(ot)("©"))},t[60]||(t[60]=[a("i",{class:"hi hi-copyright"},null,-1)]))]),_:1})]),_:1}),T(O,null,{default:F(()=>[T(q,{class:"me-1"},{popper:F(()=>t[63]||(t[63]=[P(" Insert Registered ")])),default:F(()=>[a("button",{type:"button",class:"btn btn-watermark",onClick:t[13]||(t[13]=i=>m(ot)("®"))},t[62]||(t[62]=[a("i",{class:"hi hi-registered"},null,-1)]))]),_:1})]),_:1}),T(O,null,{default:F(()=>[T(q,null,{popper:F(()=>t[65]||(t[65]=[P(" Insert Trademark ")])),default:F(()=>[a("button",{type:"button",class:"btn btn-watermark",onClick:t[14]||(t[14]=i=>m(ot)("™"))},t[64]||(t[64]=[a("i",{class:"hi hi-trademark"},null,-1)]))]),_:1})]),_:1})]),t[67]||(t[67]=a("div",{class:"border-top mb-2"},null,-1)),a("div",Pe,[t[66]||(t[66]=a("label",{for:"text-color",class:"form-label"},"Text Color",-1)),a("input",{type:"color",class:"form-control form-control-color",id:"text-color",onInput:t[15]||(t[15]=i=>l(i,"color")),onChange:t[16]||(t[16]=i=>f(i,"color")),value:m(M).color,title:"Choose your color"},null,40,Ne)])],64)):J("",!0),a("div",Ge,[t[68]||(t[68]=a("div",{class:"label-item d-flex justify-content-between"},[a("label",{for:"textSize",class:"form-label"},"Size"),a("span",{id:"sizeRatio"})],-1)),a("input",{type:"range",class:"form-range",id:"textSize",min:m(D)=="text"?1:.01,step:"0.01",onInput:t[17]||(t[17]=i=>l(i,"scale")),onChange:t[18]||(t[18]=i=>f(i,"scale"))},null,40,Ve)]),a("div",Je,[a("div",Ye,[t[69]||(t[69]=a("label",{for:"textOpacity",class:"form-label"},"Opacity",-1)),a("span",null,H(m(M).opacity),1)]),G(a("input",{type:"range",class:"form-range",id:"textOpacity",onInput:t[19]||(t[19]=i=>l(i,"opacity")),onChange:t[20]||(t[20]=i=>f(i,"opacity")),"onUpdate:modelValue":t[21]||(t[21]=i=>m(M).opacity=i)},null,544),[[St,m(M).opacity]])]),a("div",Ke,[a("div",$e,[t[70]||(t[70]=a("label",{for:"textRotation",class:"form-label"},"Rotation",-1)),a("span",null,H(m(M).rotation),1)]),G(a("input",{type:"range",class:"form-range",min:"-180",max:"180",onInput:t[22]||(t[22]=i=>l(i,"rotation")),onChange:t[23]||(t[23]=i=>f(i,"rotation")),id:"textRotation","onUpdate:modelValue":t[24]||(t[24]=i=>m(M).rotation=i)},null,544),[[St,m(M).rotation]])]),t[76]||(t[76]=a("div",{class:"border-top mb-2"},null,-1)),a("div",Qe,[t[71]||(t[71]=a("label",{class:"form-check-label fw-semibold",for:"switchTile"},"Tile",-1)),G(a("input",{class:"form-check-input",type:"checkbox","onUpdate:modelValue":t[25]||(t[25]=i=>m(M).tile=i),role:"switch",id:"switchTile",checked:""},null,512),[[jt,m(M).tile]])]),m(M).tile?(E(),j("div",Ze,[a("div",ta,[t[72]||(t[72]=a("label",{for:"textSpacing",class:"form-label"},"Spacing",-1)),a("span",null,H(m(M).spacing),1)]),G(a("input",{type:"range",class:"form-range",onInput:t[26]||(t[26]=i=>l(i,"spacing")),onChange:t[27]||(t[27]=i=>f(i,"spacing")),min:"0",max:"100",id:"textSpacing","onUpdate:modelValue":t[28]||(t[28]=i=>m(M).spacing=i)},null,544),[[St,m(M).spacing]])])):J("",!0),m(D)=="text"?(E(),j(yt,{key:3},[a("div",ea,[t[73]||(t[73]=a("label",{class:"form-check-label fw-semibold",for:"switchBackgroun

1d"},"Background ",-1)),G(a("input",{class:"form-check-input",type:"checkbox","onUpdate:modelValue":t[29]||(t[29]=i=>m(M).background=i),role:"switch",id:"switchBackground",checked:""},null,512),[[jt,m(M).background]])]),m(M).background?(E(),j("div",aa,[t[74]||(t[74]=a("label",{for:"bg-color",class:"form-label"},"Color",-1)),a("input",{type:"color",class:"form-control form-control-color",id:"bg-color",onInput:t[30]||(t[30]=i=>l(i,"bg")),onChange:t[31]||(t[31]=i=>f(i,"bg")),value:m(M).bg,title:"Choose your color"},null,40,ia)])):J("",!0),m(M).background?(E(),j("div",na,[a("div",oa,[t[75]||(t[75]=a("label",{for:"bgOpacity",class:"form-label"},"Opacity",-1)),a("span",null,H(m(M).bgOpacity),1)]),G(a("input",{type:"range",class:"form-range",id:"bgOpacity",onInput:t[32]||(t[32]=i=>l(i,"bgOpacity")),onChange:t[33]||(t[33]=i=>f(i,"bgOpacity")),"onUpdate:modelValue":t[34]||(t[34]=i=>m(M).bgOpacity=i),min:"0",max:"100"},null,544),[[St,m(M).bgOpacity]])])):J("",!0)],64)):J("",!0)])],512),a("div",la,[t[77]||(t[77]=a("h3",null,"Download Images",-1)),a("button",{type:"button",class:"btn btn-outline-primary one",onClick:t[35]||(t[35]=(...i)=>m(ht)&&m(ht)(...i))}," Download Current "),a("button",{type:"button",class:"btn btn-primary all mt-2",onClick:t[36]||(t[36]=(...i)=>m(ct)&&m(ct)(...i))}," Download All ")])]),a("div",sa,[a("div",ra,[a("div",{id:"container"+K.idstr,class:V(["preview-vs w-100",m(S)?"preview-vs-loading":""])},null,10,ca),a("div",ua,[a("span",{class:"scale",onClick:t[37]||(t[37]=i=>m(ut)(-1))}),a("span",{class:"num",onClick:t[38]||(t[38]=i=>m(ut)(0))},H(parseInt(m(qt)*100))+"%",1),a("span",{class:"zoom",onClick:t[39]||(t[39]=i=>m(ut)(1))})])]),a("div",da,[a("div",ma,[(E(!0),j(yt,null,Et(m(B).fileList,(i,g)=>(E(),j("div",{class:V(["image-list",i.uid==m(I).uid?"image-current":""])},[a("div",{class:"flexCenter image-container",onClick:v=>m(_)(i,!0)},[a("img",{src:i.configImage.cover,alt:i.file.name},null,8,ga)],8,fa),a("div",pa,[a("div",va,[i.lock?(E(),j("i",{key:1,class:"hi hi-suoding1",onClick:v=>u(i)},null,8,wa)):(E(),j("i",{key:0,class:"hi hi-jiesuo1",onClick:v=>u(i)},null,8,ha))]),a("button",{class:"delete",onClick:v=>m(vt)(i,g)},t[78]||(t[78]=[a("i",{class:"hi hi-close"},null,-1)]),8,ba)])],2))),256)),a("div",{class:"upload-box"},[a("button",{class:"btn hi hi-jiahao",onClick:h})])])])])],2)])}}},ja={__name:"watermark-image",setup(K){const b=Wt(),A=At();Ht(),b.pngtodds;const{locale:I,t:L}=Bt();return le(I.value),ae(),ie({}),Lt(()=>{}),($,o)=>{const _=Xt,z=ka,nt=ne;return E(),zt(nt,null,{default:F(()=>[m(A).fileList.length<1?(E(),zt(_,{key:0})):J("",!0),T(z)]),_:1})}}};export{ja as default};