@huyooo/ui 1.0.7 → 2.0.1

package/dist/MessageHandle-DKoySsCG.js

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