primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.6 kB
JavaScript
var e=require("primevue/basecomponent"),t=require("primevue/progressbar/style"),r=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"ProgressBar",extends:{name:"BaseProgressBar",extends:a(e).default,props:{value:{type:Number,default:null},mode:{type:String,default:"determinate"},showValue:{type:Boolean,default:!0}},style:a(t).default,provide:function(){return{$parentInstance:this}}},computed:{progressStyle:function(){return{width:this.value+"%",display:"flex"}},indeterminate:function(){return"indeterminate"===this.mode},determinate:function(){return"determinate"===this.mode}}},o=["aria-valuenow"];n.render=function(e,t,a,n,l,u){return r.openBlock(),r.createElementBlock("div",r.mergeProps({role:"progressbar",class:e.cx("root"),"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},e.ptm("root")),[u.determinate?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:e.cx("value"),style:u.progressStyle},e.ptm("value")),[null!=e.value&&0!==e.value&&e.showValue?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,class:e.cx("label")},e.ptm("label")),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(r.toDisplayString(e.value+"%"),1)]}))],16)):r.createCommentVNode("",!0)],16)):r.createCommentVNode("",!0),u.indeterminate?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,class:e.cx("container")},e.ptm("container")),[r.createElementVNode("div",r.mergeProps({class:e.cx("value")},e.ptm("value")),null,16)],16)):r.createCommentVNode("",!0)],16,o)},module.exports=n;
;