listpage-next 0.0.71 → 0.0.73

package/dist/demos/demo8.js

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

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

@@ -1,2 +1,5 @@
 import { ChatSenderProps } from "../ChatSender";
-export declare const Footer: (props: ChatSenderProps) => import("react/jsx-runtime").JSX.Element;
+export interface FooterProps extends ChatSenderProps {
+    visible?: boolean;
+}
+export declare const Footer: (props: FooterProps) => false | import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import { styled } from "styled-components";
 import { ChatSender } from "../ChatSender/index.js";
-const Footer = (props)=>/*#__PURE__*/ jsx(FooterContainer, {
+const Footer = (props)=>{
+    const { visible = true, ...rest } = props;
+    if (!visible) return false;
+    return /*#__PURE__*/ jsx(FooterContainer, {
         children: /*#__PURE__*/ jsx(ChatSender, {
-            ...props
+            ...rest
         })
     });
+};
 const FooterContainer = styled.div`
-    min-height: 142px;
+    min-height: 104px;
     flex-shrink: 0;
 
     display: flex;

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

@@ -1,6 +1,14 @@
-export interface HeaderProps {
+export interface HeaderProps extends HeaderLeftProps {
     extra?: React.ReactNode;
-    title: string;
-    onTitleChange?: (title: string) => any;
 }
 export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+interface HeaderLeftProps {
+    showActions?: boolean;
+    showTitle?: boolean;
+    onCollapsed?: () => any;
+    onClickNewConversation?: () => void;
+    disabledNewConversation?: boolean;
+    defaultTitle: string;
+    onTitleChange?: (title: string) => any;
+}
+export {};

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

@@ -1,43 +1,54 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { EditOutlined } from "@ant-design/icons";
-import { useControllableValue } from "ahooks";
-import { Button, Input, Modal } from "antd";
+import { EditOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
+import { Button, Divider, Input, Modal } from "antd";
 import { useEffect, useState } from "react";
 import { styled } from "styled-components";
-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 Header = (props)=>{
+    const { extra, ...headerLeftProps } = props;
+    return /*#__PURE__*/ jsxs(HeaderContainer, {
+        children: [
+            /*#__PURE__*/ jsx(HeaderLeft, {
+                ...headerLeftProps
+            }),
+            /*#__PURE__*/ jsx(Right, {
+                children: extra
+            })
+        ]
     });
 };
-const Header = (props)=>{
-    const { extra } = props;
+const HeaderLeft = (props)=>{
+    const { showActions = false, showTitle = true, onCollapsed, onClickNewConversation, disabledNewConversation, onTitleChange } = props;
     const [open, setOpen] = useState(false);
-    const [title, onTitleChange] = useControllableValue(props, {
-        valuePropName: 'title',
-        trigger: 'onTitleChange'
-    });
-    return /*#__PURE__*/ jsxs(HeaderContainer, {
+    const [title, setTitle] = useState(props.defaultTitle);
+    return /*#__PURE__*/ jsxs(Left, {
         children: [
-            /*#__PURE__*/ jsxs(Left, {
+            showActions && /*#__PURE__*/ jsxs(ActionContainer, {
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        onClick: onCollapsed,
+                        type: "text",
+                        size: "small",
+                        icon: /*#__PURE__*/ jsx(MenuUnfoldOutlined, {})
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "primary",
+                        disabled: disabledNewConversation,
+                        iconPosition: "start",
+                        onClick: onClickNewConversation,
+                        shape: "round",
+                        icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                        children: "新对话"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Divider, {
+                style: {
+                    height: 30,
+                    backgroundColor: '#0000001f'
+                },
+                type: "vertical"
+            }),
+            showTitle && /*#__PURE__*/ jsxs(NameContainer, {
                 children: [
                     /*#__PURE__*/ jsx(NameText, {
                         children: /*#__PURE__*/ jsx(Button, {
@@ -54,18 +65,53 @@ const Header = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(Right, {
-                children: extra
-            }),
             /*#__PURE__*/ jsx(UpdateTitleModal, {
                 open: open,
                 onClose: ()=>setOpen(false),
-                onSubmit: onTitleChange,
+                onSubmit: async (value)=>{
+                    await onTitleChange?.(value);
+                    setTitle(value);
+                },
                 defaultName: title
             })
         ]
     });
 };
+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;
+
+    gap: 4px;
+`;
+const NameContainer = styled.div`
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+`;
 const NameText = styled.span`
     font-size: 14px;
     font-weight: 500;
@@ -80,8 +126,7 @@ const AiTipText = styled.span`
 `;
 const Left = styled.div`
     display: flex;
-    align-items: flex-start;
-    flex-direction: column;
+    align-items: center;
 `;
 const Right = styled.div`
     

package/package.json

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