1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _babelHelperVueJsxMergeProps = require('babel-helper-vue-jsx-merge-props');
var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _warning = require('warning');
var _warning2 = _interopRequireDefault(_warning);
var _vueTypes = require('../../_util/vue-types');
var _vueTypes2 = _interopRequireDefault(_vueTypes);
var _BaseMixin = require('../../_util/BaseMixin');
var _BaseMixin2 = _interopRequireDefault(_BaseMixin);
var _propsUtil = require('../../_util/props-util');
var _utils = require('./utils');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function noop() {}
exports['default'] = {
name: 'TabBarTabsNode',
mixins: [_BaseMixin2['default']],
props: {
activeKey: _vueTypes2['default'].oneOfType([_vueTypes2['default'].string, _vueTypes2['default'].number]),
panels: _vueTypes2['default'].any.def([]),
prefixCls: _vueTypes2['default'].string.def(''),
tabBarGutter: _vueTypes2['default'].any.def(null),
onTabClick: _vueTypes2['default'].func,
saveRef: _vueTypes2['default'].func.def(noop),
getRef: _vueTypes2['default'].func.def(noop),
tabBarPosition: _vueTypes2['default'].string
},
render: function render() {
var _this = this;
var h = arguments[0];
var _$props = this.$props,
children = _$props.panels,
activeKey = _$props.activeKey,
prefixCls = _$props.prefixCls,
tabBarGutter = _$props.tabBarGutter,
saveRef = _$props.saveRef,
tabBarPosition = _$props.tabBarPosition;
var rst = [];
children.forEach(function (child, index) {
if (!child) {
return;
}
var props = (0, _propsUtil.getOptionProps)(child);
var key = child.key;
var cls = activeKey === key ? prefixCls + '-tab-active' : '';
cls += ' ' + prefixCls + '-tab';
var events = { on: {} };
var disabled = props.disabled || props.disabled === '';
if (disabled) {
cls += ' ' + prefixCls + '-tab-disabled';
} else {
events.on.click = function () {
_this.__emit('tabClick', key);
};
}
var directives = [];
if (activeKey === key) {
directives.push({
name: 'ant-ref',
value: saveRef('activeTab')
});
}
var tab = (0, _propsUtil.getComponentFromProp)(child, 'tab');
var gutter = tabBarGutter && index === children.length - 1 ? 0 : tabBarGutter;
gutter = typeof gutter === 'number' ? gutter + 'px' : gutter;
var style = (0, _defineProperty3['default'])({}, (0, _utils.isVertical)(tabBarPosition) ? 'marginBottom' : 'marginRight', gutter);
(0, _warning2['default'])(tab !== undefined, 'There must be `tab` property or slot on children of Tabs.');
rst.push(h(
'div',
(0, _babelHelperVueJsxMergeProps2['default'])([{
attrs: {
role: 'tab',
'aria-disabled': disabled ? 'true' : 'false',
'aria-selected': activeKey === key ? 'true' : 'false'
}
}, events, {
'class': cls,
key: key,
style: style
}, { directives: directives }]),
[tab]
));
});
return h(
'div',
{
directives: [{
name: 'ant-ref',
value: this.saveRef('navTabsContainer')
}]
},
[rst]
);
}
};