@lobehub/ui 1.168.16 → 1.168.18

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/Hotkey/index.d.ts

@@ -16,3 +16,5 @@ export interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
 }
 declare const Hotkey: import("react").NamedExoticComponent<HotkeyProps>;
 export default Hotkey;
+export { KeyMapEnum } from './type';
+export { combineKeys } from './utils';

package/es/Hotkey/index.js

@@ -153,4 +153,6 @@ var Hotkey = /*#__PURE__*/memo(function (_ref2) {
     })
   }));
 });
-export default Hotkey;
+export default Hotkey;
+export { KeyMapEnum } from "./type";
+export { combineKeys } from "./utils";

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>;

package/es/Markdown/markdown.style.js

@@ -4,7 +4,8 @@ import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
 var IGNORE_CLASSNAME = '.ignore-markdown-style';
 export var useStyles = createStyles(function (_ref, _ref2) {
-  var token = _ref.token,
+  var cx = _ref.cx,
+    token = _ref.token,
     isDarkMode = _ref.isDarkMode,
     css = _ref.css;
   var _ref2$fontSize = _ref2.fontSize,
@@ -15,22 +16,21 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     marginMultiple = _ref2$marginMultiple === void 0 ? 1.5 : _ref2$marginMultiple,
     _ref2$lineHeight = _ref2.lineHeight,
     lineHeight = _ref2$lineHeight === void 0 ? 1.8 : _ref2$lineHeight;
-  return {
-    __root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n        --lobe-markdown-border-color: ", ";\n\n        position: relative;\n\n        width: 100%;\n        max-width: 100%;\n        padding-inline: 1px;\n\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n        word-break: break-word;\n\n        ", " {\n          font-size: 14px;\n          line-height: 1.5;\n        }\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5), IGNORE_CLASSNAME),
-    a: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        a:not(", " a) {\n          color: ", ";\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover),
-    blockquote: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        blockquote:not(", " blockquote) {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          margin-inline: 0;\n          padding-block: 0;\n          padding-inline: 1em;\n\n          color: ", ";\n\n          border-inline-start: solid 4px ", ";\n        }\n      "])), IGNORE_CLASSNAME, token.colorTextSecondary, token.colorBorder),
-    code: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        code:not(", " code) {\n          &:not(:has(span)) {\n            display: inline;\n\n            margin-inline: 0.25em;\n            padding-block: 0.2em;\n            padding-inline: 0.4em;\n\n            font-family: ", ";\n            font-size: 0.875em;\n            line-height: 1;\n            word-break: break-word;\n            white-space: break-spaces;\n\n            background: ", ";\n            border: 1px solid var(--lobe-markdown-border-color);\n            border-radius: 0.25em;\n          }\n        }\n      "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary),
-    details: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        details:not(", " details) {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          padding-block: 0.75em;\n          padding-inline: 1em;\n\n          background: ", ";\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n          summary {\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            list-style: none;\n\n            &::before {\n              content: '';\n\n              position: absolute;\n              inset-inline-end: 1.25em;\n              transform: rotateZ(-45deg);\n\n              display: block;\n\n              width: 0.4em;\n              height: 0.4em;\n\n              font-family: ", ";\n\n              border-block-end: 1.5px solid ", ";\n              border-inline-end: 1.5px solid ", ";\n\n              transition: transform 200ms ", ";\n            }\n          }\n\n          &[open] {\n            summary {\n              padding-block-end: 0.75em;\n              border-block-end: 1px dashed ", ";\n\n              &::before {\n                transform: rotateZ(45deg);\n              }\n            }\n          }\n        }\n      "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.fontFamily, token.colorTextSecondary, token.colorTextSecondary, token.motionEaseOut, token.colorBorder),
-    header: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        h1:not(", " h1),\n        h2:not(", " h2),\n        h3:not(", " h3),\n        h4:not(", " h4),\n        h5:not(", " h5),\n        h6:not(", " h6) {\n          margin-block: max(\n            calc(\n              var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em\n            ),\n            var(--lobe-markdown-font-size)\n          );\n          font-weight: bold;\n          line-height: 1.25;\n        }\n\n        h1:not(", " h1) {\n          font-size: calc(\n            var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n          );\n        }\n\n        h2:not(", " h2) {\n          font-size: calc(\n            var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n          );\n        }\n\n        h3:not(", " h3) {\n          font-size: calc(\n            var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n          );\n        }\n\n        h4:not(", " h4) {\n          font-size: calc(\n            var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n          );\n        }\n\n        h5:not(", " h5),\n        h6:not(", " h6) {\n          font-size: calc(var(--lobe-markdown-font-size) * 1);\n        }\n      "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME),
-    hr: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        hr:not(", " hr) {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n\n          border-color: ", ";\n          border-style: dashed;\n          border-width: 1px;\n          border-block-start: none;\n          border-inline-start: none;\n          border-inline-end: none;\n        }\n      "])), IGNORE_CLASSNAME, token.colorBorderSecondary),
-    img: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        img:not(", " img) {\n          max-width: 100%;\n        }\n\n        > img,\n        > p > img {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n        }\n      "])), IGNORE_CLASSNAME),
-    kbd: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        kbd:not(", " kbd) {\n          cursor: default;\n\n          display: inline-block;\n\n          min-width: 1em;\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          font-weight: 500;\n          line-height: 1;\n          text-align: center;\n\n          background: ", ";\n          border: 1px solid ", ";\n          border-radius: 0.25em;\n        }\n      "])), IGNORE_CLASSNAME, token.fontFamily, token.colorBgLayout, token.colorBorderSecondary),
-    list: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        li:not(", " li) {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n          p {\n            display: inline;\n          }\n        }\n\n        ul:not(", " ul),\n        ol:not(", " ol) {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          margin-inline-start: 1em;\n          padding-inline-start: 0;\n          list-style-position: outside;\n\n          ul,\n          ol {\n            margin-block: 0;\n          }\n\n          li {\n            margin-inline-start: 1em;\n          }\n        }\n\n        ol:not(", " ol) {\n          list-style: auto;\n        }\n\n        ul:not(", " ul) {\n          list-style-type: none;\n\n          li {\n            &::before {\n              content: '-';\n              display: inline-block;\n              margin-inline: -1em 0.5em;\n              opacity: 0.5;\n            }\n          }\n        }\n      "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME),
-    p: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        p:not(", " kbd) {\n          margin-block: 4px;\n          line-height: var(--lobe-markdown-line-height);\n          letter-spacing: 0.02em;\n\n          &:not(:first-child) {\n            margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          }\n\n          &:not(:last-child) {\n            margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          }\n        }\n      "])), IGNORE_CLASSNAME),
-    pre: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        pre:not(", " pre),\n        [data-code-type='highlighter'] {\n          white-space: break-spaces;\n          border: none;\n\n          > code {\n            padding: 0 !important;\n\n            font-family: ", ";\n            font-size: 0.875em;\n            line-height: 1.6;\n\n            border: none !important;\n          }\n        }\n      "])), IGNORE_CLASSNAME, token.fontFamilyCode),
-    strong: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        strong:not(", " strong) {\n          font-weight: 600;\n        }\n      "])), IGNORE_CLASSNAME),
-    svg: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        svg:not(", " svg) {\n          line-height: 1;\n        }\n      "])), IGNORE_CLASSNAME),
-    table: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        table:not(", " table) {\n          unicode-bidi: isolate;\n          overflow: auto hidden;\n          display: block;\n          border-spacing: 0;\n          border-collapse: collapse;\n\n          box-sizing: border-box;\n          width: max-content;\n          max-width: 100%;\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n          text-align: start;\n          text-indent: initial;\n          text-wrap: pretty;\n          word-break: auto-phrase;\n          overflow-wrap: break-word;\n\n          background: ", ";\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n          code {\n            word-break: break-word;\n          }\n\n          thead {\n            background: ", ";\n          }\n\n          tr {\n            box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n          }\n\n          th,\n          td {\n            min-width: 120px;\n            padding-block: 0.75em;\n            padding-inline: 1em;\n            text-align: start;\n          }\n        }\n      "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary),
-    video: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        > video:not(", " video),\n        > p:not(", " p) > video {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n          box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n        }\n\n        video:not(", " video) {\n          max-width: 100%;\n        }\n      "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME)
-  };
+  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5), IGNORE_CLASSNAME);
+  var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      a:not(", " a) {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
+  var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      blockquote:not(", " blockquote) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n\n        color: ", ";\n\n        border-inline-start: solid 4px ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorTextSecondary, token.colorBorder);
+  var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      code:not(", " code) {\n        &:not(:has(span)) {\n          display: inline;\n\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1;\n          word-break: break-word;\n          white-space: break-spaces;\n\n          background: ", ";\n          border: 1px solid var(--lobe-markdown-border-color);\n          border-radius: 0.25em;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);
+  var details = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      details:not(", " details) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        padding-block: 0.75em;\n        padding-inline: 1em;\n\n        background: ", ";\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          list-style: none;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            inset-inline-end: 1.25em;\n            transform: rotateZ(-45deg);\n\n            display: block;\n\n            width: 0.4em;\n            height: 0.4em;\n\n            font-family: ", ";\n\n            border-block-end: 1.5px solid ", ";\n            border-inline-end: 1.5px solid ", ";\n\n            transition: transform 200ms ", ";\n          }\n        }\n\n        &[open] {\n          summary {\n            padding-block-end: 0.75em;\n            border-block-end: 1px dashed ", ";\n\n            &::before {\n              transform: rotateZ(45deg);\n            }\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.fontFamily, token.colorTextSecondary, token.colorTextSecondary, token.motionEaseOut, token.colorBorder);
+  var header = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      h1:not(", " h1),\n      h2:not(", " h2),\n      h3:not(", " h3),\n      h4:not(", " h4),\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: bold;\n        line-height: 1.25;\n      }\n\n      h1:not(", " h1) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2:not(", " h2) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3:not(", " h3) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4:not(", " h4) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var hr = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      hr:not(", " hr) {\n        width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n\n        border-color: ", ";\n        border-style: dashed;\n        border-width: 1px;\n        border-block-start: none;\n        border-inline-start: none;\n        border-inline-end: none;\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorder);
+  var img = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      img:not(", " img) {\n        max-width: 100%;\n      }\n\n      > img,\n      > p > img {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n    "])), IGNORE_CLASSNAME);
+  var kbd = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      kbd:not(", " kbd) {\n        cursor: default;\n\n        display: inline-block;\n\n        min-width: 1em;\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        font-weight: 500;\n        line-height: 1;\n        text-align: center;\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: 0.25em;\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamily, token.colorBgLayout, token.colorBorderSecondary);
+  var list = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      li:not(", " li) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n        p {\n          display: inline;\n        }\n      }\n\n      ul:not(", " ul),\n      ol:not(", " ol) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        margin-inline-start: 1em;\n        padding-inline-start: 0;\n        list-style-position: outside;\n\n        > ul,\n        > ol {\n          margin-block: 0;\n        }\n\n        > li {\n          margin-inline-start: 1em;\n        }\n      }\n\n      ol:not(", " ol) {\n        list-style: auto;\n      }\n\n      ul:not(", " ul) {\n        list-style-type: none;\n\n        > li {\n          &::before {\n            content: '-';\n            display: inline-block;\n            margin-inline: -1em 0.5em;\n            opacity: 0.5;\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var p = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      p:not(", " kbd) {\n        margin-block: 4px;\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        }\n      }\n    "])), IGNORE_CLASSNAME);
+  var pre = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      pre:not(", " pre),\n      [data-code-type='highlighter'] {\n        white-space: break-spaces;\n        border: none;\n\n        > code {\n          padding: 0 !important;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1.6;\n\n          border: none !important;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode);
+  var strong = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      strong:not(", " strong) {\n        font-weight: 600;\n      }\n    "])), IGNORE_CLASSNAME);
+  var svg = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      svg:not(", " svg) {\n        line-height: 1;\n      }\n    "])), IGNORE_CLASSNAME);
+  var table = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      table:not(", " table) {\n        unicode-bidi: isolate;\n        overflow: auto hidden;\n        display: block;\n        border-spacing: 0;\n        border-collapse: collapse;\n\n        box-sizing: border-box;\n        width: max-content;\n        max-width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n        text-align: start;\n        text-indent: initial;\n        text-wrap: pretty;\n        word-break: auto-phrase;\n        overflow-wrap: break-word;\n\n        background: ", ";\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        code {\n          word-break: break-word;\n        }\n\n        thead {\n          background: ", ";\n        }\n\n        tr {\n          box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n        }\n\n        th,\n        td {\n          min-width: 120px;\n          padding-block: 0.75em;\n          padding-inline: 1em;\n          text-align: start;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary);
+  var video = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      > video:not(", " video),\n      > p:not(", " p) > video {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n\n      video:not(", " video) {\n        max-width: 100%;\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  return cx(__root, a, blockquote, code, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video);
 });

package/es/Markdown/style.d.ts

@@ -1,9 +1,4 @@
-export declare const useStyles: (props?: {
-    fontSize?: number | undefined;
-    headerMultiple?: number | undefined;
-    lineHeight?: number | undefined;
-    marginMultiple?: number | undefined;
-} | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     chat: import("antd-style").SerializedStyles;
     latex: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;

package/es/Markdown/style.js

@@ -1,22 +1,14 @@
 var _templateObject, _templateObject2, _templateObject3;
 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';
-export var useStyles = createStyles(function (_ref, _ref2) {
+export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token,
     isDarkMode = _ref.isDarkMode;
-  var _ref2$fontSize = _ref2.fontSize,
-    fontSize = _ref2$fontSize === void 0 ? 14 : _ref2$fontSize,
-    _ref2$headerMultiple = _ref2.headerMultiple,
-    headerMultiple = _ref2$headerMultiple === void 0 ? 0.25 : _ref2$headerMultiple,
-    _ref2$marginMultiple = _ref2.marginMultiple,
-    marginMultiple = _ref2$marginMultiple === void 0 ? 1 : _ref2$marginMultiple,
-    _ref2$lineHeight = _ref2.lineHeight,
-    lineHeight = _ref2$lineHeight === void 0 ? 1.6 : _ref2$lineHeight;
   var cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;
   return {
-    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\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      "])), fontSize, headerMultiple, marginMultiple, lineHeight, 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      "])))
+    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    "])))
   };
 });

package/es/Mermaid/{Controls.js → components/Controls.js}

@@ -2,7 +2,7 @@ import { AlignVerticalSpaceAroundIcon, MinusIcon, PlusIcon } from 'lucide-react'
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useControls } from 'react-zoom-pan-pinch';
-import ActionIcon from "../ActionIcon";
+import ActionIcon from "../../ActionIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Controls = /*#__PURE__*/memo(function () {

package/es/Mermaid/components/MermaidContainer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MermaidContainer: import("react").NamedExoticComponent<{
+    children?: string | undefined;
+}>;
+export default MermaidContainer;