vue-ant-patterns/lib/d-tabs/tabs.js

vue-ant-patterns

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _antDesignVue = require('ant-design-vue');

var _propsUtil = require('ant-design-vue/lib/_util/props-util');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var DTabs = {
  name: 'DTabs',
  model: {
    prop: 'activeKey',
    event: 'change'
  },
  props: {},
  // provide() {
  //   return {
  //     sentinelContext: this,
  //   };
  // },
  methods: {
    handleChange: function handleChange(activeKey) {
      this.$emit('change', activeKey);
    }
  },
  render: function render() {
    var h = arguments[0];
    var $slots = this.$slots,
        $attrs = this.$attrs,
        $listeners = this.$listeners,
        $props = this.$props;


    var children = (0, _propsUtil.filterEmpty)($slots['default']);
    children = children.length === 0 ? undefined : children;
    var newProps = {
      size: 'small'
    };
    var wrapProps = {
      'class': (0, _classnames2['default'])((0, _defineProperty3['default'])({}, 'depot-tabs-custom', 1)),
      attrs: (0, _extends3['default'])({}, $attrs),
      props: (0, _extends3['default'])({}, $props, newProps),
      on: (0, _extends3['default'])({}, $listeners)
    };
    // console.log(this);
    return h(
      _antDesignVue.Tabs,
      wrapProps,
      [children, h(
        'template',
        { slot: 'tabBarExtraContent' },
        [$slots.tabBarExtraContent]
      )]
    );
  }
};

exports['default'] = DTabs;