111 lines
3.7 KiB
JavaScript
111 lines
3.7 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
|
||
|
|
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
|
||
|
|
|
||
|
|
// Components
|
||
|
|
|
||
|
|
// Mixins
|
||
|
|
|
||
|
|
// Utils
|
||
|
|
|
||
|
|
|
||
|
|
require('../../../src/stylus/components/_breadcrumbs.styl');
|
||
|
|
|
||
|
|
var _ = require('.');
|
||
|
|
|
||
|
|
var _themeable = require('../../mixins/themeable');
|
||
|
|
|
||
|
|
var _themeable2 = _interopRequireDefault(_themeable);
|
||
|
|
|
||
|
|
var _console = require('../../util/console');
|
||
|
|
|
||
|
|
var _mixins = require('../../util/mixins');
|
||
|
|
|
||
|
|
var _mixins2 = _interopRequireDefault(_mixins);
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
|
||
|
|
exports.default = (0, _mixins2.default)(_themeable2.default
|
||
|
|
/* @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) (0, _console.deprecate)('justify-center', 'class="justify-center"', this);
|
||
|
|
if (this.justifyEnd) (0, _console.deprecate)('justify-end', 'class="justify-end"', this);
|
||
|
|
if (this.$slots.default) (0, _console.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
|