@rainbow-oh/yee-c 0.8.2 → 0.8.4

package/dist/esm/message/use-message.js

@@ -1,21 +1,21 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import Message from "./message";
 var useMessage = function useMessage() {
@@ -23,86 +23,136 @@ var useMessage = function useMessage() {
     _useState2 = _slicedToArray(_useState, 2),
     messages = _useState2[0],
     setMessages = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    portalContainer = _useState4[0],
+    setPortalContainer = _useState4[1];
+  var messagesRef = useRef([]);
+  var generationByKey = useRef(new Map());
+  var generation = useRef(0);
+  var timerGeneration = useRef(0);
   var count = useRef(0);
-  var onDestroy = function onDestroy(key) {
-    setMessages(function (prevMessage) {
-      return _toConsumableArray(prevMessage.filter(function (msg) {
-        return msg.key !== key;
-      }));
+  useEffect(function () {
+    setPortalContainer(document.body);
+  }, []);
+  var updateMessages = useCallback(function (updater) {
+    var nextMessages = updater(messagesRef.current);
+    messagesRef.current = nextMessages;
+    setMessages(nextMessages);
+  }, []);
+  var onDestroy = useCallback(function (key, expectedTimerGeneration) {
+    var _target$onClose;
+    var target = messagesRef.current.find(function (message) {
+      return message.key === key;
     });
-  };
+    if (expectedTimerGeneration !== undefined && (target === null || target === void 0 ? void 0 : target.timerGeneration) !== expectedTimerGeneration) {
+      return;
+    }
+    if (!target) {
+      return;
+    }
+    generationByKey.current.delete(key);
+    updateMessages(function (current) {
+      return current.filter(function (message) {
+        return message.key !== key;
+      });
+    });
+    (_target$onClose = target.onClose) === null || _target$onClose === void 0 || _target$onClose.call(target);
+  }, [updateMessages]);
   var add = useCallback(function (props) {
-    var id = count.current++;
-    setMessages(function (prevMessages) {
-      return [].concat(_toConsumableArray(prevMessages), [_objectSpread({
-        key: id
-      }, props)]);
+    var _props$key, _generationByKey$curr;
+    var key = (_props$key = props.key) !== null && _props$key !== void 0 ? _props$key : count.current++;
+    if (typeof key === 'number' && key >= count.current) {
+      count.current = key + 1;
+    }
+    var keyGeneration = (_generationByKey$curr = generationByKey.current.get(key)) !== null && _generationByKey$curr !== void 0 ? _generationByKey$curr : generation.current++;
+    generationByKey.current.set(key, keyGeneration);
+    var nextMessage = _objectSpread(_objectSpread({}, props), {}, {
+      key: key,
+      timerGeneration: timerGeneration.current++
+    });
+    updateMessages(function (current) {
+      var exists = current.some(function (item) {
+        return item.key === key;
+      });
+      if (exists) {
+        return current.map(function (item) {
+          return item.key === key ? nextMessage : item;
+        });
+      }
+      return [].concat(_toConsumableArray(current), [nextMessage]);
     });
     return function () {
-      return onDestroy(id);
+      if (generationByKey.current.get(key) === keyGeneration) {
+        onDestroy(key);
+      }
     };
+  }, [onDestroy, updateMessages]);
+  var clear = useCallback(function () {
+    var currentMessages = messagesRef.current;
+    generationByKey.current.clear();
+    messagesRef.current = [];
+    setMessages([]);
+    currentMessages.forEach(function (message) {
+      var _message$onClose;
+      return (_message$onClose = message.onClose) === null || _message$onClose === void 0 ? void 0 : _message$onClose.call(message);
+    });
   }, []);
-  var messageApi = {
-    open: function open(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'info'
-      } : _objectSpread({
-        status: 'info'
-      }, props));
-    },
-    info: function info(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'info'
-      } : _objectSpread({
-        status: 'info'
-      }, props));
-    },
-    success: function success(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'success'
-      } : _objectSpread(_objectSpread({}, props), {}, {
-        status: 'success'
-      }));
-    },
-    error: function error(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'error'
-      } : _objectSpread(_objectSpread({}, props), {}, {
-        status: 'error'
-      }));
-    },
-    warning: function warning(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'warning'
-      } : _objectSpread(_objectSpread({}, props), {}, {
-        status: 'warning'
-      }));
-    },
-    loading: function loading(props) {
-      return add(typeof props === 'string' ? {
-        content: props,
-        status: 'loading'
-      } : _objectSpread(_objectSpread({}, props), {}, {
-        status: 'loading'
-      }));
-    },
-    destroy: function destroy(key) {
-      setMessages(function (prevMessages) {
-        return prevMessages.filter(function (message) {
-          return message.key !== key;
-        });
-      });
-    },
-    clear: function clear() {
-      setMessages([]);
-    }
-  };
-  var messageHolder = /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
+  var messageApi = useMemo(function () {
+    return {
+      open: function open(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'info'
+        } : _objectSpread({
+          status: 'info'
+        }, props));
+      },
+      info: function info(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'info'
+        } : _objectSpread({
+          status: 'info'
+        }, props));
+      },
+      success: function success(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'success'
+        } : _objectSpread(_objectSpread({}, props), {}, {
+          status: 'success'
+        }));
+      },
+      error: function error(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'error'
+        } : _objectSpread(_objectSpread({}, props), {}, {
+          status: 'error'
+        }));
+      },
+      warning: function warning(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'warning'
+        } : _objectSpread(_objectSpread({}, props), {}, {
+          status: 'warning'
+        }));
+      },
+      loading: function loading(props) {
+        return add(typeof props === 'string' ? {
+          content: props,
+          status: 'loading'
+        } : _objectSpread(_objectSpread({}, props), {}, {
+          status: 'loading'
+        }));
+      },
+      destroy: onDestroy,
+      clear: clear
+    };
+  }, [add, clear, onDestroy]);
+  var messageHolder = portalContainer ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
     className: "yee-message-list"
   }, messages.map(function (msg) {
     return /*#__PURE__*/React.createElement(Message, _extends({}, msg, {
@@ -110,7 +160,7 @@ var useMessage = function useMessage() {
       id: msg.key,
       key: msg.key
     }));
-  })), document.body);
+  })), portalContainer) : null;
   return {
     messageApi: messageApi,
     messageHolder: messageHolder

package/dist/esm/message/wrapper.d.ts

@@ -1,46 +1,40 @@
 import React from 'react';
 import { Root } from 'react-dom/client';
-import { MessageConfig, MessageType, WrapperedMessageConfig } from './interface';
+import { MessageClose, MessageConfig, MessageType, WrapperedMessageConfig } from './interface';
 declare class MessageWrapper {
     root: Root | null;
     messages: MessageType[];
     container: HTMLElement | null;
+    generationByKey: Map<string | number, number>;
+    generation: number;
+    timerGeneration: number;
     constructor();
     private createContainer;
     private cleanupContainer;
     uuid(): string;
     unmount(): void;
     render(): void;
-    show(params: WrapperedMessageConfig): void;
-    destroy(key: string | number): void;
-    open(params: string | MessageConfig): void;
-    info(params: string | MessageConfig): void;
-    success(params: string | MessageConfig): void;
-    warning(params: string | MessageConfig): void;
-    error(params: string | MessageConfig): void;
-    loading(params: string | MessageConfig): void;
+    show(params: WrapperedMessageConfig): MessageClose;
+    destroy(key: string | number, expectedTimerGeneration?: number): void;
+    open(params: string | MessageConfig): MessageClose;
+    info(params: string | MessageConfig): MessageClose;
+    success(params: string | MessageConfig): MessageClose;
+    warning(params: string | MessageConfig): MessageClose;
+    error(params: string | MessageConfig): MessageClose;
+    loading(params: string | MessageConfig): MessageClose;
 }
 declare const messageWrapper: MessageWrapper;
 export default messageWrapper;
 export declare const message: {
-    open: (params: string | MessageConfig) => void;
-    info: (params: string | MessageConfig) => void;
-    success: (params: string | MessageConfig) => void;
-    warning: (params: string | MessageConfig) => void;
-    error: (params: string | MessageConfig) => void;
-    loading: (params: string | MessageConfig) => void;
-    destroy: (key: string | number) => void;
+    open: (params: string | MessageConfig) => MessageClose;
+    info: (params: string | MessageConfig) => MessageClose;
+    success: (params: string | MessageConfig) => MessageClose;
+    warning: (params: string | MessageConfig) => MessageClose;
+    error: (params: string | MessageConfig) => MessageClose;
+    loading: (params: string | MessageConfig) => MessageClose;
+    destroy: (key: string | number, expectedTimerGeneration?: number) => void;
     useMessage: () => {
-        messageApi: {
-            open: (props: string | MessageConfig) => () => void;
-            info: (props: string | MessageConfig) => () => void;
-            success: (props: string | MessageConfig) => () => void;
-            error: (props: string | MessageConfig) => () => void;
-            warning: (props: string | MessageConfig) => () => void;
-            loading: (props: string | MessageConfig) => () => void;
-            destroy: (key: string | number) => void;
-            clear: () => void;
-        };
-        messageHolder: React.ReactPortal;
+        messageApi: import("./interface").MessageApi;
+        messageHolder: React.ReactPortal | null;
     };
 };

package/dist/esm/message/wrapper.js

@@ -1,4 +1,10 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -11,15 +17,23 @@ import React from 'react';
 import { createRoot } from 'react-dom/client';
 import MessageList from "./message-list";
 import useMessage from "./use-message";
+var noop = function noop() {};
 var MessageWrapper = /*#__PURE__*/function () {
   function MessageWrapper() {
     _classCallCheck(this, MessageWrapper);
     _defineProperty(this, "root", void 0);
     _defineProperty(this, "messages", void 0);
     _defineProperty(this, "container", void 0);
+    _defineProperty(this, "generationByKey", void 0);
+    _defineProperty(this, "generation", void 0);
+    _defineProperty(this, "timerGeneration", void 0);
     this.root = null;
     this.messages = [];
     this.container = null;
+    this.generationByKey = new Map();
+    this.generation = 0;
+    this.timerGeneration = 0;
+    this.destroy = this.destroy.bind(this);
   }
   _createClass(MessageWrapper, [{
     key: "createContainer",
@@ -56,10 +70,14 @@ var MessageWrapper = /*#__PURE__*/function () {
       this.root = null;
       this.cleanupContainer();
       this.messages = [];
+      this.generationByKey.clear();
     }
   }, {
     key: "render",
     value: function render() {
+      if (typeof document === 'undefined') {
+        return;
+      }
       if (this.messages.length === 0) {
         if (this.root) {
           this.root.unmount();
@@ -74,49 +92,73 @@ var MessageWrapper = /*#__PURE__*/function () {
       }
       this.root.render( /*#__PURE__*/React.createElement(MessageList, {
         items: this.messages,
-        onDestroy: this.destroy.bind(this)
+        onDestroy: this.destroy
       }));
     }
   }, {
     key: "show",
     value: function show(params) {
-      if (!params.key) {
-        params.key = this.uuid();
+      var _params$key,
+        _this$generationByKey,
+        _this = this;
+      if (typeof document === 'undefined') {
+        return noop;
       }
-      var isExit = this.messages.find(function (item) {
-        return item.key === params.key;
+      var key = (_params$key = params.key) !== null && _params$key !== void 0 ? _params$key : this.uuid();
+      var keyGeneration = (_this$generationByKey = this.generationByKey.get(key)) !== null && _this$generationByKey !== void 0 ? _this$generationByKey : this.generation++;
+      this.generationByKey.set(key, keyGeneration);
+      var nextMessage = _objectSpread(_objectSpread({}, params), {}, {
+        key: key,
+        timerGeneration: this.timerGeneration++
+      });
+      var exists = this.messages.some(function (item) {
+        return item.key === key;
       });
-      if (isExit) {
+      if (exists) {
         this.messages = this.messages.map(function (item) {
-          if (item.key === params.key) {
-            return params;
-          }
-          return item;
+          return item.key === key ? nextMessage : item;
         });
       } else {
-        this.messages.push(params);
+        this.messages = [].concat(_toConsumableArray(this.messages), [nextMessage]);
       }
       this.render();
+      return function () {
+        if (_this.generationByKey.get(key) === keyGeneration) {
+          _this.destroy(key);
+        }
+      };
     }
   }, {
     key: "destroy",
-    value: function destroy(key) {
+    value: function destroy(key, expectedTimerGeneration) {
+      var _target$onClose;
+      var target = this.messages.find(function (item) {
+        return item.key === key;
+      });
+      if (expectedTimerGeneration !== undefined && (target === null || target === void 0 ? void 0 : target.timerGeneration) !== expectedTimerGeneration) {
+        return;
+      }
+      if (!target) {
+        return;
+      }
+      this.generationByKey.delete(key);
       this.messages = this.messages.filter(function (item) {
         return item.key !== key;
       });
       this.render();
+      (_target$onClose = target.onClose) === null || _target$onClose === void 0 || _target$onClose.call(target);
     }
   }, {
     key: "open",
     value: function open(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         content: params
       } : params);
     }
   }, {
     key: "info",
     value: function info(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         status: 'info',
         content: params
       } : _objectSpread(_objectSpread({}, params), {}, {
@@ -126,7 +168,7 @@ var MessageWrapper = /*#__PURE__*/function () {
   }, {
     key: "success",
     value: function success(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         status: 'success',
         content: params
       } : _objectSpread(_objectSpread({}, params), {}, {
@@ -136,7 +178,7 @@ var MessageWrapper = /*#__PURE__*/function () {
   }, {
     key: "warning",
     value: function warning(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         status: 'warning',
         content: params
       } : _objectSpread(_objectSpread({}, params), {}, {
@@ -146,7 +188,7 @@ var MessageWrapper = /*#__PURE__*/function () {
   }, {
     key: "error",
     value: function error(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         status: 'error',
         content: params
       } : _objectSpread(_objectSpread({}, params), {}, {
@@ -156,7 +198,7 @@ var MessageWrapper = /*#__PURE__*/function () {
   }, {
     key: "loading",
     value: function loading(params) {
-      this.show(typeof params === 'string' ? {
+      return this.show(typeof params === 'string' ? {
         status: 'loading',
         content: params
       } : _objectSpread(_objectSpread({}, params), {}, {

package/dist/esm/notice/index.d.ts

@@ -1,5 +1,5 @@
 import { notice } from './wrapper';
-export type { NoticeConfig } from './interface';
+export type { NoticeApi, NoticeClose, NoticeConfig, PlacementType, } from './interface';
 export * from './notice-provider';
 export { default as useNotice } from './use-notice';
 export default notice;

package/dist/esm/notice/interface.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
+export type PlacementType = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'top' | 'bottom';
 export type NoticeConfig = {
-    /**
-     * test identifier
-     */
-    'data-testid'?: string;
+    [dataAttribute: `data-${string}`]: string | number | boolean | undefined;
     /**
      * Custom prefix class name
      */
@@ -25,7 +23,7 @@ export type NoticeConfig = {
      */
     content: React.ReactNode;
     /**
-     * Auto close time (ms), 0 means no auto close
+     * Auto close time (milliseconds), 0 means no auto close
      * @default 4500
      */
     duration?: number;
@@ -41,7 +39,7 @@ export type NoticeConfig = {
      * Display position
      * @default 'topRight'
      */
-    placement?: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'top' | 'bottom';
+    placement?: PlacementType;
     /**
      * Whether to show progress bar
      */
@@ -64,15 +62,27 @@ export type NoticeConfig = {
      */
     closable?: boolean;
 };
+export type NoticeClose = () => void;
+export interface NoticeApi {
+    open: (config: string | NoticeConfig) => NoticeClose;
+    info: (config: string | NoticeConfig) => NoticeClose;
+    success: (config: string | NoticeConfig) => NoticeClose;
+    warning: (config: string | NoticeConfig) => NoticeClose;
+    error: (config: string | NoticeConfig) => NoticeClose;
+    destroy: (key: string | number) => void;
+    clear: (placement?: PlacementType) => void;
+}
 export type WrapperedNoticeConfig = NoticeConfig & {
     status?: 'info' | 'success' | 'warning' | 'error';
 };
 export type NoticeType = WrapperedNoticeConfig & {
     key: string | number;
+    placement: PlacementType;
+    timerGeneration: number;
 };
 export interface NoticeProps extends NoticeType {
     /**
      * Destroy component callback
      */
-    onDestroy?: (key: string | number) => void;
+    onDestroy?: (key: string | number, timerGeneration?: number) => void;
 }

package/dist/esm/notice/notice-list.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { NoticeProps } from './interface';
+import type { NoticeProps, PlacementType } from './interface';
 import './style/index.less';
 declare const NoticeList: ({ items, placement, onDestroy, }: {
     items: NoticeProps[];
-    placement?: "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | undefined;
-    onDestroy: (key: string | number) => void;
+    placement?: PlacementType | undefined;
+    onDestroy: (key: string | number, timerGeneration?: number) => void;
 }) => React.JSX.Element | null;
 export default NoticeList;

package/dist/esm/notice/notice-provider.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
+import type { NoticeApi } from './interface';
 export declare function NoticeProvider({ children }: {
     children: React.ReactNode;
 }): React.JSX.Element;
-export declare function useGlobalNotice(): any;
+export declare function useGlobalNotice(): NoticeApi;

package/dist/esm/notice/notice-provider.js

@@ -1,6 +1,6 @@
 import React, { createContext, useContext } from 'react';
 import useNotice from "./use-notice";
-var NoticeContext = /*#__PURE__*/createContext({});
+var NoticeContext = /*#__PURE__*/createContext(undefined);
 export function NoticeProvider(_ref) {
   var children = _ref.children;
   var _useNotice = useNotice(),