@ant-design/agentic-ui 2.22.0 → 2.24.0

package/dist/MarkdownEditor/editor/Editor.js

@@ -1165,12 +1165,23 @@ var defaultAllowedTypes = [
             return decorateList;
         }
     };
+    // 在 SSR 环境下，如果有 initSchemaValue，直接使用它作为初始值
+    // 因为 useEffect 在 SSR 环境下不会执行，initialNote 不会被调用
+    var initialValue = useMemo(function() {
+        var _props_initSchemaValue;
+        if ((_props_initSchemaValue = props.initSchemaValue) === null || _props_initSchemaValue === void 0 ? void 0 : _props_initSchemaValue.length) {
+            return props.initSchemaValue;
+        }
+        return [
+            EditorUtils.p
+        ];
+    }, [
+        props.initSchemaValue
+    ]);
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Slate, {
         editor: markdownEditorRef.current,
-        initialValue: [
-            EditorUtils.p
-        ],
+        initialValue: initialValue,
         onChange: onSlateChange
     }, /*#__PURE__*/ React.createElement(Editable, {
         decorate: decorateFn,

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

@@ -13,9 +13,10 @@ export type LanguageHandler = (element: CodeElement, value: string) => CodeEleme
 /**
  * 处理代码块节点
  * @param currentElement - 当前处理的代码块元素，包含语言和内容
+ * @param config - 可选的配置对象，可能包含从 HTML 注释中解析的属性
  * @returns 返回格式化的代码块节点对象，根据语言类型进行特殊处理
  */
-export declare const handleCode: (currentElement: any) => CodeElement;
+export declare const handleCode: (currentElement: any, config?: any) => CodeElement;
 /**
  * 处理YAML节点
  * @param currentElement - 当前处理的YAML元素

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

@@ -101,11 +101,16 @@ var ENDING_NEWLINE = /\n$/;
 /**
  * 处理代码块节点
  * @param currentElement - 当前处理的代码块元素，包含语言和内容
+ * @param config - 可选的配置对象，可能包含从 HTML 注释中解析的属性
  * @returns 返回格式化的代码块节点对象，根据语言类型进行特殊处理
- */ export var handleCode = function(currentElement) {
-    var _match, _currentElement_otherProps, _currentElement_value_trim;
+ */ export var handleCode = function(currentElement, config) {
+    var _effectiveLang_match, _currentElement_otherProps, _currentElement_value_trim;
     var rawValue = currentElement.value || '';
-    var langString = ((_match = (currentElement.lang || '').match(NOT_SPACE_START)) === null || _match === void 0 ? void 0 : _match[0]) || '';
+    // 如果 config 中包含 data-language，优先使用它来恢复语言类型
+    var configLanguage = config === null || config === void 0 ? void 0 : config['data-language'];
+    // 保持原有的行为：如果没有语言，应该使用 null 而不是空字符串
+    var effectiveLang = configLanguage || currentElement.lang || null;
+    var langString = effectiveLang ? ((_effectiveLang_match = effectiveLang.match(NOT_SPACE_START)) === null || _effectiveLang_match === void 0 ? void 0 : _effectiveLang_match[0]) || '' : '';
     var code = "".concat(rawValue.replace(ENDING_NEWLINE, ''), "\n");
     // 检查代码块是否完整
     // 如果是缩进代码块，认为是完整的（因为没有结束标记）
@@ -144,7 +149,7 @@ var ENDING_NEWLINE = /\n$/;
     }
     var baseCodeElement = {
         type: 'code',
-        language: currentElement.lang === 'apaasify' ? 'apaasify' : currentElement.lang,
+        language: effectiveLang === 'apaasify' ? 'apaasify' : effectiveLang || null,
         render: currentElement.meta === 'render',
         value: currentElement.value,
         isConfig: currentElement === null || currentElement === void 0 ? void 0 : (_currentElement_value_trim = currentElement.value.trim()) === null || _currentElement_value_trim === void 0 ? void 0 : _currentElement_value_trim.startsWith('<!--'),
@@ -156,14 +161,16 @@ var ENDING_NEWLINE = /\n$/;
         // 添加流式状态支持
         otherProps: otherProps
     };
-    var handler = LANGUAGE_HANDLERS[currentElement.lang];
+    var handler = LANGUAGE_HANDLERS[effectiveLang];
     var result = handler ? handler(baseCodeElement, currentElement.value) : baseCodeElement;
-    // 确保 otherProps 被保留
+    // 确保 otherProps 被保留，并合并 config 中的属性
     var resultWithProps = result;
     if (baseCodeElement.otherProps && !resultWithProps.otherProps) {
-        resultWithProps.otherProps = baseCodeElement.otherProps;
+        resultWithProps.otherProps = _object_spread({}, baseCodeElement.otherProps, config || {});
     } else if (baseCodeElement.otherProps && resultWithProps.otherProps) {
-        resultWithProps.otherProps = _object_spread({}, resultWithProps.otherProps, baseCodeElement.otherProps);
+        resultWithProps.otherProps = _object_spread({}, resultWithProps.otherProps, baseCodeElement.otherProps, config || {});
+    } else if (config && Object.keys(config).length > 0) {
+        resultWithProps.otherProps = _object_spread({}, resultWithProps.otherProps || {}, config);
     }
     return resultWithProps;
 };

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

@@ -100,6 +100,10 @@ function _sliced_to_array(arr, i) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -464,6 +468,38 @@ import partialJsonParse from "../json-parse";
     }
     var commentValue = isUnclosedComment ? processedValue : currentElement.value;
     var isComment = commentValue.trim().startsWith('<!--') && commentValue.trim().endsWith('-->');
+    // 检查是否是 otherProps 序列化生成的 JSON 注释
+    // 这些注释应该被跳过，不应该被解析为 HTML 代码块
+    // 但是，如果注释包含图表配置（chartType），应该保留为 code 节点以便表格解析器使用
+    if (isComment) {
+        try {
+            var _parsed_;
+            var commentContent = commentValue.replace('<!--', '').replace('-->', '').trim();
+            var parsed = JSON.parse(commentContent);
+            // 检查是否是图表配置
+            var isChartConfig = // 对象格式：{"chartType": ...}
+            (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && parsed !== null && !Array.isArray(parsed) && parsed.chartType || // 数组格式：[{"chartType": ...}]
+            Array.isArray(parsed) && parsed.length > 0 && _type_of(parsed[0]) === 'object' && ((_parsed_ = parsed[0]) === null || _parsed_ === void 0 ? void 0 : _parsed_.chartType);
+            // 如果能够成功解析为 JSON 对象，且是对象类型（不是数组或基本类型）
+            // 注意：对象格式的图表配置已经在 handleHtml 中转换为数组格式了
+            // 这里只处理非图表配置的对象格式注释
+            if ((typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && parsed !== null && !Array.isArray(parsed)) {
+                // 如果包含 chartType 字段，说明是图表配置，应该已经在 handleHtml 中转换为数组格式
+                // 这里不应该再匹配到对象格式的图表配置，继续正常处理
+                if (isChartConfig && parsed.chartType) {
+                // 继续正常处理，创建 code 节点（此时应该已经是数组格式了）
+                } else {
+                    // 否则认为是 otherProps 序列化生成的注释，应该返回空文本
+                    // 这些注释应该在 parserMarkdownToSlateNode 中被跳过
+                    return {
+                        text: ''
+                    };
+                }
+            }
+        } catch (e) {
+        // 解析失败，不是 JSON 格式的注释，继续正常处理
+        }
+    }
     if (isComment || isStandardHtmlElement(commentValue)) {
         return commentValue.match(/<\/?(table|div|ul|li|ol|p|strong)[^\n>]*?>/) ? htmlToFragmentList(commentValue, '') : {
             type: 'code',
@@ -682,6 +718,26 @@ import partialJsonParse from "../json-parse";
     var trimmedValue = (currentElement === null || currentElement === void 0 ? void 0 : (_currentElement_value = currentElement.value) === null || _currentElement_value === void 0 ? void 0 : _currentElement_value.trim()) || '';
     var isUnclosedComment = trimmedValue.startsWith('<!--') && !trimmedValue.endsWith('-->');
     var processedValue = isUnclosedComment ? trimmedValue + '-->' : (currentElement === null || currentElement === void 0 ? void 0 : currentElement.value) || '';
+    // 检查是否是对象格式的图表配置，如果是则转换为数组格式
+    var isComment = processedValue.trim().startsWith('<!--') && processedValue.trim().endsWith('-->');
+    if (isComment) {
+        try {
+            var commentContent = processedValue.replace('<!--', '').replace('-->', '').trim();
+            var parsed = JSON.parse(commentContent);
+            // 如果是对象格式且包含 chartType，转换为数组格式
+            if ((typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && parsed !== null && !Array.isArray(parsed) && parsed.chartType) {
+                var arrayFormat = [
+                    parsed
+                ];
+                var convertedContent = JSON.stringify(arrayFormat);
+                processedValue = "<!--".concat(convertedContent, "-->");
+                // 同时更新 currentElement.value，以便后续处理使用
+                currentElement.value = processedValue;
+            }
+        } catch (e) {
+        // 解析失败，不是 JSON 格式的注释，继续正常处理
+        }
+    }
     var value = (processedValue === null || processedValue === void 0 ? void 0 : processedValue.replace('<!--', '').replace('-->', '').trim()) || '{}';
     var contextProps = parseCommentContextProps(value, processedValue);
     var isBlockLevel = !parent || [

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

@@ -150,11 +150,7 @@ var myRemark = {
  */ export var parseTableOrChart = function(table, preNode, plugins, parseNodes, parserConfig) {
     var _table_children, _tableHeader_children, _table_children_slice, _table_children1, _table_align, _chartConfig_, _config_at, _config_at1;
     var keyMap = new Map();
-    // @ts-ignore
-    var config = // @ts-ignore
-    (preNode === null || preNode === void 0 ? void 0 : preNode.type) === 'code' && // @ts-ignore
-    (preNode === null || preNode === void 0 ? void 0 : preNode.language) === 'html' && (// @ts-ignore
-    preNode === null || preNode === void 0 ? void 0 : preNode.otherProps) ? preNode === null || preNode === void 0 ? void 0 : preNode.otherProps : {};
+    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 || {};
     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;
@@ -239,7 +235,7 @@ var myRemark = {
     chartConfig = convertObjectToArray(chartConfig);
     var isChart = (chartConfig === null || chartConfig === void 0 ? void 0 : chartConfig.chartType) || Array.isArray(chartConfig) && (chartConfig === null || chartConfig === void 0 ? void 0 : (_chartConfig_ = chartConfig[0]) === null || _chartConfig_ === void 0 ? void 0 : _chartConfig_.chartType) || (config === null || config === void 0 ? void 0 : config.chartType) || (config === null || config === void 0 ? void 0 : (_config_at1 = config.at) === null || _config_at1 === void 0 ? void 0 : (_config_at = _config_at1.call(config, 0)) === null || _config_at === void 0 ? void 0 : _config_at.chartType);
     // 计算合并单元格信息
-    var mergeCells = config.mergeCells || [];
+    var mergeCells = (config === null || config === void 0 ? void 0 : config.mergeCells) || [];
     // 创建合并单元格映射，用于快速查找
     var mergeMap = new Map();
     mergeCells === null || mergeCells === void 0 ? void 0 : mergeCells.forEach(function(param) {

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.d.ts

@@ -1,4 +1,4 @@
-import { Elements } from '../../el';
+import { ChartTypeConfig, Elements } from '../../el';
 import { MarkdownEditorPlugin } from '../../plugin';
 /**
  * 解析Markdown字符串的配置选项
@@ -10,6 +10,7 @@ export interface ParserMarkdownToSlateNodeConfig {
     paragraphTag?: string;
     /** 是否正在输入中（打字机模式） */
     typing?: boolean;
+    config?: ChartTypeConfig[];
 }
 /**
  * Markdown 到 Slate 节点解析器类
@@ -18,7 +19,7 @@ export interface ParserMarkdownToSlateNodeConfig {
  * 使用类形式可以避免在函数调用链中传递配置参数和插件。
  */
 export declare class MarkdownToSlateParser {
-    private readonly config;
+    private config;
     private readonly plugins;
     constructor(config?: ParserMarkdownToSlateNodeConfig, plugins?: MarkdownEditorPlugin[]);
     /**

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

@@ -59,9 +59,37 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -137,10 +165,76 @@ import mdastParser from "./remarkParse";
    * - 插件未处理时，使用默认处理逻辑
    */ function parseNodes(nodes) {
                 var _this, _loop = function(i) {
+                    var _currentElement_value_trim, _currentElement_value, _currentElement_value_trim1, _currentElement_value1;
                     var currentElement = nodes[i];
                     var el = null;
                     var pluginHandled = false;
-                    var config = (preElement === null || preElement === void 0 ? void 0 : preElement.type) === 'code' && (preElement === null || preElement === void 0 ? void 0 : preElement.language) === 'html' && (preElement === null || preElement === void 0 ? void 0 : preElement.otherProps) ? preElement === null || preElement === void 0 ? void 0 : preElement.otherProps : {};
+                    // 检查当前元素是否是 HTML 注释
+                    var isHtmlComment = currentElement.type === 'html' && ((_currentElement_value = currentElement.value) === null || _currentElement_value === void 0 ? void 0 : (_currentElement_value_trim = _currentElement_value.trim()) === null || _currentElement_value_trim === void 0 ? void 0 : _currentElement_value_trim.startsWith('<!--')) && ((_currentElement_value1 = currentElement.value) === null || _currentElement_value1 === void 0 ? void 0 : (_currentElement_value_trim1 = _currentElement_value1.trim()) === null || _currentElement_value_trim1 === void 0 ? void 0 : _currentElement_value_trim1.endsWith('-->'));
+                    var htmlCommentProps = {};
+                    var isOtherPropsComment = false;
+                    if (isHtmlComment) {
+                        try {
+                            var commentContent = currentElement.value.replace('<!--', '').replace('-->', '').trim();
+                            htmlCommentProps = JSON.parse(commentContent);
+                            // 如果能够成功解析为 JSON 对象，且是对象类型（不是数组或基本类型）
+                            if ((typeof htmlCommentProps === "undefined" ? "undefined" : _type_of(htmlCommentProps)) === 'object' && htmlCommentProps !== null && !Array.isArray(htmlCommentProps)) {
+                                // 检查是否包含代码块的元数据属性（data-language、data-block、data-state）
+                                // 这些属性表明这是代码块的 otherProps 序列化生成的注释
+                                var hasCodeMetadataProps = htmlCommentProps['data-language'] || htmlCommentProps['data-block'] || htmlCommentProps['data-state'];
+                                // 只有当包含代码块元数据属性时，才认为是 otherProps 注释
+                                // 对齐注释（如 {"align":"center"}）不包含这些属性，应该被保留
+                                isOtherPropsComment = hasCodeMetadataProps;
+                            }
+                            if (Array.isArray(htmlCommentProps)) {
+                                htmlCommentProps = {
+                                    config: htmlCommentProps
+                                };
+                            }
+                        } catch (e) {
+                            // 解析失败，不是 JSON 格式的注释，可能是真正的 HTML 注释
+                            isOtherPropsComment = false;
+                        }
+                    }
+                    var nextElement = i + 1 < nodes.length ? nodes[i + 1] : null;
+                    var isNextCodeBlock = (nextElement === null || nextElement === void 0 ? void 0 : nextElement.type) === 'code';
+                    // 如果 HTML 注释是代码块的 otherProps 序列化生成的，应该跳过，避免被解析为独立的 HTML 代码节点
+                    // 如果后面跟着代码块，存储注释属性供代码块使用
+                    if (isHtmlComment && isOtherPropsComment) {
+                        if (isNextCodeBlock) {
+                            // 后面有代码块，存储属性供代码块使用
+                            pendingHtmlCommentProps = htmlCommentProps;
+                        }
+                        // 无论后面是否有代码块，都跳过 HTML 注释，避免生成独立的 HTML 代码节点
+                        return "continue";
+                    }
+                    // 确定要使用的 config：优先使用待处理的 HTML 注释属性，否则使用前一个 HTML 代码节点的属性
+                    var config = pendingHtmlCommentProps ? pendingHtmlCommentProps : (preElement === null || preElement === void 0 ? void 0 : preElement.type) === 'code' && (preElement === null || preElement === void 0 ? void 0 : preElement.language) === 'html' && (preElement === null || preElement === void 0 ? void 0 : preElement.otherProps) ? preElement === null || preElement === void 0 ? void 0 : preElement.otherProps : {};
+                    // 如果 HTML 注释不是代码块元数据注释，但包含 JSON 对象属性（如对齐注释），
+                    // 应该跳过注释本身，但将属性应用到下一个元素
+                    if (isHtmlComment && !isOtherPropsComment && htmlCommentProps && Object.keys(htmlCommentProps).length > 0) {
+                        if (!Array.isArray(htmlCommentProps)) {
+                            // 将对齐注释等非代码块元数据注释的属性存储到 contextProps 中，供下一个元素使用
+                            contextProps = _object_spread({}, contextProps, htmlCommentProps);
+                            // 同时将属性作为 config 传递，以便 applyContextPropsAndConfig 设置 otherProps
+                            config = _object_spread({}, config, htmlCommentProps, contextProps);
+                            // 跳过 HTML 注释本身，避免生成独立的 HTML 代码节点
+                            return "continue";
+                        } else {
+                            config = _object_spread_props(_object_spread({}, config), {
+                                config: _to_consumable_array((config === null || config === void 0 ? void 0 : config.config) || []).concat(_to_consumable_array(htmlCommentProps))
+                            });
+                        }
+                    }
+                    // 如果当前元素应该使用 contextProps 中的属性作为 config（用于设置 otherProps）
+                    // 这主要针对对齐注释等场景，需要同时设置 contextProps 和 otherProps
+                    if (contextProps && Object.keys(contextProps).length > 0) {
+                        config = _object_spread({}, config, contextProps);
+                    }
+                    // 如果使用了待处理的 HTML 注释属性，清空它
+                    if (pendingHtmlCommentProps && config === pendingHtmlCommentProps) {
+                        pendingHtmlCommentProps = null;
+                    }
                     var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                     try {
                         // 首先尝试使用插件处理，使用 this.plugins
@@ -178,6 +272,9 @@ import mdastParser from "./remarkParse";
                             }
                         }
                     }
+                    if (Object.keys(config).length > 0) {
+                        _this.config = _object_spread({}, _this.config, config);
+                    }
                     // 如果插件没有处理，使用默认处理逻辑
                     if (!pluginHandled) {
                         // 使用统一的处理函数，通过 this 访问配置和插件
@@ -222,6 +319,7 @@ import mdastParser from "./remarkParse";
                 var preElement = null;
                 var htmlTag = [];
                 var contextProps = {};
+                var pendingHtmlCommentProps = null;
                 for(var i = 0; i < nodes.length; i++)_this = this, _loop(i);
                 return els;
             }
@@ -278,8 +376,8 @@ import mdastParser from "./remarkParse";
                         }
                     },
                     code: {
-                        handler: function(el) {
-                            return handleCode(el);
+                        handler: function(el, _plugins, config) {
+                            return handleCode(el, config);
                         }
                     },
                     yaml: {

package/dist/MarkdownEditor/el.d.ts

@@ -17,7 +17,14 @@ export type CodeNode<T = Record<string, any>> = {
         className?: string;
         language?: string;
         render?: boolean;
+        mergeCells?: Array<{
+            row: number;
+            col: number;
+            rowSpan: number;
+            colSpan: number;
+        }>;
         frontmatter?: boolean;
+        config?: Record<string, any>[];
     } & T;
     children: [{
         text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.22.0",
+  "version": "2.24.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",