listpage-next 0.0.106 → 0.0.108

package/dist/components/DataTable/hooks/useData.js

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useRequest, useUpdateEffect } from "ahooks";
 function useData(props) {
     const { dataSource = [], request, refreshDeps = [] } = props;
-    const pagination = props.pagination;
+    const pagination = props.pagination ?? {};
     const [params, setParams] = useState({
         current: pagination.current || pagination.defaultCurrent || 1,
         pageSize: pagination.pageSize || pagination.defaultPageSize || 10

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

@@ -5,7 +5,7 @@ export type RenderActions<DataType = any> = {
     resetPagination: () => void;
 };
 export interface InfiniteListProps<DataType = any> {
-    request: (params: {
+    request?: (params: {
         current: number;
         pageSize: number;
     }) => Promise<{

package/dist/components/InfiniteList/index.js

@@ -13,7 +13,15 @@ const InfiniteList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const containerRef = useRef(null);
     const [list, setList] = useState([]);
     const [hasMore, setHasMore] = useState(true);
-    const { loading, run: loadMoreData } = useRequest(()=>request(pagination), {
+    const { loading, run: loadMoreData } = useRequest(()=>{
+        if (!request) return Promise.resolve({
+            total: 0,
+            list: [],
+            current: 1,
+            pageSize: 10
+        });
+        return request?.(pagination);
+    }, {
         manual: true,
         ready: hasMore,
         onSuccess: (res)=>{

package/dist/demos/demo8.js

@@ -1,11 +1,31 @@
 import { jsx } from "react/jsx-runtime";
-import { ChatGuidance } from "../features/ChatClient/index.js";
-const Demo8 = ()=>/*#__PURE__*/ jsx(ChatGuidance, {
-        offset: "10%",
+import "../features/ChatClient/index.js";
+import { SimplifyChatPage } from "../features/ChatClient/components/ChatPage/SimplifyChatPage.js";
+const Demo8 = ()=>/*#__PURE__*/ jsx(SimplifyChatPage, {
         style: {
-            width: "100vw",
-            height: '100vh'
+            height: '100%'
         },
-        greetingText: "搜索海量信息，生成研究报告"
+        initialMessages: [
+            {
+                role: 'user',
+                content: '你是谁？'
+            },
+            {
+                role: 'assistant',
+                content: '我是一个AI'
+            }
+        ],
+        request: {
+            chat: function(info, callbacks) {
+                throw new Error('Function not implemented.');
+            }
+        },
+        render: {
+            renderMessage: function(message) {
+                return /*#__PURE__*/ jsx("div", {
+                    children: message.info.content
+                });
+            }
+        }
     });
 export { Demo8 };

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

@@ -0,0 +1,12 @@
+/**
+ * 极简版对话内容
+ */
+import { BubbleListProps } from "./BubbleList";
+import { ChatSenderProps } from "../ChatSender";
+export interface ClientContentBodyProps {
+    senderProps?: ChatSenderProps;
+    bubbleProps?: BubbleListProps;
+    style?: React.CSSProperties;
+}
+export declare const ClientContentBody: (props: ClientContentBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SimplifyClientContentBody: (props: ClientContentBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BubbleList } from "./BubbleList.js";
+import { ChatSender } from "../ChatSender/index.js";
+import { styled } from "styled-components";
+const ClientContentBody = (props)=>{
+    const { senderProps, bubbleProps, style } = props;
+    return /*#__PURE__*/ jsxs(Content, {
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(BubbleList, {
+                ...bubbleProps
+            }),
+            /*#__PURE__*/ jsx(SenderContainer, {
+                children: /*#__PURE__*/ jsx(ChatSender, {
+                    ...senderProps
+                })
+            })
+        ]
+    });
+};
+const SimplifyClientContentBody = (props)=>{
+    const { senderProps, bubbleProps, style } = props;
+    return /*#__PURE__*/ jsxs(Content, {
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(BubbleList, {
+                ...bubbleProps
+            }),
+            /*#__PURE__*/ jsx(ChatSender, {
+                mode: "input",
+                ...senderProps
+            })
+        ]
+    });
+};
+const Content = styled.div`
+    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%;
+`;
+export { ClientContentBody, SimplifyClientContentBody };

package/dist/features/ChatClient/components/ChatContent/{Header.d.ts → ClientContentHeader.d.ts}

@@ -1,7 +1,7 @@
 export interface HeaderProps extends HeaderLeftProps {
     extra?: React.ReactNode;
 }
-export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClientContentHeader: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 interface HeaderLeftProps {
     onClickNewConversation?: () => void;
     defaultTitle?: string;

package/dist/features/ChatClient/components/ChatContent/{Header.js → ClientContentHeader.js}

@@ -4,7 +4,7 @@ import { EditOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
 import { Button, Divider } from "antd";
 import { styled } from "styled-components";
 import { useChatClientContext } from "../../context/index.js";
-const Header = (props)=>{
+const ClientContentHeader = (props)=>{
     const { extra, ...headerLeftProps } = props;
     return /*#__PURE__*/ jsxs(HeaderContainer, {
         children: [
@@ -115,4 +115,4 @@ const HeaderContainer = styled.div`
     padding: 12.5px 0px;
     box-sizing: border-box;
 `;
-export { Header };
+export { ClientContentHeader };

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

@@ -1,34 +1,25 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useRequest } from "ahooks";
-import { Header } from "./Header.js";
-import { BubbleList } from "./BubbleList.js";
+import { styled } from "styled-components";
+import { ClientContentHeader } from "./ClientContentHeader.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
 import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
-import { Container, Content, SenderContainer } from "./styles.js";
-import { ChatSender } from "../ChatSender/index.js";
+import { ClientContentBody } from "./ClientContentBody.js";
 const ClientContentComponent = (props)=>{
     const { style, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
     return /*#__PURE__*/ jsxs(Container, {
         style: style,
         className: className,
         children: [
-            /*#__PURE__*/ jsx(Header, {
+            /*#__PURE__*/ jsx(ClientContentHeader, {
                 defaultTitle: title,
                 onTitleChange: onTitleChange,
                 onClickNewConversation: onClickNewConversation
             }),
-            /*#__PURE__*/ jsxs(Content, {
-                children: [
-                    /*#__PURE__*/ jsx(BubbleList, {
-                        ...bubbleProps
-                    }),
-                    /*#__PURE__*/ jsx(SenderContainer, {
-                        children: /*#__PURE__*/ jsx(ChatSender, {
-                            ...senderProps
-                        })
-                    })
-                ]
+            /*#__PURE__*/ jsx(ClientContentBody, {
+                senderProps: senderProps,
+                bubbleProps: bubbleProps
             })
         ]
     });
@@ -36,7 +27,7 @@ const ClientContentComponent = (props)=>{
 const ClientContent = ({ loading, ...props })=>{
     const { request, bubbleListRef } = useChatClientContext();
     const { loading: loadingMessage, data } = useRequest(request.getMessages, {
-        ready: loading
+        ready: !loading && Boolean(request.getMessages)
     });
     useEffect(()=>{
         if (!loadingMessage) setTimeout(()=>{
@@ -54,4 +45,10 @@ const ClientContent = ({ loading, ...props })=>{
         })
     });
 };
+const Container = styled.div`
+    display: flex;
+    flex-direction: column;
+
+    height: 100%;
+`;
 export { ClientContent };

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

@@ -2,13 +2,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { PureChatSender } from "../ChatSender/index.js";
 import { ChatGuidanceContainer, ChatGuidanceContent, GreetingText, SenderContainer } from "./styles.js";
-import { Header } from "../ChatContent/Header.js";
+import { ClientContentHeader } from "../ChatContent/ClientContentHeader.js";
 const ChatGuidance = (props)=>{
     const { greetingText, extra, style, placeholder, offset, onSubmit } = props;
     return /*#__PURE__*/ jsxs(ChatGuidanceContainer, {
         style: style,
         children: [
-            /*#__PURE__*/ jsx(Header, {}),
+            /*#__PURE__*/ jsx(ClientContentHeader, {}),
             /*#__PURE__*/ jsx(ChatGuidanceContent, {
                 children: /*#__PURE__*/ jsxs(SenderContainer, {
                     offset: offset,

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

@@ -0,0 +1,8 @@
+import { BaseMessageInfo, ChatRender, ChatRequest } from "../../context";
+export interface SimplifyChatPageProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
+    request: ChatRequest<SessionData, MessageInfo>;
+    render: ChatRender<MessageInfo>;
+    style?: React.CSSProperties;
+    initialMessages?: MessageInfo[];
+}
+export declare const SimplifyChatPage: <T = any>(props: SimplifyChatPageProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { ChatClientProvider, MessageProvider } from "../../context/index.js";
+import { SimplifyClientContentBody } from "../ChatContent/ClientContentBody.js";
+const SimplifyChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
+        request: props.request,
+        render: props.render,
+        children: /*#__PURE__*/ jsx(MessageProvider, {
+            request: props.request.chat,
+            initialMessages: props.initialMessages ?? [],
+            children: /*#__PURE__*/ jsx(SimplifyClientContentBody, {
+                style: props.style
+            })
+        })
+    });
+export { SimplifyChatPage };

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

@@ -3,6 +3,7 @@ export interface ChatSenderProps {
     placeholder?: string;
     style?: React.CSSProperties;
     className?: string;
+    mode?: 'input' | 'textarea';
 }
 export declare const ChatSender: (props: ChatSenderProps) => import("react/jsx-runtime").JSX.Element;
 export interface PureChatSenderProps extends ChatSenderProps {

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

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { Button, Divider, Input } from "antd";
 import { ArrowUpOutlined, PauseCircleTwoTone } from "@ant-design/icons";
 import { useChatClientContext, useMessageContext } from "../../context/index.js";
-import { ChatInputBottom, ChatInputContent, ChatInputPanel } from "./styles.js";
+import { ChatInputBottom, ChatInputContent, ChatInputPanel, MiniChatInputContent, MiniChatInputPanel } from "./styles.js";
 const ChatSender = (props)=>{
     const { isRequesting, sendMessage } = useMessageContext();
     const { bubbleListRef } = useChatClientContext();
@@ -24,7 +24,7 @@ const ChatSender = (props)=>{
     });
 };
 const PureChatSender = (props)=>{
-    const { style, className, placeholder, extra, loading, onSubmit } = props;
+    const { style, className, placeholder, extra, loading, onSubmit, mode = 'textarea' } = props;
     const [inputValue, setInputValue] = useState("");
     const handleClick = async ()=>{
         onSubmit?.(inputValue);
@@ -36,6 +36,30 @@ const PureChatSender = (props)=>{
             if (!loading && inputValue) handleClick();
         }
     };
+    if ('input' === mode) return /*#__PURE__*/ jsxs(MiniChatInputPanel, {
+        style: style,
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(MiniChatInputContent, {
+                children: /*#__PURE__*/ jsx(Input.TextArea, {
+                    placeholder: placeholder,
+                    value: inputValue,
+                    onChange: (e)=>setInputValue?.(e.target.value),
+                    onKeyDown: handleKeyDown
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                disabled: !inputValue && !loading,
+                loading: loading,
+                shape: "circle",
+                icon: loading ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(ArrowUpOutlined, {}),
+                type: "primary",
+                variant: "filled",
+                onKeyDown: handleKeyDown,
+                onClick: handleClick
+            })
+        ]
+    });
     return /*#__PURE__*/ jsxs(ChatInputPanel, {
         style: style,
         className: className,

package/dist/features/ChatClient/components/ChatSender/styles.d.ts

@@ -1,3 +1,5 @@
 export declare const ChatInputPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MiniChatInputPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MiniChatInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ChatInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ChatInputBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/features/ChatClient/components/ChatSender/styles.js

@@ -12,6 +12,44 @@ const ChatInputPanel = styled.div`
 
     width: 800px;
 `;
+const MiniChatInputPanel = styled.div`
+    background-color: #eee;
+    display: flex;
+    border-radius: 20px;
+    height: 48px;
+    padding: 8px 16px;
+    box-sizing: border-box;
+    width: 100%;
+`;
+const MiniChatInputContent = styled.div`
+    outline: none;
+    border: none;
+    flex-grow: 1;
+    max-height: 220px;
+    flex-shrink: 1;
+    overflow: auto;
+    &:focus-visible {
+        outline: none;
+    }
+    .ant-input {
+        border: none;
+        outline: none;
+        &:hover {
+            border: none;
+            outline: none;
+            box-shadow: none;
+        }
+        min-height: 32px;
+        max-height: 32px;
+        line-height: 32px;
+        resize: none;
+        font-size: 16px;
+        padding: 0;
+
+        background-color: transparent;
+        box-shadow: none;
+    }
+`;
 const ChatInputContent = styled.div`
     outline: none;
     border: none;
@@ -47,4 +85,4 @@ const ChatInputBottom = styled.div`
 
     flex-shrink: 0;
 `;
-export { ChatInputBottom, ChatInputContent, ChatInputPanel };
+export { ChatInputBottom, ChatInputContent, ChatInputPanel, MiniChatInputContent, MiniChatInputPanel };

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

@@ -9,7 +9,7 @@ import { HeaderContainer, HeaderTitle, HistoryConversationContainer, ListContain
 const HistoryConversation = (props)=>{
     const { rowKey = "id", activeKey } = props;
     const { showUpdateTitleModal, conversationListRef, action, request } = useChatClientContext();
-    const { onClickConversation, onRenameConversation, onDeleteConversation } = action;
+    const { onClickConversation, onRenameConversation, onDeleteConversation } = action ?? {};
     return /*#__PURE__*/ jsxs(HistoryConversationContainer, {
         children: [
             /*#__PURE__*/ jsx(Header, {}),

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

@@ -3,8 +3,8 @@ import { InfiniteListProps, InfiniteListRef, RenderActions } from "../../../comp
 import { BaseMessageInfo, Message, SendMessageRequest } from "./types";
 import { BubbleListRef } from "./useBubbleListRef";
 export type ChatRequest<SessionData = any, MessageInfo extends BaseMessageInfo = any> = {
-    getConversations: InfiniteListProps<SessionData>['request'];
-    getMessages: () => Promise<MessageInfo[]>;
+    getConversations?: InfiniteListProps<SessionData>['request'];
+    getMessages?: () => Promise<MessageInfo[]>;
     chat: SendMessageRequest<MessageInfo>;
 };
 export type ChatRender<MessageInfo extends BaseMessageInfo = any> = {
@@ -19,7 +19,7 @@ export type ChatActionEvent<SessionData = any> = {
 export interface ChatClientContextProps<SessionData = any, MessageInfo extends BaseMessageInfo = any> {
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
-    action: ChatActionEvent<SessionData>;
+    action?: ChatActionEvent<SessionData>;
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
     showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
@@ -31,7 +31,7 @@ export interface ChatClientProviderProps<SessionData = any, MessageInfo extends
     children: ReactNode;
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
-    action: ChatActionEvent<SessionData>;
+    action?: ChatActionEvent<SessionData>;
 }
 export declare const ChatClientContext: import("react").Context<ChatClientContextProps<any, any>>;
 export declare const ChatClientProvider: (props: ChatClientProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,5 +3,6 @@ export * from './components/ChatGuidance';
 export * from './components/ChatContent';
 export * from './components/Bubble';
 export * from './components/Reasoning';
+export { SimplifyChatPage, type SimplifyChatPageProps } from './components/ChatPage/SimplifyChatPage';
 export { useChatContext } from './context/useChatContext';
 export * from './context/types';

package/dist/features/ChatClient/index.js

@@ -1,3 +1,4 @@
+import { SimplifyChatPage } from "./components/ChatPage/SimplifyChatPage.js";
 import { useChatContext } from "./context/useChatContext.js";
 export * from "./components/ChatPage/index.js";
 export * from "./components/ChatGuidance/index.js";
@@ -5,4 +6,4 @@ export * from "./components/ChatContent/index.js";
 export * from "./components/Bubble/index.js";
 export * from "./components/Reasoning/index.js";
 export * from "./context/types.js";
-export { useChatContext };
+export { SimplifyChatPage, useChatContext };

package/package.json

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

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

@@ -1,3 +0,0 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SenderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,25 +0,0 @@
-import styled_components from "styled-components";
-const Container = styled_components.div`
-    display: flex;
-    flex-direction: column;
-
-    height: 100%;
-`;
-const Content = styled_components.div`
-    flex: 1;
-    min-height: 0;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    box-sizing: border-box;
-`;
-const SenderContainer = styled_components.div`
-    height: 140px;
-    padding: 0 calc((100% - 800px) / 2);
-    padding-bottom: 20px;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    width: 100%;
-`;
-export { Container, Content, SenderContainer };