@douyinfe/semi-ui 2.47.0 → 2.47.1

package/dist/umd/semi-ui.js

@@ -62665,8 +62665,9 @@ class DropdownItem extends BaseComponent {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
         if (eventName === "onClick") {
           events["onMouseDown"] = e => {
+            var _a, _b;
             if (e.button === 0) {
-              this.props[eventName](e);
+              (_b = (_a = this.props)[eventName]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             }
           };
         } else {
@@ -70315,7 +70316,7 @@ var utils_rest = undefined && undefined.__rest || function (s, e) {
 };
 
 
-const generateOption = (child, parent, index) => {
+const generateOption = (child, parent, index, newKey) => {
   const childProps = child.props;
   if (!child || !childProps) {
     return null;
@@ -70333,7 +70334,7 @@ const generateOption = (child, parent, index) => {
   // 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;
+  option._keyInJsx = newKey || child.key;
   return option;
 };
 const getOptionsFromGroup = selectChildren => {
@@ -70364,10 +70365,22 @@ const getOptionsFromGroup = selectChildren => {
           children
         } = _a,
         restGroupProps = utils_rest(_a, ["children"]);
+      let originKeys = [];
+      if (Array.isArray(children)) {
+        // if group has children > 1
+        originKeys = children.map(item => item.key);
+      } else {
+        originKeys.push(children.key);
+      }
       children = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.toArray(children);
-      const childrenOption = children.map(option => {
+      const childrenOption = children.map((option, index) => {
+        let newKey = option.key;
+        if (originKeys[index] === null) {
+          newKey = child.key + '' + option.key; // if option in group and didn't set key, concat parent key to avoid conflict (default generate key just like .0, .1)
+        }
+
         optionIndex++;
-        return generateOption(option, restGroupProps, optionIndex);
+        return generateOption(option, restGroupProps, optionIndex, newKey);
       });
       const group = Object.assign(Object.assign({}, child.props), {
         children: childrenOption,
@@ -80504,9 +80517,6 @@ class HeadTable extends (external_root_React_commonjs2_react_commonjs_react_amd_
       bodyHasScrollBar,
       sticky
     } = this.props;
-    if (!showHeader) {
-      return null;
-    }
     const Table = get_default()(components, 'header.outer', 'table');
     const x = get_default()(scroll, 'x');
     const headStyle = {};
@@ -80527,7 +80537,8 @@ class HeadTable extends (external_root_React_commonjs2_react_commonjs_react_amd_
       onDidUpdate: onDidUpdate
     }));
     const headTableCls = classnames_default()(`${prefixCls}-header`, {
-      [`${prefixCls}-header-sticky`]: sticky
+      [`${prefixCls}-header-sticky`]: sticky,
+      [`${prefixCls}-header-hidden`]: !showHeader
     });
     const stickyTop = get_default()(sticky, 'top', 0);
     if (typeof stickyTop === 'number') {
@@ -98435,7 +98446,7 @@ class Form extends BaseComponent {
       [baseForm_prefix + '-vertical']: layout === 'vertical',
       [baseForm_prefix + '-horizontal']: layout === 'horizontal'
     });
-    const showldAppendRow = wrapperCol && labelCol;
+    const shouldAppendRow = wrapperCol && labelCol;
     const formContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("form", Object.assign({
       style: style
     }, rest, {
@@ -98451,7 +98462,7 @@ class Form extends BaseComponent {
       value: this.formApi
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(FormStateContext.Provider, {
       value: formState
-    }, showldAppendRow ? withRowForm : formContent)));
+    }, shouldAppendRow ? withRowForm : formContent)));
   }
 }
 Form.propTypes = {