@ant-design/agentic-ui 2.30.9 → 2.30.11

package/dist/MarkdownRenderer/renderers/MermaidRenderer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RendererBlockProps } from '../types';
 /**
- * Mermaid 图表渲染器——复用 MarkdownEditor 的 MermaidRendererImpl。
- * 将代码块文本包装为 CodeNode 格式后直接传递给已有的 Mermaid 渲染组件。
+ * Mermaid 图表渲染器
+ * 加载 mermaid 库期间展示源码预览，加载完成后渲染图表。
  */
 export declare const MermaidBlockRenderer: React.FC<RendererBlockProps>;

package/dist/MarkdownRenderer/renderers/MermaidRenderer.js

@@ -1,5 +1,157 @@
-import React, { useMemo } from "react";
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import React, { lazy, Suspense, useMemo } from "react";
+import { isBrowser } from "../../Plugins/mermaid/env";
+import { MermaidCodePreview } from "../../Plugins/mermaid/MermaidFallback";
 import { MermaidRendererImpl } from "../../Plugins/mermaid/MermaidRendererImpl";
+import { loadMermaid } from "../../Plugins/mermaid/utils";
+var LazyMermaidRenderer = /*#__PURE__*/ lazy(function() {
+    return _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        loadMermaid()
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2,
+                        {
+                            default: MermaidRendererImpl
+                        }
+                    ];
+            }
+        });
+    })();
+});
 var extractTextContent = function extractTextContent1(children) {
     var _children_props;
     if (typeof children === 'string') return children;
@@ -11,8 +163,8 @@ var extractTextContent = function extractTextContent1(children) {
     return '';
 };
 /**
- * Mermaid 图表渲染器——复用 MarkdownEditor 的 MermaidRendererImpl。
- * 将代码块文本包装为 CodeNode 格式后直接传递给已有的 Mermaid 渲染组件。
+ * Mermaid 图表渲染器
+ * 加载 mermaid 库期间展示源码预览，加载完成后渲染图表。
  */ export var MermaidBlockRenderer = function MermaidBlockRenderer(props) {
     var children = props.children;
     var code = extractTextContent(children);
@@ -31,13 +183,18 @@ var extractTextContent = function extractTextContent1(children) {
         code
     ]);
     if (!code.trim()) return null;
+    if (!isBrowser()) return null;
     return /*#__PURE__*/ React.createElement("div", {
         "data-be": "mermaid",
         style: {
             margin: '1em 0'
         }
-    }, /*#__PURE__*/ React.createElement(MermaidRendererImpl, {
+    }, /*#__PURE__*/ React.createElement(Suspense, {
+        fallback: /*#__PURE__*/ React.createElement(MermaidCodePreview, {
+            code: code
+        })
+    }, /*#__PURE__*/ React.createElement(LazyMermaidRenderer, {
         element: fakeElement
-    }));
+    })));
 };
 MermaidBlockRenderer.displayName = 'MermaidBlockRenderer';

package/dist/MarkdownRenderer/streaming/useStreamingMarkdownReact.js

@@ -18,13 +18,14 @@ import { shouldResetRevisionProgress } from "./revisionPolicy";
     ]);
     var prefixCls = (options === null || options === void 0 ? void 0 : options.prefixCls) || 'ant-agentic-md-editor';
     var components = useMemo(function() {
-        return buildEditorAlignedComponents(prefixCls, (options === null || options === void 0 ? void 0 : options.components) || {}, options === null || options === void 0 ? void 0 : options.streaming, options === null || options === void 0 ? void 0 : options.linkConfig, options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation);
+        return buildEditorAlignedComponents(prefixCls, (options === null || options === void 0 ? void 0 : options.components) || {}, options === null || options === void 0 ? void 0 : options.streaming, options === null || options === void 0 ? void 0 : options.linkConfig, options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation, options === null || options === void 0 ? void 0 : options.eleRender);
     }, [
         prefixCls,
         options === null || options === void 0 ? void 0 : options.components,
         options === null || options === void 0 ? void 0 : options.streaming,
         options === null || options === void 0 ? void 0 : options.linkConfig,
-        options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation
+        options === null || options === void 0 ? void 0 : options.streamingParagraphAnimation,
+        options === null || options === void 0 ? void 0 : options.eleRender
     ]);
     return useMemo(function() {
         if (!content) {

package/dist/MarkdownRenderer/types.d.ts

@@ -1,6 +1,19 @@
 import type React from 'react';
 import type { MarkdownRemarkPlugin, MarkdownToHtmlConfig } from '../MarkdownEditor/editor/utils/markdownToHtml';
 import type { MarkdownEditorPlugin } from '../MarkdownEditor/plugin';
+/**
+ * markdown 渲染模式下传给 eleRender 的元素属性，
+ * 包含 HTML 标签名、hast 节点及所有原生 HTML 属性。
+ */
+export interface MarkdownRendererEleProps {
+    /** HTML tag name, e.g. 'p', 'h1', 'blockquote', 'pre' */
+    tagName: string;
+    /** The original hast node */
+    node?: any;
+    /** Rendered children */
+    children?: React.ReactNode;
+    [key: string]: any;
+}
 export interface CharacterQueueOptions {
     /** 每帧输出的最大字符数，默认 3 */
     charsPerFrame?: number;
@@ -79,6 +92,14 @@ export interface MarkdownRendererProps {
         /** 自定义渲染函数，接收解析后的 JSON value，返回 React 节点 */
         render?: (value: any) => React.ReactNode;
     };
+    /**
+     * 自定义元素渲染函数（markdown 渲染模式）
+     * 与 Slate 模式的 eleItemRender 对应，允许拦截并替换任意块级/行内元素的渲染结果。
+     * @param props - 元素属性（tagName、node、children 等）
+     * @param defaultDom - 默认渲染结果
+     * @returns 自定义渲染节点，或 undefined 时回退到 defaultDom
+     */
+    eleRender?: (props: MarkdownRendererEleProps, defaultDom: React.ReactNode) => React.ReactNode;
 }
 export interface MarkdownRendererRef {
     /** 获取渲染容器的 DOM 元素 */

package/dist/MarkdownRenderer/useStreaming.js

@@ -97,30 +97,58 @@ var STREAM_INCOMPLETE_REGEX = {
         /^[-+*]\s{1,3}(\*{1,3}|_{1,3})(?!\s)(?!.*\1$)[^\r\n]{0,1000}$/
     ],
     'inline-code': [
-        /^`[^`\r\n]{0,300}$/
+        /^`[^`\r\n]{0,300}$/,
+        /^`{2,}$/
     ]
 };
 var STREAMING_LOADING_PLACEHOLDER = '...';
+var parsePipeRowCells = function parsePipeRowCells(line) {
+    var trimmedLine = line.trim();
+    if (!trimmedLine.startsWith('|') || !trimmedLine.endsWith('|')) {
+        return null;
+    }
+    var cells = trimmedLine.split('|').slice(1, -1).map(function(cell) {
+        return cell.trim();
+    });
+    if (!cells.length) return null;
+    return cells;
+};
+var isTableSeparatorCell = function isTableSeparatorCell(cell) {
+    return /^:?-{3,}:?$/.test(cell);
+};
 /**
  * 判断表格是否仍不完整。
- * 等待 header + separator + 至少一行数据（3 行）后提交。
+ * 等待 header + separator + 第一行数据完整闭合后提交。
  */ var isTableIncomplete = function isTableIncomplete(markdown) {
+    var _firstDataRowTrimmed_match;
     if (markdown.includes('\n\n')) return false;
-    var lines = markdown.split('\n');
+    var lines = markdown.replace(/\r\n/g, '\n').split('\n');
     // 需要至少 3 行：header | separator | 第一行数据
     if (lines.length < 3) return true;
-    var _lines = _sliced_to_array(lines, 2), header = _lines[0], separator = _lines[1];
-    if (!/^\|.*\|$/.test(header.trim())) return false;
-    var columns = separator.trim().split('|').map(function(c) {
-        return c.trim();
-    }).filter(Boolean);
-    var isSeparatorValid = columns.every(function(col, i) {
-        return i === columns.length - 1 ? col === ':' || /^:?-+:?$/.test(col) : /^:?-+:?$/.test(col);
-    });
+    var _lines = _sliced_to_array(lines, 3), header = _lines[0], separator = _lines[1], firstDataRow = _lines[2];
+    var headerCells = parsePipeRowCells(header);
+    if (!headerCells) return false;
+    var separatorCells = parsePipeRowCells(separator);
+    if (!separatorCells || separatorCells.length !== headerCells.length) {
+        return false;
+    }
+    var isSeparatorValid = separatorCells.every(isTableSeparatorCell);
     if (!isSeparatorValid) return false;
-    // separator 完整但还没有数据行
-    if (lines.length <= 2) return true;
-    // 有数据行了，不再缓存
+    var firstDataRowTrimmed = (firstDataRow === null || firstDataRow === void 0 ? void 0 : firstDataRow.trim()) || '';
+    // 第三行仍为空，说明首行数据尚未到达，继续缓存避免提前渲染 table header
+    if (!firstDataRowTrimmed) return true;
+    // 第三行不是表格行，视为当前表格 token 已完成（例如 header-only 表格后接普通文本）
+    if (!firstDataRowTrimmed.startsWith('|')) return false;
+    var minPipeDelimiterCount = headerCells.length + 1;
+    var currentPipeDelimiterCount = ((_firstDataRowTrimmed_match = firstDataRowTrimmed.match(/\|/g)) === null || _firstDataRowTrimmed_match === void 0 ? void 0 : _firstDataRowTrimmed_match.length) || 0;
+    // 管道分隔符数量不足，说明第一行数据还未输入完整
+    if (currentPipeDelimiterCount < minPipeDelimiterCount) return true;
+    // 第一行数据必须是闭合的管道行（以 | 结尾），否则继续缓存
+    if (!firstDataRowTrimmed.endsWith('|')) return true;
+    var firstDataRowCells = parsePipeRowCells(firstDataRow);
+    if (!firstDataRowCells || firstDataRowCells.length !== headerCells.length) {
+        return true;
+    }
     return false;
 };
 var _obj;
@@ -301,12 +329,19 @@ var isInCodeBlock = function isInCodeBlock(text) {
         var chunk = text.slice(cache.processedLength);
         if (!chunk) return;
         cache.processedLength += chunk.length;
+        var wasInCodeBlock = isInCodeBlock(cache.completeMarkdown + cache.pending);
         var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
         try {
             for(var _iterator = chunk[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                 var char = _step.value;
                 cache.pending += char;
-                if (isInCodeBlock(cache.completeMarkdown + cache.pending)) {
+                var inCodeBlock = isInCodeBlock(cache.completeMarkdown + cache.pending);
+                if (inCodeBlock) {
+                    wasInCodeBlock = true;
+                    continue;
+                }
+                if (wasInCodeBlock) {
+                    wasInCodeBlock = false;
                     commitCache(cache);
                     continue;
                 }

package/dist/Plugins/mermaid/Mermaid.d.ts

@@ -3,38 +3,12 @@ import { CodeNode } from '../../MarkdownEditor/el';
 /**
  * Mermaid 组件 - Mermaid图表渲染组件
  *
- * 该组件使用Mermaid库渲染图表，支持流程图、时序图、甘特图等。
- * 使用 React.lazy 和 Suspense 实现代码分割和延迟加载，优化性能。
+ * 仅在代码块闭合（otherProps.finished !== false）时才渲染图表，
+ * 否则展示原始代码。加载过程中同样展示源码预览而非骨架屏。
  *
  * @component
- * @description Mermaid图表渲染组件，支持各种Mermaid图表类型
  * @param {Object} props - 组件属性
  * @param {CodeNode} props.element - 代码节点，包含Mermaid图表代码
- * @param {string} [props.element.value] - Mermaid图表代码字符串
- *
- * @example
- * ```tsx
- * <Mermaid
- *   element={{
- *     type: 'code',
- *     value: 'graph TD\nA[开始] --> B[处理] --> C[结束]'
- *   }}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的Mermaid图表组件
- *
- * @remarks
- * - 基于Mermaid库实现图表渲染
- * - 支持多种图表类型（流程图、时序图、甘特图等）
- * - 使用 React.lazy 和 Suspense 实现代码分割
- * - 提供延迟渲染优化性能
- * - 包含错误处理机制
- * - 支持空状态显示
- * - 提供美观的样式设计
- * - 禁用文本选择
- * - 居中显示图表
- * - 自动生成唯一ID
  */
 export declare const Mermaid: (props: {
     element: CodeNode;

package/dist/Plugins/mermaid/Mermaid.js

@@ -128,7 +128,7 @@ function _ts_generator(thisArg, body) {
 }
 import React, { lazy, Suspense } from "react";
 import { isBrowser } from "./env";
-import { MermaidFallback } from "./MermaidFallback";
+import { MermaidCodePreview } from "./MermaidFallback";
 import { MermaidRendererImpl } from "./MermaidRendererImpl";
 import { loadMermaid } from "./utils";
 /**
@@ -158,44 +158,27 @@ import { loadMermaid } from "./utils";
 /**
  * Mermaid 组件 - Mermaid图表渲染组件
  *
- * 该组件使用Mermaid库渲染图表，支持流程图、时序图、甘特图等。
- * 使用 React.lazy 和 Suspense 实现代码分割和延迟加载，优化性能。
+ * 仅在代码块闭合（otherProps.finished !== false）时才渲染图表，
+ * 否则展示原始代码。加载过程中同样展示源码预览而非骨架屏。
  *
  * @component
- * @description Mermaid图表渲染组件，支持各种Mermaid图表类型
  * @param {Object} props - 组件属性
  * @param {CodeNode} props.element - 代码节点，包含Mermaid图表代码
- * @param {string} [props.element.value] - Mermaid图表代码字符串
- *
- * @example
- * ```tsx
- * <Mermaid
- *   element={{
- *     type: 'code',
- *     value: 'graph TD\nA[开始] --> B[处理] --> C[结束]'
- *   }}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的Mermaid图表组件
- *
- * @remarks
- * - 基于Mermaid库实现图表渲染
- * - 支持多种图表类型（流程图、时序图、甘特图等）
- * - 使用 React.lazy 和 Suspense 实现代码分割
- * - 提供延迟渲染优化性能
- * - 包含错误处理机制
- * - 支持空状态显示
- * - 提供美观的样式设计
- * - 禁用文本选择
- * - 居中显示图表
- * - 自动生成唯一ID
  */ export var Mermaid = function Mermaid(props) {
+    var _props_element_otherProps;
     if (!isBrowser()) {
         return null;
     }
+    var isUnfinished = ((_props_element_otherProps = props.element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finished) === false;
+    if (isUnfinished) {
+        return /*#__PURE__*/ React.createElement(MermaidCodePreview, {
+            code: props.element.value || ''
+        });
+    }
     return /*#__PURE__*/ React.createElement(Suspense, {
-        fallback: /*#__PURE__*/ React.createElement(MermaidFallback, null)
+        fallback: /*#__PURE__*/ React.createElement(MermaidCodePreview, {
+            code: props.element.value || ''
+        })
     }, /*#__PURE__*/ React.createElement(MermaidRenderer, {
         element: props.element
     }));

package/dist/Plugins/mermaid/MermaidFallback.d.ts

@@ -1,4 +1,7 @@
 /**
- * 加载中的占位组件
+ * Mermaid 源码预览组件
+ * 在加载 / 未闭合 / 等待渲染等阶段展示原始 Mermaid 代码
  */
-export declare const MermaidFallback: () => any;
+export declare const MermaidCodePreview: (props: {
+    code: string;
+}) => any;

package/dist/Plugins/mermaid/MermaidFallback.js

@@ -1,21 +1,24 @@
-import { ConfigProvider, Skeleton } from "antd";
+import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import React, { useContext } from "react";
 import { useStyle } from "./style";
 /**
- * 加载中的占位组件
- */ export var MermaidFallback = function MermaidFallback() {
+ * Mermaid 源码预览组件
+ * 在加载 / 未闭合 / 等待渲染等阶段展示原始 Mermaid 代码
+ */ export var MermaidCodePreview = function MermaidCodePreview(props) {
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = (context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-plugin-mermaid')) || 'agentic-plugin-mermaid';
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-fallback"), hashId)
-    }, /*#__PURE__*/ React.createElement(Skeleton.Image, {
-        active: true,
+        className: classNames(baseCls, hashId),
+        contentEditable: false
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-empty"), hashId)
+    }, /*#__PURE__*/ React.createElement("pre", {
         style: {
-            width: '100%',
-            minHeight: '200px',
-            maxWidth: '800px'
+            margin: 0,
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-word'
         }
-    })));
+    }, props.code))));
 };

package/dist/Plugins/mermaid/MermaidRendererImpl.d.ts

@@ -1,8 +1,4 @@
 import { CodeNode } from '../../MarkdownEditor/el';
-/**
- * Mermaid 渲染器组件实现
- * 负责实际的图表渲染逻辑
- */
 export declare const MermaidRendererImpl: (props: {
     element: CodeNode;
 }) => any;

package/dist/Plugins/mermaid/MermaidRendererImpl.js

@@ -4,10 +4,12 @@ import React, { useContext, useMemo, useRef } from "react";
 import { useIntersectionOnce } from "../../Hooks/useIntersectionOnce";
 import { useStyle } from "./style";
 import { useMermaidRender } from "./useMermaidRender";
-/**
- * Mermaid 渲染器组件实现
- * 负责实际的图表渲染逻辑
- */ export var MermaidRendererImpl = function MermaidRendererImpl(props) {
+var PRE_STYLE = {
+    margin: 0,
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word'
+};
+export var MermaidRendererImpl = function MermaidRendererImpl(props) {
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = (context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-plugin-mermaid')) || 'plugin-mermaid';
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -29,9 +31,9 @@ import { useMermaidRender } from "./useMermaidRender";
         renderedCode,
         isError
     ]);
-    var style = useMemo(function() {
+    var containerStyle = useMemo(function() {
         return {
-            visibility: isRendered ? 'visible' : 'hidden',
+            opacity: isRendered ? 1 : 0,
             pointerEvents: isRendered ? 'auto' : 'none',
             width: '100%',
             height: isRendered ? '100%' : '0',
@@ -42,8 +44,8 @@ import { useMermaidRender } from "./useMermaidRender";
     }, [
         isRendered
     ]);
-    var renderCode = props.element.value || '';
-    var dom = /*#__PURE__*/ React.createElement("div", {
+    var code = props.element.value || '';
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         ref: containerRef,
         className: classNames(baseCls, hashId),
         contentEditable: false
@@ -51,24 +53,15 @@ import { useMermaidRender } from "./useMermaidRender";
         contentEditable: false,
         ref: divRef,
         className: classNames(hashId),
-        style: style,
+        style: containerStyle,
         "data-mermaid-container": "true"
     }), error && /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseCls, "-error"), hashId)
     }, /*#__PURE__*/ React.createElement("pre", {
-        style: {
-            margin: 0,
-            whiteSpace: 'pre-wrap',
-            wordBreak: 'break-word'
-        }
-    }, renderCode)), !renderedCode && !error && /*#__PURE__*/ React.createElement("div", {
+        style: PRE_STYLE
+    }, code)), !renderedCode && !error && /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseCls, "-empty"), hashId)
     }, /*#__PURE__*/ React.createElement("pre", {
-        style: {
-            margin: 0,
-            whiteSpace: 'pre-wrap',
-            wordBreak: 'break-word'
-        }
-    }, renderCode)));
-    return wrapSSR(dom);
+        style: PRE_STYLE
+    }, code))));
 };

package/dist/Plugins/mermaid/style.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-/**
- * Mermaid 插件样式 Hook
- * @param prefixCls - 样式类名前缀
- * @returns 样式相关的 wrapSSR 和 hashId
- */
 export declare function useStyle(prefixCls?: string): {
     hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;