vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+91
@@ -0,0 +1,91 @@
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
import '../../../src/stylus/components/_data-iterator.styl';
|
||||
import DataIterable from '../../mixins/data-iterable';
|
||||
/* @vue/component */
|
||||
export default {
|
||||
name: 'v-data-iterator',
|
||||
mixins: [DataIterable],
|
||||
inheritAttrs: false,
|
||||
props: {
|
||||
contentTag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
},
|
||||
contentProps: {
|
||||
type: Object,
|
||||
required: false
|
||||
},
|
||||
contentClass: {
|
||||
type: String,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-data-iterator': true,
|
||||
'v-data-iterator--select-all': this.selectAll !== false
|
||||
}, this.themeClasses);
|
||||
}
|
||||
},
|
||||
created: function created() {
|
||||
this.initPagination();
|
||||
},
|
||||
|
||||
methods: {
|
||||
genContent: function genContent() {
|
||||
var children = this.genItems();
|
||||
var data = {
|
||||
'class': this.contentClass,
|
||||
attrs: this.$attrs,
|
||||
on: this.$listeners,
|
||||
props: this.contentProps
|
||||
};
|
||||
return this.$createElement(this.contentTag, data, children);
|
||||
},
|
||||
genEmptyItems: function genEmptyItems(content) {
|
||||
return [this.$createElement('div', {
|
||||
'class': 'text-xs-center',
|
||||
style: 'width: 100%'
|
||||
}, content)];
|
||||
},
|
||||
genFilteredItems: function genFilteredItems() {
|
||||
if (!this.$scopedSlots.item) {
|
||||
return null;
|
||||
}
|
||||
var items = [];
|
||||
for (var index = 0, len = this.filteredItems.length; index < len; ++index) {
|
||||
var item = this.filteredItems[index];
|
||||
var props = this.createProps(item, index);
|
||||
items.push(this.$scopedSlots.item(props));
|
||||
}
|
||||
return items;
|
||||
},
|
||||
genFooter: function genFooter() {
|
||||
var children = [];
|
||||
if (this.$slots.footer) {
|
||||
children.push(this.$slots.footer);
|
||||
}
|
||||
if (!this.hideActions) {
|
||||
children.push(this.genActions());
|
||||
}
|
||||
if (!children.length) return null;
|
||||
return this.$createElement('div', children);
|
||||
},
|
||||
genHeader: function genHeader() {
|
||||
var children = [];
|
||||
if (this.$slots.header) {
|
||||
children.push(this.$slots.header);
|
||||
}
|
||||
if (!children.length) return null;
|
||||
return this.$createElement('div', children);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
return h('div', {
|
||||
'class': this.classes
|
||||
}, [this.genHeader(), this.genContent(), this.genFooter()]);
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=VDataIterator.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VDataIterator/VDataIterator.js"],"names":[],"mappings":";;AAAA,OAAO,oDAAP;AAEA,OAAO,YAAP,MAAyB,4BAAzB;AAEA;AACA,eAAe;AACb,UAAM,iBADO;AAGb,YAAQ,CAAC,YAAD,CAHK;AAKb,kBAAc,KALD;AAOb,WAAO;AACL,oBAAY;AACV,kBAAM,MADI;AAEV,qBAAS;AAFC,SADP;AAKL,sBAAc;AACZ,kBAAM,MADM;AAEZ,sBAAU;AAFE,SALT;AASL,sBAAc;AACZ,kBAAM,MADM;AAEZ,sBAAU;AAFE;AATT,KAPM;AAsBb,cAAU;AACR,eADQ,qBACD;AACL;AACE,mCAAmB,IADrB;AAEE,+CAA+B,KAAK,SAAL,KAAmB;AAFpD,eAGK,KAAK,YAHV;AAKD;AAPO,KAtBG;AAgCb,WAhCa,qBAgCN;AACL,aAAK,cAAL;AACD,KAlCY;;AAoCb,aAAS;AACP,kBADO,wBACG;AACR,gBAAM,WAAW,KAAK,QAAL,EAAjB;AAEA,gBAAM,OAAO;AACX,yBAAS,KAAK,YADH;AAEX,uBAAO,KAAK,MAFD;AAGX,oBAAI,KAAK,UAHE;AAIX,uBAAO,KAAK;AAJD,aAAb;AAOA,mBAAO,KAAK,cAAL,CAAoB,KAAK,UAAzB,EAAqC,IAArC,EAA2C,QAA3C,CAAP;AACD,SAZM;AAaP,qBAbO,yBAaQ,OAbR,EAae;AACpB,mBAAO,CAAC,KAAK,cAAL,CAAoB,KAApB,EAA2B;AACjC,yBAAS,gBADwB;AAEjC,uBAAO;AAF0B,aAA3B,EAGL,OAHK,CAAD,CAAP;AAID,SAlBM;AAmBP,wBAnBO,8BAmBS;AACd,gBAAI,CAAC,KAAK,YAAL,CAAkB,IAAvB,EAA6B;AAC3B,uBAAO,IAAP;AACD;AAED,gBAAM,QAAQ,EAAd;AACA,iBAAK,IAAI,QAAQ,CAAZ,EAAe,MAAM,KAAK,aAAL,CAAmB,MAA7C,EAAqD,QAAQ,GAA7D,EAAkE,EAAE,KAApE,EAA2E;AACzE,oBAAM,OAAO,KAAK,aAAL,CAAmB,KAAnB,CAAb;AACA,oBAAM,QAAQ,KAAK,WAAL,CAAiB,IAAjB,EAAuB,KAAvB,CAAd;AACA,sBAAM,IAAN,CAAW,KAAK,YAAL,CAAkB,IAAlB,CAAuB,KAAvB,CAAX;AACD;AAED,mBAAO,KAAP;AACD,SAhCM;AAiCP,iBAjCO,uBAiCE;AACP,gBAAM,WAAW,EAAjB;AAEA,gBAAI,KAAK,MAAL,CAAY,MAAhB,EAAwB;AACtB,yBAAS,IAAT,CAAc,KAAK,MAAL,CAAY,MAA1B;AACD;AAED,gBAAI,CAAC,KAAK,WAAV,EAAuB;AACrB,yBAAS,IAAT,CAAc,KAAK,UAAL,EAAd;AACD;AAED,gBAAI,CAAC,SAAS,MAAd,EAAsB,OAAO,IAAP;AACtB,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,QAA3B,CAAP;AACD,SA9CM;AA+CP,iBA/CO,uBA+CE;AACP,gBAAM,WAAW,EAAjB;AAEA,gBAAI,KAAK,MAAL,CAAY,MAAhB,EAAwB;AACtB,yBAAS,IAAT,CAAc,KAAK,MAAL,CAAY,MAA1B;AACD;AAED,gBAAI,CAAC,SAAS,MAAd,EAAsB,OAAO,IAAP;AACtB,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,QAA3B,CAAP;AACD;AAxDM,KApCI;AA+Fb,UA/Fa,kBA+FL,CA/FK,EA+FJ;AACP,eAAO,EAAE,KAAF,EAAS;AACd,qBAAS,KAAK;AADA,SAAT,EAEJ,CACD,KAAK,SAAL,EADC,EAED,KAAK,UAAL,EAFC,EAGD,KAAK,SAAL,EAHC,CAFI,CAAP;AAOD;AAvGY,CAAf","sourcesContent":["import '../../stylus/components/_data-iterator.styl'\n\nimport DataIterable from '../../mixins/data-iterable'\n\n/* @vue/component */\nexport default {\n name: 'v-data-iterator',\n\n mixins: [DataIterable],\n\n inheritAttrs: false,\n\n props: {\n contentTag: {\n type: String,\n default: 'div'\n },\n contentProps: {\n type: Object,\n required: false\n },\n contentClass: {\n type: String,\n required: false\n }\n },\n\n computed: {\n classes () {\n return {\n 'v-data-iterator': true,\n 'v-data-iterator--select-all': this.selectAll !== false,\n ...this.themeClasses\n }\n }\n },\n\n created () {\n this.initPagination()\n },\n\n methods: {\n genContent () {\n const children = this.genItems()\n\n const data = {\n 'class': this.contentClass,\n attrs: this.$attrs,\n on: this.$listeners,\n props: this.contentProps\n }\n\n return this.$createElement(this.contentTag, data, children)\n },\n genEmptyItems (content) {\n return [this.$createElement('div', {\n 'class': 'text-xs-center',\n style: 'width: 100%'\n }, content)]\n },\n genFilteredItems () {\n if (!this.$scopedSlots.item) {\n return null\n }\n\n const items = []\n for (let index = 0, len = this.filteredItems.length; index < len; ++index) {\n const item = this.filteredItems[index]\n const props = this.createProps(item, index)\n items.push(this.$scopedSlots.item(props))\n }\n\n return items\n },\n genFooter () {\n const children = []\n\n if (this.$slots.footer) {\n children.push(this.$slots.footer)\n }\n\n if (!this.hideActions) {\n children.push(this.genActions())\n }\n\n if (!children.length) return null\n return this.$createElement('div', children)\n },\n genHeader () {\n const children = []\n\n if (this.$slots.header) {\n children.push(this.$slots.header)\n }\n\n if (!children.length) return null\n return this.$createElement('div', children)\n }\n },\n\n render (h) {\n return h('div', {\n 'class': this.classes\n }, [\n this.genHeader(),\n this.genContent(),\n this.genFooter()\n ])\n }\n}\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VDataIterator from './VDataIterator';
|
||||
export { VDataIterator };
|
||||
export default VDataIterator;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VDataIterator/index.js"],"names":[],"mappings":"AAAA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,SAAS,aAAT;AACA,eAAe,aAAf","sourcesContent":["import VDataIterator from './VDataIterator'\n\nexport { VDataIterator }\nexport default VDataIterator\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user