@mujian/js-sdk 0.0.6-beta.29 → 0.0.6-beta.30

package/dist/react/components/MujianSpinner/index.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from 'react';
+interface Props {
+    className?: string;
+    style: CSSProperties;
+}
+export declare const MujianSpinner: ({ className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 export type { VListHandle } from 'virtua';
 export { MdRenderer } from './MdRenderer';
 export { MujianProvider, useMujian } from './MujianProvider';
+export { MujianSpinner } from './MujianSpinner';
 export { Thread } from './Thread';

package/dist/react.js

@@ -1,6 +1,6 @@
 import { useMount, useRequest, useUpdateEffect } from "ahooks";
 import react, { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import css_tools from "@adobe/css-tools";
 import dompurify from "dompurify";
 import showdown from "showdown";
@@ -636,6 +636,43 @@ class MujianSdk {
         }
     };
 }
+const styleSheet = `
+@keyframes spin {
+  0%   { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+`;
+const spinnerStyle = {
+    width: 48,
+    height: 48,
+    animation: 'spin 1s linear infinite'
+};
+const MujianSpinner = ({ className, style })=>/*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("style", {
+                children: styleSheet
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: className,
+                style: {
+                    ...spinnerStyle,
+                    ...style
+                },
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M21 12a9 9 0 1 1-6.219-8.56"
+                })
+            })
+        ]
+    });
 const MujianContext = /*#__PURE__*/ createContext(null);
 const MujianProvider = ({ children, loadingComponent })=>{
     const [mujian, setMujian] = useState(null);
@@ -648,7 +685,20 @@ const MujianProvider = ({ children, loadingComponent })=>{
     }, []);
     return /*#__PURE__*/ jsx(MujianContext.Provider, {
         value: mujian,
-        children: mujian ? children : loadingComponent ?? 'Mujian is loading'
+        children: mujian ? children : loadingComponent ?? /*#__PURE__*/ jsx("div", {
+            style: {
+                height: '100%',
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center'
+            },
+            children: /*#__PURE__*/ jsx(MujianSpinner, {
+                style: {
+                    color: '#EC4342'
+                }
+            })
+        })
     });
 };
 const useMujian = ()=>{
@@ -1062,4 +1112,4 @@ const useChat = ({ body, onError, onFinish })=>{
         deleteMessage
     };
 };
-export { MdRenderer, MujianProvider, Thread, useChat, useMujian };
+export { MdRenderer, MujianProvider, MujianSpinner, Thread, useChat, useMujian };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mujian/js-sdk",
-  "version": "0.0.6-beta.29",
+  "version": "0.0.6-beta.30",
   "type": "module",
   "exports": {
     ".": {