@huyooo/ui 0.10.4 → 0.11.0

package/dist/MessageNoticeNotificationsDetails.vue_vue_type_script_setup_true_lang-D109kT8_.js

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