@gits-id/progress-bar
Version:
GITS Progress Bar Component
2 lines (1 loc) • 2.16 kB
JavaScript
var VProgress=function(s,e){"use strict";const f="",i=["aria-valuemin","aria-valuemax","aria-valuenow"],n=e.defineComponent({__name:"VProgressBar",props:{modelValue:{type:[Number,String],default:0},color:{type:String,default:"default"},min:{type:[Number,String],default:0},max:{type:[Number,String],default:100},height:{type:[Number,String],default:""},bgColor:{type:String,default:""},fillColor:{type:String,default:""},bgClass:{type:String,default:""},fillClass:{type:String,default:""},label:{type:String,default:""},labelClass:{type:String,default:""},indeterminate:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(r,{emit:d}){const l=r,{modelValue:g}=e.toRefs(l),o=e.ref(l.modelValue);e.watch(g,a=>{o.value=a}),e.watch(o,a=>{d("update:modelValue",a)});const c=e.computed(()=>typeof l.height=="string"?l.height:`${l.height}px`),m=e.computed(()=>{const a={};return l.height&&(a["--v-progress-bar-height"]=c.value),l.bgColor&&(a["--v-progress-bar-bg-color"]=l.bgColor),l.fillColor&&(a["--v-progress-bar-fill-color"]=l.fillColor),a}),t=e.computed(()=>Math.floor(+o.value/+l.max*100));return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["v-progress-bar",[`v-progress-bar-${r.color}`,`v-progress-bar--${e.unref(t)}`,{"v-progress-bar--indeterminate":r.indeterminate}]]),role:"progressbar","aria-valuemin":r.min,"aria-valuemax":r.max,"aria-valuenow":e.unref(t),"aria-labelledby":"progress-label",style:e.normalizeStyle(e.unref(m))},[e.createElementVNode("div",{class:e.normalizeClass(["v-progress-bar-label",r.labelClass]),id:"progress-label"},[e.renderSlot(a.$slots,"label",{value:e.unref(t)},()=>[e.createTextVNode(e.toDisplayString(r.label),1)])],2),e.createElementVNode("div",{class:e.normalizeClass(["v-progress-bar-background",r.bgClass])},[e.createElementVNode("div",{style:e.normalizeStyle({width:r.indeterminate?"100%":e.unref(t)+"%"}),class:e.normalizeClass(["v-progress-bar-fill",r.fillClass])},[e.renderSlot(a.$slots,"default",{value:e.unref(t)})],6)],2)],14,i))}}),u="";return s.VProgressBar=n,s.default=n,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue);