This repository has been archived on 2024-07-27. You can view files and clone it, but cannot push or open issues or pull requests.
keksAccountGUI/node_modulesOLD/vuetify/lib/components/VDataTable/MobileRow.js

54 lines
1.4 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
import Vue from 'vue';
import { getObjectValueByPath } from '../../util/helpers';
export default Vue.extend({
name: 'row',
functional: true,
props: {
headers: Array,
item: Object,
rtl: Boolean
},
render(h, {
props,
slots,
data
}) {
const computedSlots = slots();
const columns = props.headers.map(header => {
const classes = {
'v-data-table__mobile-row': true
};
const children = [];
const value = getObjectValueByPath(props.item, header.value);
const slotName = header.value;
const scopedSlot = data.scopedSlots && data.scopedSlots[slotName];
const regularSlot = computedSlots[slotName];
if (scopedSlot) {
children.push(scopedSlot({
item: props.item,
header,
value
}));
} else if (regularSlot) {
children.push(regularSlot);
} else {
children.push(value);
}
return h('td', {
class: classes
}, [h('div', {
staticClass: 'v-data-table__mobile-row__wrapper'
}, [header.value !== 'dataTableSelect' && h('div', {
staticClass: 'v-data-table__mobile-row__header'
}, [header.text]), h('div', {
staticClass: 'v-data-table__mobile-row__cell'
}, children)])]);
});
return h('tr', data, columns);
}
});
//# sourceMappingURL=MobileRow.js.map