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