@lobehub/ui 1.171.0 → 2.0.0

package/es/Markdown/index.js

@@ -1,234 +1,2 @@
-'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 = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "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; }
-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 _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; }
-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';
-import remarkBreaks from 'remark-breaks';
-import remarkGfm from 'remark-gfm';
-import remarkMath from 'remark-math';
-import ImageGallery from "../Image/ImageGallery";
-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 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,
-    style = _ref.style,
-    fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
-    onDoubleClick = _ref.onDoubleClick,
-    _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,
-    _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,
-    _ref$lineHeight = _ref.lineHeight,
-    lineHeight = _ref$lineHeight === void 0 ? 1.6 : _ref$lineHeight,
-    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,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.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 (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: 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(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 || ''
-  }) : defaultDOM;
-  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
-  }, rest), {}, {
-    children: markdownContent
-  }));
-});
-export default Markdown;
+export { default } from "./Markdown";
+export { default as Typography } from "./Typography";

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

@@ -3,4 +3,7 @@ export declare const useStyles: (props?: {
     headerMultiple?: number | undefined;
     lineHeight?: number | undefined;
     marginMultiple?: number | undefined;
-} | undefined) => import("antd-style").ReturnStyles<string>;
+} | undefined) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    variant: string;
+}>;

package/es/Markdown/markdown.style.js

@@ -25,10 +25,13 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   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 pre = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      pre {\n        font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n      }\n    "])));
   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);
+  return {
+    root: __root,
+    variant: cx(a, blockquote, code, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video)
+  };
 });

package/es/Markdown/type.d.ts

@@ -0,0 +1,49 @@
+import type { AnchorProps } from 'antd';
+import type { CSSProperties, FC, ReactNode, Ref } from 'react';
+import type { Options as ReactMarkdownOptions } from 'react-markdown';
+import type { Components } from 'react-markdown/lib';
+import type { Pluggable } from 'unified';
+import type { HighlighterProps } from "../Highlighter";
+import type { MermaidProps } from "../Mermaid";
+import type { ImageProps, PreProps, VideoProps } from "../mdx";
+import type { AProps, DivProps } from "../types";
+import type { CitationItem } from "../types/citation";
+export interface TypographyProps extends DivProps {
+    fontSize?: number;
+    headerMultiple?: number;
+    lineHeight?: number;
+    marginMultiple?: number;
+    ref?: Ref<HTMLDivElement>;
+}
+export interface MarkdownProps extends TypographyProps {
+    allowHtml?: boolean;
+    children: string;
+    citations?: CitationItem[];
+    className?: string;
+    componentProps?: {
+        a?: Partial<AProps & AnchorProps>;
+        highlight?: Partial<HighlighterProps>;
+        img?: Partial<ImageProps>;
+        mermaid?: Partial<MermaidProps>;
+        pre?: Partial<PreProps>;
+        video?: Partial<VideoProps>;
+    };
+    components?: Components & Record<string, FC>;
+    customRender?: (dom: ReactNode, context: {
+        text: string;
+    }) => ReactNode;
+    enableCustomFootnotes?: boolean;
+    enableImageGallery?: boolean;
+    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';
+}

package/es/Markdown/type.js

@@ -0,0 +1 @@
+export {};

package/es/Markdown/utils.d.ts

@@ -1,3 +1,18 @@
+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;
+    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;

package/es/Markdown/utils.js

@@ -1,3 +1,58 @@
+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 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 { rehypeFootnoteLinks, remarkCustomFootnotes } from "./plugins/footnote";
+import { rehypeKatexDir } from "./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;
+
+  // 预处理插件数组
+  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
+  };
+};
 export function escapeBrackets(text) {
   var pattern = /(```[\S\s]*?```|`.*?`)|\\\[([\S\s]*?[^\\])\\]|\\\((.*?)\\\)/g;
   return text.replaceAll(pattern, function (match, codeBlock, squareBracket, roundBracket) {

package/es/MaskShadow/MaskShadow.d.ts

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

package/es/MaskShadow/MaskShadow.js

@@ -0,0 +1,54 @@
+'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 = ["className", "children", "position", "size"];
+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 _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, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var MaskShadow = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom' : _ref$position,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(size),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        position: 'bottom'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        position: {
+          top: styles.topShadow,
+          bottom: styles.bottomShadow,
+          left: styles.leftShadow,
+          right: styles.rightShadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+    className: cx(variants({
+      position: position
+    }), className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+MaskShadow.displayName = 'MaskShadow';
+export default MaskShadow;

package/es/MaskShadow/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MaskShadow';
+export type * from './type';

package/es/MaskShadow/index.js

@@ -0,0 +1 @@
+export { default } from "./MaskShadow";

package/es/MaskShadow/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: number | undefined) => import("antd-style").ReturnStyles<{
+    bottomShadow: import("antd-style").SerializedStyles;
+    leftShadow: import("antd-style").SerializedStyles;
+    rightShadow: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
+    topShadow: import("antd-style").SerializedStyles;
+}>;

package/es/MaskShadow/style.js

@@ -0,0 +1,14 @@
+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';
+export var useStyles = createStyles(function (_ref, size) {
+  var css = _ref.css;
+  var shadowSize = size + '%';
+  return {
+    bottomShadow: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(180deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    leftShadow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(270deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    rightShadow: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(90deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    root: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      scrollbar-width: none;\n      position: relative;\n      overflow: hidden;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "]))),
+    topShadow: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(0deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize)
+  };
+});

package/es/MaskShadow/type.d.ts

@@ -0,0 +1,6 @@
+import type { FlexboxProps } from 'react-layout-kit';
+export interface MaskShadowProps extends FlexboxProps {
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    size?: number;
+    visibility?: 'auto' | 'always' | 'never';
+}

package/es/MaskShadow/type.js

@@ -0,0 +1 @@
+export {};

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.d.ts

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

package/es/MaterialFileTypeIcon/MaterialFileTypeIcon.js

@@ -0,0 +1,86 @@
+'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 = ["fallbackUnknownType", "filename", "size", "variant", "type", "style", "open"];
+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 _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';
+import { Center } from 'react-layout-kit';
+import { useCdnFn } from "../ConfigProvider";
+import FileTypeIcon from "../FileTypeIcon";
+import Img from "../Img";
+import { getIconUrlForDirectoryPath, getIconUrlForFilePath } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var MaterialFileTypeIcon = /*#__PURE__*/memo(function (_ref) {
+  var _ref$fallbackUnknownT = _ref.fallbackUnknownType,
+    fallbackUnknownType = _ref$fallbackUnknownT === void 0 ? true : _ref$fallbackUnknownT,
+    filename = _ref.filename,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 48 : _ref$size,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'raw' : _ref$variant,
+    type = _ref.type,
+    style = _ref.style,
+    open = _ref.open,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var genCdnUrl = useCdnFn();
+  var ICONS_URL = genCdnUrl({
+    path: 'assets',
+    pkg: '@lobehub/assets-fileicon',
+    version: '1.0.0'
+  });
+  var iconUrl = useMemo(function () {
+    return type === 'file' ? getIconUrlForFilePath({
+      fallbackUnknownType: fallbackUnknownType,
+      iconsUrl: ICONS_URL,
+      path: filename
+    }) : getIconUrlForDirectoryPath({
+      fallbackUnknownType: fallbackUnknownType,
+      iconsUrl: ICONS_URL,
+      open: open,
+      path: filename
+    });
+  }, [ICONS_URL, type, filename, open]);
+  if (!iconUrl) return /*#__PURE__*/_jsx(FileTypeIcon, {
+    filetype: filename.split('.')[1],
+    size: size,
+    type: type,
+    variant: 'mono'
+  });
+  if (variant === 'raw') return /*#__PURE__*/_jsx(Img, _objectSpread({
+    height: size,
+    src: iconUrl,
+    style: style,
+    width: size
+  }, rest));
+  return /*#__PURE__*/_jsxs(Center, _objectSpread(_objectSpread({
+    flex: 'none',
+    height: size,
+    style: _objectSpread({
+      position: 'relative'
+    }, style),
+    width: size
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(FileTypeIcon, {
+      size: size,
+      type: variant,
+      variant: 'mono'
+    }), /*#__PURE__*/_jsx(Img, _objectSpread({
+      height: size / 2,
+      src: iconUrl,
+      style: {
+        position: 'absolute',
+        top: size / 3
+      },
+      width: size / 2
+    }, rest))]
+  }));
+});
+MaterialFileTypeIcon.displayName = 'MaterialFileTypeIcon';
+export default MaterialFileTypeIcon;