@douyinfe/semi-ui 2.52.3 → 2.53.0

package/lib/cjs/_utils/index.d.ts

@@ -69,4 +69,6 @@ export declare const isSemiIcon: (icon: any) => boolean;
 export declare function getActiveElement(): HTMLElement | null;
 export declare function isNodeContainsFocus(node: HTMLElement): boolean;
 export declare function getFocusableElements(node: HTMLElement): HTMLElement[];
+export declare function runAfterTicks(func: (...args: any) => any, numberOfTicks: number): Promise<void>;
 export declare function getScrollbarWidth(): number;
+export declare function getDefaultPropsFromGlobalConfig(componentName: string, semiDefaultProps?: any): any;

package/lib/cjs/_utils/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cloneDeep = cloneDeep;
 exports.getActiveElement = getActiveElement;
+exports.getDefaultPropsFromGlobalConfig = getDefaultPropsFromGlobalConfig;
 exports.getFocusableElements = getFocusableElements;
 exports.getHighLightTextHTML = void 0;
 exports.getScrollbarWidth = getScrollbarWidth;
 exports.isNodeContainsFocus = isNodeContainsFocus;
 exports.registerMediaQuery = exports.isSemiIcon = void 0;
+exports.runAfterTicks = runAfterTicks;
 exports.stopPropagation = stopPropagation;
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _set2 = _interopRequireDefault(require("lodash/set"));
@@ -18,7 +20,35 @@ var _react = _interopRequireDefault(require("react"));
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
 var _getHighlight = require("@douyinfe/semi-foundation/lib/cjs/utils/getHighlight");
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
+var _semiGlobal = _interopRequireDefault(require("./semi-global"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 /**
  * stop propagation
  *
@@ -171,9 +201,56 @@ function getFocusableElements(node) {
   const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }
+function runAfterTicks(func, numberOfTicks) {
+  return __awaiter(this, void 0, void 0, function* () {
+    if (numberOfTicks === 0) {
+      yield func();
+      return;
+    } else {
+      yield new Promise(resolve => {
+        setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+          yield runAfterTicks(func, numberOfTicks - 1);
+          resolve();
+        }), 0);
+      });
+      return;
+    }
+  });
+}
 function getScrollbarWidth() {
   if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
     return window.innerWidth - document.documentElement.clientWidth;
   }
   return 0;
+}
+function getDefaultPropsFromGlobalConfig(componentName) {
+  let semiDefaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const getFromGlobalConfig = () => {
+    var _a, _b;
+    return ((_b = (_a = _semiGlobal.default === null || _semiGlobal.default === void 0 ? void 0 : _semiGlobal.default.config) === null || _a === void 0 ? void 0 : _a.overrideDefaultProps) === null || _b === void 0 ? void 0 : _b[componentName]) || {};
+  };
+  return new Proxy(Object.assign({}, semiDefaultProps), {
+    get(target, key, receiver) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return defaultPropsFromGlobal[key];
+      }
+      return Reflect.get(target, key, receiver);
+    },
+    set(target, key, value, receiver) {
+      return Reflect.set(target, key, value, receiver);
+    },
+    ownKeys() {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      return Array.from(new Set([...Reflect.ownKeys(semiDefaultProps), ...Object.keys(defaultPropsFromGlobal)]));
+    },
+    getOwnPropertyDescriptor(target, key) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return Reflect.getOwnPropertyDescriptor(defaultPropsFromGlobal, key);
+      } else {
+        return Reflect.getOwnPropertyDescriptor(target, key);
+      }
+    }
+  });
 }

package/lib/cjs/_utils/semi-global.d.ts

@@ -0,0 +1,46 @@
+import type { AutoCompleteProps } from "../autoComplete";
+import type { AvatarProps } from "../avatar";
+import type { CascaderProps } from "../cascader";
+import type { CollapseReactProps } from "../collapse";
+import type { CollapsibleProps } from "../collapsible";
+import type { DatePickerProps } from "../datePicker";
+import type { DropdownProps } from "../dropdown";
+import type { ModalReactProps } from "../modal";
+import type { NavProps } from "../navigation";
+import type { NoticeReactProps } from "../notification";
+import type { OverflowListProps } from "../overflowList";
+import type { PopconfirmProps } from "../popconfirm";
+import type { PopoverProps } from "../popover";
+import type { SelectProps } from "../select";
+import type { SideSheetReactProps } from "../sideSheet";
+import type { TabsProps } from "../tabs";
+import type { TimePickerProps } from "../timePicker";
+import type { ToastReactProps } from "../toast";
+import type { TooltipProps } from "../tooltip";
+declare class SemiGlobal {
+    config: {
+        overrideDefaultProps?: {
+            "AutoComplete"?: Partial<AutoCompleteProps<any>>;
+            "Avatar"?: Partial<AvatarProps>;
+            Cascader?: Partial<CascaderProps>;
+            Collapse?: Partial<CollapseReactProps>;
+            Collapsible?: Partial<CollapsibleProps>;
+            DatePicker?: Partial<DatePickerProps>;
+            Dropdown?: Partial<DropdownProps>;
+            Modal?: Partial<ModalReactProps>;
+            Navigation?: Partial<NavProps>;
+            Notification?: Partial<NoticeReactProps>;
+            OverflowList?: Partial<OverflowListProps>;
+            Popconfirm?: Partial<PopconfirmProps>;
+            Popover?: Partial<PopoverProps>;
+            Select?: Partial<SelectProps>;
+            SideSheet?: Partial<SideSheetReactProps>;
+            Tabs?: Partial<TabsProps>;
+            TimePicker?: Partial<TimePickerProps>;
+            Toast?: Partial<ToastReactProps>;
+            Tooltip?: Partial<TooltipProps>;
+        };
+    };
+}
+declare const _default: SemiGlobal;
+export default _default;

package/lib/cjs/_utils/semi-global.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class SemiGlobal {
+  constructor() {
+    this.config = {};
+  }
+}
+var _default = new SemiGlobal();
+exports.default = _default;

package/lib/cjs/autoComplete/index.d.ts

@@ -139,31 +139,8 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         zIndex: PropTypes.Requireable<number>;
     };
     static Option: typeof Option;
-    static defaultProps: {
-        stopPropagation: boolean;
-        motion: boolean;
-        zIndex: number;
-        position: "bottomLeft";
-        data: [];
-        showClear: boolean;
-        size: "default";
-        onFocus: (...args: any[]) => void;
-        onSearch: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onBlur: (...args: any[]) => void;
-        onSelect: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        onSelectWithObject: boolean;
-        onDropdownVisibleChange: (...args: any[]) => void;
-        defaultActiveFirstOption: boolean;
-        dropdownMatchSelectWidth: boolean;
-        loading: boolean;
-        maxHeight: number;
-        validateStatus: "default";
-        autoFocus: boolean;
-        emptyContent: null;
-        onKeyDown: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     triggerRef: React.RefObject<HTMLDivElement> | null;
     optionsRef: React.RefObject<HTMLDivElement> | null;
     private clickOutsideHandler;

package/lib/cjs/autoComplete/index.js

@@ -21,6 +21,7 @@ var _option = _interopRequireDefault(require("./option"));
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
 require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
 var _reactDom = _interopRequireDefault(require("react-dom"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
@@ -392,7 +393,8 @@ AutoComplete.propTypes = {
   zIndex: _propTypes.default.number
 };
 AutoComplete.Option = _option.default;
-AutoComplete.defaultProps = {
+AutoComplete.__SemiComponentName__ = "AutoComplete";
+AutoComplete.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(AutoComplete.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   zIndex: _constants2.numbers.DEFAULT_Z_INDEX,
@@ -418,6 +420,6 @@ AutoComplete.defaultProps = {
   onKeyDown: _noop2.default
   // onPressEnter: () => undefined,
   // defaultOpen: false,
-};
+});
 var _default = AutoComplete;
 exports.default = _default;

package/lib/cjs/avatar/index.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import AvatarFoundation, { AvatarAdapter } from '@douyinfe/semi-foundation/lib/cjs/avatar/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css';
-import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
 import BaseComponent from '../_base/baseComponent';
 import { AvatarProps } from './interface';
 export * from './interface';
@@ -13,15 +12,8 @@ export interface AvatarState {
     scale: number;
 }
 export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
-    static defaultProps: {
-        size: string;
-        color: string;
-        shape: string;
-        gap: number;
-        onClick: typeof noop;
-        onMouseEnter: typeof noop;
-        onMouseLeave: typeof noop;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static elementType: string;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/avatar/index.js

@@ -14,6 +14,7 @@ require("@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css");
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
+var _utils = require("../_utils");
 var _TopSlotSvg = _interopRequireDefault(require("./TopSlotSvg"));
 var _interface = require("./interface");
 Object.keys(_interface).forEach(function (key) {
@@ -365,7 +366,8 @@ class Avatar extends _baseComponent.default {
   }
 }
 exports.default = Avatar;
-Avatar.defaultProps = {
+Avatar.__SemiComponentName__ = "Avatar";
+Avatar.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Avatar.__SemiComponentName__, {
   size: 'medium',
   color: 'grey',
   shape: 'circle',
@@ -373,7 +375,7 @@ Avatar.defaultProps = {
   onClick: _function.noop,
   onMouseEnter: _function.noop,
   onMouseLeave: _function.noop
-};
+});
 Avatar.propTypes = {
   children: _propTypes.default.node,
   color: _propTypes.default.oneOf(colorSet),

package/lib/cjs/backtop/index.d.ts

@@ -16,11 +16,8 @@ export interface BackTopState {
     visible?: boolean;
 }
 export default class BackTop extends BaseComponent<BackTopProps, BackTopState> {
-    static defaultProps: {
-        visibilityHeight: number;
-        target: () => Window & typeof globalThis;
-        duration: number;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static propTypes: {
         target: PropTypes.Requireable<(...args: any[]) => any>;
         visibilityHeight: PropTypes.Requireable<number>;

package/lib/cjs/backtop/index.js

@@ -13,6 +13,7 @@ var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/
 require("@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css");
 var _iconButton = _interopRequireDefault(require("../iconButton"));
 var _semiIcons = require("@douyinfe/semi-icons");
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -98,11 +99,12 @@ class BackTop extends _baseComponent.default {
   }
 }
 exports.default = BackTop;
-BackTop.defaultProps = {
+BackTop.__SemiComponentName__ = "BackTop";
+BackTop.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(BackTop.__SemiComponentName__, {
   visibilityHeight: 400,
   target: getDefaultTarget,
   duration: 450
-};
+});
 BackTop.propTypes = {
   target: _propTypes.default.func,
   visibilityHeight: _propTypes.default.number,

package/lib/cjs/button/Button.d.ts

@@ -48,7 +48,7 @@ export default class Button extends PureComponent<ButtonProps> {
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/index.d.ts

@@ -7,6 +7,7 @@ export type { SplitButtonGroupProps } from './splitButtonGroup';
 export interface ButtonProps extends IconButtonProps {
 }
 declare class Button extends React.PureComponent<ButtonProps> {
+    static __SemiComponentName__: string;
     static propTypes: {
         iconStyle: import("prop-types").Requireable<object>;
         style: import("prop-types").Requireable<object>;
@@ -23,7 +24,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "danger" | "tertiary">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -33,6 +34,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
     };
     static elementType: string;
     constructor(props?: ButtonProps);
+    static defaultProps: any;
     render(): JSX.Element;
 }
 export default Button;

package/lib/cjs/button/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _iconButton = _interopRequireDefault(require("../iconButton"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class Button extends _react.default.PureComponent {
   constructor() {
@@ -25,7 +26,9 @@ class Button extends _react.default.PureComponent {
     }
   }
 }
+Button.__SemiComponentName__ = "Button";
 Button.propTypes = Object.assign(Object.assign({}, _Button.default.propTypes), _iconButton.default.propTypes);
+Button.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Button.__SemiComponentName__);
 Button.elementType = 'Button';
 var _default = Button;
 exports.default = _default;

package/lib/cjs/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/cjs/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/cjs/cascader/index.js

@@ -914,6 +914,7 @@ class Cascader extends _baseComponent.default {
     }, selection);
   }
 }
+Cascader.__SemiComponentName__ = "Cascader";
 Cascader.contextType = _context.default;
 Cascader.propTypes = {
   'aria-labelledby': _propTypes.default.string,
@@ -992,7 +993,7 @@ Cascader.propTypes = {
   preventScroll: _propTypes.default.bool,
   position: _propTypes.default.string
 };
-Cascader.defaultProps = {
+Cascader.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Cascader.__SemiComponentName__, {
   borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null),
@@ -1022,6 +1023,6 @@ Cascader.defaultProps = {
   onListScroll: _noop2.default,
   enableLeafClick: false,
   'aria-label': 'Cascader'
-};
+});
 var _default = Cascader;
 exports.default = _default;

package/lib/cjs/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/cjs/collapse/collapse.css';
-import { noop } from '@douyinfe/semi-foundation/lib/cjs/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/cjs/collapse/index.js

@@ -15,6 +15,7 @@ var _item = _interopRequireDefault(require("./item"));
 require("@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css");
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
 var _collapseContext = _interopRequireDefault(require("./collapse-context"));
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -113,11 +114,12 @@ Collapse.propTypes = {
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
   expandIconPosition: _propTypes.default.oneOf(_constants.strings.iconPosition)
 };
-Collapse.defaultProps = {
+Collapse.__SemiComponentName__ = "Collapse";
+Collapse.defaultProps = (0, _utils.getDefaultPropsFromGlobalConfig)(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: _function.noop,
   expandIconPosition: 'right'
-};
+});
 var _default = Collapse;
 exports.default = _default;

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

@@ -3,7 +3,7 @@ import type { CollapsibleAdapter, CollapsibleFoundationProps, CollapsibleFoundat
 import CollapsibleFoundation from '@douyinfe/semi-foundation/lib/cjs/collapsible/foundation';
 import BaseComponent from "../_base/baseComponent";
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/collapsible/index.js

@@ -12,6 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapsible/constants");
 require("@douyinfe/semi-foundation/lib/cjs/collapsible/collapsible.css");
+var _utils = require("../_utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class Collapsible extends _baseComponent.default {
   constructor(props) {
@@ -135,14 +136,15 @@ class Collapsible extends _baseComponent.default {
     }, (this.props.keepDOM || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen) && this.props.children));
   }
 }
-Collapsible.defaultProps = {
+Collapsible.__SemiComponentName__ = "Collapsible";
+Collapsible.defaultProps = (0, _utils.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/cjs/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/cjs/configProvider/index.js

@@ -19,7 +19,10 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 class ConfigProvider extends _react.default.Component {
-  renderChilren() {
+  constructor(props) {
+    super(props);
+  }
+  renderChildren() {
     const {
       direction,
       children
@@ -42,7 +45,7 @@ class ConfigProvider extends _react.default.Component {
       value: Object.assign({
         direction
       }, rest)
-    }, this.renderChilren());
+    }, this.renderChildren());
   }
 }
 exports.default = ConfigProvider;