@huyooo/ui 1.0.2 → 1.0.4

package/dist/MessageList-Ce-_LNTk.js

@@ -0,0 +1,244 @@
+import { ref as z, computed as I, readonly as V, defineComponent as b, openBlock as i, createElementBlock as v, normalizeClass as M, createElementVNode as m, createCommentVNode as k, renderSlot as r, toDisplayString as B, createBlock as g, unref as f, withCtx as l, createTextVNode as c, createVNode as N, Fragment as S, renderList as L, createSlots as _, mergeProps as p } from "vue";
+import { o as C } from "./apiClients-BcXOLuYu.js";
+/* empty css               */
+import { I as E } from "./userMenuModal-D-nDaYqM.js";
+import { Tag as $, Button as P, Empty as U } from "@arco-design/web-vue";
+/* empty css               */
+/* empty css               */
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const n = z({
+  changelog: 0,
+  event: 0,
+  message: 0,
+  notice: 0
+});
+let h = null;
+function D() {
+  n.value = {
+    changelog: 0,
+    event: 0,
+    message: 0,
+    notice: 0
+  };
+}
+async function T() {
+  return h || (h = (async () => {
+    var w, s, y, d;
+    const [e, o, t, u] = await Promise.all([C.messageCenter.messageNotifications.statistics.post({}), C.messageCenter.noticeNotifications.own.post({
+      current: 1,
+      pageSize: 1,
+      where: {
+        read: !1
+      }
+    }), C.messageCenter.changelogNotifications.own.post({
+      current: 1,
+      pageSize: 1,
+      where: {
+        read: !1
+      }
+    }), C.messageCenter.eventNotifications.own.post({
+      current: 1,
+      pageSize: 1,
+      where: {
+        read: !1
+      }
+    })]);
+    e.error || (n.value.message = typeof ((w = e.data) == null ? void 0 : w.unread) == "number" ? e.data.unread : 0), o.error || (n.value.notice = typeof ((s = o.data) == null ? void 0 : s.count) == "number" ? o.data.count : 0), t.error || (n.value.changelog = typeof ((y = t.data) == null ? void 0 : y.count) == "number" ? t.data.count : 0), u.error || (n.value.event = typeof ((d = u.data) == null ? void 0 : d.count) == "number" ? u.data.count : 0);
+  })().finally(() => {
+    h = null;
+  }), h);
+}
+const A = I(() => n.value.changelog + n.value.event + n.value.message + n.value.notice), F = {
+  ChangelogNotifications: "changelog",
+  EventNotifications: "event",
+  MessageNotifications: "message",
+  NoticeNotifications: "notice"
+};
+function j(e) {
+  const o = F[e];
+  return o ? n.value[o] : 0;
+}
+function me() {
+  return {
+    counts: V(n),
+    messageCenterUnreadTotal: A,
+    refreshMessageCenterBadgeCounts: T,
+    resetMessageCenterBadgeCounts: D,
+    resolveMessageCenterMenuBadge: j
+  };
+}
+const q = {
+  class: "message-item__content"
+}, G = {
+  class: "message-item__header"
+}, H = {
+  class: "message-item__title"
+}, J = {
+  class: "message-item__tags"
+}, K = {
+  class: "message-item__description"
+}, O = {
+  class: "message-item__footer"
+}, Q = {
+  class: "message-item__time"
+}, W = {
+  class: "message-item__actions"
+}, X = /* @__PURE__ */ b({
+  __name: "MessageItem",
+  props: {
+    item: {},
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (o, t) => (i(), v("div", {
+      class: M(["message-item", {
+        "message-item--unread": e.showReadStatus && !e.item.read
+      }]),
+      onClick: t[0] || (t[0] = (u) => o.$emit("click", e.item))
+    }, [m("div", q, [m("div", G, [e.showReadStatus ? (i(), v("span", {
+      key: 0,
+      class: M(["message-item__dot", {
+        "message-item__dot--unread": !e.item.read
+      }])
+    }, null, 2)) : k("", !0), r(o.$slots, "prefix", {
+      item: e.item
+    }, void 0, !0), m("span", H, B(e.item.title), 1), m("div", J, [e.item.pinned ? (i(), g(f($), {
+      key: 0,
+      color: "arcoblue",
+      size: "small"
+    }, {
+      default: l(() => [...t[1] || (t[1] = [c("置顶", -1)])]),
+      _: 1
+    })) : k("", !0), r(o.$slots, "tags", {
+      item: e.item
+    }, () => [e.item.priority === "urgent" ? (i(), g(f($), {
+      key: 0,
+      color: "red",
+      size: "small"
+    }, {
+      default: l(() => [...t[2] || (t[2] = [c("紧急", -1)])]),
+      _: 1
+    })) : e.item.priority === "important" ? (i(), g(f($), {
+      key: 1,
+      color: "orange",
+      size: "small"
+    }, {
+      default: l(() => [...t[3] || (t[3] = [c("重要", -1)])]),
+      _: 1
+    })) : e.item.priority === "high" ? (i(), g(f($), {
+      key: 2,
+      color: "orange",
+      size: "small"
+    }, {
+      default: l(() => [...t[4] || (t[4] = [c("高", -1)])]),
+      _: 1
+    })) : k("", !0)], !0)])]), m("div", K, [r(o.$slots, "description", {
+      item: e.item
+    }, () => [c(B(e.item.description), 1)], !0)]), m("div", O, [m("span", Q, B(e.item.createAt), 1), r(o.$slots, "footer", {
+      item: e.item
+    }, void 0, !0)])]), m("div", W, [r(o.$slots, "actions", {
+      item: e.item
+    }, () => [e.showViewButton ? (i(), g(f(P), {
+      key: 0,
+      type: "text",
+      size: "small"
+    }, {
+      default: l(() => [...t[5] || (t[5] = [c("查看", -1)])]),
+      _: 1
+    })) : k("", !0)], !0)])], 2));
+  }
+}), Y = /* @__PURE__ */ R(X, [["__scopeId", "data-v-ca3f3399"]]), Z = {
+  class: "message-list"
+}, x = {
+  key: 0,
+  class: "message-list__empty"
+}, ee = /* @__PURE__ */ b({
+  __name: "MessageList",
+  props: {
+    messageList: {},
+    loading: {
+      type: Boolean
+    },
+    finished: {
+      type: Boolean
+    },
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    },
+    emptyDescription: {
+      default: "暂无消息"
+    }
+  },
+  emits: ["itemClick", "loadMore"],
+  setup(e, {
+    emit: o
+  }) {
+    const t = e, u = o;
+    function w(s) {
+      u("itemClick", s);
+    }
+    return (s, y) => (i(), v("div", Z, [t.messageList.length === 0 && !t.loading ? (i(), v("div", x, [N(f(U), {
+      description: t.emptyDescription
+    }, null, 8, ["description"])])) : (i(), v(S, {
+      key: 1
+    }, [(i(!0), v(S, null, L(t.messageList, (d) => (i(), g(Y, {
+      key: d.id,
+      item: d,
+      "show-read-status": t.showReadStatus,
+      "show-view-button": t.showViewButton,
+      onClick: (a) => w(d)
+    }, _({
+      _: 2
+    }, [s.$slots.prefix ? {
+      name: "prefix",
+      fn: l((a) => [r(s.$slots, "prefix", p({
+        ref_for: !0
+      }, a), void 0, !0)]),
+      key: "0"
+    } : void 0, s.$slots.tags ? {
+      name: "tags",
+      fn: l((a) => [r(s.$slots, "tags", p({
+        ref_for: !0
+      }, a), void 0, !0)]),
+      key: "1"
+    } : void 0, s.$slots.description ? {
+      name: "description",
+      fn: l((a) => [r(s.$slots, "description", p({
+        ref_for: !0
+      }, a), void 0, !0)]),
+      key: "2"
+    } : void 0, s.$slots.footer ? {
+      name: "footer",
+      fn: l((a) => [r(s.$slots, "footer", p({
+        ref_for: !0
+      }, a), void 0, !0)]),
+      key: "3"
+    } : void 0, s.$slots.actions ? {
+      name: "actions",
+      fn: l((a) => [r(s.$slots, "actions", p({
+        ref_for: !0
+      }, a), void 0, !0)]),
+      key: "4"
+    } : void 0]), 1032, ["item", "show-read-status", "show-view-button", "onClick"]))), 128)), N(E, {
+      loading: t.loading,
+      finished: t.finished,
+      onInfinite: y[0] || (y[0] = (d) => s.$emit("loadMore"))
+    }, null, 8, ["loading", "finished"])], 64))]));
+  }
+}), de = /* @__PURE__ */ R(ee, [["__scopeId", "data-v-6e67bdb5"]]);
+export {
+  de as M,
+  T as a,
+  A as m,
+  D as r,
+  me as u
+};