@huyooo/ui 0.6.13 → 0.7.0

package/dist/MessageHandle-DGsqUcu_.js

@@ -0,0 +1,1120 @@
+import { ref as m, defineComponent as N, createBlock as v, openBlock as n, unref as t, withCtx as d, createVNode as $, createCommentVNode as h, createElementBlock as b, normalizeClass as V, createElementVNode as S, renderSlot as T, toDisplayString as w, createTextVNode as k, Fragment as R, renderList as G, createSlots as ee, mergeProps as U, watch as te, computed as J, mergeModels as j, useModel as se, isRef as ae } from "vue";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { Spin as Q, Empty as W, Tag as x, Button as ne, Breadcrumb as E, BreadcrumbItem as B, Modal as ie } from "@arco-design/web-vue";
+import { c as D, g as O } from "./auth-bwwc2iT8.js";
+import { TiptapEditor as oe, TiptapTitle as le } from "@huyooo/vue-tiptap";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { useIntersectionObserver as re } from "@vueuse/core";
+import { m as P, a as ue, b as de, c as ce } from "./MessageNotifications-CJtKlzc3.js";
+import { Icon as fe } from "@iconify/vue";
+import { u as pe } from "./useAuthkitCreateAndUpdate-Co5wMbv7.js";
+import { M as ge } from "./Menu-BjWB9hre.js";
+function me(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/changelogNotifications/find`,
+    method: "post",
+    data: e
+  });
+}
+function ve(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/changelogNotifications/findOne`,
+    method: "post",
+    data: e
+  });
+}
+function H(e, o = {}) {
+  const {
+    pageSize: s = 10,
+    where: u = {}
+  } = o, l = m(!0), a = m(""), i = m(!1), r = m(!1), c = m([]), g = m({
+    current: 1,
+    pageSize: s,
+    total: 0
+  });
+  async function C() {
+    if (!i.value) {
+      i.value = !0;
+      try {
+        const {
+          data: I
+        } = await e({
+          current: g.value.current,
+          pageSize: g.value.pageSize,
+          where: u
+        });
+        c.value = I.items, g.value.total = I.count, r.value = I.items.length < g.value.pageSize;
+      } finally {
+        i.value = !1;
+      }
+    }
+  }
+  async function y() {
+    if (!(i.value || r.value)) {
+      g.value.current += 1, i.value = !0;
+      try {
+        const {
+          data: I
+        } = await e({
+          current: g.value.current,
+          pageSize: g.value.pageSize,
+          where: u
+        });
+        c.value = [...c.value, ...I.items], g.value.total = I.count, r.value = I.items.length < g.value.pageSize;
+      } finally {
+        i.value = !1;
+      }
+    }
+  }
+  async function f() {
+    g.value.current = 1, r.value = !1, await C();
+  }
+  function p() {
+    l.value = !0, a.value = "";
+  }
+  function z(I) {
+    a.value = I.id, l.value = !1;
+  }
+  return C(), {
+    // 状态
+    isList: l,
+    detailId: a,
+    loading: i,
+    finished: r,
+    messageList: c,
+    pagination: g,
+    // 方法
+    loadData: C,
+    loadMore: y,
+    refresh: f,
+    toList: p,
+    openDetail: z
+  };
+}
+const ye = /* @__PURE__ */ N({
+  __name: "MessageDetails",
+  props: {
+    content: {
+      type: Object,
+      default: null
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["itemClick", "tableOfContentsUpdate", "update:title", "update:content"],
+  setup(e, {
+    emit: o
+  }) {
+    const s = m([]), u = e, l = m(!1), a = o, i = m();
+    function r(c) {
+      s.value = c, a("tableOfContentsUpdate", c);
+    }
+    return (c, g) => (n(), v(t(Q), {
+      loading: u.loading,
+      tip: "文档加载中...",
+      class: "Spin",
+      dot: ""
+    }, {
+      default: d(() => [$(t(oe), {
+        ref_key: "TiptapEditorRef",
+        ref: i,
+        "model-value": u.content,
+        editable: l.value,
+        "tiptap-editor-content-class": "tiptapEditorContentClass",
+        onTableOfContentsUpdate: r
+      }, {
+        title: d(() => [$(t(le), {
+          "model-value": u.title,
+          editable: l.value
+        }, null, 8, ["model-value", "editable"])]),
+        _: 1
+      }, 8, ["model-value", "editable"]), h("", !0)]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+}), F = /* @__PURE__ */ L(ye, [["__scopeId", "data-v-8eec0226"]]), _e = /* @__PURE__ */ N({
+  __name: "MessageChangelogNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = m(!1), s = m(null), u = m(""), l = e;
+    function a() {
+      o.value = !0, ve({
+        id: l.id
+      }).then(({
+        data: i
+      }) => {
+        s.value = i.content, u.value = i.title, o.value = !1;
+      }).catch((i) => {
+        console.error("获取变更日志详情失败:", i), o.value = !1;
+      });
+    }
+    return a(), (i, r) => (n(), v(F, {
+      content: s.value,
+      title: u.value,
+      loading: o.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), he = {
+  key: 0,
+  class: "loading"
+}, be = {
+  key: 1,
+  class: "none"
+}, ke = /* @__PURE__ */ N({
+  __name: "InfiniteLoading",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    finished: {
+      type: Boolean,
+      default: !1
+    },
+    loadingText: {
+      type: String,
+      default: "数据加载中..."
+    },
+    finishedText: {
+      type: String,
+      default: "亲，没有更多了!"
+    },
+    showFinishedText: {
+      type: Boolean,
+      default: !0
+    },
+    threshold: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["infinite"],
+  setup(e, {
+    emit: o
+  }) {
+    const s = e, u = o, l = m(null);
+    return re(l, ([{
+      isIntersecting: a
+    }]) => {
+      a && // 当loading和finished的值都为false时，就通知父组件调用方法继续向后台请求数据
+      !s.loading && !s.finished && u("infinite");
+    }, {
+      threshold: s.threshold
+    }), (a, i) => (n(), b("div", {
+      ref_key: "container",
+      ref: l,
+      class: "infinite-loading"
+    }, [e.loading ? (n(), b("div", he, [$(t(Q), {
+      tip: e.loadingText
+    }, null, 8, ["tip"])])) : h("", !0), e.finished && e.showFinishedText ? (n(), b("div", be, [$(t(W), {
+      description: e.finishedText
+    }, null, 8, ["description"])])) : h("", !0)], 512));
+  }
+}), Ce = /* @__PURE__ */ L(ke, [["__scopeId", "data-v-b513f798"]]), $e = {
+  class: "message-item__content"
+}, Ne = {
+  class: "message-item__header"
+}, Me = {
+  class: "message-item__title"
+}, Ae = {
+  class: "message-item__tags"
+}, Se = {
+  class: "message-item__description"
+}, we = {
+  class: "message-item__footer"
+}, Le = {
+  class: "message-item__time"
+}, Ie = {
+  class: "message-item__actions"
+}, xe = /* @__PURE__ */ N({
+  __name: "MessageItem",
+  props: {
+    item: {},
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (o, s) => (n(), b("div", {
+      class: V(["message-item", {
+        "message-item--unread": e.showReadStatus && !e.item.read
+      }]),
+      onClick: s[0] || (s[0] = (u) => o.$emit("click", e.item))
+    }, [S("div", $e, [S("div", Ne, [e.showReadStatus ? (n(), b("span", {
+      key: 0,
+      class: V(["message-item__dot", {
+        "message-item__dot--unread": !e.item.read
+      }])
+    }, null, 2)) : h("", !0), T(o.$slots, "prefix", {
+      item: e.item
+    }, void 0, !0), S("span", Me, w(e.item.title), 1), S("div", Ae, [e.item.pinned ? (n(), v(t(x), {
+      key: 0,
+      color: "arcoblue",
+      size: "small"
+    }, {
+      default: d(() => [...s[1] || (s[1] = [k("置顶", -1)])]),
+      _: 1
+    })) : h("", !0), T(o.$slots, "tags", {
+      item: e.item
+    }, () => [e.item.priority === "urgent" ? (n(), v(t(x), {
+      key: 0,
+      color: "red",
+      size: "small"
+    }, {
+      default: d(() => [...s[2] || (s[2] = [k("紧急", -1)])]),
+      _: 1
+    })) : e.item.priority === "important" ? (n(), v(t(x), {
+      key: 1,
+      color: "orange",
+      size: "small"
+    }, {
+      default: d(() => [...s[3] || (s[3] = [k("重要", -1)])]),
+      _: 1
+    })) : e.item.priority === "high" ? (n(), v(t(x), {
+      key: 2,
+      color: "orange",
+      size: "small"
+    }, {
+      default: d(() => [...s[4] || (s[4] = [k("高", -1)])]),
+      _: 1
+    })) : h("", !0)], !0)])]), S("div", Se, [T(o.$slots, "description", {
+      item: e.item
+    }, () => [k(w(e.item.description), 1)], !0)]), S("div", we, [S("span", Le, w(e.item.createAt), 1), T(o.$slots, "footer", {
+      item: e.item
+    }, void 0, !0)])]), S("div", Ie, [T(o.$slots, "actions", {
+      item: e.item
+    }, () => [e.showViewButton ? (n(), v(t(ne), {
+      key: 0,
+      type: "text",
+      size: "small"
+    }, {
+      default: d(() => [...s[5] || (s[5] = [k("查看", -1)])]),
+      _: 1
+    })) : h("", !0)], !0)])], 2));
+  }
+}), Te = /* @__PURE__ */ L(xe, [["__scopeId", "data-v-1cf5087b"]]), ze = {
+  class: "message-list"
+}, Be = {
+  key: 0,
+  class: "message-list__empty"
+}, De = /* @__PURE__ */ N({
+  __name: "MessageList",
+  props: {
+    messageList: {},
+    loading: {
+      type: Boolean
+    },
+    finished: {
+      type: Boolean
+    },
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    }
+  },
+  emits: ["itemClick", "loadMore"],
+  setup(e, {
+    emit: o
+  }) {
+    const s = e, u = o;
+    function l(a) {
+      u("itemClick", a);
+    }
+    return (a, i) => (n(), b("div", ze, [s.messageList.length === 0 && !s.loading ? (n(), b("div", Be, [$(t(W), {
+      description: "暂无消息"
+    })])) : (n(), b(R, {
+      key: 1
+    }, [(n(!0), b(R, null, G(s.messageList, (r) => (n(), v(Te, {
+      key: r.id,
+      item: r,
+      "show-read-status": s.showReadStatus,
+      "show-view-button": s.showViewButton,
+      onClick: (c) => l(r)
+    }, ee({
+      _: 2
+    }, [a.$slots.prefix ? {
+      name: "prefix",
+      fn: d((c) => [T(a.$slots, "prefix", U({
+        ref_for: !0
+      }, c), void 0, !0)]),
+      key: "0"
+    } : void 0, a.$slots.tags ? {
+      name: "tags",
+      fn: d((c) => [T(a.$slots, "tags", U({
+        ref_for: !0
+      }, c), void 0, !0)]),
+      key: "1"
+    } : void 0, a.$slots.description ? {
+      name: "description",
+      fn: d((c) => [T(a.$slots, "description", U({
+        ref_for: !0
+      }, c), void 0, !0)]),
+      key: "2"
+    } : void 0, a.$slots.footer ? {
+      name: "footer",
+      fn: d((c) => [T(a.$slots, "footer", U({
+        ref_for: !0
+      }, c), void 0, !0)]),
+      key: "3"
+    } : void 0, a.$slots.actions ? {
+      name: "actions",
+      fn: d((c) => [T(a.$slots, "actions", U({
+        ref_for: !0
+      }, c), void 0, !0)]),
+      key: "4"
+    } : void 0]), 1032, ["item", "show-read-status", "show-view-button", "onClick"]))), 128)), $(Ce, {
+      loading: s.loading,
+      finished: s.finished,
+      onInfinite: i[0] || (i[0] = (r) => a.$emit("loadMore"))
+    }, null, 8, ["loading", "finished"])], 64))]));
+  }
+}), K = /* @__PURE__ */ L(De, [["__scopeId", "data-v-991c4730"]]), Oe = {
+  class: "message-panel"
+}, Ue = {
+  class: "version-prefix"
+}, Ve = {
+  key: 0,
+  class: "publish-time"
+}, Re = /* @__PURE__ */ N({
+  __name: "MessageChangelogNotifications",
+  setup(e) {
+    const {
+      isList: o,
+      detailId: s,
+      loading: u,
+      finished: l,
+      messageList: a,
+      loadMore: i,
+      toList: r,
+      openDetail: c
+    } = H(me);
+    function g(y) {
+      return {
+        feature: "green",
+        improvement: "blue",
+        fix: "orange",
+        security: "red",
+        breaking: "magenta"
+      }[y] || "blue";
+    }
+    function C(y) {
+      return {
+        feature: "新功能",
+        improvement: "优化",
+        fix: "修复",
+        security: "安全",
+        breaking: "重大变更"
+      }[y] || "更新";
+    }
+    return (y, f) => (n(), b("div", Oe, [t(o) ? h("", !0) : (n(), v(t(E), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: d(() => [$(t(B), {
+        onClick: t(r)
+      }, {
+        default: d(() => [...f[0] || (f[0] = [k("更新日志", -1)])]),
+        _: 1
+      }, 8, ["onClick"]), $(t(B), null, {
+        default: d(() => [...f[1] || (f[1] = [k("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t(o) ? (n(), v(K, {
+      key: 1,
+      "message-list": t(a),
+      loading: t(u),
+      finished: t(l),
+      onItemClick: t(c),
+      onLoadMore: t(i)
+    }, {
+      prefix: d(({
+        item: p
+      }) => [S("span", Ue, w(p.version), 1)]),
+      tags: d(({
+        item: p
+      }) => [$(t(x), {
+        color: g(p.changeType),
+        size: "small"
+      }, {
+        default: d(() => [k(w(C(p.changeType)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: d(({
+        item: p
+      }) => [p.publishedAt ? (n(), b("span", Ve, " 发布于 " + w(p.publishedAt), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(_e, {
+      key: 2,
+      id: t(s)
+    }, null, 8, ["id"]))]));
+  }
+}), Ee = /* @__PURE__ */ L(Re, [["__scopeId", "data-v-20ecca66"]]);
+function Fe(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/eventNotifications/find`,
+    method: "post",
+    data: e
+  });
+}
+function Ke(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/eventNotifications/findOne`,
+    method: "post",
+    data: e
+  });
+}
+const qe = /* @__PURE__ */ N({
+  __name: "MessageEventNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = m(!1), s = m(null), u = m(""), l = e;
+    function a() {
+      o.value = !0, Ke({
+        id: l.id
+      }).then(({
+        data: i
+      }) => {
+        s.value = i.content, u.value = i.title, o.value = !1;
+      }).catch((i) => {
+        console.error("获取事件通知详情失败:", i), o.value = !1;
+      });
+    }
+    return a(), (i, r) => (n(), v(F, {
+      content: s.value,
+      title: u.value,
+      loading: o.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), He = {
+  class: "message-panel"
+}, je = {
+  key: 0,
+  class: "time-range"
+}, Pe = /* @__PURE__ */ N({
+  __name: "MessageEventNotifications",
+  setup(e) {
+    const {
+      isList: o,
+      detailId: s,
+      loading: u,
+      finished: l,
+      messageList: a,
+      loadMore: i,
+      toList: r,
+      openDetail: c
+    } = H((y) => Fe({
+      ...y,
+      where: {
+        status: "published"
+      }
+    }));
+    function g(y) {
+      return {
+        upcoming: "blue",
+        ongoing: "green",
+        ended: "gray",
+        published: "arcoblue"
+      }[y] || "gray";
+    }
+    function C(y) {
+      return {
+        upcoming: "即将开始",
+        ongoing: "进行中",
+        ended: "已结束",
+        published: "已发布"
+      }[y] || "未知";
+    }
+    return (y, f) => (n(), b("div", He, [t(o) ? h("", !0) : (n(), v(t(E), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: d(() => [$(t(B), {
+        onClick: t(r)
+      }, {
+        default: d(() => [...f[0] || (f[0] = [k("活动通知", -1)])]),
+        _: 1
+      }, 8, ["onClick"]), $(t(B), null, {
+        default: d(() => [...f[1] || (f[1] = [k("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t(o) ? (n(), v(K, {
+      key: 1,
+      "message-list": t(a),
+      loading: t(u),
+      finished: t(l),
+      onItemClick: t(c),
+      onLoadMore: t(i)
+    }, {
+      tags: d(({
+        item: p
+      }) => [$(t(x), {
+        color: g(p.displayStatus),
+        size: "small"
+      }, {
+        default: d(() => [k(w(C(p.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: d(({
+        item: p
+      }) => [p.startAt || p.endAt ? (n(), b("span", je, w(p.startAt || "无") + " ~ " + w(p.endAt || "无"), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(qe, {
+      key: 2,
+      id: t(s)
+    }, null, 8, ["id"]))]));
+  }
+}), Ge = /* @__PURE__ */ L(Pe, [["__scopeId", "data-v-13297e28"]]), Je = {
+  style: {
+    display: "flex",
+    gap: "16px"
+  }
+}, Qe = ["onClick"], We = /* @__PURE__ */ N({
+  __name: "MessageCustomTabs",
+  props: {
+    modelValue: {
+      type: String,
+      default: "1"
+    },
+    tabs: {
+      type: Array,
+      default: () => [{
+        label: "未读消息",
+        key: "1"
+      }, {
+        label: "已读消息",
+        key: "2"
+      }]
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, {
+    emit: o
+  }) {
+    const s = e, u = o;
+    function l(a) {
+      a !== s.modelValue && (u("update:modelValue", a), u("change", a));
+    }
+    return (a, i) => (n(), b("div", Je, [(n(!0), b(R, null, G(e.tabs, (r) => (n(), b("span", {
+      key: r.key,
+      class: V(["custom-tab", [{
+        active: e.modelValue === r.key
+      }]]),
+      onClick: (c) => l(r.key)
+    }, w(r.label), 11, Qe))), 128))]));
+  }
+}), Xe = /* @__PURE__ */ L(We, [["__scopeId", "data-v-fafcc3ad"]]), Ye = {
+  class: "tabs"
+}, Ze = /* @__PURE__ */ N({
+  __name: "MessageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    messageList: {
+      type: Array,
+      required: !0
+    },
+    activeTab: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:activeTab", "change", "readAll"],
+  setup(e, {
+    emit: o
+  }) {
+    const s = e, u = o, l = m(s.activeTab);
+    te(() => s.activeTab, (r) => {
+      l.value = r;
+    });
+    function a(r) {
+      l.value = r, u("update:activeTab", r), u("change", r);
+    }
+    function i() {
+      s.messageList.length !== 0 && u("readAll");
+    }
+    return (r, c) => (n(), b("div", Ye, [$(Xe, {
+      modelValue: l.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (g) => l.value = g),
+      tabs: e.tabs,
+      onChange: a
+    }, null, 8, ["modelValue", "tabs"]), l.value === "unread" ? (n(), b("div", {
+      key: 0,
+      class: V(["readAll", {
+        disabled: e.messageList.length === 0
+      }]),
+      onClick: i
+    }, [$(t(fe), {
+      class: "icon",
+      icon: "icon-park-outline:clear"
+    }), c[1] || (c[1] = S("span", null, " 全部已读", -1))], 2)) : h("", !0)]));
+  }
+}), et = /* @__PURE__ */ L(Ze, [["__scopeId", "data-v-91277265"]]), tt = {
+  class: "message-panel"
+}, q = "system", st = /* @__PURE__ */ N({
+  __name: "MessageNotifications",
+  setup(e) {
+    const o = m(!0), s = m(""), u = m(!1), l = m({
+      title: "",
+      content: null
+    }), a = m(!1), i = m(!1), r = m([]), c = m("unread"), g = m({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), C = [{
+      label: "未读消息",
+      key: "unread"
+    }, {
+      label: "已读消息",
+      key: "read"
+    }], y = J(() => c.value === "read");
+    async function f() {
+      a.value = !0;
+      try {
+        const {
+          data: M
+        } = await P({
+          current: g.value.current,
+          pageSize: g.value.pageSize,
+          where: {
+            type: q,
+            read: y.value
+          }
+        });
+        r.value = M.items.map((_) => ({
+          id: _.id,
+          title: _.title,
+          description: _.description,
+          createAt: _.createAt,
+          updateAt: _.updateAt,
+          type: _.type,
+          priority: _.priority,
+          read: _.read ?? !1,
+          readAt: _.readAt ?? null
+        })), g.value.total = M.count, i.value = M.items.length < g.value.pageSize;
+      } finally {
+        a.value = !1;
+      }
+    }
+    async function p() {
+      if (!(a.value || i.value)) {
+        g.value.current += 1, a.value = !0;
+        try {
+          const {
+            data: M
+          } = await P({
+            current: g.value.current,
+            pageSize: g.value.pageSize,
+            where: {
+              type: q,
+              read: y.value
+            }
+          }), _ = M.items.map((A) => ({
+            id: A.id,
+            title: A.title,
+            description: A.description,
+            createAt: A.createAt,
+            updateAt: A.updateAt,
+            type: A.type,
+            priority: A.priority,
+            read: A.read ?? !1,
+            readAt: A.readAt ?? null
+          }));
+          r.value = [...r.value, ..._], i.value = M.items.length < g.value.pageSize;
+        } finally {
+          a.value = !1;
+        }
+      }
+    }
+    function z() {
+      g.value.current = 1, i.value = !1, f();
+    }
+    async function I() {
+      r.value.length !== 0 && (await ue({
+        type: q
+      }), f());
+    }
+    function X() {
+      o.value = !0, s.value = "", l.value = {
+        title: "",
+        content: null
+      };
+    }
+    async function Y(M) {
+      u.value = !0;
+      try {
+        const {
+          data: _
+        } = await ce({
+          id: M
+        });
+        l.value = {
+          title: _.title,
+          content: _.content
+        };
+      } finally {
+        u.value = !1;
+      }
+    }
+    async function Z(M) {
+      s.value = M.id, o.value = !1, M.read || await de({
+        messageId: M.id
+      }), Y(M.id);
+    }
+    return f(), (M, _) => (n(), b("div", tt, [o.value ? h("", !0) : (n(), v(t(E), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: d(() => [$(t(B), {
+        onClick: X
+      }, {
+        default: d(() => [..._[1] || (_[1] = [k("消息通知", -1)])]),
+        _: 1
+      }), $(t(B), null, {
+        default: d(() => [..._[2] || (_[2] = [k("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), o.value ? (n(), v(et, {
+      key: 1,
+      "active-tab": c.value,
+      "onUpdate:activeTab": _[0] || (_[0] = (A) => c.value = A),
+      tabs: C,
+      "message-list": r.value,
+      onChange: z,
+      onReadAll: I
+    }, null, 8, ["active-tab", "message-list"])) : h("", !0), o.value ? (n(), v(K, {
+      key: 2,
+      "message-list": r.value,
+      loading: a.value,
+      finished: i.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: Z,
+      onLoadMore: p
+    }, {
+      tags: d(({
+        item: A
+      }) => [A.priority === "urgent" ? (n(), v(t(x), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: d(() => [..._[3] || (_[3] = [k("紧急", -1)])]),
+        _: 1
+      })) : A.priority === "high" ? (n(), v(t(x), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: d(() => [..._[4] || (_[4] = [k("高", -1)])]),
+        _: 1
+      })) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (n(), v(F, {
+      key: 3,
+      title: l.value.title,
+      content: l.value.content,
+      loading: u.value
+    }, null, 8, ["title", "content", "loading"]))]));
+  }
+}), at = /* @__PURE__ */ L(st, [["__scopeId", "data-v-2fe260dd"]]);
+function nt(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/noticeNotifications/find`,
+    method: "post",
+    data: e
+  });
+}
+function it(e) {
+  return D({
+    url: `${O.prefixUrl}/restfulApi/messageCenter/noticeNotifications/findOne`,
+    method: "post",
+    data: e
+  });
+}
+const ot = /* @__PURE__ */ N({
+  __name: "MessageNoticeNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = m(!1), s = m(null), u = m(""), l = e;
+    function a() {
+      o.value = !0, it({
+        id: l.id
+      }).then(({
+        data: i
+      }) => {
+        s.value = i.content, u.value = i.title, o.value = !1;
+      }).catch((i) => {
+        console.error("获取通知详情失败:", i), o.value = !1;
+      });
+    }
+    return a(), (i, r) => (n(), v(F, {
+      content: s.value,
+      title: u.value,
+      loading: o.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), lt = {
+  class: "message-panel"
+}, rt = {
+  key: 0,
+  class: "expire-time"
+}, ut = /* @__PURE__ */ N({
+  __name: "MessageNoticeNotifications",
+  setup(e) {
+    const {
+      isList: o,
+      detailId: s,
+      loading: u,
+      finished: l,
+      messageList: a,
+      loadMore: i,
+      toList: r,
+      openDetail: c
+    } = H((y) => nt({
+      ...y,
+      where: {
+        status: "published"
+      }
+    }));
+    function g(y) {
+      return {
+        published: "green",
+        expired: "gray"
+      }[y] || "gray";
+    }
+    function C(y) {
+      return {
+        published: "有效",
+        expired: "已过期"
+      }[y] || "未知";
+    }
+    return (y, f) => (n(), b("div", lt, [t(o) ? h("", !0) : (n(), v(t(E), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: d(() => [$(t(B), {
+        onClick: t(r)
+      }, {
+        default: d(() => [...f[0] || (f[0] = [k("公告通知", -1)])]),
+        _: 1
+      }, 8, ["onClick"]), $(t(B), null, {
+        default: d(() => [...f[1] || (f[1] = [k("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), t(o) ? (n(), v(K, {
+      key: 1,
+      "message-list": t(a),
+      loading: t(u),
+      finished: t(l),
+      onItemClick: t(c),
+      onLoadMore: t(i)
+    }, {
+      tags: d(({
+        item: p
+      }) => [p.priority === "urgent" ? (n(), v(t(x), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: d(() => [...f[2] || (f[2] = [k("紧急", -1)])]),
+        _: 1
+      })) : p.priority === "important" ? (n(), v(t(x), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: d(() => [...f[3] || (f[3] = [k("重要", -1)])]),
+        _: 1
+      })) : h("", !0), $(t(x), {
+        color: g(p.displayStatus),
+        size: "small"
+      }, {
+        default: d(() => [k(w(C(p.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: d(({
+        item: p
+      }) => [p.expireAt ? (n(), b("span", rt, w(p.displayStatus === "expired" ? "已过期" : `过期时间: ${p.expireAt}`), 1)) : h("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(ot, {
+      key: 2,
+      id: t(s)
+    }, null, 8, ["id"]))]));
+  }
+}), dt = /* @__PURE__ */ L(ut, [["__scopeId", "data-v-7bde4425"]]), ct = {
+  class: "content"
+}, ft = {
+  class: "left"
+}, pt = /* @__PURE__ */ N({
+  __name: "MessageAppMessage",
+  props: /* @__PURE__ */ j({
+    menus: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    selectedKeys: {
+      default: ["ChangelogNotifications"]
+    },
+    selectedKeysModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["cancel", "change"], ["update:selectedKeys"]),
+  setup(e, {
+    expose: o,
+    emit: s
+  }) {
+    const u = e, l = s, a = se(e, "selectedKeys"), i = J(() => a.value.length !== 0 ? a.value[0] : "");
+    function r() {
+      l("cancel");
+    }
+    function c(f, p) {
+      const z = f.path;
+      a.value = [z], l("change", f, p);
+    }
+    const {
+      changeType: g,
+      show: C
+    } = pe(l);
+    function y(f) {
+      C.value = f, g.value = "编辑";
+    }
+    return o({
+      setData: y
+    }), (f, p) => (n(), v(t(ie), {
+      visible: t(C),
+      "onUpdate:visible": p[1] || (p[1] = (z) => ae(C) ? C.value = z : null),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      "hide-title": !1,
+      width: "880px",
+      onCancel: r
+    }, {
+      default: d(() => [S("div", ct, [S("div", ft, [$(ge, {
+        "selected-keys": a.value,
+        "onUpdate:selectedKeys": p[0] || (p[0] = (z) => a.value = z),
+        menus: u.menus,
+        onChange: c
+      }, null, 8, ["selected-keys", "menus"])]), t(C) ? (n(), b(R, {
+        key: 0
+      }, [i.value === "ChangelogNotifications" ? (n(), v(Ee, {
+        key: 0
+      })) : h("", !0), i.value === "EventNotifications" ? (n(), v(Ge, {
+        key: 1
+      })) : h("", !0), i.value === "MessageNotifications" ? (n(), v(at, {
+        key: 2
+      })) : h("", !0), i.value === "NoticeNotifications" ? (n(), v(dt, {
+        key: 3
+      })) : h("", !0)], 64)) : h("", !0)])]),
+      _: 1
+    }, 8, ["visible"]));
+  }
+}), gt = /* @__PURE__ */ L(pt, [["__scopeId", "data-v-8f921467"]]), mt = /* @__PURE__ */ N({
+  __name: "MessageHandle",
+  setup(e, {
+    expose: o
+  }) {
+    const s = m(["ChangelogNotifications"]), u = m(), l = m(Symbol("key"));
+    function a() {
+      u.value.setData(!0);
+    }
+    function i() {
+      l.value = Symbol("key");
+    }
+    function r() {
+      l.value = Symbol("key");
+    }
+    const c = m([{
+      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 o({
+      openNotification: a
+    }), (g, C) => (n(), v(gt, {
+      ref_key: "MessageNotificationsRef",
+      ref: u,
+      key: l.value,
+      "selected-keys": s.value,
+      "onUpdate:selectedKeys": C[0] || (C[0] = (y) => s.value = y),
+      menus: c.value,
+      title: "消息中心",
+      onConfirm: r,
+      onCancel: i
+    }, null, 8, ["selected-keys", "menus"]));
+  }
+}), xt = /* @__PURE__ */ L(mt, [["__scopeId", "data-v-dd5fd3b4"]]);
+export {
+  gt as A,
+  Ee as C,
+  F as D,
+  Ge as E,
+  Ce as I,
+  xt as M,
+  dt as N,
+  _e as _,
+  Xe as a,
+  qe as b,
+  K as c,
+  at as d,
+  et as e,
+  ot as f
+};