2 lines
9.9 KiB
JavaScript
2 lines
9.9 KiB
JavaScript
import{d as F,u as ae,o as Z,a as ne,b as n,c as l,e as u,F as z,r as G,n as M,f as N,g as x,h as k,i as w,_ as V,j as X,t as U,I as j,k as oe,l as le,w as ie,m as y,p as S,q as re,s as W,v as ce,x as ue,y as de,K as Y,z as _e,A as ve,B as pe,C as L,D as fe,E as me,G as ge}from"./index-Db_y-2Uj.js";import{R as he}from"./RateStrip-6B3AUrzc.js";import{u as ye}from"./catalogStore-DZF2Wr42.js";import{P as ke,L as q}from"./index-EOHWEYjD.js";import"./filters-BAHyISS-.js";const $e={key:0,class:"hero"},be=["onClick"],Ie=["src"],Ce={key:1,class:"hero__artFallback","aria-hidden":"true"},Se={key:0,class:"hero__dots"},Pe=["aria-label","onClick"],K=46,we=.76,xe=36.6,Ee=.75,Re=F({__name:"HeroCarousel",props:{slides:{},autoplay:{type:Boolean,default:!0}},setup(d){const m=d,v=k(0),$=k(null),_=k(!1),i=k(0);let c=0,p=null,g;const h=ae(),r=w(()=>m.slides.length);function f(e){let t=e-v.value;r.value>2&&(t>r.value/2&&(t-=r.value),t<-r.value/2&&(t+=r.value));const a=_.value?i.value:0,s=Math.abs(t),o=t*xe+a,P=t===0?1:we,C=s>1?0:s===0?1:Ee;return{transform:`translate3d(${o}%, 0, 0) scale(${P})`,opacity:String(C),zIndex:String(10-s),pointerEvents:s>1?"none":"auto",transition:_.value?"none":"transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease"}}function I(e){v.value=(e%r.value+r.value)%r.value,H()}function b(){I(v.value+1)}function A(){I(v.value-1)}function T(e){var t,a;r.value<2||(_.value=!0,c=e.clientX,i.value=0,p=e.pointerId,(a=(t=e.currentTarget).setPointerCapture)==null||a.call(t,e.pointerId),O())}function D(e){var a;if(!_.value||e.pointerId!==p)return;const t=((a=$.value)==null?void 0:a.clientWidth)||1;i.value=(e.clientX-c)/t*100}function E(e){if(!_.value)return;const t=e.clientX-c;_.value=!1,i.value=0,p=null,t>K?A():t<-K?b():H()}function R(e){Math.abs(i.value)>1||e!==v.value&&I(e)}function O(){g&&clearInterval(g),g=void 0}function H(){O(),m.autoplay&&!h.isReducedMotion&&r.value>1&&(g=setInterval(b,6e3))}return Z(H),ne(O),(e,t)=>d.slides.length?(n(),l("section",$e,[u("div",{class:"hero__stage",ref_key:"stage",ref:$,onPointerdown:T,onPointermove:D,onPointerup:E,onPointercancel:E},[(n(!0),l(z,null,G(d.slides,(a,s)=>(n(),l("article",{key:a.key,class:N(["hero__card",{"is-active":s===v.value}]),style:M(f(s)),onClick:o=>R(s)},[a.image?(n(),l("img",{key:0,src:a.image,alt:"",class:"hero__art",draggable:"false"},null,8,Ie)):(n(),l("div",Ce))],14,be))),128))],544),d.slides.length>1?(n(),l("div",Se,[(n(!0),l(z,null,G(d.slides,(a,s)=>(n(),l("button",{key:a.key,type:"button",class:N(["hero__dot",{"is-active":s===v.value}]),"aria-label":`اسلاید ${s+1}`,onClick:o=>I(s)},null,10,Pe))),128))])):x("",!0)])):x("",!0)}}),Oe=V(Re,[["__scopeId","data-v-ddde804b"]]),He={class:"cats no-scrollbar"},Be=["onClick"],Le={class:"cats__mark","aria-hidden":"true"},Me=["src"],ze={class:"cats__title"},Ae=F({__name:"CategoryGrid",props:{categories:{},activeId:{}},emits:["select"],setup(d,{emit:m}){const v=m;return($,_)=>(n(),l("div",He,[(n(!0),l(z,null,G(d.categories,i=>{var c;return n(),l("button",{key:i.id,type:"button",class:N(["cats__tile",{"is-active":i.id===d.activeId}]),onClick:p=>v("select",i)},[u("span",Le,[(c=i.icon)!=null&&c.image?(n(),l("img",{key:0,src:i.icon.image,alt:""},null,8,Me)):(n(),X(j,{key:1,icon:"vuesax-linear:3d-cube-scan",size:"27"}))]),u("span",ze,U(i.title),1)],10,Be)}),128))]))}}),Te=V(Ae,[["__scopeId","data-v-155beefb"]]),De={class:"panel__art"},Ue=["alt"],Ge={class:"panel__title"},Ne={class:"panel__meta"},Fe={class:"panel__weight"},Ve={key:0,class:"panel__wageOld"},Xe={class:"panel__wage"},qe=F({__name:"ProductPanel",props:{value:{},wageBefore:{}},emits:["open"],setup(d,{emit:m}){const v=d,$=m,{image:_,title:i,min_gram:c,wage:p}=oe(v.value);function g(h){return h%1===0?String(h):h.toFixed(2)}return(h,r)=>{const f=le("lazy");return n(),l("article",{class:"panel","data-product-origin":"",onClick:r[0]||(r[0]=I=>$("open",d.value))},[u("div",De,[ie(u("img",{alt:y(i)},null,8,Ue),[[f,y(_)]])]),u("h3",Ge,U(y(i)),1),u("div",Ne,[u("span",Fe,U(y(c))+" گرم",1),y(p)!=null?(n(),l(z,{key:0},[r[1]||(r[1]=u("span",{class:"panel__sep","aria-hidden":"true"},null,-1)),d.wageBefore!=null?(n(),l("span",Ve,"اجرت "+U(g(d.wageBefore))+"٪",1)):x("",!0),u("span",Xe,U(g(y(p)))+"٪ اجرت",1)],64)):x("",!0)])])}}}),ee=V(qe,[["__scopeId","data-v-ccafc905"]]),We={class:"reel"},je=["onClick"],Ye={class:"reel__allMark","aria-hidden":"true"},J=46,Ke=.78,Q=92.5,Je=.62,Qe=F({__name:"ProductCarousel",props:{products:{}},emits:["open","all"],setup(d,{emit:m}){const v=d,$=m,_=k(0),i=k(null),c=k(!1),p=k(0);let g=0,h=null;const r=w(()=>[...v.products.map(e=>({key:e.id,kind:"product",product:e})),{key:"__all__",kind:"all"}]),f=w(()=>r.value.length);function I(e){let t=e-_.value;f.value>2&&(t>f.value/2&&(t-=f.value),t<-f.value/2&&(t+=f.value));const a=c.value?p.value:0,s=t*Q+a,o=Math.min(Math.abs(t+a/Q),1),P=1-(1-Ke)*o,C=1-(1-Je)*o,B=Math.abs(t)<=1,se=B?C:0;return{transform:`translate3d(${s}%, 0, 0) scale(${P})`,opacity:String(se),zIndex:String(10-Math.abs(t)),pointerEvents:B?"auto":"none",transition:c.value?"none":"transform .55s cubic-bezier(.21,1.02,.36,1), opacity .45s ease"}}function b(e){_.value=(e%f.value+f.value)%f.value}function A(){b(_.value+1)}function T(){b(_.value-1)}function D(e){var t,a;f.value<2||(c.value=!0,g=e.clientX,p.value=0,h=e.pointerId,(a=(t=e.currentTarget).setPointerCapture)==null||a.call(t,e.pointerId))}function E(e){var a;if(!c.value||e.pointerId!==h)return;const t=((a=i.value)==null?void 0:a.clientWidth)||1;p.value=(e.clientX-g)/t*100}function R(e){if(!c.value)return;const t=e.clientX-g;c.value=!1,p.value=0,h=null,t>J?T():t<-J&&A()}function O(e,t){if(!(Math.abs(p.value)>1)){if(e!==_.value){b(e);return}$("open",t)}}function H(e){if(!(Math.abs(p.value)>1)){if(e!==_.value){b(e);return}$("all")}}return(e,t)=>(n(),l("section",We,[u("div",{class:"reel__stage",ref_key:"stage",ref:i,onPointerdown:D,onPointermove:E,onPointerup:R,onPointercancel:R},[(n(!0),l(z,null,G(r.value,(a,s)=>(n(),l("div",{key:a.key,class:N(["reel__cell",{"is-active":s===_.value}]),style:M(I(s))},[a.kind==="product"?(n(),X(ee,{key:0,value:a.product,onOpen:o=>O(s,o)},null,8,["value","onOpen"])):(n(),l("button",{key:1,type:"button",class:"reel__all",onClick:o=>H(s)},[u("span",Ye,[S(j,{icon:"vuesax-linear:arrow-left-2",size:"26"})]),t[0]||(t[0]=u("span",{class:"reel__allText"},"مشاهده همه محصولات جدید",-1))],8,je))],6))),128))],544)]))}}),Ze=V(Qe,[["__scopeId","data-v-9bb6595e"]]),et="/assets/shipping-and-delivery-CyUGL93q.png",tt="/assets/sports-and-competition-ao926_SX.png",te="/assets/brand-logo-05_bmbid.png",st=[{type:"popup",src:et,text:"ارسال سریع و مطمئن سفارشهای شما به سراسر کشور.",link:void 0},{type:"popup",src:tt,text:`جدیدترین محصولات ${W.name} را در بخش محصولات جدید ببینید.`,link:void 0},{type:"popup",src:te,text:`${W.name}، همراه شما در خرید و فروش طلا.`,link:void 0}],at=re("config",{state:()=>({config:{main_slider:st},cats:[],loaded:!1}),actions:{setCats(d){this.cats=d},async init(d=!1){try{const{categories:m}=await ce.getCatalogFacets();this.cats=m.map(v=>({...v,icon:{image:te}})),this.loaded=!0}catch(m){console.log(m)}}}}),nt={class:"home"},ot={class:"home__bar"},lt={class:"home__barInner"},it=["alt"],rt={class:"home__list"},ct={key:3,class:"home__empty"},ut=70,dt=6,_t=4,vt=F({__name:"HomeView",setup(d){let m=!1;const v=fe(),$=at(),_=ue(),i=ye(),c=de(),p=k(!i.loaded),g=k(!1),h=w(()=>i.products),r=k(c.peek(Y.goldPrice)??null),f=k(c.peek(Y.homeSlider)??null),I=k(m);function b(s){return{"--reveal-delay":`${s*ut}ms`}}const A=w(()=>h.value),T=w(()=>h.value.slice(0,dt)),D=w(()=>h.value.slice(0,_t)),E=w(()=>(f.value??[]).filter(s=>s.image).map((s,o)=>({key:`${o}-${s.image}`,image:s.image})));function R(s){ge(s)}function O(s){_.query.cats=[s.id],v.push({name:"search"})}function H(){v.push({name:"newestProduct"})}async function e(s=!1){const[o,P,C,B]=await Promise.allSettled([i.load(s),$.init(s),c.goldPrice({force:s}),c.homeSlider({force:s})]);o.status==="rejected"&&console.log(o.reason),P.status==="rejected"&&console.log(P.reason),r.value=C.status==="fulfilled"?C.value:null,f.value=B.status==="fulfilled"?B.value:null}async function t(){await e(!0),g.value=!1}Z(async()=>{await e(),p.value=!1,!I.value&&(await _e(),requestAnimationFrame(()=>{I.value=!0,m=!0}))});let a=!1;return ve(async()=>{if(!a){a=!0;return}try{r.value=await c.goldPrice({force:!0})}catch(s){console.log(s)}}),(s,o)=>{const P=me("container");return n(),l("div",nt,[u("header",ot,[u("div",lt,[u("img",{src:pe,alt:y(W).name,class:"home__logo"},null,8,it),S(he,{quote:r.value,compact:"",class:"home__rate"},null,8,["quote"])])]),S(y(ke),{modelValue:g.value,"onUpdate:modelValue":o[0]||(o[0]=C=>g.value=C),onRefresh:t},{pulling:L(()=>[S(y(q),{size:"18"})]),loosing:L(()=>[S(y(q),{size:"18"})]),loading:L(()=>[S(y(q),{size:"18"})]),success:L(()=>[...o[1]||(o[1]=[u("span",null,null,-1)])]),default:L(()=>[S(P,{class:N(["home__body",{"is-revealed":I.value}])},{default:L(()=>[E.value.length?(n(),X(Oe,{key:0,slides:E.value,class:"home__hero home__reveal",style:M(b(0))},null,8,["slides","style"])):x("",!0),y($).cats.length?(n(),l("section",{key:1,class:"home__section home__reveal",style:M(b(1))},[o[2]||(o[2]=u("h2",{class:"home__heading"},"دسته بندی ها",-1)),S(Te,{categories:y($).cats,"active-id":null,onSelect:O},null,8,["categories"])],4)):x("",!0),A.value.length?(n(),l("section",{key:2,class:"home__section home__reveal",style:M(b(2))},[o[3]||(o[3]=u("h2",{class:"home__heading"},"محصولات جدید",-1)),S(Ze,{products:T.value,onOpen:R,onAll:H},null,8,["products"]),u("div",rt,[(n(!0),l(z,null,G(D.value,(C,B)=>(n(),X(ee,{key:C.id,value:C,class:"home__reveal",style:M(b(3+B)),onOpen:R},null,8,["value","style"]))),128))])],4)):x("",!0),!p.value&&!h.value.length?(n(),l("section",ct,[S(j,{icon:"vuesax-linear:box",size:"26"}),o[4]||(o[4]=u("p",null,"هنوز محصولی در مجموعه ثبت نشده است.",-1))])):x("",!0)]),_:1},8,["class"])]),_:1},8,["modelValue"])])}}}),yt=V(vt,[["__scopeId","data-v-1daa2415"]]);export{yt as default};
|