2 lines
1.9 KiB
JavaScript
2 lines
1.9 KiB
JavaScript
import{d as C,u as g,G as v,y as p,z as u,H as e,A as s,F as S,C as c,B as a,D as m,E as f,bY as w,cZ as b,dq as B,r as y,K as U,cF as $,o as D,S as N}from"./B565zvD7.js";import{U as T}from"./BRgVNBcJ.js";import{_ as h}from"./DlHdCPWP.js";/* empty css */import{C as V}from"./DBAUZPHM.js";const z={class:"flex gap-4 items-center"},E={class:"text-sm font-400"},R={class:"text-sm text-gray font-300"},j={key:0,class:"w-1/4 my1"},A=C({__name:"CustomerCard",props:{user:{}},emits:["refresh"],setup(_,{emit:n}){const i=g(),l=_,t=v(),r=n;async function x(){await b(t.useString("areYouSureToDeleteThisUser"),l.user.id??"",B,()=>r("refresh"))}return(o,d)=>(u(),p("div",{class:"flex justify-between items-center",onClick:d[1]||(d[1]=k=>e(i).push({name:"user_detail-id",params:{id:o.user.id}}))},[s("div",z,[c(T,{width:"60",src:o.user.avatar,"just-show-profile":""},null,8,["src"]),s("div",null,[s("div",E,a(o.user.name),1),s("div",R,a(o.user.infoText),1)])]),e(t).isSeller?(u(),p("div",j,[c(h,{class:"!h-7 w-full",onClick:d[0]||(d[0]=w(k=>e(i).push({name:"user-edit-id",params:{id:o.user.id}}),["stop"]))},{default:m(()=>[f(a(e(t).useString("edit")),1)]),_:1}),c(h,{class:"!h-7 w-full border-red text-red mt1",onClick:w(x,["stop"])},{default:m(()=>[f(a(e(t).useString("delete")),1)]),_:1})])):(u(),S(h,{key:1,class:"!h-7 w-1/4"},{default:m(()=>[f(a(e(t).useString("details")),1)]),_:1}))]))}}),F=["x"],G=C({__name:"CustomerCardSkeleton",setup(_){const n=y(!1),i=y(null),l=U($(i,{width:0,height:0},{box:"border-box"}));return D(async()=>{n.value=!0}),(t,r)=>n.value?(u(),p("div",{key:0,ref_key:"skeletonRatio",ref:i,class:"h-fit"},[c(e(V),{width:l.width,height:"70"},{default:m(()=>[r[0]||(r[0]=s("circle",{cx:"30",cy:"30",r:"30"},null,-1)),r[1]||(r[1]=s("rect",{x:"80",y:"20",rx:"3",ry:"3",width:"170",height:"20"},null,-1)),s("rect",{x:l.width-80,y:"15",rx:"3",ry:"3",width:"80",height:"30"},null,8,F)]),_:1,__:[0,1]},8,["width"])],512)):N("",!0)}});export{A as _,G as a};
|