@kdcloudjs/kdesign 1.6.16 → 1.6.17

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.15
+ *   @kdcloudjs/kdesign v1.6.16
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -2609,10 +2609,12 @@ function usePopper(locatorElement, popperElement, props) {
         focus: 'mousedown',
         contextMenu: 'mousedown'
       };
+      popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
       Array.isArray(trigger) ? trigger.forEach(function (action) {
         return document.addEventListener(mapEvent[action], debounceHidePopper);
       }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
       return function () {
+        popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
         Array.isArray(trigger) ? trigger.forEach(function (action) {
           return document.removeEventListener(mapEvent[action], debounceHidePopper);
         }) : document.removeEventListener(mapEvent[trigger], debounceHidePopper);
@@ -6832,13 +6834,11 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************************!*\
   !*** ./components/checkbox/checkbox.tsx ***!
   \******************************************/
-/*! exports provided: CheckboxTypes, CheckboxSizes, default */
+/*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxTypes", function() { return CheckboxTypes; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxSizes", function() { return CheckboxSizes; });
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
@@ -6855,9 +6855,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
 /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./group */ "./components/checkbox/group.tsx");
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
 /* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
 /* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11__);
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../icon */ "./components/icon/index.tsx");
@@ -6877,18 +6877,16 @@ var _excluded = ["checkboxType", "className", "prefixCls", "defaultChecked", "ch
 
 
 
-var CheckboxTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_10__["tuple"])('default', 'square');
-var CheckboxSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_10__["tuple"])('large', 'middle', 'small');
 
 var InternalCheckbox = function InternalCheckbox(props, ref) {
   var _classNames, _classNames2, _classNames4, _classNames5;
 
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_8__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_9__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps;
 
-  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["getCompProps"])('Checkbox', userDefaultProps, props);
+  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('Checkbox', userDefaultProps, props);
 
   var checkboxType = CheckboxProps.checkboxType,
       className = CheckboxProps.className,
@@ -6905,38 +6903,47 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       name = CheckboxProps.name,
       rest = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(CheckboxProps, _excluded);
 
-  var getChecked = function getChecked() {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default()(checked) ? checked : defaultChecked;
-  };
+  var checkboxGroup = react__WEBPACK_IMPORTED_MODULE_6___default.a.useContext(_group__WEBPACK_IMPORTED_MODULE_8__["GroupContext"]);
+  var mergedDisabled = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) || disabled;
+  var mergedCheckboxType = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.checkboxType) || checkboxType;
+  var mergedName = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.name) || name;
+  var initChecked = checkboxGroup !== null && checkboxGroup !== void 0 && checkboxGroup.groupValue ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default()(checked) ? checked : defaultChecked;
 
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_6__["useState"])(getChecked()),
+  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_6__["useState"])(initChecked),
       _useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
       selected = _useState2[0],
       setSelected = _useState2[1];
 
   var labelRef = Object(react__WEBPACK_IMPORTED_MODULE_6__["useRef"])(null);
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_13__["default"])(CheckboxTypes.indexOf(checkboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(checkboxType, "'"));
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_13__["default"])(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
+  react__WEBPACK_IMPORTED_MODULE_6___default.a.useEffect(function () {
+    setSelected(checkboxGroup !== null && checkboxGroup !== void 0 && checkboxGroup.groupValue ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default()(checked) ? checked : defaultChecked);
+  }, [checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue, checked, defaultChecked]);
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_13__["default"])(_group__WEBPACK_IMPORTED_MODULE_8__["CheckboxTypes"].indexOf(mergedCheckboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(mergedCheckboxType, "'"));
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_13__["default"])(_group__WEBPACK_IMPORTED_MODULE_8__["CheckboxSizes"].indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
 
   var isDefaultType = function isDefaultType() {
-    return checkboxType === 'default';
+    return mergedCheckboxType === 'default';
   };
 
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
 
-  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected && !disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(size),  true && !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected && !mergedDisabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-wrapper-size"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-disabled"), disabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-checked-disabled"), disabled && selected), _classNames4));
-  var triangleClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-triangle"), !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-triangle-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-triangle-disabled"), disabled), _classNames5));
-  var innerIconClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-inner"), true));
+  var checkedWrapperClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-no-child"), !children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-wrapper-size"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-margin"), !!children), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-indeterminate"), getIndeterminate()), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames4, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()((_classNames5 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle"), !selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle-checked"), selected), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames5, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = classnames__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner"), true));
   var handleChange = Object(react__WEBPACK_IMPORTED_MODULE_6__["useCallback"])(function (e) {
     onChange && onChange(e);
-    setSelected(e.target.checked);
+    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked));
+
+    if (!(checkboxGroup !== null && checkboxGroup !== void 0 && checkboxGroup.isControlled)) {
+      setSelected(e.target.checked);
+    }
   }, [onChange]);
   Object(react__WEBPACK_IMPORTED_MODULE_6__["useEffect"])(function () {
     lodash_isBoolean__WEBPACK_IMPORTED_MODULE_11___default()(checked) && checked !== selected && setSelected(checked);
@@ -6975,7 +6982,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
         type: "right-bold",
-        className: "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-inner-icon")
+        className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
       })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("input", {
         type: "checkbox",
         className: inputClassName,
@@ -6983,8 +6990,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled,
-        name: name
+        disabled: mergedDisabled,
+        name: mergedName
       })), children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("span", {
@@ -6993,7 +7000,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icon__WEBPACK_IMPORTED_MODULE_12__["default"], {
         type: "right-bold",
-        className: "".concat(checkboxPrefixCls, "-").concat(checkboxType, "-inner-icon")
+        className: "".concat(checkboxPrefixCls, "-").concat(mergedCheckboxType, "-inner-icon")
       }))))
     );
   };
@@ -7011,71 +7018,36 @@ Checkbox.displayName = 'Checkbox';
 /*!***************************************!*\
   !*** ./components/checkbox/group.tsx ***!
   \***************************************/
-/*! exports provided: CheckboxTypes, CheckboxSizes, default */
+/*! exports provided: CheckboxTypes, CheckboxSizes, GroupContext, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxTypes", function() { return CheckboxTypes; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CheckboxSizes", function() { return CheckboxSizes; });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
-/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
-/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
-/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.splice.js */ "./node_modules/core-js/modules/es.array.splice.js");
-/* harmony import */ var core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_splice_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
-/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
-/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
-/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_16__);
-/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
-/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
-/* harmony import */ var _utils_arrayUtil__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../_utils/arrayUtil */ "./components/_utils/arrayUtil.ts");
-/* harmony import */ var lodash_isArray__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! lodash/isArray */ "./node_modules/lodash/isArray.js");
-/* harmony import */ var lodash_isArray__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(lodash_isArray__WEBPACK_IMPORTED_MODULE_21__);
-/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./checkbox */ "./components/checkbox/checkbox.tsx");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! lodash/isBoolean */ "./node_modules/lodash/isBoolean.js");
-/* harmony import */ var lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default = /*#__PURE__*/__webpack_require__.n(lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23__);
-/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
-
-
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-
-
-
-
-
-
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GroupContext", function() { return GroupContext; });
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
+/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
+/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
+/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
+/* harmony import */ var _utils_arrayUtil__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_utils/arrayUtil */ "./components/_utils/arrayUtil.ts");
+/* harmony import */ var _checkbox__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./checkbox */ "./components/checkbox/checkbox.tsx");
+/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 
 
 
@@ -7091,18 +7063,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
-
-
-var CheckboxTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_19__["tuple"])('default', 'square');
-var CheckboxSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_19__["tuple"])('large', 'middle', 'small');
-var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.forwardRef(function (props, ref) {
+var CheckboxTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_10__["tuple"])('default', 'square');
+var CheckboxSizes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_10__["tuple"])('large', 'middle', 'small');
+var GroupContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createContext(null);
+var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef(function (props, ref) {
   // const CheckboxGroup = (props: CheckboxGroupProps): FunctionComponentElement<CheckboxGroupProps> => {
-  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_15__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_17__["default"]),
+  var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_6__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_8__["default"]),
       getPrefixCls = _useContext.getPrefixCls,
       prefixCls = _useContext.prefixCls,
       userDefaultProps = _useContext.compDefaultProps;
 
-  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_18__["getCompProps"])('Checkbox', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var CheckboxProps = Object(_utils__WEBPACK_IMPORTED_MODULE_9__["getCompProps"])('Checkbox', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
 
   var checkboxType = CheckboxProps.checkboxType,
       className = CheckboxProps.className,
@@ -7116,110 +7087,85 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.f
       defaultValue = CheckboxProps.defaultValue,
       value = CheckboxProps.value,
       name = CheckboxProps.name;
+  var initData = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
 
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_15___default.a.useState(defaultValue),
-      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_6___default.a.useState([]),
+      _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default()(_React$useState, 2),
       groupValue = _React$useState2[0],
       setGroupValue = _React$useState2[1];
 
-  react__WEBPACK_IMPORTED_MODULE_15___default.a.useEffect(function () {
-    if (value) {
-      setGroupValue(value);
-    }
-  }, [value]);
+  var innerValue = react__WEBPACK_IMPORTED_MODULE_6___default.a.useRef(initData);
+  react__WEBPACK_IMPORTED_MODULE_6___default.a.useEffect(function () {
+    innerValue.current = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
+    setGroupValue(innerValue.current);
+  }, [value, defaultValue]);
+  var isControlled = typeof value !== 'undefined';
   var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls); // 按钮样式前缀
 
-  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_24__["default"])(Object(_utils_arrayUtil__WEBPACK_IMPORTED_MODULE_20__["isArrayValueRepeat"])(value), 'checkboxGroup', "variable value's value should be unique ");
-
-  var getDisabled = function getDisabled(optionDisabled) {
-    return lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(optionDisabled) ? optionDisabled : disabled;
-  };
-
-  var getChecked = function getChecked(props, value) {
-    return lodash_isArray__WEBPACK_IMPORTED_MODULE_21___default()(value) ? value.includes((props === null || props === void 0 ? void 0 : props.value) || props) || value.includes(String((props === null || props === void 0 ? void 0 : props.value) || props)) : String(value) === String((props === null || props === void 0 ? void 0 : props.value) || props);
-  };
+  Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_13__["default"])(Object(_utils_arrayUtil__WEBPACK_IMPORTED_MODULE_11__["isArrayValueRepeat"])(groupValue), 'checkboxGroup', "variable value's value should be unique ");
 
   var getReduceItem = function getReduceItem(targetValue) {
-    var index = value.indexOf(targetValue);
-    value.splice(index, 1);
-    return value;
+    return innerValue.current.filter(function (d) {
+      return d !== targetValue;
+    });
   };
 
   var getAddItem = function getAddItem(targetValue) {
-    return value.concat(targetValue);
+    return innerValue.current.indexOf(targetValue) > -1 ? innerValue.current : innerValue.current.concat(targetValue);
   };
 
-  var onCheckboxChange = function onCheckboxChange(ev, item) {
-    var _item$props;
-
-    var val = ev.target.value;
-    var checked = ev.target.checked;
+  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked) {
     var newVal = [];
 
-    if (checked) {
-      newVal = getAddItem(val);
+    if (isChecked) {
+      newVal = getAddItem(checkedValue);
     } else {
-      newVal = getReduceItem(val);
+      newVal = getReduceItem(checkedValue);
+    }
+
+    if (!isControlled) {
+      innerValue.current = newVal;
     }
 
-    setGroupValue(newVal);
     onChange && onChange(newVal);
-    ((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.onChange) && item.props.onChange(ev);
+  };
+
+  var context = {
+    groupValue: groupValue,
+    disabled: disabled,
+    name: name,
+    isControlled: isControlled,
+    checkboxType: checkboxType,
+    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked) {
+      onCheckboxChange(checkedValue, isChecked);
+    }
   };
 
   var renderByOptions = function renderByOptions() {
     return options.map(function (option, index) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_22__["default"], {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_checkbox__WEBPACK_IMPORTED_MODULE_12__["default"], {
         size: size,
-        disabled: getDisabled(option.disabled),
+        disabled: option.disabled,
         key: index,
         name: name,
-        defaultChecked: getChecked(option, defaultValue),
-        checked: getChecked(option, groupValue),
+        defaultChecked: option.defaultValue,
+        checked: option.checked,
         checkboxType: checkboxType,
         value: (option === null || option === void 0 ? void 0 : option.value) || option,
-        onChange: function onChange(e) {
-          return onCheckboxChange(e, option);
-        }
+        onChange: option.onChange
       }, option.label || option);
     });
   };
 
-  var renderChildren = function renderChildren() {
-    return react__WEBPACK_IMPORTED_MODULE_15___default.a.Children.map(children, function (item) {
-      var _item$props2, _item$props3;
-
-      var groupProps = {};
-      groupProps = {
-        name: name,
-        size: size,
-        onChange: function onChange(e) {
-          return onCheckboxChange(e, item);
-        },
-        checkboxType: checkboxType || ((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.checkboxType),
-        disabled: lodash_isBoolean__WEBPACK_IMPORTED_MODULE_23___default()(disabled) ? disabled : (_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.disabled,
-        checked: getChecked(item.props, groupValue),
-        defaultChecked: getChecked(item.props, defaultValue)
-      };
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.cloneElement(item, _objectSpread(_objectSpread({}, item.props), groupProps));
-    });
-  };
-
-  var renderCheckbox = function renderCheckbox() {
-    if (lodash_isArray__WEBPACK_IMPORTED_MODULE_21___default()(options)) {
-      return renderByOptions();
-    } else if (children) {
-      return renderChildren();
-    }
-  };
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.createElement("ul", {
-    className: classnames__WEBPACK_IMPORTED_MODULE_16___default()(checkboxGroupPrefixCls, className),
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement("ul", {
+    className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(checkboxGroupPrefixCls, className),
     style: style,
     ref: ref
-  }, renderCheckbox());
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(GroupContext.Provider, {
+    value: context
+  }, options && options.length > 0 ? renderByOptions() : children));
 });
-/* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.memo(CheckboxGroup));
+/* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.memo(CheckboxGroup));
 
 /***/ }),
 
@@ -7227,7 +7173,7 @@ var CheckboxGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_15___default.a.f
 /*!***************************************!*\
   !*** ./components/checkbox/index.tsx ***!
   \***************************************/
-/*! exports provided: CheckboxProps, CheckboxSizes, CheckboxTypes, CheckboxGroupProps, Group, default */
+/*! exports provided: CheckboxSizes, CheckboxTypes, CheckboxSize, CheckboxType, CheckboxValueType, CheckboxGroupProps, CheckboxProps, Group, default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -7236,14 +7182,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./group */ "./components/checkbox/group.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Group", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["default"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxProps", function() { return _checkbox__WEBPACK_IMPORTED_MODULE_0__["CheckboxProps"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxSizes", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxSizes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxTypes", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxTypes"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxSize", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxSize"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxSizes", function() { return _checkbox__WEBPACK_IMPORTED_MODULE_0__["CheckboxSizes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxType", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxType"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxTypes", function() { return _checkbox__WEBPACK_IMPORTED_MODULE_0__["CheckboxTypes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxValueType", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxValueType"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxGroupProps", function() { return _group__WEBPACK_IMPORTED_MODULE_1__["CheckboxGroupProps"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CheckboxProps", function() { return _checkbox__WEBPACK_IMPORTED_MODULE_0__["CheckboxProps"]; });
+
+