listpage-next 0.0.223 → 0.0.225

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

@@ -9,6 +9,7 @@ export interface SimplifyChatPageProps<SessionData = any, MessageInfo extends Ba
     chatRef?: RefObject<ChatInstance>;
     request: ChatRequest<SessionData, MessageInfo>;
     render: ChatRender<MessageInfo>;
+    loading?: boolean;
 }
 export declare const SimplifyChatPageComponent: <T = any>(props: SimplifyChatPageProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const SimplifyChatPage: <T = any>(props: SimplifyChatPageProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,7 @@ import { useImperativeHandle } from "react";
 import { ChatClientProvider, MessageProvider } from "../../context/index.js";
 import { useChatContext } from "../../context/useChatContext.js";
 import { SimplifyClientContentBody } from "../ChatContent/ClientContentBody.js";
+import { PageLoading } from "../../../../components/index.js";
 const SimplifyChatPageComponent = (props)=>{
     const { chatRef, senderProps } = props;
     const context = useChatContext();
@@ -14,7 +15,9 @@ const SimplifyChatPageComponent = (props)=>{
         style: props.style
     });
 };
-const SimplifyChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
+const SimplifyChatPage = (props)=>{
+    if (props.loading) return /*#__PURE__*/ jsx(PageLoading, {});
+    return /*#__PURE__*/ jsx(ChatClientProvider, {
         request: props.request,
         render: props.render,
         children: /*#__PURE__*/ jsx(MessageProvider, {
@@ -25,4 +28,5 @@ const SimplifyChatPage = (props)=>/*#__PURE__*/ jsx(ChatClientProvider, {
             })
         })
     });
+};
 export { SimplifyChatPage, SimplifyChatPageComponent };

package/dist/features/ChatClient/ui/Bubble/Markdown.js

@@ -212,5 +212,60 @@ const MarkdownBody = styled_components.div`
     margin: 16px 0;
     background: linear-gradient(to right, #e5e7eb, #cbd5e1, #e5e7eb);
   }
+
+  placeholder[type='pending'] {
+    display: inline-block;
+    vertical-align: text-bottom;
+    width: 28px;
+    height: 100%;
+    position: relative;
+  }
+
+  placeholder[type='pending']::after {
+    content: '';
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: rgba(0, 0, 0, 0.6);
+    box-shadow:
+      0 0 0 0 rgba(0, 0, 0, 0.6),
+      10px 0 0 0 rgba(0, 0, 0, 0.6),
+      20px 0 0 0 rgba(0, 0, 0, 0.6);
+    transform-origin: center;
+    will-change: transform, box-shadow, background;
+    animation: dotRolling 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  }
+
+  @keyframes dotRolling {
+    0% {
+      background: rgba(0, 0, 0, 0.85);
+      box-shadow:
+        0 0 0 0 rgba(0, 0, 0, 0.85),
+        10px 0 0 0 rgba(0, 0, 0, 0.55),
+        20px 0 0 -2px rgba(0, 0, 0, 0.45);
+    }
+    33% {
+      background: rgba(0, 0, 0, 0.55);
+      box-shadow:
+        0 0 0 -2px rgba(0, 0, 0, 0.45),
+        10px 0 0 2px rgba(0, 0, 0, 0.85),
+        20px 0 0 -2px rgba(0, 0, 0, 0.45);
+    }
+    66% {
+      background: rgba(0, 0, 0, 0.55);
+      box-shadow:
+        0 0 0 -2px rgba(0, 0, 0, 0.45),
+        10px 0 0 -2px rgba(0, 0, 0, 0.45),
+        20px 0 0 2px rgba(0, 0, 0, 0.85);
+    }
+    100% {
+      background: rgba(0, 0, 0, 0.85);
+      box-shadow:
+        0 0 0 0 rgba(0, 0, 0, 0.85),
+        10px 0 0 0 rgba(0, 0, 0, 0.55),
+        20px 0 0 -2px rgba(0, 0, 0, 0.45);
+    }
+  }
 `;
 export { Markdown };

package/dist/features/ChatClient/ui/ConversationDropdownMenu/index.js

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { HistoryOutlined } from "@ant-design/icons";
+import { PageLoading } from "../../../../components/index.js";
 import { useRequest } from "ahooks";
 import { Button, Dropdown, Tooltip } from "antd";
+import styled_components from "styled-components";
 const ConversationDropdownMenu = (props)=>{
     const { request, onSelect, activeKey } = props;
-    const { data, run: refresh } = useRequest(()=>request(), {
+    const { data, run: refresh, loading } = useRequest(()=>request(), {
         manual: true
     });
     const menus = [
@@ -29,18 +31,15 @@ const ConversationDropdownMenu = (props)=>{
             ],
             menu: {
                 items: menus,
-                activeKey: activeKey
+                activeKey
             },
             popupRender: (originNode)=>{
-                if (!data?.list?.length) return /*#__PURE__*/ jsx("div", {
-                    style: {
-                        padding: '12px 24px',
-                        background: '#eee',
-                        color: '#000',
-                        borderRadius: 8
-                    },
-                    children: "暂无历史会话"
-                });
+                if (loading || !data?.list?.length) {
+                    const content = loading ? /*#__PURE__*/ jsx(PageLoading, {}) : '暂无历史会话';
+                    return /*#__PURE__*/ jsx(DefaultPanelContainer, {
+                        children: content
+                    });
+                }
                 return originNode;
             },
             children: /*#__PURE__*/ jsx(Button, {
@@ -53,4 +52,12 @@ const ConversationDropdownMenu = (props)=>{
         })
     });
 };
+const DefaultPanelContainer = styled_components.div`
+  padding: 12px 24px;
+  background: '#eee';
+  color: '#000';
+  border-radius: 8px;
+  min-height: 100px;
+  min-width: 200px;
+`;
 export { ConversationDropdownMenu };

package/package.json

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