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 _typeof2 = require('babel-runtime/helpers/typeof');
|
10 |
|
11 | var _typeof3 = _interopRequireDefault(_typeof2);
|
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 _classnames2 = require('classnames');
|
36 |
|
37 | var _classnames3 = _interopRequireDefault(_classnames2);
|
38 |
|
39 | var _reactLifecyclesCompat = require('react-lifecycles-compat');
|
40 |
|
41 | var _util = require('../util');
|
42 |
|
43 | var _checkbox = require('./checkbox');
|
44 |
|
45 | var _checkbox2 = _interopRequireDefault(_checkbox);
|
46 |
|
47 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
48 |
|
49 | var pickOthers = _util.obj.pickOthers;
|
50 |
|
51 |
|
52 |
|
53 | var CheckboxGroup = (_temp = _class = function (_Component) {
|
54 | (0, _inherits3.default)(CheckboxGroup, _Component);
|
55 |
|
56 | function CheckboxGroup(props) {
|
57 | (0, _classCallCheck3.default)(this, CheckboxGroup);
|
58 |
|
59 | var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call(this, props));
|
60 |
|
61 | var value = [];
|
62 | if ('value' in props) {
|
63 | value = props.value;
|
64 | } else if ('defaultValue' in props) {
|
65 | value = props.defaultValue;
|
66 | }
|
67 | if (!Array.isArray(value)) {
|
68 | if (value === null || value === undefined) {
|
69 | value = [];
|
70 | } else {
|
71 | value = [value];
|
72 | }
|
73 | }
|
74 | _this.state = {
|
75 | value: [].concat(value)
|
76 | };
|
77 |
|
78 | _this.onChange = _this.onChange.bind(_this);
|
79 | return _this;
|
80 | }
|
81 |
|
82 | CheckboxGroup.prototype.getChildContext = function getChildContext() {
|
83 | return {
|
84 | __group__: true,
|
85 | onChange: this.onChange,
|
86 | selectedValue: this.state.value,
|
87 | disabled: this.props.disabled
|
88 | };
|
89 | };
|
90 |
|
91 | CheckboxGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {
|
92 | if ('value' in nextProps) {
|
93 | var value = nextProps.value;
|
94 |
|
95 | if (!Array.isArray(value)) {
|
96 | if (value === null || value === undefined) {
|
97 | value = [];
|
98 | } else {
|
99 | value = [value];
|
100 | }
|
101 | }
|
102 |
|
103 | return { value: value };
|
104 | }
|
105 |
|
106 | return null;
|
107 | };
|
108 |
|
109 | CheckboxGroup.prototype.onChange = function onChange(currentValue, e) {
|
110 | var value = this.state.value;
|
111 |
|
112 | var index = value.indexOf(currentValue);
|
113 | var valTemp = [].concat(value);
|
114 |
|
115 | if (index === -1) {
|
116 | valTemp.push(currentValue);
|
117 | } else {
|
118 | valTemp.splice(index, 1);
|
119 | }
|
120 |
|
121 | if (!('value' in this.props)) {
|
122 | this.setState({ value: valTemp });
|
123 | }
|
124 | this.props.onChange(valTemp, e);
|
125 | };
|
126 |
|
127 | CheckboxGroup.prototype.render = function render() {
|
128 | var _this2 = this,
|
129 | _classnames;
|
130 |
|
131 | var _props = this.props,
|
132 | className = _props.className,
|
133 | style = _props.style,
|
134 | prefix = _props.prefix,
|
135 | disabled = _props.disabled,
|
136 | direction = _props.direction,
|
137 | rtl = _props.rtl,
|
138 | isPreview = _props.isPreview,
|
139 | renderPreview = _props.renderPreview;
|
140 |
|
141 | var others = pickOthers(CheckboxGroup.propTypes, this.props);
|
142 |
|
143 |
|
144 | var children = void 0;
|
145 | var previewed = [];
|
146 | if (this.props.children) {
|
147 | children = _react2.default.Children.map(this.props.children, function (child) {
|
148 | if (!_react2.default.isValidElement(child)) {
|
149 | return child;
|
150 | }
|
151 | var checked = _this2.state.value && _this2.state.value.indexOf(child.props.value) > -1;
|
152 |
|
153 | if (checked) {
|
154 | previewed.push({
|
155 | label: child.props.children,
|
156 | value: child.props.value
|
157 | });
|
158 | }
|
159 |
|
160 | return _react2.default.cloneElement(child, child.props.rtl === undefined ? { rtl: rtl } : null);
|
161 | });
|
162 | } else {
|
163 | children = this.props.dataSource.map(function (item, index) {
|
164 | var option = item;
|
165 | if ((typeof item === 'undefined' ? 'undefined' : (0, _typeof3.default)(item)) !== 'object') {
|
166 | option = {
|
167 | label: item,
|
168 | value: item,
|
169 | disabled: disabled
|
170 | };
|
171 | }
|
172 | var checked = _this2.state.value && _this2.state.value.indexOf(option.value) > -1;
|
173 |
|
174 | if (checked) {
|
175 | previewed.push({
|
176 | label: option.label,
|
177 | value: option.value
|
178 | });
|
179 | }
|
180 |
|
181 | return _react2.default.createElement(_checkbox2.default, {
|
182 | key: index,
|
183 | value: option.value,
|
184 | checked: checked,
|
185 | rtl: rtl,
|
186 | disabled: disabled || option.disabled,
|
187 | label: option.label
|
188 | });
|
189 | });
|
190 | }
|
191 |
|
192 | if (isPreview) {
|
193 | var previewCls = (0, _classnames3.default)(className, prefix + 'form-preview');
|
194 |
|
195 | if ('renderPreview' in this.props) {
|
196 | return _react2.default.createElement(
|
197 | 'div',
|
198 | (0, _extends3.default)({}, others, { dir: rtl ? 'rtl' : undefined, className: previewCls }),
|
199 | renderPreview(previewed, this.props)
|
200 | );
|
201 | }
|
202 |
|
203 | return _react2.default.createElement(
|
204 | 'p',
|
205 | (0, _extends3.default)({}, others, { dir: rtl ? 'rtl' : undefined, className: previewCls }),
|
206 | previewed.map(function (item) {
|
207 | return item.label;
|
208 | }).join(', ')
|
209 | );
|
210 | }
|
211 |
|
212 | var cls = (0, _classnames3.default)((_classnames = {}, _classnames[prefix + 'checkbox-group'] = true, _classnames[prefix + 'checkbox-group-' + direction] = true, _classnames[className] = !!className, _classnames.disabled = disabled, _classnames));
|
213 |
|
214 | return _react2.default.createElement(
|
215 | 'span',
|
216 | (0, _extends3.default)({ dir: rtl ? 'rtl' : undefined }, others, { className: cls, style: style }),
|
217 | children
|
218 | );
|
219 | };
|
220 |
|
221 | return CheckboxGroup;
|
222 | }(_react.Component), _class.propTypes = {
|
223 | prefix: _propTypes2.default.string,
|
224 | rtl: _propTypes2.default.bool,
|
225 | |
226 |
|
227 |
|
228 | className: _propTypes2.default.string,
|
229 | |
230 |
|
231 |
|
232 | style: _propTypes2.default.object,
|
233 | |
234 |
|
235 |
|
236 | disabled: _propTypes2.default.bool,
|
237 | |
238 |
|
239 |
|
240 | dataSource: _propTypes2.default.oneOfType([_propTypes2.default.arrayOf(_propTypes2.default.string), _propTypes2.default.arrayOf(_propTypes2.default.object)]),
|
241 | |
242 |
|
243 |
|
244 | value: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.number]),
|
245 | |
246 |
|
247 |
|
248 | defaultValue: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.number]),
|
249 | |
250 |
|
251 |
|
252 | children: _propTypes2.default.arrayOf(_propTypes2.default.element),
|
253 | |
254 |
|
255 |
|
256 |
|
257 |
|
258 | onChange: _propTypes2.default.func,
|
259 |
|
260 | |
261 |
|
262 |
|
263 |
|
264 |
|
265 | direction: _propTypes2.default.oneOf(['hoz', 'ver']),
|
266 | |
267 |
|
268 |
|
269 |
|
270 | isPreview: _propTypes2.default.bool,
|
271 | |
272 |
|
273 |
|
274 |
|
275 |
|
276 |
|
277 |
|
278 | renderPreview: _propTypes2.default.func
|
279 | }, _class.defaultProps = {
|
280 | dataSource: [],
|
281 | onChange: function onChange() {},
|
282 | prefix: 'next-',
|
283 | direction: 'hoz',
|
284 | isPreview: false
|
285 | }, _class.childContextTypes = {
|
286 | onChange: _propTypes2.default.func,
|
287 | __group__: _propTypes2.default.bool,
|
288 | selectedValue: _propTypes2.default.array,
|
289 | disabled: _propTypes2.default.bool
|
290 | }, _temp);
|
291 | CheckboxGroup.displayName = 'CheckboxGroup';
|
292 | exports.default = (0, _reactLifecyclesCompat.polyfill)(CheckboxGroup);
|
293 | module.exports = exports['default']; |
\ | No newline at end of file |