listpage-next 0.0.82 → 0.0.83

package/dist/components/Page/components/Loading/index.d.ts

@@ -0,0 +1 @@
+export declare const PageLoading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Page/components/Loading/index.js

@@ -0,0 +1,56 @@
+import styled_components from "styled-components";
+const PageLoading = styled_components.div`
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  overflow: hidden;
+
+  &::after {
+    animation: LoadingAnimation 1.5s linear infinite;
+    border-radius: 5px;
+    content: "";
+    height: 10px;
+    left: 50%;
+    position: absolute;
+    top: calc(50% - 20px);
+    transform: translateX(-50%) translateY(-50%);
+    width: 10px;
+
+    box-sizing: border-box;
+  }
+
+  @keyframes LoadingAnimation {
+    0% {
+      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+        16px 20px 0 2px #b89dfe;
+    }
+
+    25% {
+      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 2px #2e6ee7,
+        16px 20px 0 0 #b89dfe;
+    }
+
+    50% {
+      box-shadow: -16px 20px 0 2px #b89dfe, 0 20px 0 0 #2e6ee7,
+        16px 20px 0 -5px #b89dfe;
+    }
+
+    75% {
+      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 -5px #2e6ee7,
+        16px 20px 0 0 #b89dfe;
+    }
+
+    to {
+      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+        16px 20px 0 2px #b89dfe;
+    }
+  }
+`;
+export { PageLoading };

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

@@ -1,3 +1,4 @@
 export { PageContainer } from './components/PageContainer';
 export { ListPage, type ListPageProps } from './components/ListPage';
+export { PageLoading } from './components/Loading';
 export { usePageContext } from './context/page';

package/dist/components/Page/index.js

@@ -1,4 +1,5 @@
 import { PageContainer } from "./components/PageContainer/index.js";
 import { ListPage } from "./components/ListPage/index.js";
+import { PageLoading } from "./components/Loading/index.js";
 import { usePageContext } from "./context/page.js";
-export { ListPage, PageContainer, usePageContext };
+export { ListPage, PageContainer, PageLoading, usePageContext };

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

@@ -1,6 +1,7 @@
 export interface ChatSenderProps {
     extra?: React.ReactNode;
     placeholder?: string;
+    submitting?: boolean;
     onSubmit?: (value: string) => any;
     onCancel?: () => Promise<void>;
     style?: React.CSSProperties;

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

@@ -4,9 +4,20 @@ import { ChatInputBottom, ChatInputContent, ChatInputPanel } from "./styles.js";
 import { useState } from "react";
 import { ArrowUpOutlined, PauseCircleTwoTone } from "@ant-design/icons";
 const ChatSender = (props)=>{
-    const { placeholder, onSubmit, onCancel, extra, style, className } = props;
-    const [loading, setLoading] = useState(false);
+    const { placeholder, onSubmit, onCancel, submitting, extra, style, className } = props;
     const [inputValue, setInputValue] = useState("");
+    const handleClick = async ()=>{
+        if (submitting && !onCancel) return;
+        if (submitting && onCancel) return void await onCancel();
+        onSubmit?.(inputValue);
+        setInputValue("");
+    };
+    const handleKeyDown = (e)=>{
+        if ('Enter' === e.key && !e.shiftKey) {
+            e.preventDefault();
+            if (!submitting && inputValue) handleClick();
+        }
+    };
     return /*#__PURE__*/ jsxs(ChatInputPanel, {
         style: style,
         className: className,
@@ -16,7 +27,8 @@ const ChatSender = (props)=>{
                     placeholder: placeholder,
                     value: inputValue,
                     autoSize: false,
-                    onChange: (e)=>setInputValue?.(e.target.value)
+                    onChange: (e)=>setInputValue?.(e.target.value),
+                    onKeyDown: handleKeyDown
                 })
             }),
             /*#__PURE__*/ jsxs(ChatInputBottom, {
@@ -28,27 +40,14 @@ const ChatSender = (props)=>{
                         type: "vertical"
                     }),
                     /*#__PURE__*/ jsx(Button, {
-                        disabled: !inputValue && !loading,
-                        loading: loading,
+                        disabled: !inputValue && !submitting,
+                        loading: submitting,
                         shape: "circle",
-                        icon: loading ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(ArrowUpOutlined, {}),
+                        icon: submitting ? /*#__PURE__*/ jsx(PauseCircleTwoTone, {}) : /*#__PURE__*/ jsx(ArrowUpOutlined, {}),
                         type: "primary",
                         variant: "filled",
-                        onClick: async ()=>{
-                            if (loading && !onCancel) return;
-                            if (loading && onCancel) {
-                                await onCancel();
-                                setLoading(false);
-                                return;
-                            }
-                            setLoading(true);
-                            try {
-                                setInputValue("");
-                                await onSubmit?.(inputValue);
-                            } finally{
-                                setLoading(false);
-                            }
-                        }
+                        onKeyDown: handleKeyDown,
+                        onClick: handleClick
                     })
                 ]
             })

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

@@ -5,7 +5,7 @@ export interface ClientContentProps {
     style?: React.CSSProperties;
     children?: React.ReactNode;
     headerProps?: HeaderProps;
-    footerProps?: FooterProps;
+    footerProps?: Omit<FooterProps, 'submitting'>;
     loading?: boolean;
 }
 export declare const ClientContent: (props: ClientContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Spin } from "antd";
 import { Footer } from "./Footer.js";
 import { Header } from "./Header.js";
 import { Content } from "./Content.js";
 import { Container } from "./styles.js";
+import { useChatClientContext } from "../../context/index.js";
+import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
 const ClientContent = (props)=>{
     const { style, className, children, headerProps, footerProps, loading } = props;
+    const { submitting } = useChatClientContext();
     if (loading) return /*#__PURE__*/ jsx(Container, {
         style: style,
         className: className,
-        children: /*#__PURE__*/ jsx(Spin, {})
+        children: /*#__PURE__*/ jsx(PageLoading, {})
     });
     return /*#__PURE__*/ jsxs(Container, {
         style: style,
@@ -22,7 +24,8 @@ const ClientContent = (props)=>{
                 children: children
             }),
             /*#__PURE__*/ jsx(Footer, {
-                ...footerProps
+                ...footerProps,
+                submitting: submitting
             })
         ]
     });

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

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 import { InfiniteListRef, RenderActions } from "../../../components/InfiniteList";
 export interface ChatClientContextProps<ConversationItemData = any> {
+    submitting: boolean;
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
     showUpdateTitleModal: (title: string, onSubmit?: (title: string) => any) => void;
@@ -9,6 +10,7 @@ export interface ChatClientContextProps<ConversationItemData = any> {
 }
 export interface ChatClientProviderProps {
     children: ReactNode;
+    submitting?: boolean;
 }
 export declare const ChatClientContext: import("react").Context<ChatClientContextProps<any>>;
 export declare const ChatClientProvider: (props: ChatClientProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,12 +4,13 @@ import { useUpdateTitleModal } from "./useUpdateTitleModal.js";
 import { useConversationListRef } from "./useConversationListRef.js";
 const ChatClientContext = /*#__PURE__*/ createContext({});
 const ChatClientProvider = (props)=>{
-    const { children } = props;
+    const { children, submitting = false } = props;
     const { updateTitleModalEle, showUpdateTitleModal } = useUpdateTitleModal();
     const [collapsed, setCollapsed] = useState(false);
     const { conversationListRef, ...conversationActions } = useConversationListRef();
     return /*#__PURE__*/ jsxs(ChatClientContext.Provider, {
         value: {
+            submitting,
             collapsed,
             setCollapsed,
             showUpdateTitleModal,

package/dist/http-client/client/client.js

@@ -3,8 +3,8 @@ import { notification } from "antd";
 function setupClient(HttpClient) {
     HttpClient.prototype.createAxiosInstance = function() {
         const { config } = this.options;
-        const baseURL = config?.baseURL || this.getBaseURL();
-        const headers = config?.headers || this.getHeaders();
+        const baseURL = this.getBaseURL();
+        const headers = this.getHeaders();
         return axios.create({
             ...config,
             baseURL: baseURL,

package/package.json

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