@icos-react/largemodel 1.0.28 → 1.0.30

package/dist/index.d.ts

@@ -968,6 +968,16 @@ interface MessageActionCallbacks {
     onCopy?: (content: string, messageId: string | number) => Promise<void> | void;
     onRefresh?: (messageId: string | number, userMessageContent: string) => Promise<void> | void;
 }
+interface ChatDemoRef$1 {
+    sendMessage: (message: string, isCreateApp?: boolean, variable?: any) => Promise<void>;
+    sendMessageWithControl: (message: string, showUserMessage?: boolean, variable?: any, resetSession?: boolean) => Promise<void>;
+    setInputText: (text: string) => void;
+    /** 中止当前正在进行的 AI 流式请求 */
+    stopGeneration: () => void;
+    getMidVal: () => any;
+    getVariables: () => any;
+    updateVariables: (newVariables: any) => void;
+}
 interface ChatXProps$1 {
     buttonImage?: string;
     userIcon?: string;
@@ -1104,11 +1114,6 @@ interface ChatXProps$1 {
     formatThinkingBarTitle?: (thinkingTimeMs: number) => string;
 }
 
-interface ChatDemoRef$1 {
-    sendMessage: (message: string, isCreateApp?: boolean, variable?: any) => Promise<void>;
-    sendMessageWithControl: (message: string, showUserMessage?: boolean, variable?: any, resetSession?: boolean) => Promise<void>;
-    setInputText: (text: string) => void;
-}
 declare const ChatDemo: React__default.ForwardRefExoticComponent<ChatXProps$1 & React__default.RefAttributes<ChatDemoRef$1>>;
 
 /**

package/dist/index.js

@@ -587,6 +587,9 @@ BubbleList.displayName = "BubbleList";
 // src/core/BubbleList/StandardMessageRenderer.tsx
 var import_react4 = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
+var import_remark_math = __toESM(require("remark-math"));
+var import_rehype_katex = __toESM(require("rehype-katex"));
+var import_katex_min = require("katex/dist/katex.min.css");
 
 // src/core/utils/index.ts
 var import_react3 = __toESM(require("react"));
@@ -661,6 +664,8 @@ var StandardMessageRenderer = ({ message, eventContent = {}, components, classNa
           import_react_markdown.default,
           {
             key: index,
+            remarkPlugins: [import_remark_math.default],
+            rehypePlugins: [import_rehype_katex.default],
             components: {
               p: ({ node, ...props }) => /* @__PURE__ */ import_react4.default.createElement("p", { style: { margin: "0.5em 0" }, ...props }),
               pre: ({ node, ...props }) => /* @__PURE__ */ import_react4.default.createElement(
@@ -4455,6 +4460,9 @@ init_apiHandler();
 var import_react20 = __toESM(require("react"));
 var import_react_markdown2 = __toESM(require("react-markdown"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
+var import_remark_math2 = __toESM(require("remark-math"));
+var import_rehype_katex2 = __toESM(require("rehype-katex"));
+var import_katex_min2 = require("katex/dist/katex.min.css");
 var rightIcon = `data:image/svg+xml,${encodeURIComponent(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 15C11.866 15 15 11.866 15 8C15 4.134 11.866 1 8 1C4.134 1 1 4.134 1 8C1 11.866 4.134 15 8 15ZM11.82 6.21998L7.3 10.7399L4.35502 7.79497L5.34498 6.80503L7.3 8.76006L10.83 5.23002L11.82 6.21998Z" fill="#00FFFF"/>
 </svg>`)}`;
@@ -4672,7 +4680,7 @@ var ThinkingContent = ({
       style: customStyle?.thinkingContent,
       "data-custom-color": ""
     },
-    /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, rehypePlugins: [import_rehype_raw.default] }, content)
+    /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, remarkPlugins: [import_remark_math2.default], rehypePlugins: [import_rehype_katex2.default, import_rehype_raw.default] }, content)
   ));
 };
 if (typeof window !== "undefined") {
@@ -4705,12 +4713,12 @@ var renderContentWithAnchors = (content, messageId, eventContent, styles) => {
     img: CustomImageComponent
   };
   if (!hasAnchors) {
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText }, /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, rehypePlugins: [import_rehype_raw.default] }, content));
+    return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText }, /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, remarkPlugins: [import_remark_math2.default], rehypePlugins: [import_rehype_katex2.default, import_rehype_raw.default] }, content));
   }
   const parts = parseContentWithAnchors2(content, messageId, eventContent || {});
   return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText }, parts.map((part, index) => {
     if (typeof part === "string") {
-      return /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { key: index, components: markdownComponents, rehypePlugins: [import_rehype_raw.default] }, part);
+      return /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { key: index, components: markdownComponents, remarkPlugins: [import_remark_math2.default], rehypePlugins: [import_rehype_katex2.default, import_rehype_raw.default] }, part);
     }
     return part;
   }));
@@ -4745,11 +4753,11 @@ function renderCustomTagStreamRoot(message, styles, customTagRenderers, eventCon
       return null;
     const hasAnchors = text.includes("[ANCHOR:");
     if (!hasAnchors) {
-      return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText, key }, /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, rehypePlugins: [import_rehype_raw.default] }, text));
+      return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText, key }, /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { components: markdownComponents, remarkPlugins: [import_remark_math2.default], rehypePlugins: [import_rehype_katex2.default, import_rehype_raw.default] }, text));
     }
     const parts = parseContentWithAnchors2(text, message.id, eventContent || {});
     return /* @__PURE__ */ import_react20.default.createElement("div", { className: styles.messageText, key }, parts.map(
-      (part, index) => typeof part === "string" ? /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { key: index, components: markdownComponents, rehypePlugins: [import_rehype_raw.default] }, part) : part
+      (part, index) => typeof part === "string" ? /* @__PURE__ */ import_react20.default.createElement(import_react_markdown2.default, { key: index, components: markdownComponents, remarkPlugins: [import_remark_math2.default], rehypePlugins: [import_rehype_katex2.default, import_rehype_raw.default] }, part) : part
     ));
   };
   const renderSegmentNode = (segmentId) => {
@@ -6029,6 +6037,9 @@ var ChatDemo = (0, import_react21.forwardRef)(
         },
         updateVariables: (newVariables) => {
           setInternalVariables(newVariables);
+        },
+        stopGeneration: () => {
+          handleStopResponse();
         }
       }),
       [sendMessage, sendMessageWithControl, midVal, internalVariables]
@@ -7303,6 +7314,14 @@ var ChatAssistant = (0, import_react23.forwardRef)(
               setContentEditableText(customInputElementRef.current, text, true);
             }, 0);
           }
+        },
+        stopGeneration: () => {
+          chatDemoRef.current?.stopGeneration?.();
+        },
+        getMidVal: () => chatDemoRef.current?.getMidVal?.(),
+        getVariables: () => chatDemoRef.current?.getVariables?.(),
+        updateVariables: (newVariables) => {
+          chatDemoRef.current?.updateVariables?.(newVariables);
         }
       }),
       [sendStatus, history]
@@ -8876,6 +8895,17 @@ var ChatButton = (0, import_react25.forwardRef)(
             internalRef.current.setInputText(text);
           }
         }, 100);
+      },
+      stopGeneration: () => {
+        internalRef.current?.stopGeneration?.();
+      },
+      close: () => {
+        setIsOpen(false);
+      },
+      getMidVal: () => internalRef.current?.getMidVal?.(),
+      getVariables: () => internalRef.current?.getVariables?.(),
+      updateVariables: (newVariables) => {
+        internalRef.current?.updateVariables?.(newVariables);
       }
     }), [isOpen]);
     (0, import_react25.useEffect)(() => {

package/dist/index.mjs

@@ -532,6 +532,9 @@ BubbleList.displayName = "BubbleList";
 // src/core/BubbleList/StandardMessageRenderer.tsx
 import React4 from "react";
 import ReactMarkdown from "react-markdown";
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
+import "katex/dist/katex.min.css";
 
 // src/core/utils/index.ts
 import React3 from "react";
@@ -606,6 +609,8 @@ var StandardMessageRenderer = ({ message, eventContent = {}, components, classNa
           ReactMarkdown,
           {
             key: index,
+            remarkPlugins: [remarkMath],
+            rehypePlugins: [rehypeKatex],
             components: {
               p: ({ node, ...props }) => /* @__PURE__ */ React4.createElement("p", { style: { margin: "0.5em 0" }, ...props }),
               pre: ({ node, ...props }) => /* @__PURE__ */ React4.createElement(
@@ -4406,6 +4411,9 @@ init_apiHandler();
 import React10, { useEffect as useEffect8, useRef as useRef9, useState as useState8 } from "react";
 import ReactMarkdown2 from "react-markdown";
 import rehypeRaw from "rehype-raw";
+import remarkMath2 from "remark-math";
+import rehypeKatex2 from "rehype-katex";
+import "katex/dist/katex.min.css";
 var rightIcon = `data:image/svg+xml,${encodeURIComponent(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 15C11.866 15 15 11.866 15 8C15 4.134 11.866 1 8 1C4.134 1 1 4.134 1 8C1 11.866 4.134 15 8 15ZM11.82 6.21998L7.3 10.7399L4.35502 7.79497L5.34498 6.80503L7.3 8.76006L10.83 5.23002L11.82 6.21998Z" fill="#00FFFF"/>
 </svg>`)}`;
@@ -4623,7 +4631,7 @@ var ThinkingContent = ({
       style: customStyle?.thinkingContent,
       "data-custom-color": ""
     },
-    /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, rehypePlugins: [rehypeRaw] }, content)
+    /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, remarkPlugins: [remarkMath2], rehypePlugins: [rehypeKatex2, rehypeRaw] }, content)
   ));
 };
 if (typeof window !== "undefined") {
@@ -4656,12 +4664,12 @@ var renderContentWithAnchors = (content, messageId, eventContent, styles) => {
     img: CustomImageComponent
   };
   if (!hasAnchors) {
-    return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText }, /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, rehypePlugins: [rehypeRaw] }, content));
+    return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText }, /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, remarkPlugins: [remarkMath2], rehypePlugins: [rehypeKatex2, rehypeRaw] }, content));
   }
   const parts = parseContentWithAnchors2(content, messageId, eventContent || {});
   return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText }, parts.map((part, index) => {
     if (typeof part === "string") {
-      return /* @__PURE__ */ React10.createElement(ReactMarkdown2, { key: index, components: markdownComponents, rehypePlugins: [rehypeRaw] }, part);
+      return /* @__PURE__ */ React10.createElement(ReactMarkdown2, { key: index, components: markdownComponents, remarkPlugins: [remarkMath2], rehypePlugins: [rehypeKatex2, rehypeRaw] }, part);
     }
     return part;
   }));
@@ -4696,11 +4704,11 @@ function renderCustomTagStreamRoot(message, styles, customTagRenderers, eventCon
       return null;
     const hasAnchors = text.includes("[ANCHOR:");
     if (!hasAnchors) {
-      return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText, key }, /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, rehypePlugins: [rehypeRaw] }, text));
+      return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText, key }, /* @__PURE__ */ React10.createElement(ReactMarkdown2, { components: markdownComponents, remarkPlugins: [remarkMath2], rehypePlugins: [rehypeKatex2, rehypeRaw] }, text));
     }
     const parts = parseContentWithAnchors2(text, message.id, eventContent || {});
     return /* @__PURE__ */ React10.createElement("div", { className: styles.messageText, key }, parts.map(
-      (part, index) => typeof part === "string" ? /* @__PURE__ */ React10.createElement(ReactMarkdown2, { key: index, components: markdownComponents, rehypePlugins: [rehypeRaw] }, part) : part
+      (part, index) => typeof part === "string" ? /* @__PURE__ */ React10.createElement(ReactMarkdown2, { key: index, components: markdownComponents, remarkPlugins: [remarkMath2], rehypePlugins: [rehypeKatex2, rehypeRaw] }, part) : part
     ));
   };
   const renderSegmentNode = (segmentId) => {
@@ -5980,6 +5988,9 @@ var ChatDemo = forwardRef5(
         },
         updateVariables: (newVariables) => {
           setInternalVariables(newVariables);
+        },
+        stopGeneration: () => {
+          handleStopResponse();
         }
       }),
       [sendMessage, sendMessageWithControl, midVal, internalVariables]
@@ -7262,6 +7273,14 @@ var ChatAssistant = forwardRef6(
               setContentEditableText(customInputElementRef.current, text, true);
             }, 0);
           }
+        },
+        stopGeneration: () => {
+          chatDemoRef.current?.stopGeneration?.();
+        },
+        getMidVal: () => chatDemoRef.current?.getMidVal?.(),
+        getVariables: () => chatDemoRef.current?.getVariables?.(),
+        updateVariables: (newVariables) => {
+          chatDemoRef.current?.updateVariables?.(newVariables);
         }
       }),
       [sendStatus, history]
@@ -8842,6 +8861,17 @@ var ChatButton = forwardRef8(
             internalRef.current.setInputText(text);
           }
         }, 100);
+      },
+      stopGeneration: () => {
+        internalRef.current?.stopGeneration?.();
+      },
+      close: () => {
+        setIsOpen(false);
+      },
+      getMidVal: () => internalRef.current?.getMidVal?.(),
+      getVariables: () => internalRef.current?.getVariables?.(),
+      updateVariables: (newVariables) => {
+        internalRef.current?.updateVariables?.(newVariables);
       }
     }), [isOpen]);
     useEffect13(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@icos-react/largemodel",
   "displayName": "大模型组件",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -39,9 +39,12 @@
     "@ant-design/x": "^1.0.0",
     "antd-style": "^3.7.1",
     "immer": "^10.1.1",
+    "katex": "^0.17.0",
     "ldrs": "^1.1.7",
     "react-markdown": "^10.1.0",
-    "rehype-raw": "^7.0.0"
+    "rehype-katex": "^7.0.1",
+    "rehype-raw": "^7.0.0",
+    "remark-math": "^6.0.0"
   },
   "publishConfig": {
     "access": "public",