2 lines
1.3 KiB
JavaScript
2 lines
1.3 KiB
JavaScript
import{g as m,b as a,o as t,d as o,x as v,y as s,a6 as y,D as l,E as k,n as f}from"./index-C0Houbmd.js";const x={class:"text-xs mb-2",style:{color:"var(--text-3)"}},g={key:1,class:"flex items-baseline gap-1"},b={key:0,class:"text-xs",style:{color:"var(--text-3)"}},h={key:2,class:"text-xs mt-1",style:{color:"var(--text-3)"}},C={__name:"StatCard",props:{label:{type:String,required:!0},value:{type:[Number,String],default:"-"},unit:{type:String,default:""},precision:{type:Number,default:0},tone:{type:String,default:""},hint:{type:String,default:""},clickable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:i}){const r=i,c={ok:"var(--ok)",err:"var(--err)",warn:"var(--warn)",run:"var(--run)"};return(d,n)=>{const u=m("a-skeleton");return t(),a("div",{class:f(["glass p-4 select-none",{"glass-hover":e.clickable}]),onClick:n[0]||(n[0]=S=>e.clickable&&r("click"))},[o("div",x,l(e.label),1),e.loading?(t(),v(u,{key:0,paragraph:!1,active:"",title:{width:80}})):(t(),a("div",g,[o("span",{class:"text-2xl font-semibold mono",style:k({color:c[e.tone]||"var(--text-1)"})},l(typeof e.value=="number"?e.value.toFixed(e.precision):e.value),5),e.unit?(t(),a("span",b,l(e.unit),1)):s("",!0)])),e.hint?(t(),a("div",h,l(e.hint),1)):s("",!0),y(d.$slots,"footer")],2)}}};export{C as _};
|