@douyinfe/semi-ui 2.44.1 → 2.45.0

package/lib/cjs/datePicker/datePicker.d.ts

@@ -110,7 +110,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         renderDate: PropTypes.Requireable<(...args: any[]) => any>;
         renderFullDate: PropTypes.Requireable<(...args: any[]) => any>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         startDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
         endDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
         autoSwitchDate: PropTypes.Requireable<boolean>;

package/lib/cjs/datePicker/datePicker.js

@@ -827,7 +827,7 @@ DatePicker.propTypes = {
   validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
   renderDate: _propTypes.default.func,
   renderFullDate: _propTypes.default.func,
-  spacing: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   startDateOffset: _propTypes.default.func,
   endDateOffset: _propTypes.default.func,
   autoSwitchDate: _propTypes.default.bool,

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

@@ -69,7 +69,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         showTick: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
         trigger: PropTypes.Requireable<string>;

package/lib/cjs/dropdown/index.js

@@ -229,7 +229,7 @@ Dropdown.propTypes = {
   position: _propTypes.default.oneOf(positionSet),
   rePosKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   render: _propTypes.default.node,
-  spacing: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   showTick: _propTypes.default.bool,
   style: _propTypes.default.object,
   trigger: _propTypes.default.oneOf(triggerSet),

package/lib/cjs/input/textarea.d.ts

@@ -2,8 +2,12 @@ import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/input/textarea.css';
 type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
+export type AutosizeRow = {
+    minRows?: number;
+    maxRows?: number;
+};
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
-    autosize?: boolean;
+    autosize?: boolean | AutosizeRow;
     borderless?: boolean;
     placeholder?: string;
     value?: string;

package/lib/cjs/input/textarea.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -219,7 +221,7 @@ class TextArea extends _baseComponent.default {
     const itemCls = (0, _classnames.default)(`${prefixCls}-textarea`, {
       [`${prefixCls}-textarea-disabled`]: disabled,
       [`${prefixCls}-textarea-readonly`]: readonly,
-      [`${prefixCls}-textarea-autosize`]: autosize,
+      [`${prefixCls}-textarea-autosize`]: (0, _isObject2.default)(autosize) ? (0, _isUndefined2.default)(autosize === null || autosize === void 0 ? void 0 : autosize.maxRows) : autosize,
       [`${prefixCls}-textarea-showClear`]: showClear
     });
     const itemProps = Object.assign(Object.assign({}, (0, _omit2.default)(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear')), {
@@ -251,7 +253,7 @@ class TextArea extends _baseComponent.default {
   }
 }
 TextArea.propTypes = {
-  autosize: _propTypes.default.bool,
+  autosize: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
   borderless: _propTypes.default.bool,
   placeholder: _propTypes.default.string,
   value: _propTypes.default.string,

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

@@ -33,20 +33,22 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     constructor(props: NotificationListProps);
     context: ContextValue;
     get adapter(): NotificationListAdapter;
-    static addNotice(notice: NoticeProps): string;
+    static addNotice(notice: NoticeProps): string | number;
     static removeNotice(id: string): string;
-    static info(opts: NoticeProps): string;
-    static success(opts: NoticeProps): string;
-    static error(opts: NoticeProps): string;
-    static warning(opts: NoticeProps): string;
-    static open(opts: NoticeProps): string;
+    static info(opts: NoticeProps): string | number;
+    static success(opts: NoticeProps): string | number;
+    static error(opts: NoticeProps): string | number;
+    static warning(opts: NoticeProps): string | number;
+    static open(opts: NoticeProps): string | number;
     static close(id: string): string;
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
+    has: (id: string) => any;
     remove: (id: string | number) => void;
+    update: (id: string | number, opts: NoticeProps) => any;
     destroyAll: () => any;
-    renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
+    renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[], updatedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};
     render(): JSX.Element;
 }

package/lib/cjs/notification/index.js

@@ -33,12 +33,17 @@ class NotificationList extends _baseComponent.default {
     super(props);
     _this = this;
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
+    this.has = id => this.foundation.has(id);
     this.remove = id => {
       this.foundation.removeNotice(String(id));
     };
+    this.update = (id, opts) => {
+      return this.foundation.update(id, opts);
+    };
     this.destroyAll = () => this.foundation.destroyAll();
     this.renderNoticeInPosition = function (notices, position) {
       let removedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      let updatedItems = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
       const className = (0, _classnames.default)(_constants.cssClasses.LIST);
       // TODO notifyOnClose
       if (notices.length) {
@@ -64,6 +69,11 @@ class NotificationList extends _baseComponent.default {
                 isAnimating
               } = _ref;
               return isRemoved && !isAnimating ? null : /*#__PURE__*/_react.default.createElement(_notice.default, Object.assign({}, notice, {
+                ref: notice => {
+                  if (notice && updatedItems.some(item => item.id === notice.props.id)) {
+                    notice.foundation.restartCloseTimer();
+                  }
+                },
                 className: (0, _classnames.default)({
                   [notice.className]: Boolean(notice.className),
                   [animationClassName]: true
@@ -80,7 +90,8 @@ class NotificationList extends _baseComponent.default {
     };
     this.state = {
       notices: [],
-      removedItems: []
+      removedItems: [],
+      updatedItems: []
     };
     this.noticeStorage = [];
     this.removeItemStorage = [];
@@ -91,19 +102,22 @@ class NotificationList extends _baseComponent.default {
     return Object.assign(Object.assign({}, super.adapter), {
       updateNotices: function (notices) {
         let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+        let updatedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
         _this2.noticeStorage = [...notices];
         _this2.removeItemStorage = [...removedItems];
         // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
         _this2.setState({
           notices,
-          removedItems
+          removedItems,
+          updatedItems
         });
       },
       getNotices: () => this.noticeStorage
     });
   }
   static addNotice(notice) {
-    const id = (0, _uuid.default)('notification');
+    var _a;
+    const id = (_a = notice.id) !== null && _a !== void 0 ? _a : (0, _uuid.default)('notification');
     if (!ref) {
       const {
         getPopupContainer
@@ -129,9 +143,13 @@ class NotificationList extends _baseComponent.default {
         }));
       });
     } else {
-      ref.add(Object.assign(Object.assign({}, notice), {
-        id
-      }));
+      if (ref.has(`${id}`)) {
+        ref.update(id, notice);
+      } else {
+        ref.add(Object.assign(Object.assign({}, notice), {
+          id
+        }));
+      }
     }
     return id;
   }
@@ -210,7 +228,8 @@ class NotificationList extends _baseComponent.default {
       notices
     } = this.state;
     const {
-      removedItems
+      removedItems,
+      updatedItems
     } = this.state;
     notices = Array.from(new Set([...notices, ...removedItems]));
     const noticesInPosition = {
@@ -230,7 +249,7 @@ class NotificationList extends _baseComponent.default {
     const noticesList = Object.entries(noticesInPosition).map(obj => {
       const pos = obj[0];
       const noticesInPos = obj[1];
-      return this.renderNoticeInPosition(noticesInPos, pos, removedItems);
+      return this.renderNoticeInPosition(noticesInPos, pos, removedItems, updatedItems);
     });
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, noticesList);
   }

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

@@ -26,7 +26,10 @@ export interface PopoverProps extends BaseProps {
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
     showArrow?: boolean;
-    spacing?: number;
+    spacing?: number | {
+        x: number;
+        y: number;
+    };
     stopPropagation?: boolean | string;
     arrowStyle?: ArrowStyle;
     arrowBounding?: ArrowBounding;
@@ -64,7 +67,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         zIndex: PropTypes.Requireable<number>;
         showArrow: PropTypes.Requireable<boolean>;
         arrowStyle: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/cjs/popover/index.js

@@ -14,6 +14,7 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
 var _index = _interopRequireDefault(require("../tooltip/index"));
 var _Arrow = _interopRequireDefault(require("./Arrow"));
 require("@douyinfe/semi-foundation/lib/cjs/popover/popover.css");
+var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -95,7 +96,7 @@ class Popover extends _react.default.PureComponent {
       arrowStyle
     };
     const arrow = showArrow ? /*#__PURE__*/_react.default.createElement(_Arrow.default, Object.assign({}, arrowProps)) : false;
-    if (typeof spacing !== 'number') {
+    if ((0, _isNullOrUndefined.default)(spacing)) {
       spacing = showArrow ? _constants.numbers.SPACING_WITH_ARROW : _constants.numbers.SPACING;
     }
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
@@ -132,7 +133,7 @@ Popover.propTypes = {
   onVisibleChange: _propTypes.default.func,
   onClickOutSide: _propTypes.default.func,
   style: _propTypes.default.object,
-  spacing: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   zIndex: _propTypes.default.number,
   showArrow: _propTypes.default.bool,
   arrowStyle: _propTypes.default.shape({

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

@@ -241,7 +241,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onClear: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/select/index.js

@@ -1280,7 +1280,7 @@ Select.propTypes = {
   autoAdjustOverflow: _propTypes.default.bool,
   mouseEnterDelay: _propTypes.default.number,
   mouseLeaveDelay: _propTypes.default.number,
-  spacing: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   onBlur: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onClear: _propTypes.default.func,

package/lib/cjs/toast/index.js

@@ -228,9 +228,6 @@ const createBaseToast = () => {
       const refFn = toast => {
         var _a;
         if (((_a = toast === null || toast === void 0 ? void 0 : toast.foundation) === null || _a === void 0 ? void 0 : _a._id) && updatedIds.includes(toast.foundation._id)) {
-          toast.foundation.setState({
-            duration: toast.props.duration
-          });
           toast.foundation.restartCloseTimer();
         }
       };

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

@@ -36,7 +36,10 @@ export interface TooltipProps extends BaseProps {
     prefixCls?: string;
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
-    spacing?: number;
+    spacing?: number | {
+        x: number;
+        y: number;
+    };
     margin?: number | {
         marginLeft: number;
         marginTop: number;
@@ -103,7 +106,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         showArrow: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         zIndex: PropTypes.Requireable<number>;

package/lib/cjs/tooltip/index.js

@@ -665,7 +665,7 @@ Tooltip.propTypes = {
   prefixCls: _propTypes.default.string,
   onVisibleChange: _propTypes.default.func,
   onClickOutSide: _propTypes.default.func,
-  spacing: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.object]),
   showArrow: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.node]),
   zIndex: _propTypes.default.number,

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

@@ -110,7 +110,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         renderDate: PropTypes.Requireable<(...args: any[]) => any>;
         renderFullDate: PropTypes.Requireable<(...args: any[]) => any>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         startDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
         endDateOffset: PropTypes.Requireable<(...args: any[]) => any>;
         autoSwitchDate: PropTypes.Requireable<boolean>;

package/lib/es/datePicker/datePicker.js

@@ -818,7 +818,7 @@ DatePicker.propTypes = {
   validateStatus: PropTypes.oneOf(strings.STATUS),
   renderDate: PropTypes.func,
   renderFullDate: PropTypes.func,
-  spacing: PropTypes.number,
+  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
   startDateOffset: PropTypes.func,
   endDateOffset: PropTypes.func,
   autoSwitchDate: PropTypes.bool,

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

@@ -69,7 +69,7 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         position: PropTypes.Requireable<"left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         rePosKey: PropTypes.Requireable<NonNullable<string | number>>;
         render: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         showTick: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<object>;
         trigger: PropTypes.Requireable<string>;

package/lib/es/dropdown/index.js

@@ -222,7 +222,7 @@ Dropdown.propTypes = {
   position: PropTypes.oneOf(positionSet),
   rePosKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   render: PropTypes.node,
-  spacing: PropTypes.number,
+  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
   showTick: PropTypes.bool,
   style: PropTypes.object,
   trigger: PropTypes.oneOf(triggerSet),

package/lib/es/input/textarea.d.ts

@@ -2,8 +2,12 @@ import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
 type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
+export type AutosizeRow = {
+    minRows?: number;
+    maxRows?: number;
+};
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
-    autosize?: boolean;
+    autosize?: boolean | AutosizeRow;
     borderless?: boolean;
     placeholder?: string;
     value?: string;

package/lib/es/input/textarea.js

@@ -1,3 +1,5 @@
+import _isObject from "lodash/isObject";
+import _isUndefined from "lodash/isUndefined";
 import _isFunction from "lodash/isFunction";
 import _omit from "lodash/omit";
 import _noop from "lodash/noop";
@@ -212,7 +214,7 @@ class TextArea extends BaseComponent {
     const itemCls = cls(`${prefixCls}-textarea`, {
       [`${prefixCls}-textarea-disabled`]: disabled,
       [`${prefixCls}-textarea-readonly`]: readonly,
-      [`${prefixCls}-textarea-autosize`]: autosize,
+      [`${prefixCls}-textarea-autosize`]: _isObject(autosize) ? _isUndefined(autosize === null || autosize === void 0 ? void 0 : autosize.maxRows) : autosize,
       [`${prefixCls}-textarea-showClear`]: showClear
     });
     const itemProps = Object.assign(Object.assign({}, _omit(rest, 'insetLabel', 'insetLabelId', 'getValueLength', 'onClear', 'showClear')), {
@@ -244,7 +246,7 @@ class TextArea extends BaseComponent {
   }
 }
 TextArea.propTypes = {
-  autosize: PropTypes.bool,
+  autosize: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
   borderless: PropTypes.bool,
   placeholder: PropTypes.string,
   value: PropTypes.string,

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

@@ -33,20 +33,22 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     constructor(props: NotificationListProps);
     context: ContextValue;
     get adapter(): NotificationListAdapter;
-    static addNotice(notice: NoticeProps): string;
+    static addNotice(notice: NoticeProps): string | number;
     static removeNotice(id: string): string;
-    static info(opts: NoticeProps): string;
-    static success(opts: NoticeProps): string;
-    static error(opts: NoticeProps): string;
-    static warning(opts: NoticeProps): string;
-    static open(opts: NoticeProps): string;
+    static info(opts: NoticeProps): string | number;
+    static success(opts: NoticeProps): string | number;
+    static error(opts: NoticeProps): string | number;
+    static warning(opts: NoticeProps): string | number;
+    static open(opts: NoticeProps): string | number;
     static close(id: string): string;
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
+    has: (id: string) => any;
     remove: (id: string | number) => void;
+    update: (id: string | number, opts: NoticeProps) => any;
     destroyAll: () => any;
-    renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
+    renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[], updatedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};
     render(): JSX.Element;
 }

package/lib/es/notification/index.js

@@ -26,12 +26,17 @@ class NotificationList extends BaseComponent {
     super(props);
     _this = this;
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
+    this.has = id => this.foundation.has(id);
     this.remove = id => {
       this.foundation.removeNotice(String(id));
     };
+    this.update = (id, opts) => {
+      return this.foundation.update(id, opts);
+    };
     this.destroyAll = () => this.foundation.destroyAll();
     this.renderNoticeInPosition = function (notices, position) {
       let removedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+      let updatedItems = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
       const className = cls(cssClasses.LIST);
       // TODO notifyOnClose
       if (notices.length) {
@@ -57,6 +62,11 @@ class NotificationList extends BaseComponent {
                 isAnimating
               } = _ref;
               return isRemoved && !isAnimating ? null : /*#__PURE__*/React.createElement(Notice, Object.assign({}, notice, {
+                ref: notice => {
+                  if (notice && updatedItems.some(item => item.id === notice.props.id)) {
+                    notice.foundation.restartCloseTimer();
+                  }
+                },
                 className: cls({
                   [notice.className]: Boolean(notice.className),
                   [animationClassName]: true
@@ -73,7 +83,8 @@ class NotificationList extends BaseComponent {
     };
     this.state = {
       notices: [],
-      removedItems: []
+      removedItems: [],
+      updatedItems: []
     };
     this.noticeStorage = [];
     this.removeItemStorage = [];
@@ -84,19 +95,22 @@ class NotificationList extends BaseComponent {
     return Object.assign(Object.assign({}, super.adapter), {
       updateNotices: function (notices) {
         let removedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+        let updatedItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
         _this2.noticeStorage = [...notices];
         _this2.removeItemStorage = [...removedItems];
         // setState is async sometimes and react often merges state, so use "this" , make sure other code always get right data.
         _this2.setState({
           notices,
-          removedItems
+          removedItems,
+          updatedItems
         });
       },
       getNotices: () => this.noticeStorage
     });
   }
   static addNotice(notice) {
-    const id = getUuid('notification');
+    var _a;
+    const id = (_a = notice.id) !== null && _a !== void 0 ? _a : getUuid('notification');
     if (!ref) {
       const {
         getPopupContainer
@@ -122,9 +136,13 @@ class NotificationList extends BaseComponent {
         }));
       });
     } else {
-      ref.add(Object.assign(Object.assign({}, notice), {
-        id
-      }));
+      if (ref.has(`${id}`)) {
+        ref.update(id, notice);
+      } else {
+        ref.add(Object.assign(Object.assign({}, notice), {
+          id
+        }));
+      }
     }
     return id;
   }
@@ -203,7 +221,8 @@ class NotificationList extends BaseComponent {
       notices
     } = this.state;
     const {
-      removedItems
+      removedItems,
+      updatedItems
     } = this.state;
     notices = Array.from(new Set([...notices, ...removedItems]));
     const noticesInPosition = {
@@ -223,7 +242,7 @@ class NotificationList extends BaseComponent {
     const noticesList = Object.entries(noticesInPosition).map(obj => {
       const pos = obj[0];
       const noticesInPos = obj[1];
-      return this.renderNoticeInPosition(noticesInPos, pos, removedItems);
+      return this.renderNoticeInPosition(noticesInPos, pos, removedItems, updatedItems);
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, noticesList);
   }

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

@@ -26,7 +26,10 @@ export interface PopoverProps extends BaseProps {
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
     showArrow?: boolean;
-    spacing?: number;
+    spacing?: number | {
+        x: number;
+        y: number;
+    };
     stopPropagation?: boolean | string;
     arrowStyle?: ArrowStyle;
     arrowBounding?: ArrowBounding;
@@ -64,7 +67,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         zIndex: PropTypes.Requireable<number>;
         showArrow: PropTypes.Requireable<boolean>;
         arrowStyle: PropTypes.Requireable<PropTypes.InferProps<{

package/lib/es/popover/index.js

@@ -16,6 +16,7 @@ import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/p
 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';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 class Popover extends React.PureComponent {
@@ -88,7 +89,7 @@ class Popover extends React.PureComponent {
       arrowStyle
     };
     const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow, Object.assign({}, arrowProps)) : false;
-    if (typeof spacing !== 'number') {
+    if (isNullOrUndefined(spacing)) {
       spacing = showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;
     }
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
@@ -125,7 +126,7 @@ Popover.propTypes = {
   onVisibleChange: PropTypes.func,
   onClickOutSide: PropTypes.func,
   style: PropTypes.object,
-  spacing: PropTypes.number,
+  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
   zIndex: PropTypes.number,
   showArrow: PropTypes.bool,
   arrowStyle: PropTypes.shape({

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

@@ -241,7 +241,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onClear: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/select/index.js

@@ -1271,7 +1271,7 @@ Select.propTypes = {
   autoAdjustOverflow: PropTypes.bool,
   mouseEnterDelay: PropTypes.number,
   mouseLeaveDelay: PropTypes.number,
-  spacing: PropTypes.number,
+  spacing: PropTypes.oneOfType([PropTypes.number, PropTypes.object]),
   onBlur: PropTypes.func,
   onFocus: PropTypes.func,
   onClear: PropTypes.func,

package/lib/es/toast/index.js

@@ -221,9 +221,6 @@ const createBaseToast = () => {
       const refFn = toast => {
         var _a;
         if (((_a = toast === null || toast === void 0 ? void 0 : toast.foundation) === null || _a === void 0 ? void 0 : _a._id) && updatedIds.includes(toast.foundation._id)) {
-          toast.foundation.setState({
-            duration: toast.props.duration
-          });
           toast.foundation.restartCloseTimer();
         }
       };

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

@@ -36,7 +36,10 @@ export interface TooltipProps extends BaseProps {
     prefixCls?: string;
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
-    spacing?: number;
+    spacing?: number | {
+        x: number;
+        y: number;
+    };
     margin?: number | {
         marginLeft: number;
         marginTop: number;
@@ -103,7 +106,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
-        spacing: PropTypes.Requireable<number>;
+        spacing: PropTypes.Requireable<NonNullable<number | object>>;
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         showArrow: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         zIndex: PropTypes.Requireable<number>;