@kdcloudjs/kdesign 1.7.21 → 1.7.22

package/es/_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/es/_utils/reactNode.js

@@ -5,6 +5,9 @@ export function replaceElement(element, replacement, props) {
   if (!isValidElement(element)) return replacement;
   return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
 }
+export function isFragment(child) {
+  return child && isValidElement(child) && child.type === React.Fragment;
+}
 export function cloneElement(element, props) {
   return replaceElement(element, element, props);
 }

package/es/checkbox/group.js

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

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

@@ -7,6 +7,7 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import { Menu, Item } from './menu';
 import usePopper from '../_utils/usePopper';
+import { isFragment } from '../_utils/reactNode';
 var findItem = function findItem(element) {
   var isItem = /dropdown-menu-item/.test(element.className);
   if (isItem) {
@@ -59,9 +60,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: classNames("".concat(prefixCls, "-trigger"), children.props.className, {
+  }) : children) : /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.isValidElement(children) && !isFragment(children) ? children : /*#__PURE__*/React.createElement("span", null, children), {
+    ref: /*#__PURE__*/React.isValidElement(children) && !isFragment(children) && children.ref ? children.ref : ref,
+    className: classNames("".concat(prefixCls, "-trigger"), /*#__PURE__*/React.isValidElement(children) && !isFragment(children) && children.props && children.props.className, {
       disabled: disabled
     })
   });

package/es/input/input.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, useState, useRef, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
@@ -68,8 +68,7 @@ var InternalInput = function InternalInput(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     showNumberMark = _useState4[0],
     setShowNumberMark = _useState4[1];
-  var thisInputRef = useRef();
-  var inputRef = ref || thisInputRef;
+  var inputRef = useRef();
   var inputPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // 按钮样式前缀
   var addonBefore = others.addonBefore,
     addonAfter = others.addonAfter;
@@ -148,6 +147,25 @@ var InternalInput = function InternalInput(props, ref) {
       setShowNumberMark(false);
     }
   }, [focused]);
+  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.createElement(ClearableInput, _extends({}, inputProps, {
     handleReset: handleReset,
     value: value,

package/es/input-number/inputNumber.js

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

package/es/menu/menu.js

@@ -14,7 +14,7 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useEffect } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { toArray } from '../_utils/react-children';
 import { ConfigContext } from '../config-provider';
 import { getCompProps } from '../_utils';
@@ -29,10 +29,10 @@ var openSubMenuSet = new _Set();
 var Menu = function Menu(props) {
   var _context2, _classNames;
   var _a;
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    pkgPrefixCls = _React$useContext.prefixCls,
-    userDefaultProps = _React$useContext.compDefaultProps;
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    pkgPrefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var userSelectedKey = props.selectedKey,
     userOpenKeys = props.openKeys;
   var _b = getCompProps('Menu', userDefaultProps, props),
@@ -48,22 +48,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);
   devWarning(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
   devWarning(mode !== 'inline' && accordion !== undefined, 'menu', "'accordion' is valid only in mode='inline'");
-  var _React$useState = React.useState(''),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedKey = _React$useState2[0],
-    setSelectedKey = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    selectedKeyPath = _React$useState4[0],
-    setSelectedKeyPath = _React$useState4[1];
-  var _React$useState5 = React.useState([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    openKeys = _React$useState6[0],
-    setOpenKeys = _React$useState6[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedKey = _useState2[0],
+    setSelectedKey = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedKeyPath = _useState4[0],
+    setSelectedKeyPath = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    openKeys = _useState6[0],
+    setOpenKeys = _useState6[1];
   if (mode === 'inline') {
     restProps.triggerSubMenuAction = 'click';
   }
@@ -78,6 +79,14 @@ var Menu = function Menu(props) {
       setSelectedKey(userSelectedKey);
     }
   }, [userSelectedKey]);
+  useEffect(function () {
+    if (Array.isArray(defaultOpenKeys)) {
+      setOpenKeys(defaultOpenKeys);
+      defaultOpenKeys.forEach(function (d) {
+        openSubMenuSet.add(d);
+      });
+    }
+  }, []);
   useEffect(function () {
     if (userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
       setOpenKeys(userOpenKeys);

package/es/menu/style/index.css

@@ -107,6 +107,7 @@
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
 .menu-hidden {
+  display: none;
   opacity: 0;
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
@@ -534,6 +535,7 @@
   color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
 }
 .kd-menu-popper.hidden {
+  display: none;
   opacity: 0;
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
@@ -575,6 +577,7 @@
           transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
 }
 .kd-menu-popper .kd-menu-submenu-sub-hide {
+  display: none;
   opacity: 0;
   visibility: hidden;
   -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;

package/es/menu/style/mixin.less

@@ -79,6 +79,7 @@
 }
 
 .menu-hidden {
+  display: none;
   opacity: 0;
   visibility: hidden;
   animation: kdZoomTopLeftOut calc(@menu-motion-duration - 0.1s) cubic-bezier(0, .4, .4, 1) forwards;

package/es/select/select.js

@@ -8,7 +8,7 @@ import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instanc
 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 React, { useContext, useRef, useEffect, useState, useCallback, useLayoutEffect, useMemo, useImperativeHandle } from 'react';
 import { useMergedState } from '../_utils/hooks';
 import isBoolean from 'lodash/isBoolean';
 import classNames from 'classnames';
@@ -73,8 +73,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     initValue = _useMergedState2[0],
     setInitValue = _useMergedState2[1];
   var realChildren = Array.isArray(options) ? options : toArray(children); // options配置项和默认children
-  var innerRef = useRef();
-  var selectRef = ref || innerRef;
+  var selectRef = useRef();
   var searchRef = useRef(null); // 搜索框ref
   var selectionRef = useRef(null);
   var dropDownRef = useRef(null);
@@ -742,6 +741,21 @@ var InternalSelect = function InternalSelect(props, ref) {
       (_a = clearRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', fn);
     };
   }, [singleVal, mulOptions]);
+  useImperativeHandle(ref, function () {
+    return {
+      select: selectRef.current,
+      focus: function focus() {
+        var _a;
+        setFocusd(true);
+        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      },
+      blur: function blur() {
+        var _a;
+        setFocusd(false);
+        (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      }
+    };
+  });
   var _useState13 = useState(isShowSearch ? getActiveIndex(0) : -1),
     _useState14 = _slicedToArray(_useState13, 2),
     activeIndex = _useState14[0],

package/es/timeline/TimelineItem.js

@@ -43,6 +43,7 @@ var TimelineItem = function TimelineItem(props) {
   var labelStyle = mode !== 'alternate' ? _defineProperty({
     width: "".concat(labelWidth, "px")
   }, _concatInstanceProperty(_context = "margin".concat(mode === null || mode === void 0 ? void 0 : mode.substring(0, 1).toUpperCase())).call(_context, mode === null || mode === void 0 ? void 0 : mode.substring(1)), "-".concat(labelWidth, "px")) : {};
+  var marginDistance = pending ? Math.round(lineHeight / 2 + 12 / 2 + 2) : Math.round(lineHeight / 2 + 9 / 2 + 2);
   return /*#__PURE__*/React.createElement("li", _extends({}, restProps, {
     className: itemClassName
   }), label && /*#__PURE__*/React.createElement("div", {
@@ -53,7 +54,7 @@ var TimelineItem = function TimelineItem(props) {
   }, label), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-tail"),
     style: {
-      marginTop: lineHeight - 2
+      marginTop: marginDistance
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: dotClassName,

package/es/timeline/style/index.css

@@ -297,16 +297,15 @@
 .kd-timeline.pending .kd-timeline-item.last .kd-timeline-item-tail {
   display: block;
   height: calc(100% - 14px);
-  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
+  border-left: 1px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
 }
 .kd-timeline.reverse .kd-timeline-item.last .kd-timeline-item-tail {
   display: none;
 }
 .kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-tail {
-  top: 15px;
   display: block;
   height: calc(100% - 15px);
-  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
+  border-left: 1px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5));
 }
 .kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-content {
   min-height: 48px;

package/es/timeline/style/index.less

@@ -241,7 +241,7 @@
   &.pending .@{timeline-item-prefix-cls}.last .@{timeline-item-prefix-cls}-tail {
     display: block;
     height: calc(100% - 14px);
-    border-left: 2px dotted @timeline-line-color;
+    border-left: 1px dotted @timeline-line-color;
   }
 
   &.reverse .@{timeline-item-prefix-cls}.last .@{timeline-item-prefix-cls}-tail {
@@ -250,10 +250,9 @@
 
   &.reverse .@{timeline-item-prefix-cls}.pending {
     .@{timeline-item-prefix-cls}-tail {
-      top: 15px;
       display: block;
       height: calc(100% - 15px);
-      border-left: 2px dotted @timeline-line-color;
+      border-left: 1px dotted @timeline-line-color;
     }
     .@{timeline-item-prefix-cls}-content {
       min-height: 48px;

package/es/tooltip/tooltip.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import React, { useRef } from 'react';
 import { getCompProps } from '../_utils';
+import { isFragment } from '../_utils/reactNode';
 import { ConfigContext } from '../config-provider';
 import usePopper from '../_utils/usePopper';
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -16,8 +17,8 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customPrefixcls = allProps.prefixCls;
   // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'tooltip', customPrefixcls);
-  var tiplocator = /*#__PURE__*/React.cloneElement(React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children), {
-    ref: children.ref || ref
+  var tiplocator = /*#__PURE__*/React.cloneElement( /*#__PURE__*/React.isValidElement(children) && !isFragment(children) ? children : /*#__PURE__*/React.createElement("span", null, children), {
+    ref: /*#__PURE__*/React.isValidElement(children) && !isFragment(children) && children.ref ? children.ref : ref
   });
   var onVisibleChange = function onVisibleChange(v) {
     if (status.current === v && allProps.visible === undefined) return;

package/es/tree/tree.js

@@ -426,7 +426,14 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return item === null || item === void 0 ? void 0 : item.key;
     },
     height: height,
-    itemHeight: estimatedItemSize
+    itemHeight: estimatedItemSize,
+    outerStyle: {
+      overflow: 'unset'
+    },
+    innerStyle: {
+      minWidth: '100%',
+      width: 'max-contnet'
+    }
   }, renderTreeNode) : _mapInstanceProperty(filterData).call(filterData, renderTreeNode)));
 });
 var Tree = InternalTree;

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