@huyooo/ui 0.7.4 → 0.7.6

package/dist/MessageHandle-CdBq2aDG.js

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