@volverjs/ui-vue
Version:
@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.
2 lines (1 loc) • 1.35 kB
JavaScript
import{computed as t,unref as e,defineComponent as r,toRefs as o,createElementBlock as a,openBlock as u,normalizeProps as l,guardReactiveProps as n}from"vue";var s=/* @__PURE__ */(t=>(t.local="local",t.session="session",t))(s||{}),i=/* @__PURE__ */(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(i||{}),b=/* @__PURE__ */(t=>(t.before="before",t.after="after",t))(b||{}),v=/* @__PURE__ */(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(v||{}),f=/* @__PURE__ */(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(f||{});const m={modifiers:{type:[String,Array],default:void 0}};b.before,i.bottom,v.button,f.button,s.local;const p=/* @__PURE__ */r({name:"VvProgress",props:{...m,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}},setup(r){const s=r,{value:i,max:b,label:v}=o(s),f=t(()=>void 0===s.value),{modifiers:m}=o(s),p=function(r,o,a){return t(()=>{const t={[r]:!0},u="string"==typeof o?.value?o.value.split(" "):o?.value;return u&&Array.isArray(u)&&u.forEach(e=>{e&&(t[`${r}--${e}`]=!0)}),a&&Object.keys(a.value).forEach(o=>{t[`${r}--${o}`]=e(a.value[o])}),t})}("vv-progress",m,t(()=>({indeterminate:f.value})));return(t,r)=>(u(),a("progress",l(n({class:e(p),ariaLabel:e(v),max:e(b),value:e(i)})),null,16))}});export{p as default};