@icos-react/largemodel 1.0.29 → 1.0.30

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) => {

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) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@icos-react/largemodel",
   "displayName": "大模型组件",
-  "version": "1.0.29",
+  "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",