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

1import{m as W,f as F,_ as G}from"./CE2_SuD2.js";import{i as J,S as Q,_ as Z}from"./DwEaW7sW.js";import M from"./DldrGtjm.js";import{u as N,a as K,B as X}from"./XonGBJQd.js";import{S as Y}from"./KmOuoPRj.js";import{_ as S,q as A,u as H,r as y,o as U,w as q,z as ee,m as x,a as f,c as I,f as o,y as V,g as n,i as k,t as p,n as C,d as se,j as L,b as a,e as c,F as te,p as oe,C as P,R as E,h as b,x as ae,s as ne,v as ie,k as le,l as ce}from"./BsW9FdjW.js";import{J as re}from"./Cnxu7Z9O.js";import{p as me}from"./CqA2pWCq.js";import{u as j,L as pe,a as de}from"./B2YQIOne.js";import{S as ue,N as ge,a as _e}from"./BqRnvwth.js";import{R as fe,a as ve}from"./zybDFOsZ.js";import{_ as he}from"./DYumHwId.js";import{_ as $e}from"./CDEQo7PO.js";import{_ as Ie}from"./B_RHPV_f.js";import{_ as we}from"./ot7b3gae.js";/* empty css        */import"./j8zvgcTJ.js";import"./TDtrdbi3.js";import"./CjQidXys.js";import"./B5J2xmvs.js";import"./DibMjX2h.js";const be={class:"comp-image-main"},Be=["src"],ye=["src"],ke={key:1,class:"error-tip"},Se={__name:"ImageMain",props:A(["showBefore"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const t=H(l,"modelValue"),s=l;let r=y([]);const e=y("clip-path: inset(0 0 0 0)"),i=y("clip-path: inset(0 100% 0 0)"),d=y(null);U(async()=>{await u()});const u=async()=>{if(e.value="clip-path: inset(0 0 0 0)",i.value="clip-path: inset(0 100% 0 0)",r.value=[],!t.value.width||!t.value.height){const _=await J(t.value.file),v=_[0],h=_[1];t.value.width=v,t.value.height=h}r.value=m(t.value.width,t.value.height)},m=(_,v)=>{if(_<=1020){if(v<=560)return[_,v];const B=560/v;return[_*B,560]}if(560>=v){const B=1020/_;return[1020,v*B]}let w=560/v;return _/v>1020/560&&(w=1020/_),[_*w,v*w]},g=()=>{setTimeout(()=>{e.value="transition: clip-path 1s;clip-path: inset(0 0 0 100%)",i.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)"},500)};q(()=>t.value,async()=>{d.value=null,await ee(),await u(),d.value=t.value.downloadLink},{deep:!0}),q(()=>s.showBefore,()=>{s.showBefore?(e.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)",i.value="transition: clip-path 1s;clip-path: inset(0 100% 0 0)"):(e.value="transition: clip-path 1s;clip-path: inset(0 0 0 100%)",i.value="transition: clip-path 1s;clip-path: inset(0 0 0 0)")});const $=x(()=>t.value.processStatus==="processing"),R=x(()=>t.value.processStatus==="error");return(_,v)=>(f(),I("div",be,[o("div",{class:C(["container",{loading:n($),error:n(R)}]),style:V({width:n(r)[0]+"px",height:n(r)[1]+"px"})},[o("img",{src:t.value.url,alt:"",class:"foreground",style:V(n(e))},null,12,Be),n(d)?(f(),I("img",{key:0,src:n(d),alt:"",class:"background",onLoad:g,style:V(n(i))},null,44,ye)):k("",!0),n(R)?(f(),I("p",ke,p(_.$t("fileStatus.error")),1)):k("",!0)],6)]))}},Re=S(Se,[["__scopeId","data-v-4149f89c"]]),{saveAs:ze}=me,D=se("imageRemoveBgStore",{state:()=>({files:[],fileMain:null,fileIndex:0,processing:!1,packing:!1}),getters:{summary:l=>{if(l.files.length===0)return{};let t=!0,s=0,r=0,e=0,i=0,d=0,u=0;return l.files.forEach(m=>{d+=m.file.size,m.processStatus==="finished"&&(r+=1,u+=m.sizeNew),m.processStatus==="processing"&&(e+=1),m.processStatus,m.processStatus==="waiting"&&(i+=1),["waiting","processing"].includes(m.processStatus)?t=!1:s+=1}),t&&(l.processing=!1),{finished:t,successNum:r,sizeOrigin:d,sizeNew:u,finishNum:s,processingNum:e,waitingNum:i}},showInfo:l=>l.files.length===0},actions:{initEvent(){this.clearImages(),N().registerEvent("image_bg_remove",t=>{const{download:s,key:r}=t;this.files.forEach(e=>{e.duuid===r&&(s?(e.processStatus="finished",e.downloadLink=s):e.processStatus="error")})})},onUploadImages(l){l.forEach(s=>{this.files.find(e=>e.uid===s.uid)||(s.processStatus="waiting",this.files.push(s))});const t=this.files.length-1;this.fileMain=this.files[t],this.fileIndex=t},changeMain(l){this.fileIndex=l,this.fileMain=this.files[l]},clearImages(){this.files=[],this.fileMain=null,this.processing=!1},downloadCurrent(){const l=document.createElement("a");l.target="_blank",l.href=this.fileMain.downloadLink,l.click(),j().finishLog({requestId:this.fileMain.requestId,isDownload:!0})},async batchDownload(){this.packing=!0;const l=(Date.now()/1e3).toFixed(0),t=new re,s=t.folder(`${l}_docsmall.com`),r=j();for(let e=0;e<this.files.length;e++){const i=this.files[e];if(!i.downloadLink)continue;const d=await fetch(i.downloadLink),u=d.headers.get("Content-Disposition");let m=`${i.name}.png`;if(u){const $=u.match(/filename="(.+)"/);$.length>1&&(m=$[1])}const g=await d.blob();s.file(m,g),r.finishLog({requestId:i.requestId,isDownload:!0})}t.generateAsync({type:"blob"}).then(e=>{ze(e,`${l}_docsmall.com.zip`),this.packing=!1})}}}),Le=["src"],xe={__name:"ImageListItem",props:A(["fileItem","index"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const t=D(),s=N();let r="";

1const e=H(l,"modelValue"),i=l,d=y(!1),u=x(()=>i.index===t.fileIndex);let m;U(()=>{d.value=!0,e.value.processStatus==="waiting"&&$()});const g=()=>{t.changeMain(i.index)},$=()=>{e.value.processStatus="uploading";const h=W(e.value.uid+e.value.name+e.value.file.size);e.value.duuid=h,m=new F(h,e.value.file,_),m.doUpload()},R=async()=>{await m.cancelUpload()},_=h=>{h===100&&(e.value.processStatus="processing")},v=async()=>{const h={key:e.value.duuid,filename:e.value.name,connection_id:s.uuid},{data:z}=await K.postRemoveImageBg(h);r=z.request_id,e.value.requestId=r};return q(()=>e.value.processStatus,()=>{e.value.processStatus==="processing"&&v(),e.value.processStatus==="clearing"&&R()}),(h,z)=>{const w=M,B=Q;return f(),I("div",{class:C(["image-item",{active:n(u)}]),onClick:g},[o("img",{src:e.value.url,alt:"",class:C({loading:!e.value.downloadLink})},null,10,Le),e.value.downloadLink?(f(),L(w,{key:0,name:"material-symbols:radio-button-unchecked",size:"12",class:"icon success"})):k("",!0),e.value.processStatus==="error"?(f(),L(w,{key:1,name:"material-symbols:error-circle-rounded",size:"12",class:"icon error"})):k("",!0),e.value.processStatus==="processing"?(f(),L(B,{key:2,size:"12",class:"spin"})):k("",!0)],2)}}},Ce=S(xe,[["__scopeId","data-v-7358562e"]]),Me={class:"image-list-swiper"},Ve={class:"el el-prev"},qe={class:"el el-next"},Ne={__name:"ImageList",setup(l){const t={nextEl:".el-next",prevEl:".el-prev"},s=D();return(r,e)=>{const i=M,d=Ce;return f(),I("div",Me,[o("div",Ve,[a(i,{name:"material-symbols-light:expand-circle-right",size:30,class:"icon"})]),a(n(_e),{"slides-per-view":"auto","space-between":20,navigation:t,modules:[n(ge)]},{default:c(()=>[(f(!0),I(te,null,oe(n(s).files,(u,m)=>(f(),L(n(ue),null,{default:c(()=>[a(d,{modelValue:n(s).files[m],"onUpdate:modelValue":g=>n(s).files[m]=g,index:m},null,8,["modelValue","onUpdate:modelValue","index"])]),_:2},1024))),256))]),_:1},8,["modules"]),o("div",qe,[a(i,{name:"material-symbols-light:expand-circle-right",size:30,class:"icon"})])])}}},Ue=S(Ne,[["__scopeId","data-v-71ae0aa7"]]),Ee={},De={class:"comp-points-desc"},Te={class:"zone1080"},je={class:"main"},Ae={class:"list"},He={class:"item"},Pe={class:"icon"},Oe={class:"item"},We={class:"icon"},Fe={class:"item"},Ge={class:"icon"};function Je(l,t){const s=P,r=M,e=E;return f(),I("div",De,[o("div",Te,[a(e,{gutter:30,justify:"space-between"},{default:c(()=>[a(s,{xs:24,sm:24,md:24,lg:12,xl:12,xxl:12},{default:c(()=>[o("p",je,p(l.$t("pageImageRemoveBg.tips11")),1)]),_:1}),a(s,{xs:24,sm:24,md:24,lg:12,xl:10,xxl:10},{default:c(()=>[o("div",Ae,[o("div",He,[o("div",Pe,[a(r,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),o("p",null,p(l.$t("pageImageRemoveBg.tips12")),1)]),o("div",Oe,[o("div",We,[a(r,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),o("p",null,p(l.$t("pageImageRemoveBg.tips13")),1)]),o("div",Fe,[o("div",Ge,[a(r,{name:"material-symbols:check-circle-rounded",size:"18",class:"_icon"})]),o("p",null,p(l.$t("pageImageRemoveBg.tips14")),1)])])]),_:1})]),_:1})])])}const Qe=S(Ee,[["render",Je],["__scopeId","data-v-a276686b"]]),Ze={class:"comp-image-compare"},Ke={class:"zone1080"},Xe={class:"head"},Ye={class:"operation"},es={class:"wrapper"},ss={__name:"Compare",setup(l){const t=y("people"),s=x(()=>t.value==="product"?"https://cdn.docsmall.com/assets/ai-image-remove-bg-product.jpg":t.value==="material"?"https://cdn.docsmall.com/assets/ai-image-remove-bg-material.jpg":"https://cdn.docsmall.com/assets/ai-image-remove-bg-people.jpg"),r=x(()=>t.value==="product"?"https://cdn.docsmall.com/assets/ai-image-remove-bg-product.png":t.value==="material"?"https://cdn.docsmall.com/assets/ai-image-remove-bg-material.png":"https://cdn.docsmall.com/assets/ai-image-remove-bg-people.png");return(e,i)=>{const d=fe,u=ve,m=he;return f(),I("div",Ze,[o("div",Ke,[o("div",Xe,[o("h2",null,p(e.$t("pageImageRemoveBg.cTitle")),1),o("p",null,p(e.$t("pageImageRemoveBg.cDesc")),1

1)]),o("div",Ye,[a(u,{type:"button",modelValue:n(t),"onUpdate:modelValue":i[0]||(i[0]=g=>ae(t)?t.value=g:null),size:"large"},{default:c(()=>[a(d,{value:"people"},{default:c(()=>[b(p(e.$t("pageImageRemoveBg.cT3")),1)]),_:1}),a(d,{value:"product"},{default:c(()=>[b(p(e.$t("pageImageRemoveBg.cT1")),1)]),_:1}),a(d,{value:"material"},{default:c(()=>[b(p(e.$t("pageImageRemoveBg.cT2")),1)]),_:1})]),_:1},8,["modelValue"])]),o("div",es,[a(m,null,{default:c(()=>[a(n($e),{"left-image":n(s),"right-image":n(r)},null,8,["left-image","right-image"])]),_:1})])])])}}},ts=S(ss,[["__scopeId","data-v-d12a8457"]]),os={class:"comp-image-crop-qa"},as={class:"zone1080"},ns={class:"questions"},is={class:"q"},ls={class:"a"},cs={class:"q"},rs={class:"a"},ms={class:"q"},ps={class:"q"},ds={class:"a"},us={__name:"QA",setup(l){const t=ne();return(s,r)=>{const e=pe,i=we,d=ie("i18n-t"),u=de,m=P,g=E;return f(),I("div",os,[o("div",as,[o("h2",null,p(s.$t("pageImageRemoveBg.qaTitle")),1),o("div",ns,[a(g,{justify:"center"},{default:c(()=>[a(m,{span:24},{default:c(()=>[a(u,{bordered:!1,size:"large"},{default:c(()=>[a(e,null,{default:c(()=>[o("p",is,p(s.$t("pageImageRemoveBg.q1")),1),o("p",ls,p(s.$t("pageImageRemoveBg.a1")),1)]),_:1}),a(e,null,{default:c(()=>[o("p",cs,p(s.$t("pageImageRemoveBg.q2")),1),o("p",rs,p(s.$t("pageImageRemoveBg.a2")),1)]),_:1}),a(e,null,{default:c(()=>[o("p",ms,p(s.$t("pageImageRemoveBg.q3")),1),a(d,{tag:"p",class:"a",keypath:"pageImageRemoveBg.a3.content"},{t1:c(()=>[a(i,{class:"link image-segment",to:n(t)("/image-segment")},{default:c(()=>[b(p(s.$t("pageImageRemoveBg.a3.t1")),1)]),_:1},8,["to"])]),_:1})]),_:1}),a(e,null,{default:c(()=>[o("p",ps,p(s.$t("pageImageRemoveBg.q4")),1),o("p",ds,p(s.$t("pageImageRemoveBg.a4")),1)]),_:1})]),_:1})]),_:1})]),_:1})])])])}}},gs=S(us,[["__scopeId","data-v-1f97a4e1"]]),_s={class:"page page-image-remove-bg"},fs={class:"main zone1080"},vs={key:1,class:"image-zone"},hs={class:"image-inner"},$s={class:"image-option"},Is={class:"image-main"},ws={class:"image-list"},bs={class:"section"},Bs={class:"section"},ys={__name:"image-remove-bg",setup(l){const t=N(),s=D(),{t:r}=le({useScope:"global"});ce({meta:[{name:"description",content:r("pageImageRemoveBg.meta.description")},{name:"keywords",content:r("pageImageRemoveBg.meta.keywords")}]}),U(()=>{t.connectToServer(),s.initEvent()});const e=y(!1);return(i,d)=>{const u=G,m=Z,g=M,$=X,R=Y,_=E,v=Re,h=Ue,z=Qe,w=ts,B=Ie,O=gs;return f(),I("div",_s,[a(u,{style:{position:"absolute",top:"80px",right:"10px"}}),o("h1",null,p(i.$t("pageImageRemoveBg.h1")),1),o("h3",null,p(i.$t("pageImageRemoveBg.h2")),1),o("div",fs,[n(s).files.length<10?(f(),L(m,{key:0,class:"remove-image-bg",limit:10,"max-size":10*1024*1024,"img-max-side":5e3,accept:"image/jpg,image/jpeg,image/webp",title:i.$t("products.imageRemoveBg"),tips:i.$t("pageImageRemoveBg.uploadTip"),min:n(s).files.length>0,onOnUpload:n(s).onUploadImages},null,8,["title","tips","min","onOnUpload"])):k("",!0),n(s).files.length>0?(f(),I("div",vs,[o("div",hs,[o("div",$s,[a(_,{justify:"space-between",align:"center"},{default:c(()=>[o("p",null,p(i.$t("pageImageRemoveBg.result",{total:n(s).files.length,finish:n(s).summary.successNum})),1),a(R,{class:"btns",size:10},{default:c(()=>[a($,{onClick:n(s).clearImages,type:"outline",class:"btn-image-ai",size:"large"},{icon:c(()=>[a(g,{name:"material-symbols-light:cleaning-services-outline",size:"18"})]),default:c(()=>[b(" "+p(i.$t("general.clear")),1)]),_:1},8,["onClick"]),a($,{onClick:d[0]||(d[0]=T=>e.value=!n(e)),disabled:!n(s).fileMain.downloadLink,type:"primary",class:"btn-image-ai",size:"large"},{icon:c(()=>[a(g,{name:"iconamoon:compare-light",size:"14",class:C(["icon-view",{rotate:n(e)}])},null,8,["class"])]),default:c(()=>[b(" "+p(n(e)?i.$t("pageImageRemoveBg.viewPNG"):i.$t("pageImageRemoveBg.viewOrigin")),1)]),_:1},8,["disabled"]),a($,{onClick:n(s).batchDownload,disabled:!n(s).summary.finished||n(s).summary.successNum<2,loading:n(s).packing,type:"outline",class:"btn-image-ai",size:"large"},{icon:c(()=>[a(g,{name:"clarity:download-line",size:"14"})]),default:c(()=>[b(" "+p(i.$t("general.pack")),1)]),_:1},8,["onClick","disabled","loading"]),a($,{onClick:n(s).downloadCurrent,disabled:!n(s).fileMain.downloadLink,type:"primary",class:"btn-image-ai",size:"large"},{icon:c(()=>

1[a(g,{name:"clarity:download-line",size:"14"})]),default:c(()=>[b(" "+p(i.$t("general.download")),1)]),_:1},8,["onClick","disabled"])]),_:1})]),_:1})]),o("div",Is,[a(v,{modelValue:n(s).fileMain,"onUpdate:modelValue":d[1]||(d[1]=T=>n(s).fileMain=T),"show-before":n(e)},null,8,["modelValue","show-before"])]),o("div",ws,[a(h)])])])):k("",!0)]),a(z),o("div",bs,[a(w)]),a(B),o("div",Bs,[a(O)])])}}},Fs=S(ys,[["__scopeId","data-v-58a24aa1"]]);export{Fs as default};