tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/MessageList/ReadReceiptInfo/ReadReceiptInfo.js

@@ -1,411 +1,326 @@
-import { defineComponent, ref, computed, watch, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList } from "vue";
-import { TUIStore, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, IconClose, IconLoading } from "@tencentcloud/uikit-base-component-vue3";
-import Modal from "../../../baseComp/Modal/Modal.js";
-import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
-import Avatar from "../../Avatar/Avatar.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as X, ref as d, computed as Y, watch as U, createBlock as u, openBlock as l, unref as e, withCtx as t, createVNode as n, createTextVNode as f, toDisplayString as i, createElementVNode as H, normalizeClass as T, createCommentVNode as k, createElementBlock as C, Fragment as S, renderList as q } from "vue";
+import { TUIStore as Z, TUIChatService as z } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as ee, IconClose as ae, IconLoading as w } from "@tencentcloud/uikit-base-component-vue3";
+import te from "../../../baseComp/Modal/Modal.js";
+import { View as s } from "../../../baseComp/View/index.js";
+import K from "../../Avatar/Avatar.js";
+import { _ as se } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const re = /* @__PURE__ */ X({
   __name: "ReadReceiptInfo",
   props: {
     messageID: { default: "" },
-    open: { type: Boolean, default: false },
+    open: { type: Boolean, default: !1 },
     readCount: { default: 0 },
     unreadCount: { default: 0 },
     className: { default: void 0 },
     style: { default: void 0 }
   },
   emits: ["onClose"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const { t } = useUIKit();
-    const activeTab = ref("read");
-    const readListRef = ref();
-    const unreadListRef = ref();
-    const readUsers = ref([]);
-    const readCursor = ref("");
-    const readCompleted = ref(false);
-    const readLoading = ref(false);
-    const readListVisible = ref(false);
-    const unreadUsers = ref([]);
-    const unreadCursor = ref("");
-    const unreadCompleted = ref(false);
-    const unreadLoading = ref(false);
-    const unreadListVisible = ref(false);
-    const getMessageModel = computed(() => {
-      if (!props.messageID) {
+  setup(h, { emit: O }) {
+    const m = h, j = O, { t: c } = ee(), _ = d("read"), J = d(), P = d(), v = d([]), D = d(""), L = d(!1), g = d(!1), V = d(!1), p = d([]), x = d(""), I = d(!1), y = d(!1), N = d(!1), F = Y(() => {
+      if (!m.messageID)
         throw new Error("ReadReceiptInfo::Message ID is required");
-      }
-      return TUIStore.getMessageModel(props.messageID);
-    });
-    const loadReadUsers = async (cursor = "") => {
-      const message = getMessageModel.value;
-      if (!message) {
-        return;
-      }
-      if (cursor === "") {
-        readCompleted.value = false;
-      }
-      readLoading.value = true;
-      try {
-        const response = await TUIChatService.getGroupMessageReadMemberList({
-          message,
-          filter: 0,
-          // 0 indicates read members
-          cursor,
-          count: 100
-        });
-        if (response.code === 0 && response.data) {
-          const { isCompleted, cursor: nextCursor, readUserInfoList = [] } = response.data;
-          readCursor.value = nextCursor;
-          readCompleted.value = isCompleted;
-          if (cursor === "") {
-            readUsers.value = readUserInfoList;
-          } else {
-            readUsers.value = [...readUsers.value, ...readUserInfoList];
+      return Z.getMessageModel(m.messageID);
+    }), B = async (r = "") => {
+      const o = F.value;
+      if (o) {
+        r === "" && (L.value = !1), g.value = !0;
+        try {
+          const a = await z.getGroupMessageReadMemberList({
+            message: o,
+            filter: 0,
+            // 0 indicates read members
+            cursor: r,
+            count: 100
+          });
+          if (a.code === 0 && a.data) {
+            const { isCompleted: b, cursor: M, readUserInfoList: R = [] } = a.data;
+            D.value = M, L.value = b, r === "" ? v.value = R : v.value = [...v.value, ...R];
           }
+        } catch (a) {
+          console.error("Failed to load read users:", a);
+        } finally {
+          g.value = !1;
         }
-      } catch (error) {
-        console.error("Failed to load read users:", error);
-      } finally {
-        readLoading.value = false;
       }
-    };
-    const loadUnreadUsers = async (cursor = "") => {
-      const message = getMessageModel.value;
-      if (!message) {
-        return;
-      }
-      if (cursor === "") {
-        unreadCompleted.value = false;
-      }
-      unreadLoading.value = true;
-      try {
-        const response = await TUIChatService.getGroupMessageReadMemberList({
-          message,
-          filter: 1,
-          // 1 indicates unread members
-          cursor,
-          count: 50
-        });
-        if (response.code === 0 && response.data) {
-          const { isCompleted, cursor: nextCursor, unreadUserInfoList = [] } = response.data;
-          unreadCursor.value = nextCursor;
-          unreadCompleted.value = isCompleted;
-          if (cursor === "") {
-            unreadUsers.value = unreadUserInfoList;
-          } else {
-            unreadUsers.value = [...unreadUsers.value, ...unreadUserInfoList];
+    }, E = async (r = "") => {
+      const o = F.value;
+      if (o) {
+        r === "" && (I.value = !1), y.value = !0;
+        try {
+          const a = await z.getGroupMessageReadMemberList({
+            message: o,
+            filter: 1,
+            // 1 indicates unread members
+            cursor: r,
+            count: 50
+          });
+          if (a.code === 0 && a.data) {
+            const { isCompleted: b, cursor: M, unreadUserInfoList: R = [] } = a.data;
+            x.value = M, I.value = b, r === "" ? p.value = R : p.value = [...p.value, ...R];
           }
+        } catch (a) {
+          console.error("Failed to load unread users:", a);
+        } finally {
+          y.value = !1;
         }
-      } catch (error) {
-        console.error("Failed to load unread users:", error);
-      } finally {
-        unreadLoading.value = false;
       }
+    }, Q = () => {
+      v.value = [], D.value = "", L.value = !1, V.value = !1;
+    }, W = () => {
+      p.value = [], x.value = "", I.value = !1, N.value = !1;
+    }, $ = (r) => {
+      _.value = r;
+    }, A = (r) => {
+      const o = r.target, { scrollTop: a, scrollHeight: b, clientHeight: M } = o;
+      b - a - M < 50 && (_.value === "read" && !L.value && !g.value && D.value ? B(D.value) : _.value === "unread" && !I.value && !y.value && x.value && E(x.value));
+    }, G = (r, o) => {
+      j("onClose", r, o);
     };
-    const resetReadState = () => {
-      readUsers.value = [];
-      readCursor.value = "";
-      readCompleted.value = false;
-      readListVisible.value = false;
-    };
-    const resetUnreadState = () => {
-      unreadUsers.value = [];
-      unreadCursor.value = "";
-      unreadCompleted.value = false;
-      unreadListVisible.value = false;
-    };
-    const setActiveTab = (tab) => {
-      activeTab.value = tab;
-    };
-    const handleScroll = (event) => {
-      const target = event.target;
-      const { scrollTop, scrollHeight, clientHeight } = target;
-      if (scrollHeight - scrollTop - clientHeight < 50) {
-        if (activeTab.value === "read" && !readCompleted.value && !readLoading.value && readCursor.value) {
-          loadReadUsers(readCursor.value);
-        } else if (activeTab.value === "unread" && !unreadCompleted.value && !unreadLoading.value && unreadCursor.value) {
-          loadUnreadUsers(unreadCursor.value);
-        }
-      }
-    };
-    const handleClose = (e, reason) => {
-      emits("onClose", e, reason);
-    };
-    watch(() => props.open, (newOpen) => {
-      if (newOpen) {
-        resetReadState();
-        resetUnreadState();
-        loadReadUsers();
-        loadUnreadUsers();
-      }
-    });
-    watch([() => props.readCount, () => props.unreadCount], () => {
-      if (props.open && props.messageID) {
-        if (activeTab.value === "read") {
-          loadReadUsers();
-        } else {
-          loadUnreadUsers();
-        }
-      }
-    });
-    watch(() => [readUsers.value.length, readLoading.value], () => {
-      let timer;
-      if (readUsers.value.length > 0 && !readLoading.value) {
-        timer = setTimeout(() => {
-          readListVisible.value = true;
-        }, 50);
-      }
-      return () => clearTimeout(timer);
-    });
-    watch(() => [unreadUsers.value.length, unreadLoading.value], () => {
-      let timer;
-      if (unreadUsers.value.length > 0 && !unreadLoading.value) {
-        timer = setTimeout(() => {
-          unreadListVisible.value = true;
-        }, 50);
-      }
-      return () => clearTimeout(timer);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Modal), {
-        open: _ctx.open,
-        "content-class": "readReceiptInfo",
-        onOnClose: handleClose
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__header" }, {
-            default: withCtx(() => [
-              createVNode(unref(IconClose), {
-                class: "read-receipt-info__close-icon",
-                onClick: handleClose
-              }),
-              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__title" }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("MessageList.read_receipt_detail")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__tabs" }, {
-            default: withCtx(() => [
-              createElementVNode("button", {
-                class: normalizeClass([
-                  "read-receipt-info__tab-button",
-                  { "read-receipt-info__tab-button--active": activeTab.value === "read" }
-                ]),
-                onClick: _cache[0] || (_cache[0] = ($event) => setActiveTab("read"))
-              }, toDisplayString(unref(t)("MessageList.read")) + " (" + toDisplayString(_ctx.readCount) + ") ", 3),
-              createElementVNode("button", {
-                class: normalizeClass([
-                  "read-receipt-info__tab-button",
-                  { "read-receipt-info__tab-button--active": activeTab.value === "unread" }
-                ]),
-                onClick: _cache[1] || (_cache[1] = ($event) => setActiveTab("unread"))
-              }, toDisplayString(unref(t)("MessageList.unread")) + " (" + toDisplayString(_ctx.unreadCount) + ") ", 3)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__content" }, {
-            default: withCtx(() => [
-              activeTab.value === "read" ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                key: 0,
-                ref_key: "readListRef",
-                ref: readListRef,
-                class: "read-receipt-info__user-list",
-                onScroll: handleScroll
-              }, {
-                default: withCtx(() => [
-                  readUsers.value.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    readLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 0,
-                      class: "read-receipt-info__loading"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })) : (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 1,
-                      class: "read-receipt-info__empty"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("MessageList.no_read_members")), 1)
-                      ]),
-                      _: 1
-                    }))
-                  ], 64)) : (openBlock(), createElementBlock("div", {
+    return U(() => m.open, (r) => {
+      r && (Q(), W(), B(), E());
+    }), U([() => m.readCount, () => m.unreadCount], () => {
+      m.open && m.messageID && (_.value === "read" ? B() : E());
+    }), U(() => [v.value.length, g.value], () => {
+      let r;
+      return v.value.length > 0 && !g.value && (r = setTimeout(() => {
+        V.value = !0;
+      }, 50)), () => clearTimeout(r);
+    }), U(() => [p.value.length, y.value], () => {
+      let r;
+      return p.value.length > 0 && !y.value && (r = setTimeout(() => {
+        N.value = !0;
+      }, 50)), () => clearTimeout(r);
+    }), (r, o) => (l(), u(e(te), {
+      open: h.open,
+      "content-class": "readReceiptInfo",
+      onOnClose: G
+    }, {
+      default: t(() => [
+        n(e(s), { class: "read-receipt-info__header" }, {
+          default: t(() => [
+            n(e(ae), {
+              class: "read-receipt-info__close-icon",
+              onClick: G
+            }),
+            n(e(s), { class: "read-receipt-info__title" }, {
+              default: t(() => [
+                f(i(e(c)("MessageList.read_receipt_detail")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        n(e(s), { class: "read-receipt-info__tabs" }, {
+          default: t(() => [
+            H("button", {
+              class: T([
+                "read-receipt-info__tab-button",
+                { "read-receipt-info__tab-button--active": _.value === "read" }
+              ]),
+              onClick: o[0] || (o[0] = (a) => $("read"))
+            }, i(e(c)("MessageList.read")) + " (" + i(h.readCount) + ") ", 3),
+            H("button", {
+              class: T([
+                "read-receipt-info__tab-button",
+                { "read-receipt-info__tab-button--active": _.value === "unread" }
+              ]),
+              onClick: o[1] || (o[1] = (a) => $("unread"))
+            }, i(e(c)("MessageList.unread")) + " (" + i(h.unreadCount) + ") ", 3)
+          ]),
+          _: 1
+        }),
+        n(e(s), { class: "read-receipt-info__content" }, {
+          default: t(() => [
+            _.value === "read" ? (l(), u(e(s), {
+              key: 0,
+              ref_key: "readListRef",
+              ref: J,
+              class: "read-receipt-info__user-list",
+              onScroll: A
+            }, {
+              default: t(() => [
+                v.value.length === 0 ? (l(), C(S, { key: 0 }, [
+                  g.value ? (l(), u(e(s), {
+                    key: 0,
+                    class: "read-receipt-info__loading"
+                  }, {
+                    default: t(() => [
+                      n(e(w), { class: "read-receipt-info__loading-icon" }),
+                      n(e(s), { class: "read-receipt-info__loading-text" }, {
+                        default: t(() => [
+                          f(i(e(c)("MessageList.loading")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : (l(), u(e(s), {
                     key: 1,
-                    class: normalizeClass([
-                      "read-receipt-info__user-list-container",
-                      { "read-receipt-info__user-list-container--visible": readListVisible.value }
-                    ])
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(readUsers.value, (user) => {
-                      return openBlock(), createBlock(unref(_sfc_main$1), {
-                        key: user.userID,
-                        class: "read-receipt-info__user-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Avatar), {
-                            src: user.avatar ?? "",
-                            alt: user.nick || user.userID
-                          }, null, 8, ["src", "alt"]),
-                          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-info" }, {
-                            default: withCtx(() => [
-                              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-name" }, {
-                                default: withCtx(() => [
-                                  createTextVNode(toDisplayString(user.nick || user.userID), 1)
-                                ]),
-                                _: 2
-                              }, 1024)
+                    class: "read-receipt-info__empty"
+                  }, {
+                    default: t(() => [
+                      f(i(e(c)("MessageList.no_read_members")), 1)
+                    ]),
+                    _: 1
+                  }))
+                ], 64)) : (l(), C("div", {
+                  key: 1,
+                  class: T([
+                    "read-receipt-info__user-list-container",
+                    { "read-receipt-info__user-list-container--visible": V.value }
+                  ])
+                }, [
+                  (l(!0), C(S, null, q(v.value, (a) => (l(), u(e(s), {
+                    key: a.userID,
+                    class: "read-receipt-info__user-item"
+                  }, {
+                    default: t(() => [
+                      n(e(K), {
+                        src: a.avatar ?? "",
+                        alt: a.nick || a.userID
+                      }, null, 8, ["src", "alt"]),
+                      n(e(s), { class: "read-receipt-info__user-item-info" }, {
+                        default: t(() => [
+                          n(e(s), { class: "read-receipt-info__user-item-name" }, {
+                            default: t(() => [
+                              f(i(a.nick || a.userID), 1)
                             ]),
                             _: 2
                           }, 1024)
                         ]),
                         _: 2
-                      }, 1024);
-                    }), 128)),
-                    readLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 0,
-                      class: "read-receipt-info__loading"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    readCompleted.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 1,
-                      class: "read-receipt-info__list-end"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("MessageList.no_more")), 1)
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true)
-                  ], 2))
-                ]),
-                _: 1
-              }, 512)) : createCommentVNode("", true),
-              activeTab.value === "unread" ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                key: 1,
-                ref_key: "unreadListRef",
-                ref: unreadListRef,
-                class: "read-receipt-info__user-list",
-                onScroll: handleScroll
-              }, {
-                default: withCtx(() => [
-                  unreadUsers.value.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    unreadLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 0,
-                      class: "read-receipt-info__loading"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })) : (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 1,
-                      class: "read-receipt-info__empty"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("MessageList.no_unread_members")), 1)
-                      ]),
-                      _: 1
-                    }))
-                  ], 64)) : (openBlock(), createElementBlock("div", {
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))), 128)),
+                  g.value ? (l(), u(e(s), {
+                    key: 0,
+                    class: "read-receipt-info__loading"
+                  }, {
+                    default: t(() => [
+                      n(e(w), { class: "read-receipt-info__loading-icon" }),
+                      n(e(s), { class: "read-receipt-info__loading-text" }, {
+                        default: t(() => [
+                          f(i(e(c)("MessageList.loading")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : k("", !0),
+                  L.value ? (l(), u(e(s), {
+                    key: 1,
+                    class: "read-receipt-info__list-end"
+                  }, {
+                    default: t(() => [
+                      f(i(e(c)("MessageList.no_more")), 1)
+                    ]),
+                    _: 1
+                  })) : k("", !0)
+                ], 2))
+              ]),
+              _: 1
+            }, 512)) : k("", !0),
+            _.value === "unread" ? (l(), u(e(s), {
+              key: 1,
+              ref_key: "unreadListRef",
+              ref: P,
+              class: "read-receipt-info__user-list",
+              onScroll: A
+            }, {
+              default: t(() => [
+                p.value.length === 0 ? (l(), C(S, { key: 0 }, [
+                  y.value ? (l(), u(e(s), {
+                    key: 0,
+                    class: "read-receipt-info__loading"
+                  }, {
+                    default: t(() => [
+                      n(e(w), { class: "read-receipt-info__loading-icon" }),
+                      n(e(s), { class: "read-receipt-info__loading-text" }, {
+                        default: t(() => [
+                          f(i(e(c)("MessageList.loading")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : (l(), u(e(s), {
                     key: 1,
-                    class: normalizeClass([
-                      "read-receipt-info__user-list-container",
-                      { "read-receipt-info__user-list-container--visible": unreadListVisible.value }
-                    ])
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(unreadUsers.value, (user) => {
-                      return openBlock(), createBlock(unref(_sfc_main$1), {
-                        key: user.userID,
-                        class: "read-receipt-info__user-item"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Avatar), {
-                            src: user.avatar ?? "",
-                            alt: user.nick || user.userID
-                          }, null, 8, ["src", "alt"]),
-                          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-info" }, {
-                            default: withCtx(() => [
-                              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-name" }, {
-                                default: withCtx(() => [
-                                  createTextVNode(toDisplayString(user.nick || user.userID), 1)
-                                ]),
-                                _: 2
-                              }, 1024)
+                    class: "read-receipt-info__empty"
+                  }, {
+                    default: t(() => [
+                      f(i(e(c)("MessageList.no_unread_members")), 1)
+                    ]),
+                    _: 1
+                  }))
+                ], 64)) : (l(), C("div", {
+                  key: 1,
+                  class: T([
+                    "read-receipt-info__user-list-container",
+                    { "read-receipt-info__user-list-container--visible": N.value }
+                  ])
+                }, [
+                  (l(!0), C(S, null, q(p.value, (a) => (l(), u(e(s), {
+                    key: a.userID,
+                    class: "read-receipt-info__user-item"
+                  }, {
+                    default: t(() => [
+                      n(e(K), {
+                        src: a.avatar ?? "",
+                        alt: a.nick || a.userID
+                      }, null, 8, ["src", "alt"]),
+                      n(e(s), { class: "read-receipt-info__user-item-info" }, {
+                        default: t(() => [
+                          n(e(s), { class: "read-receipt-info__user-item-name" }, {
+                            default: t(() => [
+                              f(i(a.nick || a.userID), 1)
                             ]),
                             _: 2
                           }, 1024)
                         ]),
                         _: 2
-                      }, 1024);
-                    }), 128)),
-                    unreadLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 0,
-                      class: "read-receipt-info__loading"
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true),
-                    unreadCompleted.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-                      key: 1,
-                      class: "read-receipt-info__list-end"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("MessageList.no_more")), 1)
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("", true)
-                  ], 2))
-                ]),
-                _: 1
-              }, 512)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))), 128)),
+                  y.value ? (l(), u(e(s), {
+                    key: 0,
+                    class: "read-receipt-info__loading"
+                  }, {
+                    default: t(() => [
+                      n(e(w), { class: "read-receipt-info__loading-icon" }),
+                      n(e(s), { class: "read-receipt-info__loading-text" }, {
+                        default: t(() => [
+                          f(i(e(c)("MessageList.loading")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : k("", !0),
+                  I.value ? (l(), u(e(s), {
+                    key: 1,
+                    class: "read-receipt-info__list-end"
+                  }, {
+                    default: t(() => [
+                      f(i(e(c)("MessageList.no_more")), 1)
+                    ]),
+                    _: 1
+                  })) : k("", !0)
+                ], 2))
+              ]),
+              _: 1
+            }, 512)) : k("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open"]));
   }
-});
-const ReadReceiptInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecd91a73"]]);
+}), fe = /* @__PURE__ */ se(re, [["__scopeId", "data-v-ecd91a73"]]);
 export {
-  ReadReceiptInfo as default
+  fe as default
 };