@huyooo/ui 0.7.3 → 0.7.4

package/dist/{MessageHandle-eQlgrUIL.js → MessageHandle-Bn5JXhlv.js}

@@ -1,4 +1,4 @@
-import { ref as g, defineComponent as M, createBlock as v, openBlock as n, unref as t, withCtx as c, createVNode as N, createCommentVNode as h, createElementBlock as b, normalizeClass as V, createElementVNode as w, renderSlot as T, toDisplayString as L, createTextVNode as C, Fragment as E, renderList as W, createSlots as ee, mergeProps as U, watch as te, computed as X, mergeModels as J, useModel as se, isRef as ae } from "vue";
+import { ref as g, defineComponent as M, createBlock as v, openBlock as n, unref as t, withCtx as c, createVNode as N, createCommentVNode as b, createElementBlock as k, normalizeClass as V, createElementVNode as w, renderSlot as T, toDisplayString as L, createTextVNode as C, Fragment as E, renderList as W, createSlots as ee, mergeProps as U, watch as te, computed as X, mergeModels as J, useModel as se, isRef as ae } from "vue";
 /* empty css               */
 /* empty css               */
 /* empty css               */
@@ -31,7 +31,7 @@ function G(e, o = {}) {
   const {
     pageSize: s = 10,
     where: u = {}
-  } = o, l = g(!0), a = g(""), i = g(!1), r = g(!1), d = g([]), p = g({
+  } = o, r = g(!0), a = g(""), i = g(!1), l = g(!1), d = g([]), p = g({
     current: 1,
     pageSize: s,
     total: 0
@@ -47,14 +47,14 @@ function G(e, o = {}) {
           pageSize: p.value.pageSize,
           where: u
         });
-        d.value = A.items, p.value.total = A.count, r.value = A.items.length < p.value.pageSize;
+        d.value = A.items, p.value.total = A.count, l.value = A.items.length < p.value.pageSize;
       } finally {
         i.value = !1;
       }
     }
   }
   async function _() {
-    if (!(i.value || r.value)) {
+    if (!(i.value || l.value)) {
       p.value.current += 1, i.value = !0;
       try {
         const {
@@ -64,35 +64,35 @@ function G(e, o = {}) {
           pageSize: p.value.pageSize,
           where: u
         });
-        d.value = [...d.value, ...A.items], p.value.total = A.count, r.value = A.items.length < p.value.pageSize;
+        d.value = [...d.value, ...A.items], p.value.total = A.count, l.value = A.items.length < p.value.pageSize;
       } finally {
         i.value = !1;
       }
     }
   }
   async function f() {
-    p.value.current = 1, r.value = !1, await $();
+    p.value.current = 1, l.value = !1, await $();
   }
   function m() {
-    l.value = !0, a.value = "";
+    r.value = !0, a.value = "";
   }
   function z(A) {
-    a.value = A.id, l.value = !1, R(A.id);
+    a.value = A.id, r.value = !1, R(A.id);
   }
   function R(A) {
-    const k = d.value.find((y) => y.id === A);
-    k && k.read !== void 0 && (k.read = !0);
+    const h = d.value.find((y) => y.id === A);
+    h && h.read !== void 0 && (h.read = !0);
   }
   function H(A) {
-    const k = d.value.find((y) => y.id === A);
-    k && k.read !== void 0 && (k.read = !1);
+    const h = d.value.find((y) => y.id === A);
+    h && h.read !== void 0 && (h.read = !1);
   }
   return $(), {
     // 状态
-    isList: l,
+    isList: r,
     detailId: a,
     loading: i,
-    finished: r,
+    finished: l,
     messageList: d,
     pagination: p,
     // 方法
@@ -125,8 +125,8 @@ const ye = /* @__PURE__ */ M({
   setup(e, {
     emit: o
   }) {
-    const s = g([]), u = e, l = g(!1), a = o, i = g();
-    function r(d) {
+    const s = g([]), u = e, r = g(!1), a = o, i = g();
+    function l(d) {
       s.value = d, a("tableOfContentsUpdate", d);
     }
     return (d, p) => (n(), v(t(Y), {
@@ -139,16 +139,16 @@ const ye = /* @__PURE__ */ M({
         ref_key: "TiptapEditorRef",
         ref: i,
         "model-value": u.content,
-        editable: l.value,
+        editable: r.value,
         "tiptap-editor-content-class": "tiptapEditorContentClass",
-        onTableOfContentsUpdate: r
+        onTableOfContentsUpdate: l
       }, {
         title: c(() => [N(t(le), {
           "model-value": u.title,
-          editable: l.value
+          editable: r.value
         }, null, 8, ["model-value", "editable"])]),
         _: 1
-      }, 8, ["model-value", "editable"]), h("", !0)]),
+      }, 8, ["model-value", "editable"]), b("", !0)]),
       _: 1
     }, 8, ["loading"]));
   }
@@ -161,10 +161,10 @@ const ye = /* @__PURE__ */ M({
     }
   },
   setup(e) {
-    const o = g(!1), s = g(null), u = g(""), l = e;
+    const o = g(!1), s = g(null), u = g(""), r = e;
     function a() {
       o.value = !0, ve({
-        id: l.id
+        id: r.id
       }).then(({
         data: i
       }) => {
@@ -173,7 +173,7 @@ const ye = /* @__PURE__ */ M({
         console.error("获取变更日志详情失败:", i), o.value = !1;
       });
     }
-    return a(), (i, r) => (n(), v(K, {
+    return a(), (i, l) => (n(), v(K, {
       content: s.value,
       title: u.value,
       loading: o.value
@@ -182,10 +182,10 @@ const ye = /* @__PURE__ */ M({
 }), he = {
   key: 0,
   class: "loading"
-}, ke = {
+}, be = {
   key: 1,
   class: "none"
-}, be = /* @__PURE__ */ M({
+}, ke = /* @__PURE__ */ M({
   __name: "InfiniteLoading",
   props: {
     loading: {
@@ -217,25 +217,25 @@ const ye = /* @__PURE__ */ M({
   setup(e, {
     emit: o
   }) {
-    const s = e, u = o, l = g(null);
-    return re(l, ([{
+    const s = e, u = o, r = g(null);
+    return re(r, ([{
       isIntersecting: a
     }]) => {
       a && // 当loading和finished的值都为false时，就通知父组件调用方法继续向后台请求数据
       !s.loading && !s.finished && u("infinite");
     }, {
       threshold: s.threshold
-    }), (a, i) => (n(), b("div", {
+    }), (a, i) => (n(), k("div", {
       ref_key: "container",
-      ref: l,
+      ref: r,
       class: "infinite-loading"
-    }, [e.loading ? (n(), b("div", he, [N(t(Y), {
+    }, [e.loading ? (n(), k("div", he, [N(t(Y), {
       tip: e.loadingText
-    }, null, 8, ["tip"])])) : h("", !0), e.finished && e.showFinishedText ? (n(), b("div", ke, [N(t(Z), {
+    }, null, 8, ["tip"])])) : b("", !0), e.finished && e.showFinishedText ? (n(), k("div", be, [N(t(Z), {
       description: e.finishedText
-    }, null, 8, ["description"])])) : h("", !0)], 512));
+    }, null, 8, ["description"])])) : b("", !0)], 512));
   }
-}), Ce = /* @__PURE__ */ I(be, [["__scopeId", "data-v-b513f798"]]), $e = {
+}), Ce = /* @__PURE__ */ I(ke, [["__scopeId", "data-v-b513f798"]]), $e = {
   class: "message-item__content"
 }, Ne = {
   class: "message-item__header"
@@ -264,17 +264,17 @@ const ye = /* @__PURE__ */ M({
   },
   emits: ["click"],
   setup(e) {
-    return (o, s) => (n(), b("div", {
+    return (o, s) => (n(), k("div", {
       class: V(["message-item", {
         "message-item--unread": e.showReadStatus && !e.item.read
       }]),
       onClick: s[0] || (s[0] = (u) => o.$emit("click", e.item))
-    }, [w("div", $e, [w("div", Ne, [e.showReadStatus ? (n(), b("span", {
+    }, [w("div", $e, [w("div", Ne, [e.showReadStatus ? (n(), k("span", {
       key: 0,
       class: V(["message-item__dot", {
         "message-item__dot--unread": !e.item.read
       }])
-    }, null, 2)) : h("", !0), T(o.$slots, "prefix", {
+    }, null, 2)) : b("", !0), T(o.$slots, "prefix", {
       item: e.item
     }, void 0, !0), w("span", Ae, L(e.item.title), 1), w("div", Me, [e.item.pinned ? (n(), v(t(x), {
       key: 0,
@@ -283,7 +283,7 @@ const ye = /* @__PURE__ */ M({
     }, {
       default: c(() => [...s[1] || (s[1] = [C("置顶", -1)])]),
       _: 1
-    })) : h("", !0), T(o.$slots, "tags", {
+    })) : b("", !0), T(o.$slots, "tags", {
       item: e.item
     }, () => [e.item.priority === "urgent" ? (n(), v(t(x), {
       key: 0,
@@ -306,7 +306,7 @@ const ye = /* @__PURE__ */ M({
     }, {
       default: c(() => [...s[4] || (s[4] = [C("高", -1)])]),
       _: 1
-    })) : h("", !0)], !0)])]), w("div", Se, [T(o.$slots, "description", {
+    })) : b("", !0)], !0)])]), w("div", Se, [T(o.$slots, "description", {
       item: e.item
     }, () => [C(L(e.item.description), 1)], !0)]), w("div", we, [w("span", Le, L(e.item.createAt), 1), T(o.$slots, "footer", {
       item: e.item
@@ -319,7 +319,7 @@ const ye = /* @__PURE__ */ M({
     }, {
       default: c(() => [...s[5] || (s[5] = [C("查看", -1)])]),
       _: 1
-    })) : h("", !0)], !0)])], 2));
+    })) : b("", !0)], !0)])], 2));
   }
 }), Te = /* @__PURE__ */ I(xe, [["__scopeId", "data-v-1cf5087b"]]), ze = {
   class: "message-list"
@@ -348,19 +348,19 @@ const ye = /* @__PURE__ */ M({
     emit: o
   }) {
     const s = e, u = o;
-    function l(a) {
+    function r(a) {
       u("itemClick", a);
     }
-    return (a, i) => (n(), b("div", ze, [s.messageList.length === 0 && !s.loading ? (n(), b("div", Be, [N(t(Z), {
+    return (a, i) => (n(), k("div", ze, [s.messageList.length === 0 && !s.loading ? (n(), k("div", Be, [N(t(Z), {
       description: "暂无消息"
-    })])) : (n(), b(E, {
+    })])) : (n(), k(E, {
       key: 1
-    }, [(n(!0), b(E, null, W(s.messageList, (r) => (n(), v(Te, {
-      key: r.id,
-      item: r,
+    }, [(n(!0), k(E, null, W(s.messageList, (l) => (n(), v(Te, {
+      key: l.id,
+      item: l,
       "show-read-status": s.showReadStatus,
       "show-view-button": s.showViewButton,
-      onClick: (d) => l(r)
+      onClick: (d) => r(l)
     }, ee({
       _: 2
     }, [a.$slots.prefix ? {
@@ -396,7 +396,7 @@ const ye = /* @__PURE__ */ M({
     } : void 0]), 1032, ["item", "show-read-status", "show-view-button", "onClick"]))), 128)), N(Ce, {
       loading: s.loading,
       finished: s.finished,
-      onInfinite: i[0] || (i[0] = (r) => a.$emit("loadMore"))
+      onInfinite: i[0] || (i[0] = (l) => a.$emit("loadMore"))
     }, null, 8, ["loading", "finished"])], 64))]));
   }
 }), q = /* @__PURE__ */ I(De, [["__scopeId", "data-v-991c4730"]]), Oe = {
@@ -413,10 +413,10 @@ const ye = /* @__PURE__ */ M({
       isList: o,
       detailId: s,
       loading: u,
-      finished: l,
+      finished: r,
       messageList: a,
       loadMore: i,
-      toList: r,
+      toList: l,
       openDetail: d
     } = G(ge);
     function p(_) {
@@ -437,12 +437,12 @@ const ye = /* @__PURE__ */ M({
         breaking: "重大变更"
       }[_] || "更新";
     }
-    return (_, f) => (n(), b("div", Oe, [t(o) ? h("", !0) : (n(), v(t(F), {
+    return (_, f) => (n(), k("div", Oe, [t(o) ? b("", !0) : (n(), v(t(F), {
       key: 0,
       class: "message-panel__breadcrumb"
     }, {
       default: c(() => [N(t(B), {
-        onClick: t(r)
+        onClick: t(l)
       }, {
         default: c(() => [...f[0] || (f[0] = [C("更新日志", -1)])]),
         _: 1
@@ -455,7 +455,7 @@ const ye = /* @__PURE__ */ M({
       key: 1,
       "message-list": t(a),
       loading: t(u),
-      finished: t(l),
+      finished: t(r),
       onItemClick: t(d),
       onLoadMore: t(i)
     }, {
@@ -473,7 +473,7 @@ const ye = /* @__PURE__ */ M({
       }, 1032, ["color"])]),
       footer: c(({
         item: m
-      }) => [m.publishedAt ? (n(), b("span", Re, " 发布于 " + L(m.publishedAt), 1)) : h("", !0)]),
+      }) => [m.publishedAt ? (n(), k("span", Re, " 发布于 " + L(m.publishedAt), 1)) : b("", !0)]),
       _: 1
     }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(_e, {
       key: 2,
@@ -504,10 +504,10 @@ const qe = /* @__PURE__ */ M({
     }
   },
   setup(e) {
-    const o = g(!1), s = g(null), u = g(""), l = e;
+    const o = g(!1), s = g(null), u = g(""), r = e;
     function a() {
       o.value = !0, Ke({
-        id: l.id
+        id: r.id
       }).then(({
         data: i
       }) => {
@@ -516,7 +516,7 @@ const qe = /* @__PURE__ */ M({
         console.error("获取事件通知详情失败:", i), o.value = !1;
       });
     }
-    return a(), (i, r) => (n(), v(K, {
+    return a(), (i, l) => (n(), v(K, {
       content: s.value,
       title: u.value,
       loading: o.value
@@ -534,10 +534,10 @@ const qe = /* @__PURE__ */ M({
       isList: o,
       detailId: s,
       loading: u,
-      finished: l,
+      finished: r,
       messageList: a,
       loadMore: i,
-      toList: r,
+      toList: l,
       openDetail: d
     } = G((_) => Fe({
       ..._,
@@ -561,12 +561,12 @@ const qe = /* @__PURE__ */ M({
         published: "已发布"
       }[_] || "未知";
     }
-    return (_, f) => (n(), b("div", He, [t(o) ? h("", !0) : (n(), v(t(F), {
+    return (_, f) => (n(), k("div", He, [t(o) ? b("", !0) : (n(), v(t(F), {
       key: 0,
       class: "message-panel__breadcrumb"
     }, {
       default: c(() => [N(t(B), {
-        onClick: t(r)
+        onClick: t(l)
       }, {
         default: c(() => [...f[0] || (f[0] = [C("活动通知", -1)])]),
         _: 1
@@ -579,7 +579,7 @@ const qe = /* @__PURE__ */ M({
       key: 1,
       "message-list": t(a),
       loading: t(u),
-      finished: t(l),
+      finished: t(r),
       onItemClick: t(d),
       onLoadMore: t(i)
     }, {
@@ -594,7 +594,7 @@ const qe = /* @__PURE__ */ M({
       }, 1032, ["color"])]),
       footer: c(({
         item: m
-      }) => [m.startAt || m.endAt ? (n(), b("span", je, L(m.startAt || "无") + " ~ " + L(m.endAt || "无"), 1)) : h("", !0)]),
+      }) => [m.startAt || m.endAt ? (n(), k("span", je, L(m.startAt || "无") + " ~ " + L(m.endAt || "无"), 1)) : b("", !0)]),
       _: 1
     }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(qe, {
       key: 2,
@@ -629,16 +629,16 @@ const qe = /* @__PURE__ */ M({
     emit: o
   }) {
     const s = e, u = o;
-    function l(a) {
+    function r(a) {
       a !== s.modelValue && (u("update:modelValue", a), u("change", a));
     }
-    return (a, i) => (n(), b("div", Je, [(n(!0), b(E, null, W(e.tabs, (r) => (n(), b("span", {
-      key: r.key,
+    return (a, i) => (n(), k("div", Je, [(n(!0), k(E, null, W(e.tabs, (l) => (n(), k("span", {
+      key: l.key,
       class: V(["custom-tab", [{
-        active: e.modelValue === r.key
+        active: e.modelValue === l.key
       }]]),
-      onClick: (d) => l(r.key)
-    }, L(r.label), 11, Qe))), 128))]));
+      onClick: (d) => r(l.key)
+    }, L(l.label), 11, Qe))), 128))]));
   }
 }), Xe = /* @__PURE__ */ I(We, [["__scopeId", "data-v-fafcc3ad"]]), Ye = {
   class: "tabs"
@@ -662,22 +662,22 @@ const qe = /* @__PURE__ */ M({
   setup(e, {
     emit: o
   }) {
-    const s = e, u = o, l = g(s.activeTab);
-    te(() => s.activeTab, (r) => {
-      l.value = r;
+    const s = e, u = o, r = g(s.activeTab);
+    te(() => s.activeTab, (l) => {
+      r.value = l;
     });
-    function a(r) {
-      l.value = r, u("update:activeTab", r), u("change", r);
+    function a(l) {
+      r.value = l, u("update:activeTab", l), u("change", l);
     }
     function i() {
       s.messageList.length !== 0 && u("readAll");
     }
-    return (r, d) => (n(), b("div", Ye, [N(Xe, {
-      modelValue: l.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (p) => l.value = p),
+    return (l, d) => (n(), k("div", Ye, [N(Xe, {
+      modelValue: r.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (p) => r.value = p),
       tabs: e.tabs,
       onChange: a
-    }, null, 8, ["modelValue", "tabs"]), l.value === "unread" ? (n(), b("div", {
+    }, null, 8, ["modelValue", "tabs"]), r.value === "unread" ? (n(), k("div", {
       key: 0,
       class: V(["readAll", {
         disabled: e.messageList.length === 0
@@ -686,17 +686,17 @@ const qe = /* @__PURE__ */ M({
     }, [N(t(fe), {
       class: "icon",
       icon: "icon-park-outline:clear"
-    }), d[1] || (d[1] = w("span", null, " 全部已读", -1))], 2)) : h("", !0)]));
+    }), d[1] || (d[1] = w("span", null, " 全部已读", -1))], 2)) : b("", !0)]));
   }
 }), et = /* @__PURE__ */ I(Ze, [["__scopeId", "data-v-91277265"]]), tt = {
   class: "message-panel"
 }, P = "system", st = /* @__PURE__ */ M({
   __name: "MessageNotifications",
   setup(e) {
-    const o = g(!0), s = g(""), u = g(!1), l = g({
+    const o = g(!0), s = g(""), u = g(!1), r = g({
       title: "",
       content: null
-    }), a = g(!1), i = g(!1), r = g([]), d = g("unread"), p = g({
+    }), a = g(!1), i = g(!1), l = g([]), d = g("unread"), p = g({
       current: 1,
       pageSize: 10,
       total: 0
@@ -711,7 +711,7 @@ const qe = /* @__PURE__ */ M({
       a.value = !0;
       try {
         const {
-          data: k
+          data: h
         } = await Q({
           current: p.value.current,
           pageSize: p.value.pageSize,
@@ -720,7 +720,7 @@ const qe = /* @__PURE__ */ M({
             read: _.value
           }
         });
-        r.value = k.items.map((y) => ({
+        l.value = h.items.map((y) => ({
           id: y.id,
           title: y.title,
           description: y.description,
@@ -730,7 +730,7 @@ const qe = /* @__PURE__ */ M({
           priority: y.priority,
           read: y.read ?? !1,
           readAt: y.readAt ?? null
-        })), p.value.total = k.count, i.value = k.items.length < p.value.pageSize;
+        })), p.value.total = h.count, i.value = h.items.length < p.value.pageSize;
       } finally {
         a.value = !1;
       }
@@ -740,7 +740,7 @@ const qe = /* @__PURE__ */ M({
         p.value.current += 1, a.value = !0;
         try {
           const {
-            data: k
+            data: h
           } = await Q({
             current: p.value.current,
             pageSize: p.value.pageSize,
@@ -748,7 +748,7 @@ const qe = /* @__PURE__ */ M({
               type: P,
               read: _.value
             }
-          }), y = k.items.map((S) => ({
+          }), y = h.items.map((S) => ({
             id: S.id,
             title: S.title,
             description: S.description,
@@ -759,7 +759,7 @@ const qe = /* @__PURE__ */ M({
             read: S.read ?? !1,
             readAt: S.readAt ?? null
           }));
-          r.value = [...r.value, ...y], i.value = k.items.length < p.value.pageSize;
+          l.value = [...l.value, ...y], i.value = h.items.length < p.value.pageSize;
         } finally {
           a.value = !1;
         }
@@ -769,25 +769,25 @@ const qe = /* @__PURE__ */ M({
       p.value.current = 1, i.value = !1, f();
     }
     async function R() {
-      r.value.length !== 0 && (await ue({
+      l.value.length !== 0 && (await ue({
         type: P
       }), f());
     }
     function H() {
-      o.value = !0, s.value = "", l.value = {
+      o.value = !0, s.value = "", r.value = {
         title: "",
         content: null
       };
     }
-    async function A(k) {
+    async function A(h) {
       u.value = !0;
       try {
         const {
           data: y
         } = await ce({
-          id: k
+          id: h
         });
-        l.value = {
+        r.value = {
           title: y.title,
           content: y.content
         };
@@ -795,12 +795,12 @@ const qe = /* @__PURE__ */ M({
         u.value = !1;
       }
     }
-    async function j(k) {
-      s.value = k.id, o.value = !1, k.read || await de({
-        messageId: k.id
-      }), A(k.id);
+    async function j(h) {
+      s.value = h.id, o.value = !1, h.read || (await de({
+        messageId: h.id
+      }), _.value || (l.value = l.value.filter((y) => y.id !== h.id))), A(h.id);
     }
-    return f(), (k, y) => (n(), b("div", tt, [o.value ? h("", !0) : (n(), v(t(F), {
+    return f(), (h, y) => (n(), k("div", tt, [o.value ? b("", !0) : (n(), v(t(F), {
       key: 0,
       class: "message-panel__breadcrumb"
     }, {
@@ -819,12 +819,12 @@ const qe = /* @__PURE__ */ M({
       "active-tab": d.value,
       "onUpdate:activeTab": y[0] || (y[0] = (S) => d.value = S),
       tabs: $,
-      "message-list": r.value,
+      "message-list": l.value,
       onChange: z,
       onReadAll: R
-    }, null, 8, ["active-tab", "message-list"])) : h("", !0), o.value ? (n(), v(q, {
+    }, null, 8, ["active-tab", "message-list"])) : b("", !0), o.value ? (n(), v(q, {
       key: 2,
-      "message-list": r.value,
+      "message-list": l.value,
       loading: a.value,
       finished: i.value,
       "show-read-status": !0,
@@ -848,16 +848,16 @@ const qe = /* @__PURE__ */ M({
       }, {
         default: c(() => [...y[4] || (y[4] = [C("高", -1)])]),
         _: 1
-      })) : h("", !0)]),
+      })) : b("", !0)]),
       _: 1
     }, 8, ["message-list", "loading", "finished"])) : (n(), v(K, {
       key: 3,
-      title: l.value.title,
-      content: l.value.content,
+      title: r.value.title,
+      content: r.value.content,
       loading: u.value
     }, null, 8, ["title", "content", "loading"]))]));
   }
-}), at = /* @__PURE__ */ I(st, [["__scopeId", "data-v-2fe260dd"]]);
+}), at = /* @__PURE__ */ I(st, [["__scopeId", "data-v-ef92cb29"]]);
 function nt(e) {
   return D({
     url: `${O.prefixUrl}/restfulApi/messageCenter/noticeNotifications/find`,
@@ -881,10 +881,10 @@ const ot = /* @__PURE__ */ M({
     }
   },
   setup(e) {
-    const o = g(!1), s = g(null), u = g(""), l = e;
+    const o = g(!1), s = g(null), u = g(""), r = e;
     function a() {
       o.value = !0, it({
-        id: l.id
+        id: r.id
       }).then(({
         data: i
       }) => {
@@ -893,7 +893,7 @@ const ot = /* @__PURE__ */ M({
         console.error("获取通知详情失败:", i), o.value = !1;
       });
     }
-    return a(), (i, r) => (n(), v(K, {
+    return a(), (i, l) => (n(), v(K, {
       content: s.value,
       title: u.value,
       loading: o.value
@@ -911,10 +911,10 @@ const ot = /* @__PURE__ */ M({
       isList: o,
       detailId: s,
       loading: u,
-      finished: l,
+      finished: r,
       messageList: a,
       loadMore: i,
-      toList: r,
+      toList: l,
       openDetail: d
     } = G((_) => nt({
       ..._,
@@ -934,12 +934,12 @@ const ot = /* @__PURE__ */ M({
         expired: "已过期"
       }[_] || "未知";
     }
-    return (_, f) => (n(), b("div", lt, [t(o) ? h("", !0) : (n(), v(t(F), {
+    return (_, f) => (n(), k("div", lt, [t(o) ? b("", !0) : (n(), v(t(F), {
       key: 0,
       class: "message-panel__breadcrumb"
     }, {
       default: c(() => [N(t(B), {
-        onClick: t(r)
+        onClick: t(l)
       }, {
         default: c(() => [...f[0] || (f[0] = [C("公告通知", -1)])]),
         _: 1
@@ -952,7 +952,7 @@ const ot = /* @__PURE__ */ M({
       key: 1,
       "message-list": t(a),
       loading: t(u),
-      finished: t(l),
+      finished: t(r),
       onItemClick: t(d),
       onLoadMore: t(i)
     }, {
@@ -972,7 +972,7 @@ const ot = /* @__PURE__ */ M({
       }, {
         default: c(() => [...f[3] || (f[3] = [C("重要", -1)])]),
         _: 1
-      })) : h("", !0), N(t(x), {
+      })) : b("", !0), N(t(x), {
         color: p(m.displayStatus),
         size: "small"
       }, {
@@ -981,7 +981,7 @@ const ot = /* @__PURE__ */ M({
       }, 1032, ["color"])]),
       footer: c(({
         item: m
-      }) => [m.expireAt ? (n(), b("span", rt, L(m.displayStatus === "expired" ? "已过期" : `过期时间: ${m.expireAt}`), 1)) : h("", !0)]),
+      }) => [m.expireAt ? (n(), k("span", rt, L(m.displayStatus === "expired" ? "已过期" : `过期时间: ${m.expireAt}`), 1)) : b("", !0)]),
       _: 1
     }, 8, ["message-list", "loading", "finished", "onItemClick", "onLoadMore"])) : (n(), v(ot, {
       key: 2,
@@ -1010,18 +1010,18 @@ const ot = /* @__PURE__ */ M({
     expose: o,
     emit: s
   }) {
-    const u = e, l = s, a = se(e, "selectedKeys"), i = X(() => a.value.length !== 0 ? a.value[0] : "");
-    function r() {
-      l("cancel");
+    const u = e, r = s, a = se(e, "selectedKeys"), i = X(() => a.value.length !== 0 ? a.value[0] : "");
+    function l() {
+      r("cancel");
     }
     function d(f, m) {
       const z = f.path;
-      a.value = [z], l("change", f, m);
+      a.value = [z], r("change", f, m);
     }
     const {
       changeType: p,
       show: $
-    } = me(l);
+    } = me(r);
     function _(f) {
       $.value = f, p.value = "编辑";
     }
@@ -1036,24 +1036,24 @@ const ot = /* @__PURE__ */ M({
       footer: !1,
       "hide-title": !1,
       width: "880px",
-      onCancel: r
+      onCancel: l
     }, {
       default: c(() => [w("div", ct, [w("div", ft, [N(pe, {
         "selected-keys": a.value,
         "onUpdate:selectedKeys": m[0] || (m[0] = (z) => a.value = z),
         menus: u.menus,
         onChange: d
-      }, null, 8, ["selected-keys", "menus"])]), t($) ? (n(), b(E, {
+      }, null, 8, ["selected-keys", "menus"])]), t($) ? (n(), k(E, {
         key: 0
       }, [i.value === "ChangelogNotifications" ? (n(), v(Ee, {
         key: 0
-      })) : h("", !0), i.value === "EventNotifications" ? (n(), v(Ge, {
+      })) : b("", !0), i.value === "EventNotifications" ? (n(), v(Ge, {
         key: 1
-      })) : h("", !0), i.value === "MessageNotifications" ? (n(), v(at, {
+      })) : b("", !0), i.value === "MessageNotifications" ? (n(), v(at, {
         key: 2
-      })) : h("", !0), i.value === "NoticeNotifications" ? (n(), v(dt, {
+      })) : b("", !0), i.value === "NoticeNotifications" ? (n(), v(dt, {
         key: 3
-      })) : h("", !0)], 64)) : h("", !0)])]),
+      })) : b("", !0)], 64)) : b("", !0)])]),
       _: 1
     }, 8, ["visible"]));
   }
@@ -1062,15 +1062,15 @@ const ot = /* @__PURE__ */ M({
   setup(e, {
     expose: o
   }) {
-    const s = g(["ChangelogNotifications"]), u = g(), l = g(Symbol("key"));
+    const s = g(["ChangelogNotifications"]), u = g(), r = g(Symbol("key"));
     function a() {
       u.value.setData(!0);
     }
     function i() {
-      l.value = Symbol("key");
+      r.value = Symbol("key");
     }
-    function r() {
-      l.value = Symbol("key");
+    function l() {
+      r.value = Symbol("key");
     }
     const d = g([{
       name: "功能变更",
@@ -1102,12 +1102,12 @@ const ot = /* @__PURE__ */ M({
     }), (p, $) => (n(), v(pt, {
       ref_key: "MessageNotificationsRef",
       ref: u,
-      key: l.value,
+      key: r.value,
       "selected-keys": s.value,
       "onUpdate:selectedKeys": $[0] || ($[0] = (_) => s.value = _),
       menus: d.value,
       title: "消息中心",
-      onConfirm: r,
+      onConfirm: l,
       onCancel: i
     }, null, 8, ["selected-keys", "menus"]));
   }