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