@gits-id/stats
Version:
GITS Stats Component
2 lines (1 loc) • 2.77 kB
JavaScript
var VStats=function(r,e,m,u,p){"use strict";const o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},g=o(m),_=o(u),l=o(p),y={class:"w-full"},V={class:"font-normal text-gray-600 mb-1 truncate"},h={class:"flex flex-col sm:flex-row gap-2 items-baseline"},w={class:"font-semibold text-2xl text-gray-800"},x={class:"flex-grow text-sm text-gray-600"},C={key:0},b={key:0,class:"w-auto text-xs"},S={class:"text-xs"},s=e.defineComponent({__name:"VStats",props:{title:{default:""},icon:{default:""},value:{default:""},color:{default:"primary"},from:{default:""},progressColor:{default:"default"},progress:{default:""},up:{type:Boolean,default:!1},down:{type:Boolean,default:!1},iconClass:{default:"w-8 h-8"},iconSize:null},setup(t){const B=t,{title:c,icon:n,value:N,color:k,from:d,progressColor:E,progress:i,up:z,down:f}=e.toRefs(B),D=e.computed(()=>{switch(k.value){case"primary":return"bg-primary-600";case"secondary":return"bg-secondary-600";case"info":return"bg-info-600";case"warning":return"bg-warning-600";case"error":return"bg-error-600";case"success":return"bg-success-600";default:return"bg-gray-400"}}),j=e.computed(()=>z.value?"success":f.value?"error":E.value);return(a,$)=>(e.openBlock(),e.createBlock(e.unref(g.default),{title:e.unref(c),"wrapper-class":"rounded-lg","body-class":"!flex-row items-center !py-4 !gap-4","hide-header":"","hide-footer":""},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"header"),e.unref(n)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["h-full px-5 py-4 flex items-center justify-center rounded-lg text-white",e.unref(D)])},[e.renderSlot(a.$slots,"icon",{icon:e.unref(n)},()=>[e.createVNode(e.unref(l.default),{name:e.unref(n),class:e.normalizeClass(t.iconClass)},null,8,["name","class"])])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",y,[e.createElementVNode("div",V,e.toDisplayString(e.unref(c)),1),e.createElementVNode("div",h,[e.createElementVNode("div",w,e.toDisplayString(e.unref(N)),1),e.createElementVNode("div",x,[e.unref(d)?(e.openBlock(),e.createElementBlock("span",C,"from "+e.toDisplayString(e.unref(d)),1)):e.createCommentVNode("",!0)]),e.unref(i)?(e.openBlock(),e.createElementBlock("div",b,[e.createVNode(e.unref(_.default),{color:e.unref(j),rounded:"",class:"flex gap-1 items-center"},{default:e.withCtx(()=>[e.createVNode(e.unref(l.default),{name:e.unref(f)?"ri:arrow-down-s-line":"ri:arrow-up-s-line",size:t.iconSize},null,8,["name","size"]),e.createElementVNode("span",S,e.toDisplayString(e.unref(i)),1)]),_:1},8,["color"])])):e.createCommentVNode("",!0)])]),e.renderSlot(a.$slots,"footer")]),_:3},8,["title"]))}});return r.VStats=s,r.default=s,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},Vue,VCard,VBadge,Icon);