forked from geolba/tethys.backend
52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
<script>
|
|
import { h, defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
name: 'BaseButtons',
|
|
props: {
|
|
noWrap: Boolean,
|
|
type: {
|
|
type: String,
|
|
default: 'justify-start',
|
|
},
|
|
classAddon: {
|
|
type: String,
|
|
default: 'mr-3 last:mr-0 mb-3',
|
|
},
|
|
mb: {
|
|
type: String,
|
|
default: '-mb-3',
|
|
},
|
|
},
|
|
render() {
|
|
const hasSlot = this.$slots && this.$slots.default;
|
|
|
|
const parentClass = ['flex', 'items-center', this.type, this.noWrap ? 'flex-nowrap' : 'flex-wrap'];
|
|
|
|
if (this.mb) {
|
|
parentClass.push(this.mb);
|
|
}
|
|
|
|
return h(
|
|
'div',
|
|
{ class: parentClass },
|
|
hasSlot
|
|
? this.$slots.default().map((element) => {
|
|
if (element && element.children && typeof element.children === 'object') {
|
|
return h(
|
|
element,
|
|
{},
|
|
element.children.map((child) => {
|
|
return h(child, { class: [this.classAddon] });
|
|
}),
|
|
);
|
|
}
|
|
|
|
return h(element, { class: [this.classAddon] });
|
|
})
|
|
: null,
|
|
);
|
|
},
|
|
});
|
|
</script>
|