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) • 956 B
JavaScript
import e from"primevue/basecomponent";import t from"primevue/progressspinner/style";import{openBlock as r,createElementBlock as i,mergeProps as n,createElementVNode as s}from"vue";var o={name:"ProgressSpinner",extends:{name:"BaseProgressSpinner",extends:e,props:{strokeWidth:{type:String,default:"2"},fill:{type:String,default:"none"},animationDuration:{type:String,default:"2s"}},style:t,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,computed:{svgStyle:function(){return{"animation-duration":this.animationDuration}}}},l=["fill","stroke-width"];o.render=function(e,t,o,a,p,c){return r(),i("div",n({class:e.cx("root"),role:"progressbar"},e.ptmi("root")),[(r(),i("svg",n({class:e.cx("spinner"),viewBox:"25 25 50 50",style:c.svgStyle},e.ptm("spinner")),[s("circle",n({class:e.cx("circle"),cx:"50",cy:"50",r:"20",fill:e.fill,"stroke-width":e.strokeWidth,strokeMiterlimit:"10"},e.ptm("circle")),null,16,l)],16))],16)};export{o as default};