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