2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{d as b,W as B,a as M,o as V,c as n,p as t,C as f,N as g,i,b as o,m as s,F as N,r as S,g as v,I as q,e as E,h as F,E as L,Y as O,j,_ as z}from"./index-CBgSEtCI.js";import{P as A}from"./PageBar-KzriNZbH.js";import{S as H}from"./SectionHead-CpZrlXGa.js";import{P as R}from"./ProductCard-BzxTzIxM.js";import{u as T}from"./usePagedProducts-BHk63RfV.js";const U={class:"coll"},W={key:0,class:"coll__grid"},Y={key:2,class:"coll__empty"},$=b({__name:"CollectionView",setup(D){const u=O(),{rows:a,loading:y,loadingMore:h,hasMore:d,resetAndLoad:k,loadMore:x}=T(),_=i(()=>y.value&&a.value.length===0),w=i(()=>u.query.page||"مجموعه"),C=i(()=>String(u.params.id??"")),l=F(null);let e;function m(){return{collectionId:C.value,sort:"newest"}}function I(){e==null||e.disconnect(),l.value&&(e=new IntersectionObserver(c=>{c.some(r=>r.isIntersecting)&&d.value&&x(m())},{rootMargin:"400px"}),e.observe(l.value))}return B(l,I),M(()=>e==null?void 0:e.disconnect()),V(async()=>{try{await k(m())}catch(c){console.log(c)}}),(c,r)=>{const P=L("container");return o(),n("div",U,[t(A,{title:w.value,"back-to":"search"},null,8,["title"]),t(g,{spinning:_.value,tip:"درحال دریافت اطلاعات"},{default:f(()=>[t(P,{class:"coll__body"},{default:f(()=>[t(H,{title:"محصولات این مجموعه",subtitle:"برای دیدن جزئیات، روی محصول ضربه بزنید"}),s(a).length?(o(),n("div",W,[(o(!0),n(N,null,S(s(a),p=>(o(),j(R,{key:p.id,value:p},null,8,["value"]))),128))])):v("",!0),s(d)||s(h)?(o(),n("div",{key:1,ref_key:"sentinel",ref:l,class:"coll__more"},[t(g,{spinning:!0,indicator:!0,fixed:!1,tip:"",cls:"my-[10px]"})],512)):!_.value&&!s(a).length?(o(),n("section",Y,[t(q,{icon:"vuesax-linear:box",size:"26"}),r[0]||(r[0]=E("p",null,"در این مجموعه محصولی ثبت نشده است.",-1))])):v("",!0)]),_:1})]),_:1},8,["spinning"])])}}}),Z=z($,[["__scopeId","data-v-24baa11f"]]);export{Z as default};
|