2 lines
1.2 KiB
JavaScript
2 lines
1.2 KiB
JavaScript
|
import{d as y,b as t,c as a,e as r,t as s,n as c,w as f,a0 as i,h as o,a9 as d,a3 as b,S as u,i as h,a1 as k,g as S}from"./index-CcYCuTIa.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";const D={class:"stat-card"},w={class:"stat-card-header"},B={class:"stat-label"},V={key:0},z={key:1,class:"stat-subtitle"},N=y({__name:"StatCard",props:{label:{},value:{},valueColor:{},icon:{},iconColor:{},trend:{},trendDirection:{},subtitle:{}},setup(e){const n=e,m=u(()=>n.value??"-"),v=u(()=>n.trendDirection==="up"?"trend-up":n.trendDirection==="down"?"trend-down":"");return(l,g)=>{const C=h("el-icon");return t(),a("div",D,[r("div",w,[r("span",B,s(e.label),1),e.icon?(t(),c(C,{key:0,size:20,style:i({color:e.iconColor||"var(--text-secondary)"})},{default:f(()=>[(t(),c(k(e.icon)))]),_:1},8,["style"])):o("",!0)]),r("div",{class:"stat-value",style:i({color:e.valueColor||"var(--text-primary)"})},[d(l.$slots,"value",{},()=>[S(s(m.value),1)],!0)],4),e.trend||e.subtitle?(t(),a("div",{key:0,class:b(["stat-footer",v.value])},[d(l.$slots,"footer",{},()=>[e.trend?(t(),a("span",V,s(e.trend),1)):o("",!0),e.subtitle?(t(),a("span",z,s(e.subtitle),1)):o("",!0)],!0)],2)):o("",!0)])}}}),E=x(N,[["__scopeId","data-v-4d635d1e"]]);export{E as S};
|