@zero-library/chat-copilot 3.1.24 → 3.1.25

package/dist/index.esm.js

@@ -1379,6 +1379,7 @@ function createChatStore() {
     }
   };
   const conversation = proxy({
+    loading: false,
     /** 当前激活的会话信息 */
     active: {
       id: "",
@@ -1450,6 +1451,7 @@ function createChatStore() {
     if (canProceed === false) {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
+    conversation.loading = true;
     if (!conversation.messages[conversationId]) {
       setInitMessage(conversationId);
     }
@@ -1472,6 +1474,7 @@ function createChatStore() {
         normalizeMessagesByExecutionAndRole(conversation.messages[conversationId].message);
       }
     }
+    conversation.loading = false;
     config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
     config.hooks?.onAfterInit?.();
   };
@@ -5686,44 +5689,16 @@ var BubbleListItems_default = ({
     return [...welcomeMessageRecord];
   }, [chatRecords, welcomeMessageRecord, firstMessagesRecord]);
   const listRef = useRef(null);
-  const autoScrollRef = useRef(true);
-  const handleScroll = (el) => {
-    const target = el.target;
-    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
-    autoScrollRef.current = distanceToBottom < 90;
-  };
-  useEffect(() => {
-    const latestMessage = conversationMessages[conversationMessages?.length - 1];
-    if (!latestMessage) return;
-    if (latestMessage.generating) {
-      autoScrollRef.current = true;
-    }
-  }, [conversationMessages?.length]);
-  useEffect(() => {
-    const el = listRef.current?.nativeElement;
-    if (!el || !bubbleListItems.length) return;
-    if (autoScrollRef.current) {
-      setTimeout(() => {
-        if (autoScrollRef.current) {
-          listRef.current?.scrollTo({
-            top: "bottom",
-            behavior: "instant"
-          });
-        }
-      }, 300);
-    }
-  }, [bubbleListItems]);
-  return /* @__PURE__ */ jsx(A2uiRenderer, { messages: conversationMessages, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(A2uiRenderer, { messages: conversationMessages, children: /* @__PURE__ */ jsx(Spin, { spinning: conversationState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsx(
     Bubble.List,
     {
-      autoScroll: false,
+      autoScroll: true,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
-      onScroll: handleScroll
+      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in")
     },
     conversationState.active.id
-  ) });
+  ) }) });
 };
 var { Sider, Content } = Layout;
 var { Title: Title2, Text: Text4 } = Typography;