@lobehub/ui 1.168.17 → 1.168.19

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -21,16 +21,17 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
   var _useHighlight = useHighlight(children, language, enableTransformer),
     data = _useHighlight.data,
     isLoading = _useHighlight.isLoading;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isLoading || !data ? /*#__PURE__*/_jsx("div", {
-      className: cx(styles.unshiki, className),
-      style: style,
-      children: /*#__PURE__*/_jsx("pre", {
-        children: /*#__PURE__*/_jsx("code", {
-          children: children
-        })
+  if (!data) return /*#__PURE__*/_jsx("div", {
+    className: cx(styles.unshiki, className),
+    style: style,
+    children: /*#__PURE__*/_jsx("pre", {
+      children: /*#__PURE__*/_jsx("code", {
+        children: children
       })
-    }) : /*#__PURE__*/_jsx("div", {
+    })
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
       className: cx(styles.shiki, className),
       dangerouslySetInnerHTML: {
         __html: data

package/es/Highlighter/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: "block" | "ghost" | "pure" | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: "block" | "pure" | "ghost" | undefined) => import("antd-style").ReturnStyles<{
     button: string;
     container: string;
     header: import("antd-style").SerializedStyles;

package/es/Hotkey/index.d.ts

@@ -13,6 +13,7 @@ export interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
         descStyle?: CSSProperties;
         kbdStyle?: CSSProperties;
     };
+    variant?: 'default' | 'pure';
 }
 declare const Hotkey: import("react").NamedExoticComponent<HotkeyProps>;
 export default Hotkey;

package/es/Hotkey/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-var _excluded = ["classNames", "styles", "keys", "inverseTheme", "isApple", "compact", "className", "style"];
+var _excluded = ["variant", "classNames", "styles", "keys", "inverseTheme", "isApple", "compact", "className", "style"];
 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; }
@@ -94,7 +94,9 @@ var mappingKey = function mappingKey(isAppleDevice) {
   })), KeyMapEnum.Comma, ','), KeyMapEnum.Period, '.'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, KeyMapEnum.Slash, '/'), KeyMapEnum.Semicolon, ';'), KeyMapEnum.Quote, "'"), KeyMapEnum.Backquote, '`'), KeyMapEnum.Backslash, '\\'), KeyMapEnum.BracketLeft, '['), KeyMapEnum.BracketRight, ']'), KeyMapEnum.Minus, '-'), KeyMapEnum.Equal, '=');
 };
 var Hotkey = /*#__PURE__*/memo(function (_ref2) {
-  var classNames = _ref2.classNames,
+  var _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
+    classNames = _ref2.classNames,
     styles = _ref2.styles,
     keys = _ref2.keys,
     inverseTheme = _ref2.inverseTheme,
@@ -106,6 +108,7 @@ var Hotkey = /*#__PURE__*/memo(function (_ref2) {
   var _useStyles = useStyles(inverseTheme),
     cx = _useStyles.cx,
     s = _useStyles.styles;
+  var isPure = variant === 'pure';
   var _useState = useState(splitKeysByPlus(keys)),
     _useState2 = _slicedToArray(_useState, 2),
     keysGroup = _useState2[0],
@@ -130,7 +133,12 @@ var Hotkey = /*#__PURE__*/memo(function (_ref2) {
       visibility: visibility
     }, style)
   }, rest), {}, {
-    children: compact ? /*#__PURE__*/_jsx(Flexbox, {
+    children: isPure ? keysGroup.map(function (key, index) {
+      var _mapping$key;
+      return /*#__PURE__*/_jsx("span", {
+        children: (_mapping$key = mapping[key]) !== null && _mapping$key !== void 0 ? _mapping$key : startCase(key)
+      }, index);
+    }) : compact ? /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       as: 'kbd',
       className: classNames === null || classNames === void 0 ? void 0 : classNames.descClassName,
@@ -138,17 +146,17 @@ var Hotkey = /*#__PURE__*/memo(function (_ref2) {
       horizontal: true,
       style: styles === null || styles === void 0 ? void 0 : styles.kbdStyle,
       children: keysGroup.map(function (key, index) {
-        var _mapping$key;
+        var _mapping$key2;
         return /*#__PURE__*/_jsx("div", {
-          children: (_mapping$key = mapping[key]) !== null && _mapping$key !== void 0 ? _mapping$key : startCase(key)
+          children: (_mapping$key2 = mapping[key]) !== null && _mapping$key2 !== void 0 ? _mapping$key2 : startCase(key)
         }, index);
       })
     }) : keysGroup.map(function (key, index) {
-      var _mapping$key2;
+      var _mapping$key3;
       return /*#__PURE__*/_jsx("kbd", {
         className: classNames === null || classNames === void 0 ? void 0 : classNames.descClassName,
         style: styles === null || styles === void 0 ? void 0 : styles.kbdStyle,
-        children: (_mapping$key2 = mapping[key]) !== null && _mapping$key2 !== void 0 ? _mapping$key2 : startCase(key)
+        children: (_mapping$key3 = mapping[key]) !== null && _mapping$key3 !== void 0 ? _mapping$key3 : startCase(key)
       }, index);
     })
   }));

package/es/Hotkey/style.js

@@ -5,5 +5,5 @@ import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref, inverseTheme) {
   var css = _ref.css,
     token = _ref.token;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    kbd {\n      overflow: hidden;\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 16px;\n      height: 22px;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 1.1;\n      color: ", ";\n      text-align: center;\n      white-space: nowrap;\n\n      background: ", ";\n      border: none;\n      border-radius: ", "px;\n    }\n  "])), token.fontFamily, inverseTheme ? token.colorTextTertiary : token.colorTextSecondary, inverseTheme ? rgba(token.colorTextTertiary, 0.15) : token.colorFillTertiary, token.borderRadiusSM);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n\n    kbd {\n      overflow: hidden;\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 16px;\n      height: 22px;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 1.1;\n      color: inherit;\n      text-align: center;\n      white-space: nowrap;\n\n      background: ", ";\n      border: none;\n      border-radius: ", "px;\n    }\n  "])), inverseTheme ? token.colorTextTertiary : token.colorTextSecondary, token.fontFamily, inverseTheme ? rgba(token.colorTextTertiary, 0.15) : token.colorFillTertiary, token.borderRadiusSM);
 });

package/es/Hotkey/type.d.ts

@@ -10,6 +10,7 @@ export declare const KeyMapEnum: {
     readonly Down: "down";
     readonly Enter: "enter";
     readonly Equal: "equal";
+    readonly Esc: "esc";
     readonly Left: "left";
     readonly LeftClick: "left-click";
     readonly LeftDoubleClick: "left-double-click";

package/es/Hotkey/type.js

@@ -16,6 +16,7 @@ export var KeyMapEnum = {
   Enter: 'enter',
   Equal: 'equal',
   // =
+  Esc: 'esc',
   Left: 'left',
   LeftClick: 'left-click',
   LeftDoubleClick: 'left-double-click',

package/es/Markdown/Typography.d.ts

@@ -1,10 +1,10 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
-export interface TypographyProps extends PropsWithChildren {
-    className?: string;
+import { FC } from 'react';
+import { DivProps } from "../types";
+export interface TypographyProps extends DivProps {
     fontSize?: number;
     headerMultiple?: number;
     lineHeight?: number;
     marginMultiple?: number;
-    style?: CSSProperties;
 }
-export declare const Typography: FC<TypographyProps>;
+declare const Typography: FC<TypographyProps>;
+export default Typography;

package/es/Markdown/Typography.js

@@ -11,7 +11,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { useStyles } from "./markdown.style";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Typography = function Typography(_ref) {
+var Typography = function Typography(_ref) {
   var children = _ref.children,
     className = _ref.className,
     fontSize = _ref.fontSize,
@@ -28,8 +28,9 @@ export var Typography = function Typography(_ref) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("article", _objectSpread(_objectSpread({
-    className: cx(styles.__root, styles.a, styles.blockquote, styles.code, styles.details, styles.header, styles.hr, styles.img, styles.kbd, styles.list, styles.p, styles.pre, styles.strong, styles.table, styles.video, styles.svg, className)
+    className: cx(styles, className)
   }, rest), {}, {
     children: children
   }));
-};
+};
+export default Typography;

package/es/Markdown/index.d.ts

@@ -9,7 +9,7 @@ import { type PreProps } from "../mdx/mdxComponents/Pre";
 import { type VideoProps } from "../mdx/mdxComponents/Video";
 import type { AProps } from "../types";
 import { CitationItem } from "../types/citation";
-import type { TypographyProps } from './Typography';
+import { type TypographyProps } from './Typography';
 export interface MarkdownProps extends TypographyProps {
     allowHtml?: boolean;
     children: string;

package/es/Markdown/index.js

@@ -2,12 +2,6 @@
 
 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 = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
-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; }
 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; }
@@ -15,7 +9,13 @@ 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 { memo, useMemo } from 'react';
+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 { memo, useCallback, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import rehypeKatex from 'rehype-katex';
 import rehypeRaw from 'rehype-raw';
@@ -28,12 +28,53 @@ import Link from "../mdx/mdxComponents/Link";
 import Section from "../mdx/mdxComponents/Section";
 import Video from "../mdx/mdxComponents/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
-import { useStyles as useMarkdownStyles } from "./markdown.style";
+import Typography from "./Typography";
 import { rehypeFootnoteLinks, remarkCustomFootnotes } from "./plugins/footnote";
 import { rehypeKatexDir } from "./plugins/katexDir";
 import { useStyles } from "./style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations } from "./utils";
+
+// 使用普通 Map 代替 WeakMap，并限制缓存大小
 import { jsx as _jsx } from "react/jsx-runtime";
+var CACHE_SIZE = 50;
+var contentCache = new Map();
+
+// 添加内容到缓存时，保持缓存大小不超过限制
+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);
+};
+// 使用工厂函数处理插件，减少组件中的逻辑负担
+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;
+
+  // 预处理插件数组
+  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].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
+  };
+};
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -49,13 +90,17 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     enableCustomFootnotes = _ref.enableCustomFootnotes,
     componentProps = _ref.componentProps,
     allowHtml = _ref.allowHtml,
-    fontSize = _ref.fontSize,
-    headerMultiple = _ref.headerMultiple,
-    marginMultiple = _ref.marginMultiple,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
+    _ref$headerMultiple = _ref.headerMultiple,
+    headerMultiple = _ref$headerMultiple === void 0 ? 0.25 : _ref$headerMultiple,
+    _ref$marginMultiple = _ref.marginMultiple,
+    marginMultiple = _ref$marginMultiple === void 0 ? 1 : _ref$marginMultiple,
     showFootnotes = _ref.showFootnotes,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
-    lineHeight = _ref.lineHeight,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? 1.6 : _ref$lineHeight,
     rehypePlugins = _ref.rehypePlugins,
     remarkPlugins = _ref.remarkPlugins,
     remarkPluginsAhead = _ref.remarkPluginsAhead,
@@ -64,95 +109,126 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     customRender = _ref.customRender,
     citations = _ref.citations,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles({
-      fontSize: fontSize,
-      headerMultiple: headerMultiple,
-      lineHeight: lineHeight,
-      marginMultiple: marginMultiple
-    }),
+  var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  var _useMarkdownStyles = useMarkdownStyles({
-      fontSize: fontSize,
-      headerMultiple: headerMultiple,
-      marginMultiple: marginMultiple
-    }),
-    mdStyles = _useMarkdownStyles.styles;
   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 (!enableLatex) return fixMarkdownBold(children);
-    var defaultValue = fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
-    if (enableCustomFootnotes) return transformCitations(defaultValue, citations === null || citations === void 0 ? void 0 : citations.length);
-    return defaultValue;
-  }, [children, enableLatex, enableCustomFootnotes]);
+    // 尝试从缓存获取
+    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) {
+    var _componentProps$img, _componentProps$img2;
+    return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img), {}, {
+      style: isChatMode ? _objectSpread({
+        height: 'auto',
+        maxWidth: 640
+      }, componentProps === null || componentProps === void 0 || (_componentProps$img = componentProps.img) === null || _componentProps$img === void 0 ? void 0 : _componentProps$img.style) : componentProps === null || componentProps === void 0 || (_componentProps$img2 = componentProps.img) === null || _componentProps$img2 === void 0 ? void 0 : _componentProps$img2.style
+    }));
+  }, [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: function a(props) {
-        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
-          citations: citations
-        }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
-      },
-      img: enableImageGallery ? function (props) {
-        var _componentProps$img, _componentProps$img2;
-        return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img), {}, {
-          style: isChatMode ? _objectSpread({
-            height: 'auto',
-            maxWidth: 640
-          }, componentProps === null || componentProps === void 0 || (_componentProps$img = componentProps.img) === null || _componentProps$img === void 0 ? void 0 : _componentProps$img.style) : componentProps === null || componentProps === void 0 || (_componentProps$img2 = componentProps.img) === null || _componentProps$img2 === void 0 ? void 0 : _componentProps$img2.style
-        }));
-      } : undefined,
-      pre: function pre(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));
-      },
-      section: function section(props) {
-        return /*#__PURE__*/_jsx(Section, _objectSpread({
-          showCitations: showFootnotes
-        }, props));
-      },
-      video: function video(props) {
-        return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
-      }
+      a: renderLink,
+      img: enableImageGallery ? renderImage : undefined,
+      pre: renderCodeBlock,
+      section: renderSection,
+      video: renderVideo
     }, components);
-  }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock], _toConsumableArray(citations || []), [showFootnotes]));
-  var innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];
-  var memoRehypePlugins = useMemo(function () {
-    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
-  }, [allowHtml, enableLatex, enableCustomFootnotes].concat(_toConsumableArray(innerRehypePlugins)));
-  var innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];
-  var innerRemarkPluginsAhead = Array.isArray(remarkPluginsAhead) ? remarkPluginsAhead : [remarkPluginsAhead];
-  var memoRemarkPlugins = useMemo(function () {
-    return [].concat(_toConsumableArray(innerRemarkPluginsAhead), [[remarkGfm, {
-      singleTilde: false
-    }], enableCustomFootnotes && remarkCustomFootnotes, enableLatex && remarkMath, isChatMode && remarkBreaks], _toConsumableArray(innerRemarkPlugins)).filter(Boolean);
-  }, [isChatMode, enableCustomFootnotes, enableLatex].concat(_toConsumableArray(innerRemarkPluginsAhead), _toConsumableArray(innerRemarkPlugins)));
-  var defaultDOM = /*#__PURE__*/_jsx(ImageGallery, {
-    enable: enableImageGallery,
-    children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
-      className: cx(mdStyles.__root, mdStyles.a, mdStyles.blockquote, mdStyles.code, mdStyles.details, mdStyles.header, mdStyles.hr, mdStyles.img, mdStyles.kbd, mdStyles.list, mdStyles.p, mdStyles.pre, mdStyles.strong, mdStyles.table, mdStyles.video, mdStyles.svg, enableLatex && styles.latex, isChatMode && styles.chat),
-      components: memoComponents,
-      rehypePlugins: memoRehypePlugins,
-      remarkPlugins: memoRemarkPlugins
-    }, rest), {}, {
-      children: escapedContent
-    }))
-  });
+  }, [renderLink, renderImage, renderCodeBlock, renderSection, renderVideo, enableImageGallery, components]);
+
+  // 渲染默认内容
+  var defaultDOM = useMemo(function () {
+    return /*#__PURE__*/_jsx(ImageGallery, {
+      enable: enableImageGallery,
+      children: /*#__PURE__*/_jsx(ReactMarkdown, {
+        components: memoComponents,
+        rehypePlugins: rehypePluginsList,
+        remarkPlugins: remarkPluginsList,
+        children: escapedContent
+      })
+    });
+  }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList, enableImageGallery]);
+
+  // 应用自定义渲染
   var markdownContent = customRender ? customRender(defaultDOM, {
-    text: escapedContent
+    text: escapedContent || ''
   }) : defaultDOM;
-  return /*#__PURE__*/_jsx("div", {
-    className: cx(styles.root, className),
+  return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    className: cx(styles.root, enableLatex && styles.latex, isChatMode && styles.chat, className),
     "data-code-type": "markdown",
+    fontSize: fontSize,
+    headerMultiple: headerMultiple,
+    lineHeight: lineHeight,
+    marginMultiple: marginMultiple,
     onDoubleClick: onDoubleClick,
-    style: style,
+    style: style
+  }, rest), {}, {
     children: markdownContent
-  });
+  }));
 });
 export default Markdown;

package/es/Markdown/markdown.style.d.ts

@@ -3,21 +3,4 @@ export declare const useStyles: (props?: {
     headerMultiple?: number | undefined;
     lineHeight?: number | undefined;
     marginMultiple?: number | undefined;
-} | undefined) => import("antd-style").ReturnStyles<{
-    __root: import("antd-style").SerializedStyles;
-    a: import("antd-style").SerializedStyles;
-    blockquote: import("antd-style").SerializedStyles;
-    code: import("antd-style").SerializedStyles;
-    details: import("antd-style").SerializedStyles;
-    header: import("antd-style").SerializedStyles;
-    hr: import("antd-style").SerializedStyles;
-    img: import("antd-style").SerializedStyles;
-    kbd: import("antd-style").SerializedStyles;
-    list: import("antd-style").SerializedStyles;
-    p: import("antd-style").SerializedStyles;
-    pre: import("antd-style").SerializedStyles;
-    strong: import("antd-style").SerializedStyles;
-    svg: import("antd-style").SerializedStyles;
-    table: import("antd-style").SerializedStyles;
-    video: import("antd-style").SerializedStyles;
-}>;
+} | undefined) => import("antd-style").ReturnStyles<string>;