listpage-next 0.0.142 → 0.0.144

package/dist/demos/demo11.js

@@ -1,13 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { SuggestMessageList } from "../features/ChatClient/index.js";
-const Demo11 = ()=>/*#__PURE__*/ jsx(SuggestMessageList, {
-        suggests: [
-            {
-                title: '测试1'
+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
             },
-            {
-                title: '测试2'
-            }
-        ]
+            children: /*#__PURE__*/ jsx("div", {
+                children: "?????"
+            })
+        })
     });
 export { Demo11 };

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

@@ -53,6 +53,7 @@ const ContentContainer = styled.div`
   overflow: auto;
   position: relative;
   width: 100%;
+  box-sizing: border-box;
   padding: 0 calc((100% - 800px) / 2);
 `;
 export { BubbleList };

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

@@ -1,10 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
 export interface ChatDialogProps {
-    id?: string;
-    className?: string;
     style?: CSSProperties;
     children?: React.ReactNode;
     title?: ReactNode;
+    draggable?: boolean;
     onClose?: () => void;
     onClear?: () => void;
     extra?: (nodes: {

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

@@ -1,23 +1,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
+import { useMemo, useRef } from "react";
 import { useExtra } from "./useExtra.js";
 import { CardBody, CardExtra, CardHeader, CardTitle, Container } from "./styles.js";
+import react_draggable from "react-draggable";
 const ChatDialog = (props)=>{
-    const { id, style, children, title, className } = props;
+    const { style, children, title, draggable = true } = props;
     const containerRef = useRef(null);
+    const hanldeClassName = useMemo(()=>'dialog_' + Math.random().toString(36).slice(2), []);
     const extra = useExtra({
         containerRef,
         extra: props.extra,
         onClose: props.onClose,
         onClear: props.onClear
     });
-    return /*#__PURE__*/ jsxs(Container, {
-        ref: containerRef,
+    const inner = /*#__PURE__*/ jsxs(Container, {
         style: style,
+        ref: containerRef,
         children: [
             /*#__PURE__*/ jsxs(CardHeader, {
-                id: id,
-                className: className,
+                className: hanldeClassName,
+                style: {
+                    cursor: draggable ? 'move' : 'pointer'
+                },
                 children: [
                     /*#__PURE__*/ jsx(CardTitle, {
                         children: title
@@ -32,5 +36,11 @@ const ChatDialog = (props)=>{
             })
         ]
     });
+    if (!draggable) return inner;
+    return /*#__PURE__*/ jsx(react_draggable, {
+        nodeRef: containerRef,
+        handle: `.${hanldeClassName}`,
+        children: inner
+    });
 };
 export { ChatDialog };

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

@@ -8,6 +8,9 @@ const Container = styled_components.div`
     0 16px 96px 0 rgba(0, 0, 0, 0.08) !important;
   flex-direction: column;
   background: #fff;
+
+  width: 100%;
+  height: 100%;
 `;
 const CardHeader = styled_components.div`
   display: flex;
@@ -16,7 +19,6 @@ const CardHeader = styled_components.div`
   border-bottom: 1px solid #eee;
   align-items: center;
   user-select: none;
-  cursor: move;
   flex-shrink: 0;
   flex-direction: row;
 `;

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

@@ -14,15 +14,24 @@ function useExtra(options) {
         icon: /*#__PURE__*/ jsx(CloseOutlined, {})
     });
     const fullScreenEle = isFullScreen ? /*#__PURE__*/ jsx(Button, {
+        style: {
+            border: 'none'
+        },
         type: "text",
         onClick: exitFullscreen,
         icon: /*#__PURE__*/ jsx(FullscreenExitOutlined, {})
     }) : /*#__PURE__*/ jsx(Button, {
         type: "text",
+        style: {
+            border: 'none'
+        },
         onClick: enterFullscreen,
         icon: /*#__PURE__*/ jsx(FullscreenOutlined, {})
     });
     const clearMsgEle = /*#__PURE__*/ jsx(Button, {
+        style: {
+            border: 'none'
+        },
         type: "text",
         onClick: onClear,
         icon: /*#__PURE__*/ jsx(ClearOutlined, {})

package/package.json

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