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

package/lib/cjs/calendar/monthCalendar.js

@@ -356,7 +356,7 @@ class monthCalendar extends _baseComponent.default {
       }
     }
     if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys) || itemLimitUpdate || !(0, _isEqual2.default)(prevProps.displayValue, this.props.displayValue)) {
-      this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
+      this.foundation.parseMonthlyEvents(itemLimit);
     }
   }
   closeCard(e, key) {

package/lib/cjs/select/index.js

@@ -530,7 +530,7 @@ class Select extends _baseComponent.default {
         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}`

package/lib/cjs/select/utils.js

@@ -22,7 +22,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,
@@ -30,6 +30,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;
 };
 exports.generateOption = generateOption;

package/lib/es/calendar/monthCalendar.js

@@ -348,7 +348,7 @@ export default class monthCalendar extends BaseComponent {
       }
     }
     if (!_isEqual(prevEventKeys, nowEventKeys) || itemLimitUpdate || !_isEqual(prevProps.displayValue, this.props.displayValue)) {
-      this.foundation.parseMonthlyEvents(itemLimit || this.props.events);
+      this.foundation.parseMonthlyEvents(itemLimit);
     }
   }
   closeCard(e, key) {

package/lib/es/select/index.js

@@ -521,7 +521,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}`

package/lib/es/select/utils.js

@@ -15,7 +15,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,
@@ -23,6 +23,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 => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.46.0-beta.0",
+    "version": "2.46.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-beta.0",
-        "@douyinfe/semi-animation-react": "2.46.0-beta.0",
-        "@douyinfe/semi-foundation": "2.46.0-beta.0",
-        "@douyinfe/semi-icons": "2.46.0-beta.0",
-        "@douyinfe/semi-illustrations": "2.46.0-beta.0",
-        "@douyinfe/semi-theme-default": "2.46.0-beta.0",
+        "@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",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "ecce44f71f5c592685055bb2ec9c0ccb3519538d",
+    "gitHead": "0de820bf1a275d5c759091247326bbd7fc0d873c",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",