@huyooo/ui 0.11.2 → 0.11.5

package/dist/MessageList-Bo6YCfRO.js

@@ -0,0 +1,233 @@
+/* empty css               */
+import "./index-D3Kp6R4z.js";
+import { defineComponent as B, ref as L, openBlock as i, createElementBlock as r, createVNode as $, unref as m, createCommentVNode as c, normalizeClass as S, createElementVNode as d, renderSlot as a, toDisplayString as w, createBlock as f, withCtx as l, createTextVNode as u, Fragment as C, renderList as T, createSlots as V, mergeProps as g } from "vue";
+import { Spin as M, Empty as _, Tag as k, Button as b } from "@arco-design/web-vue";
+import { useIntersectionObserver as z } from "@vueuse/core";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+/* empty css               */
+const N = {
+  key: 0,
+  class: "loading"
+}, R = {
+  key: 1,
+  class: "none"
+}, E = /* @__PURE__ */ B({
+  __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(e, {
+    emit: o
+  }) {
+    const t = e, h = o, y = L(null);
+    return z(y, ([{
+      isIntersecting: s
+    }]) => {
+      s && // 当loading和finished的值都为false时，就通知父组件调用方法继续向后台请求数据
+      !t.loading && !t.finished && h("infinite");
+    }, {
+      threshold: t.threshold
+    }), (s, p) => (i(), r("div", {
+      ref_key: "container",
+      ref: y,
+      class: "infinite-loading"
+    }, [e.loading ? (i(), r("div", N, [$(m(M), {
+      tip: e.loadingText
+    }, null, 8, ["tip"])])) : c("", !0), e.finished && e.showFinishedText ? (i(), r("div", R, [$(m(_), {
+      description: e.finishedText
+    }, null, 8, ["description"])])) : c("", !0)], 512));
+  }
+}), F = /* @__PURE__ */ I(E, [["__scopeId", "data-v-8be68707"]]), x = {
+  class: "message-item__content"
+}, A = {
+  class: "message-item__header"
+}, D = {
+  class: "message-item__title"
+}, O = {
+  class: "message-item__tags"
+}, P = {
+  class: "message-item__description"
+}, j = {
+  class: "message-item__footer"
+}, q = {
+  class: "message-item__time"
+}, G = {
+  class: "message-item__actions"
+}, H = /* @__PURE__ */ B({
+  __name: "MessageItem",
+  props: {
+    item: {},
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (o, t) => (i(), r("div", {
+      class: S(["message-item", {
+        "message-item--unread": e.showReadStatus && !e.item.read
+      }]),
+      onClick: t[0] || (t[0] = (h) => o.$emit("click", e.item))
+    }, [d("div", x, [d("div", A, [e.showReadStatus ? (i(), r("span", {
+      key: 0,
+      class: S(["message-item__dot", {
+        "message-item__dot--unread": !e.item.read
+      }])
+    }, null, 2)) : c("", !0), a(o.$slots, "prefix", {
+      item: e.item
+    }, void 0, !0), d("span", D, w(e.item.title), 1), d("div", O, [e.item.pinned ? (i(), f(m(k), {
+      key: 0,
+      color: "arcoblue",
+      size: "small"
+    }, {
+      default: l(() => [...t[1] || (t[1] = [u("置顶", -1)])]),
+      _: 1
+    })) : c("", !0), a(o.$slots, "tags", {
+      item: e.item
+    }, () => [e.item.priority === "urgent" ? (i(), f(m(k), {
+      key: 0,
+      color: "red",
+      size: "small"
+    }, {
+      default: l(() => [...t[2] || (t[2] = [u("紧急", -1)])]),
+      _: 1
+    })) : e.item.priority === "important" ? (i(), f(m(k), {
+      key: 1,
+      color: "orange",
+      size: "small"
+    }, {
+      default: l(() => [...t[3] || (t[3] = [u("重要", -1)])]),
+      _: 1
+    })) : e.item.priority === "high" ? (i(), f(m(k), {
+      key: 2,
+      color: "orange",
+      size: "small"
+    }, {
+      default: l(() => [...t[4] || (t[4] = [u("高", -1)])]),
+      _: 1
+    })) : c("", !0)], !0)])]), d("div", P, [a(o.$slots, "description", {
+      item: e.item
+    }, () => [u(w(e.item.description), 1)], !0)]), d("div", j, [d("span", q, w(e.item.createAt), 1), a(o.$slots, "footer", {
+      item: e.item
+    }, void 0, !0)])]), d("div", G, [a(o.$slots, "actions", {
+      item: e.item
+    }, () => [e.showViewButton ? (i(), f(m(b), {
+      key: 0,
+      type: "text",
+      size: "small"
+    }, {
+      default: l(() => [...t[5] || (t[5] = [u("查看", -1)])]),
+      _: 1
+    })) : c("", !0)], !0)])], 2));
+  }
+}), J = /* @__PURE__ */ I(H, [["__scopeId", "data-v-ca3f3399"]]), K = {
+  class: "message-list"
+}, Q = {
+  key: 0,
+  class: "message-list__empty"
+}, U = /* @__PURE__ */ B({
+  __name: "MessageList",
+  props: {
+    messageList: {},
+    loading: {
+      type: Boolean
+    },
+    finished: {
+      type: Boolean
+    },
+    showReadStatus: {
+      type: Boolean
+    },
+    showViewButton: {
+      type: Boolean
+    }
+  },
+  emits: ["itemClick", "loadMore"],
+  setup(e, {
+    emit: o
+  }) {
+    const t = e, h = o;
+    function y(s) {
+      h("itemClick", s);
+    }
+    return (s, p) => (i(), r("div", K, [t.messageList.length === 0 && !t.loading ? (i(), r("div", Q, [$(m(_), {
+      description: "暂无消息"
+    })])) : (i(), r(C, {
+      key: 1
+    }, [(i(!0), r(C, null, T(t.messageList, (v) => (i(), f(J, {
+      key: v.id,
+      item: v,
+      "show-read-status": t.showReadStatus,
+      "show-view-button": t.showViewButton,
+      onClick: (n) => y(v)
+    }, V({
+      _: 2
+    }, [s.$slots.prefix ? {
+      name: "prefix",
+      fn: l((n) => [a(s.$slots, "prefix", g({
+        ref_for: !0
+      }, n), void 0, !0)]),
+      key: "0"
+    } : void 0, s.$slots.tags ? {
+      name: "tags",
+      fn: l((n) => [a(s.$slots, "tags", g({
+        ref_for: !0
+      }, n), void 0, !0)]),
+      key: "1"
+    } : void 0, s.$slots.description ? {
+      name: "description",
+      fn: l((n) => [a(s.$slots, "description", g({
+        ref_for: !0
+      }, n), void 0, !0)]),
+      key: "2"
+    } : void 0, s.$slots.footer ? {
+      name: "footer",
+      fn: l((n) => [a(s.$slots, "footer", g({
+        ref_for: !0
+      }, n), void 0, !0)]),
+      key: "3"
+    } : void 0, s.$slots.actions ? {
+      name: "actions",
+      fn: l((n) => [a(s.$slots, "actions", g({
+        ref_for: !0
+      }, n), void 0, !0)]),
+      key: "4"
+    } : void 0]), 1032, ["item", "show-read-status", "show-view-button", "onClick"]))), 128)), $(F, {
+      loading: t.loading,
+      finished: t.finished,
+      onInfinite: p[0] || (p[0] = (v) => s.$emit("loadMore"))
+    }, null, 8, ["loading", "finished"])], 64))]));
+  }
+}), oe = /* @__PURE__ */ I(U, [["__scopeId", "data-v-991c4730"]]);
+export {
+  F as I,
+  oe as M
+};

package/dist/{MessageNoticeNotificationsDetails.vue_vue_type_script_setup_true_lang-F6neJUg3.js → MessageNoticeNotificationsDetails.vue_vue_type_script_setup_true_lang-DxDn6Ok8.js}

@@ -1,8 +1,8 @@
 import { defineComponent as f, ref as p, openBlock as t, createElementBlock as i, normalizeClass as K, createBlock as d, unref as S, createCommentVNode as v, createElementVNode as _, toDisplayString as A, Fragment as h, renderList as N } from "vue";
 import { Icon as D } from "@iconify/vue";
 import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { o as $ } from "./apiClients-9b4zNZ2S.js";
-import { D as x } from "./MessageHandle-BV1nKlxs.js";
+import { o as $ } from "./apiClients-DVz12LeW.js";
+import { D as x } from "./MessageHandle-B12koVQL.js";
 const b = /* @__PURE__ */ f({
   __name: "MessageMenuItem",
   props: {