1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 |
|
5 | var _extends2 = require('babel-runtime/helpers/extends');
|
6 |
|
7 | var _extends3 = _interopRequireDefault(_extends2);
|
8 |
|
9 | var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
10 |
|
11 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
12 |
|
13 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
14 |
|
15 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
16 |
|
17 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
18 |
|
19 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
20 |
|
21 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
22 |
|
23 | var _inherits3 = _interopRequireDefault(_inherits2);
|
24 |
|
25 | var _class, _temp;
|
26 |
|
27 | var _react = require('react');
|
28 |
|
29 | var _react2 = _interopRequireDefault(_react);
|
30 |
|
31 | var _propTypes = require('prop-types');
|
32 |
|
33 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
34 |
|
35 | var _classnames = require('classnames');
|
36 |
|
37 | var _classnames2 = _interopRequireDefault(_classnames);
|
38 |
|
39 | var _menu = require('../menu');
|
40 |
|
41 | var _menu2 = _interopRequireDefault(_menu);
|
42 |
|
43 | var _icon = require('../icon');
|
44 |
|
45 | var _icon2 = _interopRequireDefault(_icon);
|
46 |
|
47 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
48 |
|
49 |
|
50 |
|
51 |
|
52 |
|
53 | var PopupItem = (_temp = _class = function (_Component) {
|
54 | (0, _inherits3.default)(PopupItem, _Component);
|
55 |
|
56 | function PopupItem() {
|
57 | (0, _classCallCheck3.default)(this, PopupItem);
|
58 | return (0, _possibleConstructorReturn3.default)(this, _Component.apply(this, arguments));
|
59 | }
|
60 |
|
61 | PopupItem.prototype.render = function render() {
|
62 | var _classNames;
|
63 |
|
64 | var _context = this.context,
|
65 | prefix = _context.prefix,
|
66 | iconOnly = _context.iconOnly,
|
67 | iconOnlyWidth = _context.iconOnlyWidth,
|
68 | hasArrow = _context.hasArrow;
|
69 | var _props = this.props,
|
70 | className = _props.className,
|
71 | icon = _props.icon,
|
72 | label = _props.label,
|
73 | children = _props.children,
|
74 | others = (0, _objectWithoutProperties3.default)(_props, ['className', 'icon', 'label', 'children']);
|
75 |
|
76 | var cls = (0, _classnames2.default)((_classNames = {}, _classNames[prefix + 'nav-popup-item'] = true, _classNames[className] = !!className, _classNames));
|
77 |
|
78 | var iconEl = typeof icon === 'string' ? _react2.default.createElement(_icon2.default, { className: prefix + 'nav-icon', type: icon }) : icon;
|
79 | if (iconOnly) {
|
80 | if (hasArrow) {
|
81 | iconEl = _react2.default.createElement(_icon2.default, { className: prefix + 'nav-icon-only-arrow', type: 'arrow-right' });
|
82 | }
|
83 | }
|
84 | var newLabel = [iconEl ? (0, _react.cloneElement)(iconEl, { key: 'icon' }) : null];
|
85 |
|
86 | var showLabel = !iconOnly || iconOnly && !iconOnlyWidth;
|
87 |
|
88 | if (showLabel) {
|
89 | newLabel.push(_react2.default.createElement(
|
90 | 'span',
|
91 | { key: 'label' },
|
92 | label
|
93 | ));
|
94 | }
|
95 |
|
96 | return _react2.default.createElement(
|
97 | _menu2.default.PopupItem,
|
98 | (0, _extends3.default)({ className: cls, label: newLabel }, others),
|
99 | children
|
100 | );
|
101 | };
|
102 |
|
103 | return PopupItem;
|
104 | }(_react.Component), _class.menuChildType = 'submenu', _class.propTypes = {
|
105 | |
106 |
|
107 |
|
108 | className: _propTypes2.default.string,
|
109 | |
110 |
|
111 |
|
112 | icon: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),
|
113 | |
114 |
|
115 |
|
116 | label: _propTypes2.default.node,
|
117 | |
118 |
|
119 |
|
120 | children: _propTypes2.default.node
|
121 | }, _class.contextTypes = {
|
122 | prefix: _propTypes2.default.string,
|
123 | iconOnly: _propTypes2.default.bool,
|
124 | iconOnlyWidth: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
|
125 | hasArrow: _propTypes2.default.bool
|
126 | }, _temp);
|
127 | PopupItem.displayName = 'PopupItem';
|
128 | exports.default = PopupItem;
|
129 | module.exports = exports['default']; |
\ | No newline at end of file |