2 lines
1.7 KiB
JavaScript
2 lines
1.7 KiB
JavaScript
import{B as u}from"./CLVXcsFb.js";import{d as _,G as C,ak as k,y as n,z as a,a4 as b,H as t,A as s,S as h,a7 as B,al as S,aj as x,B as g,a2 as z,a3 as j,F as D,D as f,C as d,r as N,K as F,cG as $}from"./DE-gAEY9.js";import{T as L}from"./BL0dmODO.js";import{C as R}from"./DfBxCiz-.js";const p=""+new URL("logo_preview.B3D6jfxw.png",import.meta.url).href,V={class:"flex items-center"},E=["alt"],G={class:"ms-5 text-sm"},I={key:0,class:"flex items-center gap-2"},O=_({__name:"CategoryCard",props:{item:{},hasFunction:{type:Boolean,default:!0}},emits:["edit","delete"],setup(v,{emit:i}){const o=C(),l=i;return(e,r)=>{var m;const w=L,y=k("lazy");return a(),n("div",{class:b(["flex w-full mt-2 p-2 items-center justify-between",t(o).isNightStore?"bg-zinc-800":"bg-gray-50"])},[s("div",V,[B(s("img",{alt:t(x),class:"w-2.5rem h-2.5rem rounded-lg object-contain"},null,8,E),[[y,{src:t(S)(e.item.image),loading:t(p),error:t(p)}]]),s("div",null,[s("div",G,g(e.item.title),1),((m=e.item.children)==null?void 0:m.length)!==0?(a(!0),n(z,{key:0},j(e.item.children,c=>(a(),D(w,{color:"blue"},{default:f(()=>[s("span",null,g(c.title),1)]),_:2},1024))),256)):h("",!0)])]),e.hasFunction?(a(),n("div",I,[d(u,{icon:"vuesax-linear:edit",color:"blue",onClick:r[0]||(r[0]=c=>l("edit",e.item))}),d(u,{icon:"vuesax-linear:trash",color:"red",onClick:r[1]||(r[1]=c=>l("delete",e.item.id))})])):h("",!0)],2)}}}),T=["width"],P=_({__name:"CategoryCardSkeleton",setup(v){const i=N(null),o=F($(i,{width:0,height:0},{box:"border-box"}));return(l,e)=>(a(),n("div",{ref_key:"skeletonRatio",ref:i,class:"h-fit"},[d(t(R),{width:o.width,height:"60"},{default:f(()=>[s("rect",{height:"50",rx:"3",ry:"3",width:o.width,x:"0",y:"8"},null,8,T)]),_:1},8,["width"])],512))}});export{O as _,P as a};
|