vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+90
@@ -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
|
||||
+1
File diff suppressed because one or more lines are too long
+31
@@ -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
|
||||
+1
@@ -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
@@ -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
@@ -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":""}
|
||||
Reference in New Issue
Block a user