@douyinfe/semi-ui 2.11.0-beta.1 → 2.11.0

package/anchor/link.tsx

@@ -11,9 +11,9 @@ const prefixCls = cssClasses.PREFIX;
 
 export interface LinkProps {
     href?: string;
-    title?: string | React.ReactNode;
+    title?: ReactNode;
     className?: string;
-    children?: ReactNode | undefined;
+    children?: ReactNode;
     style?: React.CSSProperties;
     disabled?: boolean;
 }

package/autoComplete/index.tsx

@@ -57,7 +57,7 @@ export interface AutoCompleteProps<T extends AutoCompleteItems> {
     dropdownMatchSelectWidth?: boolean;
     dropdownClassName?: string;
     dropdownStyle?: React.CSSProperties;
-    emptyContent?: React.ReactNode | null;
+    emptyContent?: React.ReactNode;
     getPopupContainer?: () => HTMLElement;
     insetLabel?: React.ReactNode;
     insetLabelId?: string;
@@ -218,8 +218,8 @@ class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<AutoComple
 
         warning(
             'triggerRender' in this.props && typeof this.props.triggerRender === 'function',
-            `[Semi AutoComplete] 
-            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size', 
+            `[Semi AutoComplete]
+            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',
             please notice that they will be removed in the next major version.
             Please use 'componentProps' to retrieve these props instead.
             - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.`

package/avatar/interface.ts

@@ -22,7 +22,7 @@ export type AvatarColor =
     | 'yellow';
 
 export interface AvatarProps extends BaseProps {
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     color?: AvatarColor;
     shape?: AvatarShape;
     size?: AvatarSize;
@@ -42,7 +42,7 @@ export type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'm
 export type AvatarGroupOverlapFrom = 'start' | 'end';
 
 export interface AvatarGroupProps {
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     shape?: AvatarGroupShape;
     size?: AvatarGroupSize;
     overlapFrom?: AvatarGroupOverlapFrom;

package/badge/index.tsx

@@ -24,7 +24,7 @@ export interface BadgeProps {
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;
     onClick?: (e: React.MouseEvent) => any;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
 }
 
 export default class Badge extends PureComponent<BadgeProps> {

package/banner/index.tsx

@@ -20,15 +20,15 @@ export type Type = 'info' | 'danger' | 'warning' | 'success';
 export interface BannerProps {
     type?: Type;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     fullMode?: boolean;
     title?: React.ReactNode;
     description?: React.ReactNode;
-    icon?: string | React.ReactNode;
-    closeIcon?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    closeIcon?: React.ReactNode;
     style?: React.CSSProperties;
     bordered?: boolean;
-    onClose?: (e: React.MouseEvent) => void;
+    onClose?(e: React.MouseEvent):void;
 }
 
 export interface BannerState {

package/breadcrumb/bread-context.tsx

@@ -5,7 +5,7 @@ export interface BreadContextType {
     onClick?: (info: BreadcrumbItemInfo, event: React.MouseEvent) => void;
     showTooltip?: boolean | showToolTipProps;
     compact?: boolean;
-    separator?: string | React.ReactNode;
+    separator?: React.ReactNode;
 }
 
 const BreadContext = React.createContext<BreadContextType>({});

package/card/cardGroup.tsx

@@ -11,7 +11,7 @@ export type CardGroupType = 'grid';
 export interface CardGroupProps {
     /** Card group style class name */
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     /** Card Spacing */
     spacing?: number | number[];
     /** Card group inline style */

package/card/index.tsx

@@ -26,7 +26,7 @@ export interface CardProps {
     bordered?: boolean;
     /** Style class name */
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     /** Cover */
     cover?: ReactNode;
     /** Additional additions to the right of the title */

package/cascader/index.tsx

@@ -62,7 +62,7 @@ export interface CascaderProps extends BasicCascaderProps {
     motion?: Motion;
     treeData?: Array<CascaderData>;
     restTagsPopoverProps?: PopoverProps;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     value?: Value;
     prefix?: ReactNode;
     suffix?: ReactNode;
@@ -843,11 +843,11 @@ class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         const allowClear = this.showClearBtn();
         if (allowClear) {
             return (
-                <div 
+                <div
                     className={clearCls}
-                    onClick={this.handleClear} 
+                    onClick={this.handleClear}
                     onKeyPress={this.handleClearEnterPress}
-                    role='button' 
+                    role='button'
                     tabIndex={0}
                 >
                     <IconClear />

package/collapse/index.tsx

@@ -20,7 +20,7 @@ export { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps{
     expandIcon?: React.ReactNode;
     collapseIcon?: React.ReactNode;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     style?: CSSProperties;
     onChange?: (activeKey: CollapseProps['activeKey'], e: React.MouseEvent) => void;
 }

package/collapse/item.tsx

@@ -12,7 +12,7 @@ export interface CollapsePanelProps {
     extra?: ReactNode;
     header?: ReactNode;
     className?: string;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     reCalcKey?: number | string;
     style?: CSSProperties;
 }

package/collapsible/index.tsx

@@ -11,7 +11,7 @@ const ease = 'cubicBezier(.25,.1,.25,1)';
 
 export interface CollapsibleProps {
     motion?: Motion;
-    children?: React.ReactNode | undefined;
+    children?: React.ReactNode;
     isOpen?: boolean;
     duration?: number;
     keepDOM?: boolean;

package/descriptions/item.tsx

@@ -7,7 +7,7 @@ import DescriptionsContext, { DescriptionsContextValue } from './descriptions-co
 export interface DescriptionsItemProps {
     hidden?: boolean;
     className?: string;
-    children?: React.ReactNode | undefined | (() => React.ReactNode);
+    children?: React.ReactNode | (() => React.ReactNode);
     style?: React.CSSProperties;
     itemKey?: React.ReactNode;
 }

package/dist/umd/semi-ui.js

@@ -36635,7 +36635,7 @@ class autoComplete_AutoComplete extends baseComponent_BaseComponent {
     this.triggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.clickOutsideHandler = null;
-    Object(warning["a" /* default */])('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete] \n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size', \n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
+    Object(warning["a" /* default */])('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete]\n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',\n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
   }
 
   get adapter() {
@@ -77734,6 +77734,7 @@ var select_select = __webpack_require__("1d3+");
 
 
 
+
 
 
 const select_prefixcls = select_constants_cssClasses.PREFIX;
@@ -77741,7 +77742,7 @@ const select_key = 0; // Notes: Use the label of the option as the identifier, t
 
 class select_Select extends baseComponent_BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8;
+    var _context, _context2, _context3, _context4, _context5, _context6, _context7;
 
     super(props);
 
@@ -77763,19 +77764,19 @@ class select_Select extends baseComponent_BaseComponent {
     };
     /* Generate random string */
 
-    this.selectOptionListID = slice_default()(_context = Math.random().toString(36)).call(_context, 2);
+    this.selectOptionListID = '';
     this.virtualizeListRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.inputRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.triggerRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.optionsRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
     this.clickOutsideHandler = null;
-    this.onSelect = bind_default()(_context2 = this.onSelect).call(_context2, this);
-    this.onClear = bind_default()(_context3 = this.onClear).call(_context3, this);
-    this.onMouseEnter = bind_default()(_context4 = this.onMouseEnter).call(_context4, this);
-    this.onMouseLeave = bind_default()(_context5 = this.onMouseLeave).call(_context5, this);
-    this.renderOption = bind_default()(_context6 = this.renderOption).call(_context6, this);
-    this.onKeyPress = bind_default()(_context7 = this.onKeyPress).call(_context7, this);
-    this.onClearBtnEnterPress = bind_default()(_context8 = this.onClearBtnEnterPress).call(_context8, this);
+    this.onSelect = bind_default()(_context = this.onSelect).call(_context, this);
+    this.onClear = bind_default()(_context2 = this.onClear).call(_context2, this);
+    this.onMouseEnter = bind_default()(_context3 = this.onMouseEnter).call(_context3, this);
+    this.onMouseLeave = bind_default()(_context4 = this.onMouseLeave).call(_context4, this);
+    this.renderOption = bind_default()(_context5 = this.renderOption).call(_context5, this);
+    this.onKeyPress = bind_default()(_context6 = this.onKeyPress).call(_context6, this);
+    this.onClearBtnEnterPress = bind_default()(_context7 = this.onClearBtnEnterPress).call(_context7, this);
     this.foundation = new foundation_SelectFoundation(this.adapter);
     Object(warning["a" /* default */])('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     Object(warning["a" /* default */])('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -77978,18 +77979,18 @@ class select_Select extends baseComponent_BaseComponent {
         } catch (error) {}
       },
       updateScrollTop: index => {
-        var _context10, _context11;
+        var _context9, _context10;
 
         // eslint-disable-next-line max-len
         let optionClassName = ".".concat(select_prefixcls, "-option-selected");
 
         if (index !== undefined) {
-          var _context9;
+          var _context8;
 
-          optionClassName = concat_default()(_context9 = ".".concat(select_prefixcls, "-option:nth-child(")).call(_context9, index, ")");
+          optionClassName = concat_default()(_context8 = ".".concat(select_prefixcls, "-option:nth-child(")).call(_context8, index, ")");
         }
 
-        let destNode = document.querySelector(concat_default()(_context10 = concat_default()(_context11 = "#".concat(select_prefixcls, "-")).call(_context11, this.selectOptionListID, " ")).call(_context10, optionClassName));
+        let destNode = document.querySelector(concat_default()(_context9 = concat_default()(_context10 = "#".concat(select_prefixcls, "-")).call(_context10, this.selectOptionListID, " ")).call(_context9, optionClassName));
 
         if (is_array_default()(destNode)) {
           // eslint-disable-next-line prefer-destructuring
@@ -78010,6 +78011,7 @@ class select_Select extends baseComponent_BaseComponent {
 
   componentDidMount() {
     this.foundation.init();
+    this.selectOptionListID = getUuidShort();
   }
 
   componentWillUnmount() {
@@ -78017,11 +78019,11 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    var _context12, _context13;
+    var _context11, _context12;
 
-    const prevChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context12, child => child.key);
+    const prevChildrenKeys = map_default()(_context11 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(prevProps.children)).call(_context11, child => child.key);
 
-    const nowChildrenKeys = map_default()(_context13 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context13, child => child.key);
+    const nowChildrenKeys = map_default()(_context12 = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(this.props.children)).call(_context12, child => child.key);
 
     let isOptionsChanged = false;
 
@@ -78267,7 +78269,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderOptions(children) {
-    var _context14;
+    var _context13;
 
     const {
       dropdownMinWidth,
@@ -78305,7 +78307,7 @@ class select_Select extends baseComponent_BaseComponent {
     });
     const isEmpty = !options.length || !some_default()(options).call(options, item => item._show);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      id: concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
+      id: concat_default()(_context13 = "".concat(select_prefixcls, "-")).call(_context13, this.selectOptionListID),
       className: dropdownClassName,
       style: style
     }, outerTopSlot, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -78539,7 +78541,7 @@ class select_Select extends baseComponent_BaseComponent {
   }
 
   renderSelection() {
-    var _context15;
+    var _context14;
 
     const {
       disabled,
@@ -78623,7 +78625,7 @@ class select_Select extends baseComponent_BaseComponent {
       role: "combobox",
       "aria-disabled": disabled,
       "aria-expanded": isOpen,
-      "aria-controls": concat_default()(_context15 = "".concat(select_prefixcls, "-")).call(_context15, this.selectOptionListID),
+      "aria-controls": concat_default()(_context14 = "".concat(select_prefixcls, "-")).call(_context14, this.selectOptionListID),
       "aria-haspopup": "listbox",
       "aria-label": "select value",
       "aria-invalid": this.props['aria-invalid'],
@@ -87733,7 +87735,8 @@ HeadTable_HeadTable.propTypes = {
   }),
   selectedRowKeysSet: prop_types_default.a.instanceOf(set_default.a).isRequired,
   showHeader: prop_types_default.a.bool,
-  onDidUpdate: prop_types_default.a.func
+  onDidUpdate: prop_types_default.a.func,
+  onHeaderRow: prop_types_default.a.func
 };
 HeadTable_HeadTable.defaultProps = {
   handleBodyScroll: noop_default.a
@@ -90733,6 +90736,7 @@ class Table_Table extends baseComponent_BaseComponent {
         components,
         headerRef,
         bodyRef,
+        onHeaderRow,
         rowSelection,
         dataSource,
         bodyHasScrollBar,
@@ -90753,6 +90757,7 @@ class Table_Table extends baseComponent_BaseComponent {
         scroll: scroll,
         showHeader: showHeader,
         selectedRowKeysSet: selectedRowKeysSet,
+        onHeaderRow: onHeaderRow,
         dataSource: dataSource,
         bodyHasScrollBar: bodyHasScrollBar
       }) : null;