listpage-next 0.0.85 → 0.0.87

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { Button, Divider, Input } from "antd";
 import { ChatInputBottom, ChatInputContent, ChatInputPanel } from "./styles.js";
 import { ArrowUpOutlined, PauseCircleTwoTone } from "@ant-design/icons";
-import { useMessageContext } from "../../context/useMessageContext.js";
+import { useMessageContext } from "../../context/index.js";
 const ChatSender = (props)=>{
     const { placeholder, extra, style, className } = props;
     const { isRequesting, sendMessage } = useMessageContext();

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

@@ -1,6 +1,5 @@
 import { CSSProperties } from "react";
 export interface ContentProps {
-    children?: React.ReactNode;
     styles?: {
         topPlaceholder?: CSSProperties;
         bottomPlaceholder?: CSSProperties;

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

@@ -1,7 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "styled-components";
+import { useChatClientContext, useMessageContext } from "../../context/index.js";
 const Content = (props)=>{
-    const { children, styles } = props;
+    const { styles } = props;
+    const { render } = useChatClientContext();
+    const { messages } = useMessageContext();
     return /*#__PURE__*/ jsxs(ContentContainer, {
         children: [
             /*#__PURE__*/ jsx("div", {
@@ -13,7 +16,7 @@ const Content = (props)=>{
                 style: styles?.content ?? {
                     padding: "0 200px"
                 },
-                children: children
+                children: (messages ?? []).map((msg)=>render.renderMessage(msg))
             }),
             /*#__PURE__*/ jsx("div", {
                 style: styles?.bottomPlaceholder ?? {

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

@@ -1,10 +1,11 @@
 import { FooterProps } from "./Footer";
 import { HeaderProps } from "./Header";
+import { ContentProps } from "./Content";
 export interface ClientContentProps {
     className?: string;
     style?: React.CSSProperties;
     headerProps?: HeaderProps;
     footerProps?: FooterProps;
-    children?: React.ReactNode;
+    contentProps?: ContentProps;
 }
 export declare const ClientContent: (props: ClientContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,35 +3,40 @@ import { useRequest } from "ahooks";
 import { Footer } from "./Footer.js";
 import { Header } from "./Header.js";
 import { Content } from "./Content.js";
-import { Container } from "./styles.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
 import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
+import { Container } from "./styles.js";
+const ClientContentComponent = (props)=>{
+    const { style, className, headerProps, footerProps, contentProps } = props;
+    return /*#__PURE__*/ jsxs(Container, {
+        style: style,
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(Header, {
+                ...headerProps
+            }),
+            /*#__PURE__*/ jsx(Content, {
+                ...contentProps
+            }),
+            /*#__PURE__*/ jsx(Footer, {
+                ...footerProps
+            })
+        ]
+    });
+};
 const ClientContent = (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,
+        style: props.style,
+        className: props.className,
         children: /*#__PURE__*/ jsx(PageLoading, {})
     });
     return /*#__PURE__*/ jsx(MessageProvider, {
         request: request.chat,
         initialMessages: data || [],
-        children: /*#__PURE__*/ jsxs(Container, {
-            style: style,
-            className: className,
-            children: [
-                /*#__PURE__*/ jsx(Header, {
-                    ...headerProps
-                }),
-                /*#__PURE__*/ jsx(Content, {
-                    children: children
-                }),
-                /*#__PURE__*/ jsx(Footer, {
-                    ...footerProps
-                })
-            ]
+        children: /*#__PURE__*/ jsx(ClientContentComponent, {
+            ...props
         })
     });
 };

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

@@ -46,7 +46,7 @@ const HistoryConversation = (props)=>{
                             }
                         ];
                         return /*#__PURE__*/ jsxs(ListItemContainer, {
-                            isHover: activeKey === key,
+                            isHover: activeKey === key ? true : void 0,
                             onClick: ()=>onSelect?.(key, item),
                             children: [
                                 /*#__PURE__*/ jsx(Avatar, {

package/dist/features/ChatClient/components/HistoryConversation/styles.d.ts

@@ -3,6 +3,6 @@ export declare const HeaderContainer: import("styled-components/dist/types").ISt
 export declare const HeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ListItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isHover: boolean;
+    isHover?: boolean;
 }>> & string;
 export declare const ListText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/features/ChatClient/components/Layout/ChatPage.d.ts

@@ -1,10 +1,11 @@
 import { ReactNode } from "react";
-import { BaseMessageInfo, ClientRequest } from "../../context";
+import { BaseMessageInfo, ChatRender, ChatRequest } from "../../context";
 export interface ChatPageProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
     logo?: string;
     title?: string;
     children?: ReactNode;
-    request: ClientRequest<SessionData, MessageInfo>;
+    request: ChatRequest<SessionData, MessageInfo>;
+    render: ChatRender<MessageInfo>;
     onClickConversation?: (key: string, item: SessionData) => void;
     onClickNewConversation?: () => void;
     onClickMoreAgent?: () => void;

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

@@ -38,6 +38,7 @@ const ChatPageComponent = (props)=>{
 };
 const ChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
         request: props.request,
+        render: props.render,
         children: /*#__PURE__*/ jsx(ChatPageComponent, {
             ...props
         })

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

@@ -1,13 +1,17 @@
 import { ReactNode } from "react";
 import { InfiniteListProps, InfiniteListRef, RenderActions } from "../../../components/InfiniteList";
-import { BaseMessageInfo, SendMessageRequest } from "./message";
-export type ClientRequest<SessionData = any, MessageInfo extends BaseMessageInfo = any> = {
+import { BaseMessageInfo, Message, SendMessageRequest } from "./message";
+export type ChatRequest<SessionData = any, MessageInfo extends BaseMessageInfo = any> = {
     getConversations: InfiniteListProps<SessionData>['request'];
     getMessages: () => Promise<MessageInfo[]>;
     chat: SendMessageRequest<MessageInfo>;
 };
+export type ChatRender<MessageInfo extends BaseMessageInfo = any> = {
+    renderMessage: (message: Message<MessageInfo>) => ReactNode;
+};
 export interface ChatClientContextProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
-    request: ClientRequest<SessionData, MessageInfo>;
+    request: ChatRequest<SessionData, MessageInfo>;
+    render: ChatRender<MessageInfo>;
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
     showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
@@ -16,7 +20,8 @@ export interface ChatClientContextProps<SessionData = any, MessageInfo extends B
 }
 export interface ChatClientProviderProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
     children: ReactNode;
-    request: ClientRequest<SessionData, MessageInfo>;
+    request: ChatRequest<SessionData, MessageInfo>;
+    render: ChatRender<MessageInfo>;
 }
 export declare const ChatClientContext: import("react").Context<ChatClientContextProps<any, any>>;
 export declare const ChatClientProvider: (props: ChatClientProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,12 +4,13 @@ import { useUpdateTitleModal } from "./useUpdateTitleModal.js";
 import { useConversationListRef } from "./useConversationListRef.js";
 const ChatClientContext = /*#__PURE__*/ createContext({});
 const ChatClientProvider = (props)=>{
-    const { children, request } = props;
+    const { children, request, render } = props;
     const { updateTitleModalEle, showUpdateTitleModal } = useUpdateTitleModal();
     const [collapsed, setCollapsed] = useState(false);
     const { conversationListRef, ...conversationActions } = useConversationListRef();
     return /*#__PURE__*/ jsxs(ChatClientContext.Provider, {
         value: {
+            render,
             request,
             collapsed,
             setCollapsed,

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

@@ -29,3 +29,4 @@ export declare const MessageProvider: <MessageInfo extends BaseMessageInfo = any
     initialMessages: MessageInfo[];
     request: SendMessageRequest<MessageInfo>;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare function useMessageContext<MessageInfo extends BaseMessageInfo = any>(): MessageContextValue<MessageInfo>;

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useRef, useState } from "react";
+import { createContext, useCallback, useContext, useRef, useState } from "react";
 import { useMount } from "ahooks";
 const MessageContext = /*#__PURE__*/ createContext({});
 const MessageProvider = ({ initialMessages, children, request })=>{
@@ -121,4 +121,7 @@ const MessageProvider = ({ initialMessages, children, request })=>{
         children: children
     });
 };
-export { MessageContext, MessageProvider };
+function useMessageContext() {
+    return useContext(MessageContext);
+}
+export { MessageContext, MessageProvider, useMessageContext };

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

@@ -1,5 +1,5 @@
 import { useChatClientContext } from "./client.js";
-import { useMessageContext } from "./useMessageContext.js";
+import { useMessageContext } from "./message.js";
 function useChatContext() {
     const { conversationAction } = useChatClientContext();
     const { messages, sendMessage } = useMessageContext();

package/package.json

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

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

@@ -1,2 +0,0 @@
-import { BaseMessageInfo, MessageContextValue } from "./message";
-export declare function useMessageContext<MessageInfo extends BaseMessageInfo = any>(): MessageContextValue<MessageInfo>;

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

@@ -1,6 +0,0 @@
-import { useContext } from "react";
-import { MessageContext } from "./message.js";
-function useMessageContext() {
-    return useContext(MessageContext);
-}
-export { useMessageContext };