@huyooo/ui 0.10.7 → 0.11.1

package/dist/MessageNoticeNotificationsDetails.vue_vue_type_script_setup_true_lang-D109kT8_.js

@@ -1,1282 +0,0 @@
-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
-};