@kdcloudjs/kdesign 1.7.15 → 1.7.17

package/es/tree-select/interface.d.ts

@@ -55,6 +55,7 @@ export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSel
     defaultValue?: T;
     mode?: Mode;
     autoFocus?: boolean;
+    onlyExpandOnClickIcon?: boolean;
     onChange?: (value: T, treeNode: TreeNodeData) => void;
     onSelect?: (value: T extends (infer I)[] ? I : T, { checked, node, event }: any) => void;
     onBlur?: (value?: T) => void;

package/es/tree-select/tree-select.js

@@ -95,7 +95,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onTreeExpand = treeSelectProps.onTreeExpand,
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
-    dropdownRender = treeSelectProps.dropdownRender;
+    dropdownRender = treeSelectProps.dropdownRender,
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = useMergedState(isMultiple ? [] : undefined, {
       value: value,
@@ -310,7 +311,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       icon: treeIcon,
       showIcon: showTreeIcon,
       switcherIcon: switcherIcon,
-      onlyExpandOnClickIcon: true,
+      onlyExpandOnClickIcon: onlyExpandOnClickIcon,
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
@@ -494,7 +495,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     }
   };
   var popperProps = _extends(_extends({}, treeSelectProps), {
-    prefixCls: selectPrefixCls,
+    prefixCls: "".concat(selectPrefixCls, "-panel"),
     placement: 'bottomLeft',
     popperStyle: catchStyle(),
     defaultVisible: optionShow,

package/es/upload/interface.d.ts

@@ -146,6 +146,7 @@ export interface IFileItem {
     prefixCls: string;
     listType: string;
     disabled: boolean;
+    onPreview?: (file: UploadFile) => void;
     handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
     handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
 }

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/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

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 var React = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _checkbox = _interopRequireDefault(require("../checkbox"));
@@ -16,36 +17,46 @@ 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 __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 Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
     userDefaultProps = _React$useContext.compDefaultProps;
   // 属性需要合并一遍用户定义的默认属性
-  var _getCompProps = (0, _utils.getCompProps)('Card', userDefaultProps, props),
-    tags = _getCompProps.tags,
-    style = _getCompProps.style,
-    title = _getCompProps.title,
-    avatar = _getCompProps.avatar,
-    actions = _getCompProps.actions,
-    extra = _getCompProps.extra,
-    children = _getCompProps.children,
-    className = _getCompProps.className,
-    hoverable = _getCompProps.hoverable,
-    headStyle = _getCompProps.headStyle,
-    bodyStyle = _getCompProps.bodyStyle,
-    selectable = _getCompProps.selectable,
-    checkboxProps = _getCompProps.checkboxProps,
-    customPrefixcls = _getCompProps.prefixCls;
+  var _a = (0, _utils.getCompProps)('Card', userDefaultProps, props),
+    tags = _a.tags,
+    style = _a.style,
+    title = _a.title,
+    avatar = _a.avatar,
+    actions = _a.actions,
+    extra = _a.extra,
+    children = _a.children,
+    className = _a.className,
+    hoverable = _a.hoverable,
+    headStyle = _a.headStyle,
+    bodyStyle = _a.bodyStyle,
+    selectable = _a.selectable,
+    checkboxProps = _a.checkboxProps,
+    customPrefixcls = _a.prefixCls,
+    others = __rest(_a, ["tags", "style", "title", "avatar", "actions", "extra", "children", "className", "hoverable", "headStyle", "bodyStyle", "selectable", "checkboxProps", "prefixCls"]);
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
   var cardClassName = (0, _classnames.default)(prefixCls, {
     hoverable: hoverable
   }, className);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    ref: ref,
     className: cardClassName,
     style: style
-  }, title && !avatar && /*#__PURE__*/React.createElement("header", {
+  }, others), title && !avatar && /*#__PURE__*/React.createElement("header", {
     className: "".concat(prefixCls, "-header"),
     style: headStyle
   }, title), avatar && /*#__PURE__*/React.createElement("header", {
@@ -70,7 +81,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/carousel/carousel.js

@@ -88,8 +88,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
   var setScrollXEffectStyle = _react.default.useCallback(function () {
     var _context;
     if (!listRef.current) return;
-    listRef.current.style.cssText = needAnimation ? (0, _concat.default)(_context = "transform: translateX(".concat(posX, "px); transition:all 0.3s ")).call(_context, easing) : "transform: translateX(".concat(posX, "px); transition:'none'");
-  }, [needAnimation, easing, posX]);
+    listRef.current.style.cssText = needAnimation ? (0, _concat.default)(_context = "transform: translateX(".concat(posX, "px); transition:all 0.3s ")).call(_context, easing) : "transform: translateX(".concat(posX, "px); transition:none");
+  }, [children === null || children === void 0 ? void 0 : children.length, needAnimation, easing, posX]);
   var jumpTo = _react.default.useCallback(function (index, needAnimation) {
     if (isFadeEffect) {
       if (index === -1 || index === children.length) index = 0;
@@ -227,6 +227,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
       content = /*#__PURE__*/_react.default.createElement(_slideList.SlideList, {
         items: children,
         parentPrefixCls: carouselPrefixCls,
+        currentIndex: currentIndex,
         ref: listRef
       });
     }

package/lib/carousel/slideList.d.ts

@@ -6,6 +6,7 @@ declare type ItemType = {
 export interface SlideListProps {
     parentPrefixCls: string;
     items: ItemType[];
+    currentIndex: number;
 }
 export declare const SlideList: React.ForwardRefExoticComponent<SlideListProps & React.RefAttributes<unknown>>;
 export {};

package/lib/carousel/slideList.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SlideList = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _context2;
   var items = props.items,
-    parentPrefixCls = props.parentPrefixCls;
+    parentPrefixCls = props.parentPrefixCls,
+    currentIndex = props.currentIndex;
   var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
   var listPrefixCls = "".concat(parentPrefixCls, "-list");
   var renderItems = function renderItems() {
@@ -20,7 +23,7 @@ var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _items = (0, _concat.default)(_context = (0, _slice.default)(items).call(items, -1)).call(_context, items, (0, _slice.default)(items).call(items, 0, 1)); // 首位分别添加一项
     return (0, _map.default)(_items).call(_items, function (item, index) {
       return /*#__PURE__*/_react.default.createElement("li", {
-        className: "".concat(listPrefixCls, "-item"),
+        className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), (0, _defineProperty2.default)({}, "".concat(listPrefixCls, "-item-active"), currentIndex === index - 1)),
         key: index
       }, item);
     });

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

@@ -55,6 +55,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     showColorTransfer = props.showColorTransfer,
     showPresetColor = props.showPresetColor,
     showColorPickerBox = props.showColorPickerBox,
+    showColorPickerPanel = props.showColorPickerPanel,
     value = props.value;
   var panelInputRef = (0, _react.useRef)(null);
   var panelClsRef = (0, _react.useRef)(null);
@@ -69,7 +70,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   var panelFollowThemeCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-switch"));
   var panelInputCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-input"), (0, _defineProperty2.default)({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
   var transparentCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-transparent"));
-  var colorDivContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"));
+  var colorDivContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-panel-colorDivContainer"), (0, _defineProperty2.default)({}, "".concat(colorPickerPrefixCls, "-panel-colorDivContainer-unset-color"), (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) === 0));
   var colorLiClick = function colorLiClick(index, colorValue) {
     var formatArr = (0, _colorFormat.colorFormat)(colorValue, alpha);
     var formatValue = (0, _convertLetters.toLowerCase)(formatArr[(0, _colorFormat.valOfCorrespondingType)(currentColorType)].value);
@@ -185,7 +186,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   (0, _useOnClickOutside.default)([panelClsRef, inputRef], function () {
     setShowPanel(false);
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showColorPickerPanel && /*#__PURE__*/_react.default.createElement("div", {
     className: panelCls,
     ref: panelClsRef
   }, /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
@@ -206,7 +207,6 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     value: correctColorValue,
     placeholder: "#",
     onChange: handleTypeChange,
-    showSearch: true,
     optionLabelProp: "value",
     getPopupContainer: function getPopupContainer() {
       return panelInputRef.current;
@@ -243,7 +243,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
         'square-click': clickedColorIndex === i
       })
     }));
-  })));
+  }))));
 };
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 var _default = ColorPickerPanel;

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

@@ -91,6 +91,7 @@ var ColorPicker = function ColorPicker(props) {
   var containerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-container"));
   var inputCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-input"), className);
   var inputRef = (0, _react.useRef)(null);
+  var showColorPickerPanel = showColorTransfer || typeof showPresetColor === 'boolean' && showPresetColor && (presetColor === null || presetColor === void 0 ? void 0 : presetColor.length) || typeof showPresetColor === 'undefined' || (functionalColor === null || functionalColor === void 0 ? void 0 : functionalColor.length) && showSwitch || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue) || (showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity);
   var setIconColor = function setIconColor(value) {
     value === functionalColorName ? setIsFollow(true) : setIsFollow(false);
     var inpValue = value === functionalColorName ? functionalColor : value;
@@ -148,7 +149,7 @@ var ColorPicker = function ColorPicker(props) {
       style: {
         backgroundColor: "".concat(colTypeArr[2].value || _defaultColor.defaultSystemColor)
       }
-    }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
+    }, showColorPickerPanel && /*#__PURE__*/_react.default.createElement(_index.Icon, {
       type: "arrow-down"
     }));
   };
@@ -198,7 +199,8 @@ var ColorPicker = function ColorPicker(props) {
     colTypeArr: colTypeArr,
     setColTypeArr: setColTypeArr,
     currentColorType: currentColorType,
-    setCurrentColorType: setCurrentColorType
+    setCurrentColorType: setCurrentColorType,
+    showColorPickerPanel: showColorPickerPanel
   });
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, colorPickerProps), {
     popperClassName: popUpLayer,

package/lib/color-picker/interface.d.ts

@@ -58,6 +58,7 @@ export interface IColorPickerPanelProps {
         showHue?: boolean;
         showOpacity?: boolean;
     };
+    showColorPickerPanel: boolean;
     value: string;
     setCurrentColorType: (currentColorType: IColorTypesObj['type']) => void;
     setColTypeArr: (colTypeArr: Array<IColorTypesObj>) => void;

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

@@ -262,7 +262,7 @@
   font-size: var(--kd-c-color-picker-panel-select-font-size, var(--kd-g-font-size-middle, 14px));
 }
 .kd-color-picker-pop .kd-color-picker-panel-input-no-recommend {
-  margin-bottom: 8px;
+  margin-bottom: 0;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .kd-select.bottomLeft,
 .kd-color-picker-pop .kd-color-picker-panel-input .kd-select.topLeft {
@@ -311,6 +311,9 @@
   grid-row-gap: 8px;
   margin-top: 12px;
 }
+.kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color {
+  margin-top: 0;
+}
 .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li {
   position: relative;
   -webkit-box-sizing: border-box;

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

@@ -209,7 +209,7 @@
       font-size: @color-picker-panel-select-font-size;
 
       &-no-recommend {
-        margin-bottom: 8px;
+        margin-bottom: 0;
       }
 
       .@{kd-prefix}-select {
@@ -266,6 +266,10 @@
       grid-row-gap: 8px;
       margin-top: 12px;
 
+      &-unset-color {
+        margin-top: 0;
+      }
+
       li {
         position: relative;
         box-sizing: border-box;

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.js

@@ -28,7 +28,7 @@ var findItem = function findItem(element) {
   }
 };
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   var _React$useContext = React.useContext(_ConfigContext.default),
     getPrefixCls = _React$useContext.getPrefixCls,
     pkgPrefixCls = _React$useContext.prefixCls,
@@ -52,14 +52,17 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
-  var child = /*#__PURE__*/React.cloneElement(React.Children.only(children), {
+  var child = children && ((_a = children === null || children === void 0 ? void 0 : children.type) === null || _a === void 0 ? void 0 : _a.displayName) === 'Input' ? /*#__PURE__*/React.createElement("span", {
+    className: (0, _classnames.default)("".concat(prefixCls, "-trigger"), "".concat(prefixCls, "-trigger-container")),
+    ref: ref
+  }, children) : /*#__PURE__*/React.cloneElement(React.Children.only(children), {
     ref: children.ref || ref,
     className: (0, _classnames.default)("".concat(prefixCls, "-trigger"), children.props.className, {
       disabled: disabled
     })
   });
   var isMenu = menu.type === _menu.Menu;
-  var _React$useState3 = React.useState(props.selectedKey || ((_a = menu.props) === null || _a === void 0 ? void 0 : _a.defaultKey) || props.defaultKey || ''),
+  var _React$useState3 = React.useState(props.selectedKey || ((_b = menu.props) === null || _b === void 0 ? void 0 : _b.defaultKey) || props.defaultKey || ''),
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
     selectedKey = _React$useState4[0],
     setSelectedKey = _React$useState4[1];
@@ -68,7 +71,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSelectedKey(props.selectedKey);
     }
   }, [props.selectedKey]);
-  var menuSelectable = ((_b = menu.props) === null || _b === void 0 ? void 0 : _b.selectable) === undefined ? selectable : (_c = menu.props) === null || _c === void 0 ? void 0 : _c.selectable;
+  var menuSelectable = ((_c = menu.props) === null || _c === void 0 ? void 0 : _c.selectable) === undefined ? selectable : (_d = menu.props) === null || _d === void 0 ? void 0 : _d.selectable;
   var handleItemClick = function handleItemClick(e) {
     var _a;
     var item = findItem(e.target);

package/lib/dropdown/style/index.css

@@ -109,6 +109,9 @@
 .kd-dropdown-trigger {
   outline: none;
 }
+.kd-dropdown-trigger-container {
+  display: inline-block;
+}
 .kd-dropdown {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/lib/dropdown/style/index.less

@@ -9,6 +9,10 @@
 
 .@{dropdown-trigger-prefix-cls} {
   outline: none;
+
+  &-container {
+    display: inline-block;
+  }
 }
 
 .@{dropdown-prefix-cls} {

package/lib/filter/scheme.js

@@ -165,8 +165,9 @@ var SchemeFilter = function SchemeFilter(props) {
   };
   var handleChangeOption = function handleChangeOption(index, value) {
     var nextScheme = (0, _cloneDeep.default)(scheme);
+    var realValue = value.target !== undefined ? value.target.value : value;
     nextScheme.items[index] = (0, _extends2.default)((0, _extends2.default)({}, nextScheme.items[index]), {
-      value: value
+      value: realValue
     });
     setScheme(nextScheme);
   };

package/lib/filter/style/index.css

@@ -327,7 +327,8 @@
   list-style: none;
 }
 .kd-filter .kd-filter-body-scheme-detail > li {
-  line-height: 40px;
+  line-height: normal;
+  padding: 7px 0 5px 0;
   color: var(--kd-g-color-text-primary, #212121);
   font-size: var(--kd-g-font-size-small, 12px);
 }

package/lib/filter/style/index.less

@@ -117,7 +117,7 @@
         display: block;
       }
     }
-    
+
     &-condition {
       display: flex;
       font-size: @font-size-small;
@@ -221,7 +221,8 @@
       &-detail {
         list-style: none;
         > li {
-          line-height: 40px;
+          line-height: normal;
+          padding: 7px 0 5px 0;
           color: @color-text-primary;
           font-size: @font-size-small;
 

package/lib/form/Field.js

@@ -209,7 +209,7 @@ var Field = function Field(props) {
     var inputValue;
     if (innerDisplayName === 'RadioGroup' && payload) {
       inputValue = payload[1];
-    } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
+    } else if (evt && Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
       inputValue = (_a = evt.target) === null || _a === void 0 ? void 0 : _a[innerValuePropName];
     } else {
       inputValue = evt;

package/lib/input-number/inputNumber.js

@@ -84,7 +84,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   (0, _react.useEffect)(function () {
-    setInputValue(value);
+    setInputValue((0, _numberUtil.serialization)(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
     return (0, _extends2.default)({}, event, {

package/lib/locale/locale.d.ts

@@ -59,14 +59,13 @@ declare class LocaleCache {
         'QuickSearch.desc': string[];
         'QuickSearch.nplDesc': string;
         'QuickSearch.emptyTip': string;
-        /**
-         * 获取当前语言包数据
-         */
         'QuickSearch.or': string;
         'CityPicker.domestic': string;
         'CityPicker.internation': string;
         'CityPicker.common': string;
-        'CityPicker.noData': string;
+        'CityPicker.noData': string; /**
+         * 获取所有语言包数据
+         */
         'ColorPicker.followFunctionalColor': string;
         'Search.placeholder': string;
         'Search.desc': string[];