@rainbow-oh/yee-c 0.8.2 → 0.8.4

package/dist/esm/notice/wrapper.js

@@ -10,20 +10,52 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import NoticeList from "./notice-list";
+var noop = function noop() {};
+var invokeOnClose = function invokeOnClose(notices) {
+  var errors = [];
+  notices.forEach(function (notice) {
+    try {
+      var _notice$onClose;
+      (_notice$onClose = notice.onClose) === null || _notice$onClose === void 0 || _notice$onClose.call(notice);
+    } catch (error) {
+      errors.push(error);
+    }
+  });
+  errors.forEach(function (error) {
+    var reportError = globalThis.reportError;
+    if (reportError) {
+      reportError(error);
+    } else {
+      console.error(error);
+    }
+  });
+};
 var NoticeWrapper = /*#__PURE__*/function () {
   function NoticeWrapper() {
     _classCallCheck(this, NoticeWrapper);
     _defineProperty(this, "roots", void 0);
     _defineProperty(this, "containers", void 0);
     _defineProperty(this, "notices", void 0);
+    _defineProperty(this, "generationByKey", void 0);
+    _defineProperty(this, "generation", void 0);
+    _defineProperty(this, "timerGeneration", void 0);
     this.roots = new Map();
     this.containers = new Map();
     this.notices = new Map();
+    this.generationByKey = new Map();
+    this.generation = 0;
+    this.timerGeneration = 0;
+    this.destroy = this.destroy.bind(this);
   }
   _createClass(NoticeWrapper, [{
     key: "uuid",
     value: function uuid() {
-      return crypto.randomUUID ? crypto.randomUUID() : 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+      var _globalThis$crypto, _globalThis$crypto$ra;
+      var randomUUID = (_globalThis$crypto = globalThis.crypto) === null || _globalThis$crypto === void 0 || (_globalThis$crypto$ra = _globalThis$crypto.randomUUID) === null || _globalThis$crypto$ra === void 0 ? void 0 : _globalThis$crypto$ra.call(_globalThis$crypto);
+      if (randomUUID) {
+        return randomUUID;
+      }
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
         var r = Math.random() * 16 | 0;
         var v = c === 'x' ? r : r & 0x3 | 0x8;
         return v.toString(16);
@@ -44,46 +76,48 @@ var NoticeWrapper = /*#__PURE__*/function () {
     key: "cleanupContainer",
     value: function cleanupContainer(placement) {
       var container = this.containers.get(placement);
-      if (container && container.parentNode) {
+      if (container !== null && container !== void 0 && container.parentNode) {
         container.parentNode.removeChild(container);
-        this.containers.delete(placement);
       }
+      this.containers.delete(placement);
     }
   }, {
     key: "unmount",
     value: function unmount(placement) {
       var _this = this;
-      if (placement) {
-        var root = this.roots.get(placement);
-        if (root) {
-          root.unmount();
-          this.roots.delete(placement);
-          this.cleanupContainer(placement);
-          this.notices.delete(placement);
-        }
-      } else {
-        // Clean up all
-        this.roots.forEach(function (root, placement) {
-          root.unmount();
-          _this.cleanupContainer(placement);
-        });
+      var placements = placement ? [placement] : Array.from(this.notices.keys());
+      var removed = placements.flatMap(function (item) {
+        return _this.notices.get(item) || [];
+      });
+      placements.forEach(function (item) {
+        var _this$roots$get;
+        (_this$roots$get = _this.roots.get(item)) === null || _this$roots$get === void 0 || _this$roots$get.unmount();
+        _this.roots.delete(item);
+        _this.cleanupContainer(item);
+        _this.notices.delete(item);
+      });
+      if (!placement) {
         this.roots.clear();
         this.containers.clear();
-        this.notices.clear();
       }
+      removed.forEach(function (item) {
+        _this.generationByKey.delete(item.key);
+      });
+      invokeOnClose(removed);
     }
   }, {
     key: "render",
     value: function render(placement) {
-      var _this2 = this;
+      if (typeof document === 'undefined') {
+        return;
+      }
       var notices = this.notices.get(placement) || [];
       if (notices.length === 0) {
-        var _root = this.roots.get(placement);
-        if (_root) {
-          _root.unmount();
-          this.roots.delete(placement);
-          this.cleanupContainer(placement);
-        }
+        var _this$roots$get2;
+        (_this$roots$get2 = this.roots.get(placement)) === null || _this$roots$get2 === void 0 || _this$roots$get2.unmount();
+        this.roots.delete(placement);
+        this.cleanupContainer(placement);
+        this.notices.delete(placement);
         return;
       }
       var container = this.createContainer(placement);
@@ -95,63 +129,110 @@ var NoticeWrapper = /*#__PURE__*/function () {
       root.render( /*#__PURE__*/React.createElement(NoticeList, {
         items: notices,
         placement: placement,
-        onDestroy: function onDestroy(key) {
-          return _this2.destroy(key, placement);
-        }
+        onDestroy: this.destroy
       }));
     }
   }, {
     key: "show",
     value: function show(params) {
-      var placement = params.placement || 'topRight';
-      if (!params.key) {
-        params.key = this.uuid();
+      var _params$placement,
+        _params$key,
+        _this$generationByKey,
+        _this2 = this;
+      if (typeof document === 'undefined') {
+        return noop;
       }
-      var notices = this.notices.get(placement) || [];
-      var existIndex = notices.findIndex(function (item) {
-        return item.key === params.key;
+      var placement = (_params$placement = params.placement) !== null && _params$placement !== void 0 ? _params$placement : 'topRight';
+      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 affectedPlacements = new Set([placement]);
+      this.notices.forEach(function (items, currentPlacement) {
+        if (currentPlacement !== placement && items.some(function (item) {
+          return item.key === key;
+        })) {
+          _this2.notices.set(currentPlacement, items.filter(function (item) {
+            return item.key !== key;
+          }));
+          affectedPlacements.add(currentPlacement);
+        }
+      });
+      var currentNotices = this.notices.get(placement) || [];
+      var existingIndex = currentNotices.findIndex(function (item) {
+        return item.key === key;
       });
-      if (existIndex >= 0) {
-        notices[existIndex] = params;
+      var nextNotice = _objectSpread(_objectSpread({}, params), {}, {
+        key: key,
+        placement: placement,
+        timerGeneration: this.timerGeneration++
+      });
+      var nextNotices = currentNotices.filter(function (item) {
+        return item.key !== key;
+      });
+      if (existingIndex >= 0) {
+        nextNotices.splice(existingIndex, 0, nextNotice);
       } else {
-        notices.push(params);
+        nextNotices.push(nextNotice);
       }
-      this.notices.set(placement, notices);
-      this.render(placement);
+      this.notices.set(placement, nextNotices);
+      affectedPlacements.forEach(function (item) {
+        return _this2.render(item);
+      });
+      return function () {
+        if (_this2.generationByKey.get(key) === keyGeneration) {
+          _this2.destroy(key);
+        }
+      };
     }
   }, {
     key: "destroy",
-    value: function destroy(key, placement) {
-      var _this3 = this;
-      if (placement) {
-        var notices = this.notices.get(placement) || [];
-        var filtered = notices.filter(function (item) {
-          return item.key !== key;
-        });
-        this.notices.set(placement, filtered);
-        this.render(placement);
-      } else {
-        // Find and remove in all placements
-        this.notices.forEach(function (notices, p) {
-          var filtered = notices.filter(function (item) {
-            return item.key !== key;
-          });
-          _this3.notices.set(p, filtered);
-          _this3.render(p);
+    value: function destroy(key, expectedTimerGeneration) {
+      var _this3 = this,
+        _target$onClose,
+        _target2;
+      var target;
+      this.notices.forEach(function (items) {
+        var _target;
+        (_target = target) !== null && _target !== void 0 ? _target : target = items.find(function (item) {
+          return item.key === key;
         });
+      });
+      if (!target || expectedTimerGeneration !== undefined && target.timerGeneration !== expectedTimerGeneration) {
+        return;
       }
+      var affectedPlacements = new Set();
+      this.notices.forEach(function (items, placement) {
+        if (items.some(function (item) {
+          return item.key === key;
+        })) {
+          _this3.notices.set(placement, items.filter(function (item) {
+            return item.key !== key;
+          }));
+          affectedPlacements.add(placement);
+        }
+      });
+      this.generationByKey.delete(key);
+      affectedPlacements.forEach(function (item) {
+        return _this3.render(item);
+      });
+      (_target$onClose = (_target2 = target).onClose) === null || _target$onClose === void 0 || _target$onClose.call(_target2);
+    }
+  }, {
+    key: "clear",
+    value: function clear(placement) {
+      this.unmount(placement);
     }
   }, {
     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), {}, {
@@ -161,7 +242,7 @@ var NoticeWrapper = /*#__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), {}, {
@@ -171,7 +252,7 @@ var NoticeWrapper = /*#__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), {}, {
@@ -181,7 +262,7 @@ var NoticeWrapper = /*#__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), {}, {
@@ -203,5 +284,6 @@ export var notice = {
   success: noticeWrapper.success.bind(noticeWrapper),
   warning: noticeWrapper.warning.bind(noticeWrapper),
   error: noticeWrapper.error.bind(noticeWrapper),
-  destroy: noticeWrapper.destroy.bind(noticeWrapper)
+  destroy: noticeWrapper.destroy.bind(noticeWrapper),
+  clear: noticeWrapper.clear.bind(noticeWrapper)
 };

package/dist/esm/style/size.css

@@ -323,9 +323,9 @@
   --yee-menu-submenu-vertical-top: -4px;
 
   /* --Message-- */
-  --yee-message-gap: 8px;
-  --yee-message-padding: 12px 16px;
-  --yee-message-border-radius: 4px;
+  --yee-message-gap: 6px;
+  --yee-message-padding: 9px 12px;
+  --yee-message-border-radius: 8px;
   --yee-message-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-message-icon-size: 20px;
   --yee-message-list-top: 24px;

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-23T09:42:21.552Z
+ * Generated on 2026-07-27T03:27:50.585Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-23T09:42:21.552Z
+ * Generated on 2026-07-27T03:27:50.585Z
  */
 
 /* ========== color.css ========== */
@@ -1445,9 +1445,9 @@
   --yee-menu-submenu-vertical-top: -4px;
 
   /* --Message-- */
-  --yee-message-gap: 8px;
-  --yee-message-padding: 12px 16px;
-  --yee-message-border-radius: 4px;
+  --yee-message-gap: 6px;
+  --yee-message-padding: 9px 12px;
+  --yee-message-border-radius: 8px;
   --yee-message-box-shadow: 0 8px 24px 0 var(--yee-box-shadow-color);
   --yee-message-icon-size: 20px;
   --yee-message-list-top: 24px;

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.2";
+export declare const version = "0.8.4";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.8.2";
+export var version = "0.8.4";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }