@bcc-code/vue-bcc-chat-ui 7.0.26 → 7.0.28

package/dist/vue-bcc-chat-ui.js

@@ -7388,33 +7388,35 @@ function uf(e) {
   }), { groupMembers: t, fetchGroupMembers: n };
 }
 function nf(e) {
-  async function t() {
-    var f;
-    const n = ze.scrollToMessageId.value ?? ze.loadMessageId.value ?? e.getPropLoadMessageId();
-    if (!n)
+  async function t(n) {
+    var h;
+    const a = ze.scrollToMessageId.value ?? ze.loadMessageId.value ?? e.getPropLoadMessageId();
+    if (!a)
       return;
-    const a = e.getClient();
-    if (a && !await a.ensureMessageLoaded(n)) {
-      ze.scrollToMessageId.value === n && (ze.scrollToMessageId.value = void 0), ze.loadMessageId.value === n && (ze.loadMessageId.value = void 0);
+    const r = e.getClient();
+    if (r && !await r.ensureMessageLoaded(a)) {
+      ze.scrollToMessageId.value === a && (ze.scrollToMessageId.value = void 0), ze.loadMessageId.value === a && (ze.loadMessageId.value = void 0);
       return;
     }
     await Xt();
-    const r = (f = e.chatRootRef.value) == null ? void 0 : f.querySelector(`[data-message-id="${n}"]`);
-    if (!r)
-      return;
-    const o = r.closest(".message-list__scroll") ?? e.chatRootRef.value;
+    const o = (h = e.chatRootRef.value) == null ? void 0 : h.querySelector(`[data-message-id="${a}"]`);
     if (!o)
+      return n < 5 ? (await new Promise((g) => setTimeout(g, 50)), t(n + 1)) : void 0;
+    const i = o.closest(".message-list__scroll") ?? e.chatRootRef.value;
+    if (!i)
       return;
-    const i = o.getBoundingClientRect(), s = r.getBoundingClientRect(), l = s.top - i.top + o.scrollTop, d = Math.max(0, l - o.clientHeight / 2 + s.height / 2);
-    o.scrollTo({
-      top: d,
+    const s = i.getBoundingClientRect(), l = o.getBoundingClientRect(), d = l.top - s.top + i.scrollTop, f = Math.max(0, d - i.clientHeight / 2 + l.height / 2);
+    if (f === 0 && n < 5)
+      return await new Promise((g) => setTimeout(g, 50)), t(n + 1);
+    i.scrollTo({
+      top: f,
       behavior: "smooth"
-    }), ze.scrollToMessageId.value === n && (ze.scrollToMessageId.value = void 0), ze.loadMessageId.value === n && (ze.loadMessageId.value = void 0);
+    }), ze.scrollToMessageId.value === a && (ze.scrollToMessageId.value = void 0), ze.loadMessageId.value === a && (ze.loadMessageId.value = void 0);
   }
   function u(n) {
     ze.scrollToMessage(n);
   }
-  return { scrollToRequestedMessage: t, handleOpenReferencedMessage: u };
+  return { scrollToRequestedMessage: () => t(0), handleOpenReferencedMessage: u };
 }
 function wi(e, t) {
   return M(), R("svg", {