2 lines
2.0 KiB
JavaScript
2 lines
2.0 KiB
JavaScript
import{d as k,u as x,G as S,y as C,z as u,H as e,A as s,F as v,C as c,B as i,D as m,E as f,bY as _,c$ as b,du as B,r as w,K as U,cH as $,o as j,S as D}from"./G_17LgpR.js";import{U as N}from"./wt3vyHO9.js";import{B as h}from"./C1vz2RTh.js";import{C as T}from"./CgJkSVJR.js";const V={class:"flex gap-4 items-center"},z={class:"text-sm font-400"},E={class:"text-sm text-gray font-300"},R={key:0,class:"w-1/4 my1"},H=k({__name:"CustomerCard",props:{user:{}},emits:["refresh"],setup(p,{emit:n}){const o=x(),d=p,t=S(),r=n;async function y(){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]=g=>e(o).push({name:"user_detail-id",params:{id:a.user.id}}))},[s("div",V,[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]=_(g=>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:_(y,["stop"])},{default:m(()=>[f(i(e(t).useString("delete")),1)]),_:1})])):(u(),v(h,{key:1,class:"!h-7 w-1/4"},{default:m(()=>[f(i(e(t).useString("details")),1)]),_:1}))]))}}),F=Object.assign(H,{__name:"CardsCustomerCard"}),L=["x"],M=k({__name:"CustomerCardSkeleton",setup(p){const n=w(!1),o=w(null),d=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(T),{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)}}),G=Object.assign(M,{__name:"CardsCustomerCardSkeleton"});export{F as C,G as a};
|