@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/cascader/util.js

@@ -10,37 +10,28 @@ import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/ins
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import { useEffect, useState, useMemo } from 'react';
 import cloneDeep from 'lodash/cloneDeep';
 export var useChecked = function useChecked(value, flattenData, keysData, isMultiple) {
   var initialCheckedState = useMemo(function () {
     return setNodeCheckedByValue(value, flattenData, keysData);
   }, [value, flattenData, keysData]);
-
   var _useState = useState(initialCheckedState.checkedKeys),
-      _useState2 = _slicedToArray(_useState, 2),
-      checkedKeys = _useState2[0],
-      setCheckedKeys = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedKeys = _useState2[0],
+    setCheckedKeys = _useState2[1];
   var _useState3 = useState(initialCheckedState.halfCheckedKeys),
-      _useState4 = _slicedToArray(_useState3, 2),
-      halfCheckedKeys = _useState4[0],
-      setHalfCheckedKeys = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    halfCheckedKeys = _useState4[0],
+    setHalfCheckedKeys = _useState4[1];
   useEffect(function () {
     setCheckedKeys(initialCheckedState.checkedKeys);
   }, [initialCheckedState.checkedKeys]);
@@ -54,24 +45,19 @@ export var flattenAll = function flattenAll(data) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var keysData = {};
   var formatData = cloneDeep(data);
-
   var fn = function fn(data) {
     var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     var newParent = cloneDeep(parent);
-
     if (newParent) {
       newParent.children = null;
     }
-
     data && data.forEach(function (item) {
       var _context, _context2;
-
       var children = item.children,
-          label = item.label,
-          value = item.value,
-          others = __rest(item, ["children", "label", "value"]);
-
+        label = item.label,
+        value = item.value,
+        others = __rest(item, ["children", "label", "value"]);
       var flattenNode = _extends({
         label: label,
         value: value,
@@ -81,7 +67,6 @@ export var flattenAll = function flattenAll(data) {
         pathKeys: _concatInstanceProperty(_context = []).call(_context, _toConsumableArray((parent === null || parent === void 0 ? void 0 : parent.pathKeys) || []), [value]),
         _level: parent ? parent._level + 1 : 0
       }, others);
-
       item.parent = newParent;
       item.parentKey = (parent === null || parent === void 0 ? void 0 : parent.value) || null;
       item.pathKeys = _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray((parent === null || parent === void 0 ? void 0 : parent.pathKeys) || []), [value]);
@@ -92,7 +77,6 @@ export var flattenAll = function flattenAll(data) {
     });
     return newTreeData;
   };
-
   var flattenData = fn(formatData, newTreeData);
   return {
     formatData: formatData,
@@ -110,48 +94,38 @@ export var isHalfChecked = function isHalfChecked(data) {
 export var ValueSeparator = '__kdm_cascader__';
 export var transformValuesToSet = function transformValuesToSet(values) {
   var _values = values || [];
-
   var valuesSet = _values.reduce(function (set, next) {
     var _context3;
-
     set.add(_concatInstanceProperty(_context3 = []).call(_context3, next).join(ValueSeparator));
     return set;
   }, new _Set());
-
   return valuesSet;
 };
 export var valueInSet = function valueInSet(set, value) {
   var _value = value || [];
-
   return set.has(_value.join(ValueSeparator));
 };
 export function getChildNodeKeys(node, keysNodeProps) {
   var nodes = new _Set();
-
   var loop = function loop(children) {
     _mapInstanceProperty(children).call(children, function (child) {
       var key = child.value;
       if (!key) return;
       var item = keysNodeProps[key];
-
       if (!item || item.disabled) {
         return;
       }
-
       key && nodes.add(key);
       loop(item.children || []);
     });
   };
-
   if (node) {
     loop(node.children || []);
   }
-
   return nodes;
 }
 export var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, flatNodes, keysNodeProps) {
   var _context4, _context5;
-
   var valuesSet = transformValuesToSet(initValues);
   var checkedSet = new _Set();
   var halfCheckedSet = new _Set();
@@ -163,7 +137,6 @@ export var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, fl
       checkedSet.add(node.value);
     }
   });
-
   _mapInstanceProperty(_context4 = _toConsumableArray(checkedSet)).call(_context4, function (value) {
     if (!childCheckedKeysSet.has(value)) {
       var childKeys = getChildNodeKeys(keysNodeProps[value], keysNodeProps);
@@ -171,36 +144,28 @@ export var setNodeCheckedByValue = function setNodeCheckedByValue(initValues, fl
         childCheckedKeysSet.add(v);
       });
     }
-
     updateParent(value, keysNodeProps, checkedSet, halfCheckedSet);
   });
-
   return {
     checkedKeys: _toConsumableArray(new _Set(_concatInstanceProperty(_context5 = []).call(_context5, _toConsumableArray(checkedSet), _toConsumableArray(childCheckedKeysSet)))),
     halfCheckedKeys: _toConsumableArray(halfCheckedSet)
   };
 };
-
 var updateParent = function updateParent(key, keysNodeProps, allKeys, halfCheckedKeysSet) {
   var pathKeys = _toConsumableArray(keysNodeProps[key].pathKeys);
-
   pathKeys.pop();
   pathKeys.reverse().forEach(function (itemKey) {
     var parent = keysNodeProps[itemKey];
-
     if (parent && !parent.disabled) {
       var total = 0;
       var number = 0;
       parent.children.some(function (_ref) {
         var value = _ref.value;
         var item = keysNodeProps[value];
-
         if (!item || item.disabled) {
           return false;
         }
-
         total++;
-
         if (allKeys.has(value)) {
           number++;
         } else if (halfCheckedKeysSet.has(value)) {
@@ -208,13 +173,11 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
           return true;
         }
       });
-
       if (!number || number === total) {
         halfCheckedKeysSet.delete(itemKey);
       } else {
         halfCheckedKeysSet.add(itemKey);
       }
-
       if (number && number === total) {
         allKeys.add(itemKey);
       } else {
@@ -223,30 +186,25 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
     }
   });
 };
-
 export var getHalfChecked = function getHalfChecked(halfCheckedKeys, key) {
   return halfCheckedKeys === null || halfCheckedKeys === void 0 ? void 0 : _includesInstanceProperty(halfCheckedKeys).call(halfCheckedKeys, key);
 };
 export var getChecked = function getChecked(checkedKeys, key) {
   return checkedKeys === null || checkedKeys === void 0 ? void 0 : _includesInstanceProperty(checkedKeys).call(checkedKeys, key);
 };
-
 var getCheckedNodes = function getCheckedNodes(flatNodes, checkedKeys) {
   return _filterInstanceProperty(flatNodes).call(flatNodes, function (node) {
     return checkedKeys === null || checkedKeys === void 0 ? void 0 : _includesInstanceProperty(checkedKeys).call(checkedKeys, node.value);
   });
 };
-
 export var addKeys = function addKeys() {
   var _context6;
-
   var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   return _Array$from(new _Set(_concatInstanceProperty(_context6 = []).call(_context6, _toConsumableArray(prevKeys), _toConsumableArray(newKeys))));
 };
 export var delKey = function delKey(prevKeys, delKeys) {
   var keys = _extends([], prevKeys);
-
   delKeys.forEach(function (item) {
     var index = keys.indexOf(item);
     index > -1 && _spliceInstanceProperty(keys).call(keys, index, 1);
@@ -255,15 +213,12 @@ export var delKey = function delKey(prevKeys, delKeys) {
 };
 export var getMultipleCheckValue = function getMultipleCheckValue(_propsValue, _option, _checked, flatNodes, checkedKeys) {
   var _context7;
-
   var checkedNodes = getCheckedNodes(flatNodes, checkedKeys);
-
   var currentValue = _filterInstanceProperty(_context7 = _mapInstanceProperty(checkedNodes).call(checkedNodes, function (node) {
     return !node.children && node.pathKeys;
   })).call(_context7, function (node) {
     return node;
   });
-
   return currentValue;
 };
 export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, halfCheckedKeys) {
@@ -273,12 +228,10 @@ export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, half
       halfCheckedKeys: halfCheckedKeys
     };
   }
-
   var checkedKeysSet = new _Set(checkedKeys);
   var halfCheckedKeysSet = new _Set(halfCheckedKeys);
   var childKeys = getChildNodeKeys(keysNodeProps[key], keysNodeProps);
   var allKeys = checkedKeysSet;
-
   if (checked) {
     allKeys.add(key);
     halfCheckedKeysSet.delete(key);
@@ -292,7 +245,6 @@ export function getAllCheckedKeys(key, checked, checkedKeys, keysNodeProps, half
       allKeys.delete(v);
     });
   }
-
   updateParent(key, keysNodeProps, checkedKeysSet, halfCheckedKeysSet);
   return {
     checkedKeys: _toConsumableArray(allKeys),

package/es/checkbox/checkbox.js

@@ -3,20 +3,14 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useCallback, useContext, useEffect, useState, useRef } from 'react';
 import classNames from 'classnames';
 import { GroupContext, CheckboxTypes, CheckboxSizes } from './group';
@@ -25,43 +19,36 @@ import { getCompProps } from '../_utils';
 import isBoolean from 'lodash/isBoolean';
 import Icon from '../icon';
 import devWarning from '../_utils/devwarning';
-
 var InternalCheckbox = function InternalCheckbox(props, ref) {
   var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _classNames2, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var CheckboxProps = getCompProps('Checkbox', userDefaultProps, props);
-
   var checkboxType = CheckboxProps.checkboxType,
-      className = CheckboxProps.className,
-      customPrefixcls = CheckboxProps.prefixCls,
-      defaultChecked = CheckboxProps.defaultChecked,
-      checked = CheckboxProps.checked,
-      size = CheckboxProps.size,
-      onChange = CheckboxProps.onChange,
-      disabled = CheckboxProps.disabled,
-      children = CheckboxProps.children,
-      style = CheckboxProps.style,
-      value = CheckboxProps.value,
-      indeterminate = CheckboxProps.indeterminate,
-      name = CheckboxProps.name,
-      rest = __rest(CheckboxProps, ["checkboxType", "className", "prefixCls", "defaultChecked", "checked", "size", "onChange", "disabled", "children", "style", "value", "indeterminate", "name"]);
-
+    className = CheckboxProps.className,
+    customPrefixcls = CheckboxProps.prefixCls,
+    defaultChecked = CheckboxProps.defaultChecked,
+    checked = CheckboxProps.checked,
+    size = CheckboxProps.size,
+    onChange = CheckboxProps.onChange,
+    disabled = CheckboxProps.disabled,
+    children = CheckboxProps.children,
+    style = CheckboxProps.style,
+    value = CheckboxProps.value,
+    indeterminate = CheckboxProps.indeterminate,
+    name = CheckboxProps.name,
+    rest = __rest(CheckboxProps, ["checkboxType", "className", "prefixCls", "defaultChecked", "checked", "size", "onChange", "disabled", "children", "style", "value", "indeterminate", "name"]);
   var checkboxGroup = React.useContext(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 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : isBoolean(checked) ? checked : defaultChecked;
-
   var _useState = useState(initChecked),
-      _useState2 = _slicedToArray(_useState, 2),
-      selected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
   var labelRef = useRef(null);
   React.useEffect(function () {
     setSelected((checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : isBoolean(checked) ? checked : defaultChecked);
@@ -69,15 +56,12 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   devWarning(CheckboxTypes.indexOf(mergedCheckboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(mergedCheckboxType, "'"));
   devWarning(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
-
   var isDefaultType = function isDefaultType() {
     return mergedCheckboxType === 'default';
   };
-
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-
   var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, size), true && !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames, "checked", selected), _classNames));
   var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
@@ -88,7 +72,6 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var handleChange = useCallback(function (e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
-
     if (!(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.isControlled)) {
       setSelected(e.target.checked);
     }
@@ -98,27 +81,21 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   }, [checked, selected]);
   useEffect(function () {
     var _a;
-
     var handleRepeatClick = function handleRepeatClick(e) {
       var element = e.target;
-
       if (element.tagName !== 'INPUT') {
         e.stopPropagation();
       }
     };
-
     (_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleRepeatClick);
     return function () {
-      var _a; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+      var _a;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       (_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleRepeatClick);
     };
   }, []);
-
   var getDefaultCheckbox = function getDefaultCheckbox() {
     var _context19, _context20;
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
@@ -154,10 +131,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       }))))
     );
   };
-
   return getDefaultCheckbox();
 };
-
 var Checkbox = /*#__PURE__*/React.forwardRef(InternalCheckbox);
 Checkbox.displayName = 'Checkbox';
 export default Checkbox;

package/es/checkbox/group.js

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useContext } from 'react'; // import { Icon } from '../index'
-
+import React, { useContext } from 'react';
+// import { Icon } from '../index'
 import classnames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
@@ -17,31 +17,27 @@ export var GroupContext = /*#__PURE__*/React.createContext(null);
 var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // const CheckboxGroup = (props: CheckboxGroupProps): FunctionComponentElement<CheckboxGroupProps> => {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var CheckboxProps = getCompProps('Checkbox', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
-
   var checkboxType = CheckboxProps.checkboxType,
-      className = CheckboxProps.className,
-      style = CheckboxProps.style,
-      customPrefixcls = CheckboxProps.prefixCls,
-      options = CheckboxProps.options,
-      size = CheckboxProps.size,
-      onChange = CheckboxProps.onChange,
-      disabled = CheckboxProps.disabled,
-      children = CheckboxProps.children,
-      defaultValue = CheckboxProps.defaultValue,
-      value = CheckboxProps.value,
-      name = CheckboxProps.name;
+    className = CheckboxProps.className,
+    style = CheckboxProps.style,
+    customPrefixcls = CheckboxProps.prefixCls,
+    options = CheckboxProps.options,
+    size = CheckboxProps.size,
+    onChange = CheckboxProps.onChange,
+    disabled = CheckboxProps.disabled,
+    children = CheckboxProps.children,
+    defaultValue = CheckboxProps.defaultValue,
+    value = CheckboxProps.value,
+    name = CheckboxProps.name;
   var initData = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
-
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      groupValue = _React$useState2[0],
-      setGroupValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    groupValue = _React$useState2[0],
+    setGroupValue = _React$useState2[1];
   var innerValue = React.useRef(initData);
   React.useEffect(function () {
     innerValue.current = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
@@ -49,39 +45,29 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [value, defaultValue]);
   var isControlled = typeof value !== 'undefined';
   var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls); // 按钮样式前缀
-
   devWarning(isArrayValueRepeat(groupValue), 'checkboxGroup', "variable value's value should be unique ");
-
   var getReduceItem = function getReduceItem(targetValue) {
     var _context;
-
     return _filterInstanceProperty(_context = innerValue.current).call(_context, function (d) {
       return d !== targetValue;
     });
   };
-
   var getAddItem = function getAddItem(targetValue) {
     var _context2;
-
     return innerValue.current.indexOf(targetValue) > -1 ? innerValue.current : _concatInstanceProperty(_context2 = innerValue.current).call(_context2, targetValue);
   };
-
   var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked, e) {
     var newVal = [];
-
     if (isChecked) {
       newVal = getAddItem(checkedValue);
     } else {
       newVal = getReduceItem(checkedValue);
     }
-
     if (!isControlled) {
       innerValue.current = newVal;
     }
-
     onChange && onChange(newVal, e);
   };
-
   var context = {
     groupValue: groupValue,
     disabled: disabled,
@@ -92,7 +78,6 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onCheckboxChange(checkedValue, isChecked, e);
     }
   };
-
   var renderByOptions = function renderByOptions() {
     return _mapInstanceProperty(options).call(options, function (option, index) {
       return /*#__PURE__*/React.createElement(Checkbox, {
@@ -108,7 +93,6 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, option.label || option);
     });
   };
-
   return /*#__PURE__*/React.createElement("ul", {
     className: classnames(checkboxGroupPrefixCls, className),
     style: style,

package/es/checkbox/style/index.css

@@ -307,6 +307,8 @@
           box-sizing: border-box;
   -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
   transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s));
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
 }
 .kd-checkbox-default-wrapper:not(.kd-checkbox-default-wrapper-disabled)::after {
   content: '';

package/es/checkbox/style/index.less

@@ -176,6 +176,7 @@
     border-radius: @checkbox-default-input-border-radius;
     box-sizing: border-box;
     transition: color @checkbox-transition-duration, border-color @checkbox-transition-duration;
+    flex-shrink: 0;
     &:not(&-disabled)::after {
       content: '';
       position: absolute;

package/es/city-picker/city-group.js

@@ -3,37 +3,30 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
-
 var CityGroup = function CityGroup(props) {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var groups = props.groups,
-      _props$activedIndex = props.activedIndex,
-      current = _props$activedIndex === void 0 ? 0 : _props$activedIndex,
-      changeIndex = props.changeIndex;
+    _props$activedIndex = props.activedIndex,
+    current = _props$activedIndex === void 0 ? 0 : _props$activedIndex,
+    changeIndex = props.changeIndex;
   var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
   var containerCls = classNames("".concat(cityPickerPrefixCls, "-group-container"));
-
   var handleClick = function handleClick(groupIndex) {
     changeIndex && changeIndex(groupIndex);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: containerCls
   }, _mapInstanceProperty(groups).call(groups, function (item, index) {
     var _context;
-
     var itemCls = classNames("".concat(cityPickerPrefixCls, "-group-item"), {
       active: current === index,
       last: index === groups.length - 1
     });
-
     var handleTitleClick = function handleTitleClick() {
       handleClick(index);
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: itemCls,
       title: item,
@@ -42,5 +35,4 @@ var CityGroup = function CityGroup(props) {
     }, item);
   }));
 };
-
 export default CityGroup;

package/es/city-picker/city-list.js

@@ -4,15 +4,13 @@ import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import CityPanelItem from './city-panel-item';
 import NoData from './no-data';
-
 var CityList = function CityList(props) {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var groupKeys = props.groupKeys,
-      cityList = props.cityList,
-      handleSelect = props.onSelect;
+    cityList = props.cityList,
+    handleSelect = props.onSelect;
   var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
   var tableCls = classNames("".concat(cityPickerPrefixCls, "-city-table"));
   var tableGroupCls = classNames("".concat(cityPickerPrefixCls, "-city-table-group"));
@@ -21,13 +19,11 @@ var CityList = function CityList(props) {
   var hasData = cityList && cityList.some(function (citys) {
     return citys.length > 0;
   });
-
   if (!hasData) {
     return /*#__PURE__*/React.createElement("div", {
       className: tableCls
     }, /*#__PURE__*/React.createElement(NoData, null));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: tableCls
   }, groupKeys && groupKeys.length > 0 && _mapInstanceProperty(groupKeys).call(groupKeys, function (key, index) {
@@ -56,5 +52,4 @@ var CityList = function CityList(props) {
     });
   }));
 };
-
 export default CityList;

package/es/city-picker/city-panel-item.js

@@ -1,21 +1,17 @@
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
-
 var CityPanelItem = function CityPanelItem(props) {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var city = props.city,
-      onSelect = props.onSelect;
+    onSelect = props.onSelect;
   var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
   var cls = classNames("".concat(cityPickerPrefixCls, "-city-table-cell"));
-
   var handleCitySelect = function handleCitySelect() {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls,
     key: city.id,
@@ -23,5 +19,4 @@ var CityPanelItem = function CityPanelItem(props) {
     onClick: handleCitySelect
   }, city.name);
 };
-
 export default CityPanelItem;