listpage-next 0.0.203 → 0.0.205

package/dist/components/InfiniteList/index.d.ts

@@ -2,8 +2,8 @@ import { Ref } from 'react';
 export type RenderActions<DataType = any> = {
     updateItem: (key: string, item: DataType) => void;
     deleteItem: (key: string) => void;
+    appendItem: (item: DataType, index?: number) => void;
     resetPagination: () => void;
-    refresh: () => void;
 };
 export interface InfiniteListProps<DataType = any> {
     request?: (params: {

package/dist/components/InfiniteList/index.js

@@ -13,7 +13,7 @@ const InfiniteList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const containerRef = useRef(null);
     const [list, setList] = useState([]);
     const [hasMore, setHasMore] = useState(true);
-    const { loading, run: loadMoreData, refresh } = useRequest(()=>{
+    const { loading, run: loadMoreData } = useRequest(()=>{
         if (!request) return Promise.resolve({
             total: 0,
             list: [],
@@ -38,6 +38,13 @@ const InfiniteList = /*#__PURE__*/ forwardRef((props, ref)=>{
             if (!hasMore) message.info('没有更多数据了！');
         }
     });
+    const appendItem = (item, index = 0)=>{
+        const newList = [
+            ...list
+        ];
+        newList.splice(index, 0, item);
+        setList(newList);
+    };
     const deleteItem = (key)=>{
         const newList = list.filter((i)=>i[rowKey] !== key);
         setList(newList);
@@ -59,13 +66,13 @@ const InfiniteList = /*#__PURE__*/ forwardRef((props, ref)=>{
     useImperativeHandle(ref, ()=>({
             deleteItem,
             updateItem,
-            resetPagination,
-            refresh
+            appendItem,
+            resetPagination
         }), [
         deleteItem,
         updateItem,
         resetPagination,
-        refresh
+        appendItem
     ]);
     useEffect(()=>{
         loadMoreData();
@@ -93,8 +100,8 @@ const InfiniteList = /*#__PURE__*/ forwardRef((props, ref)=>{
             children: (item, index)=>renderItem(item, index, {
                     deleteItem,
                     updateItem,
-                    resetPagination,
-                    refresh
+                    appendItem,
+                    resetPagination
                 })
         })
     });

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

@@ -8,4 +8,7 @@ export interface ChatPageProps<SessionData = any, MessageInfo extends BaseMessag
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
 }
+export declare const ChatContentContext: (props: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const ChatPage: (props: ChatPageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -28,14 +28,12 @@ const ChatPageComponent = (props)=>{
                 ]
             }),
             /*#__PURE__*/ jsx(Content, {
-                children: /*#__PURE__*/ jsx(ChatContentContainer, {
-                    children: children
-                })
+                children: children
             })
         ]
     });
 };
-const ChatContentContainer = (props)=>{
+const ChatContentContext = (props)=>{
     const { request, bubbleListRef } = useChatClientContext();
     const { loading: loadingMessage, data } = useRequest(request.getMessages, {
         ready: Boolean(request.getMessages)
@@ -62,4 +60,4 @@ const ChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
             ...props
         })
     });
-export { ChatPage };
+export { ChatContentContext, ChatPage };

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

@@ -1,5 +1,4 @@
 export interface HistoryConversationProps {
     rowKey?: string;
-    defaultActiveKey?: string;
 }
 export declare const HistoryConversation: (props: HistoryConversationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,20 +7,24 @@ import { useChatClientContext } from "../../context/index.js";
 import { ConversationList } from "../../ui/ConversationList/index.js";
 import { HeaderContainer, HeaderTitle, HistoryConversationContainer } from "./styles.js";
 const HistoryConversation = (props)=>{
-    const { rowKey = 'id', defaultActiveKey } = props;
-    const { showUpdateTitleModal, conversationListRef, action, request } = useChatClientContext();
+    const { rowKey = 'id' } = props;
+    const { showUpdateTitleModal, conversationListRef, action, request, activeConversation, setActiveConversation } = useChatClientContext();
     const { onClickConversation, onRenameConversation, onDeleteConversation } = action ?? {};
     return /*#__PURE__*/ jsxs(HistoryConversationContainer, {
         children: [
             /*#__PURE__*/ jsx(Header, {}),
             /*#__PURE__*/ jsx(ConversationList, {
                 rowKey: rowKey,
-                defaultActiveKey: defaultActiveKey,
+                activeKey: activeConversation,
                 request: request.getConversations,
                 ref: conversationListRef,
-                onSelectConversation: (data)=>onClickConversation?.(data[rowKey], data),
+                onSelectConversation: (data)=>{
+                    onClickConversation?.(data[rowKey], data);
+                    setActiveConversation?.(data[rowKey]);
+                },
                 onDeleteConversation: (data)=>{
                     onDeleteConversation?.(data[rowKey], data);
+                    setActiveConversation?.('new');
                 },
                 onRenameConversation: (data)=>new Promise((resolve)=>{
                         showUpdateTitleModal(data.title, async (newTitle)=>{

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

@@ -21,6 +21,8 @@ export interface ChatClientContextProps<SessionData = any, MessageInfo extends B
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
     action?: ChatActionEvent<SessionData>;
+    activeConversation?: string;
+    setActiveConversation?: (key?: string) => void;
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
     showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;

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

@@ -9,6 +9,7 @@ const ChatClientProvider = (props)=>{
     const { updateTitleModalEle, showUpdateTitleModal } = useUpdateTitleModal();
     const [collapsed, setCollapsed] = useState(false);
     const { conversationListRef, ...conversationActions } = useConversationListRef();
+    const [activeConversation, setActiveConversation] = useState();
     const { bubbleListRef } = useBubbleListRef();
     return /*#__PURE__*/ jsxs(ChatClientContext.Provider, {
         value: {
@@ -18,6 +19,8 @@ const ChatClientProvider = (props)=>{
             collapsed,
             setCollapsed,
             showUpdateTitleModal,
+            activeConversation,
+            setActiveConversation,
             conversationListRef,
             bubbleListRef,
             conversationAction: conversationActions

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

@@ -3,9 +3,11 @@ export declare function useChatContext(): {
     sendMessage: (info: any, callback?: ((info: any) => void) | undefined) => void;
     appendMessage: (message: import("./types").Message<any>) => void;
     setMessages: (messages: import("./types").Message<any>[]) => void;
+    activeConversation: string | undefined;
+    setActiveConversation: ((key?: string) => void) | undefined;
     deleteConversation: ((key: string) => void) | undefined;
     updateConversation: ((key: string, item: any) => void) | undefined;
-    refreshConversation: (() => void) | undefined;
+    appendConversation: ((item: any, index?: number) => void) | undefined;
     scrollToBottom: () => void;
 };
 export type ChatInstance = ReturnType<typeof useChatContext>;

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

@@ -1,17 +1,19 @@
 import { useChatClientContext } from "./client.js";
 import { useMessageContext } from "./message.js";
 function useChatContext() {
-    const { conversationAction, bubbleListRef } = useChatClientContext();
+    const { conversationAction, bubbleListRef, setActiveConversation, activeConversation } = useChatClientContext();
     const { messages, sendMessage, appendMessage, setMessages } = useMessageContext();
-    const { deleteItem, updateItem, refresh } = conversationAction ?? {};
+    const { deleteItem, updateItem, appendItem } = conversationAction ?? {};
     return {
         messages,
         sendMessage,
         appendMessage,
         setMessages,
+        activeConversation,
+        setActiveConversation,
         deleteConversation: deleteItem,
         updateConversation: updateItem,
-        refreshConversation: refresh,
+        appendConversation: appendItem,
         scrollToBottom: ()=>bubbleListRef.current?.scrollToBottom()
     };
 }

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

@@ -2,7 +2,7 @@ import { RenderActions } from "../../../components/InfiniteList";
 export declare function useConversationListRef<DataType = any>(): {
     updateItem?: ((key: string, item: DataType) => void) | undefined;
     deleteItem?: ((key: string) => void) | undefined;
+    appendItem?: ((item: DataType, index?: number) => void) | undefined;
     resetPagination?: (() => void) | undefined;
-    refresh?: (() => void) | undefined;
     conversationListRef: import("react").RefObject<RenderActions<DataType> | null>;
 };

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

@@ -1,9 +1,9 @@
 import { ItemType } from 'antd/es/menu/interface';
-import { InfiniteListProps, InfiniteListRef, RenderActions } from '../../../../components/InfiniteList';
+import { InfiniteListProps, InfiniteListRef, RenderActions } from '../../../../components';
 export interface ConversationListProps<T = any> {
     rowKey: string;
     ref?: InfiniteListRef<T>;
-    defaultActiveKey?: string;
+    activeKey?: string;
     request: InfiniteListProps<T>['request'];
     menus?: (Omit<ItemType, 'onClick'> & {
         key?: string;

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

@@ -1,12 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 import { Avatar, Button, Dropdown, Typography } from "antd";
-import { ListContainer, ListItemContainer, ListText } from "./styles.js";
 import { MessageOutlined, MoreOutlined } from "@ant-design/icons";
-import { InfiniteList } from "../../../../components/InfiniteList/index.js";
+import { ListContainer, ListItemContainer, ListText } from "./styles.js";
+import { InfiniteList } from "../../../../components/index.js";
 const ConversationList = (props)=>{
-    const { ref, rowKey, request, menus = [], defaultActiveKey, onSelectConversation, onDeleteConversation, onRenameConversation } = props;
-    const [activeKey, setActiveKey] = useState(defaultActiveKey);
+    const { ref, rowKey, request, menus = [], activeKey, onSelectConversation, onDeleteConversation, onRenameConversation } = props;
     return /*#__PURE__*/ jsx(ListContainer, {
         children: /*#__PURE__*/ jsx(InfiniteList, {
             pageSize: 10,
@@ -35,7 +33,6 @@ const ConversationList = (props)=>{
                         label: '删除',
                         onClick: async ()=>{
                             await onDeleteConversation?.(item);
-                            if (key === activeKey) setActiveKey('');
                             actions.deleteItem(key);
                         }
                     }
@@ -44,7 +41,6 @@ const ConversationList = (props)=>{
                     isHover: activeKey === key ? true : void 0,
                     onClick: ()=>{
                         if (activeKey === key) return;
-                        setActiveKey?.(key);
                         onSelectConversation?.(item);
                     },
                     children: [

package/package.json

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