listpage-next 0.0.86 → 0.0.88

package/dist/demos/demo8.js

@@ -1,11 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ClientContent } from "../features/ChatClient/index.js";
-const Demo8 = ()=>/*#__PURE__*/ jsx(ClientContent, {
-        style: {
-            height: 800
-        },
-        headerProps: {
-            defaultTitle: "搜索海量信息，生成研究报告"
-        }
-    });
+import { NewConversationButton } from "../features/ChatClient/components/NewConversationButton/index.js";
+import "../features/ChatClient/index.js";
+const Demo8 = ()=>/*#__PURE__*/ jsx(NewConversationButton, {});
 export { Demo8 };

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/ChatSender/styles.js

@@ -34,6 +34,7 @@ const ChatInputContent = styled.div`
         min-height: 60px;
         max-height: 220px;
         resize: none;
+        font-size: 16px;
 
         background-color: transparent;
         box-shadow: none;

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

@@ -7,7 +7,7 @@ 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, children, headerProps, footerProps } = props;
+    const { style, className, headerProps, footerProps, contentProps } = props;
     return /*#__PURE__*/ jsxs(Container, {
         style: style,
         className: className,
@@ -16,7 +16,7 @@ const ClientContentComponent = (props)=>{
                 ...headerProps
             }),
             /*#__PURE__*/ jsx(Content, {
-                children: children
+                ...contentProps
             }),
             /*#__PURE__*/ jsx(Footer, {
                 ...footerProps

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,13 +1,13 @@
 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;
     onRenameConversation?: (key: string, item: SessionData) => Promise<void>;
     onDeleteConversation?: (key: string, item: SessionData) => Promise<void>;
 }

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

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Sider } from "./Sider.js";
 import { Logo } from "../Logo/index.js";
 import { HistoryConversation } from "../HistoryConversation/index.js";
-import { NewConversation } from "../NewConversation/index.js";
+import { NewConversationButton } from "../NewConversationButton/index.js";
 import { ChatClientProvider } from "../../context/index.js";
 import { Content, Layout } from "./styles.js";
 const ChatPageComponent = (props)=>{
-    const { logo, title, children, request, onClickConversation, onClickNewConversation, onClickMoreAgent, onRenameConversation, onDeleteConversation } = props;
+    const { logo, title, children, request, onClickConversation, onClickNewConversation, onRenameConversation, onDeleteConversation } = props;
     return /*#__PURE__*/ jsxs(Layout, {
         style: {
             height: '100vh'
@@ -18,9 +18,8 @@ const ChatPageComponent = (props)=>{
                         icon: logo,
                         title: title || '智能对话'
                     }),
-                    /*#__PURE__*/ jsx(NewConversation, {
-                        onClickNew: onClickNewConversation,
-                        onClickMoreAgent: onClickMoreAgent
+                    /*#__PURE__*/ jsx(NewConversationButton, {
+                        onClickNew: onClickNewConversation
                     }),
                     /*#__PURE__*/ jsx(HistoryConversation, {
                         request: request.getConversations,
@@ -38,6 +37,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/components/{NewConversation → NewConversationButton}/index.d.ts

@@ -1,4 +1,4 @@
-export declare const NewConversation: (props: {
+export declare const NewConversationButton: (props: {
     onClickNew?: () => void;
     onClickMoreAgent?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EditTwoTone } from "@ant-design/icons";
+import { styled } from "styled-components";
+const NewConversationContainer = styled.div`
+  padding: 0 12px;
+  margin-top: 16px;
+`;
+const NewConversationButtonStyle = styled.div`
+  cursor: pointer;
+  border: .5px solid rgba(0, 102, 255, .15);
+  color: #0057ff;
+
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  padding: 8px 6px;
+  border-radius: 12px;
+  font-size: 14px;
+  font-weight: 600;
+  background: #0057ff0f;
+  &:hover {
+    background: rgba(0, 102, 255, .1);
+  }
+`;
+const NewConversationButton = (props)=>/*#__PURE__*/ jsx(NewConversationContainer, {
+        children: /*#__PURE__*/ jsxs(NewConversationButtonStyle, {
+            onClick: props.onClickNew,
+            children: [
+                /*#__PURE__*/ jsx(EditTwoTone, {}),
+                /*#__PURE__*/ jsx("span", {
+                    children: "新对话"
+                })
+            ]
+        })
+    });
+export { NewConversationButton };

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.86",
+  "version": "0.0.88",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",

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

@@ -1,42 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { EditOutlined } from "@ant-design/icons";
-import { Button, Divider } from "antd";
-import { styled } from "styled-components";
-const NewConversationContainer = styled.div`
-  padding: 0 12px;
-  margin-top: 16px;
-`;
-const FakeButtonStyle = styled.div`
-    &:hover {
-        background-color: #0000000a;
-    }
-    color: #000000;
-    display: flex;
-    align-items: center;
-    padding: 8px;
-    border-radius: 8px;
-    cursor: pointer;
-
-    font-weight: 400;
-    font-size: 14px;
-
-    margin-top: 8px;
-`;
-const NewConversation = (props)=>/*#__PURE__*/ jsxs(NewConversationContainer, {
-        children: [
-            /*#__PURE__*/ jsx(Button, {
-                onClick: props.onClickNew,
-                variant: "outlined",
-                icon: /*#__PURE__*/ jsx(EditOutlined, {}),
-                block: true,
-                color: "blue",
-                children: "新对话"
-            }),
-            /*#__PURE__*/ jsx(FakeButtonStyle, {
-                onClick: props.onClickMoreAgent,
-                children: "AI智能体"
-            }),
-            /*#__PURE__*/ jsx(Divider, {})
-        ]
-    });
-export { NewConversation };

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 };