2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import{d as k,u as y,H as v,z as u,A as C,K as e,B as s,D as c,C as i,E as m,F as f,bT as _,G as S,c_ as b,dA as B,r as w,J as T,cB as U,o as j,T as D}from"./2b2DIrDg.js";import{U as N}from"./CBw6WR31.js";import{B as h}from"./C5DsgS3M.js";import{C as V}from"./ltguHPzo.js";const $={class:"flex gap-4 items-center"},z={class:"text-sm font-400"},E={class:"text-sm text-gray"},R={key:0,class:"w-1/4 my1"},A=k({__name:"CustomerCard",props:{user:{}},emits:["refresh"],setup(p,{emit:n}){const o=y(),d=p,t=v(),r=n;async function g(){await b(t.useString("areYouSureToDeleteThisUser"),d.user.id??"",B,()=>r("refresh"))}return(a,l)=>(u(),C("div",{class:"flex justify-between items-center",onClick:l[1]||(l[1]=x=>e(o).push({name:"user_detail-id",params:{id:a.user.id}}))},[s("div",$,[c(N,{width:"60",src:a.user.avatar,"just-show-profile":""},null,8,["src"]),s("div",null,[s("div",z,i(a.user.name),1),s("div",E,i(a.user.infoText),1)])]),e(t).isSeller?(u(),C("div",R,[c(h,{class:"!h-7 w-full",onClick:l[0]||(l[0]=_(x=>e(o).push({name:"user-edit-id",params:{id:a.user.id}}),["stop"]))},{default:m(()=>[f(i(e(t).useString("edit")),1)]),_:1}),c(h,{class:"!h-7 w-full border-red text-red mt1",onClick:_(g,["stop"])},{default:m(()=>[f(i(e(t).useString("delete")),1)]),_:1})])):(u(),S(h,{key:1,class:"!h-7 w-1/4"},{default:m(()=>[f(i(e(t).useString("details")),1)]),_:1}))]))}}),H=Object.assign(A,{__name:"CardsCustomerCard"}),L=["x"],M=k({__name:"CustomerCardSkeleton",setup(p){const n=w(!1),o=w(null),d=T(U(o,{width:0,height:0},{box:"border-box"}));return j(async()=>{n.value=!0}),(t,r)=>n.value?(u(),C("div",{key:0,ref_key:"skeletonRatio",ref:o,class:"h-fit"},[c(e(V),{width:d.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:d.width-80,y:"15",rx:"3",ry:"3",width:"80",height:"30"},null,8,L)]),_:1,__:[0,1]},8,["width"])],512)):D("",!0)}}),I=Object.assign(M,{__name:"CardsCustomerCardSkeleton"});export{H as C,I as a};
|