@meve/ui/es/tab-item/index.js

Argon design system components library

import SwipeItem from '../swipe-item';
import { createNamespace } from '../utils/create';
import { createChildrenMixin } from '../utils/mixins/relation';
import { props } from './props';




var _createNamespace = createNamespace('tab-item'),
    createComponent = _createNamespace.createComponent,
    namespace = _createNamespace.namespace;

var TabItemPlugin = createComponent({
  mixins: [createChildrenMixin('tabsItems')],
  props: props,
  data: function data() {
    return {
      current: false,
      initSlot: false
    };
  },
  methods: {
    setCurrent: function setCurrent(value) {
      if (!this.initSlot && value) {
        this.initSlot = true;
      }

      this.current = value;
    }
  },
  render: function render() {
    var h = arguments[0];
    return h(SwipeItem, {
      "attrs": {
        "tab-item-cover": true
      },
      "class": [namespace(), this.current ? null : namespace('--inactive')]
    }, [this.initSlot && this.slots()]);
  }
});
export var _TabItemComponent = TabItemPlugin;
export default TabItemPlugin;