vuetify eingebunden + erster Versuch Combobox

This commit is contained in:
2019-04-17 15:58:15 +02:00
parent 24642ca1a8
commit 56f4a3f940
1846 changed files with 219701 additions and 53848 deletions
+90
View File
@@ -0,0 +1,90 @@
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; };
// Styles
import '../../../src/stylus/components/_breadcrumbs.styl';
// Components
import { VBreadcrumbsDivider, VBreadcrumbsItem } from '.';
// Mixins
import Themeable from '../../mixins/themeable';
// Utils
import { deprecate } from '../../util/console';
import mixins from '../../util/mixins';
export default mixins(Themeable
/* @vue/component */
).extend({
name: 'v-breadcrumbs',
props: {
divider: {
type: String,
default: '/'
},
items: {
type: Array,
default: function _default() {
return [];
}
},
large: Boolean,
justifyCenter: Boolean,
justifyEnd: Boolean
},
computed: {
classes: function classes() {
return _extends({
'v-breadcrumbs--large': this.large,
'justify-center': this.justifyCenter,
'justify-end': this.justifyEnd
}, this.themeClasses);
}
},
mounted: function mounted() {
if (this.justifyCenter) deprecate('justify-center', 'class="justify-center"', this);
if (this.justifyEnd) deprecate('justify-end', 'class="justify-end"', this);
if (this.$slots.default) deprecate('default slot', ':items and scoped slot "item"', this);
},
methods: {
/* @deprecated */
genChildren /* istanbul ignore next */: function genChildren() {
if (!this.$slots.default) return undefined;
var children = [];
var createDividers = false;
for (var i = 0; i < this.$slots.default.length; i++) {
var elm = this.$slots.default[i];
if (!elm.componentOptions || elm.componentOptions.Ctor.options.name !== 'v-breadcrumbs-item') {
children.push(elm);
} else {
if (createDividers) {
children.push(this.genDivider());
}
children.push(elm);
createDividers = true;
}
}
return children;
},
genDivider: function genDivider() {
return this.$createElement(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider);
},
genItems: function genItems() {
var items = [];
var hasSlot = !!this.$scopedSlots.item;
var keys = [];
for (var i = 0; i < this.items.length; i++) {
var item = this.items[i];
keys.push(item.text);
if (hasSlot) items.push(this.$scopedSlots.item({ item: item }));else items.push(this.$createElement(VBreadcrumbsItem, { key: keys.join('.'), props: item }, [item.text]));
if (i < this.items.length - 1) items.push(this.genDivider());
}
return items;
}
},
render: function render(h) {
var children = this.$slots.default ? this.genChildren() : this.genItems();
return h('ul', {
staticClass: 'v-breadcrumbs',
'class': this.classes
}, children);
}
});
//# sourceMappingURL=VBreadcrumbs.js.map
File diff suppressed because one or more lines are too long
+31
View File
@@ -0,0 +1,31 @@
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
import Routable from '../../mixins/routable';
import mixins from '../../util/mixins';
/* @vue/component */
export default mixins(Routable).extend({
name: 'v-breadcrumbs-item',
props: {
// In a breadcrumb, the currently
// active item should be dimmed
activeClass: {
type: String,
default: 'v-breadcrumbs__item--disabled'
}
},
computed: {
classes: function classes() {
return _defineProperty({
'v-breadcrumbs__item': true
}, this.activeClass, this.disabled);
}
},
render: function render(h) {
var _generateRouteLink = this.generateRouteLink(this.classes),
tag = _generateRouteLink.tag,
data = _generateRouteLink.data;
return h('li', [h(tag, data, this.$slots.default)]);
}
});
//# sourceMappingURL=VBreadcrumbsItem.js.map
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbsItem.ts"],"names":[],"mappings":";;AAAA,OAAO,QAAP,MAAqB,uBAArB;AAEA,OAAO,MAAP,MAAmB,mBAAnB;AAGA;AACA,eAAe,OAAO,QAAP,EAAiB,MAAjB,CAAwB;AACrC,UAAM,oBAD+B;AAGrC,WAAO;AACL;AACA;AACA,qBAAa;AACX,kBAAM,MADK;AAEX,qBAAS;AAFE;AAHR,KAH8B;AAYrC,cAAU;AACR,eADQ,qBACD;AACL;AACE,uCAAuB;AADzB,eAEG,KAAK,WAFR,EAEsB,KAAK,QAF3B;AAID;AANO,KAZ2B;AAqBrC,UArBqC,kBAqB7B,CArB6B,EAqB5B;AAAA,iCACe,KAAK,iBAAL,CAAuB,KAAK,OAA5B,CADf;AAAA,YACC,GADD,sBACC,GADD;AAAA,YACM,IADN,sBACM,IADN;;AAGP,eAAO,EAAE,IAAF,EAAQ,CACb,EAAE,GAAF,EAAO,IAAP,EAAa,KAAK,MAAL,CAAY,OAAzB,CADa,CAAR,CAAP;AAGD;AA3BoC,CAAxB,CAAf","sourcesContent":["import Routable from '../../mixins/routable'\n\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(Routable).extend({\n name: 'v-breadcrumbs-item',\n\n props: {\n // In a breadcrumb, the currently\n // active item should be dimmed\n activeClass: {\n type: String,\n default: 'v-breadcrumbs__item--disabled'\n }\n },\n\n computed: {\n classes (): object {\n return {\n 'v-breadcrumbs__item': true,\n [this.activeClass]: this.disabled\n }\n }\n },\n\n render (h): VNode {\n const { tag, data } = this.generateRouteLink(this.classes)\n\n return h('li', [\n h(tag, data, this.$slots.default)\n ])\n }\n})\n"],"sourceRoot":""}
+13
View File
@@ -0,0 +1,13 @@
import VBreadcrumbs from './VBreadcrumbs';
import VBreadcrumbsItem from './VBreadcrumbsItem';
import { createSimpleFunctional } from '../../util/helpers';
var VBreadcrumbsDivider = createSimpleFunctional('v-breadcrumbs__divider', 'li');
export { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider };
export default {
$_vuetify_subcomponents: {
VBreadcrumbs: VBreadcrumbs,
VBreadcrumbsItem: VBreadcrumbsItem,
VBreadcrumbsDivider: VBreadcrumbsDivider
}
};
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VBreadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAP,MAAyB,gBAAzB;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,IAAM,sBAAsB,uBAAuB,wBAAvB,EAAiD,IAAjD,CAA5B;AAEA,SAAS,YAAT,EAAuB,gBAAvB,EAAyC,mBAAzC;AAEA,eAAe;AACb,6BAAyB;AACvB,kCADuB;AAEvB,0CAFuB;AAGvB;AAHuB;AADZ,CAAf","sourcesContent":["import VBreadcrumbs from './VBreadcrumbs'\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VBreadcrumbsDivider = createSimpleFunctional('v-breadcrumbs__divider', 'li')\n\nexport { VBreadcrumbs, VBreadcrumbsItem, VBreadcrumbsDivider }\n\nexport default {\n $_vuetify_subcomponents: {\n VBreadcrumbs,\n VBreadcrumbsItem,\n VBreadcrumbsDivider\n }\n}\n"],"sourceRoot":""}