import{d as P,r as a,aP as b,B as L,o as l,l as j,w as z,g as m,ar as s,a as o,c as i,F as E,k as C,i as g,a2 as v,W as G,t as R,aQ as I,_ as O,__tla as U}from"./index-2c56227b.js";import{E as W,__tla as q}from"./el-image-cae97e2e.js";import{__tla as A}from"./el-image-viewer-da1b6008.js";import{e as D,__tla as F}from"./spu-885c4bfc.js";let $,H=Promise.all([(()=>{try{return U}catch{}})(),(()=>{try{return q}catch{}})(),(()=>{try{return A}catch{}})(),(()=>{try{return F}catch{}})()]).then(async()=>{let x,_;x={key:0,class:"absolute left-0 top-0 z-1 items-center justify-center"},_=P({name:"ProductList",__name:"index",props:{property:{type:Object,required:!0}},setup(T){const t=T,p=a([]);b(()=>t.property.spuIds,async()=>{p.value=await D(t.property.spuIds)},{immediate:!0,deep:!0});const u=a(375),h=a(),r=a(2),c=a("100%"),d=a("0"),n=a("");return b(()=>[t.property,u,p.value.length],()=>{r.value=t.property.layoutType==="twoCol"?2:3;const e=(u.value-t.property.space*(r.value-1))/r.value;d.value=r.value===2?"64px":`${e}px`,t.property.layoutType==="horizSwiper"?(n.value=`repeat(auto-fill, ${e}px)`,c.value=e*p.value.length+t.property.space*(p.value.length-1)+"px"):(n.value=`repeat(${r.value}, auto)`,c.value="100%")},{immediate:!0,deep:!0}),L(()=>{var e,y;u.value=((y=(e=h.value)==null?void 0:e.wrapRef)==null?void 0:y.offsetWidth)||375}),(e,y)=>{const w=W,k=I;return l(),j(k,{class:"z-1 min-h-30px","wrap-class":"w-full",ref_key:"containerRef",ref:h},{default:z(()=>[m("div",{class:"grid overflow-x-auto",style:s({gridGap:`${e.property.space}px`,gridTemplateColumns:o(n),width:o(c)})},[(l(!0),i(E,null,C(o(p),(f,B)=>(l(),i("div",{class:"relative box-content flex flex-row flex-wrap overflow-hidden bg-white",style:s({borderTopLeftRadius:`${e.property.borderRadiusTop}px`,borderTopRightRadius:`${e.property.borderRadiusTop}px`,borderBottomLeftRadius:`${e.property.borderRadiusBottom}px`,borderBottomRightRadius:`${e.property.borderRadiusBottom}px`}),key:B},[e.property.badge.show?(l(),i("div",x,[g(w,{fit:"cover",src:e.property.badge.imgUrl,class:"h-26px w-38px"},null,8,["src"])])):v("",!0),g(w,{fit:"cover",src:f.picUrl,style:s({width:o(d),height:o(d)})},null,8,["src","style"]),m("div",{class:G(["flex flex-col gap-8px p-8px box-border",{"w-[calc(100%-64px)]":o(r)===2,"w-full":o(r)===3}])},[e.property.fields.name.show?(l(),i("div",{key:0,class:"truncate text-12px",style:s({color:e.property.fields.name.color})},R(f.name),5)):v("",!0),m("div",null,[e.property.fields.price.show?(l(),i("span",{key:0,class:"text-12px",style:s({color:e.property.fields.price.color})}," \uFFE5"+R(f.price),5)):v("",!0)])],2)],4))),128))],4)]),_:1},512)}}}),$=O(_,[["__file","E:/GAOHP_2023/mall/newfeifan-front/yudao-ui-admin-vue3/src/components/DiyEditor/components/mobile/ProductList/index.vue"]])});export{H as __tla,$ as default};
