@douyinfe/semi-ui 2.45.3-alpha.1 → 2.45.3

package/dist/umd/semi-ui.js

@@ -69896,6 +69896,7 @@ class SelectFoundation extends foundation {
     delete newOption._show;
     delete newOption._selected;
     delete newOption._scrollIndex;
+    delete newOption._keyInJsx;
     if ('_keyInOptionList' in newOption) {
       newOption.key = newOption._keyInOptionList;
       delete newOption._keyInOptionList;
@@ -70281,7 +70282,7 @@ const generateOption = (child, parent, index) => {
   }
   const option = Object.assign(Object.assign({
     value: childProps.value,
-    // Drop-down menu rendering priority label value, children, value in turn downgrade
+    // Dropdown menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
     _show: true,
     _selected: false,
@@ -70289,6 +70290,10 @@ const generateOption = (child, parent, index) => {
   }, childProps), {
     _parentGroup: parent
   });
+  // Props are collected from ReactNode, after React.Children.toArray
+  // no need to determine whether the key exists in child
+  // Even if the user does not explicitly declare it, React will always generate a key.
+  option._keyInJsx = child.key;
   return option;
 };
 const getOptionsFromGroup = selectChildren => {
@@ -71086,7 +71091,7 @@ class Select extends BaseComponent {
         focused: isFocused,
         onMouseEnter: () => this.onOptionHover(optionIndex),
         style: optionStyle,
-        key: option.key || option.label + option.value + optionIndex,
+        key: option._keyInOptionList || option._keyInJsx || option.label + option.value + optionIndex,
         renderOptionItem: renderOptionItem,
         inputValue: inputValue,
         semiOptionId: `${this.selectID}-option-${optionIndex}`
@@ -90417,7 +90422,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index,
           onClose
-        }) : null;
+        }) : {};
         if (isNull_default()(content) || isUndefined_default()(content)) {
           return;
         }
@@ -90713,7 +90718,7 @@ class TreeSelect extends BaseComponent {
         } = item && treeNodeLabelProp in item ? renderSelectedItem(item, {
           index: idx,
           onClose
-        }) : null;
+        }) : {};
         if (isRenderInTag) {
           return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Tag, Object.assign({}, tagProps), content);
         } else {