@lobehub/ui 2.0.12 → 2.0.13

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -1,19 +1,39 @@
 'use client';
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { cva } from 'class-variance-authority';
-import { memo, useMemo } from 'react';
+import { memo, useEffect, useMemo, useState } from 'react';
 import { useHighlight } from "../../hooks/useHighlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
-  var ref = _ref.ref,
-    children = _ref.children,
-    language = _ref.language,
-    className = _ref.className,
-    style = _ref.style,
-    enableTransformer = _ref.enableTransformer,
-    variant = _ref.variant,
-    theme = _ref.theme;
+var Line = /*#__PURE__*/memo(function (_ref) {
+  var content = _ref.content;
+  return /*#__PURE__*/_jsx("div", {
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  });
+});
+Line.displayName = 'HighlighterLine';
+var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref2) {
+  var ref = _ref2.ref,
+    children = _ref2.children,
+    language = _ref2.language,
+    className = _ref2.className,
+    style = _ref2.style,
+    enableTransformer = _ref2.enableTransformer,
+    variant = _ref2.variant,
+    theme = _ref2.theme;
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -25,6 +45,55 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
       theme: isDefaultTheme ? undefined : theme
     }),
     data = _useHighlight.data;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentLines = _useState2[0],
+    setContentLines = _useState2[1];
+  useEffect(function () {
+    if (data && typeof data === 'string') {
+      // Extract all lines from the HTML content
+      // We need to handle the structure from shiki which gives us HTML with a <pre><code> structure
+      var parser = new DOMParser();
+      var doc = parser.parseFromString(data, 'text/html');
+      var codeElement = doc.querySelector('pre code');
+      if (codeElement) {
+        var spanLines = codeElement.querySelectorAll('.line');
+        var newLines = _toConsumableArray(spanLines).map(function (line) {
+          return line.outerHTML;
+        });
+
+        // Only update if the lines have changed
+        setContentLines(function (prevLines) {
+          if (prevLines.length !== newLines.length) return newLines;
+          var hasChanged = false;
+          var _iterator = _createForOfIteratorHelper(newLines.entries()),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var _step$value = _slicedToArray(_step.value, 2),
+                i = _step$value[0],
+                newLine = _step$value[1];
+              if (prevLines[i] !== newLine) {
+                hasChanged = true;
+                break;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          return hasChanged ? newLines : prevLines;
+        });
+      } else {
+        // Fallback if the structure is different
+        var htmlLines = data.split('\n').map(function (line) {
+          return "<span class=\"line\">".concat(line, "</span>");
+        });
+        setContentLines(htmlLines);
+      }
+    }
+  }, [data]);
   var variants = useMemo(function () {
     return cva(styles.root, {
       defaultVariants: {
@@ -51,7 +120,7 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
       /* eslint-enable sort-keys-fix/sort-keys-fix */
     });
   }, [styles]);
-  if (!data) return /*#__PURE__*/_jsx("div", {
+  if (contentLines.length === 0) return /*#__PURE__*/_jsx("div", {
     className: cx(variants({
       shiki: false,
       showBackground: showBackground,
@@ -72,12 +141,19 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
       showBackground: showBackground,
       variant: variant
     }), className),
-    dangerouslySetInnerHTML: {
-      __html: data
-    },
     dir: "ltr",
     ref: ref,
-    style: style
+    style: style,
+    children: /*#__PURE__*/_jsx("pre", {
+      className: "shiki",
+      children: /*#__PURE__*/_jsx("code", {
+        children: contentLines.map(function (line, index) {
+          return /*#__PURE__*/_jsx(Line, {
+            content: line
+          }, index);
+        })
+      })
+    })
   });
 });
 SyntaxHighlighter.displayName = 'SyntaxHighlighter';

package/es/Markdown/Markdown.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["ref", "children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "reactMarkdownProps", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
+var _excluded = ["ref", "children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "animated", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "reactMarkdownProps", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -10,17 +10,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { cva } from 'class-variance-authority';
-import { memo, useCallback, useMemo } from 'react';
-import ReactMarkdown from 'react-markdown';
-import { PreviewGroup } from "../Image";
-import Image from "../mdx/mdxComponents/Image";
-import Link from "../mdx/mdxComponents/Link";
-import Section from "../mdx/mdxComponents/Section";
-import Video from "../mdx/mdxComponents/Video";
-import { CodeFullFeatured, CodeLite } from "./CodeBlock";
+import { memo, useMemo } from 'react';
+import SyntaxMarkdown from "./SyntaxMarkdown";
 import Typography from "./Typography";
 import { useStyles } from "./style";
-import { addToCache, contentCache, createPlugins, escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var ref = _ref.ref,
@@ -29,6 +22,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     style = _ref.style,
     fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
     onDoubleClick = _ref.onDoubleClick,
+    animated = _ref.animated,
     _ref$enableLatex = _ref.enableLatex,
     enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
     _ref$enableMermaid = _ref.enableMermaid,
@@ -61,10 +55,12 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  var isChatMode = variant === 'chat';
+
+  // Style variant handling
   var variants = useMemo(function () {
     return cva(styles.root, {
       defaultVariants: {
+        animated: false,
         enableLatex: true,
         variant: 'default'
       },
@@ -77,112 +73,18 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         enableLatex: {
           true: styles.latex,
           false: null
+        },
+        animated: {
+          true: styles.animated,
+          false: null
         }
       }
       /* eslint-enable sort-keys-fix/sort-keys-fix */
     });
   }, [styles]);
-
-  // 计算缓存键
-  var cacheKey = useMemo(function () {
-    return "".concat(children, "-").concat(enableLatex, "-").concat(enableCustomFootnotes, "-").concat((citations === null || citations === void 0 ? void 0 : citations.length) || 0);
-  }, [children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
-
-  // 处理内容并利用缓存避免重复计算
-  var escapedContent = useMemo(function () {
-    // 尝试从缓存获取
-    if (contentCache.has(cacheKey)) {
-      return contentCache.get(cacheKey);
-    }
-
-    // 处理新内容
-    var processedContent;
-    if (enableLatex) {
-      var baseContent = fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
-      processedContent = enableCustomFootnotes ? transformCitations(baseContent, citations === null || citations === void 0 ? void 0 : citations.length) : baseContent;
-    } else {
-      processedContent = fixMarkdownBold(children);
-    }
-
-    // 缓存处理结果
-    addToCache(cacheKey, processedContent);
-    return processedContent;
-  }, [cacheKey, children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
-
-  // 创建插件
-  var _useMemo = useMemo(function () {
-      return createPlugins({
-        allowHtml: allowHtml,
-        enableCustomFootnotes: enableCustomFootnotes,
-        enableLatex: enableLatex,
-        isChatMode: isChatMode,
-        rehypePlugins: rehypePlugins,
-        remarkPlugins: remarkPlugins,
-        remarkPluginsAhead: remarkPluginsAhead
-      });
-    }, [allowHtml, enableLatex, enableCustomFootnotes, isChatMode, rehypePlugins, remarkPlugins, remarkPluginsAhead]),
-    rehypePluginsList = _useMemo.rehypePluginsList,
-    remarkPluginsList = _useMemo.remarkPluginsList;
-
-  // 使用 useCallback 优化渲染子组件
-  var renderLink = useCallback(function (props) {
-    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
-      citations: citations
-    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
-  }, [citations, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a]);
-  var renderImage = useCallback(function (props) {
-    return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
-  }, [isChatMode, componentProps === null || componentProps === void 0 ? void 0 : componentProps.img]);
-  var renderCodeBlock = useCallback(function (props) {
-    return fullFeaturedCodeBlock ? /*#__PURE__*/_jsx(CodeFullFeatured, _objectSpread(_objectSpread({
-      enableMermaid: enableMermaid,
-      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
-      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
-    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/_jsx(CodeLite, _objectSpread(_objectSpread({
-      enableMermaid: enableMermaid,
-      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
-      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
-    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
-  }, [enableMermaid, fullFeaturedCodeBlock, componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight, componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
-  var renderSection = useCallback(function (props) {
-    return /*#__PURE__*/_jsx(Section, _objectSpread({
-      showCitations: showFootnotes
-    }, props));
-  }, [showFootnotes]);
-  var renderVideo = useCallback(function (props) {
-    return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
-  }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.video]);
-
-  // 创建组件映射
-  var memoComponents = useMemo(function () {
-    return _objectSpread({
-      a: renderLink,
-      img: enableImageGallery ? renderImage : undefined,
-      pre: renderCodeBlock,
-      section: renderSection,
-      video: renderVideo
-    }, components);
-  }, [renderLink, renderImage, renderCodeBlock, renderSection, renderVideo, enableImageGallery, components]);
-
-  // 渲染默认内容
-  var defaultDOM = useMemo(function () {
-    return /*#__PURE__*/_jsx(PreviewGroup, {
-      enable: enableImageGallery,
-      children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
-        components: memoComponents,
-        rehypePlugins: rehypePluginsList,
-        remarkPlugins: remarkPluginsList,
-        children: escapedContent
-      }))
-    });
-  }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList, enableImageGallery]);
-
-  // 应用自定义渲染
-  var markdownContent = customRender ? customRender(defaultDOM, {
-    text: escapedContent || ''
-  }) : defaultDOM;
   return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
     className: cx(variants({
+      animated: animated,
       enableLatex: enableLatex,
       variant: variant
     }), className),
@@ -195,7 +97,26 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     ref: ref,
     style: style
   }, rest), {}, {
-    children: markdownContent
+    children: /*#__PURE__*/_jsx(SyntaxMarkdown, {
+      allowHtml: allowHtml,
+      animated: animated,
+      citations: citations,
+      componentProps: componentProps,
+      components: components,
+      customRender: customRender,
+      enableCustomFootnotes: enableCustomFootnotes,
+      enableImageGallery: enableImageGallery,
+      enableLatex: enableLatex,
+      enableMermaid: enableMermaid,
+      fullFeaturedCodeBlock: fullFeaturedCodeBlock,
+      reactMarkdownProps: reactMarkdownProps,
+      rehypePlugins: rehypePlugins,
+      remarkPlugins: remarkPlugins,
+      remarkPluginsAhead: remarkPluginsAhead,
+      showFootnotes: showFootnotes,
+      variant: variant,
+      children: children
+    })
   }));
 });
 Markdown.displayName = 'Markdown';

package/es/Markdown/SyntaxMarkdown/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SyntaxMarkdownProps } from '../type';
+declare const SyntaxMarkdown: import("react").NamedExoticComponent<SyntaxMarkdownProps>;
+export default SyntaxMarkdown;

package/es/Markdown/SyntaxMarkdown/index.js

@@ -0,0 +1,82 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { memo, useMemo } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { PreviewGroup } from "../../Image";
+import { useMarkdown } from "../../hooks/useMarkdown";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SyntaxMarkdown = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
+    animated = _ref.animated,
+    _ref$enableLatex = _ref.enableLatex,
+    enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
+    _ref$enableMermaid = _ref.enableMermaid,
+    enableMermaid = _ref$enableMermaid === void 0 ? true : _ref$enableMermaid,
+    _ref$enableImageGalle = _ref.enableImageGallery,
+    enableImageGallery = _ref$enableImageGalle === void 0 ? true : _ref$enableImageGalle,
+    enableCustomFootnotes = _ref.enableCustomFootnotes,
+    componentProps = _ref.componentProps,
+    allowHtml = _ref.allowHtml,
+    showFootnotes = _ref.showFootnotes,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    reactMarkdownProps = _ref.reactMarkdownProps,
+    rehypePlugins = _ref.rehypePlugins,
+    remarkPlugins = _ref.remarkPlugins,
+    remarkPluginsAhead = _ref.remarkPluginsAhead,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    customRender = _ref.customRender,
+    citations = _ref.citations;
+  // Use our new hook to handle Markdown processing
+  var _useMarkdown = useMarkdown({
+      allowHtml: allowHtml,
+      animated: animated,
+      children: children,
+      citations: citations,
+      componentProps: componentProps,
+      components: components,
+      enableCustomFootnotes: enableCustomFootnotes,
+      enableImageGallery: enableImageGallery,
+      enableLatex: enableLatex,
+      enableMermaid: enableMermaid,
+      fullFeaturedCodeBlock: fullFeaturedCodeBlock,
+      rehypePlugins: rehypePlugins,
+      remarkPlugins: remarkPlugins,
+      remarkPluginsAhead: remarkPluginsAhead,
+      showFootnotes: showFootnotes,
+      variant: variant
+    }),
+    escapedContent = _useMarkdown.escapedContent,
+    memoComponents = _useMarkdown.memoComponents,
+    rehypePluginsList = _useMarkdown.rehypePluginsList,
+    remarkPluginsList = _useMarkdown.remarkPluginsList;
+
+  // 渲染默认内容
+  var defaultDOM = useMemo(function () {
+    return /*#__PURE__*/_jsx(PreviewGroup, {
+      enable: enableImageGallery,
+      children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
+        components: memoComponents,
+        rehypePlugins: rehypePluginsList,
+        remarkPlugins: remarkPluginsList,
+        children: escapedContent
+      }))
+    });
+  }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList, enableImageGallery, reactMarkdownProps]);
+
+  // 应用自定义渲染
+  var markdownContent = customRender ? customRender(defaultDOM, {
+    text: escapedContent || ''
+  }) : defaultDOM;
+  return markdownContent;
+});
+SyntaxMarkdown.displayName = 'SyntaxMarkdown';
+export default SyntaxMarkdown;

package/es/Markdown/{CodeBlock.d.ts → components/CodeBlock.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { type HighlighterProps } from "../Highlighter";
-import { type MermaidProps } from "../Mermaid";
+import { type HighlighterProps } from "../../Highlighter";
+import { type MermaidProps } from "../../Mermaid";
 export declare const useCode: (raw: any) => {
     content: any;
     isSingleLine: boolean;

package/es/Markdown/{CodeBlock.js → components/CodeBlock.js}

@@ -7,8 +7,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import Pre, { PreMermaid, PreSingleLine } from "../mdx/mdxComponents/Pre";
-import { FALLBACK_LANG } from "../hooks/useHighlight";
+import { FALLBACK_LANG } from "../../hooks/useHighlight";
+import Pre, { PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre";
 import { jsx as _jsx } from "react/jsx-runtime";
 var countLines = function countLines(str) {
   var regex = /\n/g;

package/es/Markdown/plugins/animated.d.ts

@@ -0,0 +1,2 @@
+import type { Root } from 'hast';
+export declare const animatedPlugin: () => (tree: Root) => void;

package/es/Markdown/plugins/animated.js

@@ -0,0 +1,56 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
+import { visit } from 'unist-util-visit';
+export var animatedPlugin = function animatedPlugin() {
+  return function (tree) {
+    visit(tree, 'element', function (node) {
+      if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) && node.children) {
+        var newChildren = [];
+        var _iterator = _createForOfIteratorHelper(node.children),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var child = _step.value;
+            if (child.type === 'text') {
+              var segmenter = new Intl.Segmenter('zh', {
+                granularity: 'word'
+              });
+              var segments = segmenter.segment(child.value);
+              var words = _toConsumableArray(segments).map(function (segment) {
+                return segment.segment;
+              }).filter(Boolean);
+              words.forEach(function (word) {
+                newChildren.push({
+                  children: [{
+                    type: 'text',
+                    value: word
+                  }],
+                  properties: {
+                    className: 'animate-fade-in'
+                  },
+                  tagName: 'span',
+                  type: 'element'
+                });
+              });
+            } else {
+              newChildren.push(child);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        node.children = newChildren;
+      }
+    });
+  };
+};

package/es/Markdown/style.d.ts

@@ -1,4 +1,5 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    animated: import("antd-style").SerializedStyles;
     chat: import("antd-style").SerializedStyles;
     latex: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;

package/es/Markdown/style.js

@@ -1,14 +1,16 @@
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
+import { createStyles, keyframes } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token,
     isDarkMode = _ref.isDarkMode;
   var cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;
+  var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  "])));
   return {
-    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-border-radius: ", ";\n\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ", " !important;\n          }\n\n          > li {\n            &::marker {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    "])), token.borderRadius, cyanColor, token.colorTextSecondary),
-    latex: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    "]))),
-    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      #footnote-label {\n        display: none;\n      }\n\n      sup:has(a[aria-describedby='footnote-label']) {\n        vertical-align: super !important;\n      }\n    "])))
+    animated: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .animate-fade-in,\n      .katex-html span,\n      span.line,\n      > * {\n        animation: ", " 1s ease-in-out;\n      }\n    "])), fadeIn),
+    chat: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      --lobe-markdown-border-radius: ", ";\n\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ", " !important;\n          }\n\n          > li {\n            &::marker {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    "])), token.borderRadius, cyanColor, token.colorTextSecondary),
+    latex: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .katex-error {\n        color: ", " !important;\n      }\n\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    "])), token.colorTextDescription),
+    root: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n\n      #footnote-label {\n        display: none;\n      }\n\n      sup:has(a[aria-describedby='footnote-label']) {\n        vertical-align: super !important;\n      }\n    "])))
   };
 });

package/es/Markdown/type.d.ts

@@ -15,11 +15,11 @@ export interface TypographyProps extends DivProps {
     marginMultiple?: number;
     ref?: Ref<HTMLDivElement>;
 }
-export interface MarkdownProps extends TypographyProps {
+export interface SyntaxMarkdownProps {
     allowHtml?: boolean;
+    animated?: boolean;
     children: string;
     citations?: CitationItem[];
-    className?: string;
     componentProps?: {
         a?: Partial<AProps & AnchorProps>;
         highlight?: Partial<HighlighterProps>;
@@ -37,13 +37,16 @@ export interface MarkdownProps extends TypographyProps {
     enableLatex?: boolean;
     enableMermaid?: boolean;
     fullFeaturedCodeBlock?: boolean;
-    onDoubleClick?: () => void;
     reactMarkdownProps?: Omit<Readonly<ReactMarkdownOptions>, 'components' | 'rehypePlugins' | 'remarkPlugins'>;
-    ref?: Ref<HTMLDivElement>;
     rehypePlugins?: Pluggable[];
     remarkPlugins?: Pluggable[];
     remarkPluginsAhead?: Pluggable[];
     showFootnotes?: boolean;
-    style?: CSSProperties;
     variant?: 'default' | 'chat';
 }
+export interface MarkdownProps extends SyntaxMarkdownProps, Omit<TypographyProps, 'children'> {
+    className?: string;
+    onDoubleClick?: () => void;
+    ref?: Ref<HTMLDivElement>;
+    style?: CSSProperties;
+}

package/es/Markdown/utils.d.ts

@@ -3,6 +3,7 @@ export declare const contentCache: Map<string, string>;
 export declare const addToCache: (key: string, value: string) => void;
 export declare const createPlugins: (props: {
     allowHtml?: boolean;
+    animated?: boolean;
     enableCustomFootnotes?: boolean;
     enableLatex?: boolean;
     isChatMode: boolean;
@@ -17,3 +18,4 @@ export declare function escapeBrackets(text: string): string;
 export declare function escapeMhchem(text: string): string;
 export declare function fixMarkdownBold(text: string): string;
 export declare const transformCitations: (rawContent: string, length?: number) => string;
+export declare const areFormulasRenderable: (text: string) => boolean;

package/es/Markdown/utils.js

@@ -4,11 +4,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import katex from 'katex';
 import rehypeKatex from 'rehype-katex';
 import rehypeRaw from 'rehype-raw';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
+import { animatedPlugin } from "./plugins/animated";
 import { rehypeFootnoteLinks, remarkCustomFootnotes } from "./plugins/footnote";
 import { rehypeKatexDir } from "./plugins/katexDir";
 
@@ -34,7 +36,8 @@ export var createPlugins = function createPlugins(props) {
     isChatMode = props.isChatMode,
     rehypePlugins = props.rehypePlugins,
     remarkPlugins = props.remarkPlugins,
-    remarkPluginsAhead = props.remarkPluginsAhead;
+    remarkPluginsAhead = props.remarkPluginsAhead,
+    animated = props.animated;
 
   // 预处理插件数组
   var normalizedRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : rehypePlugins ? [rehypePlugins] : [];
@@ -42,7 +45,7 @@ export var createPlugins = function createPlugins(props) {
   var normalizedRemarkPluginsAhead = Array.isArray(remarkPluginsAhead) ? remarkPluginsAhead : remarkPluginsAhead ? [remarkPluginsAhead] : [];
 
   // 创建 rehype 插件列表
-  var rehypePluginsList = [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks].concat(_toConsumableArray(normalizedRehypePlugins)).filter(Boolean);
+  var rehypePluginsList = [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks, animated && animatedPlugin].concat(_toConsumableArray(normalizedRehypePlugins)).filter(Boolean);
 
   // 创建 remark 插件列表
   var remarkPluginsList = [].concat(_toConsumableArray(normalizedRemarkPluginsAhead), [[remarkGfm, {
@@ -125,4 +128,39 @@ export var transformCitations = function transformCitations(rawContent) {
   return rawContent.replaceAll(pattern, function (match, id) {
     return "[#citation-".concat(id, "](citation-").concat(id, ")");
   }).replaceAll('][', '] [');
+};
+
+// 新增: 检测LaTeX公式是否可渲染
+var extractFormulas = function extractFormulas(text) {
+  // 计算$$的数量
+  var dollarsCount = (text.match(/\$\$/g) || []).length;
+
+  // 奇数个$$时，获取最后一个$$后的内容
+  if (dollarsCount % 2 === 1) {
+    var match = text.match(/\$\$([^]*)$/);
+    return match ? match[1] : '';
+  }
+
+  // 偶数个$$时，返回空字符串
+  return '';
+};
+
+// 只检查最后一个公式
+export var areFormulasRenderable = function areFormulasRenderable(text) {
+  var formulas = extractFormulas(text);
+
+  // 如果没有公式，返回true
+  if (!formulas) return true;
+
+  // 仅检查最后一个公式是否可渲染
+  try {
+    katex.renderToString(formulas, {
+      displayMode: true,
+      throwOnError: true
+    });
+    return true;
+  } catch (error) {
+    console.log("LaTeX\u516C\u5F0F\u6E32\u67D3\u9519\u8BEF: ".concat(error));
+    return false;
+  }
 };

package/es/Mermaid/SyntaxMermaid/index.js

@@ -34,7 +34,8 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
       id: mermaidId,
       theme: isDefaultTheme ? undefined : customTheme
     }),
-    data = _useMermaid.data;
+    data = _useMermaid.data,
+    isLoading = _useMermaid.isLoading;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     blobUrl = _useState2[0],
@@ -47,18 +48,16 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     };
   }, [blobUrl]);
   useEffect(function () {
-    if (!data) return;
+    if (isLoading || !data) return;
     // 创建Blob对象
     var svgBlob = new Blob([data], {
       type: 'image/svg+xml'
     });
-    // 如果已有旧的URL，先释放它
-    if (blobUrl) URL.revokeObjectURL(blobUrl);
     // 创建并保存Blob URL
     var url = URL.createObjectURL(svgBlob);
     setBlobUrl(url);
-  }, [data]);
-  if (!data || !blobUrl) return null;
+  }, [isLoading, data]);
+  if (!blobUrl) return null;
   return /*#__PURE__*/_jsx(Image, {
     alt: 'mermaid',
     maxHeight: 480,

package/es/hooks/useMarkdown/index.d.ts

@@ -0,0 +1,12 @@
+import type { Components } from 'react-markdown/lib';
+import type { Pluggable } from 'unified';
+import type { MarkdownProps } from "../../Markdown/type";
+/**
+ * Processes Markdown content and prepares rendering components and configurations
+ */
+export declare const useMarkdown: ({ children, fullFeaturedCodeBlock, animated, enableLatex, enableMermaid, enableImageGallery, enableCustomFootnotes, componentProps, allowHtml, showFootnotes, variant, rehypePlugins, remarkPlugins, remarkPluginsAhead, components, citations, }: Pick<MarkdownProps, 'children' | 'fullFeaturedCodeBlock' | 'animated' | 'enableLatex' | 'enableMermaid' | 'enableImageGallery' | 'enableCustomFootnotes' | 'componentProps' | 'allowHtml' | 'showFootnotes' | 'variant' | 'rehypePlugins' | 'remarkPlugins' | 'remarkPluginsAhead' | 'components' | 'citations'>) => {
+    escapedContent?: string | undefined;
+    memoComponents: Components;
+    rehypePluginsList: Pluggable[];
+    remarkPluginsList: Pluggable[];
+};

package/es/hooks/useMarkdown/index.js

@@ -0,0 +1,146 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useCallback, useMemo, useState } from 'react';
+import { CodeFullFeatured, CodeLite } from "../../Markdown/components/CodeBlock";
+import Image from "../../mdx/mdxComponents/Image";
+import Link from "../../mdx/mdxComponents/Link";
+import Section from "../../mdx/mdxComponents/Section";
+import Video from "../../mdx/mdxComponents/Video";
+import { addToCache, areFormulasRenderable, contentCache, createPlugins, escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations } from "./utils";
+
+/**
+ * Processes Markdown content and prepares rendering components and configurations
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var useMarkdown = function useMarkdown(_ref) {
+  var children = _ref.children,
+    fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
+    animated = _ref.animated,
+    _ref$enableLatex = _ref.enableLatex,
+    enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
+    _ref$enableMermaid = _ref.enableMermaid,
+    enableMermaid = _ref$enableMermaid === void 0 ? true : _ref$enableMermaid,
+    _ref$enableImageGalle = _ref.enableImageGallery,
+    enableImageGallery = _ref$enableImageGalle === void 0 ? true : _ref$enableImageGalle,
+    enableCustomFootnotes = _ref.enableCustomFootnotes,
+    componentProps = _ref.componentProps,
+    allowHtml = _ref.allowHtml,
+    showFootnotes = _ref.showFootnotes,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    rehypePlugins = _ref.rehypePlugins,
+    remarkPlugins = _ref.remarkPlugins,
+    remarkPluginsAhead = _ref.remarkPluginsAhead,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    citations = _ref.citations;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    vaildContent = _useState2[0],
+    setVaildContent = _useState2[1];
+  var isChatMode = variant === 'chat';
+
+  // 计算缓存键
+  var cacheKey = useMemo(function () {
+    return "".concat(children, "-").concat(enableLatex, "-").concat(enableCustomFootnotes, "-").concat((citations === null || citations === void 0 ? void 0 : citations.length) || 0);
+  }, [children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
+
+  // 处理内容并利用缓存避免重复计算
+  var escapedContent = useMemo(function () {
+    // 尝试从缓存获取
+    if (contentCache.has(cacheKey)) {
+      return contentCache.get(cacheKey);
+    }
+
+    // 处理新内容
+    var processedContent;
+    if (enableLatex) {
+      var baseContent = fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
+      var tempContent = enableCustomFootnotes ? transformCitations(baseContent, citations === null || citations === void 0 ? void 0 : citations.length) : baseContent;
+      processedContent = areFormulasRenderable(tempContent) ? tempContent : vaildContent;
+    } else {
+      processedContent = fixMarkdownBold(children);
+    }
+    setVaildContent(processedContent);
+
+    // 缓存处理结果
+    addToCache(cacheKey, processedContent);
+    return processedContent;
+  }, [vaildContent, cacheKey, children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
+
+  // 创建插件
+  var _useMemo = useMemo(function () {
+      return createPlugins({
+        allowHtml: allowHtml,
+        animated: animated,
+        enableCustomFootnotes: enableCustomFootnotes,
+        enableLatex: enableLatex,
+        isChatMode: isChatMode,
+        rehypePlugins: rehypePlugins,
+        remarkPlugins: remarkPlugins,
+        remarkPluginsAhead: remarkPluginsAhead
+      });
+    }, [allowHtml, enableLatex, enableCustomFootnotes, isChatMode, rehypePlugins, remarkPlugins, remarkPluginsAhead, animated]),
+    rehypePluginsList = _useMemo.rehypePluginsList,
+    remarkPluginsList = _useMemo.remarkPluginsList;
+
+  // 使用 useCallback 优化渲染子组件
+  var renderLink = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      citations: citations
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+  }, [citations, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a]);
+  var renderImage = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
+  }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.img]);
+  var renderCodeBlock = useCallback(function (props) {
+    return fullFeaturedCodeBlock ? /*#__PURE__*/_jsx(CodeFullFeatured, _objectSpread(_objectSpread({
+      enableMermaid: enableMermaid,
+      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
+      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/_jsx(CodeLite, _objectSpread(_objectSpread({
+      enableMermaid: enableMermaid,
+      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
+      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
+  }, [enableMermaid, fullFeaturedCodeBlock, componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight, componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
+  var renderSection = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Section, _objectSpread({
+      showCitations: showFootnotes
+    }, props));
+  }, [showFootnotes]);
+  var renderVideo = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
+  }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.video]);
+
+  // 创建组件映射
+  var memoComponents = useMemo(function () {
+    return _objectSpread({
+      a: renderLink,
+      img: enableImageGallery ? renderImage : undefined,
+      pre: renderCodeBlock,
+      section: renderSection,
+      video: renderVideo
+    }, components);
+  }, [renderLink, renderImage, renderCodeBlock, renderSection, renderVideo, enableImageGallery, components]);
+  return useMemo(function () {
+    return {
+      escapedContent: escapedContent,
+      memoComponents: memoComponents,
+      rehypePluginsList: rehypePluginsList,
+      remarkPluginsList: remarkPluginsList
+    };
+  }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList]);
+};

package/es/hooks/useMarkdown/utils.d.ts

@@ -0,0 +1,21 @@
+import type { Pluggable } from 'unified';
+export declare const contentCache: Map<string, string>;
+export declare const addToCache: (key: string, value: string) => void;
+export declare const createPlugins: (props: {
+    allowHtml?: boolean;
+    animated?: boolean;
+    enableCustomFootnotes?: boolean;
+    enableLatex?: boolean;
+    isChatMode: boolean;
+    rehypePlugins?: Pluggable | Pluggable[];
+    remarkPlugins?: Pluggable | Pluggable[];
+    remarkPluginsAhead?: Pluggable | Pluggable[];
+}) => {
+    rehypePluginsList: Pluggable[];
+    remarkPluginsList: Pluggable[];
+};
+export declare function escapeBrackets(text: string): string;
+export declare function escapeMhchem(text: string): string;
+export declare function fixMarkdownBold(text: string): string;
+export declare const transformCitations: (rawContent: string, length?: number) => string;
+export declare const areFormulasRenderable: (text: string) => boolean;

package/es/hooks/useMarkdown/utils.js

@@ -0,0 +1,166 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import katex from 'katex';
+import rehypeKatex from 'rehype-katex';
+import rehypeRaw from 'rehype-raw';
+import remarkBreaks from 'remark-breaks';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import { animatedPlugin } from "../../Markdown/plugins/animated";
+import { rehypeFootnoteLinks, remarkCustomFootnotes } from "../../Markdown/plugins/footnote";
+import { rehypeKatexDir } from "../../Markdown/plugins/katexDir";
+
+// 使用普通 Map 代替 WeakMap，并限制缓存大小
+var CACHE_SIZE = 50;
+export var contentCache = new Map();
+
+// 添加内容到缓存时，保持缓存大小不超过限制
+export var addToCache = function addToCache(key, value) {
+  if (contentCache.size >= CACHE_SIZE) {
+    // 移除最早加入的缓存项
+    var firstKey = contentCache.keys().next().value;
+    if (firstKey) contentCache.delete(firstKey);
+  }
+  contentCache.set(key, value);
+};
+
+// 使用工厂函数处理插件，减少组件中的逻辑负担
+export var createPlugins = function createPlugins(props) {
+  var allowHtml = props.allowHtml,
+    enableLatex = props.enableLatex,
+    enableCustomFootnotes = props.enableCustomFootnotes,
+    isChatMode = props.isChatMode,
+    rehypePlugins = props.rehypePlugins,
+    remarkPlugins = props.remarkPlugins,
+    remarkPluginsAhead = props.remarkPluginsAhead,
+    animated = props.animated;
+
+  // 预处理插件数组
+  var normalizedRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : rehypePlugins ? [rehypePlugins] : [];
+  var normalizedRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : remarkPlugins ? [remarkPlugins] : [];
+  var normalizedRemarkPluginsAhead = Array.isArray(remarkPluginsAhead) ? remarkPluginsAhead : remarkPluginsAhead ? [remarkPluginsAhead] : [];
+
+  // 创建 rehype 插件列表
+  var rehypePluginsList = [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks, animated && animatedPlugin].concat(_toConsumableArray(normalizedRehypePlugins)).filter(Boolean);
+
+  // 创建 remark 插件列表
+  var remarkPluginsList = [].concat(_toConsumableArray(normalizedRemarkPluginsAhead), [[remarkGfm, {
+    singleTilde: false
+  }], enableCustomFootnotes && remarkCustomFootnotes, enableLatex && remarkMath, isChatMode && remarkBreaks], _toConsumableArray(normalizedRemarkPlugins)).filter(Boolean);
+  return {
+    rehypePluginsList: rehypePluginsList,
+    remarkPluginsList: remarkPluginsList
+  };
+};
+export function escapeBrackets(text) {
+  var pattern = /(```[\S\s]*?```|`.*?`)|\\\[([\S\s]*?[^\\])\\]|\\\((.*?)\\\)/g;
+  return text.replaceAll(pattern, function (match, codeBlock, squareBracket, roundBracket) {
+    if (codeBlock) {
+      return codeBlock;
+    } else if (squareBracket) {
+      return "$$".concat(squareBracket, "$$");
+    } else if (roundBracket) {
+      return "$".concat(roundBracket, "$");
+    }
+    return match;
+  });
+}
+export function escapeMhchem(text) {
+  return text.replaceAll('$\\ce{', '$\\\\ce{').replaceAll('$\\pu{', '$\\\\pu{');
+}
+export function fixMarkdownBold(text) {
+  var count = 0;
+  var count2 = 0;
+  var result = '';
+  var inCodeBlock = false;
+  var inInlineCode = false;
+  for (var i = 0; i < text.length; i++) {
+    var char = text[i];
+    if (text.slice(i, i + 3) === '```') {
+      inCodeBlock = !inCodeBlock;
+      result += '```';
+      i += 2;
+      continue;
+    }
+    if (char === '`') {
+      inInlineCode = !inInlineCode;
+      result += '`';
+      continue;
+    }
+    if (char === '*' && !inInlineCode && !inCodeBlock) {
+      count++;
+      if (count === 2) {
+        count2++;
+      }
+      if (count > 2) {
+        result += char;
+        continue;
+      }
+      if (count === 2 && count2 % 2 === 0) {
+        var prevChar = i > 0 ? text[i - 2] : '';
+        var isPrevCharSymbol = /(?:[!-\/:-@\[-`\{-~\xA1-\xA9\xAB\xAC\xAE-\xB1\xB4\xB6-\xB8\xBB\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u037E\u0384\u0385\u0387\u03F6\u0482\u055A-\u055F\u0589\u058A\u058D-\u058F\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0606-\u060F\u061B\u061D-\u061F\u066A-\u066D\u06D4\u06DE\u06E9\u06FD\u06FE\u0700-\u070D\u07F6-\u07F9\u07FE\u07FF\u0830-\u083E\u085E\u0888\u0964\u0965\u0970\u09F2\u09F3\u09FA\u09FB\u09FD\u0A76\u0AF0\u0AF1\u0B70\u0BF3-\u0BFA\u0C77\u0C7F\u0C84\u0D4F\u0D79\u0DF4\u0E3F\u0E4F\u0E5A\u0E5B\u0F01-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F85\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE-\u0FDA\u104A-\u104F\u109E\u109F\u10FB\u1360-\u1368\u1390-\u1399\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DB\u1800-\u180A\u1940\u1944\u1945\u19DE-\u19FF\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B6A\u1B74-\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2010-\u2027\u2030-\u205E\u207A-\u207E\u208A-\u208E\u20A0-\u20C0\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2775\u2794-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E5D\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFF\u3001-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u303F\u309B\u309C\u30A0\u30FB\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u31EF\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAA77-\uAA79\uAADE\uAADF\uAAF0\uAAF1\uAB5B\uAB6A\uAB6B\uABEB\uFB29\uFBB2-\uFBC2\uFD3E-\uFD4F\uFDCF\uFDFC-\uFDFF\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE66\uFE68-\uFE6B\uFF01-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD00-\uDD02\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDC77\uDC78\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEC8\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3F]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFD5-\uDFF1\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3F\uDF44\uDF45]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F[\uDC9C\uDC9F]|\uD833[\uDF50-\uDFC3]|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDEA\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE8B]|\uD838[\uDD4F\uDEFF]|\uD83A[\uDD5E\uDD5F]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEDC-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF76\uDF7B-\uDFD9\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDE53\uDE60-\uDE6D\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8\uDF00-\uDF92\uDF94-\uDFCA])/.test(prevChar);
+        result += i + 1 < text.length && text[i + 1] !== ' ' && isPrevCharSymbol ? '* ' : '*';
+      } else {
+        result += '*';
+      }
+    } else {
+      result += char;
+      count = 0;
+    }
+  }
+  return result;
+}
+export var transformCitations = function transformCitations(rawContent) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (length === 0) return rawContent;
+
+  // 生成动态正则表达式模式
+  var idx = Array.from({
+    length: length
+  }).fill('').map(function (_, index) {
+    return index + 1;
+  });
+  var pattern = new RegExp("\\[(".concat(idx.join('|'), ")\\]"), 'g');
+  return rawContent.replaceAll(pattern, function (match, id) {
+    return "[#citation-".concat(id, "](citation-").concat(id, ")");
+  }).replaceAll('][', '] [');
+};
+
+// 新增: 检测LaTeX公式是否可渲染
+var extractFormulas = function extractFormulas(text) {
+  // 计算$$的数量
+  var dollarsCount = (text.match(/\$\$/g) || []).length;
+
+  // 奇数个$$时，获取最后一个$$后的内容
+  if (dollarsCount % 2 === 1) {
+    var match = text.match(/\$\$([^]*)$/);
+    return match ? match[1] : '';
+  }
+
+  // 偶数个$$时，返回空字符串
+  return '';
+};
+
+// 只检查最后一个公式
+export var areFormulasRenderable = function areFormulasRenderable(text) {
+  var formulas = extractFormulas(text);
+
+  // 如果没有公式，返回true
+  if (!formulas) return true;
+
+  // 仅检查最后一个公式是否可渲染
+  try {
+    katex.renderToString(formulas, {
+      displayMode: true,
+      throwOnError: true
+    });
+    return true;
+  } catch (error) {
+    console.log("LaTeX\u516C\u5F0F\u6E32\u67D3\u9519\u8BEF: ".concat(error));
+    return false;
+  }
+};

package/es/hooks/useMermaid.js

@@ -123,7 +123,7 @@ export var useMermaid = function useMermaid(content, _ref) {
         case 22:
           _context.prev = 22;
           _context.t0 = _context["catch"](0);
-          console.error('Mermaid 解析错误:', _context.t0);
+          if (!validContent) console.error('Mermaid 解析错误:', _context.t0);
           // 返回最近一次有效的内容，或空字符串
           return _context.abrupt("return", validContent || '');
         case 26:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -69,7 +69,9 @@
     "emoji-mart": "^5.6.0",
     "fast-deep-equal": "^3.1.3",
     "framer-motion": "^12.6.3",
+    "hast": "^1.0.0",
     "immer": "^10.1.1",
+    "katex": "^0.16.9",
     "leva": "^0.10.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.484.0",