2 lines
2.8 KiB
JavaScript
2 lines
2.8 KiB
JavaScript
import{d as C,u as D,r as l,k as I,H as T,a4 as V,a5 as $,a0 as q,ah as F,y as o,z as s,A as t,C as M,I as i,S as d,a6 as x,F as P,a1 as b,a2 as R,a7 as E,ad as G,ai as H}from"./BAjARngS.js";import{S as L}from"./1rajLTAA.js";import{S as O}from"./BPJasu6A.js";import{g as U}from"./ErQpqvEb.js";import{l as S}from"./Bcz6fUfC.js";import{u as J}from"./Co2eSm74.js";import"./bZLhHpjY.js";import"./BgR2E6gQ.js";import"./96trYotg.js";const K={class:"absolute top-0 w-inherit right-0 left-0"},Q={class:"flex justify-between w-full p-4"},W={class:"h-90vh overflow-y-auto pb-5vh"},X={key:0,class:"w-full grid grid-cols-3 gap-2px"},Y=["onClick"],Z=["alt"],ee={key:1,class:"relative w-full h-full"},te=["src"],se=["src","alt"],ae=C({__name:"index",async setup(B){let n,m;const g=D(),c=l([]),r=l(!1),j=l({}),N=I(()=>y.sellerConfig?.store),y=T(),p=l(!1),_=l(0),z=l(15),h=l(0),w=l();V(w,async([{isIntersecting:u}])=>{if(u&&!r.value&&!p.value){r.value=!0;const e=_.value+1;setTimeout(async()=>{const v=await k(e);v.rows?.length&&(c.value.push(...v.rows),_.value=e)},100),c.value?.length>=h.value&&(p.value=!0),r.value=!1}},{threshold:.2,rootMargin:"0px 0px 200px 0px"});const k=async(u=1)=>{try{const e=N.value?.user_id;return await G(),await U(e,{page:u,limit:z.value,filters:[]})}catch(e){return console.error(e),{data:[],count:0}}finally{r.value=!1}},{data:f}=([n,m]=$(()=>J("explore",async()=>k(1))),n=await n,m(),n);return q(f,()=>{f.value&&(c.value=f.value.rows,h.value=f.value.count,_.value=1,c.value?.length>=h.value&&(p.value=!0))}),(u,e)=>{const v=F("lazy");return s(),o("div",null,[t("div",K,[t("div",Q,[M(L,{class:"w-full mt-2",onClick:e[0]||(e[0]=a=>i(g).push({name:"search-main"}))})]),t("div",W,[r.value?d("",!0):(s(),o("div",X,[(s(!0),o(b,null,R(c.value,(a,A)=>(s(),o("div",{key:A,class:"w-full aspect-square relative",onClick:le=>i(g).push({name:"product_detail-id",params:{id:a.id}})},[a.files?.length?(s(),o(b,{key:0},[a.files[0].type==="image"?x((s(),o("img",{key:0,class:"w-full h-full object-cover",alt:u.reactiveProjectName},null,8,Z)),[[v,{src:i(H)(a.files[0].url),loading:i(S),error:i(S)}]]):a.files[0].type==="video"?(s(),o("div",ee,[t("video",{ref_for:!0,ref:"videoRefs",src:a.files[0].url,class:"hidden"},null,8,te),t("img",{src:j.value[a.files[0].url],class:"w-full h-full object-cover",alt:i(y).appName.en},null,8,se),e[1]||(e[1]=t("div",{class:"absolute inset-0 flex items-center justify-center bg-black bg-opacity-30"},[t("svg",{class:"w-12 h-12 text-white",fill:"currentColor",viewBox:"0 0 24 24"},[t("path",{d:"M8 5v14l11-7z"})])],-1))])):d("",!0)],64)):d("",!0)],8,Y))),128))])),x(t("div",{ref_key:"observer",ref:w,class:"w-full opacity-0 relative"}," load ",512),[[E,!r.value]]),r.value?(s(),P(O,{key:1})):d("",!0)])])])}}}),me=C({__name:"index",setup(B){return(n,m)=>(s(),P(ae))}});export{me as default};
|