@kdcloudjs/kdesign 1.7.20 → 1.7.22

package/es/tree/tree.js

@@ -21,8 +21,9 @@ import cloneDeep from 'lodash/cloneDeep';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import TreeNode from './treeNode';
+import VirtualList from '../virtual-list';
 import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getAllCheckedKeys, getDataCheckededStateStrictly, getAllChildKeys, getPos, calcDropPosition } from './utils/treeUtils';
-import { useChecked, useExpand, usePlantomHeightEffect, useViewportHeight, useVisibleDataMemo, useScrollToKey, useSelect } from './treeHooks';
+import { useChecked, useExpand, useSelect } from './treeHooks';
 import isBoolean from 'lodash/isBoolean';
 var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(ConfigContext),
@@ -80,7 +81,6 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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(className, _defineProperty({}, "".concat(treePrefixCls), true));
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
@@ -94,45 +94,41 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     scrollKey = _React$useState2[0],
     setScrollKey = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    start = _React$useState4[0],
-    setStart = _React$useState4[1];
   var _useSelect = useSelect(selectedKeysProps, defaultSelectedKeys),
     _useSelect2 = _slicedToArray(_useSelect, 2),
     selectedKeys = _useSelect2[0],
     setSelectedKeys = _useSelect2[1];
   var listRef = React.useRef(null);
-  var plantomRef = React.useRef(null);
   var rootRef = React.useRef(null);
   var scrollRef = ref || rootRef;
   var treeNodeRef = React.useRef(null);
   var dragNodeRef = React.useRef(null);
   var delayedDragEnterRef = React.useRef(null);
-  var _React$useState5 = React.useState(true),
+  var virtualListRef = React.useRef(null);
+  var _React$useState3 = React.useState(true),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isInit = _React$useState4[0],
+    setIsInit = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    isInit = _React$useState6[0],
-    setIsInit = _React$useState6[1];
+    dropPosition = _React$useState6[0],
+    setDropPosition = _React$useState6[1];
   var _React$useState7 = React.useState(null),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    dropPosition = _React$useState8[0],
-    setDropPosition = _React$useState8[1];
-  var _React$useState9 = React.useState(null),
+    dragOverNodeKey = _React$useState8[0],
+    setDragOverNodeKey = _React$useState8[1];
+  var _React$useState9 = React.useState(new _Set()),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
-    dragOverNodeKey = _React$useState10[0],
-    setDragOverNodeKey = _React$useState10[1];
+    loadedKeys = _React$useState10[0],
+    setLoadedKeys = _React$useState10[1];
   var _React$useState11 = React.useState(new _Set()),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    loadedKeys = _React$useState12[0],
-    setLoadedKeys = _React$useState12[1];
-  var _React$useState13 = React.useState(new _Set()),
+    loadingKeys = _React$useState12[0],
+    setLoadingKeys = _React$useState12[1];
+  var _React$useState13 = React.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    loadingKeys = _React$useState14[0],
-    setLoadingKeys = _React$useState14[1];
-  var _React$useState15 = React.useState([]),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    searchExpandedKeys = _React$useState16[0],
-    setSearchExpandedKeys = _React$useState16[1];
+    searchExpandedKeys = _React$useState14[0],
+    setSearchExpandedKeys = _React$useState14[1];
   var isSearching = React.useMemo(function () {
     return typeof filterTreeNode === 'function' && !!filterValue;
   }, [filterValue]);
@@ -157,13 +153,11 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var filterData = React.useMemo(function () {
     return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
   }, [spreadAttrData, isSearching, posData, keysData]);
-  var _useViewportHeight = useViewportHeight(height, listRef),
-    _useViewportHeight2 = _slicedToArray(_useViewportHeight, 1),
-    viewportHeight = _useViewportHeight2[0];
-  var _useVisibleDataMemo = useVisibleDataMemo(virtual, filterData, viewportHeight, estimatedItemSize, start),
-    _useVisibleDataMemo2 = _slicedToArray(_useVisibleDataMemo, 1),
-    visibleData = _useVisibleDataMemo2[0];
-  var index = React.useMemo(function () {
+  useEffect(function () {
+    var _a, _b;
+    if (typeof scrollKey === 'undefined') {
+      return;
+    }
     var scrollIndex = 0;
     for (var i = 0; i < filterData.length; i++) {
       if (filterData[i].key === scrollKey) {
@@ -171,19 +165,21 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
         break;
       }
     }
-    return scrollIndex;
-  }, [filterData, scrollKey]);
-  useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls);
-  usePlantomHeightEffect(plantomRef, filterData, estimatedItemSize);
-  var handleScroll = useCallback(function () {
-    if (!virtual) return;
-    var scrollTop = scrollRef.current.scrollTop;
-    setStart(Math.floor(scrollTop / estimatedItemSize));
-    var tempStartOffset = scrollTop - scrollTop % estimatedItemSize;
-    if (listRef.current && virtual) {
-      listRef.current.style.transform = "translate3d(0,".concat(tempStartOffset, "px,0)");
+    if (virtual) {
+      (_a = virtualListRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+        index: scrollIndex
+      });
+    } else {
+      var wrapperDom = scrollRef.current;
+      var node = wrapperDom ? (_b = wrapperDom === null || wrapperDom === void 0 ? void 0 : wrapperDom.children[0]) === null || _b === void 0 ? void 0 : _b.children[scrollIndex] : null;
+      if (node && wrapperDom) {
+        var containerHeight = wrapperDom.clientHeight;
+        var targetHeight = node.clientHeight;
+        var scrollPosition = node.offsetTop + targetHeight - containerHeight;
+        wrapperDom.scrollTop = scrollPosition;
+      }
     }
-  }, [listRef, scrollRef, virtual, estimatedItemSize]);
+  }, [filterData, scrollKey, virtual]);
   var handleNodeLoad = useCallback(function (loadedKeys, loadingKeys, data) {
     var key = data.key;
     if (!loadData || loadedKeys.has(key) || loadingKeys.has(key)) {
@@ -228,7 +224,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var newSearchExpandedKeys = expanded ? addKeys(searchExpandedKeys, [key]) : delKey(searchExpandedKeys, [key]);
       setSearchExpandedKeys(newSearchExpandedKeys);
     }
-    setScrollKey('');
+    setScrollKey(undefined);
     setIsInit(false);
     if (expanded && loadData) {
       handleNodeLoad(loadedKeys, loadingKeys, node);
@@ -374,18 +370,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     setCheckedKeys(checkedKeys);
   }, [checkedKeys, setCheckedKeys]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: treeNodeClassName,
-    style: style,
-    ref: scrollRef,
-    onScroll: handleScroll
-  }, others), /*#__PURE__*/React.createElement("div", {
-    ref: plantomRef,
-    className: "".concat(treePrefixCls, "-plantom")
-  }), /*#__PURE__*/React.createElement("div", {
-    className: treeRootClassName,
-    ref: listRef
-  }, !(visibleData === null || visibleData === void 0 ? void 0 : visibleData.length) && notFoundContent, visibleData && _mapInstanceProperty(visibleData).call(visibleData, function (item) {
+  var renderTreeNode = function renderTreeNode(item) {
     var checked = getChecked(checkedKeys, item.key);
     var indeterminate = getHalfChecked(halfCheckedKeys, item.key);
     item.nodeKey = item.key;
@@ -423,7 +408,33 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       key: item.key,
       ref: treeNodeRef
     }));
-  })));
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: treeNodeClassName,
+    style: style,
+    ref: scrollRef
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: treeRootClassName,
+    ref: listRef
+  }, !(filterData === null || filterData === void 0 ? void 0 : filterData.length) && notFoundContent, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+    className: className,
+    style: style,
+    ref: virtualListRef,
+    data: filterData,
+    isStaticItemHeight: true,
+    itemKey: function itemKey(item) {
+      return item === null || item === void 0 ? void 0 : item.key;
+    },
+    height: height,
+    itemHeight: estimatedItemSize,
+    outerStyle: {
+      overflow: 'unset'
+    },
+    innerStyle: {
+      minWidth: '100%',
+      width: 'max-contnet'
+    }
+  }, renderTreeNode) : _mapInstanceProperty(filterData).call(filterData, renderTreeNode)));
 });
 var Tree = InternalTree;
 Tree.displayName = 'Tree';

package/es/tree/treeNode.js

@@ -18,7 +18,7 @@ import { getCompProps } from '../_utils';
 import Checkbox from './../checkbox';
 import Icon from '../icon';
 import Spin from '../spin';
-var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var TreeNode = /*#__PURE__*/React.forwardRef(function (props) {
   var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -230,11 +230,6 @@ var TreeNode = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleSelect = React.useCallback(function (e) {
     selectable && !disabled && onSelect && onSelect(e, nodeData, nodeKey);
   }, [onSelect, selectable, disabled, nodeData, nodeKey]);
-  React.useImperativeHandle(ref, function () {
-    return {
-      selectNode: handleSelect
-    };
-  });
   var handleExpandIconClick = useCallback(function (e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     setExpandState(!expandState);

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

@@ -48,6 +48,7 @@ export declare type ITreeProps = {
     treeExpandOnClickNode?: boolean;
     showTreeIcon?: boolean;
     treeLoadData?: () => void;
+    listHeight?: number;
 };
 export declare type TreeSelectValue = string | string[] | number | number[] | undefined;
 export interface ITreeSelectProps<T extends TreeSelectValue> extends AbstractSelectProps, ITreeProps {

package/es/tree-select/style/index.css

@@ -228,7 +228,7 @@
   z-index: var(--kd-c-tree-select-z-index, var(--kd-g-z-index-popper, 1050));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  padding: 4px 0;
+  padding: var(--kd-c-tree-select-dropdown-spacing-padding-vertical, 8px) 0;
   margin: 0;
   overflow: auto;
   font-size: var(--kd-c-tree-select-dropdown-font-size, 12px);
@@ -240,6 +240,9 @@
           box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
   max-height: 200px;
 }
+.kd-tree-select-dropdown .kd-tree {
+  padding: 0;
+}
 .kd-tree-select-dropdown .kd-tree-node-item {
   padding: 0 var(--kd-c-tree-select-dropdown-node-spacing-padding-horizontal, 16px);
 }

package/es/tree-select/style/index.less

@@ -126,7 +126,7 @@
     left: 0;
     z-index: @tree-select-z-index;
     box-sizing: border-box;
-    padding: 4px 0;
+    padding: @tree-select-padding-vertical 0;
     margin: 0;
     overflow: auto;
     font-size: @tree-select-list-font-size;
@@ -137,6 +137,10 @@
     box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
     max-height: 200px;
 
+    .@{tree-prefix-cls} {
+      padding: 0;
+    }
+
     .@{tree-prefix-cls}-node-item {
       padding: 0 @tree-select-dropdown-node-horizontal;
     }

package/es/tree-select/style/token.less

@@ -45,6 +45,7 @@
 @tree-select-bordered: var(~'@{tree-select-custom-prefix}-bordered-spacing-padding-left', 8px);
 @tree-select-wrapper-padding: var(~'@{tree-select-custom-prefix}-wrapper-spacing-padding', 1px 28px 1px 0);
 @tree-select-dropdown-node-horizontal: var(~'@{tree-select-custom-prefix}-dropdown-node-spacing-padding-horizontal', 16px);
+@tree-select-padding-vertical: var(~'@{tree-select-custom-prefix}-dropdown-spacing-padding-vertical', 8px);
 
 // radius
 @tree-select-g-radius-border: var(~'@{tree-select-custom-prefix}-radius-border', @radius-border);

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

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
@@ -96,7 +97,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     onSelect = treeSelectProps.onSelect,
     onCheck = treeSelectProps.onCheck,
     dropdownRender = treeSelectProps.dropdownRender,
-    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon;
+    onlyExpandOnClickIcon = treeSelectProps.onlyExpandOnClickIcon,
+    listHeight = treeSelectProps.listHeight;
   var isMultiple = mode === 'multiple'; // 是否多选
   var _useMergedState = useMergedState(isMultiple ? [] : undefined, {
       value: value,
@@ -155,16 +157,26 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   var commCls = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames4, _concatInstanceProperty(_context3 = "".concat(selectPrefixCls, "-size-")).call(_context3, size), size), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-wrapper"), true), _classNames4));
   useEffect(function () {
     var arr = [];
-    if (isMultiple && (initValue === null || initValue === void 0 ? void 0 : initValue.length)) {
+    if (isMultiple) {
       for (var index = 0; index < initValue.length; index++) {
         var key = initValue[index];
         if (TreeMap.has(key)) {
           arr.push(TreeMap.get(key));
+        } else {
+          arr.push({
+            key: key,
+            title: key
+          });
         }
       }
     } else {
       if (TreeMap.has(initValue)) {
         arr.push(TreeMap.get(initValue));
+      } else {
+        _typeof(initValue) !== undefined && arr.push({
+          key: initValue,
+          title: initValue
+        });
       }
     }
     setSelectTreeNodes(arr);
@@ -315,7 +327,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
       notFoundContent: renderNotContent(),
       filterTreeNode: defFilterTreeNode,
       onSelect: handleSelect,
-      onExpand: handleExpand
+      onExpand: handleExpand,
+      height: listHeight
     };
     if (isMultiple) {
       treeProps.checkable = true;
@@ -343,7 +356,8 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropDownStyle = _extends({
-      width: style === null || style === void 0 ? void 0 : style.width
+      width: style === null || style === void 0 ? void 0 : style.width,
+      maxHeight: virtual ? 'unset' : ''
     }, dropdownStyle);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: dropDownCls,

package/es/virtual-list/Filler.d.ts

@@ -3,6 +3,7 @@ interface FillerProps {
     height: number;
     offset?: number;
     outerStyle?: React.CSSProperties;
+    innerStyle?: React.CSSProperties;
     children: React.ReactNode;
 }
 declare const Filler: React.FC<FillerProps>;

package/es/virtual-list/Filler.js

@@ -4,7 +4,8 @@ var Filler = function Filler(_ref) {
   var height = _ref.height,
     offset = _ref.offset,
     children = _ref.children,
-    propsOuterStyle = _ref.outerStyle;
+    propsOuterStyle = _ref.outerStyle,
+    propsInnerStyle = _ref.innerStyle;
   var outerStyle = {};
   var innerStyle = {
     display: 'flex',
@@ -17,13 +18,13 @@ var Filler = function Filler(_ref) {
       overflow: 'hidden',
       zIndex: 0
     }, propsOuterStyle);
-    innerStyle = _extends(_extends({}, innerStyle), {
+    innerStyle = _extends(_extends(_extends({}, innerStyle), {
       transform: "translateY(".concat(offset, "px)"),
       position: 'absolute',
       left: 0,
       right: 0,
       top: 0
-    });
+    }), propsInnerStyle);
   }
   return /*#__PURE__*/React.createElement("div", {
     style: outerStyle

package/es/virtual-list/virtual-list.d.ts

@@ -17,6 +17,7 @@ export interface VirtualListProps<T> extends Omit<React.HTMLAttributes<any>, 'ch
     scrollOptions?: ScrollIntoViewOptions;
     needFiller?: boolean;
     outerStyle?: CSSProperties;
+    innerStyle?: CSSProperties;
     onScroll?: React.UIEventHandler<HTMLElement>;
 }
 export declare type AvailableVirtualListProps = Pick<VirtualListProps<any>, 'height' | 'itemHeight' | 'threshold' | 'isStaticItemHeight' | 'scrollOptions'>;

package/es/virtual-list/virtual-list.js

@@ -74,7 +74,7 @@ var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$wrapper = props.wrapper,
     WrapperTagName = _props$wrapper === void 0 ? 'div' : _props$wrapper,
     _props$height = props.height,
-    propHeight = _props$height === void 0 ? 300 : _props$height,
+    propHeight = _props$height === void 0 ? '100%' : _props$height,
     _props$isStaticItemHe = props.isStaticItemHeight,
     isStaticItemHeight = _props$isStaticItemHe === void 0 ? true : _props$isStaticItemHe,
     propItemHeight = props.itemHeight,
@@ -84,7 +84,8 @@ var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$needFiller = props.needFiller,
     needFiller = _props$needFiller === void 0 ? true : _props$needFiller,
     outerStyle = props.outerStyle,
-    restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle"]);
+    innerStyle = props.innerStyle,
+    restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle"]);
   var styleListMaxHeight = style && style.maxHeight || propHeight;
   var refItemHeightMap = useRef({});
   var _useState = useState(200),
@@ -507,7 +508,8 @@ var VirtualList = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, restProps), isVirtual ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Filler, {
     height: itemTotalHeight,
     offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0,
-    outerStyle: outerStyle
+    outerStyle: outerStyle,
+    innerStyle: innerStyle
   }, renderChildren(_sliceInstanceProperty(data).call(data, state.startIndex, state.endIndex + 1), state.startIndex)), renderLongestItem()) : needFiller ? /*#__PURE__*/React.createElement(Filler, {
     height: viewportHeight
   }, renderChildren(data, 0)) : renderChildren(data, 0)));

package/lib/_utils/reactNode.d.ts

@@ -3,5 +3,6 @@ export declare const isValidElement: typeof React.isValidElement;
 declare type AnyObject = Record<any, any>;
 declare type RenderProps = undefined | AnyObject | ((originProps: AnyObject) => AnyObject | undefined);
 export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props: RenderProps): React.ReactNode;
+export declare function isFragment(child: any): boolean;
 export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
 export {};

package/lib/_utils/reactNode.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cloneElement = cloneElement;
+exports.isFragment = isFragment;
 exports.isValidElement = void 0;
 exports.replaceElement = replaceElement;
 var React = _interopRequireWildcard(require("react"));
@@ -18,6 +19,9 @@ function replaceElement(element, replacement, props) {
   if (!isValidElement(element)) return replacement;
   return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 }
+function isFragment(child) {
+  return child && isValidElement(child) && child.type === React.Fragment;
+}
 function cloneElement(element, props) {
   return replaceElement(element, element, props);
 }

package/lib/checkbox/group.js

@@ -43,7 +43,7 @@ var CheckboxGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
     userDefaultProps = _useContext.compDefaultProps;
-  var CheckboxProps = (0, _utils.getCompProps)('Checkbox', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
+  var CheckboxProps = (0, _utils.getCompProps)('CheckboxGroup', userDefaultProps, props); // 多选组属性需要合并一遍用户定义的默认属性
   var checkboxType = CheckboxProps.checkboxType,
     className = CheckboxProps.className,
     style = CheckboxProps.style,

package/lib/collapse/style/index.css

@@ -116,6 +116,9 @@
 .kd-collapse-panel:last-child {
   border-top: none;
 }
+.kd-collapse-panel:first-child {
+  border-top: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9));
+}
 .kd-collapse-panel {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/lib/collapse/style/index.less

@@ -9,6 +9,9 @@
   &-panel:last-child {
     border-top: none;
   }
+  &-panel:first-child {
+    border-top: @collapse-border-width solid @collapse-border-color;
+  }
   &-panel {
     display: inline-flex;
     flex-direction: column;

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

@@ -446,6 +446,8 @@ declare const compDefaultProps: {
         showSearch: boolean;
         switcherIcon: () => JSX.Element;
         expandOnClickNode: boolean;
+        listHeight: number;
+        virtual: boolean;
     };
     CityPicker: {
         type: string;

package/lib/config-provider/compDefaultProps.js

@@ -474,7 +474,9 @@ var compDefaultProps = {
         type: "arrow-right-solid"
       });
     },
-    expandOnClickNode: false
+    expandOnClickNode: false,
+    listHeight: 184,
+    virtual: true
   },
   CityPicker: {
     type: 'domestic',

package/lib/dropdown/dropdown.js

@@ -17,6 +17,7 @@ var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigCo
 var _utils = require("../_utils");
 var _menu = require("./menu");
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
+var _reactNode = require("../_utils/reactNode");
 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 findItem = function findItem(element) {
@@ -71,9 +72,9 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       children.props.onBlur && children.props.onBlur(e);
       handleVisibleChange(false);
     }
-  }) : children) : /*#__PURE__*/React.cloneElement(React.Children.only(children), {
-    ref: children.ref || ref,
-    className: (0, _classnames.default)("".concat(prefixCls, "-trigger"), children.props.className, {
+  }) : children) : /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.isValidElement(children) && !(0, _reactNode.isFragment)(children) ? children : /*#__PURE__*/React.createElement("span", null, children), {
+    ref: /*#__PURE__*/React.isValidElement(children) && !(0, _reactNode.isFragment)(children) && children.ref ? children.ref : ref,
+    className: (0, _classnames.default)("".concat(prefixCls, "-trigger"), /*#__PURE__*/React.isValidElement(children) && !(0, _reactNode.isFragment)(children) && children.props && children.props.className, {
       disabled: disabled
     })
   });

package/lib/input/input.js

@@ -83,8 +83,7 @@ var InternalInput = function InternalInput(props, ref) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     showNumberMark = _useState4[0],
     setShowNumberMark = _useState4[1];
-  var thisInputRef = (0, _react.useRef)();
-  var inputRef = ref || thisInputRef;
+  var inputRef = (0, _react.useRef)();
   var inputPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // 按钮样式前缀
   var addonBefore = others.addonBefore,
     addonAfter = others.addonAfter;
@@ -163,6 +162,25 @@ var InternalInput = function InternalInput(props, ref) {
       setShowNumberMark(false);
     }
   }, [focused]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      input: inputRef.current,
+      focus: function focus() {
+        var _a;
+        setFocused(true);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      },
+      blur: function blur() {
+        var _a;
+        setFocused(false);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      },
+      select: function select() {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.select();
+      }
+    };
+  });
   return /*#__PURE__*/_react.default.createElement(_ClearableLabeledInput.default, (0, _extends2.default)({}, inputProps, {
     handleReset: handleReset,
     value: value,

package/lib/input-number/inputNumber.js

@@ -84,6 +84,9 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     return true;
   };
   (0, _react.useEffect)(function () {
+    if (typeof value === 'undefined') {
+      return;
+    }
     setInputValue((0, _numberUtil.serialization)(value + ''));
   }, [value]);
   var handleEventAttachValue = function handleEventAttachValue(event, value) {
@@ -252,6 +255,9 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     inputStatus.current.inputFocused = false;
   };
   (0, _react.useEffect)(function () {
+    if (typeof value === 'undefined') {
+      return;
+    }
     var _inputStatus$current = inputStatus.current,
       isHandleChange = _inputStatus$current.isHandleChange,
       inputFocused = _inputStatus$current.inputFocused;

package/lib/menu/menu.js

@@ -41,10 +41,10 @@ var openSubMenuSet = new _set.default();
 var Menu = function Menu(props) {
   var _context2, _classNames;
   var _a;
-  var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+  var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    pkgPrefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var userSelectedKey = props.selectedKey,
     userOpenKeys = props.openKeys;
   var _b = (0, _utils.getCompProps)('Menu', userDefaultProps, props),
@@ -60,22 +60,23 @@ var Menu = function Menu(props) {
     theme = _b.theme,
     collapsed = _b.collapsed,
     accordion = _b.accordion,
-    restProps = __rest(_b, ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion"]);
+    defaultOpenKeys = _b.defaultOpenKeys,
+    restProps = __rest(_b, ["prefixCls", "mode", "inlineIndent", "forceSubMenuRender", "additionalTools", "onClick", "onOpenChange", "children", "className", "theme", "collapsed", "accordion", "defaultOpenKeys"]);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
   (0, _devwarning.default)(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
   (0, _devwarning.default)(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
-  var _React$useState = _react.default.useState(''),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    selectedKey = _React$useState2[0],
-    setSelectedKey = _React$useState2[1];
-  var _React$useState3 = _react.default.useState([]),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    selectedKeyPath = _React$useState4[0],
-    setSelectedKeyPath = _React$useState4[1];
-  var _React$useState5 = _react.default.useState([]),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    openKeys = _React$useState6[0],
-    setOpenKeys = _React$useState6[1];
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedKey = _useState2[0],
+    setSelectedKey = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    selectedKeyPath = _useState4[0],
+    setSelectedKeyPath = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    openKeys = _useState6[0],
+    setOpenKeys = _useState6[1];
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
   }
@@ -90,6 +91,14 @@ var Menu = function Menu(props) {
       setSelectedKey(userSelectedKey);
     }
   }, [userSelectedKey]);
+  (0, _react.useEffect)(function () {
+    if (Array.isArray(defaultOpenKeys)) {
+      setOpenKeys(defaultOpenKeys);
+      defaultOpenKeys.forEach(function (d) {
+        openSubMenuSet.add(d);
+      });
+    }
+  }, []);
   (0, _react.useEffect)(function () {
     if (userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
       setOpenKeys(userOpenKeys);