@hkyhy/marsun-components-core 0.1.140 → 0.1.141

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

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 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 R 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";
@@ -10,7 +10,7 @@ import { filterInboxActionsForHost as Ve, resolveInboxItemActions as We, isInbox
 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 n from "./style.module.scss.js";
+import r from "./style.module.scss.js";
 import { Bell as qe } from "../../../Icons/Bell.js";
 import se, { SEMANTIC_COLORS as M } from "../../../Tag/SemanticTag.js";
 import Ze from "../../../StateBar/StateBar.js";
@@ -28,11 +28,11 @@ const at = 6e3, ot = [
   action: "行动",
   remind: "提醒"
 }, st = 300, it = 1500, ct = 72;
-function Ce(u) {
+function ke(u) {
   const o = String(u || "").trim().toLowerCase();
   return o ? lt[o] || o : "";
 }
-function ke(u) {
+function Be(u) {
   const o = String(u || "").trim().toLowerCase();
   return o === "alert" ? M.DANGER : o === "action" ? M.PRIMARY : o === "remind" ? M.WARNING : M.DEFAULT;
 }
@@ -46,33 +46,33 @@ 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(), x = String(o.title || "").trim(), A = String(o.summary || "").trim();
-    return !O && !x && !A ? null : {
+    const O = String(o.messageType || o.message_type || "").trim(), C = String(o.title || "").trim(), _ = String(o.summary || "").trim();
+    return !O && !C && !_ ? null : {
       messageType: O || void 0,
-      title: x || void 0,
-      summary: A || void 0
+      title: C || void 0,
+      summary: _ || void 0
     };
   } catch {
     return null;
   }
 }
-const Pt = Ge(function({
+const Rt = Ge(function({
   fetchInbox: o,
   markRead: O,
-  markAllRead: x,
-  onNavigate: A,
+  markAllRead: C,
+  onNavigate: _,
   pollMs: K = 0,
   locationKey: ie,
   pageSize: E = 20,
-  className: xe,
-  title: Be = "站内信",
+  className: Ce,
+  title: xe = "站内信",
   streamPath: j = "/api/v1/msg-center/inbox/stream",
   getAccessToken: V,
   onItemAction: ce
-}, 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(
+}, 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"), [A, Ae] = f(() => Xe()), [De, pe] = f(!1), [J, ye] = f(!1), [p, q] = f(null), L = T(null), k = T(null), Z = T(null), y = T(null), ge = T(!1), he = T(A);
+  he.current = A;
+  const ee = T(1), te = T(!1), P = T(!1), z = Se(
     () => ({
       messageType: Y || void 0,
       unreadOnly: F === "unread" || void 0,
@@ -80,34 +80,34 @@ const Pt = Ge(function({
     }),
     [Y, F]
   ), G = N(async () => {
-    ue(!0), me(""), ee.current = 1, R.current = !1;
+    ue(!0), me(""), ee.current = 1, P.current = !1;
     try {
       const e = await o({
         currentPage: 1,
         pageSize: E,
         ...z
-      }), 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) || {});
+      }), 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) || {});
     } catch (e) {
-      H([]), R.current = !1, me(e instanceof Error ? e.message : String(e));
+      H([]), P.current = !1, me(e instanceof Error ? e.message : String(e));
     } finally {
       ue(!1);
     }
-  }, [o, E, z]), he = N(async () => {
-    if (!(te.current || !R.current)) {
+  }, [o, E, z]), ve = N(async () => {
+    if (!(te.current || !P.current)) {
       te.current = !0, pe(!0);
       try {
         const e = ee.current + 1, t = await o({
           currentPage: e,
           pageSize: E,
           ...z
-        }), r = (t == null ? void 0 : t.pageData) || [], l = typeof (t == null ? void 0 : t.total) == "number" ? t.total : 0;
+        }), n = (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((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);
+          const s = new Set(i.map((g) => g.id)), m = n.filter((g) => (g == null ? void 0 : g.id) && !s.has(g.id)), v = m.length ? [...i, ...m] : i;
+          return P.current = m.length > 0 && (l > 0 ? v.length < l : m.length >= E), v;
+        }), n.length && (ee.current = e), typeof (t == null ? void 0 : t.unreadTotal) == "number" && U(t.unreadTotal), t != null && t.unreadByMessageType && X(t.unreadByMessageType);
       } catch {
-        R.current = !1;
+        P.current = !1;
       } finally {
         te.current = !1, pe(!1);
       }
@@ -115,10 +115,10 @@ const Pt = Ge(function({
   }, [o, E, z]), Me = N(
     (e) => {
       const t = e.currentTarget;
-      t.scrollHeight - t.scrollTop - t.clientHeight <= ct && he();
+      t.scrollHeight - t.scrollTop - t.clientHeight <= ct && ve();
     },
-    [he]
-  ), v = N(async () => {
+    [ve]
+  ), h = 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) || {});
@@ -127,10 +127,10 @@ const Pt = Ge(function({
   }, [o, E]), ne = N(() => {
     y.current != null && (window.clearTimeout(y.current), y.current = null), q(null);
   }, []), Te = N(() => {
-    ne(), B(!0);
+    ne(), x(!0);
   }, [ne]), be = N(() => {
     const e = Z.current;
-    if (Z.current = null, !e || !Ye(ve.current, e.messageType)) return;
+    if (Z.current = null, !e || !Ye(he.current, e.messageType)) return;
     y.current != null && (window.clearTimeout(y.current), y.current = null);
     const t = `inbox-badge-${e.messageType || "msg"}-${Date.now()}`;
     q({
@@ -143,15 +143,15 @@ const Pt = Ge(function({
     }, at);
   }, []), w = N(
     (e) => {
-      e && (Z.current = e, be()), C.current != null && window.clearTimeout(C.current), C.current = window.setTimeout(() => {
-        C.current = null, v();
+      e && (Z.current = e, be()), k.current != null && window.clearTimeout(k.current), k.current = window.setTimeout(() => {
+        k.current = null, h();
       }, it);
     },
-    [v, be]
+    [h, be]
   );
-  $e(Re, () => ({ refreshBadge: v }), [v]), b(() => {
-    v();
-  }, [v]), b(() => {
+  $e(Pe, () => ({ refreshBadge: h }), [h]), b(() => {
+    h();
+  }, [h]), b(() => {
     if (ie !== void 0) {
       if (!ge.current) {
         ge.current = !0;
@@ -162,10 +162,10 @@ const Pt = Ge(function({
   }, [ie, w]), b(() => {
     if (K <= 0) return;
     const e = window.setInterval(() => {
-      v();
+      h();
     }, K);
     return () => window.clearInterval(e);
-  }, [K, v]), b(() => {
+  }, [K, h]), b(() => {
     const e = () => {
       L.current != null && window.clearTimeout(L.current), L.current = window.setTimeout(() => {
         L.current = null, w();
@@ -178,24 +178,24 @@ const Pt = Ge(function({
     };
   }, [w]), b(() => {
     const e = (t) => {
-      const r = t.detail;
-      w((r == null ? void 0 : r.preview) || void 0);
+      const n = t.detail;
+      w((n == null ? void 0 : n.preview) || void 0);
     };
     return window.addEventListener(Le, e), () => window.removeEventListener(Le, e);
   }, [w]), b(() => {
     Ue.destroy();
   }, []), b(() => () => {
-    C.current != null && (window.clearTimeout(C.current), C.current = null), y.current != null && (window.clearTimeout(y.current), y.current = null);
+    k.current != null && (window.clearTimeout(k.current), k.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, r = null, l = null, i = 0;
+    let t = !1, n = null, l = null, i = 0;
     const s = (c) => {
-      const k = c, He = typeof (k == null ? void 0 : k.data) == "string" ? mt(k.data) : null;
+      const B = c, He = typeof (B == null ? void 0 : B.data) == "string" ? mt(B.data) : null;
       w(He);
     }, m = () => {
       l != null && (window.clearTimeout(l), l = null);
-    }, h = () => {
+    }, v = () => {
       if (t || l != null) return;
       const c = Math.min(3e4, 1e3 * 2 ** Math.min(i, 5));
       i += 1, l = window.setTimeout(() => {
@@ -205,26 +205,26 @@ const Pt = Ge(function({
       if (t) return;
       const c = String(V() || "").trim();
       if (!c) {
-        h();
+        v();
         return;
       }
-      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);
+      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);
       try {
-        r = new EventSource(k.toString());
+        n = new EventSource(B.toString());
       } catch {
-        h();
+        v();
         return;
       }
-      r.addEventListener("badge", s), r.addEventListener("inbox", s), r.onopen = () => {
+      n.addEventListener("badge", s), n.addEventListener("inbox", s), n.onopen = () => {
         i = 0;
-      }, r.onerror = () => {
-        t || (r == null || r.close(), r = null, h());
+      }, n.onerror = () => {
+        t || (n == null || n.close(), n = null, v());
       };
     };
     return g(), () => {
-      t = !0, m(), r && (r.removeEventListener("badge", s), r.removeEventListener("inbox", s), r.close(), r = null);
+      t = !0, m(), n && (n.removeEventListener("badge", s), n.removeEventListener("inbox", s), n.close(), n = null);
     };
   }, [j, V, w]), b(() => {
     W && G();
@@ -239,8 +239,8 @@ const Pt = Ge(function({
     }),
     [fe, S]
   ), re = (e, t) => {
-    _e((r) => {
-      const l = { ...r, [e]: t };
+    Ae((n) => {
+      const l = { ...n, [e]: t };
       return Je(l), l;
     });
   }, ae = async (e, t) => {
@@ -251,60 +251,60 @@ const Pt = Ge(function({
         $.error(l instanceof Error ? l.message : "标记已读失败");
         return;
       }
-    const r = String(e.href || "").trim();
-    if (r) {
-      if (A) {
-        A(r, e), B(!1);
+    const n = String(e.href || "").trim();
+    if (n) {
+      if (_) {
+        _(n, e), x(!1);
         return;
       }
-      r.startsWith("http://") || r.startsWith("https://") ? window.open(r, "_blank", "noopener,noreferrer") : window.location.assign(r), B(!1);
+      n.startsWith("http://") || n.startsWith("https://") ? window.open(n, "_blank", "noopener,noreferrer") : window.location.assign(n), x(!1);
     }
   }, we = async (e, t) => {
     if (!t.disabled) {
       if (ce) {
         try {
-          await ce(t.kind, e), B(!1), G(), v();
-        } catch (r) {
-          $.error(r instanceof Error ? r.message : "操作失败");
+          await ce(t.kind, e), x(!1), G(), h();
+        } catch (n) {
+          $.error(n instanceof Error ? n.message : "操作失败");
         }
         return;
       }
       await ae(e);
     }
   }, Ie = async () => {
-    if (!(!x || S <= 0 || J)) {
+    if (!(!C || S <= 0 || J)) {
       ye(!0);
       try {
-        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();
+        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 h();
       } catch (e) {
         $.error(e instanceof Error ? e.message : "清空未读失败");
       } finally {
         ye(!1);
       }
     }
-  }, Ne = p ? Ce(p.messageType) : "";
-  return /* @__PURE__ */ d("div", { className: P(n.bellWrap, xe), children: [
+  }, Ne = p ? ke(p.messageType) : "";
+  return /* @__PURE__ */ d("div", { className: R(r.bellWrap, Ce), children: [
     /* @__PURE__ */ a(Fe, { count: S, size: "small", overflowCount: 99, offset: [-4, 4], children: /* @__PURE__ */ a(
       D,
       {
         type: "text",
-        className: n.bellBtn,
+        className: r.bellBtn,
         icon: /* @__PURE__ */ a(qe, { size: 16, "aria-hidden": !0 }),
         "aria-label": S > 0 ? `站内信，${S} 条未读` : "站内信",
-        onClick: () => B(!0)
+        onClick: () => x(!0)
       }
     ) }),
     p && typeof document < "u" ? Ke(
-      /* @__PURE__ */ a("div", { className: n.toastHost, "data-testid": "inbox-live-toast-host", children: /* @__PURE__ */ d(
+      /* @__PURE__ */ a("div", { className: r.toastHost, "data-testid": "inbox-live-toast-host", children: /* @__PURE__ */ d(
         "div",
         {
-          className: P(
+          className: R(
             "marsun-inbox-toast",
-            n.toastNotice,
-            p.messageType === "alert" && n.accentAlert,
-            p.messageType === "action" && n.accentAction,
-            p.messageType === "remind" && n.accentRemind
+            r.toastNotice,
+            p.messageType === "alert" && r.accentAlert,
+            p.messageType === "action" && r.accentAction,
+            p.messageType === "remind" && r.accentRemind
           ),
           role: "alert",
           "data-testid": "inbox-live-toast",
@@ -314,7 +314,7 @@ const Pt = Ge(function({
               "button",
               {
                 type: "button",
-                className: n.toastClose,
+                className: r.toastClose,
                 "aria-label": "关闭",
                 onClick: (e) => {
                   e.stopPropagation(), ne();
@@ -322,20 +322,20 @@ const Pt = Ge(function({
                 children: "×"
               }
             ),
-            /* @__PURE__ */ d("div", { className: n.toastHead, children: [
-              /* @__PURE__ */ a("span", { className: n.toastTitle, children: le(p.title) }),
+            /* @__PURE__ */ d("div", { className: r.toastHead, children: [
+              /* @__PURE__ */ a("span", { className: r.toastTitle, children: le(p.title) }),
               Ne ? /* @__PURE__ */ a(
                 se,
                 {
-                  color: ke(p.messageType),
-                  className: n.typeTag,
+                  color: Be(p.messageType),
+                  className: r.typeTag,
                   children: Ne
                 }
               ) : null
             ] }),
-            /* @__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(
+            /* @__PURE__ */ d("div", { className: r.toastBody, children: [
+              p.summary ? /* @__PURE__ */ a("div", { className: r.toastDesc, children: le(p.summary) }) : null,
+              /* @__PURE__ */ a("div", { className: r.toastActions, children: /* @__PURE__ */ a(
                 D,
                 {
                   type: "primary",
@@ -356,12 +356,12 @@ const Pt = Ge(function({
     /* @__PURE__ */ d(
       ze,
       {
-        title: Be,
+        title: xe,
         open: W,
-        onClose: () => B(!1),
+        onClose: () => x(!1),
         size: 420,
         destroyOnClose: !1,
-        className: n.drawer,
+        className: r.drawer,
         styles: {
           header: { padding: "12px 16px" },
           body: { padding: "12px 16px" }
@@ -370,21 +370,21 @@ const Pt = Ge(function({
           /* @__PURE__ */ a(
             Ze,
             {
-              className: n.typeTabs,
+              className: r.typeTabs,
               size: "small",
               activeKey: Y || "all",
-              onChange: (e) => Pe(e === "all" ? "" : e),
+              onChange: (e) => Re(e === "all" ? "" : e),
               stateOption: Oe,
               isInner: !0
             }
           ),
-          /* @__PURE__ */ d("div", { className: n.filterRow, children: [
+          /* @__PURE__ */ d("div", { className: r.filterRow, children: [
             /* @__PURE__ */ a(
               et,
               {
                 size: "small",
                 value: F,
-                onChange: (e) => Ae(e),
+                onChange: (e) => _e(e),
                 options: [
                   { value: "all", label: "全部" },
                   { value: "unread", label: "未读" },
@@ -392,12 +392,12 @@ const Pt = Ge(function({
                 ]
               }
             ),
-            x ? /* @__PURE__ */ a(
+            C ? /* @__PURE__ */ a(
               D,
               {
                 type: "link",
                 size: "small",
-                className: n.clearUnreadBtn,
+                className: r.clearUnreadBtn,
                 "data-testid": "inbox-clear-unread",
                 loading: J,
                 disabled: S <= 0 || J,
@@ -406,14 +406,14 @@ const Pt = Ge(function({
               }
             ) : null
           ] }),
-          /* @__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("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(Ee, { size: 12, wrap: !0, children: [
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: _.alert,
+                  checked: A.alert,
                   onChange: (e) => re("alert", e.target.checked),
                   children: "预警弹出"
                 }
@@ -421,7 +421,7 @@ const Pt = Ge(function({
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: _.action,
+                  checked: A.action,
                   onChange: (e) => re("action", e.target.checked),
                   children: "行动弹出"
                 }
@@ -429,40 +429,34 @@ const Pt = Ge(function({
               /* @__PURE__ */ a(
                 oe,
                 {
-                  checked: _.remind,
+                  checked: A.remind,
                   onChange: (e) => re("remind", e.target.checked),
                   children: "提醒弹出"
                 }
               )
             ] })
           ] }),
-          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(
+          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(
             rt,
             {
-              wrapperClassName: P("inbox-bell-list-scroll", n.listScroll),
-              className: n.listViewport,
+              wrapperClassName: R("inbox-bell-list-scroll", r.listScroll),
+              className: r.listViewport,
               "data-testid": "inbox-bell-list-scroll",
               onScroll: Me,
               children: [
-                /* @__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(
+                /* @__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(
                     We(e)
-                  ), m = Qe(e), h = dt(e), g = !!s.primary;
+                  ), m = Qe(e), v = dt(e), g = !!s.primary;
                   return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ d(
                     "div",
                     {
-                      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
+                      className: R(
+                        r.item,
+                        !e.read && r.itemUnread,
+                        m && r.itemStatic
                       ),
-                      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),
@@ -470,42 +464,41 @@ const Pt = Ge(function({
                         (c.key === "Enter" || c.key === " ") && (c.preventDefault(), ae(e));
                       },
                       children: [
-                        /* @__PURE__ */ a("div", { className: n.itemRibbon, "aria-hidden": !0 }),
-                        /* @__PURE__ */ d("div", { className: n.itemHeader, children: [
-                          /* @__PURE__ */ d("span", { className: n.itemHeaderLeft, 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 || "（无标题）" }),
                             t ? /* @__PURE__ */ a(
                               se,
                               {
-                                color: ke(e.messageType),
-                                className: n.typeTag,
+                                color: Be(e.messageType),
+                                className: r.typeTag,
                                 children: t
                               }
-                            ) : null,
-                            /* @__PURE__ */ a("span", { className: n.itemTitle, title: e.title || "（无标题）", children: e.title || "（无标题）" })
+                            ) : null
                           ] }),
-                          /* @__PURE__ */ a("span", { className: n.itemTime, children: e.createdAt || "" })
+                          /* @__PURE__ */ a("span", { className: r.itemTime, children: e.createdAt || "" })
                         ] }),
-                        /* @__PURE__ */ a("div", { className: n.itemBody, children: i ? /* @__PURE__ */ a(
+                        /* @__PURE__ */ a("div", { className: r.itemBody, children: i ? /* @__PURE__ */ a(
                           "div",
                           {
-                            className: n.itemBodyHtml,
+                            className: r.itemBodyHtml,
                             dangerouslySetInnerHTML: { __html: i }
                           }
-                        ) : 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(
+                        ) : e.summary ? /* @__PURE__ */ a("span", { className: r.itemSummary, children: le(e.summary) }) : null }),
+                        v ? /* @__PURE__ */ a("span", { className: r.itemMeta, children: v }) : null,
+                        l ? /* @__PURE__ */ a("div", { className: r.itemFooterTags, children: /* @__PURE__ */ a(
                           se,
                           {
                             color: ut(e.levelColor),
                             selected: !0,
-                            className: n.typeTag,
-                            children: r
+                            className: r.typeTag,
+                            children: n
                           }
                         ) }) : null,
                         g && s.primary ? /* @__PURE__ */ a(
                           "div",
                           {
-                            className: n.itemActions,
+                            className: r.itemActions,
                             onClick: (c) => c.stopPropagation(),
                             onKeyDown: (c) => c.stopPropagation(),
                             children: /* @__PURE__ */ d(Ee, { size: 8, wrap: !0, children: [
@@ -534,7 +527,7 @@ const Pt = Ge(function({
                     }
                   ) }, e.id);
                 }) }),
-                De ? /* @__PURE__ */ a("p", { className: P("inbox-bell-list-footer", n.listFooter), children: "加载中…" }) : null
+                De ? /* @__PURE__ */ a("p", { className: R("inbox-bell-list-footer", r.listFooter), children: "加载中…" }) : null
               ]
             }
           ) }) })
@@ -545,7 +538,7 @@ const Pt = Ge(function({
 });
 export {
   Ut as DEFAULT_INBOX_TOAST_PREFS,
-  Pt as default,
+  Rt as default,
   Ve as filterInboxActionsForHost,
   Dt as inboxSceneLabel,
   Qe as isInboxButtonDriven,