@ant-design/agentic-ui 2.30.22 → 2.30.24

package/dist/Bubble/MessagesContent/MarkdownPreview.d.ts

@@ -1,77 +1,19 @@
 import React from 'react';
 import { MarkdownEditorProps } from '../../';
 import { MessageBubbleData } from '../type';
-/**
- * MarkdownPreview 组件用于渲染 Markdown 内容的预览。
- *
- * @param {Object} props - 组件的属性。
- * @param {string} props.content - 要渲染的 Markdown 内容。
- * @param {MarkdownEditorProps['fncProps']} props.fncProps - Markdown 编辑器的函数属性。
- * @param {boolean} [props.typing] - 是否启用打字机效果。
- * @param {React.ReactNode} props.extra - 额外的 React 节点。
- * @param {React.ReactNode} props.docListNode - 文档列表节点。
- * @param {React.RefObject<HTMLDivElement>} props.htmlRef - HTML 元素的引用。
- *
- * @returns {JSX.Element} 渲染的 Markdown 预览组件。
- */
 export interface MarkdownPreviewProps {
-    /** markdown 源文本内容，例如: "# 标题\n这是正文" */
     content: string;
-    /** markdown 编辑器的功能属性配置，控制编辑器行为 */
     fncProps?: MarkdownEditorProps['fncProps'];
     placement?: 'left' | 'right';
-    /** 是否启用打字机效果，例如: true */
     typing?: boolean;
-    /** 额外的 React 节点，用于显示附加内容，例如: <Button>更多</Button> */
     extra?: React.ReactNode;
-    /** 文档列表节点，用于展示相关文档，例如: <DocList items={[...]} /> */
     docListNode?: React.ReactNode;
-    /** HTML 元素的引用，用于获取容器尺寸，例如: useRef<HTMLDivElement>(null) */
     htmlRef?: React.RefObject<HTMLDivElement>;
-    /** 内容是否已完成加载，例如: true */
     isFinished?: boolean;
     style?: React.CSSProperties;
     originData?: MessageBubbleData;
     markdownRenderConfig?: MarkdownEditorProps;
-    /** 在 content 前面插入的 DOM 元素，例如: <div>前置内容</div> */
     beforeContent: React.ReactNode;
-    /** 在 content 后面插入的 DOM 元素，例如: <div>后置内容</div> */
     afterContent: React.ReactNode;
 }
-/**
- * Markdown 预览组件
- * @component MarkdownPreview
- *
- * @param {Object} props - 组件属性
- * @param {string} props.content - Markdown 内容
- * @param {ReactNode} props.extra - 额外的内容
- * @param {boolean} props.typing - 是否正在输入
- * @param {React.RefObject} props.htmlRef - HTML 元素的引用
- * @param {Object} props.fncProps - 功能属性
- * @param {ReactNode} props.docListNode - 文档列表节点
- * @param {boolean} props.isFinished - 内容是否已完成
- * @param {ReactNode} props.beforeContent - 在 content 前面插入的 DOM 元素
- * @param {ReactNode} props.afterContent - 在 content 后面插入的 DOM 元素
- *
- * @description
- * 这是一个用于渲染 Markdown 内容的预览组件。它支持以下功能：
- * - 普通 Markdown 渲染
- * - 支持打字机效果
- * - 错误边界处理
- * - 支持 Apaasify 自定义渲染
- * - 支持紧凑模式和标准模式
- * - 支持弹出层展示额外内容
- * - 支持在 content 前后插入自定义 DOM 元素
- *
- * @example
- * ```tsx
- * <MarkdownPreview
- *   content="# Hello World"
- *   typing={false}
- *   htmlRef={ref}
- *   beforeContent={<div>前置内容</div>}
- *   afterContent={<div>后置内容</div>}
- * />
- * ```
- */
 export declare const MarkdownPreview: (props: MarkdownPreviewProps) => React.JSX.Element;

package/dist/Bubble/MessagesContent/MarkdownPreview.js

@@ -50,7 +50,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { Popover, theme } from "antd";
+import { Popover } from "antd";
 import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { MarkdownEditor, parserMdToSchema } from "../..";
@@ -58,99 +58,69 @@ import { useLocale } from "../../I18n";
 import { MarkdownRenderer } from "../../MarkdownRenderer";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { MessagesContext } from "./BubbleContext";
-/**
- * Markdown 预览组件
- * @component MarkdownPreview
- *
- * @param {Object} props - 组件属性
- * @param {string} props.content - Markdown 内容
- * @param {ReactNode} props.extra - 额外的内容
- * @param {boolean} props.typing - 是否正在输入
- * @param {React.RefObject} props.htmlRef - HTML 元素的引用
- * @param {Object} props.fncProps - 功能属性
- * @param {ReactNode} props.docListNode - 文档列表节点
- * @param {boolean} props.isFinished - 内容是否已完成
- * @param {ReactNode} props.beforeContent - 在 content 前面插入的 DOM 元素
- * @param {ReactNode} props.afterContent - 在 content 后面插入的 DOM 元素
- *
- * @description
- * 这是一个用于渲染 Markdown 内容的预览组件。它支持以下功能：
- * - 普通 Markdown 渲染
- * - 支持打字机效果
- * - 错误边界处理
- * - 支持 Apaasify 自定义渲染
- * - 支持紧凑模式和标准模式
- * - 支持弹出层展示额外内容
- * - 支持在 content 前后插入自定义 DOM 元素
- *
- * @example
- * ```tsx
- * <MarkdownPreview
- *   content="# Hello World"
- *   typing={false}
- *   htmlRef={ref}
- *   beforeContent={<div>前置内容</div>}
- *   afterContent={<div>后置内容</div>}
- * />
- * ```
- */ export var MarkdownPreview = function MarkdownPreview(props) {
-    var _ref, _ref1, _ref2;
-    var _props_markdownRenderConfig, _props_markdownRenderConfig1, _props_originData, _props_originData1, _props_originData2;
+var CONTAINER_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    minWidth: 0,
+    maxWidth: '100%'
+};
+var POPOVER_SHARED_STYLE = {
+    padding: 0,
+    borderRadius: 'var(--radius-control-sm)',
+    background: 'var(--color-primary-bg-page)',
+    boxShadow: 'var(--shadow-control-base)'
+};
+export var MarkdownPreview = function MarkdownPreview(props) {
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
+    var _props_originData, _props_originData1, _props_originData2, _props_originData3;
     var content = props.content, extra = props.extra, typing = props.typing, htmlRef = props.htmlRef, fncProps = props.fncProps, docListNode = props.docListNode, beforeContent = props.beforeContent, afterContent = props.afterContent;
-    var MarkdownEditorRef = React.useRef(undefined);
+    var editorRef = React.useRef(undefined);
     var hidePadding = (useContext(MessagesContext) || {}).hidePadding;
     var config = useContext(BubbleConfigContext);
     var locale = useLocale();
     var standalone = config === null || config === void 0 ? void 0 : config.standalone;
     var extraShowOnHover = config === null || config === void 0 ? void 0 : config.extraShowOnHover;
-    var token = theme.useToken().token;
-    var renderMode = (_ref = (_ref1 = (_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.renderMode) !== null && _ref1 !== void 0 ? _ref1 : (_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : _props_markdownRenderConfig1.renderType) !== null && _ref !== void 0 ? _ref : 'slate';
-    var shouldAnimateMarkdown = Boolean(typing) && ((_ref2 = (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isLast) !== null && _ref2 !== void 0 ? _ref2 : true);
-    var isPaddingHidden = useMemo(function() {
-        return !!extra;
-    }, [
-        extra,
-        typing
-    ]);
+    var rc = props.markdownRenderConfig;
+    var renderMode = (_ref = (_ref1 = rc === null || rc === void 0 ? void 0 : rc.renderMode) !== null && _ref1 !== void 0 ? _ref1 : rc === null || rc === void 0 ? void 0 : rc.renderType) !== null && _ref !== void 0 ? _ref : 'slate';
+    var isStreaming = ((_ref2 = (_ref3 = rc === null || rc === void 0 ? void 0 : rc.streaming) !== null && _ref3 !== void 0 ? _ref3 : rc === null || rc === void 0 ? void 0 : rc.typewriter) !== null && _ref2 !== void 0 ? _ref2 : Boolean(typing)) && ((_ref4 = (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isLast) !== null && _ref4 !== void 0 ? _ref4 : true);
+    var isFinished = (_ref5 = (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished) !== null && _ref5 !== void 0 ? _ref5 : props.isFinished;
+    var noPadding = !!extra;
     useEffect(function() {
-        var _MarkdownEditorRef_current;
+        var _editorRef_current;
         if (renderMode !== 'slate') return;
-        var schema = parserMdToSchema(content).schema;
-        (_MarkdownEditorRef_current = MarkdownEditorRef.current) === null || _MarkdownEditorRef_current === void 0 ? void 0 : _MarkdownEditorRef_current.store.updateNodeList(schema);
+        (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.store.updateNodeList(parserMdToSchema(content).schema);
     }, [
         content,
         renderMode
     ]);
     var markdown = useMemo(function() {
-        var _ref, _ref1;
-        var _content_includes, _htmlRef_current, _htmlRef_current1, _props_markdownRenderConfig, _props_originData, _props_originData1, _props_originData2, _props_markdownRenderConfig1, _props_markdownRenderConfig2, _props_originData3, _props_markdownRenderConfig3;
-        // MarkdownRenderer 渲染路径——轻量，不创建 Slate 实例
+        var _content_includes, _htmlRef_current, _htmlRef_current1, _props_originData, _props_originData1, _props_originData2;
         if (renderMode === 'markdown') {
-            var _props_originData4, _props_markdownRenderConfig4, _props_markdownRenderConfig5, _props_markdownRenderConfig6, _props_markdownRenderConfig7, _props_markdownRenderConfig8, _props_markdownRenderConfig9, _props_markdownRenderConfig10, _props_markdownRenderConfig11;
             return /*#__PURE__*/ React.createElement(MarkdownRenderer, {
                 content: content,
-                streaming: shouldAnimateMarkdown,
-                isFinished: (_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : _props_originData4.isFinished,
-                plugins: (_props_markdownRenderConfig4 = props.markdownRenderConfig) === null || _props_markdownRenderConfig4 === void 0 ? void 0 : _props_markdownRenderConfig4.plugins,
-                queueOptions: (_props_markdownRenderConfig5 = props.markdownRenderConfig) === null || _props_markdownRenderConfig5 === void 0 ? void 0 : _props_markdownRenderConfig5.queueOptions,
-                streamingParagraphAnimation: (_props_markdownRenderConfig6 = props.markdownRenderConfig) === null || _props_markdownRenderConfig6 === void 0 ? void 0 : _props_markdownRenderConfig6.streamingParagraphAnimation,
+                streaming: isStreaming,
+                isFinished: isFinished,
+                plugins: rc === null || rc === void 0 ? void 0 : rc.plugins,
+                remarkPlugins: rc === null || rc === void 0 ? void 0 : rc.markdownToHtmlOptions,
+                queueOptions: rc === null || rc === void 0 ? void 0 : rc.queueOptions,
+                streamingParagraphAnimation: rc === null || rc === void 0 ? void 0 : rc.streamingParagraphAnimation,
                 fncProps: fncProps,
-                linkConfig: (_props_markdownRenderConfig7 = props.markdownRenderConfig) === null || _props_markdownRenderConfig7 === void 0 ? void 0 : _props_markdownRenderConfig7.linkConfig,
+                linkConfig: rc === null || rc === void 0 ? void 0 : rc.linkConfig,
+                codeProps: rc === null || rc === void 0 ? void 0 : rc.codeProps,
+                apaasify: rc === null || rc === void 0 ? void 0 : rc.apaasify,
+                fileMapConfig: rc === null || rc === void 0 ? void 0 : rc.fileMapConfig,
+                eleRender: rc === null || rc === void 0 ? void 0 : rc.eleRender,
                 style: _object_spread({
                     maxWidth: standalone ? '100%' : undefined,
-                    padding: isPaddingHidden ? 0 : undefined,
-                    margin: isPaddingHidden ? 0 : undefined
-                }, ((_props_markdownRenderConfig8 = props.markdownRenderConfig) === null || _props_markdownRenderConfig8 === void 0 ? void 0 : _props_markdownRenderConfig8.style) || {}),
-                codeProps: (_props_markdownRenderConfig9 = props.markdownRenderConfig) === null || _props_markdownRenderConfig9 === void 0 ? void 0 : _props_markdownRenderConfig9.codeProps,
-                apaasify: (_props_markdownRenderConfig10 = props.markdownRenderConfig) === null || _props_markdownRenderConfig10 === void 0 ? void 0 : _props_markdownRenderConfig10.apaasify,
-                fileMapConfig: (_props_markdownRenderConfig11 = props.markdownRenderConfig) === null || _props_markdownRenderConfig11 === void 0 ? void 0 : _props_markdownRenderConfig11.fileMapConfig
+                    padding: noPadding ? 0 : undefined,
+                    margin: noPadding ? 0 : undefined
+                }, (rc === null || rc === void 0 ? void 0 : rc.style) || {})
             });
         }
-        // Slate 渲染路径——保持向后兼容
         var minWidth = (content === null || content === void 0 ? void 0 : (_content_includes = content.includes) === null || _content_includes === void 0 ? void 0 : _content_includes.call(content, 'chartType')) ? standalone ? Math.max(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current = htmlRef.current) === null || _htmlRef_current === void 0 ? void 0 : _htmlRef_current.clientWidth) || 600) - 23, 500) : Math.min(((htmlRef === null || htmlRef === void 0 ? void 0 : (_htmlRef_current1 = htmlRef.current) === null || _htmlRef_current1 === void 0 ? void 0 : _htmlRef_current1.clientWidth) || 600) - 128, 500) : undefined;
-        return /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, props.markdownRenderConfig || {}), {
+        return /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, rc || {}), {
             fncProps: fncProps,
-            editorRef: MarkdownEditorRef,
+            editorRef: editorRef,
             initValue: content,
             toc: false,
             width: "100%",
@@ -160,7 +130,7 @@ import { MessagesContext } from "./BubbleContext";
                 actions: {
                     fullScreen: 'modal'
                 }
-            }, ((_props_markdownRenderConfig = props.markdownRenderConfig) === null || _props_markdownRenderConfig === void 0 ? void 0 : _props_markdownRenderConfig.tableConfig) || {}),
+            }, (rc === null || rc === void 0 ? void 0 : rc.tableConfig) || {}),
             deps: [
                 String((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isLast),
                 String((_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isFinished),
@@ -169,116 +139,69 @@ import { MessagesContext } from "./BubbleContext";
             rootContainer: htmlRef,
             editorStyle: _object_spread({
                 fontSize: 14
-            }, ((_props_markdownRenderConfig1 = props.markdownRenderConfig) === null || _props_markdownRenderConfig1 === void 0 ? void 0 : _props_markdownRenderConfig1.editorStyle) || {}),
-            typewriter: ((_ref = (_props_markdownRenderConfig2 = props.markdownRenderConfig) === null || _props_markdownRenderConfig2 === void 0 ? void 0 : _props_markdownRenderConfig2.typewriter) !== null && _ref !== void 0 ? _ref : shouldAnimateMarkdown) && ((_ref1 = (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.isLast) !== null && _ref1 !== void 0 ? _ref1 : true),
+            }, (rc === null || rc === void 0 ? void 0 : rc.editorStyle) || {}),
+            streaming: isStreaming,
             style: _object_spread({
                 minWidth: minWidth ? "min(".concat(minWidth, "px,100%)") : undefined,
                 maxWidth: standalone ? '100%' : undefined,
-                padding: isPaddingHidden ? 0 : undefined,
-                margin: isPaddingHidden ? 0 : undefined
-            }, ((_props_markdownRenderConfig3 = props.markdownRenderConfig) === null || _props_markdownRenderConfig3 === void 0 ? void 0 : _props_markdownRenderConfig3.style) || {}),
+                padding: noPadding ? 0 : undefined,
+                margin: noPadding ? 0 : undefined
+            }, (rc === null || rc === void 0 ? void 0 : rc.style) || {}),
             readonly: true
         }));
     }, [
         hidePadding,
         typing,
-        (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.isLast,
-        (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.isFinished,
-        isPaddingHidden,
+        (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.isLast,
+        (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.isFinished,
+        noPadding,
         content,
         renderMode,
-        props.markdownRenderConfig,
+        rc,
         fncProps,
         standalone
     ]);
     var errorDom = /*#__PURE__*/ React.createElement("div", {
         style: {
             padding: 'var(--padding-5x)',
-            background: ' #FFFFFF',
-            color: token.colorError,
+            background: 'var(--ant-color-bg-container, #fff)',
+            color: 'var(--ant-color-error, #ff4d4f)',
             borderRadius: '16px 16px 2px 16px',
-            border: '1px solid ' + token.colorErrorBorder,
+            border: '1px solid var(--ant-color-error-border, #ffccc7)',
             marginLeft: props.placement === 'right' ? 0 : 24,
             marginRight: props.placement === 'right' ? 24 : 0
         }
     }, (locale === null || locale === void 0 ? void 0 : locale['error.unexpected']) || '出现点意外情况，请重新发送');
-    // 未开启 extraShowOnHover 时，extra 常驻展示（左右均作为兄弟节点渲染）
-    if (!extraShowOnHover) {
-        return /*#__PURE__*/ React.createElement("div", {
-            style: {
-                display: 'flex',
-                flexDirection: 'column',
-                minWidth: 0,
-                maxWidth: '100%'
-            }
-        }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
-            fallback: errorDom
-        }, beforeContent, markdown, docListNode, afterContent), extra);
-    }
-    // extraShowOnHover 开启时，无 extra 直接返回内容，避免 hover 出现空浮层
-    // 生成中（typing）时不使用 Popover，避免 hover 展示 extra
-    if (!extra || typing) {
-        return /*#__PURE__*/ React.createElement("div", {
-            style: {
-                display: 'flex',
-                flexDirection: 'column',
-                minWidth: 0,
-                maxWidth: '100%'
-            }
-        }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
-            fallback: errorDom
-        }, beforeContent, markdown, docListNode, afterContent));
-    }
-    // extraShowOnHover 开启时，左右两侧均通过 Popover 在 hover 时展示 extra
+    var body = /*#__PURE__*/ React.createElement("div", {
+        style: CONTAINER_STYLE
+    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+        fallback: errorDom
+    }, beforeContent, markdown, docListNode, afterContent), !extraShowOnHover && extra);
+    if (!extraShowOnHover || !extra || typing) return body;
     var isLeft = props.placement === 'left';
-    var popoverAlign = isLeft ? {
-        points: [
-            'tl',
-            'bl'
-        ],
-        offset: [
-            0,
-            -12
-        ]
-    } : {
-        points: [
-            'tr',
-            'br'
-        ],
-        offset: [
-            0,
-            -12
-        ]
-    };
-    var popoverPlacement = isLeft ? 'bottomLeft' : 'bottomRight';
     return /*#__PURE__*/ React.createElement(Popover, {
         trigger: "hover",
-        align: popoverAlign,
+        align: {
+            points: isLeft ? [
+                'tl',
+                'bl'
+            ] : [
+                'tr',
+                'br'
+            ],
+            offset: [
+                0,
+                -12
+            ]
+        },
         content: extra,
         styles: {
-            root: {
-                padding: 0,
-                borderRadius: 'var(--radius-control-sm)',
-                background: 'var(--color-primary-bg-page)',
-                boxShadow: 'var(--shadow-control-base)'
-            },
-            body: {
-                padding: 'var(--padding-0-5x)',
-                borderRadius: 'var(--radius-control-sm)',
-                background: 'var(--color-primary-bg-page)',
-                boxShadow: 'var(--shadow-control-base)'
-            }
+            root: POPOVER_SHARED_STYLE,
+            body: _object_spread_props(_object_spread({}, POPOVER_SHARED_STYLE), {
+                padding: 'var(--padding-0-5x)'
+            })
         },
         arrow: false,
-        placement: popoverPlacement
-    }, /*#__PURE__*/ React.createElement("div", {
-        style: {
-            display: 'flex',
-            flexDirection: 'column',
-            minWidth: 0,
-            maxWidth: '100%'
-        }
-    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
-        fallback: errorDom
-    }, beforeContent, markdown, docListNode, afterContent)));
+        placement: isLeft ? 'bottomLeft' : 'bottomRight'
+    }, body);
 };

package/dist/Hooks/useAutoScroll.js

@@ -277,16 +277,18 @@ var SCROLL_TOLERANCE = 20;
         var container = containerRef.current;
         if (!container) return;
         observer.current = new MutationObserver(function(mutations) {
-            var hasAddedNodes = mutations.some(function(m) {
-                return m.addedNodes.length > 0;
+            var shouldCheck = mutations.some(function(m) {
+                var _ref, _ref1;
+                var _m_addedNodes, _m_removedNodes;
+                return ((_ref = (_m_addedNodes = m.addedNodes) === null || _m_addedNodes === void 0 ? void 0 : _m_addedNodes.length) !== null && _ref !== void 0 ? _ref : 0) > 0 || ((_ref1 = (_m_removedNodes = m.removedNodes) === null || _m_removedNodes === void 0 ? void 0 : _m_removedNodes.length) !== null && _ref1 !== void 0 ? _ref1 : 0) > 0 || m.type === 'characterData';
             });
-            if (hasAddedNodes) checkScroll === null || checkScroll === void 0 ? void 0 : checkScroll();
+            if (shouldCheck) checkScroll === null || checkScroll === void 0 ? void 0 : checkScroll();
         });
         observer.current.observe(container, {
             childList: true,
             subtree: true,
             attributes: false,
-            characterData: false
+            characterData: true
         });
         return function() {
             var _observer_current;

package/dist/MarkdownEditor/BaseMarkdownEditor.d.ts

@@ -7,54 +7,5 @@ export * from './editor/elements';
 export * from './editor/utils';
 export * from './el';
 export * from './types';
-/**
- * BaseMarkdownEditor 组件 - 基础Markdown编辑器组件
- *
- * 该组件是Markdown编辑器的核心实现，基于Slate.js构建，提供完整的Markdown编辑功能。
- * 支持插件系统、工具栏、目录、只读模式等功能，是MarkdownEditor的基础组件。
- *
- * @component
- * @description 基础Markdown编辑器组件，提供核心的Markdown编辑功能
- * @param {MarkdownEditorProps} props - 组件属性
- * @param {string} [props.initValue] - 初始值
- * @param {(value: string) => void} [props.onChange] - 内容变化回调
- * @param {React.RefObject} [props.editorRef] - 编辑器引用
- * @param {boolean} [props.readonly] - 是否只读模式
- * @param {Plugin[]} [props.plugins] - 插件列表
- * @param {ToolBarConfig} [props.toolBar] - 工具栏配置
- * @param {boolean} [props.toc] - 是否显示目录
- * @param {string|number} [props.width] - 编辑器宽度
- * @param {string|number} [props.height] - 编辑器高度
- * @param {React.CSSProperties} [props.style] - 容器样式
- * @param {React.CSSProperties} [props.contentStyle] - 内容区域样式
- * @param {React.CSSProperties} [props.editorStyle] - 编辑器样式
- * @param {MarkdownRenderConfig} [props.markdownRenderConfig] - Markdown渲染配置
- * @param {Function} [props.onBlur] - 失焦回调
- * @param {Function} [props.onFocus] - 聚焦回调
- *
- * @example
- * ```tsx
- * <BaseMarkdownEditor
- *   initValue="# Hello World"
- *   onChange={(value) => console.log('内容变化:', value)}
- *   editorRef={editorRef}
- *   readonly={false}
- *   toc={true}
- *   toolBar={{ show: true }}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的基础Markdown编辑器组件
- *
- * @remarks
- * - 基于Slate.js构建
- * - 支持插件系统扩展
- * - 提供完整的工具栏功能
- * - 支持目录生成
- * - 支持只读模式
- * - 提供焦点管理
- * - 支持错误捕获
- * - 支持键盘事件处理
- * - 提供Markdown解析和渲染
- */
+/** 基于 Slate.js 的 Markdown 编辑器核心组件，readonly + renderMode='markdown' 时走轻量 MarkdownRenderer */
 export declare const BaseMarkdownEditor: React.FC<MarkdownEditorProps>;

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -199,57 +199,8 @@ var I18nBoundary = function I18nBoundary(param) {
     }
     return /*#__PURE__*/ React.createElement(I18nProvide, null, children);
 };
-/**
- * BaseMarkdownEditor 组件 - 基础Markdown编辑器组件
- *
- * 该组件是Markdown编辑器的核心实现，基于Slate.js构建，提供完整的Markdown编辑功能。
- * 支持插件系统、工具栏、目录、只读模式等功能，是MarkdownEditor的基础组件。
- *
- * @component
- * @description 基础Markdown编辑器组件，提供核心的Markdown编辑功能
- * @param {MarkdownEditorProps} props - 组件属性
- * @param {string} [props.initValue] - 初始值
- * @param {(value: string) => void} [props.onChange] - 内容变化回调
- * @param {React.RefObject} [props.editorRef] - 编辑器引用
- * @param {boolean} [props.readonly] - 是否只读模式
- * @param {Plugin[]} [props.plugins] - 插件列表
- * @param {ToolBarConfig} [props.toolBar] - 工具栏配置
- * @param {boolean} [props.toc] - 是否显示目录
- * @param {string|number} [props.width] - 编辑器宽度
- * @param {string|number} [props.height] - 编辑器高度
- * @param {React.CSSProperties} [props.style] - 容器样式
- * @param {React.CSSProperties} [props.contentStyle] - 内容区域样式
- * @param {React.CSSProperties} [props.editorStyle] - 编辑器样式
- * @param {MarkdownRenderConfig} [props.markdownRenderConfig] - Markdown渲染配置
- * @param {Function} [props.onBlur] - 失焦回调
- * @param {Function} [props.onFocus] - 聚焦回调
- *
- * @example
- * ```tsx
- * <BaseMarkdownEditor
- *   initValue="# Hello World"
- *   onChange={(value) => console.log('内容变化:', value)}
- *   editorRef={editorRef}
- *   readonly={false}
- *   toc={true}
- *   toolBar={{ show: true }}
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的基础Markdown编辑器组件
- *
- * @remarks
- * - 基于Slate.js构建
- * - 支持插件系统扩展
- * - 提供完整的工具栏功能
- * - 支持目录生成
- * - 支持只读模式
- * - 提供焦点管理
- * - 支持错误捕获
- * - 支持键盘事件处理
- * - 提供Markdown解析和渲染
- */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
-    var _ref, _props_typewriter, _props_readonly;
+/** 基于 Slate.js 的 Markdown 编辑器核心组件，readonly + renderMode='markdown' 时走轻量 MarkdownRenderer */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
+    var _ref, _ref1, _props_streaming, _props_readonly;
     var _props_jinja, _effectiveJinja_templatePanel, _props_floatBar, _props_floatBar1, _props_textAreaProps;
     var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, style = props.style, _props_contentStyle = props.contentStyle, contentStyle = _props_contentStyle === void 0 ? {
         height: '100%'
@@ -416,8 +367,9 @@ var I18nBoundary = function I18nBoundary(param) {
     var jinjaTemplatePanelEnabled = jinjaEnabled && effectiveJinja !== undefined && effectiveJinja !== null && effectiveJinja.templatePanel !== false && (_type_of(effectiveJinja.templatePanel) !== 'object' || ((_effectiveJinja_templatePanel = effectiveJinja.templatePanel) === null || _effectiveJinja_templatePanel === void 0 ? void 0 : _effectiveJinja_templatePanel.enable) !== false);
     var _useState7 = _sliced_to_array(useState(false), 2), openJinjaTemplate = _useState7[0], setOpenJinjaTemplate = _useState7[1];
     var _useState8 = _sliced_to_array(useState(null), 2), jinjaAnchorPath = _useState8[0], setJinjaAnchorPath = _useState8[1];
+    var isStreaming = (_ref1 = (_props_streaming = props.streaming) !== null && _props_streaming !== void 0 ? _props_streaming : props.typewriter) !== null && _ref1 !== void 0 ? _ref1 : false;
     if (readonly && effectiveRenderMode === 'markdown') {
-        var _props_typewriter1;
+        var _props_isFinished;
         var _obj;
         return wrapSSR(/*#__PURE__*/ React.createElement(I18nBoundary, null, /*#__PURE__*/ React.createElement(PluginContext.Provider, {
             value: props.plugins || []
@@ -431,7 +383,10 @@ var I18nBoundary = function I18nBoundary(param) {
             ref: markdownContainerRef
         }, /*#__PURE__*/ React.createElement(MarkdownRenderer, {
             content: initValue || '',
-            streaming: (_props_typewriter1 = props.typewriter) !== null && _props_typewriter1 !== void 0 ? _props_typewriter1 : false,
+            streaming: isStreaming,
+            isFinished: (_props_isFinished = props.isFinished) !== null && _props_isFinished !== void 0 ? _props_isFinished : !isStreaming,
+            queueOptions: props.queueOptions,
+            streamingParagraphAnimation: props.streamingParagraphAnimation,
             plugins: props.plugins,
             remarkPlugins: props.markdownToHtmlOptions,
             codeProps: props.codeProps,
@@ -442,7 +397,8 @@ var I18nBoundary = function I18nBoundary(param) {
             prefixCls: baseClassName,
             fncProps: props.fncProps,
             linkConfig: props.linkConfig,
-            eleRender: props.eleRender
+            eleRender: props.eleRender,
+            fileMapConfig: props.fileMapConfig
         }), children))));
     }
     var _obj1;
@@ -462,7 +418,7 @@ var I18nBoundary = function I18nBoundary(param) {
             store: instance.store,
             domRect: domRect,
             setDomRect: setDomRect,
-            typewriter: (_props_typewriter = props.typewriter) !== null && _props_typewriter !== void 0 ? _props_typewriter : false,
+            typewriter: isStreaming,
             readonly: (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : false,
             editorProps: effectiveJinja !== undefined ? _object_spread_props(_object_spread({}, props), {
                 jinja: effectiveJinja

package/dist/MarkdownEditor/editor/Editor.js

@@ -498,13 +498,12 @@ var defaultAllowedTypes = [
                             _getSelectionContent1 = getSelectionContent(selection), markdown1 = _getSelectionContent1.markdown, nodes1 = _getSelectionContent1.nodes;
                             (_props_onSelectionChange2 = props.onSelectionChange) === null || _props_onSelectionChange2 === void 0 ? void 0 : _props_onSelectionChange2.call(props, selection, markdown1, nodes1);
                         }
-                        // 只有在有实际选中文本时才显示工具栏
-                        if (!Range.isCollapsed(selection)) {
-                            range = ReactEditor.toDOMRange(markdownEditorRef.current, selection);
-                            rect = range === null || range === void 0 ? void 0 : range.getBoundingClientRect();
-                            if (rect) {
-                                setDomRect === null || setDomRect === void 0 ? void 0 : setDomRect(rect);
-                            } else {
+                        if (!Range.isCollapsed(selection) && Editor.hasPath(markdownEditorRef.current, selection.anchor.path) && Editor.hasPath(markdownEditorRef.current, selection.focus.path)) {
+                            try {
+                                range = ReactEditor.toDOMRange(markdownEditorRef.current, selection);
+                                rect = range === null || range === void 0 ? void 0 : range.getBoundingClientRect();
+                                setDomRect === null || setDomRect === void 0 ? void 0 : setDomRect(rect !== null && rect !== void 0 ? rect : null);
+                            } catch (unused) {
                                 setDomRect === null || setDomRect === void 0 ? void 0 : setDomRect(null);
                             }
                         } else {
@@ -651,10 +650,13 @@ var defaultAllowedTypes = [
                 var _event_clipboardData;
                 (_event_clipboardData = event.clipboardData) === null || _event_clipboardData === void 0 ? void 0 : _event_clipboardData.clearData();
                 var editor = markdownEditorRef.current;
+                var sel = editor.selection;
+                if (!Editor.hasPath(editor, sel.anchor.path) || !Editor.hasPath(editor, sel.focus.path)) {
+                    return false;
+                }
                 try {
-                    // 复制HTML内容
                     var tempDiv = document.createElement('div');
-                    var domRange = ReactEditor.toDOMRange(editor, editor.selection);
+                    var domRange = ReactEditor.toDOMRange(editor, sel);
                     var selectedHtml = domRange.cloneContents();
                     tempDiv.appendChild(selectedHtml);
                     event.clipboardData.setData('text/html', tempDiv.innerHTML);

package/dist/MarkdownEditor/editor/elements/Code/index.js

@@ -85,6 +85,7 @@ export var Code = function Code(param) {
     // 检查代码块是否未闭合
     var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.finished) === false;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        "data-be": "code",
         "data-is-unclosed": isUnclosed || undefined,
         "data-language": element === null || element === void 0 ? void 0 : element.language,
         style: {

package/dist/MarkdownEditor/editor/plugins/elements.d.ts

@@ -12,6 +12,8 @@ export type CheckMdParams = {
 interface MdNode {
     reg: RegExp;
     matchKey?: string | RegExp;
+    /** 为 true 时仅在 `markdown.matchInputToNode === true` 时参与匹配（避免首段 `- ` 误转列表） */
+    gatedByMatchInputToNode?: boolean;
     checkAllow?: (ctx: {
         editor: Editor;
         node: NodeEntry<Element>;