1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.default = undefined;
|
5 |
|
6 | var _extends4 = require('babel-runtime/helpers/extends');
|
7 |
|
8 | var _extends5 = _interopRequireDefault(_extends4);
|
9 |
|
10 | var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
|
11 |
|
12 | var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
|
13 |
|
14 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
15 |
|
16 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
17 |
|
18 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
19 |
|
20 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
21 |
|
22 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
23 |
|
24 | var _inherits3 = _interopRequireDefault(_inherits2);
|
25 |
|
26 | var _class, _temp;
|
27 |
|
28 | var _react = require('react');
|
29 |
|
30 | var _react2 = _interopRequireDefault(_react);
|
31 |
|
32 | var _propTypes = require('prop-types');
|
33 |
|
34 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
35 |
|
36 | var _classnames = require('classnames');
|
37 |
|
38 | var _classnames2 = _interopRequireDefault(_classnames);
|
39 |
|
40 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
41 |
|
42 |
|
43 |
|
44 |
|
45 |
|
46 | var Row = (_temp = _class = function (_Component) {
|
47 | (0, _inherits3.default)(Row, _Component);
|
48 |
|
49 | function Row() {
|
50 | (0, _classCallCheck3.default)(this, Row);
|
51 | return (0, _possibleConstructorReturn3.default)(this, _Component.apply(this, arguments));
|
52 | }
|
53 |
|
54 | Row.prototype.render = function render() {
|
55 | var _extends2, _extends3;
|
56 |
|
57 |
|
58 | var _props = this.props,
|
59 | prefix = _props.prefix,
|
60 | pure = _props.pure,
|
61 | wrap = _props.wrap,
|
62 | fixed = _props.fixed,
|
63 | gutter = _props.gutter,
|
64 | fixedWidth = _props.fixedWidth,
|
65 | align = _props.align,
|
66 | justify = _props.justify,
|
67 | hidden = _props.hidden,
|
68 | className = _props.className,
|
69 | Tag = _props.component,
|
70 | children = _props.children,
|
71 | rtl = _props.rtl,
|
72 | others = (0, _objectWithoutProperties3.default)(_props, ['prefix', 'pure', 'wrap', 'fixed', 'gutter', 'fixedWidth', 'align', 'justify', 'hidden', 'className', 'component', 'children', 'rtl']);
|
73 |
|
74 |
|
75 | var hiddenClassObj = void 0;
|
76 | if (hidden === true) {
|
77 | var _hiddenClassObj;
|
78 |
|
79 | hiddenClassObj = (_hiddenClassObj = {}, _hiddenClassObj[prefix + 'row-hidden'] = true, _hiddenClassObj);
|
80 | } else if (typeof hidden === 'string') {
|
81 | var _hiddenClassObj2;
|
82 |
|
83 | hiddenClassObj = (_hiddenClassObj2 = {}, _hiddenClassObj2[prefix + 'row-' + hidden + '-hidden'] = !!hidden, _hiddenClassObj2);
|
84 | } else if (Array.isArray(hidden)) {
|
85 | hiddenClassObj = hidden.reduce(function (ret, point) {
|
86 | ret[prefix + 'row-' + point + '-hidden'] = !!point;
|
87 | return ret;
|
88 | }, {});
|
89 | }
|
90 |
|
91 | var newClassName = (0, _classnames2.default)((0, _extends5.default)((_extends2 = {}, _extends2[prefix + 'row'] = true, _extends2[prefix + 'row-wrap'] = wrap, _extends2[prefix + 'row-fixed'] = fixed, _extends2[prefix + 'row-fixed-' + fixedWidth] = !!fixedWidth, _extends2[prefix + 'row-justify-' + justify] = !!justify, _extends2[prefix + 'row-align-' + align] = !!align, _extends2), hiddenClassObj, (_extends3 = {}, _extends3[className] = !!className, _extends3)));
|
92 |
|
93 | var newChildren = children;
|
94 | var gutterNumber = parseInt(gutter, 10);
|
95 | if (gutterNumber !== 0) {
|
96 | var halfGutterString = gutterNumber / 2 + 'px';
|
97 | others.style = (0, _extends5.default)({
|
98 | marginLeft: '-' + halfGutterString,
|
99 | marginRight: '-' + halfGutterString
|
100 | }, others.style || {});
|
101 | newChildren = _react.Children.map(children, function (child) {
|
102 | if (child && child.type && typeof child.type === 'function' && child.type.isNextCol) {
|
103 | var newChild = (0, _react.cloneElement)(child, {
|
104 | style: (0, _extends5.default)({
|
105 | paddingLeft: halfGutterString,
|
106 | paddingRight: halfGutterString
|
107 | }, child.style || {})
|
108 | });
|
109 | return newChild;
|
110 | }
|
111 |
|
112 | return child;
|
113 | });
|
114 | }
|
115 |
|
116 | return _react2.default.createElement(
|
117 | Tag,
|
118 | (0, _extends5.default)({
|
119 | dir: rtl ? 'rtl' : 'ltr',
|
120 | role: 'row',
|
121 | className: newClassName
|
122 | }, others),
|
123 | newChildren
|
124 | );
|
125 | };
|
126 |
|
127 | return Row;
|
128 | }(_react.Component), _class.propTypes = {
|
129 | prefix: _propTypes2.default.string,
|
130 | pure: _propTypes2.default.bool,
|
131 | rtl: _propTypes2.default.bool,
|
132 | className: _propTypes2.default.string,
|
133 | style: _propTypes2.default.object,
|
134 | |
135 |
|
136 |
|
137 | children: _propTypes2.default.node,
|
138 | |
139 |
|
140 |
|
141 | gutter: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),
|
142 | |
143 |
|
144 |
|
145 | wrap: _propTypes2.default.bool,
|
146 | |
147 |
|
148 |
|
149 | fixed: _propTypes2.default.bool,
|
150 | |
151 |
|
152 |
|
153 |
|
154 | fixedWidth: _propTypes2.default.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl']),
|
155 | |
156 |
|
157 |
|
158 |
|
159 | align: _propTypes2.default.oneOf(['top', 'center', 'bottom', 'baseline', 'stretch']),
|
160 | |
161 |
|
162 |
|
163 |
|
164 | justify: _propTypes2.default.oneOf(['start', 'center', 'end', 'space-between', 'space-around']),
|
165 | |
166 |
|
167 |
|
168 | hidden: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string, _propTypes2.default.array]),
|
169 | |
170 |
|
171 |
|
172 |
|
173 | component: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func])
|
174 | }, _class.defaultProps = {
|
175 | prefix: 'next-',
|
176 | pure: false,
|
177 | fixed: false,
|
178 | gutter: 0,
|
179 | wrap: false,
|
180 | component: 'div'
|
181 | }, _temp);
|
182 | Row.displayName = 'Row';
|
183 | exports.default = Row;
|
184 | module.exports = exports['default']; |
\ | No newline at end of file |