https://cnfans.com/assets/v2-DU916kv2.js

1import{d as I,b as L,z as S,bQ as T,r as h,p as b,e as O,m as B,bB as $,c,a,t as o,g as l,bl as y,F as u,h as p,a5 as A,a6 as w,f as d,w as f,ct as D,l as E,o as n,i as M,bk as z,bm as F,bn as G,a2 as U,B as V,y as R,_ as H}from"./index-DWyTM36j.js";import{P as Q}from"./index-DI3oUgEm.js";import{P as j}from"./index-Bc8myZyz.js";import{N as q,a as J}from"./Grid-NwGCzRUZ.js";/* empty css                                                              */import"./get-slot-Bk_rJcZu.js";const K={class:"bg-wrapper"},W={class:"cate-aggregation-wrapper"},X={class:"wrapper-content"},Y={class:"category-menu"},Z={class:"title"},ee={class:"menu-group"},te=["onClick"],ae={class:"category-label"},se=["onClick"],le={class:"product-item-image"},re={class:"product-item-info"},oe={class:"product-item-price"},ne={class:"loading-wrapper"},ie=I({__name:"v2",setup(ce){const{t:v}=L(),x=S(),{userInfo:m}=T(x),k=h(),e=h({isLoading:!1,catchError:!1,list:[],from:"",filterBrands:[],selectAll:!0}),C=b(()=>e.value.list.map(t=>t.label)),P=b(()=>{if(e.value.selectAll)return e.value.list;if(e.value.filterBrands.length===0)return[];{const t=e.value.list.reduce((r,s)=>(r[s.label]=s,r),{});return e.value.filterBrands.map(r=>t[r]).filter(Boolean).reverse()}}),N=async t=>{t&&window.open(`/product?id=${t}&platform=TAOBAO&from=ActivityProducts`)},_=async()=>{try{e.value.isLoading=!0;const{list:t}=await D({});e.value.list=t}catch(t){E(t)}finally{e.value.isLoading=!1}},g=t=>{if(t==="all"){e.value.selectAll=!e.value.selectAll,e.value.filterBrands=[];return}const r=e.value.filterBrands.indexOf(t);r===-1?(e.value.filterBrands.push(t),B(`化妆品专区品牌${t}`,{value:t})):e.value.filterBrands.splice(r,1),e.value.filterBrands.length&&(e.value.selectAll=!1)};return O(()=>{document.body.style.backgroundColor="#ffffff",_(),B("化妆品专区banner",{value:!0})}),$(()=>{document.body.style.backgroundColor="#f8f8f8"}),(t,r)=>(n(),c("div",K,[a("div",W,[a("div",X,[a("div",Y,[a("div",Z,o(l(v)("page_activity.all-brands")),1),a("div",ee,[a("div",{class:y(["category-menu-item pointer unselectable",[e.value.selectAll?"active":""]]),onClick:r[0]||(r[0]=s=>g("all"))},o("All"),2),(n(!0),c(u,null,p(C.value,s=>(n(),c("div",{class:y(["category-menu-item pointer unselectable",[e.value.filterBrands.includes(s)?"active":""]]),key:s,onClick:i=>g(s)},o(s),11,te))),128))])]),(n(!0),c(u,null,p(P.value,s=>(n(),c(u,{key:s.label},[a("div",ae,o(s.label),1),d(l(J),{cols:"2 800:4 1200:5","x-gap":"20px","y-gap":"30px"},{default:f(()=>[(n(!0),c(u,null,p(s.items,i=>(n(),M(l(q),{key:i.productID},{default:f(()=>[a("div",{class:"product-item",onClick:de=>N(i.productID)},[a("div",le,[d(l(z),{lazy:"",width:"100%",src:i.imageUrl,"preview-disabled":!0},null,8,["src"])]),a("div",re,[d(Q,{name:i.productNameTrans,platform:l(F)("TAOBAO")},null,8,["name","platform"])]),a("div",oe,[a("span",null,o(l(m).currencySymbol),1),a("span",null,o(l(G)(i.price,l(m).exchangeRate)),1)])],8,se)]),_:2},1024))),128))]),_:2},1024)],64))),128)),a("div",{ref_key:"loadingMore",ref:k,class:"loading"},[A(a("div",ne,[d(l(U))],512),[[w,e.value.isLoading]])],512),A(d(j,{text:l(v)("interaction.load-error")},{default:f(()=>[d(l(V),{onClick:_},{default:f(()=>[R(o(l(v)("interaction.retry")),1)]),_:1})]),_:1},8,["text"]),[[w,e.value.catchError]])])])]))}}),ge=H(ie,[["__scopeId","data-v-7e876e8c"]]);export{ge as default};