vue-ant-patterns
Version:
vue-ant-patterns
55 lines (52 loc) • 1.34 kB
JavaScript
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import cx from 'classnames';
import { Tabs } from 'ant-design-vue';
import { filterEmpty } from 'ant-design-vue/es/_util/props-util';
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 = filterEmpty($slots['default']);
children = children.length === 0 ? undefined : children;
var newProps = {
size: 'small'
};
var wrapProps = {
'class': cx(_defineProperty({}, 'depot-tabs-custom', 1)),
attrs: _extends({}, $attrs),
props: _extends({}, $props, newProps),
on: _extends({}, $listeners)
};
// console.log(this);
return h(
Tabs,
wrapProps,
[children, h(
'template',
{ slot: 'tabBarExtraContent' },
[$slots.tabBarExtraContent]
)]
);
}
};
export default DTabs;