@douyinfe/semi-ui 2.52.3 → 2.53.0

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

@@ -9,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,9 +2,18 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
+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:
@@ -16,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 +82,7 @@ export default class ReactResizeObserver extends BaseComponent {
       }
     };
     if (globalThis['ResizeObserver']) {
-      this.observer = new ResizeObserver(props.onResize);
+      this.observer = new ResizeObserver(this.handleResizeEventTriggered);
     }
   }
   componentDidMount() {
@@ -43,33 +100,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 {
@@ -82,9 +112,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/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;
@@ -141,6 +141,15 @@ export default class SideSheet extends BaseComponent {
         keepDOM
       } = _a,
       props = __rest(_a, ["placement", "className", "children", "width", "height", "motion", "visible", "style", "maskStyle", "size", "zIndex", "getPopupContainer", "keepDOM"]);
+    let wrapperStyle = {
+      zIndex
+    };
+    if (getPopupContainer) {
+      wrapperStyle = {
+        zIndex,
+        position: 'static'
+      };
+    }
     const {
       direction
     } = this.context;
@@ -189,35 +198,27 @@ export default class SideSheet extends BaseComponent {
           animationStyle,
           animationEventsNeedBind
         } = _ref2;
-        return shouldRender ? /*#__PURE__*/React.createElement(SideSheetContent, Object.assign({}, contentProps, {
+        return shouldRender ? /*#__PURE__*/React.createElement(Portal, {
+          getPopupContainer: getPopupContainer,
+          style: wrapperStyle
+        }, /*#__PURE__*/React.createElement(SideSheetContent, Object.assign({}, contentProps, {
           maskExtraProps: maskAnimationEventsNeedBind,
           wrapperExtraProps: animationEventsNeedBind,
           dialogClassName: animationClassName,
           maskClassName: maskAnimationClassName,
           maskStyle: Object.assign({}, maskStyle),
           style: Object.assign(Object.assign({}, animationStyle), style)
-        }), children) : /*#__PURE__*/React.createElement(React.Fragment, null);
+        }), children)) : /*#__PURE__*/React.createElement(React.Fragment, null);
       });
     });
   }
   render() {
     const {
       zIndex,
-      getPopupContainer
+      getPopupContainer,
+      visible
     } = this.props;
-    let wrapperStyle = {
-      zIndex
-    };
-    if (getPopupContainer) {
-      wrapperStyle = {
-        zIndex,
-        position: 'static'
-      };
-    }
-    return /*#__PURE__*/React.createElement(Portal, {
-      getPopupContainer: getPopupContainer,
-      style: wrapperStyle
-    }, this.renderContent());
+    return this.renderContent();
   }
 }
 SideSheet.contextType = ConfigContext;
@@ -248,7 +249,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 +264,4 @@ SideSheet.defaultProps = {
   closeOnEsc: false,
   afterVisibleChange: _noop,
   keepDOM: false
-};
+});

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;

package/lib/es/tabs/index.js

@@ -20,6 +20,7 @@ import TabBar from './TabBar';
 import TabPane from './TabPane';
 import TabItem from './TabItem';
 import TabsContext from './tabs-context';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 export * from './interface';
 class Tabs extends BaseComponent {
@@ -320,7 +321,8 @@ Tabs.propTypes = {
   onTabClose: PropTypes.func,
   preventScroll: PropTypes.bool
 };
-Tabs.defaultProps = {
+Tabs.__SemiComponentName__ = "Tabs";
+Tabs.defaultProps = getDefaultPropsFromGlobalConfig(Tabs.__SemiComponentName__, {
   children: [],
   collapsible: false,
   keepDOM: true,
@@ -332,5 +334,5 @@ Tabs.defaultProps = {
   tabPosition: 'top',
   type: 'line',
   onTabClose: () => undefined
-};
+});
 export default Tabs;

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

@@ -34,7 +34,7 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
-    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     insetLabel?: React.ReactNode;

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

@@ -72,39 +72,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         motion: import("prop-types").Requireable<NonNullable<boolean | object>>;
         autoAdjustOverflow: import("prop-types").Requireable<boolean>;
     };
-    static defaultProps: {
-        autoAdjustOverflow: boolean;
-        borderless: boolean;
-        getPopupContainer: () => HTMLElement;
-        showClear: boolean;
-        zIndex: number;
-        rangeSeparator: " ~ ";
-        onOpenChange: (...args: any[]) => void;
-        clearText: string;
-        prefixCls: string;
-        inputReadOnly: boolean;
-        style: {};
-        stopPropagation: boolean;
-        className: string;
-        popupClassName: string;
-        popupStyle: {
-            left: string;
-            top: string;
-        };
-        disabledHours: () => number[];
-        disabledMinutes: () => number[];
-        disabledSeconds: () => number[];
-        hideDisabledOptions: boolean;
-        onFocus: (...args: any[]) => void;
-        onBlur: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        onChangeWithDateFirst: boolean;
-        use12Hours: boolean;
-        focusOnOpen: boolean;
-        onKeyDown: (...args: any[]) => void;
-        size: "default";
-        type: "time";
-        motion: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     render(): JSX.Element;
 }

package/lib/es/timePicker/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 import LocaleConsumer from '../locale/localeConsumer';
 import BaseTimePicker from './TimePicker';
 import ConfigContext from '../configProvider/context';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 export default class LocaleTimePicker extends React.PureComponent {
   render() {
     const {
@@ -26,4 +27,5 @@ export default class LocaleTimePicker extends React.PureComponent {
   }
 }
 LocaleTimePicker.propTypes = BaseTimePicker.propTypes;
-LocaleTimePicker.defaultProps = BaseTimePicker.defaultProps;
+LocaleTimePicker.__SemiComponentName__ = "TimePicker";
+LocaleTimePicker.defaultProps = getDefaultPropsFromGlobalConfig(LocaleTimePicker.__SemiComponentName__, BaseTimePicker.defaultProps);

package/lib/es/toast/toast.d.ts

@@ -35,17 +35,8 @@ declare class Toast extends BaseComponent<ToastReactProps, ToastState> {
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         direction: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        onClose: (...args: any[]) => void;
-        content: string;
-        close: (...args: any[]) => void;
-        duration: number;
-        textMaxWidth: number;
-        showClose: boolean;
-        stack: boolean;
-        stackExpanded: boolean;
-        theme: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     constructor(props: ToastReactProps);
     context: ContextValue;
     get adapter(): ToastAdapter;

package/lib/es/toast/toast.js

@@ -8,7 +8,7 @@ import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/t
 import BaseComponent from '../_base/baseComponent';
 import Button from '../iconButton/index';
 import { IconClose, IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle } from '@douyinfe/semi-icons';
-import { isSemiIcon } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, isSemiIcon } from '../_utils';
 const prefixCls = cssClasses.PREFIX;
 class Toast extends BaseComponent {
   constructor(props) {
@@ -153,7 +153,8 @@ Toast.propTypes = {
   icon: PropTypes.node,
   direction: PropTypes.oneOf(strings.directions)
 };
-Toast.defaultProps = {
+Toast.__SemiComponentName__ = "Toast";
+Toast.defaultProps = getDefaultPropsFromGlobalConfig(Toast.__SemiComponentName__, {
   onClose: _noop,
   content: '',
   close: _noop,
@@ -163,5 +164,5 @@ Toast.defaultProps = {
   stack: false,
   stackExpanded: false,
   theme: 'normal'
-};
+});
 export default Toast;

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

@@ -127,38 +127,8 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         preventScroll: PropTypes.Requireable<boolean>;
         keepDOM: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        arrowBounding: {
-            readonly offsetX: 0;
-            readonly offsetY: 2;
-            readonly width: 24;
-            readonly height: 7;
-        };
-        autoAdjustOverflow: boolean;
-        arrowPointAtCenter: boolean;
-        trigger: string;
-        transformFromCenter: boolean;
-        position: string;
-        prefixCls: "semi-tooltip";
-        role: string;
-        mouseEnterDelay: 50;
-        mouseLeaveDelay: 50;
-        motion: boolean;
-        onVisibleChange: (...args: any[]) => void;
-        onClickOutSide: (...args: any[]) => void;
-        spacing: 8;
-        margin: 0;
-        showArrow: boolean;
-        wrapWhenSpecial: boolean;
-        zIndex: 1060;
-        closeOnEsc: boolean;
-        guardFocus: boolean;
-        returnFocusOnClose: boolean;
-        onEscKeyDown: (...args: any[]) => void;
-        disableFocusListener: boolean;
-        disableArrowKeyDown: boolean;
-        keepDOM: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     eventManager: Event;
     triggerEl: React.RefObject<unknown>;
     containerEl: React.RefObject<HTMLDivElement>;

package/lib/es/tooltip/index.js

@@ -28,7 +28,7 @@ import { getUuidShort } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import '@douyinfe/semi-foundation/lib/es/tooltip/tooltip.css';
 import BaseComponent from '../_base/baseComponent';
 import { isHTMLElement } from '../_base/reactUtils';
-import { getActiveElement, getFocusableElements, stopPropagation } from '../_utils';
+import { getActiveElement, getDefaultPropsFromGlobalConfig, getFocusableElements, stopPropagation } from '../_utils';
 import Portal from '../_portal/index';
 import ConfigContext from '../configProvider/context';
 import TriangleArrow from './TriangleArrow';
@@ -672,7 +672,8 @@ Tooltip.propTypes = {
   preventScroll: PropTypes.bool,
   keepDOM: PropTypes.bool
 };
-Tooltip.defaultProps = {
+Tooltip.__SemiComponentName__ = "Tooltip";
+Tooltip.defaultProps = getDefaultPropsFromGlobalConfig(Tooltip.__SemiComponentName__, {
   arrowBounding: numbers.ARROW_BOUNDING,
   autoAdjustOverflow: true,
   arrowPointAtCenter: true,
@@ -698,4 +699,4 @@ Tooltip.defaultProps = {
   disableFocusListener: false,
   disableArrowKeyDown: false,
   keepDOM: false
-};
+});