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/VDataIterator/VDataIterator.js

256 lines
7.7 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
// Components
import { VData } from '../VData';
import VDataFooter from './VDataFooter'; // Mixins
import Themeable from '../../mixins/themeable'; // Helpers
import { deepEqual, getObjectValueByPath, getPrefixedScopedSlots, getSlot } from '../../util/helpers';
import { breaking, removed } from '../../util/console';
/* @vue/component */
export default Themeable.extend({
name: 'v-data-iterator',
props: { ...VData.options.props,
itemKey: {
type: String,
default: 'id'
},
value: {
type: Array,
default: () => []
},
singleSelect: Boolean,
expanded: {
type: Array,
default: () => []
},
singleExpand: Boolean,
loading: [Boolean, String],
noResultsText: {
type: String,
default: '$vuetify.dataIterator.noResultsText'
},
noDataText: {
type: String,
default: '$vuetify.noDataText'
},
loadingText: {
type: String,
default: '$vuetify.dataIterator.loadingText'
},
hideDefaultFooter: Boolean,
footerProps: Object
},
data: () => ({
selection: {},
expansion: {},
internalCurrentItems: []
}),
computed: {
everyItem() {
return !!this.internalCurrentItems.length && this.internalCurrentItems.every(i => this.isSelected(i));
},
someItems() {
return this.internalCurrentItems.some(i => this.isSelected(i));
}
},
watch: {
value: {
handler(value) {
this.selection = value.reduce((selection, item) => {
selection[getObjectValueByPath(item, this.itemKey)] = item;
return selection;
}, {});
},
immediate: true
},
selection(value, old) {
if (deepEqual(Object.keys(value), Object.keys(old))) return;
this.$emit('input', Object.values(value));
},
expanded: {
handler(value) {
this.expansion = value.reduce((expansion, item) => {
expansion[getObjectValueByPath(item, this.itemKey)] = true;
return expansion;
}, {});
},
immediate: true
},
expansion(value, old) {
if (deepEqual(value, old)) return;
const keys = Object.keys(value).filter(k => value[k]);
const expanded = !keys.length ? [] : this.items.filter(i => keys.includes(String(getObjectValueByPath(i, this.itemKey))));
this.$emit('update:expanded', expanded);
}
},
created() {
const breakingProps = [['disable-initial-sort', 'sort-by'], ['filter', 'custom-filter'], ['pagination', 'options'], ['total-items', 'server-items-length'], ['hide-actions', 'hide-default-footer'], ['rows-per-page-items', 'footer-props.items-per-page-options'], ['rows-per-page-text', 'footer-props.items-per-page-text'], ['prev-icon', 'footer-props.prev-icon'], ['next-icon', 'footer-props.next-icon']];
/* istanbul ignore next */
breakingProps.forEach(([original, replacement]) => {
if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this);
});
const removedProps = ['expand', 'content-class', 'content-props', 'content-tag'];
/* istanbul ignore next */
removedProps.forEach(prop => {
if (this.$attrs.hasOwnProperty(prop)) removed(prop);
});
},
methods: {
toggleSelectAll(value) {
const selection = Object.assign({}, this.selection);
this.internalCurrentItems.forEach(item => {
const key = getObjectValueByPath(item, this.itemKey);
if (value) selection[key] = item;else delete selection[key];
});
this.selection = selection;
},
isSelected(item) {
return !!this.selection[getObjectValueByPath(item, this.itemKey)] || false;
},
select(item, value = true, emit = true) {
const selection = this.singleSelect ? {} : Object.assign({}, this.selection);
const key = getObjectValueByPath(item, this.itemKey);
if (value) selection[key] = item;else delete selection[key];
this.selection = selection;
emit && this.$emit('item-selected', {
item,
value
});
},
isExpanded(item) {
return this.expansion[getObjectValueByPath(item, this.itemKey)] || false;
},
expand(item, value = true) {
const expansion = this.singleExpand ? {} : Object.assign({}, this.expansion);
const key = getObjectValueByPath(item, this.itemKey);
if (value) expansion[key] = true;else delete expansion[key];
this.expansion = expansion;
this.$emit('item-expanded', {
item,
value
});
},
createItemProps(item) {
const props = {
item,
select: v => this.select(item, v),
isSelected: this.isSelected(item),
expand: v => this.expand(item, v),
isExpanded: this.isExpanded(item)
};
return props;
},
genEmptyWrapper(content) {
return this.$createElement('div', content);
},
genEmpty(itemsLength) {
if (itemsLength <= 0 && this.loading) {
const loading = this.$slots['loading'] || this.$vuetify.lang.t(this.loadingText);
return this.genEmptyWrapper(loading);
} else if (itemsLength <= 0 && !this.items.length) {
const noData = this.$slots['no-data'] || this.$vuetify.lang.t(this.noDataText);
return this.genEmptyWrapper(noData);
} else if (itemsLength <= 0 && this.search) {
const noResults = this.$slots['no-results'] || this.$vuetify.lang.t(this.noResultsText);
return this.genEmptyWrapper(noResults);
}
return null;
},
genItems(props) {
const empty = this.genEmpty(props.pagination.itemsLength);
if (empty) return [empty];
if (this.$scopedSlots.default) {
return this.$scopedSlots.default({ ...props,
isSelected: this.isSelected,
select: this.select,
isExpanded: this.isExpanded,
expand: this.expand
});
}
if (this.$scopedSlots.item) {
return props.items.map(item => this.$scopedSlots.item(this.createItemProps(item)));
}
return [];
},
genFooter(props) {
if (this.hideDefaultFooter) return null;
const data = {
props: { ...this.footerProps,
options: props.options,
pagination: props.pagination
},
on: {
'update:options': value => props.updateOptions(value)
}
};
const scopedSlots = getPrefixedScopedSlots('footer.', this.$scopedSlots);
return this.$createElement(VDataFooter, {
scopedSlots,
...data
});
},
genDefaultScopedSlot(props) {
const outerProps = { ...props,
someItems: this.someItems,
everyItem: this.everyItem,
toggleSelectAll: this.toggleSelectAll
};
return this.$createElement('div', {
staticClass: 'v-data-iterator'
}, [getSlot(this, 'header', outerProps, true), this.genItems(props), this.genFooter(props), getSlot(this, 'footer', outerProps, true)]);
}
},
render() {
return this.$createElement(VData, {
props: this.$props,
on: {
'update:options': (v, old) => !deepEqual(v, old) && this.$emit('update:options', v),
'update:page': v => this.$emit('update:page', v),
'update:items-per-page': v => this.$emit('update:items-per-page', v),
'update:sort-by': v => this.$emit('update:sort-by', v),
'update:sort-desc': v => this.$emit('update:sort-desc', v),
'update:group-by': v => this.$emit('update:group-by', v),
'update:group-desc': v => this.$emit('update:group-desc', v),
pagination: (v, old) => !deepEqual(v, old) && this.$emit('pagination', v),
'current-items': v => {
this.internalCurrentItems = v;
this.$emit('current-items', v);
}
},
scopedSlots: {
default: this.genDefaultScopedSlot
}
});
}
});
//# sourceMappingURL=VDataIterator.js.map