listpage-next 0.0.87 → 0.0.89

package/dist/demos/demo8.js

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

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

@@ -8,7 +8,7 @@ const HeaderContainer = styled_components.div`
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 8px;
+    padding: 8px 6px;
 `;
 const HeaderTitle = styled_components.div`
     align-items: center;
@@ -24,7 +24,7 @@ const HeaderTitle = styled_components.div`
 const ListContainer = styled_components.div`
     flex: 1;
     overflow: hidden;
-    padding: 8px;
+    padding: 0 2px;
 `;
 const ListItemContainer = styled_components.div`
     display: flex;

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

@@ -8,7 +8,6 @@ export interface ChatPageProps<SessionData = any, MessageInfo extends BaseMessag
     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,

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

@@ -20,7 +20,8 @@ const Sider = (props)=>{
     });
     const styles = collapsed ? {
         width: 0,
-        borderRight: 'none'
+        borderRight: 'none',
+        padding: 0
     } : {};
     return /*#__PURE__*/ jsx(SiderContainer, {
         style: styles,
@@ -33,7 +34,7 @@ const Sider = (props)=>{
     });
 };
 const SiderContainer = styled.div`
-    width: 260px;
+    width: 280px;
     background: #f3f4f6;
     border-right: .5px solid #00000014;
 
@@ -44,5 +45,8 @@ const SiderContainer = styled.div`
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
+
+    padding: 0 12px;
+    box-sizing: border-box;
 `;
 export { Sider };

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

@@ -19,7 +19,7 @@ const Logo = (props)=>{
 };
 const LogoContainer = styled.div`
     height: 36px;
-    margin: 12px 10px 0 16px;
+    margin: 12px 0px 0px 0px;
     display: flex;
     gap: 8px;
     align-items: center;

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,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EditTwoTone } from "@ant-design/icons";
+import { styled } from "styled-components";
+const NewConversationContainer = styled.div`
+  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;
+  height: 40px;
+  box-sizing: border-box;
+  &: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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.87",
+  "version": "0.0.89",
   "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 };