| 1 |
- import{_ as g}from"./_plugin-vue_export-helper-1b428a4d.js";import{e as n,r as b,b as v,h as f,o as x,c as w,C as s,aG as l,aN as _,n as S,__tla as C}from"./index-eb0e860f.js";let c,j=Promise.all([(()=>{try{return C}catch{}})()]).then(async()=>{let o;o=["src"],c=g({__name:"ImageCard",props:{url:{type:String,required:!0},width:{type:[String,Number],required:!0},height:{type:[String,Number],required:!0},radius:{type:[String,Number],default:5},containerStyle:{type:Object,default:()=>({})},imgContainerStyle:{type:Object,default:()=>({})},textContainerStyle:{type:Object,default:()=>({})}},setup(t){const e=t,u=n(()=>`min(${e.width}px, 80vw)`),h=n(()=>typeof e.height=="number"?`${e.height}px`:e.height),p=n(()=>typeof e.radius=="number"?`${e.radius}px`:e.radius),m=b(),r=()=>{S(()=>{const a=document.querySelectorAll(".card-img");let i=1/0;a.forEach(y=>{const d=y.clientWidth;d<i&&(i=d)}),i!==1/0&&(m.value=i)})};return v(()=>{r(),window.addEventListener("resize",r)}),f(()=>{window.removeEventListener("resize",r)}),(a,i)=>(x(),w("div",{class:"",style:l([{display:"flex","align-items":"center"},{...t.containerStyle}])},[s("div",{class:"img-container",style:l({width:u.value,height:h.value,marginRight:"10px",border:"1px solid rgb(220 223 231)",borderRadius:p.value,display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",...t.imgContainerStyle})},[s("img",{src:t.url,class:"card-img",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}},null,8,o)],4),s("div",{class:"text-container",style:l([{"flex-grow":"1","min-width":"50px","line-height":"25px"},{...t.textContainerStyle}])},[_(a.$slots,"label",{},void 0,!0)],4)],4))}},[["__scopeId","data-v-95b62e62"]])});export{c as I,j as __tla};
|
