@kdcloudjs/kdesign 1.5.1 → 1.5.4

package/es/anchor/anchor-link.js

@@ -41,12 +41,6 @@ var AnchorLink = function AnchorLink(props) {
   }, [href, registerLink, prevHref]);
 
   var handleClick = function handleClick(e) {
-    var anchorElement = document.getElementById(href.replace('#', ''));
-
-    if (anchorElement) {
-      anchorElement.scrollIntoView();
-    }
-
     onClick === null || onClick === void 0 ? void 0 : onClick(e, {
       title: title,
       href: href

package/es/anchor/anchor.js

@@ -43,6 +43,85 @@ function getOffsetTop(element, container) {
   return rect.top;
 }
 
+function isWindow(obj) {
+  return obj !== null && obj !== undefined && obj === obj.window;
+}
+
+function getScroll(target, top) {
+  var _a;
+
+  if (typeof window === 'undefined') {
+    return 0;
+  }
+
+  var method = top ? 'scrollTop' : 'scrollLeft';
+  var result = 0;
+
+  if (isWindow(target)) {
+    result = target[top ? 'pageYOffset' : 'pageXOffset'];
+  } else if (target instanceof Document) {
+    result = target.documentElement[method];
+  } else if (target) {
+    result = target[method];
+  }
+
+  if (target && !isWindow(target) && typeof result !== 'number') {
+    result = (_a = (target.ownerDocument || target).documentElement) === null || _a === void 0 ? void 0 : _a[method];
+  }
+
+  return result;
+}
+
+function easeInOutCubic(t, b, c, d) {
+  var cc = c - b;
+  t /= d / 2;
+
+  if (t < 1) {
+    return cc / 2 * t * t * t + b;
+  }
+
+  return cc / 2 * ((t -= 2) * t * t + 2) + b;
+}
+
+function scrollTo(y) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$getContainer = options.getContainer,
+      getContainer = _options$getContainer === void 0 ? function () {
+    return window;
+  } : _options$getContainer,
+      callback = options.callback,
+      _options$duration = options.duration,
+      duration = _options$duration === void 0 ? 450 : _options$duration;
+  var container = getContainer();
+  var scrollTop = getScroll(container, true);
+  var startTime = Date.now();
+
+  var frameFunc = function frameFunc() {
+    var timestamp = Date.now();
+    var time = timestamp - startTime;
+    var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
+
+    if (isWindow(container)) {
+      ;
+      container.scrollTo(window.pageXOffset, nextScrollTop);
+    } else if (container instanceof HTMLDocument || container.constructor.name === 'HTMLDocument') {
+      ;
+      container.documentElement.scrollTop = nextScrollTop;
+    } else {
+      ;
+      container.scrollTop = nextScrollTop;
+    }
+
+    if (time < duration) {
+      window.requestAnimationFrame(frameFunc);
+    } else if (typeof callback === 'function') {
+      callback();
+    }
+  };
+
+  window.requestAnimationFrame(frameFunc);
+}
+
 var InternalAnchor = function InternalAnchor(props, ref) {
   var _a;
 
@@ -61,6 +140,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       getCurrentAnchor = anchorProps.getCurrentAnchor,
       _anchorProps$offsetTo = anchorProps.offsetTop,
       offsetTop = _anchorProps$offsetTo === void 0 ? 0 : _anchorProps$offsetTo,
+      targetOffset = anchorProps.targetOffset,
       getContainer = anchorProps.getContainer,
       _anchorProps$bounds = anchorProps.bounds,
       bounds = _anchorProps$bounds === void 0 ? 5 : _anchorProps$bounds,
@@ -265,6 +345,26 @@ var InternalAnchor = function InternalAnchor(props, ref) {
 
   var handleScrollTo = function handleScrollTo(link) {
     setCurrentActiveLink(link);
+    var container = getScrollContainer();
+    var scrollTop = getScroll(container, true);
+    var sharpLinkMatch = sharpMatcherRegx.exec(link);
+
+    if (!sharpLinkMatch) {
+      return;
+    }
+
+    var targetElement = document.getElementById(sharpLinkMatch[1]);
+
+    if (!targetElement) {
+      return;
+    }
+
+    var eleOffsetTop = getOffsetTop(targetElement, container);
+    var y = scrollTop + eleOffsetTop;
+    y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;
+    scrollTo(y, {
+      getContainer: getScrollContainer
+    });
   };
 
   var setCurrentActiveLink = useCallback(function (link) {
@@ -289,9 +389,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
       }
     }
 
-    var currentActiveLink = getAnchor(offsetTop || 0, bounds);
+    var currentActiveLink = getAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);
     currentActiveLink && setCurrentActiveLink(currentActiveLink);
-  }, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef]);
+  }, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef, targetOffset]);
   useEffect(function () {
     getScrollContainer().addEventListener('scroll', handleScroll);
     handleScroll();

package/es/avatar/avatar.js

@@ -32,7 +32,8 @@ var InternalAvatar = function InternalAvatar(props, ref) {
       alt = avatarProps.alt,
       children = avatarProps.children,
       gap = avatarProps.gap,
-      disabled = avatarProps.disabled;
+      disabled = avatarProps.disabled,
+      srcSet = avatarProps.srcSet;
   devWarning(AvatarSizes.indexOf(size) === -1 && typeof size !== 'number', 'avatar', "cannot found avatar type '".concat(size, "'"));
   devWarning(AvatarShapes.indexOf(shape) === -1, 'avatar', "cannot found avatar shape '".concat(shape, "'"));
 
@@ -106,6 +107,7 @@ var InternalAvatar = function InternalAvatar(props, ref) {
   if (typeof src === 'string' && isImgExist) {
     childrenToRender = /*#__PURE__*/React.createElement("img", {
       src: src,
+      srcSet: srcSet,
       draggable: draggable,
       onError: handleImgLoadError,
       alt: alt

package/es/drawer/drawer.js

@@ -206,6 +206,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     width: width,
     transform: transform
   } : {
+    height: height,
     transform: transform
   });
 

package/es/dropdown/dropdown.js

@@ -7,6 +7,17 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import { Menu, Item } from './menu';
 import usePopper from '../_utils/usePopper';
+
+var findItem = function findItem(element) {
+  var isItem = element.className === 'kd-dropdown-menu-item';
+
+  if (isItem) {
+    return element;
+  } else {
+    return element.parentNode ? findItem(element.parentNode) : null;
+  }
+};
+
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _a, _b, _c;
 
@@ -37,7 +48,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setVisible(!!props.visible);
   }, [props.visible]);
   var child = /*#__PURE__*/React.cloneElement(React.Children.only(children), {
-    ref: ref,
+    ref: children.ref || ref,
     className: classNames("".concat(prefixCls, "-trigger"), children.props.className, {
       disabled: disabled
     })
@@ -55,13 +66,12 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var menuSelectable = ((_b = menu.props) === null || _b === void 0 ? void 0 : _b.selectable) === undefined ? selectable : (_c = menu.props) === null || _c === void 0 ? void 0 : _c.selectable;
 
   var handleItemClick = function handleItemClick(e) {
-    var _a, _b;
+    var _a;
 
-    var currentTarget = e.target;
-    var parentTarget = currentTarget.parentNode;
-    var key = ((_a = currentTarget.dataset) === null || _a === void 0 ? void 0 : _a.key) || ((_b = currentTarget.parentNode.dataset) === null || _b === void 0 ? void 0 : _b.key);
+    var item = findItem(e.target);
+    var key = (_a = item === null || item === void 0 ? void 0 : item.dataset) === null || _a === void 0 ? void 0 : _a.key;
 
-    if (currentTarget.className.indexOf('disabled') === -1 && parentTarget.className.indexOf('disabled') === -1 && key) {
+    if ((item === null || item === void 0 ? void 0 : item.className.indexOf('disabled')) === -1 && key) {
       if (isMenu && menu.props.onClick) {
         menu.props.onClick(key);
       } else if (onItemClick) {

package/es/input/ClearableLabeledInput.js

@@ -46,13 +46,13 @@ var ClearableInput = function ClearableInput(props) {
   };
 
   var renderSuffix = function renderSuffix() {
-    if (!suffix && !allowClear) {
-      return null;
+    if (suffix || !disabled && allowClear) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "".concat(prefixCls, "-suffix")
+      }, renderClearIcon(), suffix);
     }
 
-    return /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixCls, "-suffix")
-    }, renderClearIcon(), suffix);
+    return null;
   };
 
   var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
@@ -76,7 +76,7 @@ var ClearableInput = function ClearableInput(props) {
   };
 
   var renderInputWithLabel = function renderInputWithLabel(originElement) {
-    var _classNames4, _context2, _classNames5, _context3;
+    var _classNames4, _context2, _classNames5;
 
     if (!addonBefore && !addonAfter) {
       return originElement;
@@ -96,8 +96,7 @@ var ClearableInput = function ClearableInput(props) {
       className: inputGroupClasses,
       style: style
     }, addonBeforeNode, /*#__PURE__*/React.cloneElement(originElement, {
-      style: null,
-      className: _concatInstanceProperty(_context3 = "".concat(originElement.props.className || '', " ")).call(_context3, prefixCls, "-wrapper")
+      style: null
     }), addonAfterNode));
   };
 

package/es/input/style/index.css

@@ -360,6 +360,15 @@ textarea {
 .kd-input-wrapper-focused .kd-input-textarea-clear-icon {
   color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3));
 }
+.kd-input-wrapper-disabled {
+  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
+  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
+  cursor: not-allowed;
+}
+.kd-input-wrapper-disabled .kd-input-suffix,
+.kd-input-wrapper-disabled .kd-input-prefix {
+  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
 .kd-input-wrapper-textarea {
   width: 100%;
   min-width: 0;
@@ -503,6 +512,7 @@ textarea {
 .kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled {
   background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
   border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
+  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
   cursor: not-allowed;
 }
 .kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon {

package/es/input/style/index.less

@@ -126,6 +126,16 @@ textarea {
         color: @input-border-color-focused;
       }
 		}
+
+    &-disabled {
+      background-color: @input-background-color-disabled-inner;
+      border-color: @input-border-color-disabled-inner;
+      cursor: not-allowed;
+
+      .@{input-prefix-cls}-suffix, .@{input-prefix-cls}-prefix {
+        color: @input-color-disabled-inner;
+      }
+    }
 	}
 	&-wrapper-textarea {
 		.input(@input-prefix-cls);
@@ -219,6 +229,7 @@ textarea {
 					&-disabled {
 						background-color: @input-background-color-disabled-inner;
 						border-color: @input-border-color-disabled-inner;
+            color: @input-color-disabled-inner;
 						cursor: not-allowed;
 					}
 				}

package/es/radio/style/index.css

@@ -407,7 +407,7 @@
 .kd-radio-button-checked:hover {
   color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
 }
-.kd-radio-button-checked::before {
+.kd-radio-button-checked:not(.kd-radio-button-disabled)::before {
   background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
 }
 .kd-radio-button-checked:first-child {

package/es/radio/style/index.less

@@ -312,7 +312,7 @@
       color: @radio-color-background;
     }
 
-    &::before {
+    &:not(.@{radio-button-prefix-cls}-disabled)::before {
       background-color: @radio-color-theme;
     }
 

package/es/select/select.js

@@ -448,7 +448,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
 
     var arrowIconCls = classNames((_classNames8 = {}, _defineProperty(_classNames8, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames8));
-    var iconShow = allowClear && (isMultiple ? mulOptions.length > 0 : selectedVal);
+    var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '');
     var clearIconCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-icon-clear"), true));
     return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
       onClick: handleReset,

package/es/select/style/index.css

@@ -428,7 +428,7 @@
 .kd-select-item-option-disabled {
   color: var(--kd-c-select-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
   cursor: not-allowed;
-  background-color: var(--kd-c-select-item-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
+  background-color: var(--kd-c-select-item-color-background-disabled, #fff);
 }
 .kd-select-size-small {
   min-height: var(--kd-c-select-sizing-height-small, 24px);
@@ -472,7 +472,7 @@
 }
 .kd-select-single-disabled {
   background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
-  color: var(--kd-c-select-color-text-disabled, #212121);
+  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-select-single-disabled:hover {
   cursor: not-allowed;
@@ -484,13 +484,13 @@
   opacity: 1;
 }
 .kd-select-single-text {
-  color: #666;
+  color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 .kd-select-single-disabled-text {
-  color: var(--kd-c-select-color-text-disabled, #212121);
+  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-select .kd-select-selection-item {
   display: -webkit-inline-box;
@@ -564,7 +564,7 @@
 .kd-select-multiple-disabled {
   cursor: not-allowed;
   background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
-  color: var(--kd-c-select-color-text-disabled, #212121);
+  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-select-multiple-disabled .kd-select-suffix {
   color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2);

package/es/select/style/index.less

@@ -234,7 +234,7 @@
       opacity: 1;
     }
     &-text {
-      color: #666;
+      color: @select-single-color-text;
       .over();
     }
     &-disabled-text {

package/es/select/style/token.less

@@ -5,7 +5,7 @@
 
 // color
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
-@select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', @color-background-contain-disabled);
+@select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', #fff);
 @select-item-active-bg: var(~'@{select-custom-prefix}-color-background', #f5f5f5);
 @select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', @color-theme-3);
 @select-g-color-border: var(~'@{select-custom-prefix}-color-border', @color-input);
@@ -18,8 +18,9 @@
 @select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', #0e5fd8);
 @select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);
 @select-color-background-disabled: var(~'@{select-custom-prefix}-color-background-disabled', #f5f5f5);
-@select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', #212121);
+@select-color-text-disabled: var(~'@{select-custom-prefix}-color-text-disabled', @color-disabled);
 @select-arrow-icon-color-text-disabled: var(~'@{select-custom-prefix}-arrow-icon-color-text-disabled', #b2b2b2);
+@select-single-color-text: var(~'@{select-custom-prefix}-single-color-text', @color-text-primary);
 
 // font
 @select-list-font-size: var(~'@{select-custom-prefix}-dropdown-font-size', 12px); // 下拉列表文字大小

package/es/stepper/stepper.js

@@ -29,6 +29,7 @@ var InternalStepper = function InternalStepper(props, ref) {
       stepBtnClassName = inputNumberProps.stepBtnClassName,
       max = inputNumberProps.max,
       min = inputNumberProps.min,
+      disabled = inputNumberProps.disabled,
       propsValue = inputNumberProps.value,
       defaultValue = inputNumberProps.defaultValue;
   var inputPrefixCls = getPrefixCls(prefixCls, 'inputNumber', customPrefixcls);
@@ -70,10 +71,11 @@ var InternalStepper = function InternalStepper(props, ref) {
       return null;
     }
 
-    var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled);
+    var decreaseClassName = getStepBtnClassNames('base', 'decrease', showPlusdisabled || disabled);
     return /*#__PURE__*/React.createElement("span", {
       className: decreaseClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('minus');
       }
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -83,10 +85,11 @@ var InternalStepper = function InternalStepper(props, ref) {
   };
 
   var getStepSuffix = function getStepSuffix() {
-    var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled);
+    var increaseClassName = getStepBtnClassNames('base', 'increase', showMinusdisabled || disabled);
     return type === 'embed' ? getEmbedStepView() : /*#__PURE__*/React.createElement("span", {
       className: increaseClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('plus');
       }
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -183,13 +186,14 @@ var InternalStepper = function InternalStepper(props, ref) {
     var _classNames2, _classNames3;
 
     var embedStepClassName = getStepBtnClassNames('embed');
-    var plusClassName = classNames("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, _defineProperty(_classNames2, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled), _classNames2));
-    var minusClassName = classNames("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, _defineProperty(_classNames3, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled), _classNames3));
+    var plusClassName = classNames("".concat(inputPrefixCls, "-embedStep-plus"), (_classNames2 = {}, _defineProperty(_classNames2, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames2, "".concat(inputPrefixCls, "-embedStep-disabled"), showMinusdisabled || disabled), _classNames2));
+    var minusClassName = classNames("".concat(inputPrefixCls, "-embedStep-minus"), (_classNames3 = {}, _defineProperty(_classNames3, stepBtnClassName, stepBtnClassName), _defineProperty(_classNames3, "".concat(inputPrefixCls, "-embedStep-disabled"), showPlusdisabled || disabled), _classNames3));
     return /*#__PURE__*/React.createElement("span", {
       className: embedStepClassName
     }, /*#__PURE__*/React.createElement("span", {
       className: plusClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('plus');
       }
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -198,6 +202,7 @@ var InternalStepper = function InternalStepper(props, ref) {
     })), /*#__PURE__*/React.createElement("span", {
       className: minusClassName,
       onMouseDown: function onMouseDown() {
+        if (disabled) return;
         handleStepMouseDown('minus');
       }
     }, /*#__PURE__*/React.createElement(Icon, {

package/es/stepper/style/index.css

@@ -152,6 +152,7 @@
 }
 .kd-inputNumber-baseStep-disabled {
   cursor: not-allowed;
+  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
   color: unset !important;
@@ -244,6 +245,7 @@
 }
 .kd-inputNumber-embedStep-disabled {
   cursor: not-allowed !important;
+  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
 }
 .kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
   color: unset !important;

package/es/stepper/style/index.less

@@ -53,6 +53,7 @@
 
     &-disabled {
       cursor: not-allowed;
+      color: @stepper-icon-color-disabled;
 
       .@{inputNumber-prefix-cls}-icon {
         color: unset !important;
@@ -104,6 +105,7 @@
 
     &-disabled {
       cursor: not-allowed !important;
+      color: @stepper-icon-color-disabled;
 
       .@{inputNumber-prefix-cls}-icon {
         color: unset !important;

package/es/stepper/style/token.less

@@ -7,15 +7,14 @@
 @stepper-icon-color-hover: var(~'@{stepper-prefix}-icon-color-hover', @color-theme);
 @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
 @stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', transparent);
+@stepper-icon-color-disabled: var(~'@{stepper-prefix}-icon-color-disabled', @color-disabled);
 
 // font
 @stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);
 
-
 // motion
 @stepper-motion-duration: var(~'@{stepper-prefix}-motion-duration', @duration-promptly);
 
-
 // sizing
 @stepper-input-small-sizing-height: var(~'@{stepper-prefix}-input-small-sizing-height', 20px);
 @stepper-input-middle-sizing-height: var(~'@{stepper-prefix}-input-middle-sizing-height', 28px);

package/es/style/icon/kdicon.css

@@ -99,6 +99,7 @@
 .kdicon-fixed-solid:before { content: "\e65f"; }
 .kdicon-fixed-window:before { content: "\e6d1"; }
 .kdicon-fixed:before { content: "\e6e3"; }
+.kdicon-fold:before { content: "\e71d"; }
 .kdicon-foldmenu:before { content: "\e70e"; }
 .kdicon-font-background-solid:before { content: "\e673"; }
 .kdicon-font-color-solid:before { content: "\e674"; }
@@ -209,7 +210,7 @@
 .kdicon-two-window:before { content: "\e6f6"; }
 .kdicon-underline-solid:before { content: "\e671"; }
 .kdicon-unfold-all:before { content: "\e6ad"; }
-.kdicon-unfold:before { content: "\e6bb"; }
+.kdicon-unfold:before { content: "\e71e"; }
 .kdicon-unfoldmenu:before { content: "\e70d"; }
 .kdicon-unlock-solid:before { content: "\e666"; }
 .kdicon-unlock:before { content: "\e69e"; }

package/es/tabs/style/index.css

@@ -294,6 +294,7 @@
   min-width: 120px;
   height: 100%;
   font-size: 0;
+  border-top: 1px solid transparent;
 }
 .kd-tabs-navs-card.kd-tabs-navs-left::before,
 .kd-tabs-navs-card.kd-tabs-navs-right::before,

package/es/tabs/style/index.less

@@ -156,6 +156,7 @@
       min-width: 120px;
       height: 100%;
       font-size: 0;
+      border-top: 1px solid transparent;
       &::before, &::after {
         position: absolute;
         content: '';

package/es/tooltip/tooltip.js

@@ -17,7 +17,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   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: ref
+    ref: children.ref || ref
   });
 
   var popperProps = _extends(_extends({}, allProps), {

package/es/tree/tree.js

@@ -10,7 +10,7 @@ import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import TreeNode from './treeNode';
-import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getDataCheckededState, getDataCheckededStateStrictly, getMaxLevel, getAllChildKeys, getPos, getSelected, calcDropPosition } from './utils/treeUtils';
+import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getDataCheckededState, getDataCheckededStateStrictly, getAllChildKeys, getPos, getSelected, calcDropPosition } from './utils/treeUtils';
 import { useChecked, useExpand, usePlantomHeightEffect, useViewportHeight, useVisibleDataMemo, useScrollToKey, useSelect } from './treeHooks';
 import isBoolean from 'lodash/isBoolean';
 var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -71,12 +71,11 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var treeRootClassName = "".concat(treePrefixCls, "-root");
   var estimatedItemSize = innerEstimatedItemSize; // 节点高度
 
-  var flattenAllData = React.useMemo(function () {
+  var _React$useMemo = React.useMemo(function () {
     return flattenAll(treeData, []);
-  }, [treeData]);
-  var maxLevel = React.useMemo(function () {
-    return getMaxLevel(flattenAllData);
-  }, [flattenAllData]);
+  }, [treeData]),
+      flattenAllData = _React$useMemo.flattenAllData,
+      maxLevel = _React$useMemo.maxLevel;
 
   var _useChecked = useChecked(checkStrictly, checkedKeysProps, defaultCheckedKeys, flattenAllData, maxLevel, checkable),
       _useChecked2 = _slicedToArray(_useChecked, 4),
@@ -123,7 +122,11 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       dragOverNodeKey = _React$useState10[0],
       setDragOverNodeKey = _React$useState10[1];
 
-  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue),
+  var isSearching = React.useMemo(function () {
+    return typeof filterTreeNode === 'function' && filterValue;
+  }, [filterValue]);
+
+  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching),
       _useExpand2 = _slicedToArray(_useExpand, 2),
       expandedKeys = _useExpand2[0],
       setExpandedKeys = _useExpand2[1];
@@ -132,8 +135,8 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return getSpreadAttrData(flattenAllData, expandedKeys);
   }, [flattenAllData, expandedKeys]);
   var filterData = React.useMemo(function () {
-    return getFilterData(spreadAttrData, filterTreeNode, filterValue);
-  }, [spreadAttrData, filterTreeNode, filterValue]);
+    return getFilterData(spreadAttrData, filterTreeNode, isSearching);
+  }, [spreadAttrData, isSearching]);
 
   var _useViewportHeight = useViewportHeight(height, listRef),
       _useViewportHeight2 = _slicedToArray(_useViewportHeight, 1),

package/es/tree/treeHooks.d.ts

@@ -4,6 +4,6 @@ export declare const useViewportHeight: (height: number, listRef: React.RefObjec
 export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
 export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
 export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], flattenAllData: any[], maxLevel: number, checkable: boolean) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
-export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, filterValue: string) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
+export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
 export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
 export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];

package/es/tree/treeHooks.js

@@ -64,7 +64,7 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, filterValue) {
+export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching) {
   var expandScrollkeys = [];
 
   if (scrollKey) {
@@ -73,8 +73,8 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
   }
 
   var initialExpandedKeys = React.useMemo(function () {
-    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, filterValue);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, filterValue]);
+    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching]);
   var newExpandedKeys = React.useMemo(function () {
     return getExpandedKeys(expandedKeysProps, expandScrollkeys);
   }, [expandedKeysProps]);