@douyinfe/semi-ui 2.47.0 → 2.47.1

package/lib/cjs/dropdown/dropdownItem.js

@@ -46,8 +46,9 @@ class DropdownItem extends _baseComponent.default {
       ['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 {

package/lib/cjs/form/baseForm.js

@@ -181,7 +181,7 @@ class Form extends _baseComponent.default {
       [prefix + '-vertical']: layout === 'vertical',
       [prefix + '-horizontal']: layout === 'horizontal'
     });
-    const showldAppendRow = wrapperCol && labelCol;
+    const shouldAppendRow = wrapperCol && labelCol;
     const formContent = /*#__PURE__*/_react.default.createElement("form", Object.assign({
       style: style
     }, rest, {
@@ -197,7 +197,7 @@ class Form extends _baseComponent.default {
       value: this.formApi
     }, /*#__PURE__*/_react.default.createElement(_context.FormStateContext.Provider, {
       value: formState
-    }, showldAppendRow ? withRowForm : formContent)));
+    }, shouldAppendRow ? withRowForm : formContent)));
   }
 }
 Form.propTypes = {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OptionProps } from './option';
 import { OptionGroupProps } from './optionGroup';
-declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
+declare const generateOption: (child: React.ReactElement, parent: any, index: number, newKey?: string | number) => OptionProps;
 declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
     optionGroups: OptionGroupProps[];
     options: OptionProps[];

package/lib/cjs/select/utils.js

@@ -15,7 +15,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-const generateOption = (child, parent, index) => {
+const generateOption = (child, parent, index, newKey) => {
   const childProps = child.props;
   if (!child || !childProps) {
     return null;
@@ -33,7 +33,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;
 };
 exports.generateOption = generateOption;
@@ -65,10 +65,22 @@ const getOptionsFromGroup = selectChildren => {
           children
         } = _a,
         restGroupProps = __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 = _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,

package/lib/cjs/table/HeadTable.js

@@ -37,9 +37,6 @@ class HeadTable extends _react.default.PureComponent {
       bodyHasScrollBar,
       sticky
     } = this.props;
-    if (!showHeader) {
-      return null;
-    }
     const Table = (0, _get2.default)(components, 'header.outer', 'table');
     const x = (0, _get2.default)(scroll, 'x');
     const headStyle = {};
@@ -60,7 +57,8 @@ class HeadTable extends _react.default.PureComponent {
       onDidUpdate: onDidUpdate
     }));
     const headTableCls = (0, _classnames.default)(`${prefixCls}-header`, {
-      [`${prefixCls}-header-sticky`]: sticky
+      [`${prefixCls}-header-sticky`]: sticky,
+      [`${prefixCls}-header-hidden`]: !showHeader
     });
     const stickyTop = (0, _get2.default)(sticky, 'top', 0);
     if (typeof stickyTop === 'number') {

package/lib/es/dropdown/dropdownItem.js

@@ -39,8 +39,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 {

package/lib/es/form/baseForm.js

@@ -174,7 +174,7 @@ class Form extends BaseComponent {
       [prefix + '-vertical']: layout === 'vertical',
       [prefix + '-horizontal']: layout === 'horizontal'
     });
-    const showldAppendRow = wrapperCol && labelCol;
+    const shouldAppendRow = wrapperCol && labelCol;
     const formContent = /*#__PURE__*/React.createElement("form", Object.assign({
       style: style
     }, rest, {
@@ -190,7 +190,7 @@ class Form extends BaseComponent {
       value: this.formApi
     }, /*#__PURE__*/React.createElement(FormStateContext.Provider, {
       value: formState
-    }, showldAppendRow ? withRowForm : formContent)));
+    }, shouldAppendRow ? withRowForm : formContent)));
   }
 }
 Form.propTypes = {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OptionProps } from './option';
 import { OptionGroupProps } from './optionGroup';
-declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
+declare const generateOption: (child: React.ReactElement, parent: any, index: number, newKey?: string | number) => OptionProps;
 declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
     optionGroups: OptionGroupProps[];
     options: OptionProps[];

package/lib/es/select/utils.js

@@ -8,7 +8,7 @@ var __rest = this && this.__rest || function (s, e) {
 };
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
-const generateOption = (child, parent, index) => {
+const generateOption = (child, parent, index, newKey) => {
   const childProps = child.props;
   if (!child || !childProps) {
     return null;
@@ -26,7 +26,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 => {
@@ -57,10 +57,22 @@ const getOptionsFromGroup = selectChildren => {
           children
         } = _a,
         restGroupProps = __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 = React.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,

package/lib/es/table/HeadTable.js

@@ -30,9 +30,6 @@ class HeadTable extends React.PureComponent {
       bodyHasScrollBar,
       sticky
     } = this.props;
-    if (!showHeader) {
-      return null;
-    }
     const Table = _get(components, 'header.outer', 'table');
     const x = _get(scroll, 'x');
     const headStyle = {};
@@ -53,7 +50,8 @@ class HeadTable extends React.PureComponent {
       onDidUpdate: onDidUpdate
     }));
     const headTableCls = classnames(`${prefixCls}-header`, {
-      [`${prefixCls}-header-sticky`]: sticky
+      [`${prefixCls}-header-sticky`]: sticky,
+      [`${prefixCls}-header-hidden`]: !showHeader
     });
     const stickyTop = _get(sticky, 'top', 0);
     if (typeof stickyTop === 'number') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.47.0",
+    "version": "2.47.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.47.0",
-        "@douyinfe/semi-animation-react": "2.47.0",
-        "@douyinfe/semi-foundation": "2.47.0",
-        "@douyinfe/semi-icons": "2.47.0",
-        "@douyinfe/semi-illustrations": "2.47.0",
-        "@douyinfe/semi-theme-default": "2.47.0",
+        "@douyinfe/semi-animation": "2.47.1",
+        "@douyinfe/semi-animation-react": "2.47.1",
+        "@douyinfe/semi-foundation": "2.47.1",
+        "@douyinfe/semi-icons": "2.47.1",
+        "@douyinfe/semi-illustrations": "2.47.1",
+        "@douyinfe/semi-theme-default": "2.47.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": "6ec26559221487884e981fe44daa300af1a336f6",
+    "gitHead": "875fcccc849e3f6131d8d9352acd2c309f3a3a60",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",