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"),r=require("../utils/index.cjs"),u={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"},x=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:t=>t}},setup(t){const s=t,i=r.useSlotsExist(["title","prefix","suffix"]),l=e.computed(()=>s.formatter(r.formatNumber(s.value||"",s.precision,s.separator))),a=e.computed(()=>i.title||s.title),n=e.computed(()=>i.prefix||s.prefix),c=e.computed(()=>i.suffix||s.suffix);return(o,v)=>(e.openBlock(),e.createElementBlock("div",u,[a.value?(e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(o.$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(o.$slots,"prefix",{},()=>[e.createTextVNode(e.toDisplayString(t.prefix),1)],!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",p,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)],!0)]),c.value?(e.openBlock(),e.createElementBlock("span",m,[e.renderSlot(o.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(t.suffix),1)],!0)])):e.createCommentVNode("",!0)],4)]))}});exports.default=x;