listpage-next 0.0.92 → 0.0.94

package/dist/features/ChatClient/components/ClientContent/BubbleList.js

@@ -16,7 +16,7 @@ const BubbleList = (props)=>{
     const scrollToBottomWhenAtBottom = (behavior = "instant")=>{
         const ele = containerRef.current;
         if (ele) {
-            if (Math.abs(ele.scrollHeight - ele.scrollTop - ele.clientHeight) < 10) scrollToBottom(behavior);
+            if (Math.abs(ele.scrollHeight - ele.scrollTop - ele.clientHeight) < 200) scrollToBottom(behavior);
         }
     };
     useImperativeHandle(bubbleListRef, ()=>({

package/dist/features/ChatClient/components/ClientContent/index.d.ts

@@ -2,10 +2,13 @@ import { FooterProps } from "./Footer";
 import { HeaderProps } from "./Header";
 import { BubbleListProps } from "./BubbleList";
 export interface ClientContentProps {
-    className?: string;
     style?: React.CSSProperties;
-    headerProps?: HeaderProps;
+    className?: string;
+    title?: string;
+    onTitleChange?: (title: string) => void;
+    loading?: boolean;
+    headerProps?: Omit<HeaderProps, 'defaultTitle' | 'onTitleChange'>;
     footerProps?: FooterProps;
     bubbleProps?: BubbleListProps;
 }
-export declare const ClientContent: (props: ClientContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClientContent: ({ loading, ...props }: ClientContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/components/ClientContent/index.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
 import { useRequest } from "ahooks";
 import { Footer } from "./Footer.js";
 import { Header } from "./Header.js";
@@ -6,14 +7,15 @@ import { BubbleList } from "./BubbleList.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
 import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
 import { Container } from "./styles.js";
-import { useEffect } from "react";
 const ClientContentComponent = (props)=>{
-    const { style, className, headerProps, footerProps, bubbleProps } = props;
+    const { style, className, title, onTitleChange, headerProps, footerProps, bubbleProps } = props;
     return /*#__PURE__*/ jsxs(Container, {
         style: style,
         className: className,
         children: [
             /*#__PURE__*/ jsx(Header, {
+                defaultTitle: title,
+                onTitleChange: onTitleChange,
                 ...headerProps
             }),
             /*#__PURE__*/ jsx(BubbleList, {
@@ -25,21 +27,19 @@ const ClientContentComponent = (props)=>{
         ]
     });
 };
-const ClientContent = (props)=>{
+const ClientContent = ({ loading, ...props })=>{
     const { request, bubbleListRef } = useChatClientContext();
-    const { loading, data } = useRequest(request.getMessages);
+    const { loading: loadingMessage, data } = useRequest(request.getMessages, {
+        ready: loading
+    });
     useEffect(()=>{
-        if (false === loading) setTimeout(()=>{
+        if (!loadingMessage) setTimeout(()=>{
             bubbleListRef.current?.scrollToBottom();
-        }, 200);
+        }, 500);
     }, [
-        loading
+        loadingMessage
     ]);
-    if (loading) return /*#__PURE__*/ jsx(Container, {
-        style: props.style,
-        className: props.className,
-        children: /*#__PURE__*/ jsx(PageLoading, {})
-    });
+    if (loading || loadingMessage) return /*#__PURE__*/ jsx(PageLoading, {});
     return /*#__PURE__*/ jsx(MessageProvider, {
         request: request.chat,
         initialMessages: data || [],

package/dist/features/ChatClient/context/message.js

@@ -48,11 +48,11 @@ const MessageProvider = ({ initialMessages, children, request })=>{
             message.id = info.id;
         }
     }, []);
-    const completeAssistantMessage = useCallback((id, info)=>{
+    const completeAssistantMessage = useCallback((id, info, status)=>{
         const index = messagesRef.current.findIndex((msg)=>msg.id === id);
         if (-1 !== index) {
             const message = messagesRef.current[index];
-            message.status = 'success';
+            message.status = status || 'success';
             message.info = info;
             message.id = info.id;
         }
@@ -77,9 +77,6 @@ const MessageProvider = ({ initialMessages, children, request })=>{
             onCreated: (info)=>{
                 completeUserMessage(info);
                 createAssistantMessage();
-                console.log([
-                    ...messagesRef.current
-                ]);
                 setMessages([
                     ...messagesRef.current
                 ]);
@@ -96,12 +93,16 @@ const MessageProvider = ({ initialMessages, children, request })=>{
                 setMessages([
                     ...messagesRef.current
                 ]);
+                setIsRequesting(false);
+                onUpdate?.(info);
             },
             onError: (id, info)=>{
-                completeAssistantMessage(id, info);
+                completeAssistantMessage(id, info, 'failed');
                 setMessages([
                     ...messagesRef.current
                 ]);
+                setIsRequesting(false);
+                onUpdate?.(info);
             }
         });
     }, [
@@ -111,7 +112,8 @@ const MessageProvider = ({ initialMessages, children, request })=>{
         createUserMessage,
         request,
         updateMessage,
-        setMessages
+        setMessages,
+        setIsRequesting
     ]);
     return /*#__PURE__*/ jsx(MessageContext.Provider, {
         value: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.92",
+  "version": "0.0.94",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",