@volverjs/ui-vue
Version:
@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.
2 lines (1 loc) • 1.74 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCard=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),l=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(l||{});const s={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom,n.button,l.button,t.local;const a={...s,title:String};const i={key:0,class:"vv-card__header"},c={key:1,class:"vv-card__content"},f={key:2,class:"vv-card__footer"};return e.defineComponent({name:"VvCard",props:a,setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o){return e.computed(()=>{const e={[t]:!0},r="string"==typeof o?.value?o.value.split(" "):o?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(e[`${t}--${o}`]=!0)}),e})}("vv-card",r);return(t,o)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(n))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",i,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("v-if",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",f,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("v-if",!0)],2))}})});