listpage-next 0.0.78 → 0.0.79

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { EditOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
-import { Button, Divider, Input, Modal } from "antd";
+import { Button, Divider } from "antd";
 import { styled } from "styled-components";
 import { useChatClientContext } from "../../context/index.js";
 const Header = (props)=>{
@@ -19,12 +19,15 @@ const Header = (props)=>{
 };
 const HeaderLeft = (props)=>{
     const { onClickNewConversation, onTitleChange } = props;
-    const { collapsed, setCollapsed } = useChatClientContext();
-    const [open, setOpen] = useState(false);
+    const { collapsed, setCollapsed, showUpdateTitleModal } = useChatClientContext();
     const [title, setTitle] = useState(props.defaultTitle);
     const onCollapsed = ()=>{
         setCollapsed(!collapsed);
     };
+    const onSubmitTitleChange = async (newTitle)=>{
+        await onTitleChange?.(newTitle);
+        setTitle(newTitle);
+    };
     const showActions = !!collapsed;
     const showTitle = !!title;
     return /*#__PURE__*/ jsxs(Left, {
@@ -58,7 +61,7 @@ const HeaderLeft = (props)=>{
                 children: [
                     /*#__PURE__*/ jsx(NameText, {
                         children: /*#__PURE__*/ jsx(Button, {
-                            onClick: ()=>setOpen(true),
+                            onClick: ()=>showUpdateTitleModal(title, onSubmitTitleChange),
                             size: "small",
                             type: "text",
                             iconPosition: "end",
@@ -70,43 +73,10 @@ const HeaderLeft = (props)=>{
                         children: "内容由 AI 生成"
                     })
                 ]
-            }),
-            /*#__PURE__*/ jsx(UpdateTitleModal, {
-                defaultName: title,
-                open: open,
-                onClose: ()=>setOpen(false),
-                onSubmit: async (value)=>{
-                    await onTitleChange?.(value);
-                    setTitle(value);
-                }
             })
         ]
     });
 };
-const UpdateTitleModal = (props)=>{
-    const { defaultName, open, onSubmit, onClose } = props;
-    const [name, setName] = useState(defaultName);
-    useEffect(()=>{
-        if (open) setName(defaultName);
-    }, [
-        open
-    ]);
-    return /*#__PURE__*/ jsx(Modal, {
-        title: "编辑对话名称",
-        open: open,
-        okText: "确定",
-        cancelText: "取消",
-        onCancel: ()=>onClose?.(),
-        onOk: async ()=>{
-            await onSubmit?.(name);
-            onClose?.();
-        },
-        children: /*#__PURE__*/ jsx(Input, {
-            value: name,
-            onChange: (e)=>setName(e.target.value)
-        })
-    });
-};
 const ActionContainer = styled.div`
     display: flex;
     align-items: center;

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

@@ -4,7 +4,7 @@ export interface ClientContentProps {
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
-    headerProps: HeaderProps;
+    headerProps?: HeaderProps;
     footerProps?: FooterProps;
     loading?: boolean;
 }

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

@@ -1,10 +1,10 @@
-import { InfiniteListProps, RenderActions } from "../../../../components/InfiniteList";
+import { InfiniteListProps } from "../../../../components/InfiniteList";
 export interface HistoryConversationProps<T = any> {
     rowKey?: string;
     request: InfiniteListProps<T>['request'];
     activeKey?: string;
-    onDelete?: (key: string, item: T, actions: RenderActions<T>) => Promise<void>;
-    onRename?: (key: string, item: T, actions: RenderActions<T>) => Promise<void>;
+    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;

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

@@ -5,11 +5,11 @@ import { useHover } from "ahooks";
 import { ClockCircleOutlined, MessageOutlined, MoreOutlined } from "@ant-design/icons";
 import { InfiniteList } from "../../../../components/InfiniteList/index.js";
 import { HeaderContainer, HeaderTitle, HistoryConversationContainer, ListContainer, ListItemContainer, ListText } from "./styles.js";
+import { useChatClientContext } from "../../context/index.js";
 const HistoryConversation = (props)=>{
-    const { request, activeKey, rowKey = "id", onDelete, onRename, onSelect } = props;
-    const ref = useRef(null);
+    const { rowKey = "id", request, activeKey, onDelete, onRename, onSelect } = props;
+    const { showUpdateTitleModal } = useChatClientContext();
     return /*#__PURE__*/ jsxs(HistoryConversationContainer, {
-        ref: ref,
         children: [
             /*#__PURE__*/ jsx(Header, {}),
             /*#__PURE__*/ jsx(ListContainer, {
@@ -23,13 +23,25 @@ const HistoryConversation = (props)=>{
                             {
                                 key: 'rename',
                                 label: '重命名',
-                                onClick: ()=>onRename?.(key, item, actions)
+                                onClick: ()=>{
+                                    showUpdateTitleModal(item.title, async (newTitle)=>{
+                                        const newItem = {
+                                            ...item,
+                                            title: newTitle
+                                        };
+                                        await onRename?.(key, newItem);
+                                        actions.updateItem(key, newItem);
+                                    });
+                                }
                             },
                             {
                                 key: 'delete',
                                 danger: true,
                                 label: '删除',
-                                onClick: ()=>onDelete?.(key, item, actions)
+                                onClick: async ()=>{
+                                    await onDelete?.(key, item);
+                                    actions.deleteItem(key);
+                                }
                             }
                         ];
                         return /*#__PURE__*/ jsxs(ListItemContainer, {

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

@@ -8,7 +8,7 @@ export interface ChatPageProps<T = any> {
     onClickConversation?: (key: string, item: T) => void;
     onClickNewConversation?: () => void;
     onClickMoreAgent?: () => void;
-    onRenameConversation?: (key: string, item: T, actions: any) => Promise<void>;
-    onDeleteConversation?: (key: string, item: T, actions: any) => Promise<void>;
+    onRenameConversation?: (key: string, item: T) => Promise<void>;
+    onDeleteConversation?: (key: string, item: T) => Promise<void>;
 }
 export declare const ChatPage: (props: ChatPageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 export interface ChatClientContextProps {
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
+    showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
 }
 export interface ChatClientProviderProps {
     children: ReactNode;

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

@@ -1,15 +1,21 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
+import { useUpdateTitleModal } from "./useUpdateTitleModal.js";
 const ChatClientContext = /*#__PURE__*/ createContext({});
 const ChatClientProvider = (props)=>{
     const { children } = props;
+    const { updateTitleModalEle, showUpdateTitleModal } = useUpdateTitleModal();
     const [collapsed, setCollapsed] = useState(false);
-    return /*#__PURE__*/ jsx(ChatClientContext.Provider, {
+    return /*#__PURE__*/ jsxs(ChatClientContext.Provider, {
         value: {
             collapsed,
-            setCollapsed
+            setCollapsed,
+            showUpdateTitleModal
         },
-        children: children
+        children: [
+            children,
+            updateTitleModalEle
+        ]
     });
 };
 function useChatClientContext() {

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

@@ -0,0 +1,4 @@
+export declare function useUpdateTitleModal(): {
+    updateTitleModalEle: import("react/jsx-runtime").JSX.Element;
+    showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
+};

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

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { Input, Modal } from "antd";
+import { useRef, useState } from "react";
+function useUpdateTitleModal() {
+    const [open, setOpen] = useState(false);
+    const [title, setTitle] = useState("");
+    const callbackRef = useRef((title)=>{});
+    const updateTitleModalEle = /*#__PURE__*/ jsx(Modal, {
+        title: "编辑对话名称",
+        open: open,
+        okText: "确定",
+        cancelText: "取消",
+        onCancel: ()=>setOpen(false),
+        onOk: async ()=>{
+            await callbackRef.current(title);
+            setOpen(false);
+        },
+        children: /*#__PURE__*/ jsx(Input, {
+            value: title,
+            onChange: (e)=>setTitle(e.target.value)
+        })
+    });
+    const showUpdateTitleModal = (title, onSubmit)=>{
+        setTitle(title);
+        setOpen(true);
+        callbackRef.current = onSubmit || (()=>{});
+    };
+    return {
+        updateTitleModalEle,
+        showUpdateTitleModal
+    };
+}
+export { useUpdateTitleModal };

package/package.json

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