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