listpage-next 0.0.59 → 0.0.61

package/dist/components/FilterGroup/components/FilterForm/index.js

@@ -28,6 +28,8 @@ const FilterForm = ({ options, initialValues, onSubmit, onReset })=>{
     };
     const handleReset = ()=>{
         formRef.current?.resetFields();
+        const values = formRef.current?.getFieldsValue();
+        onSubmit?.(cleanUpFormValues(values));
         onReset?.();
     };
     return /*#__PURE__*/ jsxs(Form, {

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

@@ -1,3 +1,8 @@
+export type RenderActions<DataType = any> = {
+    updateItem: (key: string, item: DataType) => void;
+    deleteItem: (key: string) => void;
+    resetPagination: () => void;
+};
 export interface InfiniteListProps<DataType = any> {
     request: (params: {
         current: number;
@@ -8,14 +13,9 @@ export interface InfiniteListProps<DataType = any> {
         current: number;
         pageSize: number;
     }>;
-    renderItem: (item: DataType, index: number, actions: {
-        deleteItem: (key: string) => void;
-        resetPagination: () => void;
-    }) => React.ReactNode;
-    noMore?: React.ReactNode;
+    renderItem: (item: DataType, index: number, actions: RenderActions<DataType>) => React.ReactNode;
     pageSize?: number;
-    height?: number;
-    rowKey: string;
+    rowKey?: string;
 }
 declare const InfiniteList: <DataType = any>(props: InfiniteListProps<DataType>) => import("react/jsx-runtime").JSX.Element;
 export default InfiniteList;

package/dist/components/InfiniteList/index.js

@@ -1,12 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useRequest } from "ahooks";
-import { List } from "antd";
+import { List, message } from "antd";
 import rc_virtual_list from "rc-virtual-list";
+import styled_components from "styled-components";
 const InfiniteList = (props)=>{
-    const { request, renderItem, noMore = /*#__PURE__*/ jsx("div", {
-        children: "没有更多数据了"
-    }), pageSize, height = 400, rowKey = 'id' } = props;
+    const { request, renderItem, pageSize, rowKey = 'id' } = props;
     const ref = useRef(null);
     const [pagination, setPagination] = useState({
         current: 1,
@@ -18,7 +17,8 @@ const InfiniteList = (props)=>{
         manual: true,
         ready: hasMore,
         onSuccess: (res)=>{
-            setHasMore(res.list.length === res.pageSize);
+            const hasMore = res.list.length === res.pageSize;
+            setHasMore(hasMore);
             setList([
                 ...list,
                 ...res.list
@@ -27,13 +27,20 @@ const InfiniteList = (props)=>{
                 current: res.current + 1,
                 pageSize: res.pageSize
             });
+            if (!hasMore) message.info("没有更多数据了！");
         }
     });
-    const onScroll = (e)=>{
-        if (Math.abs(e.currentTarget.scrollHeight - e.currentTarget.scrollTop - height) <= 1) loadMoreData();
-    };
     const deleteItem = (key)=>{
-        setList(list.filter((i)=>i[rowKey] !== key));
+        const newList = list.filter((i)=>i[rowKey] !== key);
+        setList(newList);
+    };
+    const updateItem = (key, newItem)=>{
+        const targetIndex = list.findIndex((i)=>i[rowKey] === key);
+        const newList = [
+            ...list
+        ];
+        newList.splice(targetIndex, 1, newItem);
+        setList(newList);
     };
     const resetPagination = ()=>{
         setPagination({
@@ -44,23 +51,74 @@ const InfiniteList = (props)=>{
     useEffect(()=>{
         loadMoreData();
     }, []);
-    return /*#__PURE__*/ jsxs(List, {
+    useEffect(()=>{
+        const innerEle = ref.current?.querySelector?.(".rc-virtual-list-holder-inner");
+        const handleScroll = (e)=>{
+            const ele = e.target;
+            const isBottom = ele.scrollHeight - ele.scrollTop <= ele.clientHeight;
+            if (isBottom) loadMoreData();
+        };
+        innerEle?.addEventListener?.("scroll", handleScroll);
+        return ()=>{
+            innerEle?.removeEventListener?.("scroll", handleScroll);
+        };
+    }, [
+        ref
+    ]);
+    return /*#__PURE__*/ jsx(ListContainer, {
         loading: loading,
         ref: ref,
-        children: [
-            /*#__PURE__*/ jsx(rc_virtual_list, {
-                data: list ?? [],
-                height: height,
-                itemKey: rowKey,
-                onScroll: onScroll,
-                children: (item, index)=>renderItem(item, index, {
-                        deleteItem,
-                        resetPagination
-                    })
-            }),
-            !hasMore && noMore
-        ]
+        children: /*#__PURE__*/ jsx(rc_virtual_list, {
+            data: list ?? [],
+            itemKey: rowKey,
+            children: (item, index)=>renderItem(item, index, {
+                    deleteItem,
+                    updateItem,
+                    resetPagination
+                })
+        })
     });
 };
+const ListContainer = styled_components(List)`
+  &.ant-list {
+    height: 100%;
+  }
+  .ant-spin-nested-loading {
+    height: 100%;
+    & > div:first-child {
+      position: absolute;
+      left: 0;
+      top: 0;
+      height: 100%;
+      width: 100%;
+      .ant-spin-spinning {
+        height: 100%;
+      }
+    }
+  }
+  .ant-spin-container {
+    height: 100%;
+    position: relative;
+
+    & > div:first-child {
+      display: none;
+    }
+  }
+  .rc-virtual-list {
+    height: 100%;
+    display: block !important;
+  }
+  .rc-virtual-list-holder {
+    height: 100%;
+
+    & > div {
+      height: 100%;
+      .rc-virtual-list-holder-inner {
+        overflow: auto;
+        height: 100%;
+      }
+    }
+  }
+`;
 const components_InfiniteList = InfiniteList;
 export { components_InfiniteList as default };

package/dist/demos/demo3.js

@@ -12,31 +12,35 @@ const request = async ({ current, pageSize })=>{
         list: data
     };
 };
-const Demo3 = ()=>/*#__PURE__*/ jsx(InfiniteList, {
-        rowKey: "email",
-        height: 600,
-        noMore: false,
-        request: request,
-        renderItem: (item, index, actions)=>/*#__PURE__*/ jsxs(List.Item, {
-                children: [
-                    /*#__PURE__*/ jsx(List.Item.Meta, {
-                        avatar: /*#__PURE__*/ jsx(Avatar, {
-                            src: item.avatar
+const Demo3 = ()=>/*#__PURE__*/ jsx("div", {
+        style: {
+            height: 500,
+            background: 'red'
+        },
+        children: /*#__PURE__*/ jsx(InfiniteList, {
+            rowKey: "email",
+            request: request,
+            renderItem: (item, index, actions)=>/*#__PURE__*/ jsxs(List.Item, {
+                    children: [
+                        /*#__PURE__*/ jsx(List.Item.Meta, {
+                            avatar: /*#__PURE__*/ jsx(Avatar, {
+                                src: item.avatar
+                            }),
+                            title: /*#__PURE__*/ jsx("a", {
+                                href: "https://ant.design",
+                                children: item.name
+                            }),
+                            description: item.email
                         }),
-                        title: /*#__PURE__*/ jsx("a", {
-                            href: "https://ant.design",
-                            children: item.name
+                        /*#__PURE__*/ jsx("div", {
+                            children: "Content"
                         }),
-                        description: item.email
-                    }),
-                    /*#__PURE__*/ jsx("div", {
-                        children: "Content"
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        onClick: ()=>actions.deleteItem(item.email),
-                        children: "删除"
-                    })
-                ]
-            }, item.email)
+                        /*#__PURE__*/ jsx(Button, {
+                            onClick: ()=>actions.deleteItem(item.email),
+                            children: "删除"
+                        })
+                    ]
+                }, item.email)
+        })
     });
 export { Demo3 };

package/dist/demos/demo8.d.ts

@@ -0,0 +1 @@
+export declare const Demo8: () => import("react/jsx-runtime").JSX.Element;

package/dist/demos/demo8.js

@@ -0,0 +1,3 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+const Demo8 = ()=>/*#__PURE__*/ jsx(Fragment, {});
+export { Demo8 };

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

@@ -0,0 +1,16 @@
+import { InfiniteListProps, RenderActions } 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>;
+    onSelect?: (key: string, item: T) => void;
+}
+export declare const HistoryConversation: <T extends ItemData = any>(props: HistoryConversationProps<T>) => import("react/jsx-runtime").JSX.Element;
+type ItemData = {
+    icon?: React.ReactNode;
+    title: string;
+    key: string;
+};
+export {};

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

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Avatar, Button, Dropdown, Tooltip, Typography } from "antd";
+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";
+const HistoryConversation = (props)=>{
+    const { request, activeKey, rowKey = "id", onDelete, onRename, onSelect } = props;
+    const ref = useRef(null);
+    return /*#__PURE__*/ jsxs(HistoryConversationContainer, {
+        ref: ref,
+        children: [
+            /*#__PURE__*/ jsx(Header, {}),
+            /*#__PURE__*/ jsx(ListContainer, {
+                children: /*#__PURE__*/ jsx(InfiniteList, {
+                    request: request,
+                    rowKey: rowKey,
+                    pageSize: 10,
+                    renderItem: (item, index, actions)=>{
+                        const key = item[rowKey];
+                        const items = [
+                            {
+                                key: 'rename',
+                                label: '重命名',
+                                onClick: ()=>onRename?.(key, item, actions)
+                            },
+                            {
+                                key: 'delete',
+                                danger: true,
+                                label: '删除',
+                                onClick: ()=>onDelete?.(key, item, actions)
+                            }
+                        ];
+                        return /*#__PURE__*/ jsxs(ListItemContainer, {
+                            isHover: activeKey === key,
+                            onClick: ()=>onSelect?.(key, item),
+                            children: [
+                                /*#__PURE__*/ jsx(Avatar, {
+                                    size: 20,
+                                    icon: item.icon || /*#__PURE__*/ jsx(MessageOutlined, {})
+                                }),
+                                /*#__PURE__*/ jsx(ListText, {
+                                    children: /*#__PURE__*/ jsx(Typography.Text, {
+                                        ellipsis: {
+                                            tooltip: {
+                                                title: item.title,
+                                                placement: 'right'
+                                            }
+                                        },
+                                        children: item.title
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    onClick: (e)=>e.stopPropagation(),
+                                    children: /*#__PURE__*/ jsx(Dropdown, {
+                                        menu: {
+                                            items
+                                        },
+                                        children: /*#__PURE__*/ jsx(Button, {
+                                            type: "text",
+                                            size: "small",
+                                            icon: /*#__PURE__*/ jsx(MoreOutlined, {})
+                                        })
+                                    })
+                                })
+                            ]
+                        });
+                    }
+                })
+            })
+        ]
+    });
+};
+const Header = ()=>{
+    const ref = useRef(null);
+    const isHover = useHover(()=>ref.current);
+    return /*#__PURE__*/ jsxs(HeaderContainer, {
+        ref: ref,
+        children: [
+            /*#__PURE__*/ jsx(HeaderTitle, {
+                children: "历史对话"
+            }),
+            isHover && /*#__PURE__*/ jsx(Tooltip, {
+                title: "历史对话",
+                children: /*#__PURE__*/ jsx(Button, {
+                    style: {
+                        height: 20
+                    },
+                    size: "small",
+                    type: "text",
+                    icon: /*#__PURE__*/ jsx(ClockCircleOutlined, {})
+                })
+            })
+        ]
+    });
+};
+export { HistoryConversation };

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

@@ -0,0 +1,8 @@
+export declare const HistoryConversationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isHover: boolean;
+}>> & string;
+export declare const ListText: 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/HistoryConversation/styles.js

@@ -0,0 +1,54 @@
+import styled_components from "styled-components";
+const HistoryConversationContainer = styled_components.div`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+`;
+const HeaderContainer = styled_components.div`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    padding: 8px;
+`;
+const HeaderTitle = styled_components.div`
+    align-items: center;
+    display: flex;
+    flex: 1 1;
+    font-size: 12px;
+    font-weight: 600;
+    min-width: 0;
+    colro: #0000004d;
+    line-height: 20px;
+    height: 20px;
+`;
+const ListContainer = styled_components.div`
+    flex: 1;
+    overflow: hidden;
+
+    padding: 8px;
+`;
+const ListItemContainer = styled_components.div`
+    display: flex;
+    align-items: center;
+    padding: 8px 4px;
+    border-radius: 8px;
+    cursor: pointer;
+    gap: 4px;
+
+    background-color: ${(props)=>props.isHover ? "#0000000a" : "transparent"};
+
+    &:hover {
+        background-color: #0000000a;
+    }
+`;
+const ListText = styled_components.div`
+    flex: 1;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+    word-wrap: break-word;
+`;
+export { HeaderContainer, HeaderTitle, HistoryConversationContainer, ListContainer, ListItemContainer, ListText };

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

@@ -0,0 +1,13 @@
+import { InfiniteListProps } from "../../../../components/InfiniteList";
+export interface ChatPageProps<T = any> {
+    logo?: string;
+    title?: string;
+    children?: React.ReactNode;
+    request: InfiniteListProps["request"];
+    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>;
+}
+export declare const ChatPage: (props: ChatPageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+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 { Content, Layout } from "./styles.js";
+const ChatPage = (props)=>{
+    const { logo, title, children, request, onClickConversation, onClickNewConversation, onClickMoreAgent, onRenameConversation, onDeleteConversation } = props;
+    return /*#__PURE__*/ jsxs(Layout, {
+        style: {
+            height: '100vh'
+        },
+        children: [
+            /*#__PURE__*/ jsxs(Sider, {
+                children: [
+                    /*#__PURE__*/ jsx(Logo, {
+                        icon: logo || 'AI',
+                        title: title || '智能对话'
+                    }),
+                    /*#__PURE__*/ jsx(NewConversation, {
+                        onClickNew: onClickNewConversation,
+                        onClickMoreAgent: onClickMoreAgent
+                    }),
+                    /*#__PURE__*/ jsx(HistoryConversation, {
+                        request: request,
+                        onSelect: onClickConversation,
+                        onRename: onRenameConversation,
+                        onDelete: onDeleteConversation
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Content, {
+                children: children
+            })
+        ]
+    });
+};
+export { ChatPage };

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

@@ -0,0 +1,10 @@
+import { Ref } from "react";
+export interface SiderProps {
+    children?: React.ReactNode;
+}
+export type SiderRef = Ref<{
+    setCollapsed: (collapsed: boolean) => void;
+}>;
+export declare const Sider: import("react").ForwardRefExoticComponent<SiderProps & import("react").RefAttributes<{
+    setCollapsed: (collapsed: boolean) => void;
+}>>;

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

@@ -0,0 +1,35 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from "react";
+import { styled } from "styled-components";
+import { useCollapsed } from "./useCollapsed.js";
+const Sider = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children } = props;
+    const { setCollapsed, styles, trigger } = useCollapsed();
+    useImperativeHandle(ref, ()=>({
+            setCollapsed
+        }), [
+        setCollapsed
+    ]);
+    return /*#__PURE__*/ jsx(SiderContainer, {
+        style: styles,
+        children: /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                children,
+                trigger
+            ]
+        })
+    });
+});
+const SiderContainer = styled.div`
+    width: 260px;
+    background: #f3f4f6;
+    border-right: .5px solid #00000014;
+
+    transition: width 0.2s ease-in-out;
+    position: relative;
+    overflow: hidden;
+
+    display: flex;
+    flex-direction: column;
+`;
+export { Sider };

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

@@ -0,0 +1 @@
+export * from './ChatPage';

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

@@ -0,0 +1 @@
+export * from "./ChatPage.js";

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

@@ -0,0 +1,2 @@
+export declare const Layout: 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;

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

@@ -0,0 +1,12 @@
+import styled_components from "styled-components";
+const Layout = styled_components.div`
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    position: relative;
+`;
+const Content = styled_components.div`
+    flex: 1;
+`;
+export { Content, Layout };

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

@@ -0,0 +1,11 @@
+export declare function useCollapsed(): {
+    trigger: import("react/jsx-runtime").JSX.Element;
+    styles: {
+        width: number;
+        borderRight: string;
+    } | {
+        width?: undefined;
+        borderRight?: undefined;
+    };
+    setCollapsed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

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

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
+import { Button } from "antd";
+import { useState } from "react";
+function useCollapsed() {
+    const [collapsed, setCollapsed] = useState(false);
+    const icon = collapsed ? /*#__PURE__*/ jsx(MenuUnfoldOutlined, {}) : /*#__PURE__*/ jsx(MenuFoldOutlined, {});
+    const trigger = /*#__PURE__*/ jsx(Button, {
+        icon: icon,
+        type: "text",
+        size: "small",
+        onClick: ()=>setCollapsed(!collapsed),
+        style: {
+            position: 'absolute',
+            right: 10,
+            top: 18
+        }
+    });
+    const styles = collapsed ? {
+        width: 0,
+        borderRight: 'none'
+    } : {};
+    return {
+        trigger,
+        styles,
+        setCollapsed
+    };
+}
+export { useCollapsed };

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface LogoProps {
+    icon: ReactNode;
+    title: string;
+}
+export declare const Logo: (props: LogoProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar } from "antd";
+import { styled } from "styled-components";
+const Logo = (props)=>{
+    const { icon, title } = props;
+    return /*#__PURE__*/ jsxs(LogoContainer, {
+        children: [
+            /*#__PURE__*/ jsx(Avatar, {
+                size: 36,
+                shape: "circle",
+                icon: icon
+            }),
+            /*#__PURE__*/ jsx(LogoTitle, {
+                children: title
+            })
+        ]
+    });
+};
+const LogoContainer = styled.div`
+    height: 36px;
+    margin: 12px 10px 0 16px;
+    display: flex;
+    gap: 8px;
+    align-items: center;
+`;
+const LogoTitle = styled.div`
+    color: #000000d9;
+    font-weight: 600;
+    font-size: 16px;
+`;
+export { Logo };

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

@@ -0,0 +1,4 @@
+export declare const NewConversation: (props: {
+    onClickNew?: () => void;
+    onClickMoreAgent?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+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;
+    }
+    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 };

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

@@ -0,0 +1 @@
+export * from './components/Layout';

package/dist/features/ChatClient/index.js

@@ -0,0 +1 @@
+export * from "./components/Layout/index.js";

package/package.json

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