2 lines
1.4 KiB
JavaScript
2 lines
1.4 KiB
JavaScript
import{B as c}from"./BNlaDX0r.js";import{p as m}from"./DefJ8Rsy.js";import{d as u,H as f,aj as g,z as n,A as l,a3 as v,K as s,B as a,a6 as w,C,D as d,T as k,r as y,J as B,cB as x,E as b}from"./KS4UnPp1.js";import{C as z}from"./lD98CZk3.js";const S={class:"flex items-center"},D=["alt"],N={class:"ms-5 text-sm"},$={key:0,class:"flex items-center gap-2"},R=u({__name:"BrandCard",props:{item:{},hasFunction:{type:Boolean,default:!0}},emits:["edit","delete"],setup(h,{emit:i}){const e=f(),r=i;return(t,o)=>{const p=g("lazy");return n(),l("div",{class:v(["flex w-full mt-2 p-2 items-center justify-between rounded-lg",s(e).isNightStore?"bg-zinc-800":"bg-gray-50"])},[a("div",S,[w(a("img",{alt:s(e).appName.en,class:"w-2.5rem h-2.5rem rounded-lg object-contain"},null,8,D),[[p,{src:s(e).useDataStorage(t.item.image),loading:s(m),error:s(m)}]]),a("div",N,C(t.item.title),1)]),t.hasFunction?(n(),l("div",$,[d(c,{icon:"vuesax-linear:edit",color:"blue",onClick:o[0]||(o[0]=_=>r("edit",t.item))}),d(c,{icon:"vuesax-linear:trash",color:"red",onClick:o[1]||(o[1]=_=>r("delete",t.item.id))})])):k("",!0)],2)}}}),j=["width"],A=u({__name:"BrandCardSkeleton",setup(h){const i=y(null),e=B(x(i,{width:0,height:0},{box:"border-box"}));return(r,t)=>(n(),l("div",{ref_key:"skeletonRatio",ref:i,class:"h-fit"},[d(s(z),{width:e.width,height:"60"},{default:b(()=>[a("rect",{height:"50",rx:"3",ry:"3",width:e.width,x:"0",y:"8"},null,8,j)]),_:1},8,["width"])],512))}});export{R as _,A as a};
|