@hkyhy/marsun-components-core 0.1.138 → 0.1.140

package/dist/components/Tools/Inbox/InboxBell/InboxBell.js

@@ -1,18 +1,18 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { notification as Ue, Badge as Fe, Button as M, Drawer as ze, Space as Ee, Checkbox as oe, message as $ } from "antd";
-import R from "classnames";
-import { forwardRef as Ge, useState as f, useRef as v, useMemo as Se, useCallback as N, useImperativeHandle as $e, useEffect as T } from "react";
+import { notification as Ue, Badge as Fe, Button as D, Drawer as ze, Space as Ee, Checkbox as oe, message as $ } from "antd";
+import P from "classnames";
+import { forwardRef as Ge, useState as f, useRef as T, useMemo as Se, useCallback as N, useImperativeHandle as $e, useEffect as b } from "react";
 import { createPortal as Ke } from "react-dom";
 import { sanitizeInboxHtml as je } from "../sanitizeInboxHtml.js";
 import { INBOX_BADGE_REFRESH_EVENT as Le } from "../requestInboxBadgeRefresh.js";
 import { emphasizeQuoted as le } from "./emphasizeQuoted.js";
 import { filterInboxActionsForHost as Ve, resolveInboxItemActions as We, isInboxButtonDriven as Qe } from "./inboxItemActions.js";
-import { inboxSceneLabel as Mt, isTerminalActionStatus as At, normalizeInboxActions as Ot, resolveInboxSceneKey as It } from "./inboxItemActions.js";
+import { inboxSceneLabel as Dt, isTerminalActionStatus as Mt, normalizeInboxActions as Ot, resolveInboxSceneKey as It } from "./inboxItemActions.js";
 import { loadInboxToastPrefs as Xe, shouldToastForMessageType as Ye, saveInboxToastPrefs as Je } from "./toastPrefs.js";
 import { DEFAULT_INBOX_TOAST_PREFS as Ut } from "./toastPrefs.js";
-import r from "./style.module.scss.js";
+import n from "./style.module.scss.js";
 import { Bell as qe } from "../../../Icons/Bell.js";
-import se, { SEMANTIC_COLORS as A } from "../../../Tag/SemanticTag.js";
+import se, { SEMANTIC_COLORS as M } from "../../../Tag/SemanticTag.js";
 import Ze from "../../../StateBar/StateBar.js";
 import et from "../../../SegmentedRadio/SegmentedRadio.js";
 import tt from "../../../Layout/PageSpin/index.js";
@@ -28,51 +28,51 @@ const at = 6e3, ot = [
   action: "行动",
   remind: "提醒"
 }, st = 300, it = 1500, ct = 72;
-function ke(u) {
+function Ce(u) {
   const o = String(u || "").trim().toLowerCase();
   return o ? lt[o] || o : "";
 }
-function Be(u) {
+function ke(u) {
   const o = String(u || "").trim().toLowerCase();
-  return o === "alert" ? A.DANGER : o === "action" ? A.PRIMARY : o === "remind" ? A.WARNING : A.DEFAULT;
+  return o === "alert" ? M.DANGER : o === "action" ? M.PRIMARY : o === "remind" ? M.WARNING : M.DEFAULT;
 }
 function dt(u) {
   return [u.factory, u.variety, u.metric].map((o) => String(o || "").trim()).filter(Boolean).join(" · ");
 }
 function ut(u) {
-  return String(u || "").trim() || A.DEFAULT;
+  return String(u || "").trim() || M.DEFAULT;
 }
 function mt(u) {
   try {
     const o = JSON.parse(u);
     if (!o || typeof o != "object") return null;
-    const O = String(o.messageType || o.message_type || "").trim(), C = String(o.title || "").trim(), _ = String(o.summary || "").trim();
-    return !O && !C && !_ ? null : {
+    const O = String(o.messageType || o.message_type || "").trim(), x = String(o.title || "").trim(), A = String(o.summary || "").trim();
+    return !O && !x && !A ? null : {
       messageType: O || void 0,
-      title: C || void 0,
-      summary: _ || void 0
+      title: x || void 0,
+      summary: A || void 0
     };
   } catch {
     return null;
   }
 }
-const Rt = Ge(function({
+const Pt = Ge(function({
   fetchInbox: o,
   markRead: O,
-  markAllRead: C,
-  onNavigate: _,
+  markAllRead: x,
+  onNavigate: A,
   pollMs: K = 0,
   locationKey: ie,
   pageSize: E = 20,
-  className: Ce,
-  title: xe = "站内信",
+  className: xe,
+  title: Be = "站内信",
   streamPath: j = "/api/v1/msg-center/inbox/stream",
   getAccessToken: V,
   onItemAction: ce
-}, Pe) {
-  const [W, x] = f(!1), [de, ue] = f(!1), [Q, me] = f(""), [I, H] = f([]), [S, U] = f(0), [fe, X] = f({}), [Y, Re] = f(""), [F, _e] = f("all"), [D, De] = f(() => Xe()), [Me, pe] = f(!1), [J, ye] = f(!1), [b, q] = f(null), L = v(null), k = v(null), Z = v(null), p = v(null), ge = v(!1), he = v(D);
-  he.current = D;
-  const ee = v(1), te = v(!1), P = v(!1), z = Se(
+}, Re) {
+  const [W, B] = f(!1), [de, ue] = f(!1), [Q, me] = f(""), [I, H] = f([]), [S, U] = f(0), [fe, X] = f({}), [Y, Pe] = f(""), [F, Ae] = f("all"), [_, _e] = f(() => Xe()), [De, pe] = f(!1), [J, ye] = f(!1), [p, q] = f(null), L = T(null), C = T(null), Z = T(null), y = T(null), ge = T(!1), ve = T(_);
+  ve.current = _;
+  const ee = T(1), te = T(!1), R = T(!1), z = Se(
     () => ({
       messageType: Y || void 0,
       unreadOnly: F === "unread" || void 0,
@@ -80,78 +80,78 @@ const Rt = Ge(function({
     }),
     [Y, F]
   ), G = N(async () => {
-    ue(!0), me(""), ee.current = 1, P.current = !1;
+    ue(!0), me(""), ee.current = 1, R.current = !1;
     try {
       const e = await o({
         currentPage: 1,
         pageSize: E,
         ...z
-      }), t = (e == null ? void 0 : e.pageData) || [], n = typeof (e == null ? void 0 : e.total) == "number" ? e.total : t.length;
-      H(t), P.current = t.length > 0 && t.length < n, U(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), X((e == null ? void 0 : e.unreadByMessageType) || {});
+      }), t = (e == null ? void 0 : e.pageData) || [], r = typeof (e == null ? void 0 : e.total) == "number" ? e.total : t.length;
+      H(t), R.current = t.length > 0 && t.length < r, U(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), X((e == null ? void 0 : e.unreadByMessageType) || {});
     } catch (e) {
-      H([]), P.current = !1, me(e instanceof Error ? e.message : String(e));
+      H([]), R.current = !1, me(e instanceof Error ? e.message : String(e));
     } finally {
       ue(!1);
     }
-  }, [o, E, z]), ve = N(async () => {
-    if (!(te.current || !P.current)) {
+  }, [o, E, z]), he = N(async () => {
+    if (!(te.current || !R.current)) {
       te.current = !0, pe(!0);
       try {
         const e = ee.current + 1, t = await o({
           currentPage: e,
           pageSize: E,
           ...z
-        }), n = (t == null ? void 0 : t.pageData) || [], l = typeof (t == null ? void 0 : t.total) == "number" ? t.total : 0;
+        }), r = (t == null ? void 0 : t.pageData) || [], l = typeof (t == null ? void 0 : t.total) == "number" ? t.total : 0;
         H((i) => {
-          const s = new Set(i.map((y) => y.id)), m = n.filter((y) => (y == null ? void 0 : y.id) && !s.has(y.id)), h = m.length ? [...i, ...m] : i;
-          return P.current = m.length > 0 && (l > 0 ? h.length < l : m.length >= E), h;
-        }), n.length && (ee.current = e), typeof (t == null ? void 0 : t.unreadTotal) == "number" && U(t.unreadTotal), t != null && t.unreadByMessageType && X(t.unreadByMessageType);
+          const s = new Set(i.map((g) => g.id)), m = r.filter((g) => (g == null ? void 0 : g.id) && !s.has(g.id)), h = m.length ? [...i, ...m] : i;
+          return R.current = m.length > 0 && (l > 0 ? h.length < l : m.length >= E), h;
+        }), r.length && (ee.current = e), typeof (t == null ? void 0 : t.unreadTotal) == "number" && U(t.unreadTotal), t != null && t.unreadByMessageType && X(t.unreadByMessageType);
       } catch {
-        P.current = !1;
+        R.current = !1;
       } finally {
         te.current = !1, pe(!1);
       }
     }
-  }, [o, E, z]), Ae = N(
+  }, [o, E, z]), Me = N(
     (e) => {
       const t = e.currentTarget;
-      t.scrollHeight - t.scrollTop - t.clientHeight <= ct && ve();
+      t.scrollHeight - t.scrollTop - t.clientHeight <= ct && he();
     },
-    [ve]
-  ), g = N(async () => {
+    [he]
+  ), v = N(async () => {
     try {
       const e = await o({ currentPage: 1, pageSize: E });
       U(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), X((e == null ? void 0 : e.unreadByMessageType) || {});
     } catch {
     }
   }, [o, E]), ne = N(() => {
-    p.current != null && (window.clearTimeout(p.current), p.current = null), q(null);
+    y.current != null && (window.clearTimeout(y.current), y.current = null), q(null);
   }, []), Te = N(() => {
-    ne(), x(!0);
+    ne(), B(!0);
   }, [ne]), be = N(() => {
     const e = Z.current;
-    if (Z.current = null, !e || !Ye(he.current, e.messageType)) return;
-    p.current != null && (window.clearTimeout(p.current), p.current = null);
+    if (Z.current = null, !e || !Ye(ve.current, e.messageType)) return;
+    y.current != null && (window.clearTimeout(y.current), y.current = null);
     const t = `inbox-badge-${e.messageType || "msg"}-${Date.now()}`;
     q({
       key: t,
       title: e.title || "新站内信",
       summary: e.summary || "",
       messageType: e.messageType
-    }), p.current = window.setTimeout(() => {
-      p.current = null, q(null);
+    }), y.current = window.setTimeout(() => {
+      y.current = null, q(null);
     }, at);
   }, []), w = N(
     (e) => {
-      e && (Z.current = e, be()), k.current != null && window.clearTimeout(k.current), k.current = window.setTimeout(() => {
-        k.current = null, g();
+      e && (Z.current = e, be()), C.current != null && window.clearTimeout(C.current), C.current = window.setTimeout(() => {
+        C.current = null, v();
       }, it);
     },
-    [g, be]
+    [v, be]
   );
-  $e(Pe, () => ({ refreshBadge: g }), [g]), T(() => {
-    g();
-  }, [g]), T(() => {
+  $e(Re, () => ({ refreshBadge: v }), [v]), b(() => {
+    v();
+  }, [v]), b(() => {
     if (ie !== void 0) {
       if (!ge.current) {
         ge.current = !0;
@@ -159,13 +159,13 @@ const Rt = Ge(function({
       }
       w();
     }
-  }, [ie, w]), T(() => {
+  }, [ie, w]), b(() => {
     if (K <= 0) return;
     const e = window.setInterval(() => {
-      g();
+      v();
     }, K);
     return () => window.clearInterval(e);
-  }, [K, g]), T(() => {
+  }, [K, v]), b(() => {
     const e = () => {
       L.current != null && window.clearTimeout(L.current), L.current = window.setTimeout(() => {
         L.current = null, w();
@@ -176,22 +176,22 @@ const Rt = Ge(function({
     return window.addEventListener("focus", e), document.addEventListener("visibilitychange", t), () => {
       window.removeEventListener("focus", e), document.removeEventListener("visibilitychange", t), L.current != null && (window.clearTimeout(L.current), L.current = null);
     };
-  }, [w]), T(() => {
+  }, [w]), b(() => {
     const e = (t) => {
-      const n = t.detail;
-      w((n == null ? void 0 : n.preview) || void 0);
+      const r = t.detail;
+      w((r == null ? void 0 : r.preview) || void 0);
     };
     return window.addEventListener(Le, e), () => window.removeEventListener(Le, e);
-  }, [w]), T(() => {
+  }, [w]), b(() => {
     Ue.destroy();
-  }, []), T(() => () => {
-    k.current != null && (window.clearTimeout(k.current), k.current = null), p.current != null && (window.clearTimeout(p.current), p.current = null);
-  }, []), T(() => {
+  }, []), b(() => () => {
+    C.current != null && (window.clearTimeout(C.current), C.current = null), y.current != null && (window.clearTimeout(y.current), y.current = null);
+  }, []), b(() => {
     if (j === !1 || typeof V != "function" || typeof window > "u" || typeof EventSource > "u") return;
     const e = String(j || "/api/v1/msg-center/inbox/stream").trim();
-    let t = !1, n = null, l = null, i = 0;
+    let t = !1, r = null, l = null, i = 0;
     const s = (c) => {
-      const B = c, He = typeof (B == null ? void 0 : B.data) == "string" ? mt(B.data) : null;
+      const k = c, He = typeof (k == null ? void 0 : k.data) == "string" ? mt(k.data) : null;
       w(He);
     }, m = () => {
       l != null && (window.clearTimeout(l), l = null);
@@ -199,34 +199,34 @@ const Rt = Ge(function({
       if (t || l != null) return;
       const c = Math.min(3e4, 1e3 * 2 ** Math.min(i, 5));
       i += 1, l = window.setTimeout(() => {
-        l = null, y();
+        l = null, g();
       }, c);
-    }, y = () => {
+    }, g = () => {
       if (t) return;
       const c = String(V() || "").trim();
       if (!c) {
         h();
         return;
       }
-      n && (n.removeEventListener("badge", s), n.removeEventListener("inbox", s), n.close(), n = null);
-      const B = new URL(e, window.location.origin);
-      B.searchParams.set("access_token", c);
+      r && (r.removeEventListener("badge", s), r.removeEventListener("inbox", s), r.close(), r = null);
+      const k = new URL(e, window.location.origin);
+      k.searchParams.set("access_token", c);
       try {
-        n = new EventSource(B.toString());
+        r = new EventSource(k.toString());
       } catch {
         h();
         return;
       }
-      n.addEventListener("badge", s), n.addEventListener("inbox", s), n.onopen = () => {
+      r.addEventListener("badge", s), r.addEventListener("inbox", s), r.onopen = () => {
         i = 0;
-      }, n.onerror = () => {
-        t || (n == null || n.close(), n = null, h());
+      }, r.onerror = () => {
+        t || (r == null || r.close(), r = null, h());
       };
     };
-    return y(), () => {
-      t = !0, m(), n && (n.removeEventListener("badge", s), n.removeEventListener("inbox", s), n.close(), n = null);
+    return g(), () => {
+      t = !0, m(), r && (r.removeEventListener("badge", s), r.removeEventListener("inbox", s), r.close(), r = null);
     };
-  }, [j, V, w]), T(() => {
+  }, [j, V, w]), b(() => {
     W && G();
   }, [W, G]);
   const Oe = Se(
@@ -239,8 +239,8 @@ const Rt = Ge(function({
     }),
     [fe, S]
   ), re = (e, t) => {
-    De((n) => {
-      const l = { ...n, [e]: t };
+    _e((r) => {
+      const l = { ...r, [e]: t };
       return Je(l), l;
     });
   }, ae = async (e, t) => {
@@ -251,55 +251,61 @@ const Rt = Ge(function({
         $.error(l instanceof Error ? l.message : "标记已读失败");
         return;
       }
-    const n = String(e.href || "").trim();
-    if (n) {
-      if (_) {
-        _(n, e), x(!1);
+    const r = String(e.href || "").trim();
+    if (r) {
+      if (A) {
+        A(r, e), B(!1);
         return;
       }
-      n.startsWith("http://") || n.startsWith("https://") ? window.open(n, "_blank", "noopener,noreferrer") : window.location.assign(n), x(!1);
+      r.startsWith("http://") || r.startsWith("https://") ? window.open(r, "_blank", "noopener,noreferrer") : window.location.assign(r), B(!1);
     }
   }, we = async (e, t) => {
     if (!t.disabled) {
       if (ce) {
         try {
-          await ce(t.kind, e), x(!1), G(), g();
-        } catch (n) {
-          $.error(n instanceof Error ? n.message : "操作失败");
+          await ce(t.kind, e), B(!1), G(), v();
+        } catch (r) {
+          $.error(r instanceof Error ? r.message : "操作失败");
         }
         return;
       }
       await ae(e);
     }
   }, Ie = async () => {
-    if (!(!C || S <= 0 || J)) {
+    if (!(!x || S <= 0 || J)) {
       ye(!0);
       try {
-        const e = await C(), t = typeof (e == null ? void 0 : e.updated) == "number" ? e.updated : void 0;
-        $.success(typeof t == "number" ? `已清空 ${t} 条未读` : "已清空未读"), await G(), await g();
+        const e = await x(), t = typeof (e == null ? void 0 : e.updated) == "number" ? e.updated : void 0;
+        $.success(typeof t == "number" ? `已清空 ${t} 条未读` : "已清空未读"), await G(), await v();
       } catch (e) {
         $.error(e instanceof Error ? e.message : "清空未读失败");
       } finally {
         ye(!1);
       }
     }
-  }, Ne = b ? ke(b.messageType) : "";
-  return /* @__PURE__ */ d("div", { className: R(r.bellWrap, Ce), children: [
+  }, Ne = p ? Ce(p.messageType) : "";
+  return /* @__PURE__ */ d("div", { className: P(n.bellWrap, xe), children: [
     /* @__PURE__ */ a(Fe, { count: S, size: "small", overflowCount: 99, offset: [-4, 4], children: /* @__PURE__ */ a(
-      M,
+      D,
       {
         type: "text",
-        className: r.bellBtn,
+        className: n.bellBtn,
         icon: /* @__PURE__ */ a(qe, { size: 16, "aria-hidden": !0 }),
         "aria-label": S > 0 ? `站内信，${S} 条未读` : "站内信",
-        onClick: () => x(!0)
+        onClick: () => B(!0)
       }
     ) }),
-    b && typeof document < "u" ? Ke(
-      /* @__PURE__ */ a("div", { className: r.toastHost, "data-testid": "inbox-live-toast-host", children: /* @__PURE__ */ d(
+    p && typeof document < "u" ? Ke(
+      /* @__PURE__ */ a("div", { className: n.toastHost, "data-testid": "inbox-live-toast-host", children: /* @__PURE__ */ d(
         "div",
         {
-          className: R("marsun-inbox-toast", r.toastNotice),
+          className: P(
+            "marsun-inbox-toast",
+            n.toastNotice,
+            p.messageType === "alert" && n.accentAlert,
+            p.messageType === "action" && n.accentAction,
+            p.messageType === "remind" && n.accentRemind
+          ),
           role: "alert",
           "data-testid": "inbox-live-toast",
           onClick: Te,
@@ -308,7 +314,7 @@ const Rt = Ge(function({
               "button",
               {
                 type: "button",
-                className: r.toastClose,
+                className: n.toastClose,
                 "aria-label": "关闭",
                 onClick: (e) => {
                   e.stopPropagation(), ne();
@@ -316,21 +322,21 @@ const Rt = Ge(function({
                 children: "×"
               }
             ),
-            /* @__PURE__ */ d("div", { className: r.toastHead, children: [
-              /* @__PURE__ */ a("span", { className: r.toastTitle, children: le(b.title) }),
+            /* @__PURE__ */ d("div", { className: n.toastHead, children: [
+              /* @__PURE__ */ a("span", { className: n.toastTitle, children: le(p.title) }),
               Ne ? /* @__PURE__ */ a(
                 se,
                 {
-                  color: Be(b.messageType),
-                  className: r.typeTag,
+                  color: ke(p.messageType),
+                  className: n.typeTag,
                   children: Ne
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ d("div", { className: r.toastBody, children: [
-              b.summary ? /* @__PURE__ */ a("div", { className: r.toastDesc, children: le(b.summary) }) : null,
-              /* @__PURE__ */ a("div", { className: r.toastActions, children: /* @__PURE__ */ a(
-                M,
+            /* @__PURE__ */ d("div", { className: n.toastBody, children: [
+              p.summary ? /* @__PURE__ */ a("div", { className: n.toastDesc, children: le(p.summary) }) : null,
+              /* @__PURE__ */ a("div", { className: n.toastActions, children: /* @__PURE__ */ a(
+                D,
                 {
                   type: "primary",
                   size: "small",
@@ -343,19 +349,19 @@ const Rt = Ge(function({
             ] })
           ]
         },
-        b.key
+        p.key
       ) }),
       document.body
     ) : null,
     /* @__PURE__ */ d(
       ze,
       {
-        title: xe,
+        title: Be,
         open: W,
-        onClose: () => x(!1),
+        onClose: () => B(!1),
         size: 420,
         destroyOnClose: !1,
-        className: r.drawer,
+        className: n.drawer,
         styles: {
           header: { padding: "12px 16px" },
           body: { padding: "12px 16px" }
@@ -364,21 +370,21 @@ const Rt = Ge(function({
           /* @__PURE__ */ a(
             Ze,
             {
-              className: r.typeTabs,
+              className: n.typeTabs,
               size: "small",
               activeKey: Y || "all",
-              onChange: (e) => Re(e === "all" ? "" : e),
+              onChange: (e) => Pe(e === "all" ? "" : e),
               stateOption: Oe,
               isInner: !0
             }
           ),
-          /* @__PURE__ */ d("div", { className: r.filterRow, children: [
+          /* @__PURE__ */ d("div", { className: n.filterRow, children: [
             /* @__PURE__ */ a(
               et,
               {
                 size: "small",
                 value: F,
-                onChange: (e) => _e(e),
+                onChange: (e) => Ae(e),
                 options: [
                   { value: "all", label: "全部" },
                   { value: "unread", label: "未读" },
@@ -386,12 +392,12 @@ const Rt = Ge(function({
                 ]
               }
             ),
-            C ? /* @__PURE__ */ a(
-              M,
+            x ? /* @__PURE__ */ a(
+              D,
               {
                 type: "link",
                 size: "small",
-                className: r.clearUnreadBtn,
+                className: n.clearUnreadBtn,
                 "data-testid": "inbox-clear-unread",
                 loading: J,
                 disabled: S <= 0 || J,
@@ -400,14 +406,14 @@ const Rt = Ge(function({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ d("div", { className: r.toastPrefs, "data-testid": "inbox-toast-prefs", children: [
-            /* @__PURE__ */ a("div", { className: r.toastPrefsTitle, children: "消息提示" }),
-            /* @__PURE__ */ a("p", { className: r.toastPrefsHint, children: "本机浏览器偏好，非租户策略" }),
+          /* @__PURE__ */ d("div", { className: n.toastPrefs, "data-testid": "inbox-toast-prefs", children: [
+            /* @__PURE__ */ a("div", { className: n.toastPrefsTitle, children: "消息提示" }),
+            /* @__PURE__ */ a("p", { className: n.toastPrefsHint, children: "本机浏览器偏好，非租户策略" }),
             /* @__PURE__ */ d(Ee, { size: 12, wrap: !0, children: [
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: D.alert,
+                  checked: _.alert,
                   onChange: (e) => re("alert", e.target.checked),
                   children: "预警弹出"
                 }
@@ -415,7 +421,7 @@ const Rt = Ge(function({
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: D.action,
+                  checked: _.action,
                   onChange: (e) => re("action", e.target.checked),
                   children: "行动弹出"
                 }
@@ -423,34 +429,40 @@ const Rt = Ge(function({
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: D.remind,
+                  checked: _.remind,
                   onChange: (e) => re("remind", e.target.checked),
                   children: "提醒弹出"
                 }
               )
             ] })
           ] }),
-          Q ? /* @__PURE__ */ a("p", { className: r.error, children: Q }) : null,
-          /* @__PURE__ */ a("div", { className: R("inbox-bell-list-pane", r.listPane), children: /* @__PURE__ */ a(tt, { spinning: de && I.length === 0, children: !de && !Q && I.length === 0 ? /* @__PURE__ */ a(nt, { description: "暂无站内信" }) : I.length === 0 ? null : /* @__PURE__ */ d(
+          Q ? /* @__PURE__ */ a("p", { className: n.error, children: Q }) : null,
+          /* @__PURE__ */ a("div", { className: P("inbox-bell-list-pane", n.listPane), children: /* @__PURE__ */ a(tt, { spinning: de && I.length === 0, children: !de && !Q && I.length === 0 ? /* @__PURE__ */ a(nt, { description: "暂无站内信" }) : I.length === 0 ? null : /* @__PURE__ */ d(
             rt,
             {
-              wrapperClassName: R("inbox-bell-list-scroll", r.listScroll),
-              className: r.listViewport,
+              wrapperClassName: P("inbox-bell-list-scroll", n.listScroll),
+              className: n.listViewport,
               "data-testid": "inbox-bell-list-scroll",
-              onScroll: Ae,
+              onScroll: Me,
               children: [
-                /* @__PURE__ */ a("ul", { className: r.list, children: I.map((e) => {
-                  const t = ke(e.messageType), n = String(e.levelLabel || e.level || "").trim(), l = !!n, i = je(e.bodyHtml), s = Ve(
+                /* @__PURE__ */ a("ul", { className: n.list, children: I.map((e) => {
+                  const t = Ce(e.messageType), r = String(e.levelLabel || e.level || "").trim(), l = !!r, i = je(e.bodyHtml), s = Ve(
                     We(e)
-                  ), m = Qe(e), h = dt(e), y = !!s.primary;
+                  ), m = Qe(e), h = dt(e), g = !!s.primary;
                   return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ d(
                     "div",
                     {
-                      className: R(
-                        r.item,
-                        !e.read && r.itemUnread,
-                        m && r.itemStatic
+                      className: P(
+                        n.item,
+                        !e.read && n.itemUnread,
+                        m && n.itemStatic,
+                        e.messageType === "alert" && n.accentAlert,
+                        e.messageType === "action" && n.accentAction,
+                        e.messageType === "remind" && n.accentRemind
                       ),
+                      style: e.levelColor ? {
+                        "--inbox-accent": e.levelColor
+                      } : void 0,
                       role: m ? void 0 : "button",
                       tabIndex: m ? void 0 : 0,
                       onClick: m ? void 0 : () => void ae(e),
@@ -458,46 +470,47 @@ const Rt = Ge(function({
                         (c.key === "Enter" || c.key === " ") && (c.preventDefault(), ae(e));
                       },
                       children: [
-                        /* @__PURE__ */ d("div", { className: r.itemHeader, children: [
-                          /* @__PURE__ */ d("span", { className: r.itemHeaderLeft, children: [
-                            /* @__PURE__ */ a("span", { className: r.itemTitle, title: e.title || "（无标题）", children: e.title || "（无标题）" }),
+                        /* @__PURE__ */ a("div", { className: n.itemRibbon, "aria-hidden": !0 }),
+                        /* @__PURE__ */ d("div", { className: n.itemHeader, children: [
+                          /* @__PURE__ */ d("span", { className: n.itemHeaderLeft, children: [
                             t ? /* @__PURE__ */ a(
                               se,
                               {
-                                color: Be(e.messageType),
-                                className: r.typeTag,
+                                color: ke(e.messageType),
+                                className: n.typeTag,
                                 children: t
                               }
-                            ) : null
+                            ) : null,
+                            /* @__PURE__ */ a("span", { className: n.itemTitle, title: e.title || "（无标题）", children: e.title || "（无标题）" })
                           ] }),
-                          /* @__PURE__ */ a("span", { className: r.itemTime, children: e.createdAt || "" })
+                          /* @__PURE__ */ a("span", { className: n.itemTime, children: e.createdAt || "" })
                         ] }),
-                        /* @__PURE__ */ a("div", { className: r.itemBody, children: i ? /* @__PURE__ */ a(
+                        /* @__PURE__ */ a("div", { className: n.itemBody, children: i ? /* @__PURE__ */ a(
                           "div",
                           {
-                            className: r.itemBodyHtml,
+                            className: n.itemBodyHtml,
                             dangerouslySetInnerHTML: { __html: i }
                           }
-                        ) : e.summary ? /* @__PURE__ */ a("span", { className: r.itemSummary, children: le(e.summary) }) : null }),
-                        h ? /* @__PURE__ */ a("span", { className: r.itemMeta, children: h }) : null,
-                        l ? /* @__PURE__ */ a("div", { className: r.itemFooterTags, children: /* @__PURE__ */ a(
+                        ) : e.summary ? /* @__PURE__ */ a("span", { className: n.itemSummary, children: le(e.summary) }) : null }),
+                        h ? /* @__PURE__ */ a("span", { className: n.itemMeta, children: h }) : null,
+                        l ? /* @__PURE__ */ a("div", { className: n.itemFooterTags, children: /* @__PURE__ */ a(
                           se,
                           {
                             color: ut(e.levelColor),
                             selected: !0,
-                            className: r.typeTag,
-                            children: n
+                            className: n.typeTag,
+                            children: r
                           }
                         ) }) : null,
-                        y && s.primary ? /* @__PURE__ */ a(
+                        g && s.primary ? /* @__PURE__ */ a(
                           "div",
                           {
-                            className: r.itemActions,
+                            className: n.itemActions,
                             onClick: (c) => c.stopPropagation(),
                             onKeyDown: (c) => c.stopPropagation(),
                             children: /* @__PURE__ */ d(Ee, { size: 8, wrap: !0, children: [
                               /* @__PURE__ */ a(
-                                M,
+                                D,
                                 {
                                   size: "small",
                                   type: "primary",
@@ -506,7 +519,7 @@ const Rt = Ge(function({
                                 }
                               ),
                               s.secondary ? /* @__PURE__ */ a(
-                                M,
+                                D,
                                 {
                                   size: "small",
                                   type: "link",
@@ -521,7 +534,7 @@ const Rt = Ge(function({
                     }
                   ) }, e.id);
                 }) }),
-                Me ? /* @__PURE__ */ a("p", { className: R("inbox-bell-list-footer", r.listFooter), children: "加载中…" }) : null
+                De ? /* @__PURE__ */ a("p", { className: P("inbox-bell-list-footer", n.listFooter), children: "加载中…" }) : null
               ]
             }
           ) }) })
@@ -532,11 +545,11 @@ const Rt = Ge(function({
 });
 export {
   Ut as DEFAULT_INBOX_TOAST_PREFS,
-  Rt as default,
+  Pt as default,
   Ve as filterInboxActionsForHost,
-  Mt as inboxSceneLabel,
+  Dt as inboxSceneLabel,
   Qe as isInboxButtonDriven,
-  At as isTerminalActionStatus,
+  Mt as isTerminalActionStatus,
   Xe as loadInboxToastPrefs,
   Ot as normalizeInboxActions,
   We as resolveInboxItemActions,