@kdcloudjs/kdesign 1.7.13 → 1.7.15

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,14 +121,6 @@ textarea {
         word-break: keep-all;
         color: @input-affix-color;
       }
-
-      &-suffix {
-        margin-left: 4px;
-      }
-
-      &-prefix {
-        margin-right: 4px;
-      }
     }
 
     &-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 ? {

package/es/search/quick-search.js

@@ -3,10 +3,19 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+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, useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import debounce from 'lodash/debounce';
@@ -39,7 +48,8 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     onSelect = props.onSelect,
     onSearch = props.onSearch,
     disabled = props.disabled,
-    borderType = props.borderType;
+    borderType = props.borderType,
+    others = __rest(props, ["prefixCls", "className", "placeholder", "style", "desc", "dropdownStyle", "tags", "children", "onBlur", "onFocus", "onChange", "onSelect", "onSearch", "disabled", "borderType"]);
   var realChildren = Array.isArray(tags) && tags.length ? tags : toArray(children); // tags配置项和默认children
   var innerRef = useRef();
   var quickSearchRef = ref || innerRef;
@@ -293,12 +303,12 @@ var InternalQuickSearch = function InternalQuickSearch(props, ref) {
     !disabled && setInputFocus();
   };
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: quickSearchCls,
       ref: quickSearchRef,
       style: style,
       onClick: handleClickInputFosus
-    }, /*#__PURE__*/React.createElement("span", {
+    }, others), /*#__PURE__*/React.createElement("span", {
       className: classNames(_defineProperty({}, "".concat(quickSearchPrefixCls, "-prefix"), true))
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "search"

package/es/search/search.js

@@ -83,13 +83,13 @@ var InternalSearch = function InternalSearch(props, ref) {
     if (!suffix) {
       return null;
     }
-    return !prefix && (typeof suffix === 'boolean' && suffix ? /*#__PURE__*/React.createElement("span", {
+    return typeof suffix === 'boolean' && suffix ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(searchPrefixCls, "-suffix")
     }, /*#__PURE__*/React.createElement(Icon, {
       className: "kd-search-prefix",
       type: "search"
-    })) : suffix);
-  }, [suffix, prefix, searchPrefixCls]);
+    })) : suffix;
+  }, [suffix, searchPrefixCls]);
   if (type === 'quick-search') {
     return /*#__PURE__*/React.createElement(QuickSearch, _extends({}, restProps, {
       ref: ref,

package/es/select/option.d.ts

@@ -8,9 +8,11 @@ export interface ISelectOptionProps {
     children?: any;
     className?: string;
     index?: number;
+    activeIndex?: number;
     style?: React.CSSProperties;
     isMultiple?: boolean;
     onChangeSelect?: (key: SelectValue, label: string | undefined, isSelected: boolean) => void;
+    onChangeActiveIndex?: (index: any) => void;
 }
 declare const Option: React.ForwardRefExoticComponent<ISelectOptionProps & React.RefAttributes<unknown>>;
 export default Option;

package/es/select/option.js

@@ -22,7 +22,10 @@ var InternalOption = function InternalOption(props, ref) {
     values = _valuesInstanceProperty(props),
     isMultiple = props.isMultiple,
     onChangeSelect = props.onChangeSelect,
-    title = props.title;
+    onChangeActiveIndex = props.onChangeActiveIndex,
+    title = props.title,
+    activeIndex = props.activeIndex,
+    index = props.index;
   var optionProps = _extends({}, props);
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -35,7 +38,7 @@ var InternalOption = function InternalOption(props, ref) {
       setSelected(value !== undefined ? value === values : false);
     }
   });
-  var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
+  var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-active"), activeIndex === index), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = classNames(_defineProperty({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
   var handleClick = function handleClick(e) {
     e.preventDefault();
@@ -45,6 +48,9 @@ var InternalOption = function InternalOption(props, ref) {
     }
     onChangeSelect && onChangeSelect(value, children, isSelected);
   };
+  var handleOnMouseMove = function handleOnMouseMove() {
+    onChangeActiveIndex && onChangeActiveIndex(index);
+  };
   var titleText = title || (_typeof(children) !== 'object' ? children : null);
   var checkStyle = {
     minHeight: '22px',
@@ -54,7 +60,8 @@ var InternalOption = function InternalOption(props, ref) {
     ref: optionRef,
     className: optionCls,
     title: titleText,
-    onClick: handleClick
+    onClick: handleClick,
+    onMouseMove: handleOnMouseMove
   }, /*#__PURE__*/React.createElement("div", {
     className: contentCls
   }, isMultiple ? /*#__PURE__*/React.createElement(Checkbox, {

package/es/select/select.js

@@ -7,6 +7,7 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import React, { useContext, useRef, useEffect, useState, useCallback, useLayoutEffect, useMemo } from 'react';
 import { useMergedState } from '../_utils/hooks';
 import isBoolean from 'lodash/isBoolean';
@@ -18,6 +19,7 @@ import { Icon, Checkbox, Tag } from '../index';
 import Option from './option';
 import usePopper from '../_utils/usePopper';
 import VirtualList from '../virtual-list';
+import KeyCode from '../_utils/KeyCode';
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames6, _classNames12;
@@ -200,13 +202,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     onBlur && onBlur(e);
   }, [onBlur]);
   // 点击组件
-  var handleClick = function handleClick() {
-    if (disabled) return;
-    if (optionShow) {
-      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
-      onDropdownVisibleChange && onDropdownVisibleChange(true);
-    }
-  };
+  // const handleClick = () => {
+  //   if (disabled) return
+  //   if (optionShow) {
+  //     const { onDropdownVisibleChange } = selectProps
+  //     onDropdownVisibleChange && onDropdownVisibleChange(true)
+  //   }
+  // }
   useEffect(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _a;
@@ -460,8 +462,12 @@ var InternalSelect = function InternalSelect(props, ref) {
       }, child.props, {
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }));
     } else {
       return /*#__PURE__*/React.createElement(Option, _extends({
@@ -469,8 +475,12 @@ var InternalSelect = function InternalSelect(props, ref) {
         value: child === null || child === void 0 ? void 0 : child.value,
         key: index,
         index: index,
+        activeIndex: activeIndex,
         onChangeSelect: handleOption,
-        values: multipleRef.current.selectedVal
+        values: multipleRef.current.selectedVal,
+        onChangeActiveIndex: function onChangeActiveIndex(i) {
+          setActiveIndex(i);
+        }
       }, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
     }
   };
@@ -499,6 +509,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }, [isShowSearch, autoFocus, disabled]);
+  var optionsListRef = React.useRef(null);
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
@@ -524,7 +535,8 @@ var InternalSelect = function InternalSelect(props, ref) {
         },
         isStaticItemHeight: true,
         height: listHeight || 300,
-        measureLongestItem: false
+        measureLongestItem: false,
+        ref: optionsListRef
       }, virtualListProps), function (child) {
         return child;
       });
@@ -683,6 +695,101 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, renderSuffix()));
   };
   var singleCls = classNames(commCls, (_classNames12 = {}, _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single"), true), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-focused"), focusd && !disabled || optionShow), _classNames12));
+  // keyboard
+  var getActiveIndex = function getActiveIndex(index) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var len = filledOptions.length;
+    for (var i = 0; i < len; i += 1) {
+      var current = (index + i * offset + len) % len;
+      var _props = filledOptions[current].props;
+      if (!(_props === null || _props === void 0 ? void 0 : _props.disabled)) {
+        return current;
+      }
+    }
+    return -1;
+  };
+  // reset activeIndex
+  useEffect(function () {
+    if (searchValue) {
+      setActiveIndex(getActiveIndex(0));
+    }
+  }, [searchValue]);
+  useEffect(function () {
+    if (optionShow && !disabled) {
+      var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
+      onDropdownVisibleChange && onDropdownVisibleChange(true);
+    }
+  }, [optionShow]);
+  var _useState13 = useState(getActiveIndex(0)),
+    _useState14 = _slicedToArray(_useState13, 2),
+    activeIndex = _useState14[0],
+    setActiveIndex = _useState14[1];
+  var onInternalKeyDown = function onInternalKeyDown(e) {
+    var _a, _b;
+    var which = e.which;
+    // open
+    if (which === KeyCode.ENTER || which === KeyCode.UP || which === KeyCode.DOWN) {
+      e.preventDefault();
+      setOptionShow(true);
+    }
+    // backspace
+    var _multipleRef$current5 = multipleRef.current,
+      selectedVal = _multipleRef$current5.selectedVal,
+      selectMulOpts = _multipleRef$current5.selectMulOpts;
+    // isMultiple
+    if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
+      _spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
+      _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
+      setMulOptions(_toConsumableArray(selectMulOpts));
+      onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
+      // !isMultiple
+    } else if (which === KeyCode.BACKSPACE && allowClear && !isMultiple) {
+      setInitValue('');
+      onClear && onClear('');
+      setSearchValue('');
+      onChange && onChange(undefined);
+    }
+    // optionsList: up、down、enter
+    if (optionShow) {
+      var offset = 0;
+      if (which === KeyCode.UP) {
+        offset = -1;
+      } else if (which === KeyCode.DOWN) {
+        offset = 1;
+      } else if (which === KeyCode.ENTER) {
+        var item = filledOptions[activeIndex];
+        var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
+        var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
+        handleOption(key, label, true);
+        // search
+        if (searchValue) {
+          setActiveIndex(_findIndexInstanceProperty(realChildren).call(realChildren, function (child) {
+            var _a;
+            if (child && child.props) {
+              return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === key;
+            } else {
+              return (child === null || child === void 0 ? void 0 : child.value) === key;
+            }
+          }));
+        }
+        if (!isMultiple) {
+          setOptionShow(false);
+        }
+      } else if (which === KeyCode.ESC) {
+        setOptionShow(false);
+      }
+      if (offset !== 0) {
+        var nextActiveIndex = getActiveIndex(activeIndex + offset, offset);
+        if (optionsListRef.current) {
+          optionsListRef.current.scrollTo({
+            index: nextActiveIndex
+          });
+        }
+        setActiveIndex(nextActiveIndex);
+        e.preventDefault();
+      }
+    }
+  };
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/React.createElement("div", {
       className: selectCls,
@@ -690,7 +797,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       style: style
     }, /*#__PURE__*/React.createElement("span", {
       className: selectionCls,
-      onClick: handleClick,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
         var _a;
@@ -699,7 +805,8 @@ var InternalSelect = function InternalSelect(props, ref) {
       onBlur: function onBlur() {
         var _a;
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      }
+      },
+      onKeyDown: onInternalKeyDown
     }, !isMultiple ? renderSingle() : renderMultiple()));
   };
   var catchStyle = function catchStyle() {

package/es/transfer/list.js

@@ -89,7 +89,7 @@ var ITransferList = function ITransferList(props, ref) {
     if (filterOption) {
       return filterOption(filterValue, item);
     }
-    return text.indexOf(filterValue) > -1;
+    return (text === null || text === void 0 ? void 0 : text.indexOf(filterValue)) > -1;
   };
   var renderListBody = function renderListBody(renderList, props) {
     var bodyContent = renderList ? renderList(props) : null;

package/es/tree/tree.d.ts

@@ -41,6 +41,8 @@ export interface TreeProps {
     expandOnClickNode?: boolean;
     onlyExpandOnClickIcon?: boolean;
     showIcon?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
 }
 export declare type TreeNodeData = {
     checkable?: boolean;

package/es/tree/tree.js

@@ -2,10 +2,19 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 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, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import cloneDeep from 'lodash/cloneDeep';
@@ -61,16 +70,18 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : _TreeProps$setTreeNod2,
     innerEstimatedItemSize = TreeProps.estimatedItemSize,
     style = TreeProps.style,
+    className = TreeProps.className,
     filterTreeNode = TreeProps.filterTreeNode,
     filterValue = TreeProps.filterValue,
     expandOnClickNode = TreeProps.expandOnClickNode,
     _TreeProps$onlyExpand = TreeProps.onlyExpandOnClickIcon,
     onlyExpandOnClickIcon = _TreeProps$onlyExpand === void 0 ? false : _TreeProps$onlyExpand,
     loadData = TreeProps.loadData,
-    notFoundContent = TreeProps.notFoundContent;
+    notFoundContent = TreeProps.notFoundContent,
+    others = __rest(TreeProps, ["prefixCls", "treeData", "virtual", "showIcon", "switcherIcon", "icon", "checkable", "checkStrictly", "disabled", "draggable", "scrollToKey", "expandedKeys", "checkedKeys", "defaultExpandRoot", "defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys", "defaultCheckedKeys", "defaultSelectedKeys", "height", "onCheck", "onExpand", "onDragStart", "onDragOver", "onDragLeave", "onDragEnter", "onDragEnd", "onDrop", "onSelect", "selectedKeys", "setTreeNodeStyle", "setTreeNodeClassName", "estimatedItemSize", "style", "className", "filterTreeNode", "filterValue", "expandOnClickNode", "onlyExpandOnClickIcon", "loadData", "notFoundContent"]);
   var treePrefixCls = getPrefixCls(prefixCls, 'tree', customPrefixcls); // 树样式前缀
   var treeNodePrefixCls = getPrefixCls(prefixCls, 'tree-node', customPrefixcls); // 树节点样式前缀
-  var treeNodeClassName = classNames(_defineProperty({}, "".concat(treePrefixCls), true));
+  var treeNodeClassName = classNames(className, _defineProperty({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
   var _React$useMemo = React.useMemo(function () {
@@ -363,12 +374,12 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: treeNodeClassName,
     style: style,
     ref: scrollRef,
     onScroll: handleScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, others), /*#__PURE__*/React.createElement("div", {
     ref: plantomRef,
     className: "".concat(treePrefixCls, "-plantom")
   }), /*#__PURE__*/React.createElement("div", {

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

@@ -33,7 +33,7 @@ export interface AbstractSelectProps extends PopperProps {
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: TreeNodeData[]) => React.ReactNode);
 }
 export declare type ITreeProps = {
-    treeData?: TreeNodeData;
+    treeData?: TreeNodeData[];
     treeDefaultExpandAll?: boolean;
     treeDefaultExpandedKeys?: string[];
     treeExpandedKeys?: string[];
@@ -44,6 +44,10 @@ export declare type ITreeProps = {
     treeNodeFilterProp?: string;
     treeNodeLabelProp?: string;
     expandOnClickNode?: boolean;
+    treeCheckStrictly?: boolean;
+    treeExpandOnClickNode?: boolean;
+    showTreeIcon?: boolean;
+    treeLoadData?: () => void;
 };
 export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
 export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {

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

@@ -38,7 +38,7 @@ function flattenTreeData(treeData) {
     }
     return key;
   }
-  treeData.forEach(function (node) {
+  treeData === null || treeData === void 0 ? void 0 : treeData.forEach(function (node) {
     flatten(node);
   });
   return map;

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