@hkyhy/marsun-components-core 0.1.125 → 0.1.126

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

@@ -1,183 +1,214 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { Badge as Te, Button as B, Drawer as be, Space as ae, Checkbox as $, notification as oe, message as se } from "antd";
-import j from "classnames";
-import { forwardRef as we, useState as y, useRef as G, useCallback as ie, useImperativeHandle as Ne, useEffect as g, useMemo as Se } from "react";
-import { sanitizeInboxHtml as Ee } from "../sanitizeInboxHtml.js";
-import { INBOX_BADGE_REFRESH_EVENT as le } from "../requestInboxBadgeRefresh.js";
-import { emphasizeQuoted as C } from "./emphasizeQuoted.js";
-import { filterInboxActionsForHost as ke, resolveInboxItemActions as Le, isInboxButtonDriven as xe } from "./inboxItemActions.js";
-import { inboxSceneLabel as it, isTerminalActionStatus as lt, normalizeInboxActions as ct } from "./inboxItemActions.js";
-import { loadInboxToastPrefs as Be, shouldToastForMessageType as Ce, saveInboxToastPrefs as Pe } from "./toastPrefs.js";
-import { DEFAULT_INBOX_TOAST_PREFS as mt } from "./toastPrefs.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { Badge as xe, Button as I, Drawer as Ce, Space as ue, Checkbox as J, notification as me, message as pe } from "antd";
+import S from "classnames";
+import { forwardRef as Pe, useState as g, useRef as E, useMemo as fe, useCallback as O, useImperativeHandle as Re, useEffect as b } from "react";
+import { sanitizeInboxHtml as Ae } from "../sanitizeInboxHtml.js";
+import { INBOX_BADGE_REFRESH_EVENT as ye } from "../requestInboxBadgeRefresh.js";
+import { emphasizeQuoted as H } from "./emphasizeQuoted.js";
+import { filterInboxActionsForHost as De, resolveInboxItemActions as _e, isInboxButtonDriven as Me } from "./inboxItemActions.js";
+import { inboxSceneLabel as vt, isTerminalActionStatus as bt, normalizeInboxActions as Tt, resolveInboxSceneKey as wt } from "./inboxItemActions.js";
+import { loadInboxToastPrefs as Ie, shouldToastForMessageType as Oe, saveInboxToastPrefs as He } from "./toastPrefs.js";
+import { DEFAULT_INBOX_TOAST_PREFS as St } from "./toastPrefs.js";
 import n from "./style.module.scss.js";
-import { Bell as Ie } from "../../../Icons/Bell.js";
-import Re from "../../../StateBar/StateBar.js";
-import Ae from "../../../SegmentedRadio/SegmentedRadio.js";
-import De from "../../../Layout/PageSpin/index.js";
-import _e from "../../../Empty/Empty.js";
-import P, { SEMANTIC_COLORS as S } from "../../../Tag/SemanticTag.js";
-const Oe = [
+import { Bell as Fe } from "../../../Icons/Bell.js";
+import Ue from "../../../StateBar/StateBar.js";
+import ze from "../../../SegmentedRadio/SegmentedRadio.js";
+import Ge from "../../../Layout/PageSpin/index.js";
+import Ke from "../../../Empty/Empty.js";
+import $e from "../../../VirtualScrollbar/VirtualScrollbar/index.js";
+import F, { SEMANTIC_COLORS as x } from "../../../Tag/SemanticTag.js";
+const je = [
   { key: "", label: "全部" },
   { key: "alert", label: "预警" },
   { key: "action", label: "行动" },
   { key: "remind", label: "提醒" }
-], ze = {
+], Ve = {
   alert: "预警",
   action: "行动",
   remind: "提醒"
-}, He = 300;
-function ce(l) {
-  const r = String(l || "").trim().toLowerCase();
-  return r ? ze[r] || r : "";
+}, We = 300, Qe = 72;
+function ge(u) {
+  const a = String(u || "").trim().toLowerCase();
+  return a ? Ve[a] || a : "";
 }
-function K(l) {
-  const r = String(l || "").trim().toLowerCase();
-  return r === "alert" ? S.DANGER : r === "action" ? S.PRIMARY : r === "remind" ? S.WARNING : S.DEFAULT;
+function q(u) {
+  const a = String(u || "").trim().toLowerCase();
+  return a === "alert" ? x.DANGER : a === "action" ? x.PRIMARY : a === "remind" ? x.WARNING : x.DEFAULT;
 }
-function Fe(l) {
-  return [l.factory, l.variety, l.metric].map((r) => String(r || "").trim()).filter(Boolean).join(" · ");
+function Xe(u) {
+  return [u.factory, u.variety, u.metric].map((a) => String(a || "").trim()).filter(Boolean).join(" · ");
 }
-function Me(l) {
-  return String(l || "").trim() || S.DEFAULT;
+function Ye(u) {
+  return String(u || "").trim() || x.DEFAULT;
 }
-function Ue(l) {
+function Je(u) {
   try {
-    const r = JSON.parse(l);
-    if (!r || typeof r != "object") return null;
-    const E = String(r.messageType || r.message_type || "").trim(), T = String(r.title || "").trim(), h = String(r.summary || "").trim();
-    return !E && !T && !h ? null : {
-      messageType: E || void 0,
-      title: T || void 0,
-      summary: h || void 0
+    const a = JSON.parse(u);
+    if (!a || typeof a != "object") return null;
+    const C = String(a.messageType || a.message_type || "").trim(), L = String(a.title || "").trim(), T = String(a.summary || "").trim();
+    return !C && !L && !T ? null : {
+      messageType: C || void 0,
+      title: L || void 0,
+      summary: T || void 0
     };
   } catch {
     return null;
   }
 }
-const at = we(function({
-  fetchInbox: r,
-  markRead: E,
-  onNavigate: T,
-  pollMs: h = 0,
-  locationKey: W,
-  pageSize: Y = 50,
-  className: de,
-  title: me = "站内信",
-  streamPath: I = "/api/v1/msg-center/inbox/stream",
-  getAccessToken: R,
-  onItemAction: A
-}, ue) {
-  const [D, b] = y(!1), [Q, V] = y(!1), [_, X] = y(""), [J, O] = y([]), [w, z] = y(0), [q, Z] = y({}), [H, pe] = y(""), [k, fe] = y("all"), [N, ye] = y(() => Be()), v = G(null), ee = G(!1), te = G(N);
-  te.current = N;
-  const F = ie(async () => {
-    V(!0), X("");
+const yt = Pe(function({
+  fetchInbox: a,
+  markRead: C,
+  onNavigate: L,
+  pollMs: T = 0,
+  locationKey: Z,
+  pageSize: h = 20,
+  className: he,
+  title: ve = "站内信",
+  streamPath: U = "/api/v1/msg-center/inbox/stream",
+  getAccessToken: z,
+  onItemAction: ee
+}, be) {
+  const [G, w] = g(!1), [te, ne] = g(!1), [K, re] = g(""), [P, R] = g([]), [k, A] = g(0), [ae, $] = g({}), [j, Te] = g(""), [D, we] = g("all"), [B, Ne] = g(() => Ie()), [Se, oe] = g(!1), v = E(null), se = E(!1), le = E(B);
+  le.current = B;
+  const V = E(1), W = E(!1), N = E(!1), _ = fe(
+    () => ({
+      messageType: j || void 0,
+      unreadOnly: D === "unread" || void 0,
+      readOnly: D === "read" || void 0
+    }),
+    [j, D]
+  ), Q = O(async () => {
+    ne(!0), re(""), V.current = 1, N.current = !1;
     try {
-      const e = await r({
+      const e = await a({
         currentPage: 1,
-        pageSize: Y,
-        messageType: H || void 0,
-        unreadOnly: k === "unread" || void 0,
-        readOnly: k === "read" || void 0
-      });
-      O((e == null ? void 0 : e.itemList) || []), z(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), Z((e == null ? void 0 : e.unreadByMessageType) || {});
+        pageSize: h,
+        ..._
+      }), t = (e == null ? void 0 : e.pageData) || [], s = typeof (e == null ? void 0 : e.total) == "number" ? e.total : t.length;
+      R(t), N.current = t.length > 0 && t.length < s, A(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), $((e == null ? void 0 : e.unreadByMessageType) || {});
     } catch (e) {
-      O([]), X(e instanceof Error ? e.message : String(e));
+      R([]), N.current = !1, re(e instanceof Error ? e.message : String(e));
     } finally {
-      V(!1);
+      ne(!1);
+    }
+  }, [a, h, _]), ie = O(async () => {
+    if (!(W.current || !N.current)) {
+      W.current = !0, oe(!0);
+      try {
+        const e = V.current + 1, t = await a({
+          currentPage: e,
+          pageSize: h,
+          ..._
+        }), s = (t == null ? void 0 : t.pageData) || [], o = typeof (t == null ? void 0 : t.total) == "number" ? t.total : 0;
+        R((i) => {
+          const p = new Set(i.map((f) => f.id)), c = s.filter((f) => (f == null ? void 0 : f.id) && !p.has(f.id)), d = c.length ? [...i, ...c] : i;
+          return N.current = c.length > 0 && (o > 0 ? d.length < o : c.length >= h), d;
+        }), s.length && (V.current = e), typeof (t == null ? void 0 : t.unreadTotal) == "number" && A(t.unreadTotal), t != null && t.unreadByMessageType && $(t.unreadByMessageType);
+      } catch {
+        N.current = !1;
+      } finally {
+        W.current = !1, oe(!1);
+      }
     }
-  }, [r, H, Y, k]), i = ie(async () => {
+  }, [a, h, _]), Ee = O(
+    (e) => {
+      const t = e.currentTarget;
+      t.scrollHeight - t.scrollTop - t.clientHeight <= Qe && ie();
+    },
+    [ie]
+  ), l = O(async () => {
     try {
-      const e = await r({ currentPage: 1, pageSize: 1 });
-      z(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), Z((e == null ? void 0 : e.unreadByMessageType) || {});
+      const e = await a({ currentPage: 1, pageSize: h });
+      A(typeof (e == null ? void 0 : e.unreadTotal) == "number" ? e.unreadTotal : 0), $((e == null ? void 0 : e.unreadByMessageType) || {});
     } catch {
     }
-  }, [r]);
-  Ne(ue, () => ({ refreshBadge: i }), [i]), g(() => {
-    i();
-  }, [i]), g(() => {
-    if (W !== void 0) {
-      if (!ee.current) {
-        ee.current = !0;
+  }, [a, h]);
+  Re(be, () => ({ refreshBadge: l }), [l]), b(() => {
+    l();
+  }, [l]), b(() => {
+    if (Z !== void 0) {
+      if (!se.current) {
+        se.current = !0;
         return;
       }
-      i();
+      l();
     }
-  }, [W, i]), g(() => {
-    if (h <= 0) return;
+  }, [Z, l]), b(() => {
+    if (T <= 0) return;
     const e = window.setInterval(() => {
-      i();
-    }, h);
+      l();
+    }, T);
     return () => window.clearInterval(e);
-  }, [h, i]), g(() => {
+  }, [T, l]), b(() => {
     const e = () => {
       v.current != null && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
-        v.current = null, i();
-      }, He);
-    }, s = () => {
+        v.current = null, l();
+      }, We);
+    }, t = () => {
       document.visibilityState === "visible" && e();
     };
-    return window.addEventListener("focus", e), document.addEventListener("visibilitychange", s), () => {
-      window.removeEventListener("focus", e), document.removeEventListener("visibilitychange", s), v.current != null && (window.clearTimeout(v.current), v.current = null);
+    return window.addEventListener("focus", e), document.addEventListener("visibilitychange", t), () => {
+      window.removeEventListener("focus", e), document.removeEventListener("visibilitychange", t), v.current != null && (window.clearTimeout(v.current), v.current = null);
     };
-  }, [i]), g(() => {
+  }, [l]), b(() => {
     const e = () => {
-      i();
+      l();
     };
-    return window.addEventListener(le, e), () => window.removeEventListener(le, e);
-  }, [i]), g(() => {
-    if (I === !1 || typeof R != "function" || typeof window > "u" || typeof EventSource > "u") return;
-    const e = String(R() || "").trim();
+    return window.addEventListener(ye, e), () => window.removeEventListener(ye, e);
+  }, [l]), b(() => {
+    if (U === !1 || typeof z != "function" || typeof window > "u" || typeof EventSource > "u") return;
+    const e = String(z() || "").trim();
     if (!e) return;
-    const s = String(I || "/api/v1/msg-center/inbox/stream").trim(), o = new URL(s, window.location.origin);
-    o.searchParams.set("access_token", e);
-    let a;
+    const t = String(U || "/api/v1/msg-center/inbox/stream").trim(), s = new URL(t, window.location.origin);
+    s.searchParams.set("access_token", e);
+    let o;
     try {
-      a = new EventSource(o.toString());
+      o = new EventSource(s.toString());
     } catch {
       return;
     }
-    const c = (f) => {
-      i();
-      const u = f, d = typeof (u == null ? void 0 : u.data) == "string" ? Ue(u.data) : null;
-      if (!d || !Ce(te.current, d.messageType)) return;
-      const L = d.title || "新站内信", p = d.summary || "", x = ce(d.messageType), re = () => {
-        oe.destroy(), b(!0);
-      }, ge = `inbox-badge-${d.messageType || "msg"}-${Date.now()}`;
-      oe.open({
-        key: ge,
-        className: j("marsun-inbox-toast", n.toastNotice),
+    const i = (p) => {
+      l();
+      const c = p, d = typeof (c == null ? void 0 : c.data) == "string" ? Je(c.data) : null;
+      if (!d || !Oe(le.current, d.messageType)) return;
+      const f = d.title || "新站内信", y = d.summary || "", M = ge(d.messageType), de = () => {
+        me.destroy(), w(!0);
+      }, ke = `inbox-badge-${d.messageType || "msg"}-${Date.now()}`;
+      me.open({
+        key: ke,
+        className: S("marsun-inbox-toast", n.toastNotice),
         closable: !0,
         title: /* @__PURE__ */ m("div", { className: n.toastHead, children: [
-          /* @__PURE__ */ t("span", { className: n.toastTitle, children: C(L) }),
-          x ? /* @__PURE__ */ t(
-            P,
+          /* @__PURE__ */ r("span", { className: n.toastTitle, children: H(f) }),
+          M ? /* @__PURE__ */ r(
+            F,
             {
-              color: K(d.messageType),
+              color: q(d.messageType),
               className: n.typeTag,
-              children: x
+              children: M
             }
           ) : null
         ] }),
         message: /* @__PURE__ */ m("div", { className: n.toastHead, children: [
-          /* @__PURE__ */ t("span", { className: n.toastTitle, children: C(L) }),
-          x ? /* @__PURE__ */ t(
-            P,
+          /* @__PURE__ */ r("span", { className: n.toastTitle, children: H(f) }),
+          M ? /* @__PURE__ */ r(
+            F,
             {
-              color: K(d.messageType),
+              color: q(d.messageType),
               className: n.typeTag,
-              children: x
+              children: M
             }
           ) : null
         ] }),
         description: /* @__PURE__ */ m("div", { className: n.toastBody, children: [
-          p ? /* @__PURE__ */ t("div", { className: n.toastDesc, children: C(p) }) : null,
-          /* @__PURE__ */ t("div", { className: n.toastActions, children: /* @__PURE__ */ t(
-            B,
+          y ? /* @__PURE__ */ r("div", { className: n.toastDesc, children: H(y) }) : null,
+          /* @__PURE__ */ r("div", { className: n.toastActions, children: /* @__PURE__ */ r(
+            I,
             {
               type: "primary",
               size: "small",
-              onClick: (he) => {
-                he.stopPropagation(), re();
+              onClick: (Be) => {
+                Be.stopPropagation(), de();
               },
               children: "查看"
             }
@@ -185,77 +216,77 @@ const at = we(function({
         ] }),
         placement: "topRight",
         duration: 6,
-        onClick: re
+        onClick: de
       });
     };
-    return a.addEventListener("badge", c), a.addEventListener("inbox", c), a.onerror = () => {
-      a.close();
+    return o.addEventListener("badge", i), o.addEventListener("inbox", i), o.onerror = () => {
+      o.close();
     }, () => {
-      a.removeEventListener("badge", c), a.removeEventListener("inbox", c), a.close();
+      o.removeEventListener("badge", i), o.removeEventListener("inbox", i), o.close();
     };
-  }, [I, R, i]), g(() => {
-    D && F();
-  }, [D, F]);
-  const ve = Se(
-    () => Oe.map((e) => {
-      const s = e.key ? q[e.key] || 0 : w;
+  }, [U, z, l]), b(() => {
+    G && Q();
+  }, [G, Q]);
+  const Le = fe(
+    () => je.map((e) => {
+      const t = e.key ? ae[e.key] || 0 : k;
       return {
         key: e.key || "all",
-        label: s > 0 ? `${e.label} (${s})` : e.label
+        label: t > 0 ? `${e.label} (${t})` : e.label
       };
     }),
-    [q, w]
-  ), M = (e, s) => {
-    ye((o) => {
-      const a = { ...o, [e]: s };
-      return Pe(a), a;
+    [ae, k]
+  ), X = (e, t) => {
+    Ne((s) => {
+      const o = { ...s, [e]: t };
+      return He(o), o;
     });
-  }, U = async (e, s) => {
+  }, Y = async (e, t) => {
     if (!e.read)
       try {
-        await E(e.id), O((a) => a.map((c) => c.id === e.id ? { ...c, read: !0 } : c)), z((a) => Math.max(0, a - 1));
-      } catch (a) {
-        se.error(a instanceof Error ? a.message : "标记已读失败");
+        await C(e.id), R((o) => o.map((i) => i.id === e.id ? { ...i, read: !0 } : i)), A((o) => Math.max(0, o - 1));
+      } catch (o) {
+        pe.error(o instanceof Error ? o.message : "标记已读失败");
         return;
       }
-    const o = String(e.href || "").trim();
-    if (o) {
-      if (T) {
-        T(o, e), b(!1);
+    const s = String(e.href || "").trim();
+    if (s) {
+      if (L) {
+        L(s, e), w(!1);
         return;
       }
-      o.startsWith("http://") || o.startsWith("https://") ? window.open(o, "_blank", "noopener,noreferrer") : window.location.assign(o), b(!1);
+      s.startsWith("http://") || s.startsWith("https://") ? window.open(s, "_blank", "noopener,noreferrer") : window.location.assign(s), w(!1);
     }
-  }, ne = async (e, s) => {
-    if (!s.disabled) {
-      if (A) {
+  }, ce = async (e, t) => {
+    if (!t.disabled) {
+      if (ee) {
         try {
-          await A(s.kind, e), F(), i();
-        } catch (o) {
-          se.error(o instanceof Error ? o.message : "操作失败");
+          await ee(t.kind, e), w(!1), Q(), l();
+        } catch (s) {
+          pe.error(s instanceof Error ? s.message : "操作失败");
         }
         return;
       }
-      await U(e);
+      await Y(e);
     }
   };
-  return /* @__PURE__ */ m("div", { className: j(n.bellWrap, de), children: [
-    /* @__PURE__ */ t(Te, { count: w, size: "small", overflowCount: 99, offset: [-4, 4], children: /* @__PURE__ */ t(
-      B,
+  return /* @__PURE__ */ m("div", { className: S(n.bellWrap, he), children: [
+    /* @__PURE__ */ r(xe, { count: k, size: "small", overflowCount: 99, offset: [-4, 4], children: /* @__PURE__ */ r(
+      I,
       {
         type: "text",
         className: n.bellBtn,
-        icon: /* @__PURE__ */ t(Ie, { size: 16, "aria-hidden": !0 }),
-        "aria-label": w > 0 ? `站内信，${w} 条未读` : "站内信",
-        onClick: () => b(!0)
+        icon: /* @__PURE__ */ r(Fe, { size: 16, "aria-hidden": !0 }),
+        "aria-label": k > 0 ? `站内信，${k} 条未读` : "站内信",
+        onClick: () => w(!0)
       }
     ) }),
     /* @__PURE__ */ m(
-      be,
+      Ce,
       {
-        title: me,
-        open: D,
-        onClose: () => b(!1),
+        title: ve,
+        open: G,
+        onClose: () => w(!1),
         size: 420,
         destroyOnClose: !1,
         className: n.drawer,
@@ -264,23 +295,23 @@ const at = we(function({
           body: { padding: "12px 16px" }
         },
         children: [
-          /* @__PURE__ */ t(
-            Re,
+          /* @__PURE__ */ r(
+            Ue,
             {
               className: n.typeTabs,
               size: "small",
-              activeKey: H || "all",
-              onChange: (e) => pe(e === "all" ? "" : e),
-              stateOption: ve,
+              activeKey: j || "all",
+              onChange: (e) => Te(e === "all" ? "" : e),
+              stateOption: Le,
               isInner: !0
             }
           ),
-          /* @__PURE__ */ t("div", { className: n.filterRow, children: /* @__PURE__ */ t(
-            Ae,
+          /* @__PURE__ */ r("div", { className: n.filterRow, children: /* @__PURE__ */ r(
+            ze,
             {
               size: "small",
-              value: k,
-              onChange: (e) => fe(e),
+              value: D,
+              onChange: (e) => we(e),
               options: [
                 { value: "all", label: "全部" },
                 { value: "unread", label: "未读" },
@@ -289,134 +320,146 @@ const at = we(function({
             }
           ) }),
           /* @__PURE__ */ m("div", { className: n.toastPrefs, "data-testid": "inbox-toast-prefs", children: [
-            /* @__PURE__ */ t("div", { className: n.toastPrefsTitle, children: "消息提示" }),
-            /* @__PURE__ */ t("p", { className: n.toastPrefsHint, children: "本机浏览器偏好，非租户策略" }),
-            /* @__PURE__ */ m(ae, { size: 12, wrap: !0, children: [
-              /* @__PURE__ */ t(
-                $,
+            /* @__PURE__ */ r("div", { className: n.toastPrefsTitle, children: "消息提示" }),
+            /* @__PURE__ */ r("p", { className: n.toastPrefsHint, children: "本机浏览器偏好，非租户策略" }),
+            /* @__PURE__ */ m(ue, { size: 12, wrap: !0, children: [
+              /* @__PURE__ */ r(
+                J,
                 {
-                  checked: N.alert,
-                  onChange: (e) => M("alert", e.target.checked),
+                  checked: B.alert,
+                  onChange: (e) => X("alert", e.target.checked),
                   children: "预警弹出"
                 }
               ),
-              /* @__PURE__ */ t(
-                $,
+              /* @__PURE__ */ r(
+                J,
                 {
-                  checked: N.action,
-                  onChange: (e) => M("action", e.target.checked),
+                  checked: B.action,
+                  onChange: (e) => X("action", e.target.checked),
                   children: "行动弹出"
                 }
               ),
-              /* @__PURE__ */ t(
-                $,
+              /* @__PURE__ */ r(
+                J,
                 {
-                  checked: N.remind,
-                  onChange: (e) => M("remind", e.target.checked),
+                  checked: B.remind,
+                  onChange: (e) => X("remind", e.target.checked),
                   children: "提醒弹出"
                 }
               )
             ] })
           ] }),
-          _ ? /* @__PURE__ */ t("p", { className: n.error, children: _ }) : null,
-          /* @__PURE__ */ t(De, { spinning: Q, children: !Q && !_ && J.length === 0 ? /* @__PURE__ */ t(_e, { description: "暂无站内信" }) : /* @__PURE__ */ t("ul", { className: n.list, children: J.map((e) => {
-            const s = ce(e.messageType), o = String(e.levelLabel || e.level || "").trim(), a = !!o, c = Ee(e.bodyHtml), f = ke(
-              Le(e),
-              !!A
-            ), u = xe(e), d = Fe(e), L = !!f.primary;
-            return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ m(
-              "div",
-              {
-                className: j(
-                  n.item,
-                  !e.read && n.itemUnread,
-                  u && n.itemStatic
-                ),
-                role: u ? void 0 : "button",
-                tabIndex: u ? void 0 : 0,
-                onClick: u ? void 0 : () => void U(e),
-                onKeyDown: u ? void 0 : (p) => {
-                  (p.key === "Enter" || p.key === " ") && (p.preventDefault(), U(e));
-                },
-                children: [
-                  /* @__PURE__ */ m("div", { className: n.itemHeader, children: [
-                    /* @__PURE__ */ m("span", { className: n.itemHeaderLeft, children: [
-                      /* @__PURE__ */ t("span", { className: n.itemTitle, title: e.title || "（无标题）", children: e.title || "（无标题）" }),
-                      s ? /* @__PURE__ */ t(
-                        P,
-                        {
-                          color: K(e.messageType),
-                          className: n.typeTag,
-                          children: s
-                        }
-                      ) : null
-                    ] }),
-                    /* @__PURE__ */ t("span", { className: n.itemTime, children: e.createdAt || "" })
-                  ] }),
-                  /* @__PURE__ */ t("div", { className: n.itemBody, children: c ? /* @__PURE__ */ t(
-                    "div",
-                    {
-                      className: n.itemBodyHtml,
-                      dangerouslySetInnerHTML: { __html: c }
-                    }
-                  ) : e.summary ? /* @__PURE__ */ t("span", { className: n.itemSummary, children: C(e.summary) }) : null }),
-                  d ? /* @__PURE__ */ t("span", { className: n.itemMeta, children: d }) : null,
-                  a ? /* @__PURE__ */ t("div", { className: n.itemFooterTags, children: /* @__PURE__ */ t(
-                    P,
-                    {
-                      color: Me(e.levelColor),
-                      className: n.typeTag,
-                      children: o
-                    }
-                  ) }) : null,
-                  L && f.primary ? /* @__PURE__ */ t(
+          K ? /* @__PURE__ */ r("p", { className: n.error, children: K }) : null,
+          /* @__PURE__ */ r("div", { className: S("inbox-bell-list-pane", n.listPane), children: /* @__PURE__ */ r(Ge, { spinning: te && P.length === 0, children: !te && !K && P.length === 0 ? /* @__PURE__ */ r(Ke, { description: "暂无站内信" }) : P.length === 0 ? null : /* @__PURE__ */ m(
+            $e,
+            {
+              wrapperClassName: S("inbox-bell-list-scroll", n.listScroll),
+              className: n.listViewport,
+              "data-testid": "inbox-bell-list-scroll",
+              onScroll: Ee,
+              children: [
+                /* @__PURE__ */ r("ul", { className: n.list, children: P.map((e) => {
+                  const t = ge(e.messageType), s = String(e.levelLabel || e.level || "").trim(), o = !!s, i = Ae(e.bodyHtml), p = De(
+                    _e(e)
+                  ), c = Me(e), d = Xe(e), f = !!p.primary;
+                  return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ m(
                     "div",
                     {
-                      className: n.itemActions,
-                      onClick: (p) => p.stopPropagation(),
-                      onKeyDown: (p) => p.stopPropagation(),
-                      children: /* @__PURE__ */ m(ae, { size: 8, wrap: !0, children: [
-                        /* @__PURE__ */ t(
-                          B,
+                      className: S(
+                        n.item,
+                        !e.read && n.itemUnread,
+                        c && n.itemStatic
+                      ),
+                      role: c ? void 0 : "button",
+                      tabIndex: c ? void 0 : 0,
+                      onClick: c ? void 0 : () => void Y(e),
+                      onKeyDown: c ? void 0 : (y) => {
+                        (y.key === "Enter" || y.key === " ") && (y.preventDefault(), Y(e));
+                      },
+                      children: [
+                        /* @__PURE__ */ m("div", { className: n.itemHeader, children: [
+                          /* @__PURE__ */ m("span", { className: n.itemHeaderLeft, children: [
+                            /* @__PURE__ */ r("span", { className: n.itemTitle, title: e.title || "（无标题）", children: e.title || "（无标题）" }),
+                            t ? /* @__PURE__ */ r(
+                              F,
+                              {
+                                color: q(e.messageType),
+                                className: n.typeTag,
+                                children: t
+                              }
+                            ) : null
+                          ] }),
+                          /* @__PURE__ */ r("span", { className: n.itemTime, children: e.createdAt || "" })
+                        ] }),
+                        /* @__PURE__ */ r("div", { className: n.itemBody, children: i ? /* @__PURE__ */ r(
+                          "div",
                           {
-                            size: "small",
-                            type: "primary",
-                            onClick: () => void ne(e, f.primary),
-                            children: f.primary.label
+                            className: n.itemBodyHtml,
+                            dangerouslySetInnerHTML: { __html: i }
                           }
-                        ),
-                        f.secondary ? /* @__PURE__ */ t(
-                          B,
+                        ) : e.summary ? /* @__PURE__ */ r("span", { className: n.itemSummary, children: H(e.summary) }) : null }),
+                        d ? /* @__PURE__ */ r("span", { className: n.itemMeta, children: d }) : null,
+                        o ? /* @__PURE__ */ r("div", { className: n.itemFooterTags, children: /* @__PURE__ */ r(
+                          F,
                           {
-                            size: "small",
-                            type: "link",
-                            onClick: () => void ne(e, f.secondary),
-                            children: f.secondary.label
+                            color: Ye(e.levelColor),
+                            className: n.typeTag,
+                            children: s
+                          }
+                        ) }) : null,
+                        f && p.primary ? /* @__PURE__ */ r(
+                          "div",
+                          {
+                            className: n.itemActions,
+                            onClick: (y) => y.stopPropagation(),
+                            onKeyDown: (y) => y.stopPropagation(),
+                            children: /* @__PURE__ */ m(ue, { size: 8, wrap: !0, children: [
+                              /* @__PURE__ */ r(
+                                I,
+                                {
+                                  size: "small",
+                                  type: "primary",
+                                  onClick: () => void ce(e, p.primary),
+                                  children: p.primary.label
+                                }
+                              ),
+                              p.secondary ? /* @__PURE__ */ r(
+                                I,
+                                {
+                                  size: "small",
+                                  type: "link",
+                                  onClick: () => void ce(e, p.secondary),
+                                  children: p.secondary.label
+                                }
+                              ) : null
+                            ] })
                           }
                         ) : null
-                      ] })
+                      ]
                     }
-                  ) : null
-                ]
-              }
-            ) }, e.id);
-          }) }) })
+                  ) }, e.id);
+                }) }),
+                Se ? /* @__PURE__ */ r("p", { className: S("inbox-bell-list-footer", n.listFooter), children: "加载中…" }) : null
+              ]
+            }
+          ) }) })
         ]
       }
     )
   ] });
 });
 export {
-  mt as DEFAULT_INBOX_TOAST_PREFS,
-  at as default,
-  ke as filterInboxActionsForHost,
-  it as inboxSceneLabel,
-  xe as isInboxButtonDriven,
-  lt as isTerminalActionStatus,
-  Be as loadInboxToastPrefs,
-  ct as normalizeInboxActions,
-  Le as resolveInboxItemActions,
-  Pe as saveInboxToastPrefs,
-  Ce as shouldToastForMessageType
+  St as DEFAULT_INBOX_TOAST_PREFS,
+  yt as default,
+  De as filterInboxActionsForHost,
+  vt as inboxSceneLabel,
+  Me as isInboxButtonDriven,
+  bt as isTerminalActionStatus,
+  Ie as loadInboxToastPrefs,
+  Tt as normalizeInboxActions,
+  _e as resolveInboxItemActions,
+  wt as resolveInboxSceneKey,
+  He as saveInboxToastPrefs,
+  Oe as shouldToastForMessageType
 };
 //# sourceMappingURL=InboxBell.js.map