listpage-next 0.0.157 → 0.0.159

package/dist/features/ChatClient/components/Bubble/Bubble.js

@@ -55,7 +55,6 @@ const BubbleContainer = styled_components.div`
   display: flex;
   flex-direction: column;
   gap: 20px;
-  margin-top: 12px;
   align-items: ${(props)=>'start' === props.placement ? 'flex-start' : 'flex-end'};
 `;
 const UserContentWrapper = styled_components.div`

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

@@ -1,7 +1,6 @@
 import { CSSProperties } from 'react';
 export interface BubbleListProps {
     styles?: {
-        topPlaceholder?: CSSProperties;
         bottomPlaceholder?: CSSProperties;
         content?: CSSProperties;
     };

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

@@ -28,11 +28,6 @@ const BubbleList = (props)=>{
     return /*#__PURE__*/ jsxs(ContentContainer, {
         ref: containerRef,
         children: [
-            /*#__PURE__*/ jsx("div", {
-                style: styles?.topPlaceholder ?? {
-                    height: 20
-                }
-            }),
             /*#__PURE__*/ jsx("div", {
                 style: styles?.content,
                 children: (ctx.messages ?? []).map((msg)=>render.renderMessage(msg, ctx))

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface ChatSplitterProps {
+    left: {
+        title?: string;
+        extra?: ReactNode;
+        body: ReactNode;
+        visible: boolean;
+    };
+    right: {
+        title?: string;
+        extra?: ReactNode;
+        body: ReactNode;
+        visible: boolean;
+    };
+    size?: {
+        default?: string;
+        min?: string;
+        max?: string;
+    };
+}
+export declare const ChatSplitter: (props: ChatSplitterProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -0,0 +1,67 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, Splitter } from "antd";
+import styled_components from "styled-components";
+const ChatSplitter = (props)=>{
+    const { left, right, size } = props;
+    const defaultSize = size?.default || '70%';
+    const maxSize = size?.max || '80%';
+    const minSize = size?.min || '60%';
+    if (!right.visible) return left.body;
+    return /*#__PURE__*/ jsxs(StyledSplitter, {
+        children: [
+            /*#__PURE__*/ jsx(Splitter.Panel, {
+                size: defaultSize,
+                min: minSize,
+                max: maxSize,
+                style: panelStyle,
+                children: /*#__PURE__*/ jsx(Card, {
+                    styles: {
+                        body: cardBodyStyle,
+                        header: cardHeaderStyle
+                    },
+                    style: cardStyle,
+                    size: "small",
+                    title: left.title,
+                    extra: left.extra,
+                    children: left.body
+                })
+            }),
+            /*#__PURE__*/ jsx(Splitter.Panel, {
+                style: panelStyle,
+                children: /*#__PURE__*/ jsx(Card, {
+                    styles: {
+                        body: cardBodyStyle,
+                        header: cardHeaderStyle
+                    },
+                    style: cardStyle,
+                    size: "small",
+                    title: right.title,
+                    extra: right.extra,
+                    children: right.body
+                })
+            })
+        ]
+    });
+};
+const StyledSplitter = styled_components(Splitter)`
+  height: 100%;
+  background: rgb(240, 240, 240);
+
+  .ant-splitter-bar-dragger::before {
+    background: transparent !important;
+  }
+`;
+const cardStyle = {
+    height: '100%'
+};
+const cardBodyStyle = {
+    height: 'calc(100% - 38px)',
+    overflow: 'auto'
+};
+const cardHeaderStyle = {
+    background: 'rgba(0, 0, 0, 0.02)'
+};
+const panelStyle = {
+    padding: 4
+};
+export { ChatSplitter };

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

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

package/dist/features/ChatClient/index.js

@@ -5,6 +5,7 @@ export * from "./components/ChatGuidance/index.js";
 export * from "./components/ChatContent/index.js";
 export * from "./components/Bubble/index.js";
 export * from "./components/ChatDialog/index.js";
+export * from "./components/ChatSplitter/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.157",
+  "version": "0.0.159",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",