@kdcloudjs/kdesign 1.7.14 → 1.7.15

package/es/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/es/alert/alert.js

@@ -1,11 +1,20 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 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 _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 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];
+  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, { useContext, useEffect, useState, useRef, useCallback } from 'react';
 import { Icon } from '../index';
 import ReactDOM from 'react-dom';
@@ -57,6 +66,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,
@@ -64,7 +74,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"]);
   devWarning(AlertTypes.indexOf(type) === -1, 'alert', "cannot found alert type '".concat(type, "'"));
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -159,8 +170,9 @@ var Alert = function Alert(props) {
   var AlertComp = /*#__PURE__*/React.createElement("div", _extends({
     className: classNames(alertClasses, getAlertColorType('bg'), getAlertColorType('border'))
   }, events, {
-    ref: alertRef
-  }), showIcon && iconNode, /*#__PURE__*/React.createElement("div", {
+    ref: alertRef,
+    style: style
+  }, othersProps), showIcon && iconNode, /*#__PURE__*/React.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(alertPrefixCls, "-message"), true), _defineProperty(_classNames2, "".concat(alertPrefixCls, "-without-icon-message"), !showIcon), _classNames2))
   }, message), extra, closable && type !== 'success' && /*#__PURE__*/React.createElement("div", {
     className: "".concat(alertPrefixCls, "-close-icon"),

package/es/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/es/cascader/cascader.js

@@ -2,11 +2,20 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 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 _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+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];
+  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, { useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { tuple } from '../_utils/type';
@@ -49,7 +58,10 @@ var Cascader = /*#__PURE__*/React.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.useRef();
@@ -258,11 +270,11 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       margin: '2px 8px 2px 0',
       maxWidth: '100%'
     };
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: multipleCls,
       ref: triggerRef,
       style: style
-    }, /*#__PURE__*/React.createElement("div", {
+    }, otherProps), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-multiple-wrapper"),
       ref: wrapperRef
     }, Array.isArray(currentOptions) && /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(currentOptions).call(currentOptions, function (option, index) {
@@ -290,7 +302,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderSingle = function renderSingle() {
     return /*#__PURE__*/React.createElement("span", _extends({}, locatorProps, {
       ref: mergeRef
-    }), React.Children.count(children) === 1 && children.type ? /*#__PURE__*/React.cloneElement(children, {
+    }, otherProps), React.Children.count(children) === 1 && children.type ? /*#__PURE__*/React.cloneElement(children, {
       ref: triggerRef
     }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       ref: triggerRef

package/es/checkbox/checkbox.js

@@ -20,7 +20,7 @@ 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 _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 = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -44,6 +44,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 : isBoolean(checked) ? checked : defaultChecked;
   var _useState = useState(initChecked),
     _useState2 = _slicedToArray(_useState, 2),
@@ -54,7 +55,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 : isBoolean(checked) ? checked : defaultChecked);
   }, [checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue, checked, defaultChecked]);
   devWarning(CheckboxTypes.indexOf(mergedCheckboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(mergedCheckboxType, "'"));
-  devWarning(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
+  devWarning(CheckboxSizes.indexOf(mergedSize) === -1, 'checkbox', "cannot found size type '".concat(mergedSize, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
   var isDefaultType = function isDefaultType() {
     return mergedCheckboxType === 'default';
@@ -62,13 +63,13 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   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 getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), 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, mergedSize), true && !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner"), true));
   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));
@@ -95,7 +96,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context19, _context20;
+    var _context20, _context21;
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
@@ -109,7 +110,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       })), /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         className: inputClassName,
@@ -127,7 +128,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context21 = "".concat(checkboxPrefixCls, "-")).call(_context21, mergedCheckboxType, "-inner-icon")
       }))))
     );
   };

package/es/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/es/checkbox/group.js

@@ -1,7 +1,17 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 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";
+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];
+  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, { useContext } from 'react';
 // import { Icon } from '../index'
 import classnames from 'classnames';
@@ -15,7 +25,6 @@ export var CheckboxTypes = tuple('default', 'square');
 export var CheckboxSizes = tuple('large', 'middle', 'small');
 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,
@@ -32,7 +41,8 @@ var CheckboxGroup = /*#__PURE__*/React.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.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -72,6 +82,7 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
     groupValue: groupValue,
     disabled: disabled,
     name: name,
+    size: size,
     isControlled: isControlled,
     checkboxType: checkboxType,
     onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked, e) {
@@ -93,12 +104,13 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, option.label || option);
     });
   };
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/React.createElement("ul", _extends({
     className: classnames(checkboxGroupPrefixCls, className),
     style: style,
     ref: ref
-  }, /*#__PURE__*/React.createElement(GroupContext.Provider, {
+  }, rest), /*#__PURE__*/React.createElement(GroupContext.Provider, {
     value: context
   }, options && options.length > 0 ? renderByOptions() : children));
 });
+CheckboxGroup.displayName = 'CheckboxGroup';
 export default /*#__PURE__*/React.memo(CheckboxGroup);

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

@@ -139,6 +139,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/es/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/es/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/es/color-picker/color-picker-panel.js

@@ -143,7 +143,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
           }
         }
       }
-      devWarning(!inputValType, 'color-picker', "'themeColor' must be hexadecimal, RGB, HSB, HSL or color English name");
+      devWarning(!inputValType, 'color-picker', "'themeColor' must be hexadecimal, RGB, HSB, HSL or English color name");
     }
     if (switchValue) {
       onChange && onChange(functionalColorName, formatArr);
@@ -166,7 +166,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     var isTrueFormat = colorArr.every(function (hexColor) {
       return ['HEX', 'HSB', 'RGB', 'HSL', 'colorName'].indexOf(validateColor(hexColor)) !== -1;
     });
-    devWarning(!isTrueFormat, 'color-picker', "'presetColor' must be Array of the HEX string type");
+    devWarning(!isTrueFormat, 'color-picker', "'presetColor' must be an array of hexadecimal, RGB, HSB, HSL or English color name string type");
     return isTrueFormat;
   };
   useOnClickOutside([panelClsRef, inputRef], function () {

package/es/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/es/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;

package/es/form/Field.js

@@ -44,7 +44,7 @@ var generateEventHandler = function generateEventHandler(handler, validateTrigge
   }
   return eventHandler;
 };
-var INNER_VALUE_PROPS_LIST = [{
+export var INNER_VALUE_PROPS_LIST = [{
   name: 'Radio',
   propName: 'checked'
 }, {
@@ -58,10 +58,7 @@ var INNER_VALUE_PROPS_LIST = [{
   propName: 'fileList'
 }, {
   name: 'Transfer',
-  propName: 'targetKey'
-}, {
-  name: 'RangePicker',
-  propName: 'ranges'
+  propName: 'targetKeys'
 }];
 var Field = function Field(props) {
   var _context, _classnames;

package/es/form/index.js

@@ -7,6 +7,7 @@ var InternalForm = /*#__PURE__*/React.forwardRef(FieldForm);
 var RefForm = InternalForm;
 RefForm.FormProvider = FormProvider;
 RefForm.Item = Item;
+RefForm.Item.displayName = 'Item';
 RefForm.useForm = useForm;
 RefForm.displayName = 'Form';
 export { Item, FormProvider };

package/es/input/input.d.ts

@@ -23,6 +23,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     readonly?: 'readonly';
     count?: boolean;
     status?: 'error';
+    style?: Record<string, unknown>;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
 export default Input;

package/es/input/style/index.css

@@ -220,7 +220,6 @@ textarea {
 }
 .kd-input-borderless {
   border: 0;
-  padding-left: 0 !important;
 }
 .kd-input-borderless:focus {
   border: 0;
@@ -248,20 +247,62 @@ textarea {
   font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-small .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-small .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-small.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-small.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-size-middle {
   height: var(--kd-c-input-sizing-height-middle, 30px);
   line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-middle .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-middle .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-middle.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-middle.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-size-large {
   height: var(--kd-c-input-sizing-height-large, 36px);
   line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-size-large .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-large .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-size-large.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-size-large.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper {
-  padding-left: var(--kd-c-input-wrapper-padding-left, 0px) !important;
+  padding-left: var(--kd-c-input-wrapper-padding-left, 0px);
   width: 100%;
   min-width: 0;
   border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
@@ -309,7 +350,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input {
   border: none;
-  padding-left: var(--kd-c-input-padding-left, 9px);
+  padding-left: var(--kd-c-input-padding-left, 0px);
   padding-right: 0;
   height: 100%;
 }
@@ -330,31 +371,66 @@ textarea {
   word-break: keep-all;
   color: var(--kd-c-input-affix-color-text, #666);
 }
-.kd-input-wrapper .kd-input-suffix {
-  margin-left: 4px;
-}
-.kd-input-wrapper .kd-input-prefix {
-  margin-right: 4px;
-  margin-left: 8px;
-}
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);
   line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px);
 }
+.kd-input-wrapper-size-small .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-small .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-small.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-small.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-size-middle {
   height: var(--kd-c-input-sizing-height-middle, 30px);
   line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px);
 }
+.kd-input-wrapper-size-middle .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-middle .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-middle.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-middle.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-size-large {
   height: var(--kd-c-input-sizing-height-large, 36px);
   line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2));
   font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
   padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px);
 }
+.kd-input-wrapper-size-large .kd-input-suffix {
+  margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-large .kd-input-prefix {
+  margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2);
+}
+.kd-input-wrapper-size-large.kd-input-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
+.kd-input-wrapper-size-large.kd-input-wrapper-underline {
+  padding-right: 0;
+  padding-left: 0;
+}
 .kd-input-wrapper-borderless {
   border: none !important;
 }

package/es/input/style/index.less

@@ -58,7 +58,6 @@ textarea {
 
   &-borderless {
     border: 0;
-    padding-left: 0 !important;
 
     &:focus {
       border: 0;
@@ -98,7 +97,7 @@ textarea {
   }
 
   &-wrapper {
-    padding-left: @input-wrapper-padding-left !important;
+    padding-left: @input-wrapper-padding-left;
     .input(@wrapper-prefix-cls);
     transition: border-color @transition-duration-inner;
     display: inline-flex;
@@ -122,15 +121,6 @@ textarea {
         word-break: keep-all;
         color: @input-affix-color;
       }
-
-      &-suffix {
-        margin-left: 4px;
-      }
-
-      &-prefix {
-        margin-right: 4px;
-        margin-left: 8px;
-      }
     }
 
     &-size-small {

package/es/input/style/mixin.less

@@ -46,6 +46,24 @@
   line-height: calc(@height - (@padding-vertical * 2) - (@input-border-width * 2));
   font-size: @fonSize;
   padding: @padding-vertical @padding-horizontal;
+
+  .@{input-prefix-cls}-suffix {
+    margin-left: calc(@padding-vertical * 2);
+  }
+
+  .@{input-prefix-cls}-prefix {
+    margin-right: calc(@padding-vertical * 2);
+  }
+
+  &.@{input-prefix-cls}-underline {
+    padding-right: 0;
+    padding-left: 0;
+  }
+
+  &.@{input-prefix-cls}-wrapper-underline {
+    padding-right: 0;
+    padding-left: 0;
+  }
 }
 
 .input-clear-icon() {

package/es/input/style/token.less

@@ -40,7 +40,7 @@
 @input-large-height-inner: var(~'@{input-prefix}-sizing-height-large', 36px);
 @input-border-width-inner: var(~'@{input-prefix}-sizing-border', 1px);
 @input-wrapper-padding-left: var(~'@{input-prefix}-wrapper-padding-left', 0px);
-@input-padding-left: var(~'@{input-prefix}-padding-left', 9px);
+@input-padding-left: var(~'@{input-prefix}-padding-left', 0px);
 
 // spacing
 @input-small-padding-vertical-inner: var(~'@{input-prefix}-spacing-padding-vertical-small', 3px);

package/es/modal/modal.js

@@ -224,7 +224,6 @@ var InternalModal = function InternalModal(props, ref) {
   // 没有容器应该是不用居中的
   // 但仍可拖拽
   var handleDragStart = function handleDragStart(e, data) {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e, data);
   };
   var defaultPosition = modalContainer ? {