@huyooo/ui 0.6.7 → 0.6.13

package/dist/MessageHandle-CR232nv3.js

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