https://docsmall.com/_nuxt/DEBhpRqy.js

1import{m as G,f as H,_ as J}from"./CE2_SuD2.js";import{i as Q,S as W,_ as Z}from"./DwEaW7sW.js";import B from"./DldrGtjm.js";import{u as T,c as K,a as X,B as Y}from"./XonGBJQd.js";import{S as ee}from"./KmOuoPRj.js";import{_ as k,q as P,u as R,r as U,o as E,w as q,z as se,m as M,a as f,c as w,f as t,y as V,g as o,i as S,t as d,n as N,d as ae,j as C,b as n,e as r,F as te,p as oe,C as F,R as D,h as b,x as ne,s as le,k as ie,l as ce}from"./BsW9FdjW.js";import{J as pe}from"./Cnxu7Z9O.js";import{p as re}from"./CqA2pWCq.js";import{u as O,L as de,a as me}from"./B2YQIOne.js";import{S as ue,N as _e,a as ge}from"./BqRnvwth.js";import{R as fe,a as he}from"./zybDFOsZ.js";import{_ as ve}from"./DYumHwId.js";import{_ as Ie}from"./CDEQo7PO.js";import{_ as $e}from"./B_RHPV_f.js";/* empty css        */import"./j8zvgcTJ.js";import"./TDtrdbi3.js";import"./CjQidXys.js";import"./B5J2xmvs.js";import"./DibMjX2h.js";const we={class:"comp-image-main"},be=["src"],Ue=["src"],ye={key:1,class:"error-tip"},Se={__name:"ImageMain",props:P(["showBefore"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const s=R(i,"modelValue"),a=i;let c=U([]);const e=U("left: -6px;"),l=U("clip-path: inset(0 0 0 0)"),p=U("clip-path: inset(0 100% 0 0)"),g=U(null);E(async()=>{await m()});const m=async()=>{if(e.value="left: -6px;",l.value="clip-path: inset(0 0 0 0)",p.value="clip-path: inset(0 100% 0 0)",c.value=[],!s.value.width||!s.value.height){const _=await Q(s.value.file),u=_[0],v=_[1];s.value.width=u,s.value.height=v}c.value=h(s.value.width,s.value.height)},h=(_,u)=>{_=_*2,u=u*2;const v=1020,$=560;if(_<=v){if(u<=$)return[_,u];const L=$/u;return[_*L,$]}if($>=u){const L=v/_;return[v,u*L]}let y=$/u;return _/u>v/$&&(y=v/_),[_*y,u*y]},I=()=>{setTimeout(()=>{e.value="transition: left 1s;left: calc(100% + 6px);",l.value="transition: clip-path 1s;clip-path: inset(0 0 0 100%)",p.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)"},500)};q(()=>s.value,async()=>{g.value=null,await se(),await m(),g.value=s.value.downloadLink},{deep:!0}),q(()=>a.showBefore,()=>{a.showBefore?(l.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)",p.value="transition: clip-path 1s;clip-path: inset(0 100% 0 0)",e.value="transition: left 1s;left: -6px;"):(l.value="transition: clip-path 1s;clip-path: inset(0 0 0 100%)",p.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)",e.value="transition: left 1s;left: calc(100% + 6px);")});const x=M(()=>s.value.processStatus==="processing"),z=M(()=>s.value.processStatus==="error");return(_,u)=>(f(),w("div",we,[t("div",{class:N(["container",{loading:o(x),error:o(z)}]),style:V({width:o(c)[0]+"px",height:o(c)[1]+"px"})},[t("img",{src:s.value.url,alt:"",class:"foreground",style:V(o(l))},null,12,be),o(g)?(f(),w("img",{key:0,src:o(g),alt:"",class:"background",onLoad:I,style:V(o(p))},null,44,Ue)):S("",!0),t("div",{class:"line",style:V(o(e))},null,4),o(z)?(f(),w("p",ye,d(_.$t("fileStatus.error")),1)):S("",!0)],6)]))}},ke=k(Se,[["__scopeId","data-v-18007a6f"]]),{saveAs:ze}=re,A=ae("imageUpscaleStore",{state:()=>({files:[],fileMain:null,fileIndex:0,processing:!1,packing:!1}),getters:{summary:i=>{if(i.files.length===0)return{};let s=!0,a=0,c=0,e=0,l=0,p=0,g=0;return i.files.forEach(m=>{p+=m.file.size,m.processStatus==="finished"&&(c+=1,g+=m.sizeNew),m.processStatus==="processing"&&(e+=1),m.processStatus,m.processStatus==="waiting"&&(l+=1),["waiting","processing"].includes(m.processStatus)?s=!1:a+=1}),s&&(i.processing=!1),{finished:s,successNum:c,sizeOrigin:p,sizeNew:g,finishNum:a,processingNum:e,waitingNum:l}},showInfo:i=>i.files.length===0},actions:{initEvent(){this.clearImages(),T().registerEvent("image_upscale",s=>{const{download:a,key:c}=s;this.files.forEach(e=>{e.duuid===c&&(a?(e.processStatus="finished",e.downloadLink=a):e.processStatus="error")})})}

1,onUploadImages(i){i.forEach(a=>{this.files.find(e=>e.uid===a.uid)||(a.processStatus="waiting",this.files.push(a))});const s=this.files.length-1;this.fileMain=this.files[s],this.fileIndex=s},changeMain(i){this.fileIndex=i,this.fileMain=this.files[i]},clearImages(){this.files=[],this.fileMain=null,this.processing=!1},downloadCurrent(){const i=document.createElement("a");i.target="_blank",i.href=this.fileMain.downloadLink,i.click(),O().finishLog({requestId:this.fileMain.requestId,isDownload:!0})},async batchDownload(){this.packing=!0;const i=(Date.now()/1e3).toFixed(0),s=new pe,a=s.folder(`${i}_docsmall.com`),c=O();for(let e=0;e<this.files.length;e++){const l=this.files[e];if(!l.downloadLink)continue;const p=await fetch(l.downloadLink),g=p.headers.get("Content-Disposition");let m=K.fileNameAppend(l.name,"_4x");if(g){const I=g.match(/filename="(.+)"/);I.length>1&&(m=I[1])}const h=await p.blob();a.file(m,h),c.finishLog({requestId:l.requestId,isDownload:!0})}s.generateAsync({type:"blob"}).then(e=>{ze(e,`${i}_docsmall.com.zip`),this.packing=!1})}}}),xe=["src"],Le={__name:"ImageListItem",props:P(["fileItem","index"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const s=A(),a=T();let c="";const e=R(i,"modelValue"),l=i,p=U(!1),g=M(()=>l.index===s.fileIndex);let m;E(()=>{p.value=!0,e.value.processStatus==="waiting"&&I()});const h=()=>{s.changeMain(l.index)},I=()=>{e.value.processStatus="uploading";const u=G(e.value.uid+e.value.name+e.value.file.size);e.value.duuid=u,m=new H(u,e.value.file,z),m.doUpload()},x=async()=>{await m.cancelUpload()},z=u=>{u===100&&(e.value.processStatus="processing")},_=async()=>{const u={key:e.value.duuid,filename:e.value.name,connection_id:a.uuid},{data:v}=await X.postImageUpscale(u);c=v.request_id,e.value.requestId=c};return q(()=>e.value.processStatus,()=>{e.value.processStatus==="processing"&&_(),e.value.processStatus==="clearing"&&x()}),(u,v)=>{const $=B,y=W;return f(),w("div",{class:N(["image-item",{active:o(g)}]),onClick:h},[t("img",{src:e.value.url,alt:"",class:N({loading:!e.value.downloadLink})},null,10,xe),e.value.downloadLink?(f(),C($,{key:0,name:"material-symbols:radio-button-unchecked",size:"12",class:"icon success"})):S("",!0),e.value.processStatus==="error"?(f(),C($,{key:1,name:"material-symbols:error-circle-rounded",size:"12",class:"icon error"})):S("",!0),e.value.processStatus==="processing"?(f(),C(y,{key:2,size:"12",class:"spin"})):S("",!0)],2)}}},Ce=k(Le,[["__scopeId","data-v-1793e607"]]),Me={class:"image-list-swiper"},Ve={class:"el el-prev"},qe={class:"el el-next"},Ne={__name:"ImageList",setup(i){const s={nextEl:".el-next",prevEl:".el-prev"},a=A();return(c,e)=>{const l=B,p=Ce;return f(),w("div",Me,[t("div",Ve,[n(l,{name:"material-symbols-light:expand-circle-right",size:30,class:"icon"})]),n(o(ge),{"slides-per-view":"auto","space-between":20,navigation:s,modules:[o(_e)]},{default:r(()=>[(f(!0),w(te,null,oe(o(a).files,(g,m)=>(f(),C(o(ue),null,{default:r(()=>[n(p,{modelValue:o(a).files[m],"onUpdate:modelValue":h=>o(a).files[m]=h,index:m},null,8,["modelValue","onUpdate:modelValue","index"])]),_:2},1024))),256))]),_:1},8,["modules"]),t("div",qe,[n(l,{name:"material-symbols-light:expand-circle-right",size:30,class:"icon"})])])}}},Be=k(Ne,[["__scopeId","data-v-5a601ac9"]]),Te={},Ee={class:"comp-points-desc"},De={class:"zone1080"},Ae={class:"main"},je={class:"list"},Oe={class:"item"},Pe={class:"icon"},Re={class:"item"},Fe={class:"icon"},Ge={class:"item"},He={class:"icon"};function Je(i,s){const a=F,c=B,e=D;return f(),w("div",Ee,[t("div",De,[n(e,{gutter:30,justify:"space-between"},{default:r(()=>[n(a,{xs:24,sm:24,md:24,lg:12,xl:12,xxl:12},{default:r(()=>[t("p",Ae,d(i.$t("pageImageUpscale.tips11")),1)]),_:1}),n(a,{xs:24,sm:24,md:24,lg:12,xl:10,xxl:10},{default:r(()=>[t("div",je,[t("div",Oe,[t("div",Pe,[n(c,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),t("p",null,d(i.$t("pageImageUpscale.tips12")),1)]),t("div",Re,[t("div",Fe,[n(c,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),t("p",null,d(i.$t("pageImageUpscale.tips13")),1)]),t("div",Ge,[t("div",He,[n(c,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),t("p",null,d(i.$t("pageImageUpscale.tips14")),1)])])]),_:1})]),_:1})])])}const Qe=k(Te,[["render",Je],["__scopeId","data-v-ab957ef8"]]),We={class:"comp-image-compare"},Ze={class:"zone1080"},Ke={class:"head"},Xe={class:"operation"},Ye={class:"wrapper"},es={__name:"Compare",setup(i){const s=U("ct1"),a=M(()=>({ct1:"https://cdn.docsmall.com/assets/image-upscale-product-before.png",ct2:"https://cdn.docsmall.com/assets/image-upscale-anime-before.png",ct3:"https://cdn.docsmall.com/assets/image-upscale-people-before.jpg",ct4:"https://cdn.docsmall.com/assets/image-upscale-view-before.png",ct5:"https://cdn.docsmall.com/assets/image-upscale-pixel-before.png"})[s.value]),c=M(()=>({ct1:"https://cdn.docsmall.com/assets/image-upscale-product-after.png",ct2:"https://cdn.docsmall.com/assets/image-upscale-anime-after.png",ct3:"https://cdn.docsmall.com/assets/image-upscale-people-after.jpg",ct4:"https://cdn.docsmall.com/assets/image-upscale-view-after.png",ct5:"https://cdn.docsmall.com/assets/image-upscale-pixel-after.png"})[s.value]);return(e,l)=>{const p=fe,g=he,m=ve;return f(),w("div",We,[t("div",Ze,[t("div",Ke,[t("h2",null,d(e.$t("pageImageUpscale.cTitle")),1),t("p",null,d(e.$t("pageImageUpscale.cDesc")),1

1)]),t("div",Xe,[n(g,{type:"button",modelValue:o(s),"onUpdate:modelValue":l[0]||(l[0]=h=>ne(s)?s.value=h:null),size:"large"},{default:r(()=>[n(p,{value:"ct1"},{default:r(()=>[b(d(e.$t("pageImageUpscale.cT1")),1)]),_:1}),n(p,{value:"ct2"},{default:r(()=>[b(d(e.$t("pageImageUpscale.cT2")),1)]),_:1}),n(p,{value:"ct3"},{default:r(()=>[b(d(e.$t("pageImageUpscale.cT3")),1)]),_:1}),n(p,{value:"ct4"},{default:r(()=>[b(d(e.$t("pageImageUpscale.cT4")),1)]),_:1}),n(p,{value:"ct5"},{default:r(()=>[b(d(e.$t("pageImageUpscale.cT5")),1)]),_:1})]),_:1},8,["modelValue"])]),t("div",Ye,[n(m,null,{default:r(()=>[n(o(Ie),{"left-image":o(a),"right-image":o(c)},null,8,["left-image","right-image"])]),_:1})])])])}}},ss=k(es,[["__scopeId","data-v-48b9a271"]]),as={class:"comp-image-crop-qa"},ts={class:"zone1080"},os={class:"questions"},ns={class:"q"},ls={class:"a"},is={class:"q"},cs={class:"a"},ps={class:"q"},rs={class:"a"},ds={__name:"QA",setup(i){return le(),(s,a)=>{const c=de,e=me,l=F,p=D;return f(),w("div",as,[t("div",ts,[t("h2",null,d(s.$t("pageImageUpscale.qaTitle")),1),t("div",os,[n(p,{justify:"center"},{default:r(()=>[n(l,{span:24},{default:r(()=>[n(e,{bordered:!1,size:"large"},{default:r(()=>[n(c,null,{default:r(()=>[t("p",ns,d(s.$t("pageImageUpscale.q1")),1),t("p",ls,d(s.$t("pageImageUpscale.a1")),1)]),_:1}),n(c,null,{default:r(()=>[t("p",is,d(s.$t("pageImageUpscale.q2")),1),t("p",cs,d(s.$t("pageImageUpscale.a2")),1)]),_:1}),n(c,null,{default:r(()=>[t("p",ps,d(s.$t("pageImageUpscale.q3")),1),t("p",rs,d(s.$t("pageImageUpscale.a3")),1)]),_:1})]),_:1})]),_:1})]),_:1})])])])}}},ms=k(ds,[["__scopeId","data-v-d27cb8ab"]]),us={class:"page page-image-upscale"},_s={class:"main zone1080"},gs={key:1,class:"image-zone"},fs={class:"image-inner"},hs={class:"image-option"},vs={class:"image-main"},Is={class:"image-list"},$s={class:"section"},ws={class:"section"},bs={__name:"image-upscale",setup(i){const s=T(),a=A(),{t:c}=ie({useScope:"global"});ce({meta:[{name:"description",content:c("pageImageUpscale.meta.description")},{name:"keywords",content:c("pageImageUpscale.meta.keywords")}]}),E(()=>{s.connectToServer(),a.initEvent()});const e=U(!1);return q(()=>a.fileIndex,()=>{e.value=!1}),(l,p)=>{const g=J,m=Z,h=B,I=Y,x=ee,z=D,_=ke,u=Be,v=Qe,$=ss,y=$e,L=ms;return f(),w("div",us,[n(g,{style:{position:"absolute",top:"80px",right:"10px"}}),t("h1",null,d(l.$t("pageImageUpscale.h1")),1),t("h3",null,d(l.$t("pageImageUpscale.h2")),1),t("div",_s,[o(a).files.length<10?(f(),C(m,{key:0,class:"pdf-split",limit:10,"max-size":2*1024*1024,"img-max-side":640,accept:"image/jpg,image/jpeg,image/webp,image/png",title:l.$t("products.imageUpscale"),tips:l.$t("pageImageUpscale.uploadTip"),min:o(a).files.length>0,onOnUpload:o(a).onUploadImages},null,8,["title","tips","min","onOnUpload"])):S("",!0),o(a).files.length>0?(f(),w("div",gs,[t("div",fs,[t("div",hs,[n(z,{justify:"space-between",align:"center"},{default:r(()=>[t("p",null,d(l.$t("pageImageUpscale.result",{total:o(a).files.length,finish:o(a).summary.successNum})),1),n(x,{class:"btns",size:10},{default:r(()=>[n(I,{onClick:o(a).clearImages,type:"outline",class:"btn-pdf-split",size:"large"},{icon:r(()=>[n(h,{name:"material-symbols-light:cleaning-services-outline",size:"18"})]),default:r(()=>[b(" "+d(l.$t("general.clear")),1)]),_:1},8,["onClick"]),n(I,{onClick:p[0]||(p[0]=j=>e.value=!o(e)),disabled:!o(a).fileMain.downloadLink,type:"primary",class:"btn-pdf-split",size:"large"},{icon:r(()=>[n(h,{name:"iconamoon:compare-light",size:"14",class:N(["icon-view",{rotate:o(e)}])},null,8,["class"])]),default:r(()=>[b(" "+d(o(e)?l.$t("pageImageUpscale.viewPNG"):l.$t("pageImageUpscale.viewOrigin")),1)]),_:1},8,["disabled"]),n(I,{onClick:o(a).batchDownload,disabled:!o(a).summary.finished||o(a).summary.successNum<2,loading:o(a).packing,type:"outline",class:"btn-pdf-split",size:"large"},{icon:r(()=>[n(h,{name:"clarity:download-line",size:"14"})]),default:r(()=>[b(" "+d(l.$t("general.pack")),1)]),_:1},8,["onClick","disabled","loading"]),n(I,{onClick:o(a).downloadCurrent,disabled:!o(a).fileMain.downloadLink,type:"primary",class:"btn-pdf-split",size:"large"},{icon:r(()=>

1[n(h,{name:"clarity:download-line",size:"14"})]),default:r(()=>[b(" "+d(l.$t("general.download")),1)]),_:1},8,["onClick","disabled"])]),_:1})]),_:1})]),t("div",vs,[n(_,{modelValue:o(a).fileMain,"onUpdate:modelValue":p[1]||(p[1]=j=>o(a).fileMain=j),"show-before":o(e)},null,8,["modelValue","show-before"])]),t("div",Is,[n(u)])])])):S("",!0)]),n(v),t("div",$s,[n($)]),n(y),t("div",ws,[n(L)])])}}},Rs=k(bs,[["__scopeId","data-v-39ba6abe"]]);export{Rs as default};