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

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

@@ -14,7 +14,7 @@ export interface CarouselState {
 declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     static propTypes: {
         activeIndex: PropTypes.Requireable<number>;
-        animation: PropTypes.Requireable<"slide" | "fade">;
+        animation: PropTypes.Requireable<"fade" | "slide">;
         arrowProps: PropTypes.Requireable<object>;
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
@@ -24,7 +24,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"always" | "hover">;
+        arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

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

@@ -66,6 +66,7 @@ export interface CascaderState extends BasicCascaderInnerData {
     treeData?: Array<CascaderData>;
 }
 declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
+    static __SemiComponentName__: string;
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         'aria-labelledby': PropTypes.Requireable<string>;
@@ -143,37 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         preventScroll: PropTypes.Requireable<boolean>;
         position: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        borderless: boolean;
-        leafOnly: boolean;
-        arrowIcon: JSX.Element;
-        stopPropagation: boolean;
-        motion: boolean;
-        defaultOpen: boolean;
-        zIndex: number;
-        showClear: boolean;
-        autoClearSearchValue: boolean;
-        changeOnSelect: boolean;
-        disableStrictly: boolean;
-        autoMergeValue: boolean;
-        multiple: boolean;
-        filterTreeNode: boolean;
-        filterLeafOnly: boolean;
-        showRestTagsPopover: boolean;
-        restTagsPopoverProps: {};
-        separator: string;
-        size: "default";
-        treeNodeFilterProp: "label";
-        displayProp: "label";
-        treeData: CascaderData[];
-        showNext: "click";
-        onExceed: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onDropdownVisibleChange: (...args: any[]) => void;
-        onListScroll: (...args: any[]) => void;
-        enableLeafClick: boolean;
-        'aria-label': string;
-    };
+    static defaultProps: any;
     options: any;
     isEmpty: boolean;
     inputRef: React.RefObject<typeof Input>;

package/lib/es/cascader/index.js

@@ -25,7 +25,7 @@ import Item from './item';
 import Trigger from '../trigger';
 import Tag from '../tag';
 import TagInput from '../tagInput';
-import { isSemiIcon } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, isSemiIcon } from '../_utils';
 const prefixcls = cssClasses.PREFIX;
 const resetkey = 0;
 class Cascader extends BaseComponent {
@@ -905,6 +905,7 @@ class Cascader extends BaseComponent {
     }, selection);
   }
 }
+Cascader.__SemiComponentName__ = "Cascader";
 Cascader.contextType = ConfigContext;
 Cascader.propTypes = {
   'aria-labelledby': PropTypes.string,
@@ -983,7 +984,7 @@ Cascader.propTypes = {
   preventScroll: PropTypes.bool,
   position: PropTypes.string
 };
-Cascader.defaultProps = {
+Cascader.defaultProps = getDefaultPropsFromGlobalConfig(Cascader.__SemiComponentName__, {
   borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/React.createElement(IconChevronDown, null),
@@ -1013,5 +1014,5 @@ Cascader.defaultProps = {
   onListScroll: _noop,
   enableLeafClick: false,
   'aria-label': 'Cascader'
-};
+});
 export default Cascader;

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

@@ -4,7 +4,6 @@ import { CollapseAdapter, CollapseProps, CollapseState } from '@douyinfe/semi-fo
 import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
-import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 export type { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps {
     expandIcon?: React.ReactNode;
@@ -30,12 +29,8 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         expandIconPosition: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        defaultActiveKey: string;
-        clickHeaderToExpand: boolean;
-        onChange: typeof noop;
-        expandIconPosition: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     constructor(props: CollapseReactProps);
     get adapter(): CollapseAdapter;
     static getDerivedStateFromProps(props: CollapseReactProps, state: CollapseState): CollapseState;

package/lib/es/collapse/index.js

@@ -17,6 +17,7 @@ import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import CollapseContext from './collapse-context';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 class Collapse extends BaseComponent {
   constructor(props) {
     super(props);
@@ -106,10 +107,11 @@ Collapse.propTypes = {
   motion: PropTypes.oneOfType([PropTypes.bool, PropTypes.func, PropTypes.object]),
   expandIconPosition: PropTypes.oneOf(strings.iconPosition)
 };
-Collapse.defaultProps = {
+Collapse.__SemiComponentName__ = "Collapse";
+Collapse.defaultProps = getDefaultPropsFromGlobalConfig(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: noop,
   expandIconPosition: 'right'
-};
+});
 export default Collapse;

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

@@ -3,7 +3,7 @@ import type { CollapsibleAdapter, CollapsibleFoundationProps, CollapsibleFoundat
 import CollapsibleFoundation from '@douyinfe/semi-foundation/lib/es/collapsible/foundation';
 import BaseComponent from "../_base/baseComponent";
 import '@douyinfe/semi-foundation/lib/es/collapsible/collapsible.css';
-interface CollapsibleProps extends CollapsibleFoundationProps {
+export interface CollapsibleProps extends CollapsibleFoundationProps {
     motion?: boolean;
     children?: React.ReactNode;
     isOpen?: boolean;
@@ -23,14 +23,8 @@ interface CollapsibleState extends CollapsibleFoundationState {
     isTransitioning: boolean;
 }
 declare class Collapsible extends BaseComponent<CollapsibleProps, CollapsibleState> {
-    static defaultProps: {
-        isOpen: boolean;
-        duration: number;
-        motion: boolean;
-        keepDOM: boolean;
-        collapseHeight: number;
-        fade: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     foundation: CollapsibleFoundation;
     private domRef;
     private resizeObserver;

package/lib/es/collapsible/index.js

@@ -6,6 +6,7 @@ import PropTypes from "prop-types";
 import cls from "classnames";
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/collapsible/constants';
 import '@douyinfe/semi-foundation/lib/es/collapsible/collapsible.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 class Collapsible extends BaseComponent {
   constructor(props) {
     super(props);
@@ -128,14 +129,15 @@ class Collapsible extends BaseComponent {
     }, (this.props.keepDOM || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen) && this.props.children));
   }
 }
-Collapsible.defaultProps = {
+Collapsible.__SemiComponentName__ = "Collapsible";
+Collapsible.defaultProps = getDefaultPropsFromGlobalConfig(Collapsible.__SemiComponentName__, {
   isOpen: false,
   duration: 250,
   motion: true,
   keepDOM: false,
   collapseHeight: 0,
   fade: false
-};
+});
 Collapsible.getEntryInfo = entry => {
   //judge whether parent or self display none
   let inRenderTree;

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

@@ -4,6 +4,7 @@ import { ContextValue } from './context';
 export interface ConfigProviderProps extends ContextValue {
 }
 export default class ConfigProvider extends React.Component<ConfigProviderProps> {
+    constructor(props: ConfigProviderProps);
     static propTypes: {
         locale: PropTypes.Requireable<object>;
         timeZone: PropTypes.Requireable<NonNullable<string | number>>;
@@ -14,6 +15,6 @@ export default class ConfigProvider extends React.Component<ConfigProviderProps>
         locale: import("../locale/interface").Locale;
         direction: string;
     };
-    renderChilren(): string | number | boolean | React.ReactFragment | JSX.Element;
+    renderChildren(): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/configProvider/index.js

@@ -12,7 +12,10 @@ import { BASE_CLASS_PREFIX } from '@douyinfe/semi-foundation/lib/es/base/constan
 import DefaultLocale from '../locale/source/zh_CN';
 import Context from './context';
 export default class ConfigProvider extends React.Component {
-  renderChilren() {
+  constructor(props) {
+    super(props);
+  }
+  renderChildren() {
     const {
       direction,
       children
@@ -35,7 +38,7 @@ export default class ConfigProvider extends React.Component {
       value: Object.assign({
         direction
       }, rest)
-    }, this.renderChilren());
+    }, this.renderChildren());
   }
 }
 ConfigProvider.propTypes = {

package/lib/es/datePicker/datePicker.d.ts

@@ -127,50 +127,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         yearAndMonthOpts: PropTypes.Requireable<object>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        onChangeWithDateFirst: boolean;
-        borderless: boolean;
-        autoAdjustOverflow: boolean;
-        stopPropagation: boolean;
-        motion: boolean;
-        prefixCls: "semi-datepicker";
-        presetPosition: string;
-        zIndex: number;
-        type: string;
-        size: string;
-        density: string;
-        multiple: boolean;
-        defaultOpen: boolean;
-        disabledHours: (...args: any[]) => void;
-        disabledMinutes: (...args: any[]) => void;
-        disabledSeconds: (...args: any[]) => void;
-        hideDisabledOptions: boolean;
-        onBlur: (...args: any[]) => void;
-        onFocus: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onCancel: (...args: any[]) => void;
-        onConfirm: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        onOpenChange: (...args: any[]) => void;
-        onPanelChange: (...args: any[]) => void;
-        onPresetClick: (...args: any[]) => void;
-        weekStartsOn: 0;
-        disabledDate: {
-            (): false;
-            (): false;
-        };
-        disabledTime: {
-            (): false;
-            (): false;
-        };
-        inputReadOnly: boolean;
-        spacing: number;
-        autoSwitchDate: boolean;
-        syncSwitchMonth: boolean;
-        rangeSeparator: " ~ ";
-        insetInput: boolean;
-        onClickOutSide: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     triggerElRef: React.MutableRefObject<HTMLElement>;
     panelRef: React.RefObject<HTMLDivElement>;
     monthGrid: React.RefObject<MonthsGrid>;

package/lib/es/datePicker/datePicker.js

@@ -30,6 +30,7 @@ import Footer from './footer';
 import Trigger from '../trigger';
 import YearAndMonth from './yearAndMonth';
 import '@douyinfe/semi-foundation/lib/es/datePicker/datePicker.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 export default class DatePicker extends BaseComponent {
   constructor(props) {
     var _this;
@@ -837,7 +838,8 @@ DatePicker.propTypes = {
   yearAndMonthOpts: PropTypes.object,
   onClickOutSide: PropTypes.func
 };
-DatePicker.defaultProps = {
+DatePicker.__SemiComponentName__ = "DatePicker";
+DatePicker.defaultProps = getDefaultPropsFromGlobalConfig(DatePicker.__SemiComponentName__, {
   onChangeWithDateFirst: true,
   borderless: false,
   autoAdjustOverflow: true,
@@ -875,4 +877,4 @@ DatePicker.defaultProps = {
   rangeSeparator: strings.DEFAULT_SEPARATOR_RANGE,
   insetInput: false,
   onClickOutSide: _noop
-};
+});

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

@@ -76,18 +76,8 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         visible: PropTypes.Requireable<boolean>;
         zIndex: PropTypes.Requireable<number>;
     };
-    static defaultProps: {
-        onVisibleChange: (...args: any[]) => void;
-        prefixCls: string;
-        zIndex: 1060;
-        motion: boolean;
-        trigger: string;
-        position: string;
-        mouseLeaveDelay: number;
-        showTick: boolean;
-        closeOnEsc: boolean;
-        onEscKeyDown: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     tooltipRef: React.RefObject<Tooltip>;
     constructor(props: DropdownProps);
     context: DropdownContextType;

package/lib/es/dropdown/index.js

@@ -22,6 +22,7 @@ import DropdownDivider from './dropdownDivider';
 import DropdownTitle from './dropdownTitle';
 import DropdownContext from './context';
 import '@douyinfe/semi-foundation/lib/es/dropdown/dropdown.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 class Dropdown extends BaseComponent {
@@ -229,7 +230,8 @@ Dropdown.propTypes = {
   visible: PropTypes.bool,
   zIndex: PropTypes.number
 };
-Dropdown.defaultProps = {
+Dropdown.__SemiComponentName__ = "Dropdown";
+Dropdown.defaultProps = getDefaultPropsFromGlobalConfig(Dropdown.__SemiComponentName__, {
   onVisibleChange: _noop,
   prefixCls: cssClasses.PREFIX,
   zIndex: tooltipNumbers.DEFAULT_Z_INDEX,
@@ -240,5 +242,5 @@ Dropdown.defaultProps = {
   showTick: false,
   closeOnEsc: true,
   onEscKeyDown: _noop
-};
+});
 export default Dropdown;

package/lib/es/form/arrayField.js

@@ -1,9 +1,9 @@
 import _isUndefined from "lodash/isUndefined";
-import _cloneDeep from "lodash/cloneDeep";
 import React, { Component } from 'react';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { FormUpdaterContext, ArrayFieldContext } from './context';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
+import copy from 'fast-copy';
 const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
 const getUuidByArray = array => array.map(() => getUuidv4());
 const getUpdateKey = arrayField => {
@@ -61,8 +61,8 @@ class ArrayFieldComponent extends Component {
     // whether the fields inside arrayField should use props.initValue in current render process
     this.shouldUseInitValue = !context.getArrayField(field);
     // Separate the arrays that reset and the usual add and remove modify, otherwise they will affect each other
-    const initValueCopyForFormState = _cloneDeep(initValue);
-    const initValueCopyForReset = _cloneDeep(initValue);
+    const initValueCopyForFormState = copy(initValue);
+    const initValueCopyForReset = copy(initValue);
     context.registerArrayField(field, initValueCopyForReset);
     // register ArrayField will update state.updateKey to render, So there is no need to execute forceUpdate here
     context.updateStateValue(field, initValueCopyForFormState, {

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

@@ -68,26 +68,8 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         fullScreen: PropTypes.Requireable<boolean>;
         footerFill: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        zIndex: number;
-        motion: boolean;
-        mask: boolean;
-        centered: boolean;
-        closable: boolean;
-        visible: boolean;
-        okType: string;
-        maskClosable: boolean;
-        hasCancel: boolean;
-        onCancel: (...args: any[]) => void;
-        onOk: (...args: any[]) => void;
-        afterClose: (...args: any[]) => void;
-        maskFixed: boolean;
-        closeOnEsc: boolean;
-        size: string;
-        keepDOM: boolean;
-        lazyRender: boolean;
-        fullScreen: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static useModal: typeof useModal;
     foundation: ModalFoundation;
     private readonly modalRef;

package/lib/es/modal/Modal.js

@@ -21,7 +21,7 @@ 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) {
@@ -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">;