1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | var _typeof = require("@babel/runtime/helpers/typeof");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = exports.GroupContext = void 0;
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13 |
|
14 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
15 |
|
16 | var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
17 |
|
18 | var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
19 |
|
20 | var React = _interopRequireWildcard(require("react"));
|
21 |
|
22 | var _classnames = _interopRequireDefault(require("classnames"));
|
23 |
|
24 | var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
|
25 |
|
26 | var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
27 |
|
28 | var _configProvider = require("../config-provider");
|
29 |
|
30 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
31 |
|
32 | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
33 |
|
34 | var __rest = void 0 && (void 0).__rest || function (s, e) {
|
35 | var t = {};
|
36 |
|
37 | for (var p in s) {
|
38 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
39 | }
|
40 |
|
41 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
42 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
43 | }
|
44 | return t;
|
45 | };
|
46 |
|
47 | var GroupContext = React.createContext(null);
|
48 | exports.GroupContext = GroupContext;
|
49 |
|
50 | var InternalCheckboxGroup = function InternalCheckboxGroup(_a, ref) {
|
51 | var defaultValue = _a.defaultValue,
|
52 | children = _a.children,
|
53 | _a$options = _a.options,
|
54 | options = _a$options === void 0 ? [] : _a$options,
|
55 | customizePrefixCls = _a.prefixCls,
|
56 | className = _a.className,
|
57 | style = _a.style,
|
58 | onChange = _a.onChange,
|
59 | restProps = __rest(_a, ["defaultValue", "children", "options", "prefixCls", "className", "style", "onChange"]);
|
60 |
|
61 | var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
62 | getPrefixCls = _React$useContext.getPrefixCls,
|
63 | direction = _React$useContext.direction;
|
64 |
|
65 | var _React$useState = React.useState(restProps.value || defaultValue || []),
|
66 | _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
67 | value = _React$useState2[0],
|
68 | setValue = _React$useState2[1];
|
69 |
|
70 | var _React$useState3 = React.useState([]),
|
71 | _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
|
72 | registeredValues = _React$useState4[0],
|
73 | setRegisteredValues = _React$useState4[1];
|
74 |
|
75 | React.useEffect(function () {
|
76 | if ('value' in restProps) {
|
77 | setValue(restProps.value || []);
|
78 | }
|
79 | }, [restProps.value]);
|
80 |
|
81 | var getOptions = function getOptions() {
|
82 | return options.map(function (option) {
|
83 | if (typeof option === 'string') {
|
84 | return {
|
85 | label: option,
|
86 | value: option
|
87 | };
|
88 | }
|
89 |
|
90 | return option;
|
91 | });
|
92 | };
|
93 |
|
94 | var cancelValue = function cancelValue(val) {
|
95 | setRegisteredValues(function (prevValues) {
|
96 | return prevValues.filter(function (v) {
|
97 | return v !== val;
|
98 | });
|
99 | });
|
100 | };
|
101 |
|
102 | var registerValue = function registerValue(val) {
|
103 | setRegisteredValues(function (prevValues) {
|
104 | return [].concat((0, _toConsumableArray2["default"])(prevValues), [val]);
|
105 | });
|
106 | };
|
107 |
|
108 | var toggleOption = function toggleOption(option) {
|
109 | var optionIndex = value.indexOf(option.value);
|
110 | var newValue = (0, _toConsumableArray2["default"])(value);
|
111 |
|
112 | if (optionIndex === -1) {
|
113 | newValue.push(option.value);
|
114 | } else {
|
115 | newValue.splice(optionIndex, 1);
|
116 | }
|
117 |
|
118 | if (!('value' in restProps)) {
|
119 | setValue(newValue);
|
120 | }
|
121 |
|
122 | var opts = getOptions();
|
123 | onChange === null || onChange === void 0 ? void 0 : onChange(newValue.filter(function (val) {
|
124 | return registeredValues.indexOf(val) !== -1;
|
125 | }).sort(function (a, b) {
|
126 | var indexA = opts.findIndex(function (opt) {
|
127 | return opt.value === a;
|
128 | });
|
129 | var indexB = opts.findIndex(function (opt) {
|
130 | return opt.value === b;
|
131 | });
|
132 | return indexA - indexB;
|
133 | }));
|
134 | };
|
135 |
|
136 | var prefixCls = getPrefixCls('checkbox', customizePrefixCls);
|
137 | var groupPrefixCls = "".concat(prefixCls, "-group");
|
138 | var domProps = (0, _omit["default"])(restProps, ['value', 'disabled']);
|
139 |
|
140 | if (options && options.length > 0) {
|
141 | children = getOptions().map(function (option) {
|
142 | return React.createElement(_Checkbox["default"], {
|
143 | prefixCls: prefixCls,
|
144 | key: option.value.toString(),
|
145 | disabled: 'disabled' in option ? option.disabled : restProps.disabled,
|
146 | value: option.value,
|
147 | checked: value.indexOf(option.value) !== -1,
|
148 | onChange: option.onChange,
|
149 | className: "".concat(groupPrefixCls, "-item"),
|
150 | style: option.style
|
151 | }, option.label);
|
152 | });
|
153 | }
|
154 |
|
155 | var context = {
|
156 | toggleOption: toggleOption,
|
157 | value: value,
|
158 | disabled: restProps.disabled,
|
159 | name: restProps.name,
|
160 |
|
161 | registerValue: registerValue,
|
162 | cancelValue: cancelValue
|
163 | };
|
164 | var classString = (0, _classnames["default"])(groupPrefixCls, (0, _defineProperty2["default"])({}, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), className);
|
165 | return React.createElement("div", (0, _extends2["default"])({
|
166 | className: classString,
|
167 | style: style
|
168 | }, domProps, {
|
169 | ref: ref
|
170 | }), React.createElement(GroupContext.Provider, {
|
171 | value: context
|
172 | }, children));
|
173 | };
|
174 |
|
175 | var CheckboxGroup = React.forwardRef(InternalCheckboxGroup);
|
176 |
|
177 | var _default = React.memo(CheckboxGroup);
|
178 |
|
179 | exports["default"] = _default; |
\ | No newline at end of file |