123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- '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
|