@douyinfe/semi-ui 2.46.0 → 2.47.0-beta.0

package/lib/es/collapse/item.js

@@ -111,6 +111,7 @@ export default class CollapsePanel extends PureComponent {
       isOpen: active,
       keepDOM: keepDOM,
       motion: motion,
+      onMotionEnd: this.props.onMotionEnd,
       reCalcKey: reCalcKey
     }, /*#__PURE__*/React.createElement("div", {
       className: contentCls,

package/lib/es/pagination/index.js

@@ -202,7 +202,8 @@ export default class Pagination extends BaseComponent {
     const {
       showSizeChanger,
       popoverPosition = defaultPopoverPosition,
-      disabled
+      disabled,
+      popoverZIndex
     } = this.props;
     const {
       pageSize
@@ -228,6 +229,7 @@ export default class Pagination extends BaseComponent {
       key: pageSize,
       position: popoverPosition || 'bottomRight',
       clickToHide: true,
+      zIndex: popoverZIndex,
       dropdownClassName: `${prefixCls}-select-dropdown`
     }, options));
   }

package/lib/es/popconfirm/index.d.ts

@@ -24,6 +24,7 @@ export interface PopconfirmProps extends PopoverProps {
     prefixCls?: string;
     zIndex?: number;
     trigger?: Trigger;
+    showCloseIcon?: boolean;
     position?: Position;
     onCancel?: (e: React.MouseEvent) => Promise<any> | void;
     onConfirm?: (e: React.MouseEvent) => Promise<any> | void;
@@ -59,6 +60,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         okButtonProps: PropTypes.Requireable<object>;
         cancelButtonProps: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
+        showCloseIcon: PropTypes.Requireable<boolean>;
         zIndex: PropTypes.Requireable<number>;
         trigger: PropTypes.Requireable<string>;
         position: PropTypes.Requireable<string>;
@@ -73,6 +75,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         cancelType: string;
         prefixCls: string;
         zIndex: number;
+        showCloseIcon: boolean;
         onCancel: (...args: any[]) => void;
         onConfirm: (...args: any[]) => void;
         onClickOutSide: (...args: any[]) => void;

package/lib/es/popconfirm/index.js

@@ -41,7 +41,8 @@ export default class Popconfirm extends BaseComponent {
         style,
         cancelType,
         icon,
-        prefixCls
+        prefixCls,
+        showCloseIcon
       } = this.props;
       const {
         direction
@@ -75,14 +76,14 @@ export default class Popconfirm extends BaseComponent {
         }, showTitle ? /*#__PURE__*/React.createElement("div", {
           className: `${prefixCls}-header-title`,
           "x-semi-prop": "title"
-        }, title) : null), /*#__PURE__*/React.createElement(Button, {
+        }, title) : null), showCloseIcon ? /*#__PURE__*/React.createElement(Button, {
           className: `${prefixCls}-btn-close`,
           icon: /*#__PURE__*/React.createElement(IconClose, null),
           size: "small",
           theme: 'borderless',
           type: cancelType,
           onClick: this.handleCancel
-        })), showContent ? /*#__PURE__*/React.createElement("div", {
+        }) : null), showContent ? /*#__PURE__*/React.createElement("div", {
           className: bodyCls,
           "x-semi-prop": "content"
         }, _isFunction(content) ? content({
@@ -246,6 +247,7 @@ Popconfirm.propTypes = {
   okButtonProps: PropTypes.object,
   cancelButtonProps: PropTypes.object,
   stopPropagation: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  showCloseIcon: PropTypes.bool,
   zIndex: PropTypes.number,
   // private
   trigger: PropTypes.string,
@@ -264,6 +266,7 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
+  showCloseIcon: true,
   onCancel: _noop,
   onConfirm: _noop,
   onClickOutSide: _noop

package/lib/es/tree/index.d.ts

@@ -41,11 +41,12 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         showFilteredOnly: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
-            key: PropTypes.Validator<string>;
+            key: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<NonNullable<string | number>>;
             label: PropTypes.Requireable<any>;
             isLeaf: PropTypes.Requireable<boolean>;
         }>[]>;
+        keyMaps: PropTypes.Requireable<object>;
         treeDataSimpleJson: PropTypes.Requireable<object>;
         treeNodeFilterProp: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/es/tree/index.js

@@ -1,3 +1,5 @@
+import _isUndefined from "lodash/isUndefined";
+import _pick from "lodash/pick";
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
 import _isEqual from "lodash/isEqual";
@@ -143,17 +145,20 @@ class Tree extends BaseComponent {
     };
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
-        data
-      } = treeNode;
-      const {
+        data,
         key
-      } = data;
+      } = treeNode;
       const treeNodeProps = this.foundation.getTreeNodeProps(key);
       if (!treeNodeProps) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, {
-        key: key,
+      const {
+        keyMaps
+      } = this.props;
+      const props = _pick(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon']);
+      const children = data[_get(keyMaps, 'children', 'children')];
+      !_isUndefined(children) && (props.children = children);
+      return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, props, {
         data: data,
         style: _isEmpty(style) ? {} : style
       }));
@@ -213,6 +218,9 @@ class Tree extends BaseComponent {
     const {
       prevProps
     } = prevState;
+    const {
+      keyMaps
+    } = props;
     let treeData;
     let keyEntities = prevState.keyEntities || {};
     let valueEntities = prevState.cachedKeyValuePairs || {};
@@ -239,7 +247,7 @@ class Tree extends BaseComponent {
     if (needUpdateTreeData || props.draggable && needUpdateData()) {
       treeData = props.treeData;
       newState.treeData = treeData;
-      const entitiesMap = convertDataToEntities(treeData);
+      const entitiesMap = convertDataToEntities(treeData, keyMaps);
       newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
@@ -248,7 +256,7 @@ class Tree extends BaseComponent {
       // Convert treeDataSimpleJson to treeData
       treeData = convertJsonToData(props.treeDataSimpleJson);
       newState.treeData = treeData;
-      const entitiesMap = convertDataToEntities(treeData);
+      const entitiesMap = convertDataToEntities(treeData, keyMaps);
       newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
@@ -304,7 +312,7 @@ class Tree extends BaseComponent {
       }
       // Update flattenNodes
       if (treeData || newState.expandedKeys) {
-        const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
+        const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys, keyMaps);
         newState.flattenNodes = flattenNodes;
       }
     } else {
@@ -319,7 +327,8 @@ class Tree extends BaseComponent {
           filterProps: props.treeNodeFilterProp,
           showFilteredOnly: props.showFilteredOnly,
           keyEntities: newState.keyEntities,
-          prevExpandedKeys: [...prevState.filteredExpandedKeys]
+          prevExpandedKeys: [...prevState.filteredExpandedKeys],
+          keyMaps: keyMaps
         });
         newState.flattenNodes = filteredState.flattenNodes;
         newState.motionKeys = new Set([]);
@@ -352,7 +361,7 @@ class Tree extends BaseComponent {
             newState.motionType = motionType;
           }
         }
-        newState.flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.filteredExpandedKeys || prevState.filteredExpandedKeys, props.showFilteredOnly && prevState.filteredShownKeys);
+        newState.flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.filteredExpandedKeys || prevState.filteredExpandedKeys, keyMaps, props.showFilteredOnly && prevState.filteredShownKeys);
       }
     }
     // Handle single selection and multiple selection in controlled mode
@@ -363,26 +372,26 @@ class Tree extends BaseComponent {
       if (needUpdate('value')) {
         newState.selectedKeys = findKeysForValues(
         // In both cases whether withObject is turned on, the value is standardized to string
-        normalizeValue(props.value, withObject), valueEntities, isMultiple);
+        normalizeValue(props.value, withObject, keyMaps), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
-        newState.selectedKeys = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
+        newState.selectedKeys = findKeysForValues(normalizeValue(props.defaultValue, withObject, keyMaps), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
         if (props.value) {
-          newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject) || '', valueEntities, isMultiple);
+          newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject, keyMaps) || '', valueEntities, isMultiple);
         }
       }
     } else {
       let checkedKeyValues;
       // Get the selected node during multiple selection
       if (needUpdate('value')) {
-        checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject), valueEntities, isMultiple);
+        checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject, keyMaps), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
-        checkedKeyValues = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
+        checkedKeyValues = findKeysForValues(normalizeValue(props.defaultValue, withObject, keyMaps), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
         if (props.value) {
-          checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
+          checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject, keyMaps) || [], valueEntities, isMultiple);
         } else {
           checkedKeyValues = updateKeys(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
@@ -406,7 +415,7 @@ class Tree extends BaseComponent {
     }
     // update disableStrictly
     if (treeData && props.disableStrictly && props.checkRelation === 'related') {
-      newState.disabledKeys = calcDisabledKeys(keyEntities);
+      newState.disabledKeys = calcDisabledKeys(keyEntities, keyMaps);
     }
     return newState;
   }
@@ -684,11 +693,12 @@ Tree.propTypes = {
   showFilteredOnly: PropTypes.bool,
   style: PropTypes.object,
   treeData: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string.isRequired,
+    key: PropTypes.string,
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     label: PropTypes.any,
     isLeaf: PropTypes.bool
   })),
+  keyMaps: PropTypes.object,
   treeDataSimpleJson: PropTypes.object,
   treeNodeFilterProp: PropTypes.string,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array, PropTypes.object]),

package/lib/es/tree/interface.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, MouseEvent } from 'react';
-import { BasicTreeProps, BasicExpandedOtherProps, BasicRenderFullLabelProps, BasicSearchRenderProps, BasicTreeInnerData, BasicKeyEntities, BasicKeyEntity, BasicTreeNodeProps, BasicFlattenNode, BasicTreeNodeData, BasicOnDragProps } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
+import { BasicTreeProps, BasicExpandedOtherProps, BasicRenderFullLabelProps, BasicSearchRenderProps, BasicTreeInnerData, BasicKeyEntities, BasicKeyEntity, BasicTreeNodeProps, BasicFlattenNode, BasicTreeNodeData, BasicOnDragProps, KeyMapProps } from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 export type Value = string | number | TreeNodeData | Array<TreeNodeData | number | string>;
 export interface DragTreeNode extends TreeNodeData {
     expanded: boolean;
@@ -49,6 +49,7 @@ export interface TreeProps extends BasicTreeProps {
     treeData?: TreeNodeData[];
     value?: Value;
     icon?: ReactNode;
+    keyMaps?: KeyMapProps;
     loadData?: (treeNode?: TreeNodeData) => Promise<void>;
     onChange?: (value?: Value) => void;
     onDoubleClick?: (e: MouseEvent, node: TreeNodeData) => void;

package/lib/es/tree/nodeList.js

@@ -3,13 +3,7 @@ import React, { PureComponent } from 'react';
 import TreeContext from './treeContext';
 import NodeCollapsible from './nodeCollapsible';
 const getTreeNodeKey = treeNode => {
-  const {
-    data
-  } = treeNode;
-  const {
-    key
-  } = data;
-  return key;
+  return treeNode.key;
 };
 export default class NodeList extends PureComponent {
   constructor(props) {

package/lib/es/treeSelect/index.d.ts

@@ -29,7 +29,7 @@ export type RenderSelectedItemInMultiple = (treeNode: TreeNodeData, otherProps:
     content: React.ReactNode;
 };
 export type RenderSelectedItem = RenderSelectedItemInSingle | RenderSelectedItemInMultiple;
-export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand';
+export type OverrideCommonProps = 'renderFullLabel' | 'renderLabel' | 'defaultValue' | 'emptyContent' | 'filterTreeNode' | 'style' | 'treeData' | 'value' | 'onExpand' | 'keyMaps';
 /**
 * Type definition description:
 * TreeSelectProps inherits some properties from BasicTreeSelectProps (from foundation) and TreeProps (from semi-ui-react).
@@ -136,9 +136,10 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         showFilteredOnly: PropTypes.Requireable<boolean>;
         motionExpand: PropTypes.Requireable<boolean>;
         emptyContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        keyMaps: PropTypes.Requireable<object>;
         leafOnly: PropTypes.Requireable<boolean>;
         treeData: PropTypes.Requireable<PropTypes.InferProps<{
-            key: PropTypes.Validator<string>;
+            key: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<NonNullable<string | number>>;
             label: PropTypes.Requireable<any>;
         }>[]>;

package/lib/es/treeSelect/index.js

@@ -1,3 +1,4 @@
+import _pick from "lodash/pick";
 import _isNull from "lodash/isNull";
 import _isUndefined from "lodash/isUndefined";
 import _isFunction from "lodash/isFunction";
@@ -163,11 +164,13 @@ class TreeSelect extends BaseComponent {
         disableStrictly,
         size,
         checkRelation,
-        renderSelectedItem: propRenderSelectedItem
+        renderSelectedItem: propRenderSelectedItem,
+        keyMaps
       } = this.props;
+      const realLabelName = _get(keyMaps, 'label', treeNodeLabelProp);
       const renderSelectedItem = _isFunction(propRenderSelectedItem) ? propRenderSelectedItem : item => ({
         isRenderInTag: true,
-        content: _get(item, treeNodeLabelProp, null)
+        content: _get(item, realLabelName, null)
       });
       let renderKeys = [];
       if (checkRelation === 'related') {
@@ -177,7 +180,7 @@ class TreeSelect extends BaseComponent {
       }
       const tagList = [];
       renderKeys.forEach((key, index) => {
-        const item = keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
+        const item = keyEntities[key] && keyEntities[key].key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key);
         const onClose = (tagContent, e) => {
           if (e && typeof e.preventDefault === 'function') {
             // make sure that tag will not hidden immediately in controlled mode
@@ -188,7 +191,7 @@ class TreeSelect extends BaseComponent {
         const {
           content,
           isRenderInTag
-        } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
+        } = item ? renderSelectedItem(item, {
           index,
           onClose
         }) : {};
@@ -451,11 +454,13 @@ class TreeSelect extends BaseComponent {
         disabled,
         disableStrictly,
         renderSelectedItem: propRenderSelectedItem,
-        treeNodeLabelProp
+        treeNodeLabelProp,
+        keyMaps
       } = this.props;
+      const realLabelName = _get(keyMaps, 'label', treeNodeLabelProp);
       const keyList = normalizeKeyList([key], keyEntities, leafOnly, true);
-      const nodes = keyList.map(i => keyEntities[key] && keyEntities[key].data.key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
-      const value = getValueOrKey(nodes);
+      const nodes = keyList.map(i => keyEntities[key] && keyEntities[key].key === key ? keyEntities[key].data : this.getDataForKeyNotInKeyEntities(key));
+      const value = getValueOrKey(nodes, keyMaps);
       const tagCls = cls(`${prefixcls}-selection-tag`, {
         [`${prefixcls}-selection-tag-disabled`]: disabled
       });
@@ -478,13 +483,13 @@ class TreeSelect extends BaseComponent {
       const item = nodes[0];
       const renderSelectedItem = _isFunction(propRenderSelectedItem) ? propRenderSelectedItem : selectedItem => ({
         isRenderInTag: true,
-        content: _get(selectedItem, treeNodeLabelProp, null)
+        content: _get(selectedItem, realLabelName, null)
       });
       if (_isFunction(renderSelectedItem)) {
         const {
           content,
           isRenderInTag
-        } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
+        } = item ? renderSelectedItem(item, {
           index: idx,
           onClose
         }) : {};
@@ -684,17 +689,20 @@ class TreeSelect extends BaseComponent {
     };
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
-        data
-      } = treeNode;
-      const {
+        data,
         key
-      } = data;
+      } = treeNode;
       const treeNodeProps = this.foundation.getTreeNodeProps(key);
       if (!treeNodeProps) {
         return null;
       }
-      return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, {
-        key: key,
+      const props = _pick(treeNode, ['key', 'label', 'disabled', 'isLeaf', 'icon']);
+      const {
+        keyMaps
+      } = this.props;
+      const children = data[_get(keyMaps, 'children', 'children')];
+      !_isUndefined(children) && (props.children = children);
+      return /*#__PURE__*/React.createElement(TreeNode, Object.assign({}, treeNodeProps, data, props, {
         data: data,
         style: style
       }));
@@ -878,6 +886,9 @@ class TreeSelect extends BaseComponent {
       prevProps,
       rePosKey
     } = prevState;
+    const {
+      keyMaps
+    } = props;
     const needUpdate = name => !prevProps && name in props || prevProps && !_isEqual(prevProps[name], props[name]);
     let treeData;
     const withObject = props.onChangeWithObject;
@@ -892,7 +903,7 @@ class TreeSelect extends BaseComponent {
     if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
-      const entitiesMap = convertDataToEntities(treeData);
+      const entitiesMap = convertDataToEntities(treeData, keyMaps);
       newState.keyEntities = Object.assign({}, entitiesMap.keyEntities);
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
@@ -923,26 +934,26 @@ class TreeSelect extends BaseComponent {
     } else if (!prevProps && props.defaultExpandedKeys) {
       newState.expandedKeys = calcExpandedKeys(props.defaultExpandedKeys, keyEntities);
     } else if (!prevProps && props.defaultValue) {
-      newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.defaultValue, withObject), keyEntities, props.multiple, valueEntities);
+      newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.defaultValue, withObject, keyMaps), keyEntities, props.multiple, valueEntities);
     } else if (!prevProps && props.value) {
-      newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject), keyEntities, props.multiple, valueEntities);
+      newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject, keyMaps), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
     if (treeData || needUpdateExpandedKeys) {
-      const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
+      const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys, keyMaps);
       newState.flattenNodes = flattenNodes;
     }
     // selectedKeys: single mode controlled
     const isMultiple = props.multiple;
     if (!isMultiple) {
       if (needUpdate('value')) {
-        newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject), valueEntities, isMultiple);
+        newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject, keyMaps), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
-        newState.selectedKeys = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
+        newState.selectedKeys = findKeysForValues(normalizeValue(props.defaultValue, withObject, keyMaps), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
         if (props.value) {
-          newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject) || '', valueEntities, isMultiple);
+          newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject, keyMaps) || '', valueEntities, isMultiple);
         } else {
           newState.selectedKeys = updateKeys(prevState.selectedKeys, keyEntities);
         }
@@ -951,13 +962,13 @@ class TreeSelect extends BaseComponent {
       // checkedKeys: multiple mode controlled || data changed
       let checkedKeyValues;
       if (needUpdate('value')) {
-        checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject), valueEntities, isMultiple);
+        checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject, keyMaps), valueEntities, isMultiple);
       } else if (!prevProps && props.defaultValue) {
-        checkedKeyValues = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
+        checkedKeyValues = findKeysForValues(normalizeValue(props.defaultValue, withObject, keyMaps), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
         if (props.value) {
-          checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
+          checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject, keyMaps) || [], valueEntities, isMultiple);
         } else {
           checkedKeyValues = updateKeys(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
@@ -985,7 +996,7 @@ class TreeSelect extends BaseComponent {
     }
     // ================ disableStrictly =================
     if (treeData && props.disableStrictly && props.checkRelation === 'related') {
-      newState.disabledKeys = calcDisabledKeys(keyEntities);
+      newState.disabledKeys = calcDisabledKeys(keyEntities, keyMaps);
     }
     return newState;
   }
@@ -1229,9 +1240,10 @@ TreeSelect.propTypes = {
   showFilteredOnly: PropTypes.bool,
   motionExpand: PropTypes.bool,
   emptyContent: PropTypes.node,
+  keyMaps: PropTypes.object,
   leafOnly: PropTypes.bool,
   treeData: PropTypes.arrayOf(PropTypes.shape({
-    key: PropTypes.string.isRequired,
+    key: PropTypes.string,
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     label: PropTypes.any
   })),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.46.0",
+    "version": "2.47.0-beta.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.46.0",
-        "@douyinfe/semi-animation-react": "2.46.0",
-        "@douyinfe/semi-foundation": "2.46.0",
-        "@douyinfe/semi-icons": "2.46.0",
-        "@douyinfe/semi-illustrations": "2.46.0",
-        "@douyinfe/semi-theme-default": "2.46.0",
+        "@douyinfe/semi-animation": "2.47.0-beta.0",
+        "@douyinfe/semi-animation-react": "2.47.0-beta.0",
+        "@douyinfe/semi-foundation": "2.47.0-beta.0",
+        "@douyinfe/semi-icons": "2.47.0-beta.0",
+        "@douyinfe/semi-illustrations": "2.47.0-beta.0",
+        "@douyinfe/semi-theme-default": "2.47.0-beta.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "0de820bf1a275d5c759091247326bbd7fc0d873c",
+    "gitHead": "201c3696de1cfe4686903a3a50c68ca07272742a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",