@kdcloudjs/kdesign 1.5.3 → 1.5.4

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/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 && !disabled && (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/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]);

package/es/tree/utils/treeUtils.d.ts

@@ -7,13 +7,16 @@ import { TreeNodeData } from '../tree';
  * @param level
  * @param pos
  */
-export declare const flattenAll: (treeData: any[], newTreeData?: TreeNodeData[], level?: number, pos?: string | undefined) => TreeNodeData[];
+export declare const flattenAll: (treeData: any[], newTreeData?: TreeNodeData[], level?: number, pos?: string | undefined) => {
+    flattenAllData: TreeNodeData[];
+    maxLevel: number;
+};
 export declare const getExpand: (expandedKeys: string[], key: string) => boolean;
 export declare const getChecked: (checkedKeys: string[], key: string) => boolean;
 export declare const getSelected: (selectedKeys: string[], key: string) => boolean;
 export declare const getHalfChecked: (halfCheckedKeys: string[], key: string) => boolean;
 export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor) => any[];
-export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, filterValue: string) => any[];
+export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, isSearching: boolean) => any[];
 export declare const getMaxLevel: (data: any[]) => number;
 /**
  *计算node的属性后返回新的 treedata
@@ -43,6 +46,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
 };
 export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
 export declare const getAllNodeKeys: (data: any[]) => string[];
-export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, filterValue: string) => string[];
+export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean) => string[];
 export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
 export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;

package/es/tree/utils/treeUtils.js

@@ -5,7 +5,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -38,29 +37,54 @@ export var flattenAll = function flattenAll(treeData) {
   var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var pos = arguments.length > 3 ? arguments[3] : undefined;
-  treeData && treeData.forEach(function (item, index) {
-    var _context;
+  var maxLevel = 0;
 
-    var children = item.children,
-        title = item.title,
-        key = item.key,
-        others = __rest(item, ["children", "title", "key"]);
+  var fn = function fn(treeData) {
+    var newTreeData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    var pos = arguments.length > 3 ? arguments[3] : undefined;
+    var parent = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+    treeData && treeData.forEach(function (item, index) {
+      var _context;
 
-    var _pos = pos ? _concatInstanceProperty(_context = "".concat(pos, "-")).call(_context, index) : "".concat(index);
+      var children = item.children,
+          title = item.title,
+          key = item.key,
+          others = __rest(item, ["children", "title", "key"]);
 
-    var hasChildNode = children && children instanceof Array && children.length > 0;
-    newTreeData.push(_extends({
-      title: title,
-      key: key,
-      pos: _pos,
-      hasChildNode: hasChildNode,
-      level: level
-    }, others));
-    var _level = level;
-    _level++;
-    flattenAll(children, newTreeData, _level, _pos);
-  });
-  return newTreeData;
+      item.parent = parent;
+
+      var _pos = pos ? _concatInstanceProperty(_context = "".concat(pos, "-")).call(_context, index) : "".concat(index);
+
+      var hasChildNode = children && children instanceof Array && children.length > 0;
+
+      var flattenNode = _extends({
+        title: title,
+        key: key,
+        pos: _pos,
+        hasChildNode: hasChildNode,
+        level: level,
+        parent: parent
+      }, others);
+
+      newTreeData.push(flattenNode);
+      var _level = level;
+
+      if (maxLevel < level) {
+        maxLevel = level;
+      }
+
+      _level++;
+      fn(children, newTreeData, _level, _pos, flattenNode);
+    });
+    return newTreeData;
+  };
+
+  var flattenAllData = fn(treeData, newTreeData, level, pos);
+  return {
+    flattenAllData: flattenAllData,
+    maxLevel: maxLevel
+  };
 };
 export var getExpand = function getExpand(expandedKeys, key) {
   return expandedKeys === null || expandedKeys === void 0 ? void 0 : _includesInstanceProperty(expandedKeys).call(expandedKeys, key);
@@ -97,29 +121,29 @@ var isAllParentExpand = function isAllParentExpand(data, pos) {
 };
 
 export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode) {
-  var filterData = _filterInstanceProperty(data).call(data, function (item) {
-    return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
-  });
-
-  var filterKeys = getAllNodeKeys(filterData);
   var allFilterKeys = [];
 
-  _mapInstanceProperty(filterKeys).call(filterKeys, function (key) {
-    var _context2;
+  _filterInstanceProperty(data).call(data, function (item) {
+    return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
+  }).forEach(function (item) {
+    var node = _extends({}, item);
 
-    return allFilterKeys.push.apply(allFilterKeys, _concatInstanceProperty(_context2 = _toConsumableArray(getAllParentKeys(data, key))).call(_context2, [key]));
+    while (node) {
+      allFilterKeys.push(node.key);
+      node = node.parent;
+    }
   });
 
   return _toConsumableArray(new _Set(allFilterKeys));
 };
-export var getFilterData = function getFilterData(data, filterTreeNode, filterValue) {
+export var getFilterData = function getFilterData(data, filterTreeNode, isSearching) {
   var filterData = data;
+  var allFilterKeys = null;
 
-  if (typeof filterTreeNode === 'function' && filterValue) {
+  if (isSearching) {
+    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode);
     filterData = _filterInstanceProperty(filterData).call(filterData, function (item) {
-      var _context3;
-
-      return _includesInstanceProperty(_context3 = getAllFilterKeys(filterData, filterTreeNode)).call(_context3, item.key);
+      return _includesInstanceProperty(allFilterKeys).call(allFilterKeys, item.key);
     });
   }
 
@@ -258,11 +282,11 @@ export var getSpreadAttrData = function getSpreadAttrData(treeData, expandedKeys
   return newTreeData;
 };
 export var addKeys = function addKeys() {
-  var _context4;
+  var _context2;
 
   var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return _Array$from(new _Set(_concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(prevKeys), _toConsumableArray(newKeys))));
+  return _Array$from(new _Set(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(prevKeys), _toConsumableArray(newKeys))));
 };
 export var getAllParentKeys = function getAllParentKeys(data) {
   var pos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -315,14 +339,14 @@ export var getPos = function getPos(data, key) {
   return node === null || node === void 0 ? void 0 : node.pos;
 };
 export var getInitCheckedKeys = function getInitCheckedKeys(data, keys) {
-  var _context5;
+  var _context3;
 
   var checkedKeys = [];
   keys.forEach(function (item) {
     var pos = getPos(data, item);
     checkedKeys.push.apply(checkedKeys, _toConsumableArray(getAllChildKeys(data, pos)));
   });
-  return _Array$from(new _Set(_concatInstanceProperty(_context5 = []).call(_context5, checkedKeys, _toConsumableArray(keys))));
+  return _Array$from(new _Set(_concatInstanceProperty(_context3 = []).call(_context3, checkedKeys, _toConsumableArray(keys))));
 };
 export var getInitCheckededState = function getInitCheckededState(data) {
   var checkedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -497,7 +521,7 @@ var getRootKeys = function getRootKeys(data) {
 export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent) {
   var expandScrollkeys = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [];
   var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
-  var filterValue = arguments.length > 8 ? arguments[8] : undefined;
+  var isSearching = arguments.length > 8 ? arguments[8] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
 
   if (defaultExpandAll) {
@@ -520,10 +544,10 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
     }
   }
 
-  if (typeof filterTreeNode === 'function' && filterValue) {
-    var _context6;
+  if (isSearching) {
+    var _context4;
 
-    keys = _concatInstanceProperty(_context6 = []).call(_context6, _toConsumableArray(keys), _toConsumableArray(getAllFilterKeys(data, filterTreeNode)));
+    keys = _concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(keys), _toConsumableArray(getAllFilterKeys(data, filterTreeNode)));
   }
 
   return _Array$from(new _Set(_toConsumableArray(keys)));

package/lib/drawer/drawer.js

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

package/lib/dropdown/dropdown.js

@@ -35,6 +35,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 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) {
+  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;
 
@@ -65,7 +75,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: (0, _classnames.default)("".concat(prefixCls, "-trigger"), children.props.className, {
       disabled: disabled
     })
@@ -83,13 +93,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/lib/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/lib/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/lib/select/select.js

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