@douyinfe/semi-ui 2.32.4 → 2.32.6

package/lib/cjs/carousel/index.d.ts

@@ -14,7 +14,7 @@ export interface CarouselState {
 declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     static propTypes: {
         activeIndex: PropTypes.Requireable<number>;
-        animation: PropTypes.Requireable<"slide" | "fade">;
+        animation: PropTypes.Requireable<"fade" | "slide">;
         arrowProps: PropTypes.Requireable<object>;
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/datePicker/dateInput.d.ts

@@ -29,7 +29,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -57,7 +57,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"small" | "default" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/cjs/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
     };
     static defaultProps: {
         disabledDate: {

package/lib/cjs/modal/confirm.d.ts

@@ -146,16 +146,16 @@ export declare function withError(props: ModalReactProps): {
     size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
-    width?: string | number;
-    height?: string | number;
+    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
+    direction?: any;
+    width?: string | number;
+    height?: string | number;
     mask?: boolean;
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    getPopupContainer?: () => HTMLElement;
-    direction?: any;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -210,12 +210,22 @@ export declare function withError(props: ModalReactProps): {
         slot?: string;
         hidden?: boolean;
         color?: string;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
+        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "yes" | "no";
+        translate?: "no" | "yes";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
         inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
-        defaultChecked?: boolean;
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

package/lib/cjs/overflowList/index.js

@@ -290,7 +290,10 @@ class OverflowList extends _baseComponent.default {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!(0, _isEqual2.default)(prevProps.items, this.props.items)) {
+    const prevItemsKeys = prevProps.items.map(item => item.key);
+    const nowItemsKeys = this.props.items.map(item => item.key); // Determine whether to update by comparing key values
+
+    if (!(0, _isEqual2.default)(prevItemsKeys, nowItemsKeys)) {
       this.itemRefs = {};
       this.setState({
         visibleState: new Map()

package/lib/cjs/tree/index.js

@@ -293,10 +293,12 @@ class Tree extends _baseComponent.default {
       const firstInProps = !prevProps && 'treeData' in props;
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
-    }; // Update the data of tree in state
+    };
 
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateSimpleJson = needUpdate('treeDataSimpleJson'); // Update the data of tree in state
 
-    if (needUpdate('treeData') || props.draggable && needUpdateData()) {
+    if (needUpdateTreeData || props.draggable && needUpdateData()) {
       // eslint-disable-next-line prefer-destructuring
       treeData = props.treeData;
       newState.treeData = treeData;
@@ -305,7 +307,7 @@ class Tree extends _baseComponent.default {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } else if (needUpdate('treeDataSimpleJson')) {
+    } else if (needUpdateSimpleJson) {
       // Convert treeDataSimpleJson to treeData
       treeData = (0, _treeUtil.convertJsonToData)(props.treeDataSimpleJson);
       newState.treeData = treeData;
@@ -324,7 +326,7 @@ class Tree extends _baseComponent.default {
       }
     }
 
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
 
     if (!isSeaching) {

package/lib/cjs/treeSelect/index.js

@@ -102,10 +102,14 @@ class TreeSelect extends _baseComponent.default {
         [`${prefixcls}-suffix-text`]: suffix && (0, _isString2.default)(suffix),
         [`${prefixcls}-suffix-icon`]: (0, _utils.isSemiIcon)(suffix)
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: suffixWrapperCls,
-        "x-semi-prop": "suffix"
-      }, suffix);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-unknown-property
+        _react.default.createElement("div", {
+          className: suffixWrapperCls,
+          "x-semi-prop": "suffix"
+        }, suffix)
+      );
     };
 
     this.renderPrefix = () => {
@@ -122,11 +126,15 @@ class TreeSelect extends _baseComponent.default {
         [`${prefixcls}-prefix-text`]: labelNode && (0, _isString2.default)(labelNode),
         [`${prefixcls}-prefix-icon`]: (0, _utils.isSemiIcon)(labelNode)
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: prefixWrapperCls,
-        id: insetLabelId,
-        "x-semi-prop": "prefix,insetLabel"
-      }, labelNode);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-unknown-property
+        _react.default.createElement("div", {
+          className: prefixWrapperCls,
+          id: insetLabelId,
+          "x-semi-prop": "prefix,insetLabel"
+        }, labelNode)
+      );
     };
 
     this.renderContent = () => {
@@ -398,7 +406,10 @@ class TreeSelect extends _baseComponent.default {
         return null;
       }
 
-      return arrowIcon ? /*#__PURE__*/_react.default.createElement("div", {
+      return arrowIcon ?
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-unknown-property
+      _react.default.createElement("div", {
         className: (0, _classnames.default)(`${prefixcls}-arrow`),
         "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
@@ -1014,9 +1025,11 @@ class TreeSelect extends _baseComponent.default {
     let valueEntities = prevState.cachedKeyValuePairs || {};
     const newState = {
       prevProps: props
-    }; // TreeNode
+    };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateExpandedKeys = needUpdate('expandedKeys'); // TreeNode
 
-    if (needUpdate('treeData')) {
+    if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
@@ -1034,9 +1047,9 @@ class TreeSelect extends _baseComponent.default {
       }
     }
 
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll; // expandedKeys
+    const expandAllWhenDataChange = needUpdateTreeData && props.expandAll; // expandedKeys
 
-    if (needUpdate('expandedKeys') || prevProps && needUpdate('autoExpandParent')) {
+    if (needUpdateExpandedKeys || prevProps && needUpdate('autoExpandParent')) {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps); // only show animation when treeData does not change
 
       if (prevProps && props.motion && !treeData) {
@@ -1058,7 +1071,7 @@ class TreeSelect extends _baseComponent.default {
     } // flattenNodes
 
 
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     } // selectedKeys: single mode controlled
@@ -1116,7 +1129,7 @@ class TreeSelect extends _baseComponent.default {
     } // ================== rePosKey ==================
 
 
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     } // ================ disableStrictly =================
 

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

@@ -14,7 +14,7 @@ export interface CarouselState {
 declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     static propTypes: {
         activeIndex: PropTypes.Requireable<number>;
-        animation: PropTypes.Requireable<"slide" | "fade">;
+        animation: PropTypes.Requireable<"fade" | "slide">;
         arrowProps: PropTypes.Requireable<object>;
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;

package/lib/es/datePicker/dateInput.d.ts

@@ -29,7 +29,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -57,7 +57,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         size: PropTypes.Requireable<"small" | "default" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<any[]>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -24,7 +24,7 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         presetPosition: PropTypes.Requireable<"left" | "top" | "right" | "bottom">;
         renderQuickControls: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         renderDateInput: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
     };
     static defaultProps: {
         disabledDate: {

package/lib/es/modal/confirm.d.ts

@@ -146,16 +146,16 @@ export declare function withError(props: ModalReactProps): {
     size?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
-    width?: string | number;
-    height?: string | number;
+    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
+    direction?: any;
+    width?: string | number;
+    height?: string | number;
     mask?: boolean;
     visible?: boolean;
     content?: React.ReactNode;
     icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    getPopupContainer?: () => HTMLElement;
-    direction?: any;
     zIndex?: number;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
@@ -210,12 +210,22 @@ export declare function withError(props: ModalReactProps): {
         slot?: string;
         hidden?: boolean;
         color?: string;
+        onChange?: React.FormEventHandler<HTMLButtonElement>;
+        defaultChecked?: boolean;
         defaultValue?: string | number | readonly string[];
+        suppressContentEditableWarning?: boolean;
+        suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoFocus?: boolean;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
         dir?: string;
         draggable?: boolean | "false" | "true";
         lang?: string;
-        translate?: "yes" | "no";
+        translate?: "no" | "yes";
         prefix?: string;
         contentEditable?: "inherit" | (boolean | "false" | "true");
         inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
@@ -230,9 +240,6 @@ export declare function withError(props: ModalReactProps): {
         'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
         'aria-controls'?: string;
         'aria-describedby'?: string;
-        defaultChecked?: boolean;
-        suppressContentEditableWarning?: boolean;
-        suppressHydrationWarning?: boolean;
         contextMenu?: string;
         placeholder?: string;
         spellCheck?: boolean | "false" | "true";
@@ -316,7 +323,6 @@ export declare function withError(props: ModalReactProps): {
         onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement>;
         onFocusCapture?: React.FocusEventHandler<HTMLButtonElement>;
         onBlurCapture?: React.FocusEventHandler<HTMLButtonElement>;
-        onChange?: React.FormEventHandler<HTMLButtonElement>;
         onChangeCapture?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInput?: React.FormEventHandler<HTMLButtonElement>;
         onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement>;
@@ -451,12 +457,6 @@ export declare function withError(props: ModalReactProps): {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
-        autoFocus?: boolean;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

package/lib/es/overflowList/index.js

@@ -264,7 +264,10 @@ class OverflowList extends BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!_isEqual(prevProps.items, this.props.items)) {
+    const prevItemsKeys = prevProps.items.map(item => item.key);
+    const nowItemsKeys = this.props.items.map(item => item.key); // Determine whether to update by comparing key values
+
+    if (!_isEqual(prevItemsKeys, nowItemsKeys)) {
       this.itemRefs = {};
       this.setState({
         visibleState: new Map()

package/lib/es/tree/index.js

@@ -248,10 +248,12 @@ class Tree extends BaseComponent {
       const firstInProps = !prevProps && 'treeData' in props;
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
-    }; // Update the data of tree in state
+    };
 
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateSimpleJson = needUpdate('treeDataSimpleJson'); // Update the data of tree in state
 
-    if (needUpdate('treeData') || props.draggable && needUpdateData()) {
+    if (needUpdateTreeData || props.draggable && needUpdateData()) {
       // eslint-disable-next-line prefer-destructuring
       treeData = props.treeData;
       newState.treeData = treeData;
@@ -260,7 +262,7 @@ class Tree extends BaseComponent {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } else if (needUpdate('treeDataSimpleJson')) {
+    } else if (needUpdateSimpleJson) {
       // Convert treeDataSimpleJson to treeData
       treeData = convertJsonToData(props.treeDataSimpleJson);
       newState.treeData = treeData;
@@ -279,7 +281,7 @@ class Tree extends BaseComponent {
       }
     }
 
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
 
     if (!isSeaching) {

package/lib/es/treeSelect/index.js

@@ -52,10 +52,14 @@ class TreeSelect extends BaseComponent {
         [`${prefixcls}-suffix-text`]: suffix && _isString(suffix),
         [`${prefixcls}-suffix-icon`]: isSemiIcon(suffix)
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: suffixWrapperCls,
-        "x-semi-prop": "suffix"
-      }, suffix);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-unknown-property
+        React.createElement("div", {
+          className: suffixWrapperCls,
+          "x-semi-prop": "suffix"
+        }, suffix)
+      );
     };
 
     this.renderPrefix = () => {
@@ -72,11 +76,15 @@ class TreeSelect extends BaseComponent {
         [`${prefixcls}-prefix-text`]: labelNode && _isString(labelNode),
         [`${prefixcls}-prefix-icon`]: isSemiIcon(labelNode)
       });
-      return /*#__PURE__*/React.createElement("div", {
-        className: prefixWrapperCls,
-        id: insetLabelId,
-        "x-semi-prop": "prefix,insetLabel"
-      }, labelNode);
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line react/no-unknown-property
+        React.createElement("div", {
+          className: prefixWrapperCls,
+          id: insetLabelId,
+          "x-semi-prop": "prefix,insetLabel"
+        }, labelNode)
+      );
     };
 
     this.renderContent = () => {
@@ -348,7 +356,10 @@ class TreeSelect extends BaseComponent {
         return null;
       }
 
-      return arrowIcon ? /*#__PURE__*/React.createElement("div", {
+      return arrowIcon ?
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-unknown-property
+      React.createElement("div", {
         className: cls(`${prefixcls}-arrow`),
         "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
@@ -966,9 +977,11 @@ class TreeSelect extends BaseComponent {
     let valueEntities = prevState.cachedKeyValuePairs || {};
     const newState = {
       prevProps: props
-    }; // TreeNode
+    };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateExpandedKeys = needUpdate('expandedKeys'); // TreeNode
 
-    if (needUpdate('treeData')) {
+    if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -986,9 +999,9 @@ class TreeSelect extends BaseComponent {
       }
     }
 
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll; // expandedKeys
+    const expandAllWhenDataChange = needUpdateTreeData && props.expandAll; // expandedKeys
 
-    if (needUpdate('expandedKeys') || prevProps && needUpdate('autoExpandParent')) {
+    if (needUpdateExpandedKeys || prevProps && needUpdate('autoExpandParent')) {
       newState.expandedKeys = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps); // only show animation when treeData does not change
 
       if (prevProps && props.motion && !treeData) {
@@ -1010,7 +1023,7 @@ class TreeSelect extends BaseComponent {
     } // flattenNodes
 
 
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     } // selectedKeys: single mode controlled
@@ -1068,7 +1081,7 @@ class TreeSelect extends BaseComponent {
     } // ================== rePosKey ==================
 
 
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     } // ================ disableStrictly =================
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.32.4",
+    "version": "2.32.6",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.32.4",
-        "@douyinfe/semi-animation-react": "2.32.4",
-        "@douyinfe/semi-foundation": "2.32.4",
-        "@douyinfe/semi-icons": "2.32.4",
-        "@douyinfe/semi-illustrations": "2.32.4",
-        "@douyinfe/semi-theme-default": "2.32.4",
+        "@douyinfe/semi-animation": "2.32.6",
+        "@douyinfe/semi-animation-react": "2.32.6",
+        "@douyinfe/semi-foundation": "2.32.6",
+        "@douyinfe/semi-icons": "2.32.6",
+        "@douyinfe/semi-illustrations": "2.32.6",
+        "@douyinfe/semi-theme-default": "2.32.6",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "bed9aff602c6e8cb9119889c87cd5c260e37e53b",
+    "gitHead": "dff8e286754f4b66cbeffd623f9bf6fb3fc09ef2",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",