@huyooo/ui 1.0.3 → 1.0.5

package/dist/MessageHandle-mEkCsv9e.js

@@ -0,0 +1,1173 @@
+import { defineComponent as $, computed as L, openBlock as d, createElementBlock as S, toDisplayString as D, createBlock as _, unref as m, ref as f, withCtx as v, createVNode as C, createCommentVNode as h, Fragment as Y, renderList as ne, normalizeClass as Z, watch as ee, createElementVNode as K, createTextVNode as z, resolveDynamicComponent as se, useModel as ie, isRef as le, mergeModels as G } from "vue";
+/* empty css               */
+/* empty css               */
+import { U as oe } from "./userMenuModal-D-nDaYqM.js";
+/* empty css               */
+import { M as j, a as V, u as re } from "./MessageList-Ce-_LNTk.js";
+import { Descriptions as ue, Spin as te, Breadcrumb as q, BreadcrumbItem as R, Tag as U, Modal as ce } from "@arco-design/web-vue";
+import { o as A } from "./apiClients-BcXOLuYu.js";
+import { TiptapEditor as de, TiptapTitle as pe } from "@huyooo/vue-tiptap";
+import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { Icon as fe } from "@iconify/vue";
+import { u as ge } from "./useAuthkitCreateAndUpdate-BsINsI-E.js";
+import { M as ve } from "./Menu-uCexrsKP.js";
+function W(a, t, r) {
+  if (a == null || a === "")
+    return "—";
+  if (typeof a == "boolean") {
+    if (t && (r != null && r[t])) {
+      const [i, l] = r[t];
+      return a ? i : l;
+    }
+    return a ? "是" : "否";
+  }
+  if (Array.isArray(a))
+    return a.map((i) => W(i)).join("、") || "—";
+  if (typeof a == "object")
+    try {
+      return JSON.stringify(a, null, 2);
+    } catch {
+      return String(a);
+    }
+  return String(a);
+}
+function ye(a, t = {}) {
+  const r = new Set(t.hiddenKeys ?? []), i = t.fieldLabels ?? {}, l = [];
+  for (const [c, s] of Object.entries(a))
+    r.has(c) || c === t.nestedKey || l.push({
+      label: i[c] ?? c,
+      value: W(s, c, t.booleanLabels)
+    });
+  const o = t.nestedKey ? a[t.nestedKey] : void 0;
+  if (o && typeof o == "object" && !Array.isArray(o))
+    for (const [c, s] of Object.entries(o))
+      r.has(c) || l.push({
+        label: i[c] ?? c,
+        value: W(s, c, t.booleanLabels)
+      });
+  return l;
+}
+const me = {
+  class: "json-message-body-fallback"
+}, _e = {
+  key: 0,
+  class: "json-message-body-fallback__text"
+}, be = {
+  key: 2,
+  class: "json-message-body-fallback__raw"
+}, he = /* @__PURE__ */ $({
+  __name: "JsonMessageBodyFallback",
+  props: {
+    data: {},
+    title: {},
+    description: {},
+    type: {}
+  },
+  setup(a) {
+    const t = a, r = L(() => typeof t.data.text == "string" && Object.keys(t.data).length === 1 ? t.data.text : ""), i = L(() => ye(t.data)), l = L(() => {
+      try {
+        return JSON.stringify(t.data, null, 2);
+      } catch {
+        return String(t.data);
+      }
+    });
+    return (o, c) => (d(), S("div", me, [r.value ? (d(), S("p", _e, D(r.value), 1)) : i.value.length > 0 ? (d(), _(m(ue), {
+      key: 1,
+      column: 1,
+      bordered: "",
+      size: "medium",
+      data: i.value
+    }, null, 8, ["data"])) : (d(), S("pre", be, D(l.value), 1))]));
+  }
+}), Q = /* @__PURE__ */ O(he, [["__scopeId", "data-v-e61c87e4"]]), F = /* @__PURE__ */ new Map();
+function _t(a, t) {
+  const r = a.trim();
+  r && F.set(r, t);
+}
+function bt(a) {
+  return F.has(a.trim());
+}
+function Ae(a) {
+  const t = a.trim();
+  return t ? F.get(t) ?? Q : Q;
+}
+function ht() {
+  return [...F.keys()];
+}
+const Ce = /* @__PURE__ */ $({
+  __name: "MessageDetails",
+  props: {
+    content: {
+      default: null
+    },
+    title: {},
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["itemClick", "tableOfContentsUpdate", "update:title", "update:content"],
+  setup(a, {
+    emit: t
+  }) {
+    const r = f([]), i = a, l = f(!1), o = t, c = f();
+    function s(y) {
+      r.value = y, o("tableOfContentsUpdate", y);
+    }
+    return (y, g) => (d(), _(m(te), {
+      loading: i.loading,
+      tip: "文档加载中...",
+      class: "Spin",
+      dot: ""
+    }, {
+      default: v(() => [C(m(de), {
+        ref_key: "TiptapEditorRef",
+        ref: c,
+        "model-value": i.content,
+        editable: l.value,
+        "tiptap-editor-content-class": "tiptapEditorContentClass",
+        onTableOfContentsUpdate: s
+      }, {
+        title: v(() => [C(m(pe), {
+          "model-value": i.title,
+          editable: l.value
+        }, null, 8, ["model-value", "editable"])]),
+        _: 1
+      }, 8, ["model-value", "editable"]), h("", !0)]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+}), P = /* @__PURE__ */ O(Ce, [["__scopeId", "data-v-2149941c"]]), Se = /* @__PURE__ */ $({
+  __name: "MessageChangelogNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(a) {
+    const t = f(!1), r = f(null), i = f(""), l = a;
+    async function o() {
+      t.value = !0;
+      const {
+        data: c
+      } = await A.messageCenter.changelogNotifications.findOne.post({
+        id: l.id
+      });
+      t.value = !1, c && (r.value = c.content, i.value = c.title);
+    }
+    return o(), (c, s) => (d(), _(P, {
+      content: r.value,
+      title: i.value,
+      loading: t.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), ke = {
+  style: {
+    display: "flex",
+    gap: "16px"
+  }
+}, Ne = ["onClick"], we = /* @__PURE__ */ $({
+  __name: "MessageCustomTabs",
+  props: {
+    modelValue: {
+      type: String,
+      default: "1"
+    },
+    tabs: {
+      type: Array,
+      default: () => [{
+        label: "未读消息",
+        key: "1"
+      }, {
+        label: "已读消息",
+        key: "2"
+      }]
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, {
+    emit: t
+  }) {
+    const r = a, i = t;
+    function l(o) {
+      o !== r.modelValue && (i("update:modelValue", o), i("change", o));
+    }
+    return (o, c) => (d(), S("div", ke, [(d(!0), S(Y, null, ne(a.tabs, (s) => (d(), S("span", {
+      key: s.key,
+      class: Z(["custom-tab", [{
+        active: a.modelValue === s.key
+      }]]),
+      onClick: (y) => l(s.key)
+    }, D(s.label), 11, Ne))), 128))]));
+  }
+}), Me = /* @__PURE__ */ O(we, [["__scopeId", "data-v-d7edaca7"]]), Te = {
+  class: "tabs"
+}, ze = /* @__PURE__ */ $({
+  __name: "MessageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    messageList: {
+      type: Array,
+      required: !0
+    },
+    activeTab: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:activeTab", "change", "readAll"],
+  setup(a, {
+    emit: t
+  }) {
+    const r = a, i = t, l = f(r.activeTab);
+    ee(() => r.activeTab, (s) => {
+      l.value = s;
+    });
+    function o(s) {
+      l.value = s, i("update:activeTab", s), i("change", s);
+    }
+    function c() {
+      r.messageList.length !== 0 && i("readAll");
+    }
+    return (s, y) => (d(), S("div", Te, [C(Me, {
+      modelValue: l.value,
+      "onUpdate:modelValue": y[0] || (y[0] = (g) => l.value = g),
+      tabs: a.tabs,
+      onChange: o
+    }, null, 8, ["modelValue", "tabs"]), l.value === "unread" ? (d(), S("div", {
+      key: 0,
+      class: Z(["readAll", {
+        disabled: a.messageList.length === 0
+      }]),
+      onClick: c
+    }, [C(m(fe), {
+      class: "icon",
+      icon: "icon-park-outline:clear"
+    }), y[1] || (y[1] = K("span", null, " 全部已读", -1))], 2)) : h("", !0)]));
+  }
+}), J = /* @__PURE__ */ O(ze, [["__scopeId", "data-v-47f7fce5"]]), xe = {
+  class: "message-panel"
+}, $e = {
+  class: "version-prefix"
+}, Ie = {
+  key: 0,
+  class: "publish-time"
+}, Le = {
+  key: 3,
+  class: "message-panel__detail"
+}, De = /* @__PURE__ */ $({
+  __name: "MessageChangelogNotifications",
+  setup(a) {
+    const t = f(!0), r = f(""), i = f(!1), l = f(!1), o = f([]), c = f("unread"), s = f({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), y = [{
+      label: "未读更新",
+      key: "unread"
+    }, {
+      label: "已读更新",
+      key: "read"
+    }], g = L(() => c.value === "read");
+    function x(n) {
+      return {
+        id: String(n.id),
+        title: String(n.title ?? ""),
+        description: String(n.description ?? ""),
+        createAt: String(n.createAt ?? ""),
+        updateAt: String(n.updateAt ?? ""),
+        version: String(n.version ?? ""),
+        changeType: String(n.changeType ?? "feature"),
+        publishedAt: n.publishedAt ? String(n.publishedAt) : null,
+        read: !!n.read,
+        readAt: n.readAt ? String(n.readAt) : null
+      };
+    }
+    async function k() {
+      var e;
+      i.value = !0;
+      const {
+        data: n
+      } = await A.messageCenter.changelogNotifications.own.post({
+        current: s.value.current,
+        pageSize: s.value.pageSize,
+        where: {
+          read: g.value
+        }
+      });
+      if (i.value = !1, !n)
+        return;
+      const u = n;
+      o.value = (u.items ?? []).map(x), s.value.total = u.count ?? 0, l.value = (((e = u.items) == null ? void 0 : e.length) ?? 0) < s.value.pageSize;
+    }
+    async function I() {
+      if (i.value || l.value)
+        return;
+      s.value.current += 1, i.value = !0;
+      const {
+        data: n
+      } = await A.messageCenter.changelogNotifications.own.post({
+        current: s.value.current,
+        pageSize: s.value.pageSize,
+        where: {
+          read: g.value
+        }
+      });
+      if (i.value = !1, !n)
+        return;
+      const e = (n.items ?? []).map(x);
+      o.value = [...o.value, ...e], l.value = e.length < s.value.pageSize;
+    }
+    function w() {
+      s.value.current = 1, l.value = !1, k();
+    }
+    async function B() {
+      o.value.length !== 0 && (await A.messageCenter.changelogNotifications.readAll.post({}), V(), k());
+    }
+    function N() {
+      t.value = !0, r.value = "";
+    }
+    async function M(n) {
+      r.value = n.id, t.value = !1, n.read || (await A.messageCenter.changelogNotifications.read.post({
+        changelogId: n.id
+      }), V(), g.value || (o.value = o.value.filter((u) => u.id !== n.id)));
+    }
+    function T(n) {
+      return {
+        feature: "green",
+        improvement: "blue",
+        fix: "orange",
+        security: "red",
+        breaking: "magenta"
+      }[n] || "blue";
+    }
+    function E(n) {
+      return {
+        feature: "新功能",
+        improvement: "优化",
+        fix: "修复",
+        security: "安全",
+        breaking: "重大变更"
+      }[n] || "更新";
+    }
+    return k(), (n, u) => (d(), S("div", xe, [t.value ? h("", !0) : (d(), _(m(q), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [C(m(R), {
+        onClick: N
+      }, {
+        default: v(() => [...u[1] || (u[1] = [z("更新日志", -1)])]),
+        _: 1
+      }), C(m(R), null, {
+        default: v(() => [...u[2] || (u[2] = [z("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t.value ? (d(), _(J, {
+      key: 1,
+      "active-tab": c.value,
+      "onUpdate:activeTab": u[0] || (u[0] = (e) => c.value = e),
+      tabs: y,
+      "message-list": o.value,
+      onChange: w,
+      onReadAll: B
+    }, null, 8, ["active-tab", "message-list"])) : h("", !0), t.value ? (d(), _(j, {
+      key: 2,
+      "message-list": o.value,
+      loading: i.value,
+      finished: l.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: M,
+      onLoadMore: I
+    }, {
+      prefix: v(({
+        item: e
+      }) => [K("span", $e, D(e.version), 1)]),
+      tags: v(({
+        item: e
+      }) => [C(m(U), {
+        color: T(e.changeType),
+        size: "small"
+      }, {
+        default: v(() => [z(D(E(e.changeType)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: e
+      }) => [e.publishedAt ? (d(), S("span", Ie, " 发布于 " + D(e.publishedAt), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (d(), S("div", Le, [C(Se, {
+      id: r.value
+    }, null, 8, ["id"])]))]));
+  }
+}), Be = /* @__PURE__ */ O(De, [["__scopeId", "data-v-cb38ea42"]]), Oe = /* @__PURE__ */ $({
+  __name: "MessageEventNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(a) {
+    const t = f(!1), r = f(null), i = f(""), l = a;
+    async function o() {
+      t.value = !0;
+      const {
+        data: c
+      } = await A.messageCenter.eventNotifications.findOne.post({
+        id: l.id
+      });
+      t.value = !1, c && (r.value = c.content, i.value = c.title);
+    }
+    return o(), (c, s) => (d(), _(P, {
+      content: r.value,
+      title: i.value,
+      loading: t.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), Re = {
+  class: "message-panel"
+}, Ee = {
+  key: 0,
+  class: "time-range"
+}, Ue = {
+  key: 3,
+  class: "message-panel__detail"
+}, Ke = /* @__PURE__ */ $({
+  __name: "MessageEventNotifications",
+  setup(a) {
+    const t = f(!0), r = f(""), i = f(!1), l = f(!1), o = f([]), c = f("unread"), s = f({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), y = [{
+      label: "未读活动",
+      key: "unread"
+    }, {
+      label: "已读活动",
+      key: "read"
+    }], g = L(() => c.value === "read");
+    function x(n) {
+      return {
+        id: String(n.id),
+        title: String(n.title ?? ""),
+        description: String(n.description ?? ""),
+        createAt: String(n.createAt ?? ""),
+        updateAt: String(n.updateAt ?? ""),
+        pinned: !!n.pinned,
+        status: String(n.status ?? ""),
+        displayStatus: String(n.displayStatus ?? ""),
+        startAt: n.startAt ? String(n.startAt) : null,
+        endAt: n.endAt ? String(n.endAt) : null,
+        read: !!n.read,
+        readAt: n.readAt ? String(n.readAt) : null
+      };
+    }
+    async function k() {
+      var e;
+      i.value = !0;
+      const {
+        data: n
+      } = await A.messageCenter.eventNotifications.own.post({
+        current: s.value.current,
+        pageSize: s.value.pageSize,
+        where: {
+          read: g.value
+        }
+      });
+      if (i.value = !1, !n)
+        return;
+      const u = n;
+      o.value = (u.items ?? []).map(x), s.value.total = u.count ?? 0, l.value = (((e = u.items) == null ? void 0 : e.length) ?? 0) < s.value.pageSize;
+    }
+    async function I() {
+      if (i.value || l.value)
+        return;
+      s.value.current += 1, i.value = !0;
+      const {
+        data: n
+      } = await A.messageCenter.eventNotifications.own.post({
+        current: s.value.current,
+        pageSize: s.value.pageSize,
+        where: {
+          read: g.value
+        }
+      });
+      if (i.value = !1, !n)
+        return;
+      const e = (n.items ?? []).map(x);
+      o.value = [...o.value, ...e], l.value = e.length < s.value.pageSize;
+    }
+    function w() {
+      s.value.current = 1, l.value = !1, k();
+    }
+    async function B() {
+      o.value.length !== 0 && (await A.messageCenter.eventNotifications.readAll.post({}), V(), k());
+    }
+    function N() {
+      t.value = !0, r.value = "";
+    }
+    async function M(n) {
+      r.value = n.id, t.value = !1, n.read || (await A.messageCenter.eventNotifications.read.post({
+        eventId: n.id
+      }), V(), g.value || (o.value = o.value.filter((u) => u.id !== n.id)));
+    }
+    function T(n) {
+      return {
+        upcoming: "blue",
+        ongoing: "green",
+        ended: "gray",
+        published: "arcoblue"
+      }[n] || "gray";
+    }
+    function E(n) {
+      return {
+        upcoming: "即将开始",
+        ongoing: "进行中",
+        ended: "已结束",
+        published: "已发布"
+      }[n] || "未知";
+    }
+    return k(), (n, u) => (d(), S("div", Re, [t.value ? h("", !0) : (d(), _(m(q), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [C(m(R), {
+        onClick: N
+      }, {
+        default: v(() => [...u[1] || (u[1] = [z("活动通知", -1)])]),
+        _: 1
+      }), C(m(R), null, {
+        default: v(() => [...u[2] || (u[2] = [z("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t.value ? (d(), _(J, {
+      key: 1,
+      "active-tab": c.value,
+      "onUpdate:activeTab": u[0] || (u[0] = (e) => c.value = e),
+      tabs: y,
+      "message-list": o.value,
+      onChange: w,
+      onReadAll: B
+    }, null, 8, ["active-tab", "message-list"])) : h("", !0), t.value ? (d(), _(j, {
+      key: 2,
+      "message-list": o.value,
+      loading: i.value,
+      finished: l.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: M,
+      onLoadMore: I
+    }, {
+      tags: v(({
+        item: e
+      }) => [C(m(U), {
+        color: T(e.displayStatus),
+        size: "small"
+      }, {
+        default: v(() => [z(D(E(e.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: e
+      }) => [e.startAt || e.endAt ? (d(), S("span", Ee, D(e.startAt || "无") + " ~ " + D(e.endAt || "无"), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (d(), S("div", Ue, [C(Oe, {
+      id: r.value
+    }, null, 8, ["id"])]))]));
+  }
+}), Ve = /* @__PURE__ */ O(Ke, [["__scopeId", "data-v-755daae9"]]);
+function X(a) {
+  return !!a && typeof a == "object" && !Array.isArray(a);
+}
+function je(a) {
+  return a.type === "doc" && Array.isArray(a.content);
+}
+function ae(a, t) {
+  if (X(a))
+    return je(a) ? H(t) : a;
+  if (typeof a == "string") {
+    const r = a.trim();
+    if (!r)
+      return H(t);
+    try {
+      const i = JSON.parse(r);
+      if (X(i))
+        return ae(i, t);
+    } catch {
+      return {
+        text: r
+      };
+    }
+  }
+  return H(t);
+}
+function H(a) {
+  const t = a == null ? void 0 : a.trim();
+  return t ? {
+    text: t
+  } : {};
+}
+const qe = {
+  class: "message-notification-detail"
+}, Fe = {
+  class: "message-notification-detail__title"
+}, Je = /* @__PURE__ */ $({
+  __name: "MessageNotificationDetails",
+  props: {
+    title: {},
+    type: {
+      default: ""
+    },
+    content: {},
+    description: {
+      default: ""
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const t = a, r = L(() => t.type.trim()), i = L(() => ae(t.content, t.description)), l = L(() => Ae(r.value));
+    return (o, c) => (d(), _(m(te), {
+      loading: a.loading,
+      tip: "加载中...",
+      class: "Spin",
+      dot: ""
+    }, {
+      default: v(() => [K("div", qe, [K("h1", Fe, D(a.title), 1), (d(), _(se(l.value), {
+        data: i.value,
+        title: a.title,
+        description: a.description,
+        type: r.value
+      }, null, 8, ["data", "title", "description", "type"]))])]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+}), He = /* @__PURE__ */ O(Je, [["__scopeId", "data-v-5772f5d1"]]), We = {
+  class: "message-panel"
+}, Pe = {
+  key: 3,
+  class: "message-panel__detail"
+}, Ge = /* @__PURE__ */ $({
+  __name: "MessageNotifications",
+  setup(a) {
+    const t = f(!0), r = f(""), i = f(!1), l = f({
+      title: "",
+      type: "",
+      description: "",
+      content: null
+    }), o = f(!1), c = f(!1), s = f([]), y = f("unread"), g = f({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), x = [{
+      label: "未读消息",
+      key: "unread"
+    }, {
+      label: "已读消息",
+      key: "read"
+    }], k = L(() => y.value === "read");
+    function I(u) {
+      return {
+        read: u
+      };
+    }
+    async function w() {
+      o.value = !0;
+      const {
+        data: u
+      } = await A.messageCenter.messageNotifications.own.post({
+        current: g.value.current,
+        pageSize: g.value.pageSize,
+        where: I(k.value)
+      });
+      o.value = !1, u && (s.value = u.items.map((e) => ({
+        id: e.id,
+        title: e.title,
+        description: e.description,
+        createAt: e.createAt,
+        updateAt: e.updateAt,
+        priority: e.priority,
+        read: e.read ?? !1,
+        readAt: e.readAt ?? null
+      })), g.value.total = u.count, c.value = u.items.length < g.value.pageSize);
+    }
+    async function B() {
+      if (o.value || c.value) return;
+      g.value.current += 1, o.value = !0;
+      const {
+        data: u
+      } = await A.messageCenter.messageNotifications.own.post({
+        current: g.value.current,
+        pageSize: g.value.pageSize,
+        where: I(k.value)
+      });
+      if (o.value = !1, u) {
+        const e = u.items.map((p) => ({
+          id: p.id,
+          title: p.title,
+          description: p.description,
+          createAt: p.createAt,
+          updateAt: p.updateAt,
+          priority: p.priority,
+          read: p.read ?? !1,
+          readAt: p.readAt ?? null
+        }));
+        s.value = [...s.value, ...e], c.value = u.items.length < g.value.pageSize;
+      }
+    }
+    function N() {
+      g.value.current = 1, c.value = !1, w();
+    }
+    async function M() {
+      s.value.length !== 0 && (await A.messageCenter.messageNotifications.readAll.post({}), w());
+    }
+    function T() {
+      t.value = !0, r.value = "", l.value = {
+        title: "",
+        type: "",
+        description: "",
+        content: null
+      };
+    }
+    async function E(u) {
+      i.value = !0;
+      const {
+        data: e
+      } = await A.messageCenter.messageNotifications.findOne.post({
+        id: u
+      });
+      i.value = !1, e && (l.value = {
+        title: e.title,
+        type: e.type ?? "",
+        description: e.description ?? "",
+        content: e.content ?? null
+      });
+    }
+    async function n(u) {
+      r.value = u.id, t.value = !1, u.read || (await A.messageCenter.messageNotifications.read.post({
+        messageId: u.id
+      }), k.value || (s.value = s.value.filter((e) => e.id !== u.id))), E(u.id);
+    }
+    return w(), (u, e) => (d(), S("div", We, [t.value ? h("", !0) : (d(), _(m(q), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [C(m(R), {
+        onClick: T
+      }, {
+        default: v(() => [...e[1] || (e[1] = [z("消息通知", -1)])]),
+        _: 1
+      }), C(m(R), null, {
+        default: v(() => [...e[2] || (e[2] = [z("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t.value ? (d(), _(J, {
+      key: 1,
+      "active-tab": y.value,
+      "onUpdate:activeTab": e[0] || (e[0] = (p) => y.value = p),
+      tabs: x,
+      "message-list": s.value,
+      onChange: N,
+      onReadAll: M
+    }, null, 8, ["active-tab", "message-list"])) : h("", !0), t.value ? (d(), _(j, {
+      key: 2,
+      "message-list": s.value,
+      loading: o.value,
+      finished: c.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: n,
+      onLoadMore: B
+    }, {
+      tags: v(({
+        item: p
+      }) => [p.priority === "urgent" ? (d(), _(m(U), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: v(() => [...e[3] || (e[3] = [z("紧急", -1)])]),
+        _: 1
+      })) : p.priority === "high" ? (d(), _(m(U), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: v(() => [...e[4] || (e[4] = [z("高", -1)])]),
+        _: 1
+      })) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (d(), S("div", Pe, [C(He, {
+      title: l.value.title,
+      type: l.value.type,
+      content: l.value.content,
+      description: l.value.description,
+      loading: i.value
+    }, null, 8, ["title", "type", "content", "description", "loading"])]))]));
+  }
+}), Qe = {
+  class: "message-panel"
+}, Xe = {
+  key: 0,
+  class: "expire-time"
+}, Ye = {
+  key: 3,
+  class: "message-panel__detail"
+}, Ze = /* @__PURE__ */ $({
+  __name: "MessageNoticeNotifications",
+  setup(a) {
+    const t = f(!0), r = f(""), i = f(!1), l = f({
+      title: "",
+      content: null
+    }), o = f(!1), c = f(!1), s = f([]), y = f("unread"), g = f({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), x = [{
+      label: "未读公告",
+      key: "unread"
+    }, {
+      label: "已读公告",
+      key: "read"
+    }], k = L(() => y.value === "read");
+    async function I() {
+      o.value = !0;
+      const {
+        data: e
+      } = await A.messageCenter.noticeNotifications.own.post({
+        current: g.value.current,
+        pageSize: g.value.pageSize,
+        where: {
+          read: k.value
+        }
+      });
+      o.value = !1, e && (s.value = e.items.map((p) => ({
+        id: p.id,
+        title: p.title,
+        description: p.description,
+        createAt: p.createAt,
+        updateAt: p.updateAt,
+        pinned: p.pinned,
+        priority: p.priority,
+        displayStatus: p.displayStatus,
+        expireAt: p.expireAt,
+        requireConfirm: p.requireConfirm,
+        read: p.read ?? !1,
+        readAt: p.readAt ?? null
+      })), g.value.total = e.count, c.value = e.items.length < g.value.pageSize);
+    }
+    async function w() {
+      if (o.value || c.value) return;
+      g.value.current += 1, o.value = !0;
+      const {
+        data: e
+      } = await A.messageCenter.noticeNotifications.own.post({
+        current: g.value.current,
+        pageSize: g.value.pageSize,
+        where: {
+          read: k.value
+        }
+      });
+      if (o.value = !1, e) {
+        const p = e.items.map((b) => ({
+          id: b.id,
+          title: b.title,
+          description: b.description,
+          createAt: b.createAt,
+          updateAt: b.updateAt,
+          pinned: b.pinned,
+          priority: b.priority,
+          displayStatus: b.displayStatus,
+          expireAt: b.expireAt,
+          requireConfirm: b.requireConfirm,
+          read: b.read ?? !1,
+          readAt: b.readAt ?? null
+        }));
+        s.value = [...s.value, ...p], c.value = e.items.length < g.value.pageSize;
+      }
+    }
+    function B() {
+      g.value.current = 1, c.value = !1, I();
+    }
+    async function N() {
+      s.value.length !== 0 && (await A.messageCenter.noticeNotifications.readAll.post({}), I());
+    }
+    function M() {
+      t.value = !0, r.value = "", l.value = {
+        title: "",
+        content: null
+      };
+    }
+    async function T(e) {
+      i.value = !0;
+      const {
+        data: p
+      } = await A.messageCenter.noticeNotifications.findOne.post({
+        id: e
+      });
+      i.value = !1, p && (l.value = {
+        title: p.title,
+        content: p.content
+      });
+    }
+    async function E(e) {
+      r.value = e.id, t.value = !1, e.read || (await A.messageCenter.noticeNotifications.read.post({
+        noticeId: e.id
+      }), k.value || (s.value = s.value.filter((p) => p.id !== e.id))), T(e.id);
+    }
+    function n(e) {
+      return {
+        published: "green",
+        expired: "gray"
+      }[e] || "gray";
+    }
+    function u(e) {
+      return {
+        published: "有效",
+        expired: "已过期"
+      }[e] || "未知";
+    }
+    return I(), (e, p) => (d(), S("div", Qe, [t.value ? h("", !0) : (d(), _(m(q), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [C(m(R), {
+        onClick: M
+      }, {
+        default: v(() => [...p[1] || (p[1] = [z("公告通知", -1)])]),
+        _: 1
+      }), C(m(R), null, {
+        default: v(() => [...p[2] || (p[2] = [z("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t.value ? (d(), _(J, {
+      key: 1,
+      "active-tab": y.value,
+      "onUpdate:activeTab": p[0] || (p[0] = (b) => y.value = b),
+      tabs: x,
+      "message-list": s.value,
+      onChange: B,
+      onReadAll: N
+    }, null, 8, ["active-tab", "message-list"])) : h("", !0), t.value ? (d(), _(j, {
+      key: 2,
+      "message-list": s.value,
+      loading: o.value,
+      finished: c.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: E,
+      onLoadMore: w
+    }, {
+      tags: v(({
+        item: b
+      }) => [b.priority === "urgent" ? (d(), _(m(U), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: v(() => [...p[3] || (p[3] = [z("紧急", -1)])]),
+        _: 1
+      })) : b.priority === "important" ? (d(), _(m(U), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: v(() => [...p[4] || (p[4] = [z("重要", -1)])]),
+        _: 1
+      })) : h("", !0), C(m(U), {
+        color: n(b.displayStatus),
+        size: "small"
+      }, {
+        default: v(() => [z(D(u(b.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: b
+      }) => [b.expireAt ? (d(), S("span", Xe, D(b.displayStatus === "expired" ? "已过期" : `过期时间: ${b.expireAt}`), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (d(), S("div", Ye, [C(P, {
+      title: l.value.title,
+      content: l.value.content,
+      loading: i.value
+    }, null, 8, ["title", "content", "loading"])]))]));
+  }
+}), et = /* @__PURE__ */ O(Ze, [["__scopeId", "data-v-d16f47e2"]]), tt = {
+  class: "user-menu-modal-content"
+}, at = {
+  class: "left"
+}, nt = /* @__PURE__ */ $({
+  __name: "MessageAppMessage",
+  props: /* @__PURE__ */ G({
+    title: {
+      type: String,
+      default: "消息中心"
+    },
+    menus: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    selectedKeys: {
+      default: ["ChangelogNotifications"]
+    },
+    selectedKeysModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["cancel", "change"], ["update:selectedKeys"]),
+  setup(a, {
+    expose: t,
+    emit: r
+  }) {
+    const i = a, l = r, {
+      counts: o,
+      refreshMessageCenterBadgeCounts: c
+    } = re(), s = L(() => {
+      const N = o.value, M = {
+        ChangelogNotifications: N.changelog,
+        EventNotifications: N.event,
+        MessageNotifications: N.message,
+        NoticeNotifications: N.notice
+      };
+      return i.menus.map((T) => ({
+        ...T,
+        meta: {
+          ...T.meta,
+          badge: M[T.path] ?? 0
+        }
+      }));
+    }), y = ie(a, "selectedKeys"), g = L(() => y.value.length !== 0 ? y.value[0] : "");
+    function x() {
+      l("cancel");
+    }
+    function k(N) {
+      const M = N.path;
+      y.value = [M], l("change", N);
+    }
+    const {
+      changeType: I,
+      show: w
+    } = ge(l);
+    function B(N) {
+      w.value = N, I.value = "编辑", N && c();
+    }
+    return ee(y, () => {
+      w.value && window.setTimeout(() => {
+        c();
+      }, 1500);
+    }), t({
+      setData: B
+    }), (N, M) => (d(), _(m(ce), {
+      visible: m(w),
+      "onUpdate:visible": M[1] || (M[1] = (T) => le(w) ? w.value = T : null),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      "hide-title": !1,
+      title: i.title,
+      width: m(oe),
+      onCancel: x
+    }, {
+      default: v(() => [K("div", tt, [K("div", at, [C(ve, {
+        "selected-keys": y.value,
+        "onUpdate:selectedKeys": M[0] || (M[0] = (T) => y.value = T),
+        menus: s.value,
+        onChange: k
+      }, null, 8, ["selected-keys", "menus"])]), m(w) ? (d(), S(Y, {
+        key: 0
+      }, [g.value === "ChangelogNotifications" ? (d(), _(Be, {
+        key: 0
+      })) : h("", !0), g.value === "EventNotifications" ? (d(), _(Ve, {
+        key: 1
+      })) : h("", !0), g.value === "MessageNotifications" ? (d(), _(Ge, {
+        key: 2
+      })) : h("", !0), g.value === "NoticeNotifications" ? (d(), _(et, {
+        key: 3
+      })) : h("", !0)], 64)) : h("", !0)])]),
+      _: 1
+    }, 8, ["visible", "title", "width"]));
+  }
+}), st = /* @__PURE__ */ $({
+  __name: "MessageHandle",
+  setup(a, {
+    expose: t
+  }) {
+    const r = f(["ChangelogNotifications"]), i = f(), l = f(Symbol("key"));
+    function o() {
+      i.value.setData(!0);
+    }
+    function c() {
+      l.value = Symbol("key");
+    }
+    function s() {
+      l.value = Symbol("key");
+    }
+    const y = f([{
+      name: "功能变更",
+      path: "ChangelogNotifications",
+      meta: {
+        icon: "mingcute:cube-3d-fill"
+      }
+    }, {
+      name: "活动通知",
+      path: "EventNotifications",
+      meta: {
+        icon: "mingcute:receive-money-fill"
+      }
+    }, {
+      name: "消息通知",
+      path: "MessageNotifications",
+      meta: {
+        icon: "mingcute:message-1-fill"
+      }
+    }, {
+      name: "公告",
+      path: "NoticeNotifications",
+      meta: {
+        icon: "mingcute:announcement-fill"
+      }
+    }]);
+    return t({
+      openNotification: o
+    }), (g, x) => (d(), _(nt, {
+      ref_key: "MessageNotificationsRef",
+      ref: i,
+      key: l.value,
+      "selected-keys": r.value,
+      "onUpdate:selectedKeys": x[0] || (x[0] = (k) => r.value = k),
+      menus: y.value,
+      title: "消息中心",
+      onConfirm: s,
+      onCancel: c
+    }, null, 8, ["selected-keys", "menus"]));
+  }
+}), At = /* @__PURE__ */ O(st, [["__scopeId", "data-v-2e2a72d0"]]);
+export {
+  Be as C,
+  P as D,
+  Ve as E,
+  At as M,
+  et as N,
+  nt as _,
+  Se as a,
+  Me as b,
+  Oe as c,
+  He as d,
+  Ge as e,
+  J as f,
+  Ae as g,
+  bt as h,
+  ht as l,
+  _t as r
+};