@kdcloudjs/kdesign 1.7.12 → 1.7.14

package/es/anchor/style/index.css

@@ -108,6 +108,8 @@
   padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
+  z-index: 1050;
 }
 .kd-anchor-wrapper {
   overflow: auto;

package/es/anchor/style/index.less

@@ -6,6 +6,8 @@
   position: relative;
   padding-left: @anchor-link-left;
   box-sizing: border-box;
+  background: @anchor-bg;
+  z-index: @zIndex-popper;
 
   &-wrapper {
     overflow: auto;
@@ -154,7 +156,7 @@
   &-link {
     padding: @anchor-link-padding;
 
-    &>.@{anchor-prefix-cls}-link {
+    & > .@{anchor-prefix-cls}-link {
       padding: @anchor-link-secondary-padding;
     }
 
@@ -193,6 +195,6 @@
   &.hidden {
     opacity: 0;
     visibility: hidden;
-    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4,0,0.6,1);
+    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   }
 }

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

@@ -295,7 +295,7 @@
   left: 8px;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .active-option {
-  background-color: #E3EBFF;
+  background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
 .kd-color-picker-pop .kd-color-picker-panel-transparent {
   width: 60px;

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

@@ -247,7 +247,7 @@
       }
 
       .active-option {
-        background-color: #E3EBFF;
+        background-color: @color-picker-panel-option-color-background;
       }
     }
 

package/es/color-picker/style/token.less

@@ -2,8 +2,8 @@
 
 @color-picker-custom-prefix: ~'--@{kd-prefix}-c-color-picker';
 
-// z-index
-@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);
+// color
+@color-picker-panel-option-color-background: var(~'@{color-picker-custom-prefix}-panel-option-color-background-selected', @color-theme-3);
 
 // font
 @color-picker-input-font-size: var(~'@{color-picker-custom-prefix}-input-font-size', @font-size-middle);
@@ -19,4 +19,7 @@
 @color-picker-panel-select-sizing-width: var(~'@{color-picker-custom-prefix}-panel-select-sizing-width', 212px);
 @color-picker-panel-select-sizing-height: var(~'@{color-picker-custom-prefix}-panel-select-sizing-height', 28px);
 @color-picker-panel-preset-sizing-width: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-width', 16px);
-@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+
+// z-index
+@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);

package/es/empty/defaultEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function DefaultEmptyImg(): JSX.Element;
+declare function DefaultEmptyImg(props: any): JSX.Element;
 export default DefaultEmptyImg;

package/es/empty/defaultEmptyImg.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
 import uniqueId from 'lodash/uniqueId';
-function DefaultEmptyImg() {
+function DefaultEmptyImg(props) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -13,7 +13,8 @@ function DefaultEmptyImg() {
     height: "96px",
     viewBox: "0 0 168 96",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/React.createElement("title", null, "\u7F16\u7EC4"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     x1: "50%",
     y1: "0%",

package/es/empty/empty.js

@@ -45,7 +45,9 @@ var InteranalEmpty = function InteranalEmpty(props, ref) {
     className: imgClasses,
     style: imageStyle,
     alt: "empty"
-  }) : image;
+  }) : typeof image === 'boolean' ? null : /*#__PURE__*/React.cloneElement(image, {
+    style: imageStyle
+  });
   var descriptionNode = description === undefined ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(emptyPrefixCls, "-description")
   }, emptyLangMsg.emptyText) : description ? /*#__PURE__*/React.createElement("div", {

package/es/empty/illustrationEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function IllustrationEmptyImg(): JSX.Element;
+declare function IllustrationEmptyImg(props: any): JSX.Element;
 export default IllustrationEmptyImg;

package/es/empty/illustrationEmptyImg.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import ConfigContext from '../config-provider/ConfigContext';
 import uniqueId from 'lodash/uniqueId';
-function IllustrationEmptyImg() {
+function IllustrationEmptyImg(props) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls;
@@ -13,7 +13,8 @@ function IllustrationEmptyImg() {
     height: "114px",
     viewBox: "0 0 200 114",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    style: props.style
   }, /*#__PURE__*/React.createElement("title", null, "\u5207\u7247"), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("rect", {
     id: "path-1",
     x: "0",

package/es/input/style/index.css

@@ -335,6 +335,7 @@ textarea {
 }
 .kd-input-wrapper .kd-input-prefix {
   margin-right: 4px;
+  margin-left: 8px;
 }
 .kd-input-wrapper-size-small {
   height: var(--kd-c-input-sizing-height-small, 20px);

package/es/input/style/index.less

@@ -129,6 +129,7 @@ textarea {
 
       &-prefix {
         margin-right: 4px;
+        margin-left: 8px;
       }
     }
 

package/es/modal/modal.js

@@ -54,6 +54,7 @@ var InternalModal = function InternalModal(props, ref) {
     mask = modalProps.mask,
     maskClosable = modalProps.maskClosable,
     maskStyle = modalProps.maskStyle,
+    maskClassName = modalProps.maskClassName,
     okButtonProps = modalProps.okButtonProps,
     okText = modalProps.okText,
     onCancel = modalProps.onCancel,
@@ -69,7 +70,7 @@ var InternalModal = function InternalModal(props, ref) {
     onDrag = modalProps.onDrag,
     onDragStop = modalProps.onDragStop,
     bounds = modalProps.bounds,
-    others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds"]);
+    others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds"]);
   var isForceController = visible !== undefined;
   var _useState = useState(isForceController ? visible : true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -237,7 +238,7 @@ var InternalModal = function InternalModal(props, ref) {
     className: modalClasses
   }, others), mask && /*#__PURE__*/React.createElement("div", {
     onClick: handleMaskClick,
-    className: "".concat(modalPrefixCls, "-mask"),
+    className: classNames(maskClassName, _defineProperty({}, "".concat(modalPrefixCls, "-mask"), true)),
     style: maskStyle
   }), /*#__PURE__*/React.createElement(Draggable, {
     defaultPosition: defaultPosition,

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

@@ -14,6 +14,8 @@ import { tuple } from '../_utils/type';
 import { omit } from '../_utils/omit';
 import { useMergedState } from '../_utils/hooks';
 import { isExp } from '../_utils/numberUtil';
+Big.PE = 40;
+Big.NE = -40;
 export var StepTypes = tuple('embed', 'base');
 var InternalStepper = function InternalStepper(props, ref) {
   var _useContext = useContext(ConfigContext),
@@ -88,38 +90,50 @@ var InternalStepper = function InternalStepper(props, ref) {
       type: "add"
     }));
   };
+  var isLegal = function isLegal(value) {
+    var reg = /^[0-9]*\.?[0-9]+$/;
+    return reg === null || reg === void 0 ? void 0 : reg.test(value);
+  };
   var handleStepChang = function handleStepChang(type) {
     var stepNum = parseFloat(step);
     if (typeof stepNum !== 'number') {
       return false;
     }
-    var startingNumber = isExp(stepperrref.current.value) ? Big(stepperrref.current.value).valueOf() : stepperrref.current.value || parseFloat(inputNumberProps.min) || 0;
-    var calculationResults = new Big(startingNumber)[type](stepNum).valueOf();
+    var startingNumber = isExp(stepperrref.current.value) ? Big(stepperrref.current.value).valueOf() : stepperrref.current.value || inputNumberProps.min || 0;
+    var currentValue = new Big(startingNumber)[type](stepNum);
+    var calculationResults = currentValue.valueOf();
     var legalNumber = stepperrref.current.verifiValue(calculationResults);
     if (legalNumber === false) {
       return false;
     }
-    if (typeof max === 'number') {
-      if (Number(legalNumber) + step > max) {
+    var nextPlus = new Big(calculationResults).plus(stepNum);
+    var nextMinus = new Big(calculationResults).minus(stepNum);
+    if (isLegal(max)) {
+      var maxBig = new Big(max);
+      if (nextPlus.cmp(maxBig) === 1) {
         setMinusdisabled(true);
       } else {
         setMinusdisabled(false);
       }
-      if (Number(legalNumber) > max) {
+      if (currentValue.cmp(maxBig) === 1) {
         return false;
       }
+    } else {
+      setMinusdisabled(false);
     }
-    if (typeof min === 'number') {
-      if (Number(legalNumber) - step < min) {
+    if (isLegal(min)) {
+      var minBig = new Big(min);
+      if (minBig.cmp(nextMinus) === 1) {
         setPlusdisabled(true);
       } else {
         setPlusdisabled(false);
       }
-      if (Number(legalNumber) < min) {
+      if (minBig.cmp(currentValue) === 1) {
         return false;
       }
+    } else {
+      setPlusdisabled(false);
     }
-    // props?.value === undefined && stepperrref.current.setValue(legalNumber)
     (props === null || props === void 0 ? void 0 : props.value) === undefined && setValue(legalNumber);
     onChange && onChange({
       target: {

package/es/tabs/tabs.js

@@ -359,9 +359,6 @@ var Tabs = function Tabs(props) {
       }
       carouselData.push(item);
     });
-    if (effect !== 'none') {
-      console.log('effect', effect);
-    }
     return /*#__PURE__*/React.createElement(Carousel, {
       ref: carouselRef,
       dots: false,

package/es/tree/tree.js

@@ -12,7 +12,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import TreeNode from './treeNode';
-import { getChecked, getHalfChecked, addKeys, flattenAll, delKey, getFilterData, getSpreadAttrData, getAllCheckedKeys, getDataCheckededStateStrictly, getAllChildKeys, getPos, getSelected, calcDropPosition } from './utils/treeUtils';
+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 isBoolean from 'lodash/isBoolean';
 var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -388,7 +388,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     item.onDrop = handleDrop;
     item.onSelect = handleSelect;
     item.checked = checked;
-    item.selected = getSelected(Array.isArray(selectedKeys) && selectedKeys[0] ? [selectedKeys[0]] : selectedKeys, item.key);
+    item.selected = checkable ? false : Array.isArray(selectedKeys) ? (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) === item.key : selectedKeys === item.key;
     item.indeterminate = indeterminate;
     item.disabled = getDisabled(disabled, item.disabled);
     item.showIcon = showIcon || false;

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

@@ -108,7 +108,7 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     expandedKeys = _useState2[0],
     setExpandedKeys = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState(initValue),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedKeys = _useState4[0],
     setSelectedKeys = _useState4[1];
@@ -254,7 +254,9 @@ var InternalTreeSelect = function InternalTreeSelect(props, ref) {
   };
   var handleCheck = function handleCheck(keys, state) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(keys, state);
-    onChange === null || onChange === void 0 ? void 0 : onChange(keys);
+    onChange === null || onChange === void 0 ? void 0 : onChange(keys, _mapInstanceProperty(keys).call(keys, function (key) {
+      return TreeMap.get(key);
+    }));
     !Object.hasOwnProperty.call(treeSelectProps, 'value') && setInitValue(keys);
   };
   var handleExpand = function handleExpand(keys, state) {

package/lib/anchor/style/index.css

@@ -108,6 +108,8 @@
   padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
+  z-index: 1050;
 }
 .kd-anchor-wrapper {
   overflow: auto;

package/lib/anchor/style/index.less

@@ -6,6 +6,8 @@
   position: relative;
   padding-left: @anchor-link-left;
   box-sizing: border-box;
+  background: @anchor-bg;
+  z-index: @zIndex-popper;
 
   &-wrapper {
     overflow: auto;
@@ -154,7 +156,7 @@
   &-link {
     padding: @anchor-link-padding;
 
-    &>.@{anchor-prefix-cls}-link {
+    & > .@{anchor-prefix-cls}-link {
       padding: @anchor-link-secondary-padding;
     }
 
@@ -193,6 +195,6 @@
   &.hidden {
     opacity: 0;
     visibility: hidden;
-    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4,0,0.6,1);
+    transition: all calc(@anchor-transition-duration - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
   }
 }

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

@@ -295,7 +295,7 @@
   left: 8px;
 }
 .kd-color-picker-pop .kd-color-picker-panel-input .active-option {
-  background-color: #E3EBFF;
+  background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff));
 }
 .kd-color-picker-pop .kd-color-picker-panel-transparent {
   width: 60px;

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

@@ -247,7 +247,7 @@
       }
 
       .active-option {
-        background-color: #E3EBFF;
+        background-color: @color-picker-panel-option-color-background;
       }
     }
 

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

@@ -2,8 +2,8 @@
 
 @color-picker-custom-prefix: ~'--@{kd-prefix}-c-color-picker';
 
-// z-index
-@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);
+// color
+@color-picker-panel-option-color-background: var(~'@{color-picker-custom-prefix}-panel-option-color-background-selected', @color-theme-3);
 
 // font
 @color-picker-input-font-size: var(~'@{color-picker-custom-prefix}-input-font-size', @font-size-middle);
@@ -19,4 +19,7 @@
 @color-picker-panel-select-sizing-width: var(~'@{color-picker-custom-prefix}-panel-select-sizing-width', 212px);
 @color-picker-panel-select-sizing-height: var(~'@{color-picker-custom-prefix}-panel-select-sizing-height', 28px);
 @color-picker-panel-preset-sizing-width: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-width', 16px);
-@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+@color-picker-panel-preset-sizing-height: var(~'@{color-picker-custom-prefix}-panel-preset-sizing-height', 16px);
+
+// z-index
+@color-picker-panel-z-index: var(~'@{color-picker-custom-prefix}-panel-z-index', @z-index-popper);

package/lib/empty/defaultEmptyImg.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function DefaultEmptyImg(): JSX.Element;
+declare function DefaultEmptyImg(props: any): JSX.Element;
 export default DefaultEmptyImg;