@douyinfe/semi-ui 2.52.0-beta.1 → 2.53.0-beta.0

package/lib/es/modal/Modal.js

@@ -21,11 +21,12 @@ import BaseComponent from '../_base/baseComponent';
 import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } from './confirm';
 import useModal from './useModal';
 import CSSAnimation from "../_cssAnimation";
-import { getScrollbarWidth } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, getScrollbarWidth } from '../_utils';
 export const destroyFns = [];
 class Modal extends BaseComponent {
   constructor(props) {
     super(props);
+    this.bodyOverflow = null;
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
@@ -172,7 +173,6 @@ class Modal extends BaseComponent {
     };
     this.foundation = new ModalFoundation(this.adapter);
     this.modalRef = /*#__PURE__*/React.createRef();
-    this.bodyOverflow = '';
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
@@ -193,7 +193,7 @@ class Modal extends BaseComponent {
         const {
           getPopupContainer
         } = this.props;
-        if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
+        if (!getPopupContainer && this.bodyOverflow !== null && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
           document.body.style.width = this.originBodyWidth;
         }
@@ -311,7 +311,8 @@ Modal.propTypes = {
   fullScreen: PropTypes.bool,
   footerFill: PropTypes.bool
 };
-Modal.defaultProps = {
+Modal.__SemiComponentName__ = "Modal";
+Modal.defaultProps = getDefaultPropsFromGlobalConfig(Modal.__SemiComponentName__, {
   zIndex: 1000,
   motion: true,
   mask: true,
@@ -330,7 +331,7 @@ Modal.defaultProps = {
   keepDOM: false,
   lazyRender: true,
   fullScreen: false
-};
+});
 Modal.useModal = useModal;
 Modal.info = function (props) {
   return confirm(withInfo(props));

package/lib/es/modal/confirm.d.ts

@@ -159,27 +159,27 @@ export declare function withError(props: ModalReactProps): {
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
-    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
     closeOnEsc?: boolean;
     preventScroll?: boolean;
     afterClose?: () => void;
     keepDOM?: boolean;
-    cancelText?: string;
-    okText?: string;
-    closeIcon?: React.ReactNode;
-    bodyStyle?: React.CSSProperties;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closable?: boolean;
-    maskClosable?: boolean;
+    onCancel?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
+    bodyStyle?: React.CSSProperties;
     cancelButtonProps?: import("../button").BaseButtonProps;
+    cancelText?: string;
     centered?: boolean;
     confirmLoading?: boolean;
     cancelLoading?: boolean;
     hasCancel?: boolean;
+    maskClosable?: boolean;
     maskStyle?: React.CSSProperties;
     maskFixed?: boolean;
+    okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/es/modal/modalFoundation").OKType;
     onOk?: (e: React.MouseEvent<Element, MouseEvent>) => void | Promise<any>;
+    closeIcon?: React.ReactNode;
     lazyRender?: boolean;
     fullScreen?: boolean;
     footerFill?: boolean;
@@ -380,12 +380,6 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
-        content?: string;
-        formAction?: string;
-        formEncType?: string;
-        formMethod?: string;
-        formNoValidate?: boolean;
-        formTarget?: string;
         contextMenu?: string;
         dir?: string;
         draggable?: boolean | "true" | "false";
@@ -396,6 +390,7 @@ export declare function withError(props: ModalReactProps): {
         inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
+        content?: string;
         'aria-expanded'?: boolean | "true" | "false";
         'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
         'aria-controls'?: string;
@@ -432,7 +427,7 @@ export declare function withError(props: ModalReactProps): {
         'aria-colcount'?: number;
         'aria-colindex'?: number;
         'aria-colspan'?: number;
-        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "page" | "location" | "step";
+        'aria-current'?: boolean | "time" | "true" | "false" | "date" | "location" | "page" | "step";
         'aria-details'?: string;
         'aria-disabled'?: boolean | "true" | "false";
         'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup";
@@ -467,6 +462,11 @@ export declare function withError(props: ModalReactProps): {
         'aria-valuemin'?: number;
         'aria-valuenow'?: number;
         'aria-valuetext'?: string;
+        formAction?: string;
+        formEncType?: string;
+        formMethod?: string;
+        formNoValidate?: boolean;
+        formTarget?: string;
     };
 };
 export declare function withConfirm(props: ModalReactProps): {

package/lib/es/navigation/index.d.ts

@@ -119,21 +119,8 @@ declare class Nav extends BaseComponent<NavProps, NavState> {
         limitIndent: PropTypes.Requireable<boolean>;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        subNavCloseDelay: number;
-        subNavOpenDelay: number;
-        tooltipHideDelay: number;
-        tooltipShowDelay: number;
-        onCollapseChange: (...args: any[]) => void;
-        onSelect: (...args: any[]) => void;
-        onClick: (...args: any[]) => void;
-        onOpenChange: (...args: any[]) => void;
-        toggleIconPosition: string;
-        limitIndent: boolean;
-        prefixCls: string;
-        subNavMotion: boolean;
-        mode: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     itemsChanged: boolean;
     constructor(props: NavProps);
     static getDerivedStateFromProps(props: NavProps, state: NavState): Partial<NavState>;

package/lib/es/navigation/index.js

@@ -22,6 +22,7 @@ import Header from './Header';
 import NavContext from './nav-context';
 import LocaleConsumer from '../locale/localeConsumer';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 function createAddKeysFn(context, keyName) {
   return function addKeys() {
     const handleKeys = new Set(context.state[keyName]);
@@ -359,7 +360,8 @@ Nav.propTypes = {
   limitIndent: PropTypes.bool,
   getPopupContainer: PropTypes.func
 };
-Nav.defaultProps = {
+Nav.__SemiComponentName__ = "Navigation";
+Nav.defaultProps = getDefaultPropsFromGlobalConfig(Nav.__SemiComponentName__, {
   subNavCloseDelay: numbers.DEFAULT_SUBNAV_CLOSE_DELAY,
   subNavOpenDelay: numbers.DEFAULT_SUBNAV_OPEN_DELAY,
   tooltipHideDelay: numbers.DEFAULT_TOOLTIP_HIDE_DELAY,
@@ -377,6 +379,6 @@ Nav.defaultProps = {
   // defaultOpenKeys: [],
   // defaultSelectedKeys: [],
   // items: [],
-};
+});
 
 export default Nav;

package/lib/es/notification/notice.d.ts

@@ -29,18 +29,8 @@ declare class Notice extends BaseComponent<NoticeReactProps, NoticeState> {
         close: PropTypes.Requireable<(...args: any[]) => any>;
         direction: PropTypes.Requireable<"ltr" | "rtl">;
     };
-    static defaultProps: {
-        duration: number;
-        id: string;
-        close: (...args: any[]) => void;
-        onClose: (...args: any[]) => void;
-        onClick: (...args: any[]) => void;
-        onCloseClick: (...args: any[]) => void;
-        content: string;
-        title: string;
-        showClose: boolean;
-        theme: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     get adapter(): NoticeAdapter;
     constructor(props: NoticeReactProps);
     context: ContextValue;

package/lib/es/notification/notice.js

@@ -15,7 +15,7 @@ import { cssClasses, numbers, strings } from '@douyinfe/semi-foundation/lib/es/n
 import NotificationFoundation from '@douyinfe/semi-foundation/lib/es/notification/notificationFoundation';
 import Button from '../iconButton';
 import BaseComponent from '../_base/baseComponent';
-import { isSemiIcon } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, isSemiIcon } from '../_utils';
 import { IconAlertCircle, IconAlertTriangle, IconClose, IconInfoCircle, IconTickCircle } from '@douyinfe/semi-icons';
 import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 const prefixCls = cssClasses.NOTICE;
@@ -175,7 +175,8 @@ Notice.propTypes = {
   close: PropTypes.func,
   direction: PropTypes.oneOf(directions)
 };
-Notice.defaultProps = {
+Notice.__SemiComponentName__ = "Notification";
+Notice.defaultProps = getDefaultPropsFromGlobalConfig(Notice.__SemiComponentName__, {
   duration,
   id: '',
   close: _noop,
@@ -186,5 +187,5 @@ Notice.defaultProps = {
   title: '',
   showClose: true,
   theme: 'normal'
-};
+});
 export default Notice;

package/lib/es/overflowList/index.d.ts

@@ -44,15 +44,8 @@ export interface OverflowListState {
     overflowWidth?: number;
 }
 declare class OverflowList extends BaseComponent<OverflowListProps, OverflowListState> {
-    static defaultProps: {
-        collapseFrom: string;
-        minVisibleItems: number;
-        overflowRenderer: () => ReactElement;
-        renderMode: string;
-        threshold: number;
-        visibleItemRenderer: () => ReactElement;
-        onOverflow: () => any;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static propTypes: {
         className: PropTypes.Requireable<string>;
         collapseFrom: PropTypes.Requireable<"end" | "start">;

package/lib/es/overflowList/index.js

@@ -10,7 +10,7 @@ import ResizeObserver from '../resizeObserver';
 import IntersectionObserver from './intersectionObserver';
 import OverflowListFoundation from '@douyinfe/semi-foundation/lib/es/overflowList/foundation';
 import '@douyinfe/semi-foundation/lib/es/overflowList/overflowList.css';
-import { cloneDeep } from '../_utils';
+import { cloneDeep, getDefaultPropsFromGlobalConfig } from '../_utils';
 const prefixCls = cssClasses.PREFIX;
 const Boundary = strings.BOUNDARY_MAP;
 const OverflowDirection = strings.OVERFLOW_DIR;
@@ -269,7 +269,8 @@ class OverflowList extends BaseComponent {
     }, list);
   }
 }
-OverflowList.defaultProps = {
+OverflowList.__SemiComponentName__ = "OverflowList";
+OverflowList.defaultProps = getDefaultPropsFromGlobalConfig(OverflowList.__SemiComponentName__, {
   collapseFrom: 'end',
   minVisibleItems: 0,
   overflowRenderer: () => null,
@@ -277,7 +278,7 @@ OverflowList.defaultProps = {
   threshold: 0.75,
   visibleItemRenderer: () => null,
   onOverflow: () => null
-};
+});
 OverflowList.propTypes = {
   // if render in scroll mode, key is required in items
   className: PropTypes.string,

package/lib/es/popconfirm/index.d.ts

@@ -65,21 +65,8 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         trigger: PropTypes.Requireable<string>;
         position: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        stopPropagation: boolean;
-        trigger: string;
-        onVisibleChange: (...args: any[]) => void;
-        disabled: boolean;
-        icon: JSX.Element;
-        okType: string;
-        cancelType: string;
-        prefixCls: string;
-        zIndex: number;
-        showCloseIcon: boolean;
-        onCancel: (...args: any[]) => void;
-        onConfirm: (...args: any[]) => void;
-        onClickOutSide: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     footerRef: React.RefObject<HTMLDivElement | null>;
     popoverRef: React.RefObject<Popover | null>;
     foundation: PopconfirmFoundation;

package/lib/es/popconfirm/index.js

@@ -22,6 +22,7 @@ import Button from '../button';
 import ConfigContext from '../configProvider/context';
 import LocaleConsumer from '../locale/localeConsumer';
 import '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirm.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 export default class Popconfirm extends BaseComponent {
   constructor(props) {
     super(props);
@@ -253,7 +254,8 @@ Popconfirm.propTypes = {
   trigger: PropTypes.string,
   position: PropTypes.string
 };
-Popconfirm.defaultProps = {
+Popconfirm.__SemiComponentName__ = "Popconfirm";
+Popconfirm.defaultProps = getDefaultPropsFromGlobalConfig(Popconfirm.__SemiComponentName__, {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
@@ -270,4 +272,4 @@ Popconfirm.defaultProps = {
   onCancel: _noop,
   onConfirm: _noop,
   onClickOutSide: _noop
-};
+});

package/lib/es/popover/index.d.ts

@@ -81,29 +81,8 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         guardFocus: PropTypes.Requireable<boolean>;
         disableArrowKeyDown: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        arrowBounding: {
-            offsetY: number;
-            offsetX: number;
-            height: number;
-            width: 24;
-        };
-        showArrow: boolean;
-        autoAdjustOverflow: boolean;
-        zIndex: number;
-        motion: boolean;
-        trigger: string;
-        cancelText: string;
-        okText: string;
-        position: string;
-        prefixCls: string;
-        onClickOutSide: (...args: any[]) => void;
-        onEscKeyDown: (...args: any[]) => void;
-        closeOnEsc: boolean;
-        returnFocusOnClose: boolean;
-        guardFocus: boolean;
-        disableFocusListener: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     context: ContextValue;
     tooltipRef: React.RefObject<Tooltip | null>;
     constructor(props: PopoverProps);

package/lib/es/popover/index.js

@@ -17,6 +17,7 @@ import Tooltip from '../tooltip/index';
 import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 class Popover extends React.PureComponent {
@@ -140,7 +141,8 @@ Popover.propTypes = {
   guardFocus: PropTypes.bool,
   disableArrowKeyDown: PropTypes.bool
 };
-Popover.defaultProps = {
+Popover.__SemiComponentName__ = "Popover";
+Popover.defaultProps = getDefaultPropsFromGlobalConfig(Popover.__SemiComponentName__, {
   arrowBounding: numbers.ARROW_BOUNDING,
   showArrow: false,
   autoAdjustOverflow: true,
@@ -157,5 +159,5 @@ Popover.defaultProps = {
   returnFocusOnClose: true,
   guardFocus: true,
   disableFocusListener: true
-};
+});
 export default Popover;

package/lib/es/resizeObserver/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 /** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */
 export interface ResizeEntry {
     contentRect: DOMRectReadOnly;
@@ -10,26 +9,39 @@ export interface ResizeEntry {
 export interface ReactResizeObserverProps extends BaseProps {
     onResize?: (entries: ResizeEntry[]) => void;
     observeParent?: boolean;
+    observerProperty?: ObserverProperty;
+    delayTick?: number;
+}
+export declare enum ObserverProperty {
+    Width = "width",
+    Height = "height",
+    All = "all"
 }
 export default class ReactResizeObserver extends BaseComponent<ReactResizeObserverProps> {
     static propTypes: {
         onResize: PropTypes.Requireable<(...args: any[]) => any>;
         observeParent: PropTypes.Requireable<boolean>;
+        observerProperty: PropTypes.Requireable<string>;
+        delayTick: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         onResize: () => void;
         observeParent: boolean;
+        observerProperty: string;
+        delayTick: number;
     };
     observer: ResizeObserver;
     childNode: any;
     element: Element;
     _parentNode: HTMLElement;
+    formerPropertyValue: Map<Element, number>;
     constructor(props: ReactResizeObserverProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: ReactResizeObserverProps): void;
     componentWillUnmount(): void;
     getElement: () => Element | Text;
-    observeElement(force?: boolean): void;
+    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
+    observeElement: (force?: boolean) => void;
     mergeRef: (ref: any, node: HTMLDivElement) => void;
     render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }

package/lib/es/resizeObserver/index.js

@@ -2,10 +2,18 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
+export var ObserverProperty;
+(function (ObserverProperty) {
+  ObserverProperty["Width"] = "width";
+  ObserverProperty["Height"] = "height";
+  ObserverProperty["All"] = "all";
+})(ObserverProperty || (ObserverProperty = {}));
 export default class ReactResizeObserver extends BaseComponent {
   constructor(props) {
+    var _this;
     super(props);
+    _this = this;
+    this.formerPropertyValue = new Map();
     this.getElement = () => {
       try {
         // using findDOMNode for two reasons:
@@ -17,6 +25,54 @@ export default class ReactResizeObserver extends BaseComponent {
         return null;
       }
     };
+    this.handleResizeEventTriggered = entries => {
+      if (this.props.observerProperty === ObserverProperty.All) {
+        this.props.onResize(entries);
+      } else {
+        const finalEntries = [];
+        for (const entry of entries) {
+          if (this.formerPropertyValue.has(entry.target)) {
+            if (entry.contentRect[this.props.observerProperty] !== this.formerPropertyValue.get(entry.target)) {
+              this.formerPropertyValue.set(entry.target, entry.contentRect[this.props.observerProperty]);
+              finalEntries.push(entry);
+            }
+          } else {
+            this.formerPropertyValue.set(entry.target, entry.contentRect[this.props.observerProperty]);
+            finalEntries.push(entry);
+          }
+        }
+        if (finalEntries.length > 0) {
+          this.props.onResize(finalEntries);
+        }
+      }
+    };
+    this.observeElement = function () {
+      let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      const element = _this.getElement();
+      if (!_this.observer) {
+        _this.observer = new ResizeObserver(_this.handleResizeEventTriggered);
+      }
+      if (!(element && element instanceof Element)) {
+        // stop everything if not defined
+        _this.observer.disconnect();
+        return;
+      }
+      if (element === _this.element && !force) {
+        // abort if given same element -- nothing to update (unless forced)
+        return;
+      } else {
+        // clear observer list if new element
+        _this.observer.disconnect();
+        // remember element reference for next time
+        _this.element = element;
+      }
+      // observer callback is invoked immediately when observing new elements
+      _this.observer.observe(element);
+      if (_this.props.observeParent && element.parentNode && element.parentNode.ownerDocument && element.parentNode.ownerDocument.defaultView && element.parentNode instanceof element.parentNode.ownerDocument.defaultView.HTMLElement) {
+        _this._parentNode = element.parentNode;
+        _this.observer.observe(_this._parentNode);
+      }
+    };
     this.mergeRef = (ref, node) => {
       this.childNode = node;
       if (typeof ref === 'function') {
@@ -25,7 +81,7 @@ export default class ReactResizeObserver extends BaseComponent {
         ref.current = node;
       }
     };
-    this.observer = new ResizeObserver(props.onResize);
+    this.observer = new ResizeObserver(this.handleResizeEventTriggered);
   }
   componentDidMount() {
     this.observeElement();
@@ -40,33 +96,6 @@ export default class ReactResizeObserver extends BaseComponent {
       this.element = null;
     }
   }
-  observeElement() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const element = this.getElement();
-    if (!this.observer) {
-      this.observer = new ResizeObserver(this.props.onResize);
-    }
-    if (!(element && element instanceof Element)) {
-      // stop everything if not defined
-      this.observer.disconnect();
-      return;
-    }
-    if (element === this.element && !force) {
-      // abort if given same element -- nothing to update (unless forced)
-      return;
-    } else {
-      // clear observer list if new element
-      this.observer.disconnect();
-      // remember element reference for next time
-      this.element = element;
-    }
-    // observer callback is invoked immediately when observing new elements
-    this.observer.observe(element);
-    if (this.props.observeParent && element.parentNode && element.parentNode.ownerDocument && element.parentNode.ownerDocument.defaultView && element.parentNode instanceof element.parentNode.ownerDocument.defaultView.HTMLElement) {
-      this._parentNode = element.parentNode;
-      this.observer.observe(this._parentNode);
-    }
-  }
   render() {
     const child = React.Children.only(this.props.children);
     const {
@@ -79,9 +108,13 @@ export default class ReactResizeObserver extends BaseComponent {
 }
 ReactResizeObserver.propTypes = {
   onResize: PropTypes.func,
-  observeParent: PropTypes.bool
+  observeParent: PropTypes.bool,
+  observerProperty: PropTypes.string,
+  delayTick: PropTypes.number
 };
 ReactResizeObserver.defaultProps = {
   onResize: () => {},
-  observeParent: false
+  observeParent: false,
+  observerProperty: "all",
+  delayTick: 0
 };

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

@@ -251,6 +251,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         preventScroll: PropTypes.Requireable<boolean>;
     };
+    static __SemiComponentName__: string;
     static defaultProps: Partial<SelectProps>;
     inputRef: React.RefObject<HTMLInputElement>;
     triggerRef: React.RefObject<HTMLDivElement>;

package/lib/es/select/index.js

@@ -38,7 +38,7 @@ import OptionGroup from './optionGroup';
 import Spin from '../spin';
 import Trigger from '../trigger';
 import { IconChevronDown, IconClear } from '@douyinfe/semi-icons';
-import { isSemiIcon, getFocusableElements, getActiveElement } from '../_utils';
+import { isSemiIcon, getFocusableElements, getActiveElement, getDefaultPropsFromGlobalConfig } from '../_utils';
 import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import '@douyinfe/semi-foundation/lib/es/select/select.css';
 const prefixcls = cssClasses.PREFIX;
@@ -1284,7 +1284,8 @@ Select.propTypes = {
   // tagClosable: PropTypes.bool,
 };
 
-Select.defaultProps = {
+Select.__SemiComponentName__ = "Select";
+Select.defaultProps = getDefaultPropsFromGlobalConfig(Select.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   borderless: false,
@@ -1329,6 +1330,6 @@ Select.defaultProps = {
   // renderSelectedItem: (optionNode) => optionNode.label,
   // The default creator rendering is related to i18, so it is not declared here
   // renderCreateItem: (input) => input
-};
+});
 
 export default Select;

package/lib/es/select/option.js

@@ -101,7 +101,8 @@ class Option extends PureComponent {
           value,
           label,
           children
-        }, rest), e)
+        }, rest), e),
+        className
       }, rest));
     }
     const config = {

package/lib/es/sideSheet/index.d.ts

@@ -45,6 +45,7 @@ export default class SideSheet extends BaseComponent<SideSheetReactProps, SideSh
         keepDOM: PropTypes.Requireable<boolean>;
         'aria-label': PropTypes.Requireable<string>;
     };
+    static __SemiComponentName__: string;
     static defaultProps: SideSheetReactProps;
     private _active;
     constructor(props: SideSheetReactProps);

package/lib/es/sideSheet/index.js

@@ -18,7 +18,7 @@ import SideSheetContent from './SideSheetContent';
 import SideSheetFoundation from '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheet.css';
 import CSSAnimation from "../_cssAnimation";
-import { getScrollbarWidth } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, getScrollbarWidth } from '../_utils';
 const prefixCls = cssClasses.PREFIX;
 const defaultWidthList = strings.WIDTH;
 const defaultHeight = strings.HEIGHT;
@@ -248,7 +248,8 @@ SideSheet.propTypes = {
   keepDOM: PropTypes.bool,
   'aria-label': PropTypes.string
 };
-SideSheet.defaultProps = {
+SideSheet.__SemiComponentName__ = "SideSheet";
+SideSheet.defaultProps = getDefaultPropsFromGlobalConfig(SideSheet.__SemiComponentName__, {
   visible: false,
   motion: true,
   mask: true,
@@ -262,4 +263,4 @@ SideSheet.defaultProps = {
   closeOnEsc: false,
   afterVisibleChange: _noop,
   keepDOM: false
-};
+});

package/lib/es/table/ResizableTable.js

@@ -57,7 +57,7 @@ const ResizableTable = function () {
       width: numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-  if (props.rowSelection && !_find(rawColumns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION)) {
+  if (props.rowSelection && !_get(props.rowSelection, 'hidden') && !_find(rawColumns, item => item.key === strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: _get(props, 'rowSelection.width', numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: strings.DEFAULT_KEY_COLUMN_SELECTION

package/lib/es/tabs/index.d.ts

@@ -38,6 +38,7 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
         onTabClose: PropTypes.Requireable<(...args: any[]) => any>;
         preventScroll: PropTypes.Requireable<boolean>;
     };
+    static __SemiComponentName__: string;
     static defaultProps: TabsProps;
     contentRef: RefObject<HTMLDivElement>;
     contentHeight: string;