listpage-next 0.0.140 → 0.0.141

package/dist/demos/demo11.js

@@ -1,18 +1,13 @@
 import { jsx } from "react/jsx-runtime";
-import { ChatDialog } from "../features/ChatClient/index.js";
-const Demo11 = ()=>/*#__PURE__*/ jsx("div", {
-        style: {
-            width: 100
-        },
-        children: /*#__PURE__*/ jsx(ChatDialog, {
-            title: "测试",
-            style: {
-                width: 500,
-                height: 800
+import { SuggestMessageList } from "../features/ChatClient/index.js";
+const Demo11 = ()=>/*#__PURE__*/ jsx(SuggestMessageList, {
+        suggests: [
+            {
+                title: '测试1'
             },
-            children: /*#__PURE__*/ jsx("div", {
-                children: "?????"
-            })
-        })
+            {
+                title: '测试2'
+            }
+        ]
     });
 export { Demo11 };

package/dist/features/ChatClient/components/ChatContent/ClientContentBody.d.ts

@@ -1,8 +1,8 @@
 /**
  * 极简版对话内容
  */
-import { BubbleListProps } from "./BubbleList";
-import { ChatSenderProps } from "../ChatSender";
+import { BubbleListProps } from './BubbleList';
+import { ChatSenderProps } from '../ChatSender';
 export interface ClientContentBodyProps {
     senderProps?: ChatSenderProps;
     bubbleProps?: BubbleListProps;

package/dist/features/ChatClient/components/ChatContent/ClientContentBody.js

@@ -34,20 +34,20 @@ const SimplifyClientContentBody = (props)=>{
     });
 };
 const Content = styled.div`
-    flex: 1;
-    min-height: 0;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    box-sizing: border-box;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
 `;
 const SenderContainer = styled.div`
-    height: 140px;
-    padding: 0 calc((100% - 800px) / 2);
-    padding-bottom: 20px;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    width: 100%;
+  height: 140px;
+  padding: 0 calc((100% - 800px) / 2);
+  padding-bottom: 20px;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+  width: 100%;
 `;
 export { ClientContentBody, SimplifyClientContentBody };

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

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 export interface ChatDialogProps {
     id?: string;
+    className?: string;
     style?: CSSProperties;
     children?: React.ReactNode;
     title?: ReactNode;

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

@@ -3,7 +3,7 @@ import { useRef } from "react";
 import { useExtra } from "./useExtra.js";
 import { CardBody, CardExtra, CardHeader, CardTitle, Container } from "./styles.js";
 const ChatDialog = (props)=>{
-    const { id, style, children, title } = props;
+    const { id, style, children, title, className } = props;
     const containerRef = useRef(null);
     const extra = useExtra({
         containerRef,
@@ -17,6 +17,7 @@ const ChatDialog = (props)=>{
         children: [
             /*#__PURE__*/ jsxs(CardHeader, {
                 id: id,
+                className: className,
                 children: [
                     /*#__PURE__*/ jsx(CardTitle, {
                         children: title

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

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+export type SuggestData = {
+    title: string;
+    onClick?: () => void;
+};
+export interface SuggestMessageListProps {
+    style?: CSSProperties;
+    suggests: SuggestData[];
+}
+export declare const SuggestMessageList: (props: SuggestMessageListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled_components from "styled-components";
+import { ArrowRightOutlined } from "@ant-design/icons";
+const SuggestMessageList = (props)=>{
+    const { suggests, style } = props;
+    return /*#__PURE__*/ jsx(SuggestMessageContainer, {
+        style: style,
+        children: suggests.map((item, index)=>/*#__PURE__*/ jsxs(SuggestMessageItemContainer, {
+                children: [
+                    /*#__PURE__*/ jsx(SuggestMessageText, {
+                        children: item.title
+                    }),
+                    /*#__PURE__*/ jsx(ArrowRightOutlined, {
+                        style: {
+                            fontSize: 12
+                        }
+                    })
+                ]
+            }, index))
+    });
+};
+const SuggestMessageContainer = styled_components.div`
+  gap: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`;
+const SuggestMessageItemContainer = styled_components.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border-bottom: 1px solid #eee;
+  background: #0000000a;
+  border-radius: 12px;
+  cursor: pointer;
+  flex-direction: row;
+  height: fit-content;
+  padding: 9px 10px 9px 16px;
+  user-select: none;
+  width: fit-content;
+  border: none;
+  gap: 2px;
+
+  &:hover {
+    background: #0000000f;
+  }
+
+  &:active {
+    background: #0000001a;
+  }
+`;
+const SuggestMessageText = styled_components.span`
+  flex-shrink: 1;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #000000b3;
+`;
+export { SuggestMessageList };

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

@@ -77,6 +77,7 @@ const MessageProvider = ({ initialMessages, children, request })=>{
         request,
         updateMessage,
         setMessages,
+        appendMessage,
         setIsRequesting
     ]);
     return /*#__PURE__*/ jsx(MessageContext.Provider, {

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

@@ -5,6 +5,7 @@ export * from './components/Bubble';
 export * from './components/Reasoning';
 export { SimplifyChatPage, type SimplifyChatPageProps, } from './components/ChatPage/SimplifyChatPage';
 export * from './components/ChatDialog';
+export * from './components/SuggestMessageList';
 export { useChatContext } from './context/useChatContext';
 export * from './context/types';
 export * from './utils/parseSse';

package/dist/features/ChatClient/index.js

@@ -6,6 +6,7 @@ export * from "./components/ChatContent/index.js";
 export * from "./components/Bubble/index.js";
 export * from "./components/Reasoning/index.js";
 export * from "./components/ChatDialog/index.js";
+export * from "./components/SuggestMessageList/index.js";
 export * from "./context/types.js";
 export * from "./utils/parseSse.js";
 export { SimplifyChatPage, useChatContext };

package/package.json

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