@huyooo/ui 0.11.2 → 0.11.5

package/dist/MessageHandle-B12koVQL.js

@@ -0,0 +1,924 @@
+import { ref as o, defineComponent as T, openBlock as i, createBlock as C, unref as a, withCtx as v, createVNode as N, createCommentVNode as M, createElementBlock as w, createTextVNode as L, toDisplayString as I, createElementVNode as V, Fragment as W, renderList as Q, normalizeClass as G, watch as X, computed as F, useModel as Y, isRef as Z, mergeModels as j } from "vue";
+/* empty css               */
+/* empty css               */
+import { U as ee } from "./index-D3Kp6R4z.js";
+/* empty css               */
+import { M as q } from "./MessageList-Bo6YCfRO.js";
+import { Spin as te, Breadcrumb as K, BreadcrumbItem as D, Tag as U, Modal as ae } from "@arco-design/web-vue";
+import { o as x } from "./apiClients-DVz12LeW.js";
+import { TiptapEditor as se, TiptapTitle as ne } from "@huyooo/vue-tiptap";
+import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { Icon as le } from "@iconify/vue";
+import { u as ie } from "./useAuthkitCreateAndUpdate-Bc9D5C6R.js";
+import { M as oe } from "./Menu-Cy2ZPeaz.js";
+function J(h, u = {}) {
+  const {
+    pageSize: g = 10,
+    where: r = {}
+  } = u, l = o(!0), s = o(""), t = o(!1), e = o(!1), f = o([]), n = o({
+    current: 1,
+    pageSize: g,
+    total: 0
+  });
+  async function A() {
+    if (!t.value) {
+      t.value = !0;
+      try {
+        const {
+          data: S
+        } = await h({
+          current: n.value.current,
+          pageSize: n.value.pageSize,
+          where: r
+        });
+        f.value = S.items, n.value.total = S.count, e.value = S.items.length < n.value.pageSize;
+      } finally {
+        t.value = !1;
+      }
+    }
+  }
+  async function _() {
+    if (!(t.value || e.value)) {
+      n.value.current += 1, t.value = !0;
+      try {
+        const {
+          data: S
+        } = await h({
+          current: n.value.current,
+          pageSize: n.value.pageSize,
+          where: r
+        });
+        f.value = [...f.value, ...S.items], n.value.total = S.count, e.value = S.items.length < n.value.pageSize;
+      } finally {
+        t.value = !1;
+      }
+    }
+  }
+  async function m() {
+    n.value.current = 1, e.value = !1, await A();
+  }
+  function y() {
+    l.value = !0, s.value = "";
+  }
+  function z(S) {
+    s.value = S.id, l.value = !1, E(S.id);
+  }
+  function E(S) {
+    const b = f.value.find((d) => d.id === S);
+    b && b.read !== void 0 && (b.read = !0);
+  }
+  function O(S) {
+    const b = f.value.find((d) => d.id === S);
+    b && b.read !== void 0 && (b.read = !1);
+  }
+  return A(), {
+    // 状态
+    isList: l,
+    detailId: s,
+    loading: t,
+    finished: e,
+    messageList: f,
+    pagination: n,
+    // 方法
+    loadData: A,
+    loadMore: _,
+    refresh: m,
+    toList: y,
+    openDetail: z,
+    markAsRead: E,
+    markAsUnread: O
+  };
+}
+const ue = /* @__PURE__ */ T({
+  __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(h, {
+    emit: u
+  }) {
+    const g = o([]), r = h, l = o(!1), s = u, t = o();
+    function e(f) {
+      g.value = f, s("tableOfContentsUpdate", f);
+    }
+    return (f, n) => (i(), C(a(te), {
+      loading: r.loading,
+      tip: "文档加载中...",
+      class: "Spin",
+      dot: ""
+    }, {
+      default: v(() => [N(a(se), {
+        ref_key: "TiptapEditorRef",
+        ref: t,
+        "model-value": r.content,
+        editable: l.value,
+        "tiptap-editor-content-class": "tiptapEditorContentClass",
+        onTableOfContentsUpdate: e
+      }, {
+        title: v(() => [N(a(ne), {
+          "model-value": r.title,
+          editable: l.value
+        }, null, 8, ["model-value", "editable"])]),
+        _: 1
+      }, 8, ["model-value", "editable"]), M("", !0)]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+}), B = /* @__PURE__ */ $(ue, [["__scopeId", "data-v-6ccdedc3"]]), re = /* @__PURE__ */ T({
+  __name: "MessageChangelogNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(h) {
+    const u = o(!1), g = o(null), r = o(""), l = h;
+    async function s() {
+      u.value = !0;
+      const {
+        data: t
+      } = await x.messageCenter.changelogNotifications.findOne.post({
+        id: l.id
+      });
+      u.value = !1, t && (g.value = t.content, r.value = t.title);
+    }
+    return s(), (t, e) => (i(), C(B, {
+      content: g.value,
+      title: r.value,
+      loading: u.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), ce = {
+  class: "message-panel"
+}, de = {
+  class: "version-prefix"
+}, pe = {
+  key: 0,
+  class: "publish-time"
+}, fe = {
+  key: 2,
+  class: "message-panel__detail"
+}, ge = /* @__PURE__ */ T({
+  __name: "MessageChangelogNotifications",
+  setup(h) {
+    const {
+      isList: u,
+      detailId: g,
+      loading: r,
+      finished: l,
+      messageList: s,
+      loadMore: t,
+      toList: e,
+      openDetail: f
+    } = J((_) => x.messageCenter.changelogNotifications.find.post(_));
+    function n(_) {
+      return {
+        feature: "green",
+        improvement: "blue",
+        fix: "orange",
+        security: "red",
+        breaking: "magenta"
+      }[_] || "blue";
+    }
+    function A(_) {
+      return {
+        feature: "新功能",
+        improvement: "优化",
+        fix: "修复",
+        security: "安全",
+        breaking: "重大变更"
+      }[_] || "更新";
+    }
+    return (_, m) => (i(), w("div", ce, [a(u) ? M("", !0) : (i(), C(a(K), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [N(a(D), {
+        onClick: a(e)
+      }, {
+        default: v(() => [...m[0] || (m[0] = [L("更新日志", -1)])]),
+        _: 1
+      }, 8, ["onClick"]), N(a(D), null, {
+        default: v(() => [...m[1] || (m[1] = [L("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), a(u) ? (i(), C(q, {
+      key: 1,
+      "message-list": a(s),
+      loading: a(r),
+      finished: a(l),
+      onItemClick: a(f),
+      onLoadMore: a(t)
+    }, {
+      prefix: v(({
+        item: y
+      }) => [V("span", de, I(y.version), 1)]),
+      tags: v(({
+        item: y
+      }) => [N(a(U), {
+        color: n(y.changeType),
+        size: "small"
+      }, {
+        default: v(() => [L(I(A(y.changeType)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: y
+      }) => [y.publishedAt ? (i(), w("span", pe, " 发布于 " + I(y.publishedAt), 1)) : M("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (i(), w("div", fe, [N(re, {
+      id: a(g)
+    }, null, 8, ["id"])]))]));
+  }
+}), ve = /* @__PURE__ */ $(ge, [["__scopeId", "data-v-5fd47205"]]), me = /* @__PURE__ */ T({
+  __name: "MessageEventNotificationsDetails",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(h) {
+    const u = o(!1), g = o(null), r = o(""), l = h;
+    async function s() {
+      u.value = !0;
+      const {
+        data: t
+      } = await x.messageCenter.eventNotifications.findOne.post({
+        id: l.id
+      });
+      u.value = !1, t && (g.value = t.content, r.value = t.title);
+    }
+    return s(), (t, e) => (i(), C(B, {
+      content: g.value,
+      title: r.value,
+      loading: u.value
+    }, null, 8, ["content", "title", "loading"]));
+  }
+}), ye = {
+  class: "message-panel"
+}, _e = {
+  key: 0,
+  class: "time-range"
+}, be = {
+  key: 2,
+  class: "message-panel__detail"
+}, he = /* @__PURE__ */ T({
+  __name: "MessageEventNotifications",
+  setup(h) {
+    const {
+      isList: u,
+      detailId: g,
+      loading: r,
+      finished: l,
+      messageList: s,
+      loadMore: t,
+      toList: e,
+      openDetail: f
+    } = J((_) => x.messageCenter.eventNotifications.find.post({
+      ..._,
+      where: {
+        status: "published"
+      }
+    }));
+    function n(_) {
+      return {
+        upcoming: "blue",
+        ongoing: "green",
+        ended: "gray",
+        published: "arcoblue"
+      }[_] || "gray";
+    }
+    function A(_) {
+      return {
+        upcoming: "即将开始",
+        ongoing: "进行中",
+        ended: "已结束",
+        published: "已发布"
+      }[_] || "未知";
+    }
+    return (_, m) => (i(), w("div", ye, [a(u) ? M("", !0) : (i(), C(a(K), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [N(a(D), {
+        onClick: a(e)
+      }, {
+        default: v(() => [...m[0] || (m[0] = [L("活动通知", -1)])]),
+        _: 1
+      }, 8, ["onClick"]), N(a(D), null, {
+        default: v(() => [...m[1] || (m[1] = [L("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), a(u) ? (i(), C(q, {
+      key: 1,
+      "message-list": a(s),
+      loading: a(r),
+      finished: a(l),
+      onItemClick: a(f),
+      onLoadMore: a(t)
+    }, {
+      tags: v(({
+        item: y
+      }) => [N(a(U), {
+        color: n(y.displayStatus),
+        size: "small"
+      }, {
+        default: v(() => [L(I(A(y.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: y
+      }) => [y.startAt || y.endAt ? (i(), w("span", _e, I(y.startAt || "无") + " ~ " + I(y.endAt || "无"), 1)) : M("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (i(), w("div", be, [N(me, {
+      id: a(g)
+    }, null, 8, ["id"])]))]));
+  }
+}), ke = /* @__PURE__ */ $(he, [["__scopeId", "data-v-345bc6c1"]]), Ce = {
+  style: {
+    display: "flex",
+    gap: "16px"
+  }
+}, Ae = ["onClick"], Ne = /* @__PURE__ */ T({
+  __name: "MessageCustomTabs",
+  props: {
+    modelValue: {
+      type: String,
+      default: "1"
+    },
+    tabs: {
+      type: Array,
+      default: () => [{
+        label: "未读消息",
+        key: "1"
+      }, {
+        label: "已读消息",
+        key: "2"
+      }]
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(h, {
+    emit: u
+  }) {
+    const g = h, r = u;
+    function l(s) {
+      s !== g.modelValue && (r("update:modelValue", s), r("change", s));
+    }
+    return (s, t) => (i(), w("div", Ce, [(i(!0), w(W, null, Q(h.tabs, (e) => (i(), w("span", {
+      key: e.key,
+      class: G(["custom-tab", [{
+        active: h.modelValue === e.key
+      }]]),
+      onClick: (f) => l(e.key)
+    }, I(e.label), 11, Ae))), 128))]));
+  }
+}), Se = /* @__PURE__ */ $(Ne, [["__scopeId", "data-v-d7edaca7"]]), Me = {
+  class: "tabs"
+}, we = /* @__PURE__ */ T({
+  __name: "MessageTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    messageList: {
+      type: Array,
+      required: !0
+    },
+    activeTab: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:activeTab", "change", "readAll"],
+  setup(h, {
+    emit: u
+  }) {
+    const g = h, r = u, l = o(g.activeTab);
+    X(() => g.activeTab, (e) => {
+      l.value = e;
+    });
+    function s(e) {
+      l.value = e, r("update:activeTab", e), r("change", e);
+    }
+    function t() {
+      g.messageList.length !== 0 && r("readAll");
+    }
+    return (e, f) => (i(), w("div", Me, [N(Se, {
+      modelValue: l.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (n) => l.value = n),
+      tabs: h.tabs,
+      onChange: s
+    }, null, 8, ["modelValue", "tabs"]), l.value === "unread" ? (i(), w("div", {
+      key: 0,
+      class: G(["readAll", {
+        disabled: h.messageList.length === 0
+      }]),
+      onClick: t
+    }, [N(a(le), {
+      class: "icon",
+      icon: "icon-park-outline:clear"
+    }), f[1] || (f[1] = V("span", null, " 全部已读", -1))], 2)) : M("", !0)]));
+  }
+}), P = /* @__PURE__ */ $(we, [["__scopeId", "data-v-47f7fce5"]]), Le = {
+  class: "message-panel"
+}, xe = {
+  key: 3,
+  class: "message-panel__detail"
+}, H = "system", Te = /* @__PURE__ */ T({
+  __name: "MessageNotifications",
+  setup(h) {
+    const u = o(!0), g = o(""), r = o(!1), l = o({
+      title: "",
+      content: null
+    }), s = o(!1), t = o(!1), e = o([]), f = o("unread"), n = o({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), A = [{
+      label: "未读消息",
+      key: "unread"
+    }, {
+      label: "已读消息",
+      key: "read"
+    }], _ = F(() => f.value === "read");
+    async function m() {
+      s.value = !0;
+      const {
+        data: b
+      } = await x.messageCenter.messageNotifications.own.post({
+        current: n.value.current,
+        pageSize: n.value.pageSize,
+        where: {
+          type: H,
+          read: _.value
+        }
+      });
+      s.value = !1, b && (e.value = b.items.map((d) => ({
+        id: d.id,
+        title: d.title,
+        description: d.description,
+        createAt: d.createAt,
+        updateAt: d.updateAt,
+        type: d.type,
+        priority: d.priority,
+        read: d.read ?? !1,
+        readAt: d.readAt ?? null
+      })), n.value.total = b.count, t.value = b.items.length < n.value.pageSize);
+    }
+    async function y() {
+      if (s.value || t.value) return;
+      n.value.current += 1, s.value = !0;
+      const {
+        data: b
+      } = await x.messageCenter.messageNotifications.own.post({
+        current: n.value.current,
+        pageSize: n.value.pageSize,
+        where: {
+          type: H,
+          read: _.value
+        }
+      });
+      if (s.value = !1, b) {
+        const d = b.items.map((c) => ({
+          id: c.id,
+          title: c.title,
+          description: c.description,
+          createAt: c.createAt,
+          updateAt: c.updateAt,
+          type: c.type,
+          priority: c.priority,
+          read: c.read ?? !1,
+          readAt: c.readAt ?? null
+        }));
+        e.value = [...e.value, ...d], t.value = b.items.length < n.value.pageSize;
+      }
+    }
+    function z() {
+      n.value.current = 1, t.value = !1, m();
+    }
+    async function E() {
+      e.value.length !== 0 && (await x.messageCenter.messageNotifications.readAll.post({
+        type: H
+      }), m());
+    }
+    function O() {
+      u.value = !0, g.value = "", l.value = {
+        title: "",
+        content: null
+      };
+    }
+    async function S(b) {
+      r.value = !0;
+      const {
+        data: d
+      } = await x.messageCenter.messageNotifications.findOne.post({
+        id: b
+      });
+      r.value = !1, d && (l.value = {
+        title: d.title,
+        content: d.content
+      });
+    }
+    async function R(b) {
+      g.value = b.id, u.value = !1, b.read || (await x.messageCenter.messageNotifications.read.post({
+        messageId: b.id
+      }), _.value || (e.value = e.value.filter((d) => d.id !== b.id))), S(b.id);
+    }
+    return m(), (b, d) => (i(), w("div", Le, [u.value ? M("", !0) : (i(), C(a(K), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [N(a(D), {
+        onClick: O
+      }, {
+        default: v(() => [...d[1] || (d[1] = [L("消息通知", -1)])]),
+        _: 1
+      }), N(a(D), null, {
+        default: v(() => [...d[2] || (d[2] = [L("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), u.value ? (i(), C(P, {
+      key: 1,
+      "active-tab": f.value,
+      "onUpdate:activeTab": d[0] || (d[0] = (c) => f.value = c),
+      tabs: A,
+      "message-list": e.value,
+      onChange: z,
+      onReadAll: E
+    }, null, 8, ["active-tab", "message-list"])) : M("", !0), u.value ? (i(), C(q, {
+      key: 2,
+      "message-list": e.value,
+      loading: s.value,
+      finished: t.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: R,
+      onLoadMore: y
+    }, {
+      tags: v(({
+        item: c
+      }) => [c.priority === "urgent" ? (i(), C(a(U), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: v(() => [...d[3] || (d[3] = [L("紧急", -1)])]),
+        _: 1
+      })) : c.priority === "high" ? (i(), C(a(U), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: v(() => [...d[4] || (d[4] = [L("高", -1)])]),
+        _: 1
+      })) : M("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (i(), w("div", xe, [N(B, {
+      title: l.value.title,
+      content: l.value.content,
+      loading: r.value
+    }, null, 8, ["title", "content", "loading"])]))]));
+  }
+}), ze = /* @__PURE__ */ $(Te, [["__scopeId", "data-v-2b7ded4a"]]), Ie = {
+  class: "message-panel"
+}, $e = {
+  key: 0,
+  class: "expire-time"
+}, De = {
+  key: 3,
+  class: "message-panel__detail"
+}, Ue = /* @__PURE__ */ T({
+  __name: "MessageNoticeNotifications",
+  setup(h) {
+    const u = o(!0), g = o(""), r = o(!1), l = o({
+      title: "",
+      content: null
+    }), s = o(!1), t = o(!1), e = o([]), f = o("unread"), n = o({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), A = [{
+      label: "未读公告",
+      key: "unread"
+    }, {
+      label: "已读公告",
+      key: "read"
+    }], _ = F(() => f.value === "read");
+    async function m() {
+      s.value = !0;
+      const {
+        data: c
+      } = await x.messageCenter.noticeNotifications.own.post({
+        current: n.value.current,
+        pageSize: n.value.pageSize,
+        where: {
+          read: _.value
+        }
+      });
+      s.value = !1, c && (e.value = c.items.map((p) => ({
+        id: p.id,
+        title: p.title,
+        description: p.description,
+        createAt: p.createAt,
+        updateAt: p.updateAt,
+        pinned: p.pinned,
+        priority: p.priority,
+        displayStatus: p.displayStatus,
+        expireAt: p.expireAt,
+        requireConfirm: p.requireConfirm,
+        read: p.read ?? !1,
+        readAt: p.readAt ?? null
+      })), n.value.total = c.count, t.value = c.items.length < n.value.pageSize);
+    }
+    async function y() {
+      if (s.value || t.value) return;
+      n.value.current += 1, s.value = !0;
+      const {
+        data: c
+      } = await x.messageCenter.noticeNotifications.own.post({
+        current: n.value.current,
+        pageSize: n.value.pageSize,
+        where: {
+          read: _.value
+        }
+      });
+      if (s.value = !1, c) {
+        const p = c.items.map((k) => ({
+          id: k.id,
+          title: k.title,
+          description: k.description,
+          createAt: k.createAt,
+          updateAt: k.updateAt,
+          pinned: k.pinned,
+          priority: k.priority,
+          displayStatus: k.displayStatus,
+          expireAt: k.expireAt,
+          requireConfirm: k.requireConfirm,
+          read: k.read ?? !1,
+          readAt: k.readAt ?? null
+        }));
+        e.value = [...e.value, ...p], t.value = c.items.length < n.value.pageSize;
+      }
+    }
+    function z() {
+      n.value.current = 1, t.value = !1, m();
+    }
+    async function E() {
+      e.value.length !== 0 && (await x.messageCenter.noticeNotifications.readAll.post({}), m());
+    }
+    function O() {
+      u.value = !0, g.value = "", l.value = {
+        title: "",
+        content: null
+      };
+    }
+    async function S(c) {
+      r.value = !0;
+      const {
+        data: p
+      } = await x.messageCenter.noticeNotifications.findOne.post({
+        id: c
+      });
+      r.value = !1, p && (l.value = {
+        title: p.title,
+        content: p.content
+      });
+    }
+    async function R(c) {
+      g.value = c.id, u.value = !1, c.read || (await x.messageCenter.noticeNotifications.read.post({
+        noticeId: c.id
+      }), _.value || (e.value = e.value.filter((p) => p.id !== c.id))), S(c.id);
+    }
+    function b(c) {
+      return {
+        published: "green",
+        expired: "gray"
+      }[c] || "gray";
+    }
+    function d(c) {
+      return {
+        published: "有效",
+        expired: "已过期"
+      }[c] || "未知";
+    }
+    return m(), (c, p) => (i(), w("div", Ie, [u.value ? M("", !0) : (i(), C(a(K), {
+      key: 0,
+      class: "message-panel__breadcrumb"
+    }, {
+      default: v(() => [N(a(D), {
+        onClick: O
+      }, {
+        default: v(() => [...p[1] || (p[1] = [L("公告通知", -1)])]),
+        _: 1
+      }), N(a(D), null, {
+        default: v(() => [...p[2] || (p[2] = [L("详情", -1)])]),
+        _: 1
+      })]),
+      _: 1
+    })), u.value ? (i(), C(P, {
+      key: 1,
+      "active-tab": f.value,
+      "onUpdate:activeTab": p[0] || (p[0] = (k) => f.value = k),
+      tabs: A,
+      "message-list": e.value,
+      onChange: z,
+      onReadAll: E
+    }, null, 8, ["active-tab", "message-list"])) : M("", !0), u.value ? (i(), C(q, {
+      key: 2,
+      "message-list": e.value,
+      loading: s.value,
+      finished: t.value,
+      "show-read-status": !0,
+      "show-view-button": !1,
+      onItemClick: R,
+      onLoadMore: y
+    }, {
+      tags: v(({
+        item: k
+      }) => [k.priority === "urgent" ? (i(), C(a(U), {
+        key: 0,
+        color: "red",
+        size: "small"
+      }, {
+        default: v(() => [...p[3] || (p[3] = [L("紧急", -1)])]),
+        _: 1
+      })) : k.priority === "important" ? (i(), C(a(U), {
+        key: 1,
+        color: "orange",
+        size: "small"
+      }, {
+        default: v(() => [...p[4] || (p[4] = [L("重要", -1)])]),
+        _: 1
+      })) : M("", !0), N(a(U), {
+        color: b(k.displayStatus),
+        size: "small"
+      }, {
+        default: v(() => [L(I(d(k.displayStatus)), 1)]),
+        _: 2
+      }, 1032, ["color"])]),
+      footer: v(({
+        item: k
+      }) => [k.expireAt ? (i(), w("span", $e, I(k.displayStatus === "expired" ? "已过期" : `过期时间: ${k.expireAt}`), 1)) : M("", !0)]),
+      _: 1
+    }, 8, ["message-list", "loading", "finished"])) : (i(), w("div", De, [N(B, {
+      title: l.value.title,
+      content: l.value.content,
+      loading: r.value
+    }, null, 8, ["title", "content", "loading"])]))]));
+  }
+}), Ee = /* @__PURE__ */ $(Ue, [["__scopeId", "data-v-ce6c2679"]]), Oe = {
+  class: "content"
+}, Re = {
+  class: "left"
+}, Ve = /* @__PURE__ */ T({
+  __name: "MessageAppMessage",
+  props: /* @__PURE__ */ j({
+    menus: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    selectedKeys: {
+      default: ["ChangelogNotifications"]
+    },
+    selectedKeysModifiers: {}
+  }),
+  emits: /* @__PURE__ */ j(["cancel", "change"], ["update:selectedKeys"]),
+  setup(h, {
+    expose: u,
+    emit: g
+  }) {
+    const r = h, l = g, s = Y(h, "selectedKeys"), t = F(() => s.value.length !== 0 ? s.value[0] : "");
+    function e() {
+      l("cancel");
+    }
+    function f(m) {
+      const y = m.path;
+      s.value = [y], l("change", m);
+    }
+    const {
+      changeType: n,
+      show: A
+    } = ie(l);
+    function _(m) {
+      A.value = m, n.value = "编辑";
+    }
+    return u({
+      setData: _
+    }), (m, y) => (i(), C(a(ae), {
+      visible: a(A),
+      "onUpdate:visible": y[1] || (y[1] = (z) => Z(A) ? A.value = z : null),
+      loading: !1,
+      "body-class": "AppMessagebodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      "hide-title": !1,
+      width: a(ee),
+      onCancel: e
+    }, {
+      default: v(() => [V("div", Oe, [V("div", Re, [N(oe, {
+        "selected-keys": s.value,
+        "onUpdate:selectedKeys": y[0] || (y[0] = (z) => s.value = z),
+        menus: r.menus,
+        onChange: f
+      }, null, 8, ["selected-keys", "menus"])]), a(A) ? (i(), w(W, {
+        key: 0
+      }, [t.value === "ChangelogNotifications" ? (i(), C(ve, {
+        key: 0
+      })) : M("", !0), t.value === "EventNotifications" ? (i(), C(ke, {
+        key: 1
+      })) : M("", !0), t.value === "MessageNotifications" ? (i(), C(ze, {
+        key: 2
+      })) : M("", !0), t.value === "NoticeNotifications" ? (i(), C(Ee, {
+        key: 3
+      })) : M("", !0)], 64)) : M("", !0)])]),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+}), qe = /* @__PURE__ */ $(Ve, [["__scopeId", "data-v-0959cb84"]]), Ke = /* @__PURE__ */ T({
+  __name: "MessageHandle",
+  setup(h, {
+    expose: u
+  }) {
+    const g = o(["ChangelogNotifications"]), r = o(), l = o(Symbol("key"));
+    function s() {
+      r.value.setData(!0);
+    }
+    function t() {
+      l.value = Symbol("key");
+    }
+    function e() {
+      l.value = Symbol("key");
+    }
+    const f = o([{
+      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 u({
+      openNotification: s
+    }), (n, A) => (i(), C(qe, {
+      ref_key: "MessageNotificationsRef",
+      ref: r,
+      key: l.value,
+      "selected-keys": g.value,
+      "onUpdate:selectedKeys": A[0] || (A[0] = (_) => g.value = _),
+      menus: f.value,
+      title: "消息中心",
+      onConfirm: e,
+      onCancel: t
+    }, null, 8, ["selected-keys", "menus"]));
+  }
+}), tt = /* @__PURE__ */ $(Ke, [["__scopeId", "data-v-2e2a72d0"]]);
+export {
+  qe as A,
+  ve as C,
+  B as D,
+  ke as E,
+  tt as M,
+  Ee as N,
+  re as _,
+  Se as a,
+  me as b,
+  ze as c,
+  P as d
+};