listpage-next 0.0.84 → 0.0.85

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

@@ -13,8 +13,7 @@ const ChatGuidance = (props)=>{
             }),
             /*#__PURE__*/ jsx(ChatSender, {
                 extra: extra,
-                placeholder: placeholder,
-                onSubmit: onSubmit
+                placeholder: placeholder
             })
         ]
     });

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

@@ -1,9 +1,6 @@
 export interface ChatSenderProps {
     extra?: React.ReactNode;
     placeholder?: string;
-    submitting?: boolean;
-    onSubmit?: (value: string) => any;
-    onCancel?: () => Promise<void>;
     style?: React.CSSProperties;
     className?: string;
 }

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

@@ -1,21 +1,25 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Button, Divider, Input } from "antd";
 import { ChatInputBottom, ChatInputContent, ChatInputPanel } from "./styles.js";
-import { useState } from "react";
 import { ArrowUpOutlined, PauseCircleTwoTone } from "@ant-design/icons";
+import { useMessageContext } from "../../context/useMessageContext.js";
 const ChatSender = (props)=>{
-    const { placeholder, onSubmit, onCancel, submitting, extra, style, className } = props;
+    const { placeholder, extra, style, className } = props;
+    const { isRequesting, sendMessage } = useMessageContext();
     const [inputValue, setInputValue] = useState("");
     const handleClick = async ()=>{
-        if (submitting && !onCancel) return;
-        if (submitting && onCancel) return void await onCancel();
-        onSubmit?.(inputValue);
+        if (isRequesting) return;
+        sendMessage({
+            role: 'user',
+            content: inputValue.trim()
+        });
         setInputValue("");
     };
     const handleKeyDown = (e)=>{
         if ('Enter' === e.key && !e.shiftKey) {
             e.preventDefault();
-            if (!submitting && inputValue) handleClick();
+            if (!isRequesting && inputValue) handleClick();
         }
     };
     return /*#__PURE__*/ jsxs(ChatInputPanel, {
@@ -40,10 +44,10 @@ const ChatSender = (props)=>{
                         type: "vertical"
                     }),
                     /*#__PURE__*/ jsx(Button, {
-                        disabled: !inputValue && !submitting,
-                        loading: submitting,
+                        disabled: !inputValue && !isRequesting,
+                        loading: isRequesting,
                         shape: "circle",
-                        icon: submitting ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(ArrowUpOutlined, {}),
+                        icon: isRequesting ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(ArrowUpOutlined, {}),
                         type: "primary",
                         variant: "filled",
                         onKeyDown: handleKeyDown,

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

@@ -1,15 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "styled-components";
 import { ChatSender } from "../ChatSender/index.js";
-import { useMessageContext } from "../../context/useMessageContext.js";
 const Footer = (props)=>{
     const { visible = true, ...rest } = props;
-    const { isRequesting } = useMessageContext();
     if (!visible) return false;
     return /*#__PURE__*/ jsx(FooterContainer, {
         children: /*#__PURE__*/ jsx(ChatSender, {
-            ...rest,
-            submitting: isRequesting
+            ...rest
         })
     });
 };

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

@@ -3,9 +3,8 @@ import { HeaderProps } from "./Header";
 export interface ClientContentProps {
     className?: string;
     style?: React.CSSProperties;
-    children?: React.ReactNode;
     headerProps?: HeaderProps;
-    footerProps?: Omit<FooterProps, 'submitting'>;
-    loading?: boolean;
+    footerProps?: FooterProps;
+    children?: React.ReactNode;
 }
 export declare const ClientContent: (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 { useRequest } from "ahooks";
 import { Footer } from "./Footer.js";
 import { Header } from "./Header.js";
 import { Content } from "./Content.js";
@@ -6,8 +7,9 @@ import { Container } from "./styles.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
 import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
 const ClientContent = (props)=>{
-    const { style, className, children, headerProps, footerProps, loading } = props;
+    const { style, className, children, headerProps, footerProps } = props;
     const { request } = useChatClientContext();
+    const { loading, data } = useRequest(request.getMessages);
     if (loading) return /*#__PURE__*/ jsx(Container, {
         style: style,
         className: className,
@@ -15,7 +17,7 @@ const ClientContent = (props)=>{
     });
     return /*#__PURE__*/ jsx(MessageProvider, {
         request: request.chat,
-        messages: [],
+        initialMessages: data || [],
         children: /*#__PURE__*/ jsxs(Container, {
             style: style,
             className: className,

package/dist/features/ChatClient/context/client.d.ts

@@ -3,6 +3,7 @@ import { InfiniteListProps, InfiniteListRef, RenderActions } from "../../../comp
 import { BaseMessageInfo, SendMessageRequest } from "./message";
 export type ClientRequest<SessionData = any, MessageInfo extends BaseMessageInfo = any> = {
     getConversations: InfiniteListProps<SessionData>['request'];
+    getMessages: () => Promise<MessageInfo[]>;
     chat: SendMessageRequest<MessageInfo>;
 };
 export interface ChatClientContextProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {

package/dist/features/ChatClient/context/message.d.ts

@@ -24,8 +24,8 @@ export type SendMessageRequest<MessageInfo extends BaseMessageInfo = any> = (inf
     onError: (id: string, info: MessageInfo) => void;
 }) => Promise<void>;
 export declare const MessageContext: import("react").Context<MessageContextValue<any>>;
-export declare const MessageProvider: <MessageInfo extends BaseMessageInfo = any>({ messages: rawMessages, children, request, }: {
+export declare const MessageProvider: <MessageInfo extends BaseMessageInfo = any>({ initialMessages, children, request, }: {
     children: ReactNode;
-    messages: MessageInfo[];
+    initialMessages: MessageInfo[];
     request: SendMessageRequest<MessageInfo>;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useRef, useState } from "react";
 import { useMount } from "ahooks";
 const MessageContext = /*#__PURE__*/ createContext({});
-const MessageProvider = ({ messages: rawMessages, children, request })=>{
+const MessageProvider = ({ initialMessages, children, request })=>{
     const [isRequesting, setIsRequesting] = useState(false);
     const messagesRef = useRef([]);
     const [messages, setMessages] = useState([]);
     useMount(()=>{
-        messagesRef.current = rawMessages.map((info)=>({
+        messagesRef.current = initialMessages.map((info)=>({
                 id: info.id,
                 status: 'success',
                 info

package/dist/features/ChatClient/context/useChatContext.d.ts

@@ -0,0 +1,6 @@
+export declare function useChatContext(): {
+    messages: import("./message").Message<any>[];
+    sendMessage: (info: any) => void;
+    deleteConversation: ((key: string) => void) | undefined;
+    updateConversation: ((key: string, item: any) => void) | undefined;
+};

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

@@ -0,0 +1,14 @@
+import { useChatClientContext } from "./client.js";
+import { useMessageContext } from "./useMessageContext.js";
+function useChatContext() {
+    const { conversationAction } = useChatClientContext();
+    const { messages, sendMessage } = useMessageContext();
+    const { deleteItem, updateItem } = conversationAction ?? {};
+    return {
+        messages,
+        sendMessage,
+        deleteConversation: deleteItem,
+        updateConversation: updateItem
+    };
+}
+export { useChatContext };

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

@@ -1,3 +1,4 @@
 export * from './components/Layout';
 export * from './components/ChatGuidance';
 export * from './components/ClientContent';
+export { useChatContext } from './context/useChatContext';

package/dist/features/ChatClient/index.js

@@ -1,3 +1,5 @@
+import { useChatContext } from "./context/useChatContext.js";
 export * from "./components/Layout/index.js";
 export * from "./components/ChatGuidance/index.js";
 export * from "./components/ClientContent/index.js";
+export { useChatContext };

package/package.json

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