listpage-next 0.0.200 → 0.0.202

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

@@ -8,8 +8,7 @@ export interface ClientContentProps {
     title?: string;
     onTitleChange?: (title: string) => void;
     onClickNewConversation?: () => void;
-    loading?: boolean;
     senderProps?: ClientContentBodyProps['senderProps'];
     bubbleProps?: ChatBubbleListProps;
 }
-export declare const ClientContent: ({ loading, ...props }: ClientContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClientContent: (props: ClientContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useRequest } from "ahooks";
 import { styled } from "styled-components";
 import { ClientContentBody } from "./ClientContentBody.js";
 import { ClientContentHeader } from "./ClientContentHeader.js";
-import { MessageProvider, useChatClientContext } from "../../context/index.js";
-import { PageLoading } from "../../../../components/PageLayout/index.js";
-const ClientContentComponent = (props)=>{
+const ClientContent = (props)=>{
     const { extra, style, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
     return /*#__PURE__*/ jsxs(Container, {
         style: style,
@@ -25,27 +21,6 @@ const ClientContentComponent = (props)=>{
         ]
     });
 };
-const ClientContent = ({ loading, ...props })=>{
-    const { request, bubbleListRef } = useChatClientContext();
-    const { loading: loadingMessage, data } = useRequest(request.getMessages, {
-        ready: !loading && Boolean(request.getMessages)
-    });
-    useEffect(()=>{
-        if (!loadingMessage) setTimeout(()=>{
-            bubbleListRef.current?.scrollToBottom();
-        }, 500);
-    }, [
-        loadingMessage
-    ]);
-    if (loading || loadingMessage) return /*#__PURE__*/ jsx(PageLoading, {});
-    return /*#__PURE__*/ jsx(MessageProvider, {
-        request: request.chat,
-        initialMessages: data || [],
-        children: /*#__PURE__*/ jsx(ClientContentComponent, {
-            ...props
-        })
-    });
-};
 const Container = styled.div`
   display: flex;
   flex-direction: column;

package/dist/features/ChatClient/components/ChatPage/ChatPage.js

@@ -1,9 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useRequest } from "ahooks";
+import { PageLoading } from "../../../../components/index.js";
 import { Sider } from "./Sider.js";
 import { Logo } from "../Logo/index.js";
 import { HistoryConversation } from "../HistoryConversation/index.js";
 import { NewConversationButton } from "../NewConversationButton/index.js";
-import { ChatClientProvider } from "../../context/index.js";
+import { ChatClientProvider, MessageProvider, useChatClientContext } from "../../context/index.js";
 import { Content, Layout } from "./styles.js";
 const ChatPageComponent = (props)=>{
     const { logo, title, children, action } = props;
@@ -25,11 +28,32 @@ const ChatPageComponent = (props)=>{
                 ]
             }),
             /*#__PURE__*/ jsx(Content, {
-                children: children
+                children: /*#__PURE__*/ jsx(ChatContentContainer, {
+                    children: children
+                })
             })
         ]
     });
 };
+const ChatContentContainer = (props)=>{
+    const { request, bubbleListRef } = useChatClientContext();
+    const { loading: loadingMessage, data } = useRequest(request.getMessages, {
+        ready: Boolean(request.getMessages)
+    });
+    useEffect(()=>{
+        if (!loadingMessage) setTimeout(()=>{
+            bubbleListRef.current?.scrollToBottom();
+        }, 500);
+    }, [
+        loadingMessage
+    ]);
+    if (loadingMessage) return /*#__PURE__*/ jsx(PageLoading, {});
+    return /*#__PURE__*/ jsx(MessageProvider, {
+        request: request.chat,
+        initialMessages: data || [],
+        children: props.children
+    });
+};
 const ChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
         request: props.request,
         render: props.render,

package/dist/features/ChatClient/ui/ChatInput/index.js

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { Button, Divider, Dropdown } from "antd";
-import { PauseCircleTwoTone } from "@ant-design/icons";
+import { Divider, Dropdown } from "antd";
 import { EditorContent } from "../EditorContent/index.js";
-import { ChatInputBottom, ChatInputContent, ChatInputPanel, ExtraContainer } from "./styles.js";
+import { ChatInputBottom, ChatInputContent, ChatInputPanel, ExtraContainer, SendButton } from "./styles.js";
 import { useTrigger } from "./hooks/useTrigger.js";
 import { IconSend } from "../../icons/IconSend.js";
 const ChatInput = (props)=>{
@@ -53,21 +52,22 @@ const ChatInput = (props)=>{
                                     size: "large",
                                     type: "vertical"
                                 }),
-                                /*#__PURE__*/ jsx(Button, {
+                                /*#__PURE__*/ jsx(SendButton, {
                                     type: "primary",
                                     shape: "circle",
                                     variant: "filled",
                                     onClick: handleClickSend,
                                     onKeyDown: handleKeyDown,
                                     disabled: !inputValue && !loading,
+                                    icon: /*#__PURE__*/ jsx(IconSend, {
+                                        size: 16
+                                    }),
+                                    loading: loading,
                                     style: {
                                         display: 'inline-flex',
                                         alignItems: 'center',
                                         justifyContent: 'center'
-                                    },
-                                    children: loading ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(IconSend, {
-                                        size: 16
-                                    })
+                                    }
                                 })
                             ]
                         })

package/dist/features/ChatClient/ui/ChatInput/styles.d.ts

@@ -2,3 +2,6 @@ export declare const ChatInputPanel: import("styled-components/dist/types").ISty
 export declare const ChatInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ChatInputBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ExtraContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SendButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+    Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
+}, keyof import("react").Component<any, {}, any>>;

package/dist/features/ChatClient/ui/ChatInput/styles.js

@@ -1,3 +1,4 @@
+import { Button } from "antd";
 import { styled } from "styled-components";
 const ChatInputPanel = styled.div`
   position: relative;
@@ -53,4 +54,11 @@ const ExtraContainer = styled.div`
   align-items: center;
   justify-content: center;
 `;
-export { ChatInputBottom, ChatInputContent, ChatInputPanel, ExtraContainer };
+const SendButton = styled(Button)`
+  .ant-btn-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+`;
+export { ChatInputBottom, ChatInputContent, ChatInputPanel, ExtraContainer, SendButton };

package/package.json

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