@lobehub/ui 1.171.0 → 2.0.1

package/es/List/ListItem/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin"];
+var _excluded = ["ref", "active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin", "styles"];
 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; }
@@ -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 { Typography } from 'antd';
 import { Loader2, MessageSquare } from 'lucide-react';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
 import { useStyles } from "./style";
@@ -21,8 +21,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 var Title = Typography.Title,
   Paragraph = Typography.Paragraph;
-var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var active = _ref.active,
+var ListItem = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    active = _ref.active,
     avatar = _ref.avatar,
     loading = _ref.loading,
     description = _ref.description,
@@ -37,13 +38,45 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     classNames = _ref.classNames,
     addon = _ref.addon,
     pin = _ref.pin,
+    customStyles = _ref.styles,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
+  var loadingNode = /*#__PURE__*/_jsx(Icon, {
+    icon: Loader2,
+    spin: true
+  });
+  var pinNode = pin && /*#__PURE__*/_jsx("div", {
+    className: cx(styles.pin, classNames === null || classNames === void 0 ? void 0 : classNames.pin),
+    style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.pin,
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles.triangle
+    })
+  });
+  var actionsNode = actions && /*#__PURE__*/_jsx(Flexbox, {
+    className: cx(styles.actions, classNames === null || classNames === void 0 ? void 0 : classNames.actions),
+    gap: 4,
+    horizontal: true,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    style: _objectSpread({
+      display: showAction ? undefined : 'none'
+    }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.actions),
+    children: actions
+  });
+  var timeNode = date && /*#__PURE__*/_jsx("div", {
+    className: cx(styles.date, classNames === null || classNames === void 0 ? void 0 : classNames.date),
+    style: _objectSpread({
+      opacity: showAction ? 0 : undefined
+    }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.date),
+    children: getChatItemTime(date)
+  });
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'flex-start',
-    className: cx(styles.container, active && styles.active, className),
+    className: cx(styles.root, active && styles.active, className),
     distribution: 'space-between',
     gap: 8,
     horizontal: true,
@@ -57,66 +90,45 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     style: style
   }, rest), {}, {
-    children: [pin && /*#__PURE__*/_jsx("div", {
-      className: styles.pin,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.triangle
-      })
-    }), /*#__PURE__*/_jsxs(Flexbox, {
+    children: [pinNode, /*#__PURE__*/_jsxs(Flexbox, {
       align: 'flex-start',
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.container,
       flex: 1,
       gap: 8,
       horizontal: true,
-      style: {
+      style: _objectSpread({
         overflow: 'hidden'
-      },
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.container),
       children: [avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(Icon, {
         icon: MessageSquare,
         style: {
           marginTop: 4
         }
       }), /*#__PURE__*/_jsxs(Flexbox, {
-        className: styles.content,
+        className: cx(styles.content, classNames === null || classNames === void 0 ? void 0 : classNames.content),
         gap: 4,
+        style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.content,
         children: [/*#__PURE__*/_jsx(Title, {
-          className: styles.title,
+          className: cx(styles.title, classNames === null || classNames === void 0 ? void 0 : classNames.title),
           ellipsis: {
             rows: 1
           },
           level: 3,
+          style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.title,
           children: title
         }), description && /*#__PURE__*/_jsx(Paragraph, {
-          className: styles.desc,
+          className: cx(styles.desc, classNames === null || classNames === void 0 ? void 0 : classNames.desc),
           ellipsis: {
             rows: 1
           },
+          style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.desc,
           children: description
         }), addon]
       })]
-    }), loading ? /*#__PURE__*/_jsx(Icon, {
-      icon: Loader2,
-      spin: true
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [showAction && /*#__PURE__*/_jsx(Flexbox, {
-        className: styles.actions,
-        gap: 4,
-        horizontal: true,
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-        },
-        style: {
-          display: showAction ? undefined : 'none'
-        },
-        children: actions
-      }), date && /*#__PURE__*/_jsx("div", {
-        className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
-        style: showAction ? {
-          opacity: 0
-        } : {},
-        children: getChatItemTime(date)
-      })]
+    }), loading ? loadingNode : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [actionsNode, timeNode]
     }), children]
   }));
 });
+ListItem.displayName = 'ListItem';
 export default ListItem;

package/es/List/ListItem/style.d.ts

@@ -1,11 +1,11 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     actions: import("antd-style").SerializedStyles;
-    active: import("antd-style").SerializedStyles;
-    container: import("antd-style").SerializedStyles;
+    active: string;
     content: import("antd-style").SerializedStyles;
+    date: import("antd-style").SerializedStyles;
     desc: import("antd-style").SerializedStyles;
     pin: import("antd-style").SerializedStyles;
-    time: import("antd-style").SerializedStyles;
+    root: string;
     title: import("antd-style").SerializedStyles;
     triangle: import("antd-style").SerializedStyles;
 }>;

package/es/List/ListItem/style.js

@@ -1,18 +1,21 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 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) {
-  var css = _ref.css,
-    token = _ref.token;
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls,
+    stylish = _ref.stylish;
   return {
     actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 16px;\n      transform: translateY(-50%);\n    "]))),
-    active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorText, token.colorFillSecondary, token.colorFill),
-    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      position: relative;\n\n      color: ", ";\n\n      background: transparent;\n\n      transition: background-color 200ms ", ";\n\n      &:active {\n        background-color: ", ";\n      }\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
-    content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    "]))),
-    desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0 !important;\n\n      font-size: 12px;\n      line-height: 1.2 !important;\n      color: ", ";\n    "])), token.colorTextDescription),
-    pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    "]))),
-    time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
-    title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0 !important;\n\n      font-size: 14px !important;\n      font-weight: 500 !important;\n      line-height: 1.2 !important;\n      color: ", ";\n    "])), token.colorText),
-    triangle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n\n      opacity: 0.5;\n      background: ", ";\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n      border-radius: 2px;\n    "])), token.colorPrimaryBorder)
+    active: stylish.active,
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    "]))),
+    date: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
+    desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &.", "-typography {\n        width: 100%;\n        margin: 0;\n\n        font-size: 12px;\n        line-height: 1.2;\n        color: ", ";\n      }\n    "])), prefixCls, token.colorTextDescription),
+    pin: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    "]))),
+    root: cx(stylish.variantBorderless, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        position: relative;\n        color: ", ";\n        border-radius: ", "px;\n      "])), token.colorTextTertiary, token.borderRadius)),
+    title: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &.", "-typography {\n        width: 100%;\n        margin: 0;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 1.2;\n        color: ", ";\n      }\n    "])), prefixCls, token.colorText),
+    triangle: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n\n      opacity: 0.5;\n      background: ", ";\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n      border-radius: 2px;\n    "])), token.colorPrimaryBorder)
   };
 });

package/es/List/index.d.ts

@@ -1,6 +1,11 @@
-/// <reference types="react" />
-declare const List: {
-    Item: import("react").ForwardRefExoticComponent<import("./ListItem").ListItemProps & import("react").RefAttributes<HTMLDivElement>>;
-};
-export type { ListItemProps } from './ListItem';
+import type { ReactNode, RefAttributes } from 'react';
+import ListItem from './ListItem';
+import type { ListProps } from './type';
+interface IList {
+    (props: ListProps & RefAttributes<HTMLDivElement>): ReactNode;
+    Item: typeof ListItem;
+}
+declare const List: IList;
 export default List;
+export { default as ListItem } from './ListItem';
+export type * from './type';

package/es/List/index.js

@@ -1,7 +1,6 @@
-'use client';
-
+import ListParent from "./List";
 import ListItem from "./ListItem";
-var List = {
-  Item: ListItem
-};
-export default List;
+var List = ListParent;
+List.Item = ListItem;
+export default List;
+export { default as ListItem } from "./ListItem";

package/es/List/type.d.ts

@@ -0,0 +1,50 @@
+import type { CSSProperties, ReactNode, Ref } from 'react';
+import type { FlexboxProps } from 'react-layout-kit';
+export interface ListItemProps extends Omit<FlexboxProps, 'title'> {
+    actions?: ReactNode;
+    active?: boolean;
+    addon?: ReactNode;
+    avatar?: ReactNode;
+    classNames?: {
+        actions?: string;
+        container?: string;
+        content?: string;
+        date?: string;
+        desc?: string;
+        pin?: string;
+        title?: string;
+    };
+    date?: number;
+    description?: ReactNode;
+    key: string;
+    loading?: boolean;
+    onHoverChange?: (hover: boolean) => void;
+    pin?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    showAction?: boolean;
+    styles?: {
+        actions?: CSSProperties;
+        container?: CSSProperties;
+        content?: CSSProperties;
+        date?: CSSProperties;
+        desc?: CSSProperties;
+        pin?: CSSProperties;
+        title?: CSSProperties;
+    };
+    title: ReactNode;
+}
+export interface ListProps extends Omit<FlexboxProps, 'onClick'> {
+    activeKey?: string;
+    classNames?: {
+        item?: string;
+    } & ListItemProps['classNames'];
+    items: ListItemProps[];
+    onClick?: (props: {
+        item: ListItemProps;
+        key: ListItemProps['key'];
+    }) => void;
+    ref?: Ref<HTMLDivElement>;
+    styles?: {
+        item?: CSSProperties;
+    } & ListItemProps['styles'];
+}

package/es/List/type.js

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

package/es/Markdown/Markdown.d.ts

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

package/es/Markdown/Markdown.js

@@ -0,0 +1,202 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["ref", "children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "reactMarkdownProps", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
+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, useCallback, useMemo } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { PreviewGroup } from "../Image";
+import Image from "../mdx/mdxComponents/Image";
+import Link from "../mdx/mdxComponents/Link";
+import Section from "../mdx/mdxComponents/Section";
+import Video from "../mdx/mdxComponents/Video";
+import { CodeFullFeatured, CodeLite } from "./CodeBlock";
+import Typography from "./Typography";
+import { useStyles } from "./style";
+import { addToCache, contentCache, createPlugins, escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Markdown = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    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 ? 'default' : _ref$variant,
+    reactMarkdownProps = _ref.reactMarkdownProps,
+    _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 variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        enableLatex: true,
+        variant: 'default'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          default: null,
+          chat: styles.chat
+        },
+        enableLatex: {
+          true: styles.latex,
+          false: null
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+
+  // 计算缓存键
+  var cacheKey = useMemo(function () {
+    return "".concat(children, "-").concat(enableLatex, "-").concat(enableCustomFootnotes, "-").concat((citations === null || citations === void 0 ? void 0 : citations.length) || 0);
+  }, [children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
+
+  // 处理内容并利用缓存避免重复计算
+  var escapedContent = useMemo(function () {
+    // 尝试从缓存获取
+    if (contentCache.has(cacheKey)) {
+      return contentCache.get(cacheKey);
+    }
+
+    // 处理新内容
+    var processedContent;
+    if (enableLatex) {
+      var baseContent = fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
+      processedContent = enableCustomFootnotes ? transformCitations(baseContent, citations === null || citations === void 0 ? void 0 : citations.length) : baseContent;
+    } else {
+      processedContent = fixMarkdownBold(children);
+    }
+
+    // 缓存处理结果
+    addToCache(cacheKey, processedContent);
+    return processedContent;
+  }, [cacheKey, children, enableLatex, enableCustomFootnotes, citations === null || citations === void 0 ? void 0 : citations.length]);
+
+  // 创建插件
+  var _useMemo = useMemo(function () {
+      return createPlugins({
+        allowHtml: allowHtml,
+        enableCustomFootnotes: enableCustomFootnotes,
+        enableLatex: enableLatex,
+        isChatMode: isChatMode,
+        rehypePlugins: rehypePlugins,
+        remarkPlugins: remarkPlugins,
+        remarkPluginsAhead: remarkPluginsAhead
+      });
+    }, [allowHtml, enableLatex, enableCustomFootnotes, isChatMode, rehypePlugins, remarkPlugins, remarkPluginsAhead]),
+    rehypePluginsList = _useMemo.rehypePluginsList,
+    remarkPluginsList = _useMemo.remarkPluginsList;
+
+  // 使用 useCallback 优化渲染子组件
+  var renderLink = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      citations: citations
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+  }, [citations, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a]);
+  var renderImage = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
+  }, [isChatMode, componentProps === null || componentProps === void 0 ? void 0 : componentProps.img]);
+  var renderCodeBlock = useCallback(function (props) {
+    return fullFeaturedCodeBlock ? /*#__PURE__*/_jsx(CodeFullFeatured, _objectSpread(_objectSpread({
+      enableMermaid: enableMermaid,
+      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
+      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre)) : /*#__PURE__*/_jsx(CodeLite, _objectSpread(_objectSpread({
+      enableMermaid: enableMermaid,
+      highlight: componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight,
+      mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
+  }, [enableMermaid, fullFeaturedCodeBlock, componentProps === null || componentProps === void 0 ? void 0 : componentProps.highlight, componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
+  var renderSection = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Section, _objectSpread({
+      showCitations: showFootnotes
+    }, props));
+  }, [showFootnotes]);
+  var renderVideo = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
+  }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.video]);
+
+  // 创建组件映射
+  var memoComponents = useMemo(function () {
+    return _objectSpread({
+      a: renderLink,
+      img: enableImageGallery ? renderImage : undefined,
+      pre: renderCodeBlock,
+      section: renderSection,
+      video: renderVideo
+    }, components);
+  }, [renderLink, renderImage, renderCodeBlock, renderSection, renderVideo, enableImageGallery, components]);
+
+  // 渲染默认内容
+  var defaultDOM = useMemo(function () {
+    return /*#__PURE__*/_jsx(PreviewGroup, {
+      enable: enableImageGallery,
+      children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
+        components: memoComponents,
+        rehypePlugins: rehypePluginsList,
+        remarkPlugins: remarkPluginsList,
+        children: escapedContent
+      }))
+    });
+  }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList, enableImageGallery]);
+
+  // 应用自定义渲染
+  var markdownContent = customRender ? customRender(defaultDOM, {
+    text: escapedContent || ''
+  }) : defaultDOM;
+  return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+    className: cx(variants({
+      enableLatex: enableLatex,
+      variant: variant
+    }), className),
+    "data-code-type": "markdown",
+    fontSize: fontSize,
+    headerMultiple: headerMultiple,
+    lineHeight: lineHeight,
+    marginMultiple: marginMultiple,
+    onDoubleClick: onDoubleClick,
+    ref: ref,
+    style: style
+  }, rest), {}, {
+    children: markdownContent
+  }));
+});
+Markdown.displayName = 'Markdown';
+export default Markdown;

package/es/Markdown/Typography.d.ts

@@ -1,10 +1,4 @@
-import { FC } from 'react';
-import { DivProps } from "../types";
-export interface TypographyProps extends DivProps {
-    fontSize?: number;
-    headerMultiple?: number;
-    lineHeight?: number;
-    marginMultiple?: number;
-}
-declare const Typography: FC<TypographyProps>;
+/// <reference types="react" />
+import type { TypographyProps } from './type';
+declare const Typography: import("react").NamedExoticComponent<TypographyProps>;
 export default Typography;

package/es/Markdown/Typography.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight"];
+var _excluded = ["ref", "children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight"];
 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; }
@@ -9,10 +9,12 @@ 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 } from 'react';
 import { useStyles } from "./markdown.style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Typography = function Typography(_ref) {
-  var children = _ref.children,
+var Typography = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    children = _ref.children,
     className = _ref.className,
     fontSize = _ref.fontSize,
     headerMultiple = _ref.headerMultiple,
@@ -28,9 +30,11 @@ var Typography = function Typography(_ref) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("article", _objectSpread(_objectSpread({
-    className: cx(styles, className)
+    className: cx(styles.root, styles.variant, className),
+    ref: ref
   }, rest), {}, {
     children: children
   }));
-};
+});
+Typography.displayName = 'Typography';
 export default Typography;

package/es/Markdown/index.d.ts

@@ -1,44 +1,3 @@
-import type { AnchorProps } from 'antd';
-import { CSSProperties, FC, ReactNode } from 'react';
-import { Components } from 'react-markdown/lib';
-import type { Pluggable } from 'unified';
-import { type HighlighterProps } from "../Highlighter";
-import { type MermaidProps } from "../Mermaid";
-import { type ImageProps } from "../mdx/mdxComponents/Image";
-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';
-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;
-    rehypePlugins?: Pluggable[];
-    remarkPlugins?: Pluggable[];
-    remarkPluginsAhead?: Pluggable[];
-    showFootnotes?: boolean;
-    style?: CSSProperties;
-    variant?: 'normal' | 'chat';
-}
-declare const Markdown: import("react").NamedExoticComponent<MarkdownProps>;
-export default Markdown;
+export { default } from './Markdown';
+export type * from './type';
+export { default as Typography } from './Typography';