@douyinfe/semi-ui 2.44.0 → 2.44.1

package/lib/cjs/form/arrayField.d.ts

@@ -27,7 +27,7 @@ declare class ArrayFieldComponent extends Component<ArrayFieldProps, ArrayFieldS
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     add(): void;
-    addWithInitValue(lineObject: Record<string, any>): void;
+    addWithInitValue(rowVal: Record<string, any> | string): void;
     remove(i: number): void;
     render(): JSX.Element;
 }

package/lib/cjs/form/arrayField.js

@@ -120,13 +120,13 @@ class ArrayFieldComponent extends _react.Component {
       keys
     });
   }
-  addWithInitValue(lineObject) {
+  addWithInitValue(rowVal) {
     const updater = this.context;
     const {
       field
     } = this.props;
     const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
-    newArrayFieldVal.push(lineObject);
+    newArrayFieldVal.push(rowVal);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
       updateKey: new Date().valueOf()

package/lib/cjs/form/baseForm.d.ts

@@ -119,7 +119,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;
-        renderCreateItem?: (inputValue: string | number, focus: boolean) => React.ReactNode;
+        renderCreateItem?: (inputValue: string | number, focus: boolean, style?: React.CSSProperties) => React.ReactNode;
         renderOptionItem?: (props: import("../select").optionRenderProps) => React.ReactNode;
         onMouseEnter?: (e: React.MouseEvent<Element, MouseEvent>) => any;
         onMouseLeave?: (e: React.MouseEvent<Element, MouseEvent>) => any;

package/lib/cjs/form/field.d.ts

@@ -65,7 +65,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: string | number, focus: boolean) => import("react").ReactNode;
+    renderCreateItem?: (inputValue: string | number, focus: boolean, style?: import("react").CSSProperties) => import("react").ReactNode;
     renderOptionItem?: (props: import("../select/index").optionRenderProps) => import("react").ReactNode;
     onMouseEnter?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;
     onMouseLeave?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;

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

@@ -128,7 +128,7 @@ export type SelectProps = {
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean) => React.ReactNode;
+    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean, style?: React.CSSProperties) => React.ReactNode;
     renderOptionItem?: (props: optionRenderProps) => React.ReactNode;
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;

package/lib/cjs/select/index.js

@@ -559,7 +559,7 @@ class Select extends _baseComponent.default {
       }, locale.createText), option.value)));
       return defaultCreateItem;
     }
-    const customCreateItem = renderCreateItem(option.value, isFocused);
+    const customCreateItem = renderCreateItem(option.value, isFocused, style);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus
@@ -843,9 +843,8 @@ class Select extends _baseComponent.default {
     const {
       maxTagCount
     } = this.props;
-    const maxVisibleCount = selections.size - maxTagCount;
-    const newOverFlowItemCount = maxVisibleCount > 0 ? maxVisibleCount + items.length - 1 : items.length - 1;
-    if (items.length > 1 && overflowItemCount !== newOverFlowItemCount) {
+    const newOverFlowItemCount = selections.size - maxTagCount > 0 ? selections.size - maxTagCount + items.length - 1 : items.length - 1;
+    if (overflowItemCount !== newOverFlowItemCount) {
       this.foundation.updateOverflowItemCount(selections.size, newOverFlowItemCount);
     }
   }
@@ -858,6 +857,7 @@ class Select extends _baseComponent.default {
       className: `${prefixcls}-content-wrapper-collapse`
     }, /*#__PURE__*/_react.default.createElement(_index2.default, {
       items: normalTags,
+      key: String(selections.length),
       overflowRenderer: overflowItems => this.renderOverflow(overflowItems, length - 1),
       onOverflow: overflowItems => this.handleOverflow(overflowItems),
       visibleItemRenderer: (item, index) => this.renderTag(item, index)

package/lib/cjs/tree/index.js

@@ -252,8 +252,10 @@ class Tree extends _baseComponent.default {
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
     };
+    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()) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
@@ -261,7 +263,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;
@@ -278,7 +280,7 @@ class Tree extends _baseComponent.default {
         newState.motionType = null;
       }
     }
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
     if (!isSeaching) {
       // Update expandedKeys
@@ -401,7 +403,7 @@ class Tree extends _baseComponent.default {
         if (props.value) {
           checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || [], valueEntities, isMultiple);
         } else {
-          checkedKeyValues = (0, _treeUtil.updateKeys)(prevState.checkedKeys, keyEntities);
+          checkedKeyValues = (0, _treeUtil.updateKeys)(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
       }
       if (checkedKeyValues) {

package/lib/cjs/treeSelect/index.js

@@ -895,8 +895,10 @@ class TreeSelect extends _baseComponent.default {
     const newState = {
       prevProps: props
     };
+    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);
@@ -912,9 +914,9 @@ class TreeSelect extends _baseComponent.default {
         newState.motionType = null;
       }
     }
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll;
+    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) {
@@ -935,7 +937,7 @@ class TreeSelect extends _baseComponent.default {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     }
@@ -966,7 +968,7 @@ class TreeSelect extends _baseComponent.default {
         if (props.value) {
           checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || [], valueEntities, isMultiple);
         } else {
-          checkedKeyValues = (0, _treeUtil.updateKeys)(prevState.checkedKeys, keyEntities);
+          checkedKeyValues = (0, _treeUtil.updateKeys)(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
       }
       if (checkedKeyValues) {
@@ -987,7 +989,7 @@ class TreeSelect extends _baseComponent.default {
       newState.loadedKeys = new Set(props.loadedKeys);
     }
     // ================== rePosKey ==================
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     }
     // ================ disableStrictly =================

package/lib/es/form/arrayField.d.ts

@@ -27,7 +27,7 @@ declare class ArrayFieldComponent extends Component<ArrayFieldProps, ArrayFieldS
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     add(): void;
-    addWithInitValue(lineObject: Record<string, any>): void;
+    addWithInitValue(rowVal: Record<string, any> | string): void;
     remove(i: number): void;
     render(): JSX.Element;
 }

package/lib/es/form/arrayField.js

@@ -111,13 +111,13 @@ class ArrayFieldComponent extends Component {
       keys
     });
   }
-  addWithInitValue(lineObject) {
+  addWithInitValue(rowVal) {
     const updater = this.context;
     const {
       field
     } = this.props;
     const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
-    newArrayFieldVal.push(lineObject);
+    newArrayFieldVal.push(rowVal);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
       updateKey: new Date().valueOf()

package/lib/es/form/baseForm.d.ts

@@ -119,7 +119,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;
-        renderCreateItem?: (inputValue: string | number, focus: boolean) => React.ReactNode;
+        renderCreateItem?: (inputValue: string | number, focus: boolean, style?: React.CSSProperties) => React.ReactNode;
         renderOptionItem?: (props: import("../select").optionRenderProps) => React.ReactNode;
         onMouseEnter?: (e: React.MouseEvent<Element, MouseEvent>) => any;
         onMouseLeave?: (e: React.MouseEvent<Element, MouseEvent>) => any;

package/lib/es/form/field.d.ts

@@ -65,7 +65,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: string | number, focus: boolean) => import("react").ReactNode;
+    renderCreateItem?: (inputValue: string | number, focus: boolean, style?: import("react").CSSProperties) => import("react").ReactNode;
     renderOptionItem?: (props: import("../select/index").optionRenderProps) => import("react").ReactNode;
     onMouseEnter?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;
     onMouseLeave?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;

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

@@ -128,7 +128,7 @@ export type SelectProps = {
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean) => React.ReactNode;
+    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean, style?: React.CSSProperties) => React.ReactNode;
     renderOptionItem?: (props: optionRenderProps) => React.ReactNode;
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;

package/lib/es/select/index.js

@@ -550,7 +550,7 @@ class Select extends BaseComponent {
       }, locale.createText), option.value)));
       return defaultCreateItem;
     }
-    const customCreateItem = renderCreateItem(option.value, isFocused);
+    const customCreateItem = renderCreateItem(option.value, isFocused, style);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus
@@ -834,9 +834,8 @@ class Select extends BaseComponent {
     const {
       maxTagCount
     } = this.props;
-    const maxVisibleCount = selections.size - maxTagCount;
-    const newOverFlowItemCount = maxVisibleCount > 0 ? maxVisibleCount + items.length - 1 : items.length - 1;
-    if (items.length > 1 && overflowItemCount !== newOverFlowItemCount) {
+    const newOverFlowItemCount = selections.size - maxTagCount > 0 ? selections.size - maxTagCount + items.length - 1 : items.length - 1;
+    if (overflowItemCount !== newOverFlowItemCount) {
       this.foundation.updateOverflowItemCount(selections.size, newOverFlowItemCount);
     }
   }
@@ -849,6 +848,7 @@ class Select extends BaseComponent {
       className: `${prefixcls}-content-wrapper-collapse`
     }, /*#__PURE__*/React.createElement(OverflowList, {
       items: normalTags,
+      key: String(selections.length),
       overflowRenderer: overflowItems => this.renderOverflow(overflowItems, length - 1),
       onOverflow: overflowItems => this.handleOverflow(overflowItems),
       visibleItemRenderer: (item, index) => this.renderTag(item, index)

package/lib/es/tree/index.js

@@ -233,8 +233,10 @@ class Tree extends BaseComponent {
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
     };
+    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()) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -242,7 +244,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;
@@ -259,7 +261,7 @@ class Tree extends BaseComponent {
         newState.motionType = null;
       }
     }
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
     if (!isSeaching) {
       // Update expandedKeys
@@ -382,7 +384,7 @@ class Tree extends BaseComponent {
         if (props.value) {
           checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
         } else {
-          checkedKeyValues = updateKeys(prevState.checkedKeys, keyEntities);
+          checkedKeyValues = updateKeys(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
       }
       if (checkedKeyValues) {

package/lib/es/treeSelect/index.js

@@ -886,8 +886,10 @@ class TreeSelect extends BaseComponent {
     const newState = {
       prevProps: props
     };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateExpandedKeys = needUpdate('expandedKeys');
     // TreeNode
-    if (needUpdate('treeData')) {
+    if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = convertDataToEntities(treeData);
@@ -903,9 +905,9 @@ class TreeSelect extends BaseComponent {
         newState.motionType = null;
       }
     }
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll;
+    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) {
@@ -926,7 +928,7 @@ class TreeSelect extends BaseComponent {
       newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     }
@@ -957,7 +959,7 @@ class TreeSelect extends BaseComponent {
         if (props.value) {
           checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
         } else {
-          checkedKeyValues = updateKeys(prevState.checkedKeys, keyEntities);
+          checkedKeyValues = updateKeys(props.checkRelation === 'related' ? prevState.checkedKeys : prevState.realCheckedKeys, keyEntities);
         }
       }
       if (checkedKeyValues) {
@@ -978,7 +980,7 @@ class TreeSelect extends BaseComponent {
       newState.loadedKeys = new Set(props.loadedKeys);
     }
     // ================== 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.44.0",
+    "version": "2.44.1",
     "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.44.0",
-        "@douyinfe/semi-animation-react": "2.44.0",
-        "@douyinfe/semi-foundation": "2.44.0",
-        "@douyinfe/semi-icons": "2.44.0",
-        "@douyinfe/semi-illustrations": "2.44.0",
-        "@douyinfe/semi-theme-default": "2.44.0",
+        "@douyinfe/semi-animation": "2.44.1",
+        "@douyinfe/semi-animation-react": "2.44.1",
+        "@douyinfe/semi-foundation": "2.44.1",
+        "@douyinfe/semi-icons": "2.44.1",
+        "@douyinfe/semi-illustrations": "2.44.1",
+        "@douyinfe/semi-theme-default": "2.44.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "d683a25e4dd9c5fb8dbb069d83ffd24998b14191",
+    "gitHead": "33ad4e532750cab4895b3dd11d5287ef8cde1ccd",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",