|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- // Styles
- import '../../../src/stylus/components/_bottom-navs.styl';
- // Mixins
- import Applicationable from '../../mixins/applicationable';
- import ButtonGroup from '../../mixins/button-group';
- import Colorable from '../../mixins/colorable';
- import Themeable from '../../mixins/themeable';
- // Util
- import mixins from '../../util/mixins';
- export default mixins(Applicationable('bottom', ['height', 'value']), Colorable, Themeable
- /* @vue/component */
- ).extend({
- name: 'v-bottom-nav',
- props: {
- active: [Number, String],
- mandatory: Boolean,
- height: {
- default: 56,
- type: [Number, String],
- validator: function validator(v) {
- return !isNaN(parseInt(v));
- }
- },
- shift: Boolean,
- value: null
- },
- computed: {
- classes: function classes() {
- return {
- 'v-bottom-nav--absolute': this.absolute,
- 'v-bottom-nav--fixed': !this.absolute && (this.app || this.fixed),
- 'v-bottom-nav--shift': this.shift,
- 'v-bottom-nav--active': this.value
- };
- },
- computedHeight: function computedHeight() {
- return parseInt(this.height);
- }
- },
- methods: {
- updateApplication: function updateApplication() {
- return !this.value ? 0 : this.computedHeight;
- },
- updateValue: function updateValue(val) {
- this.$emit('update:active', val);
- }
- },
- render: function render(h) {
- return h(ButtonGroup, this.setBackgroundColor(this.color, {
- staticClass: 'v-bottom-nav',
- class: this.classes,
- style: {
- height: parseInt(this.computedHeight) + 'px'
- },
- props: {
- mandatory: Boolean(this.mandatory || this.active !== undefined),
- value: this.active
- },
- on: { change: this.updateValue }
- }), this.$slots.default);
- }
- });
- //# sourceMappingURL=VBottomNav.js.map
|