@kdcloudjs/kdesign 1.7.14 → 1.7.16

package/es/upload/style/index.css

@@ -217,6 +217,10 @@
 .kd-upload .kd-upload-text-list-item-icon > i {
   font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
 }
+.kd-upload .kd-upload-text-list-item-name,
+.kd-upload .kd-upload-text-list-item-icon {
+  cursor: pointer;
+}
 .kd-upload .kd-upload-text-list-item-name {
   display: inline-block;
   margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);

package/es/upload/style/index.less

@@ -94,6 +94,10 @@
         font-size: @upload-font-size;
       }
 
+      &-name,&-icon {
+        cursor: pointer;
+      }
+
       &-name {
         display: inline-block;
         margin: 0 @upload-text-list-item-name-padding-right 0 @upload-text-list-item-name-padding-left;

package/es/upload/upload.js

@@ -92,7 +92,8 @@ var InternalUpload = function InternalUpload(props, ref) {
     className = allProps.className,
     itemRender = allProps.itemRender,
     showUploadList = allProps.showUploadList,
-    customPrefixcls = allProps.prefixCls;
+    customPrefixcls = allProps.prefixCls,
+    onPreview = allProps.onPreview;
   var _React$useState = React.useState(props.fileList || props.defaultFileList || []),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fileList = _React$useState2[0],
@@ -399,7 +400,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     })), file, setFileList) : /*#__PURE__*/React.createElement(Item, _extends({
       key: file.uid
     }, {
@@ -408,7 +410,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       listType: listType,
       handleReUpload: handleReUpload,
       handleRemove: handleRemove,
-      disabled: disabled
+      disabled: disabled,
+      onPreview: onPreview
     }));
   })));
 };
@@ -419,7 +422,8 @@ var Item = function Item(_ref3) {
     listType = _ref3.listType,
     handleReUpload = _ref3.handleReUpload,
     handleRemove = _ref3.handleRemove,
-    disabled = _ref3.disabled;
+    disabled = _ref3.disabled,
+    onPreview = _ref3.onPreview;
   var mapStatus = {
     uploading: 'loadding',
     error: 'warning-solid',
@@ -427,18 +431,23 @@ var Item = function Item(_ref3) {
     success: 'attachment',
     notStart: 'attachment'
   };
+  var handlePreview = function handlePreview() {
+    onPreview && onPreview(file);
+  };
   return /*#__PURE__*/React.createElement("li", {
     className: classNames(_concatInstanceProperty(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
       error: file.status === 'error'
     })
   }, listType === 'text' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: _concatInstanceProperty(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon")
+    className: _concatInstanceProperty(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon"),
+    onClick: handlePreview
   }, /*#__PURE__*/React.createElement(Icon, {
     spin: file.status === 'uploading',
     type: mapStatus[file.status]
   })), /*#__PURE__*/React.createElement("span", {
     className: _concatInstanceProperty(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
-    title: file.name
+    title: file.name,
+    onClick: handlePreview
   }, file.name), /*#__PURE__*/React.createElement("span", {
     className: _concatInstanceProperty(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
   }, "(", getFileSize(file.size), ")"), /*#__PURE__*/React.createElement("div", {
@@ -477,6 +486,7 @@ var Item = function Item(_ref3) {
     className: _concatInstanceProperty(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
   }, "\u5220\u9664"))) : /*#__PURE__*/React.createElement(Image, {
+    onClick: handlePreview,
     previewType: "upload",
     name: file.name,
     size: getFileSize(file.size),

package/lib/alert/alert.d.ts

@@ -12,6 +12,7 @@ export interface IAlertProps {
     closeNode?: ReactNode;
     delayOffTime?: number;
     className?: string;
+    style?: Record<string, unknown>;
     prefixCls?: string;
     onClose?: () => void;
     extra?: ReactNode;

package/lib/alert/alert.js

@@ -11,6 +11,7 @@ exports.default = exports.allBannerAlertPortals = exports.AlertTypes = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
@@ -27,6 +28,14 @@ var _hooks = require("../_utils/hooks");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 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); }
 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; }
+var __rest = void 0 && (void 0).__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];
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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;
+};
 var AlertTypes = (0, _type.tuple)('success', 'info', 'warning', 'error');
 exports.AlertTypes = AlertTypes;
 var IconTypes = (0, _type.tuple)('right-solid', 'notice', 'warning-solid', 'warning-solid');
@@ -71,6 +80,7 @@ var Alert = function Alert(props) {
     showIcon = alertProps.showIcon,
     icon = alertProps.icon,
     className = alertProps.className,
+    style = alertProps.style,
     customPrefixcls = alertProps.prefixCls,
     closable = alertProps.closable,
     closeNode = alertProps.closeNode,
@@ -78,7 +88,8 @@ var Alert = function Alert(props) {
     onClose = alertProps.onClose,
     extra = alertProps.extra,
     banner = alertProps.banner,
-    bannerOffset = alertProps.bannerOffset;
+    bannerOffset = alertProps.bannerOffset,
+    othersProps = __rest(alertProps, ["type", "message", "showIcon", "icon", "className", "style", "prefixCls", "closable", "closeNode", "delayOffTime", "onClose", "extra", "banner", "bannerOffset"]);
   (0, _devwarning.default)(AlertTypes.indexOf(type) === -1, 'alert', "cannot found alert type '".concat(type, "'"));
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -173,8 +184,9 @@ var Alert = function Alert(props) {
   var AlertComp = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(alertClasses, getAlertColorType('bg'), getAlertColorType('border'))
   }, events, {
-    ref: alertRef
-  }), showIcon && iconNode, /*#__PURE__*/_react.default.createElement("div", {
+    ref: alertRef,
+    style: style
+  }, othersProps), showIcon && iconNode, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(alertPrefixCls, "-message"), true), (0, _defineProperty2.default)(_classNames2, "".concat(alertPrefixCls, "-without-icon-message"), !showIcon), _classNames2))
   }, message), extra, closable && type !== 'success' && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(alertPrefixCls, "-close-icon"),

package/lib/button/group.d.ts

@@ -19,6 +19,7 @@ export interface ButtonGroupProps extends PopperProps {
     type?: ButtonGroupType;
     onClick?: () => void;
     onItemClick?: (data: OverlayType) => void;
+    loading?: boolean;
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonGroup;

package/lib/button/group.js

@@ -44,7 +44,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     size = buttonGoupProps.size,
     buttonType = buttonGoupProps.buttonType,
     disabled = buttonGoupProps.disabled,
-    onVisibleChange = buttonGoupProps.onVisibleChange;
+    onVisibleChange = buttonGoupProps.onVisibleChange,
+    loading = buttonGoupProps.loading;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     optionShow = _useState2[0],
@@ -72,14 +73,16 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
     }, isBsicType && /*#__PURE__*/_react.default.createElement(_index.Button, {
       type: buttonType,
       size: size,
-      disabled: disabled
+      disabled: disabled,
+      loading: loading
     }, children, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(btnGroupPrefixCls, "-basic-icon")
     }, optionShow ? iconUp : iconDown)), !isBsicType && /*#__PURE__*/_react.default.createElement(_index.Button, {
       type: buttonType,
       size: size,
       disabled: disabled,
-      onClick: onClick
+      onClick: onClick,
+      loading: loading
     }, children), !isBsicType && /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(btnGroupPrefixCls, "-trigger"),
       ref: triggerRef

package/lib/card/card.d.ts

@@ -20,6 +20,7 @@ export interface CardProps {
     bodyStyle?: React.CSSProperties;
     actions?: Array<React.ReactNode>;
     extra?: Array<React.ReactNode>;
+    ref?: React.ForwardedRef<HTMLDivElement>;
 }
 declare const Card: React.FC<CardProps>;
 export default Card;

package/lib/card/card.js

@@ -16,7 +16,7 @@ var _utils = require("../_utils");
 var _configProvider = require("../config-provider");
 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); }
 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; }
-var Card = function Card(props) {
+var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
@@ -43,6 +43,7 @@ var Card = function Card(props) {
     hoverable: hoverable
   }, className);
   return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
     className: cardClassName,
     style: style
   }, title && !avatar && /*#__PURE__*/React.createElement("header", {
@@ -70,7 +71,7 @@ var Card = function Card(props) {
   }, actions), extra && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-extra")
   }, extra));
-};
+});
 Card.displayName = 'Card';
 var _default = Card;
 exports.default = _default;

package/lib/cascader/cascader.d.ts

@@ -39,6 +39,8 @@ export interface CascaderProps extends PopperProps {
     changeOnSelect?: boolean;
     notFoundContent?: string;
     value?: CascaderValueType;
+    maxTagCount?: number;
+    maxTagPlaceholder?: React.ReactNode | ((omittedValues: number) => string);
     children?: React.ReactNode;
     mode?: 'single' | 'multiple';
     style?: React.CSSProperties;

package/lib/cascader/cascader.js

@@ -8,15 +8,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CascaderPlacement = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
 var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _type = require("../_utils/type");
@@ -31,6 +32,14 @@ var _tag = _interopRequireDefault(require("../tag"));
 var _util = require("./util");
 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); }
 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; }
+var __rest = void 0 && (void 0).__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];
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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;
+};
 var CascaderPlacement = (0, _type.tuple)('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
 exports.CascaderPlacement = CascaderPlacement;
 var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -62,7 +71,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     defaultPopupVisible = allProps.defaultPopupVisible,
     onPopupVisibleChange = allProps.onPopupVisibleChange,
     onPopperVisibleChange = allProps.onPopperVisibleChange,
-    customPrefixcls = allProps.prefixCls;
+    customPrefixcls = allProps.prefixCls,
+    otherProps = __rest(allProps
+    // className前缀
+    , ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls"]);
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
   var pickerRef = _react.default.useRef();
@@ -271,11 +283,11 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       margin: '2px 8px 2px 0',
       maxWidth: '100%'
     };
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: multipleCls,
       ref: triggerRef,
       style: style
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, otherProps), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-multiple-wrapper"),
       ref: wrapperRef
     }, Array.isArray(currentOptions) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(currentOptions).call(currentOptions, function (option, index) {
@@ -303,7 +315,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var renderSingle = function renderSingle() {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, locatorProps, {
       ref: mergeRef
-    }), _react.default.Children.count(children) === 1 && children.type ? /*#__PURE__*/_react.default.cloneElement(children, {
+    }, otherProps), _react.default.Children.count(children) === 1 && children.type ? /*#__PURE__*/_react.default.cloneElement(children, {
       ref: triggerRef
     }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       ref: triggerRef

package/lib/checkbox/checkbox.js

@@ -32,7 +32,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 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 _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _classNames4, _context16, _context17, _context18, _classNames5, _context19;
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -56,6 +56,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   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 mergedSize = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.size) || size;
   var initChecked = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : (0, _isBoolean.default)(checked) ? checked : defaultChecked;
   var _useState = (0, _react.useState)(initChecked),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -66,7 +67,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     setSelected((checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : (0, _isBoolean.default)(checked) ? checked : defaultChecked);
   }, [checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue, checked, defaultChecked]);
   (0, _devwarning.default)(_group.CheckboxTypes.indexOf(mergedCheckboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(mergedCheckboxType, "'"));
-  (0, _devwarning.default)(_group.CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
+  (0, _devwarning.default)(_group.CheckboxSizes.indexOf(mergedSize) === -1, 'checkbox', "cannot found size type '".concat(mergedSize, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
   var isDefaultType = function isDefaultType() {
     return mergedCheckboxType === 'default';
@@ -74,13 +75,13 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-  var getDefaultClassName = (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(checkboxPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(checkboxPrefixCls, "-")).call(_context, size), true && !!children), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), (0, _defineProperty2.default)(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = (0, _classnames.default)(className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(checkboxPrefixCls), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedCheckboxType, "-disabled"), mergedDisabled), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-checked"), selected && !mergedDisabled), (0, _defineProperty2.default)(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(checkboxPrefixCls), true), (0, _defineProperty2.default)(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), true && !!children), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), (0, _defineProperty2.default)(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = (0, _classnames.default)(className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(checkboxPrefixCls), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), true && !!children), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), (0, _defineProperty2.default)(_classNames2, (0, _concat.default)(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), (0, _defineProperty2.default)(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-no-child"), !children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, (0, _concat.default)(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), (0, _defineProperty2.default)(_classNames4, (0, _concat.default)(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), (0, _defineProperty2.default)(_classNames5, (0, _concat.default)(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = (0, _classnames.default)((0, _defineProperty2.default)({}, (0, _concat.default)(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
   var handleChange = (0, _react.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));
@@ -107,7 +108,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context19, _context20;
+    var _context20, _context21;
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
@@ -121,7 +122,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
-        className: (0, _concat.default)(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
+        className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       })), /*#__PURE__*/_react.default.createElement("input", {
         type: "checkbox",
         className: inputClassName,
@@ -139,7 +140,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/_react.default.createElement(_icon.default, {
         type: "right-bold",
-        className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+        className: (0, _concat.default)(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
       }))))
     );
   };

package/lib/checkbox/group.d.ts

@@ -7,6 +7,7 @@ export declare type CheckboxValueType = string | number;
 export interface CheckboxGroupContext {
     name?: string;
     isControlled?: boolean;
+    size?: CheckboxSize;
     groupValue?: Array<CheckboxValueType>;
     checkboxType?: CheckboxType;
     disabled?: boolean;
@@ -19,7 +20,7 @@ export interface CheckboxGroupProps {
     value?: Array<CheckboxValueType>;
     checkboxType?: CheckboxType;
     disabled?: boolean;
-    defaultValue?: string[] | string;
+    defaultValue?: Array<CheckboxValueType>;
     options?: string[] | Array<{
         label?: string;
         value: string;

package/lib/checkbox/group.js

@@ -8,10 +8,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GroupContext = exports.CheckboxTypes = exports.CheckboxSizes = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
@@ -22,8 +24,14 @@ var _checkbox = _interopRequireDefault(require("./checkbox"));
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 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); }
 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; }
-// import { Icon } from '../index'
-
+var __rest = void 0 && (void 0).__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];
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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;
+};
 var CheckboxTypes = (0, _type.tuple)('default', 'square');
 exports.CheckboxTypes = CheckboxTypes;
 var CheckboxSizes = (0, _type.tuple)('large', 'middle', 'small');
@@ -31,7 +39,6 @@ exports.CheckboxSizes = CheckboxSizes;
 var GroupContext = /*#__PURE__*/_react.default.createContext(null);
 exports.GroupContext = GroupContext;
 var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  // const CheckboxGroup = (props: CheckboxGroupProps): FunctionComponentElement<CheckboxGroupProps> => {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -48,7 +55,8 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     children = CheckboxProps.children,
     defaultValue = CheckboxProps.defaultValue,
     value = CheckboxProps.value,
-    name = CheckboxProps.name;
+    name = CheckboxProps.name,
+    rest = __rest(CheckboxProps, ["checkboxType", "className", "style", "prefixCls", "options", "size", "onChange", "disabled", "children", "defaultValue", "value", "name"]);
   var initData = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
   var _React$useState = _react.default.useState([]),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
@@ -88,6 +96,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     groupValue: groupValue,
     disabled: disabled,
     name: name,
+    size: size,
     isControlled: isControlled,
     checkboxType: checkboxType,
     onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked, e) {
@@ -109,13 +118,14 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       }, option.label || option);
     });
   };
-  return /*#__PURE__*/_react.default.createElement("ul", {
+  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
     className: (0, _classnames.default)(checkboxGroupPrefixCls, className),
     style: style,
     ref: ref
-  }, /*#__PURE__*/_react.default.createElement(GroupContext.Provider, {
+  }, rest), /*#__PURE__*/_react.default.createElement(GroupContext.Provider, {
     value: context
   }, options && options.length > 0 ? renderByOptions() : children));
 });
+CheckboxGroup.displayName = 'CheckboxGroup';
 var _default = /*#__PURE__*/_react.default.memo(CheckboxGroup);
 exports.default = _default;

package/lib/city-picker/city-picker.js

@@ -151,6 +151,7 @@ var CityPicker = function CityPicker(_ref) {
     visible: popperVisible,
     placement: 'bottomLeft',
     trigger: 'focus',
+    prefixCls: "".concat(cityPickerPrefixCls, "-panel"),
     onVisibleChange: handlePopperVisibleChange
   };
   var panel = inputVal.length > 0 ? searchPanel : cityPanel;

package/lib/city-picker/style/index.css

@@ -163,6 +163,12 @@
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
+.kd-city-picker-panel.hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+}
 .kd-city-picker-panel-container {
   width: var(--kd-c-city-picker-panel-sizing-width, 460px);
   height: var(--kd-c-city-picker-panel-sizing-height, 373px);

package/lib/city-picker/style/index.less

@@ -53,6 +53,14 @@
   }
 }
 
+.@{city-picker-prefix-cls}-panel {
+  &.hidden {
+    opacity: 0;
+    visibility: hidden;
+    transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  }
+}
+
 .@{city-picker-prefix-cls}-panel-container {
   width: @city-picker-panel-sizing-width;
   height: @city-picker-panel-sizing-height;

package/lib/color-picker/color-picker-panel.js

@@ -156,7 +156,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
           }
         }
       }
-      (0, _devwarning.default)(!inputValType, 'color-picker', "'themeColor' must be hexadecimal, RGB, HSB, HSL or color English name");
+      (0, _devwarning.default)(!inputValType, 'color-picker', "'themeColor' must be hexadecimal, RGB, HSB, HSL or English color name");
     }
     if (switchValue) {
       onChange && onChange(functionalColorName, formatArr);
@@ -179,7 +179,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     var isTrueFormat = colorArr.every(function (hexColor) {
       return ['HEX', 'HSB', 'RGB', 'HSL', 'colorName'].indexOf((0, _validateColor.validateColor)(hexColor)) !== -1;
     });
-    (0, _devwarning.default)(!isTrueFormat, 'color-picker', "'presetColor' must be Array of the HEX string type");
+    (0, _devwarning.default)(!isTrueFormat, 'color-picker', "'presetColor' must be an array of hexadecimal, RGB, HSB, HSL or English color name string type");
     return isTrueFormat;
   };
   (0, _useOnClickOutside.default)([panelClsRef, inputRef], function () {
@@ -206,7 +206,6 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     value: correctColorValue,
     placeholder: "#",
     onChange: handleTypeChange,
-    showSearch: true,
     optionLabelProp: "value",
     getPopupContainer: function getPopupContainer() {
       return panelInputRef.current;

package/lib/config-provider/compDefaultProps.d.ts

@@ -442,6 +442,7 @@ declare const compDefaultProps: {
         optionLabelProp: string;
         treeNodeFilterProp: string;
         treeExpandOnClickNode: boolean;
+        onlyExpandOnClickIcon: boolean;
         showSearch: boolean;
         switcherIcon: () => JSX.Element;
         expandOnClickNode: boolean;

package/lib/config-provider/compDefaultProps.js

@@ -467,6 +467,7 @@ var compDefaultProps = {
     optionLabelProp: 'title',
     treeNodeFilterProp: 'title',
     treeExpandOnClickNode: true,
+    onlyExpandOnClickIcon: true,
     showSearch: true,
     switcherIcon: function switcherIcon() {
       return /*#__PURE__*/React.createElement(_index.Icon, {

package/lib/dropdown/dropdown.d.ts

@@ -14,6 +14,8 @@ export interface DropDownProps extends PopperProps {
     defaultKey?: string;
     selectedKey?: string;
     selectable?: boolean;
+    className?: string;
+    style?: Record<string, unknown>;
     children?: React.ReactNode;
     onItemClick?: (key: string) => void;
     menu: React.ReactElement | Array<MenuItem>;

package/lib/form/Field.d.ts

@@ -18,5 +18,9 @@ export interface FormItemProps {
     wrapperWidth?: string | number;
     valuePropName?: string;
 }
+export declare const INNER_VALUE_PROPS_LIST: {
+    name: string;
+    propName: string;
+}[];
 declare const Field: React.FC<FormItemProps>;
 export default Field;