vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 1.67 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../utils/index.cjs"),c={class:"statistic-wrap"},d={key:0,class:"statistic-title"},f={key:0,class:"statistic-prefix"},p={class:"statistic-value"},m={key:1,class:"statistic-suffix"},v=e.defineComponent({__name:"Statistic",props:{title:{default:void 0},value:{default:void 0},valueStyle:{default:()=>({})},precision:{default:0},prefix:{default:void 0},suffix:{default:void 0},separator:{default:","},formatter:{type:Function,default:o=>o}},setup(o){const s=o,r=i.useSlotsExist(["title","prefix","suffix"]),l=e.computed(()=>s.formatter(i.formatNumber(s.value||"",s.precision,s.separator))),a=e.computed(()=>r.title||s.title),n=e.computed(()=>r.prefix||s.prefix),u=e.computed(()=>r.suffix||s.suffix);return(t,x)=>(e.openBlock(),e.createElementBlock("div",c,[a.value?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"statistic-content",style:e.normalizeStyle(t.valueStyle)},[n.value?(e.openBlock(),e.createElementBlock("span",f,[e.renderSlot(t.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",p,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)],!0)]),u.value?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(t.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)],!0)])):e.createCommentVNode("",!0)],4)]))}});exports.default=v;