1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports.default = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/extends"));
|
9 |
|
10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/objectWithoutPropertiesLoose"));
|
11 |
|
12 | var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/inheritsLoose"));
|
13 |
|
14 | var _classnames = _interopRequireDefault(require("classnames"));
|
15 |
|
16 | var _react = _interopRequireDefault(require("react"));
|
17 |
|
18 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
19 |
|
20 | var _elementType = _interopRequireDefault(require("prop-types-extra/lib/elementType"));
|
21 |
|
22 | var _bootstrapUtils = require("./utils/bootstrapUtils");
|
23 |
|
24 | var _StyleConfig = require("./utils/StyleConfig");
|
25 |
|
26 | var propTypes = {
|
27 | componentClass: _elementType.default,
|
28 |
|
29 | |
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 | xs: _propTypes.default.number,
|
37 |
|
38 | |
39 |
|
40 |
|
41 |
|
42 |
|
43 |
|
44 |
|
45 | sm: _propTypes.default.number,
|
46 |
|
47 | |
48 |
|
49 |
|
50 |
|
51 |
|
52 |
|
53 |
|
54 | md: _propTypes.default.number,
|
55 |
|
56 | |
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 | lg: _propTypes.default.number,
|
64 |
|
65 | |
66 |
|
67 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 | xsHidden: _propTypes.default.bool,
|
73 |
|
74 | |
75 |
|
76 |
|
77 |
|
78 |
|
79 |
|
80 |
|
81 | smHidden: _propTypes.default.bool,
|
82 |
|
83 | |
84 |
|
85 |
|
86 |
|
87 |
|
88 |
|
89 |
|
90 | mdHidden: _propTypes.default.bool,
|
91 |
|
92 | |
93 |
|
94 |
|
95 |
|
96 |
|
97 |
|
98 |
|
99 | lgHidden: _propTypes.default.bool,
|
100 |
|
101 | |
102 |
|
103 |
|
104 |
|
105 |
|
106 |
|
107 |
|
108 | xsOffset: _propTypes.default.number,
|
109 |
|
110 | |
111 |
|
112 |
|
113 |
|
114 |
|
115 |
|
116 |
|
117 | smOffset: _propTypes.default.number,
|
118 |
|
119 | |
120 |
|
121 |
|
122 |
|
123 |
|
124 |
|
125 |
|
126 | mdOffset: _propTypes.default.number,
|
127 |
|
128 | |
129 |
|
130 |
|
131 |
|
132 |
|
133 |
|
134 |
|
135 | lgOffset: _propTypes.default.number,
|
136 |
|
137 | |
138 |
|
139 |
|
140 |
|
141 |
|
142 |
|
143 |
|
144 | xsPush: _propTypes.default.number,
|
145 |
|
146 | |
147 |
|
148 |
|
149 |
|
150 |
|
151 |
|
152 |
|
153 | smPush: _propTypes.default.number,
|
154 |
|
155 | |
156 |
|
157 |
|
158 |
|
159 |
|
160 |
|
161 |
|
162 | mdPush: _propTypes.default.number,
|
163 |
|
164 | |
165 |
|
166 |
|
167 |
|
168 |
|
169 |
|
170 |
|
171 | lgPush: _propTypes.default.number,
|
172 |
|
173 | |
174 |
|
175 |
|
176 |
|
177 |
|
178 |
|
179 |
|
180 | xsPull: _propTypes.default.number,
|
181 |
|
182 | |
183 |
|
184 |
|
185 |
|
186 |
|
187 |
|
188 |
|
189 | smPull: _propTypes.default.number,
|
190 |
|
191 | |
192 |
|
193 |
|
194 |
|
195 |
|
196 |
|
197 |
|
198 | mdPull: _propTypes.default.number,
|
199 |
|
200 | |
201 |
|
202 |
|
203 |
|
204 |
|
205 |
|
206 |
|
207 | lgPull: _propTypes.default.number
|
208 | };
|
209 | var defaultProps = {
|
210 | componentClass: 'div'
|
211 | };
|
212 |
|
213 | var Col =
|
214 |
|
215 | function (_React$Component) {
|
216 | (0, _inheritsLoose2.default)(Col, _React$Component);
|
217 |
|
218 | function Col() {
|
219 | return _React$Component.apply(this, arguments) || this;
|
220 | }
|
221 |
|
222 | var _proto = Col.prototype;
|
223 |
|
224 | _proto.render = function render() {
|
225 | var _this$props = this.props,
|
226 | Component = _this$props.componentClass,
|
227 | className = _this$props.className,
|
228 | props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["componentClass", "className"]);
|
229 |
|
230 | var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props),
|
231 | bsProps = _splitBsProps[0],
|
232 | elementProps = _splitBsProps[1];
|
233 |
|
234 | var classes = [];
|
235 |
|
236 | _StyleConfig.DEVICE_SIZES.forEach(function (size) {
|
237 | function popProp(propSuffix, modifier) {
|
238 | var propName = "" + size + propSuffix;
|
239 | var propValue = elementProps[propName];
|
240 |
|
241 | if (propValue != null) {
|
242 | classes.push((0, _bootstrapUtils.prefix)(bsProps, "" + size + modifier + "-" + propValue));
|
243 | }
|
244 |
|
245 | delete elementProps[propName];
|
246 | }
|
247 |
|
248 | popProp('', '');
|
249 | popProp('Offset', '-offset');
|
250 | popProp('Push', '-push');
|
251 | popProp('Pull', '-pull');
|
252 | var hiddenPropName = size + "Hidden";
|
253 |
|
254 | if (elementProps[hiddenPropName]) {
|
255 | classes.push("hidden-" + size);
|
256 | }
|
257 |
|
258 | delete elementProps[hiddenPropName];
|
259 | });
|
260 |
|
261 | return _react.default.createElement(Component, (0, _extends2.default)({}, elementProps, {
|
262 | className: (0, _classnames.default)(className, classes)
|
263 | }));
|
264 | };
|
265 |
|
266 | return Col;
|
267 | }(_react.default.Component);
|
268 |
|
269 | Col.propTypes = propTypes;
|
270 | Col.defaultProps = defaultProps;
|
271 |
|
272 | var _default = (0, _bootstrapUtils.bsClass)('col', Col);
|
273 |
|
274 | exports.default = _default;
|
275 | module.exports = exports["default"]; |
\ | No newline at end of file |