@hkyhy/marsun-components-core 0.1.125 → 0.1.127

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

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