@lobehub/ui 1.149.1 → 1.149.2

package/es/Markdown/index.d.ts

@@ -1,5 +1,7 @@
 import type { AnchorProps } from 'antd';
 import { CSSProperties } from 'react';
+import type { Components } from 'react-markdown/lib/ast-to-react';
+import type { Pluggable } from 'unified';
 import { type HighlighterProps } from "../Highlighter";
 import { type MermaidProps } from "../Mermaid";
 import { type ImageProps } from "../mdx/Image";
@@ -19,11 +21,14 @@ export interface MarkdownProps extends TypographyProps {
         pre?: Partial<PreProps>;
         video?: Partial<VideoProps>;
     };
+    components?: Components;
     enableImageGallery?: boolean;
     enableLatex?: boolean;
     enableMermaid?: boolean;
     fullFeaturedCodeBlock?: boolean;
     onDoubleClick?: () => void;
+    rehypePlugins?: Pluggable[];
+    remarkPlugins?: Pluggable[];
     style?: CSSProperties;
     variant?: 'normal' | 'chat';
 }

package/es/Markdown/index.js

@@ -1,8 +1,9 @@
 'use client';
 
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight", "rehypePlugins", "remarkPlugins", "components"];
 import { memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import rehypeKatex from 'rehype-katex';
@@ -39,6 +40,12 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
     lineHeight = _ref.lineHeight,
+    _ref$rehypePlugins = _ref.rehypePlugins,
+    rehypePlugins = _ref$rehypePlugins === void 0 ? [] : _ref$rehypePlugins,
+    _ref$remarkPlugins = _ref.remarkPlugins,
+    remarkPlugins = _ref$remarkPlugins === void 0 ? [] : _ref$remarkPlugins,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       fontSize: fontSize,
@@ -59,7 +66,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     if (!enableLatex) return fixMarkdownBold(children);
     return fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
   }, [children, enableLatex]);
-  var components = useMemo(function () {
+  var componentsCache = useMemo(function () {
     return {
       a: function a(props) {
         return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
@@ -89,12 +96,12 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       }
     };
   }, [componentProps, enableImageGallery, enableMermaid, fullFeaturedCodeBlock]);
-  var rehypePlugins = useMemo(function () {
+  var rehypePluginsCache = useMemo(function () {
     return [allowHtml && rehypeRaw, enableLatex && rehypeKatex].filter(Boolean);
-  }, [allowHtml]);
-  var remarkPlugins = useMemo(function () {
+  }, [allowHtml, enableLatex]);
+  var remarkPluginsCache = useMemo(function () {
     return [remarkGfm, enableLatex && remarkMath, isChatMode && remarkBreaks].filter(Boolean);
-  }, [isChatMode]);
+  }, [isChatMode, enableLatex]);
   return /*#__PURE__*/_jsx("article", {
     className: cx(styles.root, className),
     "data-code-type": "markdown",
@@ -104,9 +111,9 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       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, isChatMode && styles.chat),
-        components: components,
-        rehypePlugins: rehypePlugins,
-        remarkPlugins: remarkPlugins
+        components: _objectSpread(_objectSpread({}, componentsCache), components),
+        rehypePlugins: [].concat(_toConsumableArray(rehypePluginsCache), _toConsumableArray(rehypePlugins)),
+        remarkPlugins: [].concat(_toConsumableArray(remarkPluginsCache), _toConsumableArray(remarkPlugins))
       }, rest), {}, {
         children: escapedContent
       }))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.149.1",
+  "version": "1.149.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -166,7 +166,8 @@
     "antd-style": ">=3",
     "lucide-react": ">=0.396.0",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "unified": ">=10.0.0"
   },
   "publishConfig": {
     "access": "public",