@ant-design/agentic-ui 2.29.12 → 2.29.13

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

@@ -50,6 +50,42 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
+    if (Object.getOwnPropertySymbols) {
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
@@ -151,61 +187,58 @@ var MElementComponent = function(props) {
         readonly: props.readonly,
         hasChildren: !!props.children
     });
+    // 只读时 omit deps，减少 props 变更面，利于 Readonly* 的 memo
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- 仅用于从 spread 中排除
+    var deps = props.deps, readonlyElementProps = _object_without_properties(props, [
+        "deps"
+    ]);
     // 表格元素特殊处理（tableRenderElement 内部已处理 readonly）
     var tableDom = tableRenderElement(props, {
         readonly: props.readonly
     });
     if (tableDom) {
-        debugInfo('MElementComponent - 使用表格渲染', {
-            elementType: props.element.type,
-            readonly: props.readonly
-        });
         return tableDom;
     }
-    debugInfo('MElementComponent - 选择元素渲染器', {
-        elementType: props.element.type,
-        readonly: props.readonly
-    });
     // 统一处理预览/编辑模式切换
     switch(props.element.type){
         case 'link-card':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyLinkCard, props) : /*#__PURE__*/ React.createElement(LinkCard, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyLinkCard, readonlyElementProps) : /*#__PURE__*/ React.createElement(LinkCard, props);
         case 'blockquote':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyBlockquote, props) : /*#__PURE__*/ React.createElement(Blockquote, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyBlockquote, readonlyElementProps) : /*#__PURE__*/ React.createElement(Blockquote, props);
         case 'head':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyHead, props) : /*#__PURE__*/ React.createElement(Head, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyHead, readonlyElementProps) : /*#__PURE__*/ React.createElement(Head, props);
         case 'hr':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyHr, props) : /*#__PURE__*/ React.createElement(Hr, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyHr, readonlyElementProps) : /*#__PURE__*/ React.createElement(Hr, props);
         case 'break':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyBreak, props) : /*#__PURE__*/ React.createElement(Break, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyBreak, readonlyElementProps) : /*#__PURE__*/ React.createElement(Break, props);
         case 'katex':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyKatex, props) : /*#__PURE__*/ React.createElement(Katex, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyKatex, readonlyElementProps) : /*#__PURE__*/ React.createElement(Katex, props);
         case 'inline-katex':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyInlineKatex, props) : /*#__PURE__*/ React.createElement(InlineKatex, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyInlineKatex, readonlyElementProps) : /*#__PURE__*/ React.createElement(InlineKatex, props);
         case 'mermaid':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyMermaid, props) : /*#__PURE__*/ React.createElement(Mermaid, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyMermaid, readonlyElementProps) : /*#__PURE__*/ React.createElement(Mermaid, props);
         case 'code':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyCode, props) : /*#__PURE__*/ React.createElement(Code, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyCode, readonlyElementProps) : /*#__PURE__*/ React.createElement(Code, props);
         case 'list-item':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyListItem, props) : /*#__PURE__*/ React.createElement(ListItem, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyListItem, readonlyElementProps) : /*#__PURE__*/ React.createElement(ListItem, props);
         case 'bulleted-list':
         case 'numbered-list':
         case 'list':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyList, props) : /*#__PURE__*/ React.createElement(List, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyList, readonlyElementProps) : /*#__PURE__*/ React.createElement(List, props);
         case 'schema':
         case 'apassify':
         case 'apaasify':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlySchema, props) : /*#__PURE__*/ React.createElement(Schema, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlySchema, readonlyElementProps) : /*#__PURE__*/ React.createElement(Schema, props);
         case 'image':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, props) : /*#__PURE__*/ React.createElement(EditorImage, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, readonlyElementProps) : /*#__PURE__*/ React.createElement(EditorImage, props);
         case 'media':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyMedia, props) : /*#__PURE__*/ React.createElement(Media, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyMedia, readonlyElementProps) : /*#__PURE__*/ React.createElement(Media, props);
         case 'footnoteDefinition':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyFootnoteDefinition, props) : /*#__PURE__*/ React.createElement(FootnoteDefinition, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyFootnoteDefinition, readonlyElementProps) : /*#__PURE__*/ React.createElement(FootnoteDefinition, props);
         case 'footnoteReference':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyFootnoteReference, props) : /*#__PURE__*/ React.createElement(FootnoteReference, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyFootnoteReference, readonlyElementProps) : /*#__PURE__*/ React.createElement(FootnoteReference, props);
         case 'card':
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyCard, props) : /*#__PURE__*/ React.createElement(WarpCard, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyCard, readonlyElementProps) : /*#__PURE__*/ React.createElement(WarpCard, props);
         case 'card-before':
             return /*#__PURE__*/ React.createElement("span", _object_spread({
                 style: {
@@ -235,15 +268,25 @@ var MElementComponent = function(props) {
                 "data-be": 'card-after'
             }, props.attributes), props.children);
         default:
-            debugInfo('MElementComponent - 使用默认段落渲染', {
-                elementType: props.element.type,
-                readonly: props.readonly
-            });
-            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyParagraph, props) : /*#__PURE__*/ React.createElement(Paragraph, props);
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyParagraph, readonlyElementProps) : /*#__PURE__*/ React.createElement(Paragraph, props);
     }
 };
 // 使用 React.memo 优化 MElement 组件的性能
 export var MElement = /*#__PURE__*/ React.memo(MElementComponent, areElementPropsEqual);
+/**
+ * 比较函数，用于优化 MLeaf 组件的渲染性能。
+ * 只读模式下可忽略 tagInputProps。
+ */ var areLeafPropsEqual = function(prev, next) {
+    if (prev.leaf !== next.leaf) return false;
+    if (prev.children !== next.children) return false;
+    if (prev.attributes !== next.attributes) return false;
+    if (prev.readonly !== next.readonly) return false;
+    if (!next.readonly && prev.tagInputProps !== next.tagInputProps) return false;
+    if (prev.fncProps !== next.fncProps) return false;
+    if (prev.comment !== next.comment) return false;
+    if (prev.linkConfig !== next.linkConfig) return false;
+    return true;
+};
 var MLeafComponent = function(props) {
     var _leaf_text;
     var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef;
@@ -263,43 +306,23 @@ var MLeafComponent = function(props) {
         text: (_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : _leaf_text.substring(0, 50)
     });
     var style = {};
-    var prefixClassName = classNames(props.hashId);
+    var prefixClassName = classNames(mdEditorBaseClass);
     var children = /*#__PURE__*/ React.createElement(React.Fragment, null, props.children);
     if (leaf.code || leaf.tag) {
         var _ref = (props === null || props === void 0 ? void 0 : props.leaf) || {}, text = _ref.text, tag = _ref.tag, placeholder = _ref.placeholder, autoOpen = _ref.autoOpen, triggerText = _ref.triggerText;
         var _ref1 = props.tagInputProps || {}, enable = _ref1.enable, tagTextRender = _ref1.tagTextRender;
-        debugInfo('MLeafComponent - 处理代码/标签', {
-            code: leaf.code,
-            tag: tag,
-            enable: enable,
-            hasTagTextRender: !!tagTextRender
-        });
-        if (enable && tag) {
-            debugInfo('MLeafComponent - 使用 TagPopup', {
-                text: text,
-                placeholder: placeholder,
-                autoOpen: autoOpen,
-                triggerText: triggerText
-            });
+        // 只读模式下不渲染 TagPopup 及 Transforms，仅展示 code 样式，提升性能
+        if (enable && tag && !props.readonly) {
             children = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TagPopup, _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
                 autoOpen: autoOpen
             }), props.tagInputProps), {
                 text: text,
                 onSelect: function(v, path, tagNode) {
                     var _markdownContainerRef_current;
-                    debugInfo('MLeafComponent - TagPopup onSelect', {
-                        value: v,
-                        path: path,
-                        hasTagNode: !!tagNode
-                    });
                     if (!v) return;
                     if (!(path === null || path === void 0 ? void 0 : path.length)) return;
                     if (!markdownEditorRef.current) return;
                     Editor.withoutNormalizing(markdownEditorRef.current, function() {
-                        debugInfo('MLeafComponent - 更新标签节点', {
-                            value: v,
-                            path: path
-                        });
                         var newText = (tagTextRender === null || tagTextRender === void 0 ? void 0 : tagTextRender(_object_spread_props(_object_spread({}, props, props.tagInputProps), {
                             text: v
                         }), "".concat(triggerText !== null && triggerText !== void 0 ? triggerText : '$').concat(v))) || "".concat(triggerText !== null && triggerText !== void 0 ? triggerText : '$').concat(v);
@@ -360,84 +383,55 @@ var MLeafComponent = function(props) {
                 placeholder: placeholder || (locale === null || locale === void 0 ? void 0 : locale['input.placeholder']) || '请输入'
             }), children));
         } else {
-            debugInfo('MLeafComponent - 使用内联代码样式', {
-                code: leaf.code,
-                tag: leaf.tag
-            });
+            prefixClassName = classNames(prefixClassName, mdEditorBaseClass + '-inline-code');
             children = /*#__PURE__*/ React.createElement("code", {
-                className: classNames(mdEditorBaseClass + '-inline-code', props.hashId)
+                className: prefixClassName
             }, children);
         }
     }
     if (leaf.highColor) {
         style.color = leaf.highColor;
-        debugInfo('MLeafComponent - 应用高亮颜色', {
-            color: leaf.highColor
-        });
     }
     if (leaf.color) {
         style.color = leaf.color;
-        debugInfo('MLeafComponent - 应用颜色', {
-            color: leaf.color
-        });
     }
     if (leaf.bold) {
         style.fontWeight = 'bold';
         children = /*#__PURE__*/ React.createElement("span", {
             "data-testid": "markdown-bold"
         }, children);
-        debugInfo('MLeafComponent - 应用粗体');
     }
     if (leaf.strikethrough) {
         children = /*#__PURE__*/ React.createElement("s", null, children);
-        debugInfo('MLeafComponent - 应用删除线');
     }
     if (leaf.italic) {
         style.fontStyle = 'italic';
-        debugInfo('MLeafComponent - 应用斜体');
     }
     if (leaf.html) {
         prefixClassName = classNames(prefixClassName, mdEditorBaseClass + '-m-html');
-        debugInfo('MLeafComponent - 应用 HTML 样式');
     }
     if (leaf.current) {
         style.background = '#f59e0b';
-        debugInfo('MLeafComponent - 应用当前高亮');
     }
     var selectFormat = function() {
         try {
-            debugInfo('MLeafComponent - selectFormat 调用');
             if (EditorUtils.isDirtLeaf(props.leaf)) {
                 var path = ReactEditor.findPath(markdownEditorRef.current, props.text);
-                debugInfo('MLeafComponent - 选择格式路径', {
-                    path: path
-                });
                 if (path) {
                     Transforms.select(markdownEditorRef.current, {
                         anchor: Editor.start(markdownEditorRef.current, path),
                         focus: Editor.end(markdownEditorRef.current, path)
                     });
-                    debugInfo('MLeafComponent - 格式选择完成');
                 }
             }
-        } catch (e) {
-            debugInfo('MLeafComponent - selectFormat 错误', {
-                error: e
-            });
-        }
+        } catch (e) {}
     };
     // 如果检测到 fnc、identifier 或 fnd，使用 FncLeaf 组件
     var hasFnc = leaf.fnc || leaf.identifier || leaf.fnd;
     var hasComment = !!leaf.comment;
     if (hasFnc) {
-        debugInfo('MLeafComponent - 使用 FncLeaf 组件', {
-            hasFnc: !!leaf.fnc,
-            hasIdentifier: !!leaf.identifier,
-            hasFnd: !!leaf.fnd
-        });
-        var baseClassName = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId);
+        var baseClassName = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim());
         var fncDom = /*#__PURE__*/ React.createElement(FncLeaf, _object_spread_props(_object_spread({}, props), {
-            hashId: props.hashId,
             fncProps: props.fncProps,
             linkConfig: props.linkConfig,
             style: style,
@@ -447,47 +441,32 @@ var MLeafComponent = function(props) {
         if (hasComment) {
             return /*#__PURE__*/ React.createElement(CommentLeaf, {
                 leaf: props.leaf,
-                hashId: props.hashId,
                 comment: props.comment
             }, fncDom);
         }
         return fncDom;
     }
-    var baseClassName1 = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId);
+    var baseClassName1 = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim());
     var dom = /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, props.attributes), {
         "data-be": "text",
         draggable: false,
         onDragStart: dragStart,
         onClick: function(e) {
             var _props_linkConfig, _props_linkConfig1, _props_linkConfig2;
-            debugInfo('MLeafComponent - onClick 事件', {
-                detail: e.detail,
-                hasUrl: !!leaf.url
-            });
-            if (e.detail === 2) {
-                debugInfo('MLeafComponent - 双击选择格式');
+            if (e.detail === 2 && !props.readonly) {
                 selectFormat();
             }
             if ((_props_linkConfig = props.linkConfig) === null || _props_linkConfig === void 0 ? void 0 : _props_linkConfig.onClick) {
                 var _props_linkConfig3;
                 var res = (_props_linkConfig3 = props.linkConfig) === null || _props_linkConfig3 === void 0 ? void 0 : _props_linkConfig3.onClick(leaf.url);
-                debugInfo('MLeafComponent - 链接点击处理', {
-                    result: res
-                });
                 if (res === false) {
                     return;
                 }
             }
             if (leaf.url && ((_props_linkConfig1 = props.linkConfig) === null || _props_linkConfig1 === void 0 ? void 0 : _props_linkConfig1.openInNewTab) !== false) {
-                debugInfo('MLeafComponent - 新标签页打开链接', {
-                    url: leaf.url
-                });
                 window.open(leaf.url, '_blank');
             }
             if (leaf.url && ((_props_linkConfig2 = props.linkConfig) === null || _props_linkConfig2 === void 0 ? void 0 : _props_linkConfig2.openInNewTab) === false) {
-                debugInfo('MLeafComponent - 当前窗口打开链接', {
-                    url: leaf.url
-                });
                 window.location.href = leaf.url;
             }
         },
@@ -500,13 +479,12 @@ var MLeafComponent = function(props) {
     if (hasComment) {
         return /*#__PURE__*/ React.createElement(CommentLeaf, {
             leaf: props.leaf,
-            hashId: props.hashId,
             comment: props.comment
         }, dom);
     }
     return dom;
 };
 // 使用 React.memo 优化 MLeaf 组件的性能
-export var MLeaf = /*#__PURE__*/ React.memo(MLeafComponent);
+export var MLeaf = /*#__PURE__*/ React.memo(MLeafComponent, areLeafPropsEqual);
 export { Blockquote, Break, Code, Head, Hr, InlineKatex, Katex, List, ListItem, Media, Mermaid, Paragraph, // 预览组件导出
 ReadonlyBlockquote, ReadonlyBreak, ReadonlyCard, ReadonlyCode, ReadonlyEditorImage, ReadonlyFootnoteDefinition, ReadonlyFootnoteReference, ReadonlyHead, ReadonlyHr, ReadonlyInlineKatex, ReadonlyKatex, ReadonlyLinkCard, ReadonlyList, ReadonlyListItem, ReadonlyMedia, ReadonlyMermaid, ReadonlyParagraph, ReadonlySchema, ReadonlyTableComponent, Schema };

package/dist/MarkdownEditor/editor/parser/parse/parseTable.d.ts

@@ -21,15 +21,16 @@ export declare const getColumnAlignment: (data: any[], columns: {
 /**
  * 解析表格或图表
  * @param table - 表格 AST 节点
- * @param preNode - 前一个节点（可能包含配置信息）
+ * @param preNode - 前一个节点（实际传入的是 Slate 的 preElement，即上一轮 push 到 els 的节点）
  * @param plugins - 插件数组
  * @param parseNodes - 解析节点的函数，用于解析单元格内容
  * @param parserConfig - 解析配置
+ * @param contextChartConfig - 由上一条 HTML 注释（<!-- [{"chartType":...}] -->）解析得到的配置；当 preNode 无 html 配置且注释被 skip 时由此传入
  * @returns 返回表格或图表节点
  */
 export declare const parseTableOrChart: (table: Table & {
     finished?: boolean;
-}, preNode: RootContent, plugins: MarkdownEditorPlugin[], parseNodes: (nodes: RootContent[], plugins: MarkdownEditorPlugin[], top?: boolean, parent?: RootContent, parserConfig?: ParserMarkdownToSlateNodeConfig) => (Elements | any)[], parserConfig?: ParserMarkdownToSlateNodeConfig) => CardNode | Elements;
+}, preNode: RootContent, plugins: MarkdownEditorPlugin[], parseNodes: (nodes: RootContent[], plugins: MarkdownEditorPlugin[], top?: boolean, parent?: RootContent, parserConfig?: ParserMarkdownToSlateNodeConfig) => (Elements | any)[], parserConfig?: ParserMarkdownToSlateNodeConfig, contextChartConfig?: Record<string, unknown>) => CardNode | Elements;
 /**
  * 预处理 Markdown 表格换行符
  * @param markdown - 原始 Markdown 字符串

package/dist/MarkdownEditor/editor/parser/parse/parseTable.js

@@ -145,15 +145,26 @@ var myRemark = {
 /**
  * 解析表格或图表
  * @param table - 表格 AST 节点
- * @param preNode - 前一个节点（可能包含配置信息）
+ * @param preNode - 前一个节点（实际传入的是 Slate 的 preElement，即上一轮 push 到 els 的节点）
  * @param plugins - 插件数组
  * @param parseNodes - 解析节点的函数，用于解析单元格内容
  * @param parserConfig - 解析配置
+ * @param contextChartConfig - 由上一条 HTML 注释（<!-- [{"chartType":...}] -->）解析得到的配置；当 preNode 无 html 配置且注释被 skip 时由此传入
  * @returns 返回表格或图表节点
- */ export var parseTableOrChart = function(table, preNode, plugins, parseNodes, parserConfig) {
+ */ export var parseTableOrChart = function(table, preNode, plugins, parseNodes, parserConfig, contextChartConfig) {
     var _table_children, _tableHeader_children, _table_children_slice, _table_children1, _table_align;
     var keyMap = new Map();
-    var config = (preNode === null || preNode === void 0 ? void 0 : preNode.type) === 'code' && (preNode === null || preNode === void 0 ? void 0 : preNode.language) === 'html' && (preNode === null || preNode === void 0 ? void 0 : preNode.otherProps) ? preNode === null || preNode === void 0 ? void 0 : preNode.otherProps : parserConfig || {};
+    // 优先使用前一个 HTML 代码块的 otherProps；若 HTML 注释被 skip（不产出 code 节点），则使用 contextChartConfig
+    //
+    // 【为何 preNode 里常常拿不到图表配置】
+    // preNode 实际是上一轮产出的 Slate 节点（preElement）。当上一条是 <!-- [{"chartType":...}] -->
+    // 时，该注释在 parseNodes 里被 continue 掉，不生成任何 el，preElement 不会更新为 code 节点，
+    // 表格看到的「前一个」仍是再上一轮的 paragraph/heading 等，type 非 'code'，无 otherProps，
+    // 故此处 config 为空。图表配置已放在 contextProps 中，由 table handler 以 contextChartConfig 传入。
+    var config = (preNode === null || preNode === void 0 ? void 0 : preNode.type) === 'code' && (preNode === null || preNode === void 0 ? void 0 : preNode.language) === 'html' && (preNode === null || preNode === void 0 ? void 0 : preNode.otherProps) ? preNode === null || preNode === void 0 ? void 0 : preNode.otherProps : {};
+    if (Object.keys(config).length === 0 && contextChartConfig && (contextChartConfig.config || (contextChartConfig === null || contextChartConfig === void 0 ? void 0 : contextChartConfig.chartType))) {
+        config = contextChartConfig;
+    }
     var tableHeader = table === null || table === void 0 ? void 0 : (_table_children = table.children) === null || _table_children === void 0 ? void 0 : _table_children.at(0);
     var columns = (tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader_children = tableHeader.children) === null || _tableHeader_children === void 0 ? void 0 : _tableHeader_children.map(function(node) {
         var _myRemark_stringify;

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -293,6 +293,14 @@ var removeAnswerTags = function(text) {
                         // 同时将属性作为 config 传递，以便 applyContextPropsAndConfig 设置 otherProps
                         config = _object_spread({}, config, htmlCommentProps);
                         // 跳过 HTML 注释本身，避免生成独立的 HTML 代码节点
+                        //
+                        // 【为何 preNode 里拿不到图表配置】
+                        // continue 后不会 push 任何 el，也不会执行 preNode=currentElement、preElement=el。
+                        // 下一轮处理表格时，preElement 仍是「注释前」的节点（如 paragraph/heading），
+                        // 不可能是 type='code' 且 language='html' 的节点，parseTableOrChart 里
+                        // 从 preNode（实为 preElement）取 otherProps 会得到 {}。
+                        // 因此图表配置必须通过 contextProps → config，由 table handler 以
+                        // contextChartConfig 传入 parseTableOrChart。
                         return "continue";
                     }
                     // 如果当前元素应该使用 contextProps 中的属性作为 config（用于设置 otherProps）
@@ -486,8 +494,10 @@ var removeAnswerTags = function(text) {
                         }
                     },
                     table: {
-                        handler: function(el, _plugins, _config, parent, _htmlTag, preElement) {
-                            return parseTableOrChart(el, preElement || parent, _this.plugins, parseNodesForTable, _this.config);
+                        // 传入 config：当上一条是图表注释且被 continue 掉时，config 来自 contextProps，
+                        // 作为 contextChartConfig 供 parseTableOrChart 在 preNode 无 html 配置时使用
+                        handler: function(el, _plugins, config, parent, _htmlTag, preElement) {
+                            return parseTableOrChart(el, preElement || parent, _this.plugins, parseNodesForTable, _this.config, config);
                         }
                     }
                 };

package/dist/MarkdownEditor/editor/plugins/useKeyboard.js

@@ -102,6 +102,8 @@ import { useEditorStore } from "../store";
         var match = new MatchKey(markdownEditorRef.current);
         return function(e) {
             var _props_markdown, _node_;
+            // 只读模式下跳过所有键盘处理，提升性能
+            if (props.readonly) return;
             // 处理表格键盘事件
             if (NativeTableKeyboard.shouldHandle(markdownEditorRef.current)) {
                 if (NativeTableKeyboard.handleKeyDown(markdownEditorRef.current, e.nativeEvent)) {
@@ -250,6 +252,7 @@ import { useEditorStore } from "../store";
             }
         };
     }, [
-        markdownEditorRef.current
+        markdownEditorRef.current,
+        props === null || props === void 0 ? void 0 : props.readonly
     ]);
 };

package/dist/MarkdownEditor/editor/plugins/useOnchange.js

@@ -205,9 +205,15 @@ var floatBarIgnoreNode = new Set([
             });
         })();
     }, 16);
-    var _useEditorStore = useEditorStore(), setRefreshFloatBar = _useEditorStore.setRefreshFloatBar, setDomRect = _useEditorStore.setDomRect, refreshFloatBar = _useEditorStore.refreshFloatBar;
+    var _useEditorStore = useEditorStore(), setRefreshFloatBar = _useEditorStore.setRefreshFloatBar, setDomRect = _useEditorStore.setDomRect, refreshFloatBar = _useEditorStore.refreshFloatBar, readonly = _useEditorStore.readonly;
     return React.useMemo(function() {
         return function(_value, _operations) {
+            // 只读且仅选区变化时，跳过 Editor.nodes、selChange$、setDomRect 等，提升性能
+            if (readonly && _operations.every(function(o) {
+                return o.type === 'set_selection';
+            })) {
+                return;
+            }
             if (onChangeDebounce && _operations.some(function(o) {
                 return o.type !== 'set_selection';
             })) {
@@ -263,6 +269,7 @@ var floatBarIgnoreNode = new Set([
             } catch (error) {}
         };
     }, [
-        editor
+        editor,
+        readonly
     ]);
 }

package/dist/MarkdownEditor/editor/style.d.ts

@@ -7,6 +7,9 @@ import './code.css';
  * @returns
  */
 export declare function useStyle(prefixCls: string, propsToken: Partial<ChatTokenType>): {
+    hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
     hashId: string;
 };

package/dist/MarkdownEditor/editor/tools/ToolBar/FloatBar.js

@@ -172,8 +172,7 @@ var fileMap = new Map();
         },
         className: classNames(baseClassName, hashId)
     }, props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyBaseBar, {
-        prefix: baseClassName,
-        hashId: hashId
+        prefix: baseClassName
     }) : /*#__PURE__*/ React.createElement(BaseToolBar, {
         prefix: baseClassName,
         hashId: hashId

package/dist/MarkdownEditor/editor/tools/ToolBar/ReadonlyBaseBar.d.ts

@@ -6,5 +6,4 @@ import React from 'react';
  */
 export declare const ReadonlyBaseBar: (props: {
     prefix?: string;
-    hashId?: string;
 }) => React.JSX.Element;

package/dist/MarkdownEditor/editor/tools/ToolBar/ReadonlyBaseBar.js

@@ -187,7 +187,6 @@ import { getPointStrOffset, getSelectionFromDomSelection } from "../../utils/edi
  * @returns
  */ export var ReadonlyBaseBar = function(props) {
     var baseClassName = props.prefix || "toolbar-action";
-    var hashId = props.hashId;
     var _useEditorStore = useEditorStore(), refreshFloatBar = _useEditorStore.refreshFloatBar, markdownEditorRef = _useEditorStore.markdownEditorRef, editorProps = _useEditorStore.editorProps;
     var _React_useState = _sliced_to_array(React.useState(false), 2), setRefresh = _React_useState[1];
     useEffect(function() {
@@ -213,7 +212,7 @@ import { getPointStrOffset, getSelectionFromDomSelection } from "../../utils/edi
             list.push(/*#__PURE__*/ React.createElement("div", {
                 role: "button",
                 key: "highlight",
-                className: classnames("".concat(baseClassName, "-item"), hashId),
+                className: classnames("".concat(baseClassName, "-item")),
                 onClick: function() {
                     return _async_to_generator(function() {
                         var _editorProps_comment_onSubmit, _editorProps_comment, domSelection, editor, selection, texts, title, fragments, i, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, str, focus, anchor, _ref, start, end, anchorOffset, focusOffset, comment;
@@ -309,7 +308,7 @@ import { getPointStrOffset, getSelectionFromDomSelection } from "../../utils/edi
             list.push(/*#__PURE__*/ React.createElement("div", {
                 role: "button",
                 key: "comment",
-                className: classnames("".concat(baseClassName, "-item"), hashId),
+                className: classnames("".concat(baseClassName, "-item")),
                 onClick: function() {
                     var _i18n_locale, _editorProps_comment, _i18n_locale1;
                     if (typeof window === 'undefined') return;
@@ -444,7 +443,7 @@ import { getPointStrOffset, getSelectionFromDomSelection } from "../../utils/edi
         list.push(/*#__PURE__*/ React.createElement("div", {
             role: "button",
             key: "insert",
-            className: classnames("".concat(baseClassName, "-item"), hashId),
+            className: classnames("".concat(baseClassName, "-item")),
             onClick: function() {
                 var domSelection = window.getSelection();
                 var editor = markdownEditorRef.current;

package/dist/MarkdownEditor/editor/tools/ToolBar/floatBarStyle.d.ts

@@ -5,6 +5,9 @@
  * @returns
  */
 export declare function useStyle(prefixCls?: string): {
+    hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
     hashId: string;
 };

package/dist/MarkdownEditor/editor/tools/ToolBar/toolBarStyle.d.ts

@@ -5,6 +5,9 @@
  * @returns
  */
 export declare function useStyle(prefixCls?: string): {
+    hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
     hashId: string;
 };

package/dist/MarkdownEditor/editor/tools/insertAutocompleteStyle.d.ts

@@ -5,6 +5,9 @@
  * @returns
  */
 export declare function useStyle(prefixCls?: string): {
+    hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
     hashId: string;
 };

package/dist/MarkdownEditor/style.d.ts

@@ -5,6 +5,9 @@
  * @returns
  */
 export declare function useStyle(prefixCls?: string): {
+    hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
     hashId: string;
 };