listpage-next 0.0.102 → 0.0.104

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

@@ -1,14 +1,11 @@
 import { ReactNode } from "react";
-import { BaseMessageInfo, ChatRender, ChatRequest } from "../../context";
+import { BaseMessageInfo, ChatActionEvent, ChatRender, ChatRequest } from "../../context";
 export interface ChatPageProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
     logo?: string;
     title?: string;
     children?: ReactNode;
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
-    onClickConversation?: (key: string, item: SessionData) => void;
-    onClickNewConversation?: () => void;
-    onRenameConversation?: (key: string, item: SessionData) => Promise<void>;
-    onDeleteConversation?: (key: string, item: SessionData) => Promise<void>;
+    action: ChatActionEvent<SessionData>;
 }
 export declare const ChatPage: (props: ChatPageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,7 @@ 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, onRenameConversation, onDeleteConversation } = props;
+    const { logo, title, children, action } = props;
     return /*#__PURE__*/ jsxs(Layout, {
         style: {
             height: '100vh'
@@ -19,14 +19,9 @@ const ChatPageComponent = (props)=>{
                         title: title || '智能对话'
                     }),
                     /*#__PURE__*/ jsx(NewConversationButton, {
-                        onClickNew: onClickNewConversation
+                        onClickNew: action.onClickNewConversation
                     }),
-                    /*#__PURE__*/ jsx(HistoryConversation, {
-                        request: request.getConversations,
-                        onSelect: onClickConversation,
-                        onRename: onRenameConversation,
-                        onDelete: onDeleteConversation
-                    })
+                    /*#__PURE__*/ jsx(HistoryConversation, {})
                 ]
             }),
             /*#__PURE__*/ jsx(Content, {
@@ -38,6 +33,7 @@ const ChatPageComponent = (props)=>{
 const ChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
         request: props.request,
         render: props.render,
+        action: props.action,
         children: /*#__PURE__*/ jsx(ChatPageComponent, {
             ...props
         })

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

@@ -1,11 +1,6 @@
-import { InfiniteListProps } from "../../../../components/InfiniteList";
 export interface HistoryConversationProps<T = any> {
     rowKey?: string;
-    request: InfiniteListProps<T>['request'];
     activeKey?: string;
-    onDelete?: (key: string, item: T) => Promise<void>;
-    onRename?: (key: string, item: T) => Promise<void>;
-    onSelect?: (key: string, item: T) => void;
 }
 export declare const HistoryConversation: <T extends ItemData = any>(props: HistoryConversationProps<T>) => import("react/jsx-runtime").JSX.Element;
 type ItemData = {

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

@@ -7,15 +7,16 @@ import { InfiniteList } from "../../../../components/InfiniteList/index.js";
 import { useChatClientContext } from "../../context/index.js";
 import { HeaderContainer, HeaderTitle, HistoryConversationContainer, ListContainer, ListItemContainer, ListText } from "./styles.js";
 const HistoryConversation = (props)=>{
-    const { rowKey = "id", request, activeKey, onDelete, onRename, onSelect } = props;
-    const { showUpdateTitleModal, conversationListRef } = useChatClientContext();
+    const { rowKey = "id", activeKey } = props;
+    const { showUpdateTitleModal, conversationListRef, action, request } = useChatClientContext();
+    const { onClickConversation, onRenameConversation, onDeleteConversation } = action;
     return /*#__PURE__*/ jsxs(HistoryConversationContainer, {
         children: [
             /*#__PURE__*/ jsx(Header, {}),
             /*#__PURE__*/ jsx(ListContainer, {
                 children: /*#__PURE__*/ jsx(InfiniteList, {
                     ref: conversationListRef,
-                    request: request,
+                    request: request.getConversations,
                     rowKey: rowKey,
                     pageSize: 10,
                     renderItem: (item, index, actions)=>{
@@ -30,7 +31,7 @@ const HistoryConversation = (props)=>{
                                             ...item,
                                             title: newTitle
                                         };
-                                        await onRename?.(key, newItem);
+                                        await onRenameConversation?.(key, newItem);
                                         actions.updateItem(key, newItem);
                                     });
                                 }
@@ -40,14 +41,14 @@ const HistoryConversation = (props)=>{
                                 danger: true,
                                 label: '删除',
                                 onClick: async ()=>{
-                                    await onDelete?.(key, item);
+                                    await onDeleteConversation?.(key, item);
                                     actions.deleteItem(key);
                                 }
                             }
                         ];
                         return /*#__PURE__*/ jsxs(ListItemContainer, {
                             isHover: activeKey === key ? true : void 0,
-                            onClick: ()=>onSelect?.(key, item),
+                            onClick: ()=>onClickConversation?.(key, item),
                             children: [
                                 /*#__PURE__*/ jsx(Avatar, {
                                     size: 20,

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

@@ -32,10 +32,7 @@ const Reasoning = ({ thinking, children })=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(ReasoningContent, {
-                style: {
-                    height: collapsed ? 0 : 'auto'
-                },
+            !collapsed && /*#__PURE__*/ jsx(ReasoningContent, {
                 children: children
             })
         ]

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

@@ -10,9 +10,16 @@ export type ChatRequest<SessionData = any, MessageInfo extends BaseMessageInfo =
 export type ChatRender<MessageInfo extends BaseMessageInfo = any> = {
     renderMessage: (message: Message<MessageInfo>) => ReactNode;
 };
+export type ChatActionEvent<SessionData = any> = {
+    onClickConversation?: (key: string, item: SessionData) => void;
+    onClickNewConversation?: () => void;
+    onRenameConversation?: (key: string, item: SessionData) => Promise<void>;
+    onDeleteConversation?: (key: string, item: SessionData) => Promise<void>;
+};
 export interface ChatClientContextProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
+    action: ChatActionEvent<SessionData>;
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
     showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
@@ -24,6 +31,7 @@ export interface ChatClientProviderProps<SessionData = any, MessageInfo extends
     children: ReactNode;
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
+    action: ChatActionEvent<SessionData>;
 }
 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

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

package/package.json

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