listpage-next 0.0.74 → 0.0.76

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

@@ -1,5 +1,5 @@
 import { CSSProperties } from "react";
-interface ContentProps {
+export interface ContentProps {
     children?: React.ReactNode;
     styles?: {
         topPlaceholder?: CSSProperties;
@@ -9,4 +9,3 @@ interface ContentProps {
 }
 export declare const Content: (props: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

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

@@ -25,6 +25,9 @@ const Content = (props)=>{
 };
 const ContentContainer = styled.div`
     min-height: 100px;
-    flex-grow: 1;    overflow: auto;
+    flex-grow: 1;    
+    overflow: auto;
+
+    position: relative;
 `;
 export { Content, ContentContainer };

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

@@ -3,11 +3,7 @@ export interface HeaderProps extends HeaderLeftProps {
 }
 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;
 }

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

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { EditOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
 import { Button, Divider, Input, Modal } from "antd";
-import { useEffect, useState } from "react";
 import { styled } from "styled-components";
+import { useChatClientContext } from "../../context/index.js";
 const Header = (props)=>{
     const { extra, ...headerLeftProps } = props;
     return /*#__PURE__*/ jsxs(HeaderContainer, {
@@ -17,9 +18,15 @@ const Header = (props)=>{
     });
 };
 const HeaderLeft = (props)=>{
-    const { showActions = false, showTitle = true, onCollapsed, onClickNewConversation, disabledNewConversation, onTitleChange } = props;
+    const { onClickNewConversation, onTitleChange } = props;
+    const { collapsed, setCollapsed } = useChatClientContext();
     const [open, setOpen] = useState(false);
     const [title, setTitle] = useState(props.defaultTitle);
+    const onCollapsed = ()=>{
+        setCollapsed(!collapsed);
+    };
+    const showActions = !!collapsed;
+    const showTitle = !!title;
     return /*#__PURE__*/ jsxs(Left, {
         children: [
             showActions && /*#__PURE__*/ jsxs(ActionContainer, {
@@ -32,7 +39,6 @@ const HeaderLeft = (props)=>{
                     }),
                     /*#__PURE__*/ jsx(Button, {
                         type: "primary",
-                        disabled: disabledNewConversation,
                         iconPosition: "start",
                         onClick: onClickNewConversation,
                         shape: "round",

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

@@ -1,11 +1,11 @@
-import { ChatSenderProps } from "../ChatSender";
+import { FooterProps } from "./Footer";
 import { HeaderProps } from "./Header";
 export interface ClientContentProps {
     className?: string;
     style?: React.CSSProperties;
     children?: React.ReactNode;
     headerProps: HeaderProps;
-    footerProps?: ChatSenderProps;
+    footerProps?: FooterProps;
     loading?: boolean;
 }
 export declare const ClientContent: (props: ClientContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
-import { SiderRef } from "./Sider";
+import { ReactNode } from "react";
 import { InfiniteListProps } from "../../../../components/InfiniteList";
 export interface ChatPageProps<T = any> {
     logo?: string;
     title?: string;
-    siderRef?: SiderRef;
-    children?: React.ReactNode;
+    children?: ReactNode;
     request: InfiniteListProps["request"];
     onClickConversation?: (key: string, item: T) => void;
     onClickNewConversation?: () => void;

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

@@ -3,37 +3,39 @@ import { Sider } from "./Sider.js";
 import { Logo } from "../Logo/index.js";
 import { HistoryConversation } from "../HistoryConversation/index.js";
 import { NewConversation } from "../NewConversation/index.js";
+import { ChatClientProvider } from "../../context/index.js";
 import { Content, Layout } from "./styles.js";
 const ChatPage = (props)=>{
-    const { logo, title, children, siderRef, request, onClickConversation, onClickNewConversation, onClickMoreAgent, onRenameConversation, onDeleteConversation } = props;
-    return /*#__PURE__*/ jsxs(Layout, {
-        style: {
-            height: '100vh'
-        },
-        children: [
-            /*#__PURE__*/ jsxs(Sider, {
-                ref: siderRef,
-                children: [
-                    /*#__PURE__*/ jsx(Logo, {
-                        icon: logo,
-                        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
-            })
-        ]
+    const { logo, title, children, request, onClickConversation, onClickNewConversation, onClickMoreAgent, onRenameConversation, onDeleteConversation } = props;
+    return /*#__PURE__*/ jsx(ChatClientProvider, {
+        children: /*#__PURE__*/ jsxs(Layout, {
+            style: {
+                height: '100vh'
+            },
+            children: [
+                /*#__PURE__*/ jsxs(Sider, {
+                    children: [
+                        /*#__PURE__*/ jsx(Logo, {
+                            icon: logo,
+                            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

@@ -1,10 +1,4 @@
-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;
-}>>;
+export declare const Sider: (props: SiderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,27 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from "react";
+import { Button } from "antd";
 import { styled } from "styled-components";
-import { useCollapsed } from "./useCollapsed.js";
-const Sider = /*#__PURE__*/ forwardRef((props, ref)=>{
+import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
+import { useChatClientContext } from "../../context/index.js";
+const Sider = (props)=>{
     const { children } = props;
-    const { setCollapsed, styles, trigger } = useCollapsed();
-    useImperativeHandle(ref, ()=>({
-            setCollapsed
-        }), [
-        setCollapsed
-    ]);
+    const { collapsed, setCollapsed } = useChatClientContext();
+    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 /*#__PURE__*/ jsx(SiderContainer, {
         style: styles,
         children: /*#__PURE__*/ jsxs(Fragment, {
@@ -19,7 +31,7 @@ const Sider = /*#__PURE__*/ forwardRef((props, ref)=>{
             ]
         })
     });
-});
+};
 const SiderContainer = styled.div`
     width: 260px;
     background: #f3f4f6;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export interface ChatClientContextProps {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+}
+export interface ChatClientProviderProps {
+    children: ReactNode;
+}
+export declare const ChatClientContext: import("react").Context<ChatClientContextProps>;
+export declare const ChatClientProvider: (props: ChatClientProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useChatClientContext(): ChatClientContextProps;

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+const ChatClientContext = /*#__PURE__*/ createContext({});
+const ChatClientProvider = (props)=>{
+    const { children } = props;
+    const [collapsed, setCollapsed] = useState(false);
+    return /*#__PURE__*/ jsx(ChatClientContext.Provider, {
+        value: {
+            collapsed,
+            setCollapsed
+        },
+        children: children
+    });
+};
+function useChatClientContext() {
+    return useContext(ChatClientContext);
+}
+export { ChatClientContext, ChatClientProvider, useChatClientContext };

package/package.json

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

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

@@ -1,11 +0,0 @@
-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

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