@douyinfe/semi-ui 2.52.3 → 2.53.0

package/lib/cjs/typography/base.js

@@ -23,10 +23,37 @@ var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
 var _utils = require("../_utils");
-var _resizeObserver = _interopRequireDefault(require("../resizeObserver"));
+var _resizeObserver = _interopRequireWildcard(require("../resizeObserver"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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());
+  });
+};
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -68,12 +95,18 @@ const wrapperDecorations = (props, content) => {
 class Base extends _react.Component {
   constructor(props) {
     super(props);
-    this.onResize = () => {
+    this.observerTakingEffect = false;
+    this.onResize = entries => __awaiter(this, void 0, void 0, function* () {
       if (this.rafId) {
         window.cancelAnimationFrame(this.rafId);
       }
-      this.rafId = window.requestAnimationFrame(this.getEllipsisState.bind(this));
-    };
+      return new Promise(resolve => {
+        this.rafId = window.requestAnimationFrame(() => __awaiter(this, void 0, void 0, function* () {
+          yield this.getEllipsisState();
+          resolve();
+        }));
+      });
+    });
     // if it needs to use js overflowed:
     // 1. text is expandable 2. expandText need to be shown  3. has extra operation 4. text need to ellipse from mid
     this.canUseCSSEllipsis = () => {
@@ -143,6 +176,80 @@ class Base extends _react.Component {
       }
       return defaultOpts;
     };
+    this.onHover = () => {
+      const canUseCSSEllipsis = this.canUseCSSEllipsis();
+      if (canUseCSSEllipsis) {
+        const {
+          rows,
+          suffix,
+          pos
+        } = this.getEllipsisOpt();
+        const updateOverflow = this.shouldTruncated(rows);
+        // isOverflowed needs to be updated to show tooltip when using css ellipsis
+        this.setState({
+          isOverflowed: updateOverflow,
+          isTruncated: false
+        });
+        return undefined;
+      }
+    };
+    this.getEllipsisState = () => __awaiter(this, void 0, void 0, function* () {
+      const {
+        rows,
+        suffix,
+        pos
+      } = this.getEllipsisOpt();
+      const {
+        children
+      } = this.props;
+      // wait until element mounted
+      if (!this.wrapperRef || !this.wrapperRef.current) {
+        yield this.onResize();
+        return;
+      }
+      const {
+        expanded
+      } = this.state;
+      const canUseCSSEllipsis = this.canUseCSSEllipsis();
+      if (canUseCSSEllipsis) {
+        // const updateOverflow = this.shouldTruncated(rows);
+        // // isOverflowed needs to be updated to show tooltip when using css ellipsis
+        // this.setState({
+        //     isOverflowed: updateOverflow,
+        //     isTruncated: false
+        // });
+        return;
+      }
+      // If children is null, css/js truncated flag isTruncate is false
+      if ((0, _isNull2.default)(children)) {
+        return new Promise(resolve => {
+          this.setState({
+            isTruncated: false,
+            isOverflowed: false
+          }, resolve);
+        });
+      }
+      // Currently only text truncation is supported, if there is non-text, 
+      // both css truncation and js truncation should throw a warning
+      (0, _warning.default)('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
+      if (!rows || rows < 0 || expanded) {
+        return;
+      }
+      const extraNode = {
+        expand: this.expandRef.current,
+        copy: this.copyRef && this.copyRef.current
+      };
+      const content = (0, _util.default)(this.wrapperRef.current, rows,
+      // Perform type conversion on children to prevent component crash due to non-string type of children
+      String(children), extraNode, ELLIPSIS_STR, suffix, pos);
+      return new Promise(resolve => {
+        this.setState({
+          isOverflowed: false,
+          ellipsisContent: content,
+          isTruncated: children !== content
+        }, resolve);
+      });
+    });
     /**
      * Triggered when the fold button is clicked to save the latest expanded state
      * @param {Event} e
@@ -309,9 +416,13 @@ class Base extends _react.Component {
         ellipsisContent
       } = this.state;
       if (expanded || !isTruncated) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, suffix && suffix.length ? suffix : null);
+        return /*#__PURE__*/_react.default.createElement("span", {
+          onMouseEnter: this.onHover
+        }, children, suffix && suffix.length ? suffix : null);
       }
-      return /*#__PURE__*/_react.default.createElement("span", null, ellipsisContent, suffix);
+      return /*#__PURE__*/_react.default.createElement("span", {
+        onMouseEnter: this.onHover
+      }, ellipsisContent, suffix);
     };
     this.state = {
       editable: false,
@@ -331,7 +442,8 @@ class Base extends _react.Component {
   }
   componentDidMount() {
     if (this.props.ellipsis) {
-      this.onResize();
+      // runAfterTicks: make sure start observer on the next tick
+      this.onResize().then(() => (0, _utils.runAfterTicks)(() => this.observerTakingEffect = true, 1));
     }
   }
   static getDerivedStateFromProps(props, prevState) {
@@ -363,61 +475,6 @@ class Base extends _react.Component {
       window.cancelAnimationFrame(this.rafId);
     }
   }
-  getEllipsisState() {
-    const {
-      rows,
-      suffix,
-      pos
-    } = this.getEllipsisOpt();
-    const {
-      children
-    } = this.props;
-    // wait until element mounted
-    if (!this.wrapperRef || !this.wrapperRef.current) {
-      this.onResize();
-      return false;
-    }
-    const {
-      expanded
-    } = this.state;
-    const canUseCSSEllipsis = this.canUseCSSEllipsis();
-    // If children is null, css/js truncated flag isTruncate is false
-    if ((0, _isNull2.default)(children)) {
-      this.setState({
-        isTruncated: false,
-        isOverflowed: false
-      });
-      return undefined;
-    }
-    // Currently only text truncation is supported, if there is non-text, 
-    // both css truncation and js truncation should throw a warning
-    (0, _warning.default)('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
-    if (!rows || rows < 0 || expanded) {
-      return undefined;
-    }
-    if (canUseCSSEllipsis) {
-      const updateOverflow = this.shouldTruncated(rows);
-      // isOverflowed needs to be updated to show tooltip when using css ellipsis
-      this.setState({
-        isOverflowed: updateOverflow,
-        isTruncated: false
-      });
-      return undefined;
-    }
-    const extraNode = {
-      expand: this.expandRef.current,
-      copy: this.copyRef && this.copyRef.current
-    };
-    const content = (0, _util.default)(this.wrapperRef.current, rows,
-    // Perform type conversion on children to prevent component crash due to non-string type of children
-    String(children), extraNode, ELLIPSIS_STR, suffix, pos);
-    this.setState({
-      isOverflowed: false,
-      ellipsisContent: content,
-      isTruncated: children !== content
-    });
-    return undefined;
-  }
   renderOperations() {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderExpandable(), this.renderCopy());
   }
@@ -559,6 +616,7 @@ class Base extends _react.Component {
     }
   }
   render() {
+    var _this = this;
     const content = /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Typography"
     }, locale => {
@@ -568,8 +626,13 @@ class Base extends _react.Component {
     });
     if (this.props.ellipsis) {
       return /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
-        onResize: this.onResize,
-        observeParent: true
+        onResize: function () {
+          if (_this.observerTakingEffect) {
+            _this.onResize(...arguments);
+          }
+        },
+        observeParent: true,
+        observerProperty: _resizeObserver.ObserverProperty.Width
       }, content);
     }
     return content;

package/lib/cjs/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/paragraph.d.ts

@@ -50,7 +50,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/cjs/typography/text.d.ts

@@ -53,7 +53,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/typography/title.d.ts

@@ -59,7 +59,7 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "danger" | "tertiary" | "quaternary">;
         heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/_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/es/_utils/index.js

@@ -1,10 +1,38 @@
 import _get from "lodash/get";
 import _set from "lodash/set";
 import _cloneDeepWith from "lodash/cloneDeepWith";
+var __awaiter = this && this.__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());
+  });
+};
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import { findAll } from '@douyinfe/semi-foundation/lib/es/utils/getHighlight';
 import { isHTMLElement } from '@douyinfe/semi-foundation/lib/es/utils/dom';
+import semiGlobal from "./semi-global";
 /**
  * stop propagation
  *
@@ -154,9 +182,56 @@ export function getFocusableElements(node) {
   const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }
+export 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;
+    }
+  });
+}
 export function getScrollbarWidth() {
   if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
     return window.innerWidth - document.documentElement.clientWidth;
   }
   return 0;
+}
+export function getDefaultPropsFromGlobalConfig(componentName) {
+  let semiDefaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const getFromGlobalConfig = () => {
+    var _a, _b;
+    return ((_b = (_a = semiGlobal === null || semiGlobal === void 0 ? void 0 : semiGlobal.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/es/_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/es/_utils/semi-global.js

@@ -0,0 +1,6 @@
+class SemiGlobal {
+  constructor() {
+    this.config = {};
+  }
+}
+export default new SemiGlobal();

package/lib/es/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/es/autoComplete/index.js

@@ -15,6 +15,7 @@ import Option from './option';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import '@douyinfe/semi-foundation/lib/es/autoComplete/autoComplete.css';
 import ReactDOM from 'react-dom';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 const positionSet = strings.POSITION;
@@ -385,7 +386,8 @@ AutoComplete.propTypes = {
   zIndex: PropTypes.number
 };
 AutoComplete.Option = Option;
-AutoComplete.defaultProps = {
+AutoComplete.__SemiComponentName__ = "AutoComplete";
+AutoComplete.defaultProps = getDefaultPropsFromGlobalConfig(AutoComplete.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   zIndex: popoverNumbers.DEFAULT_Z_INDEX,
@@ -411,6 +413,6 @@ AutoComplete.defaultProps = {
   onKeyDown: _noop
   // onPressEnter: () => undefined,
   // defaultOpen: false,
-};
+});
 
 export default AutoComplete;

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

@@ -15,6 +15,7 @@ import '@douyinfe/semi-foundation/lib/es/avatar/avatar.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import BaseComponent from '../_base/baseComponent';
 import { handlePrevent } from '@douyinfe/semi-foundation/lib/es/utils/a11y';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 import TopSlotSvg from "./TopSlotSvg";
 const sizeSet = strings.SIZE;
 const shapeSet = strings.SHAPE;
@@ -345,7 +346,8 @@ export default class Avatar extends BaseComponent {
     }
   }
 }
-Avatar.defaultProps = {
+Avatar.__SemiComponentName__ = "Avatar";
+Avatar.defaultProps = getDefaultPropsFromGlobalConfig(Avatar.__SemiComponentName__, {
   size: 'medium',
   color: 'grey',
   shape: 'circle',
@@ -353,7 +355,7 @@ Avatar.defaultProps = {
   onClick: noop,
   onMouseEnter: noop,
   onMouseLeave: noop
-};
+});
 Avatar.propTypes = {
   children: PropTypes.node,
   color: PropTypes.oneOf(colorSet),

package/lib/es/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/es/backtop/index.js

@@ -15,6 +15,7 @@ import BackTopFoundation from '@douyinfe/semi-foundation/lib/es/backtop/foundati
 import '@douyinfe/semi-foundation/lib/es/backtop/backtop.css';
 import IconButton from '../iconButton';
 import { IconChevronUp } from '@douyinfe/semi-icons';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const prefixCls = cssClasses.PREFIX;
 const getDefaultTarget = () => window;
 export default class BackTop extends BaseComponent {
@@ -90,11 +91,12 @@ export default class BackTop extends BaseComponent {
     return content;
   }
 }
-BackTop.defaultProps = {
+BackTop.__SemiComponentName__ = "BackTop";
+BackTop.defaultProps = getDefaultPropsFromGlobalConfig(BackTop.__SemiComponentName__, {
   visibilityHeight: 400,
   target: getDefaultTarget,
   duration: 450
-};
+});
 BackTop.propTypes = {
   target: PropTypes.func,
   visibilityHeight: PropTypes.number,

package/lib/es/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/es/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/es/button/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import BaseButton from './Button';
 import IconButton from '../iconButton';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 class Button extends React.PureComponent {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -18,6 +19,8 @@ class Button extends React.PureComponent {
     }
   }
 }
+Button.__SemiComponentName__ = "Button";
 Button.propTypes = Object.assign(Object.assign({}, BaseButton.propTypes), IconButton.propTypes);
+Button.defaultProps = getDefaultPropsFromGlobalConfig(Button.__SemiComponentName__);
 Button.elementType = 'Button';
 export default Button;