@ant-design/agentic-ui 2.22.0 → 2.23.0

package/dist/Bubble/BubbleBeforeNode.js

@@ -71,15 +71,15 @@ var canRenderThoughtChain = function(placement, role, thoughtChainEnabled) {
     if (thoughtChainEnabled === false) return false;
     return true;
 };
-/**
- * BubbleBeforeNode 组件
- *
- * 在聊天气泡之前渲染思维链或任务列表，显示AI的思考过程
- *
- * @example
- * ```tsx
- * <BubbleBeforeNode bubble={bubbleData} />
- * ```
+/**
+ * BubbleBeforeNode 组件
+ *
+ * 在聊天气泡之前渲染思维链或任务列表，显示AI的思考过程
+ *
+ * @example
+ * ```tsx
+ * <BubbleBeforeNode bubble={bubbleData} />
+ * ```
  */ export var BubbleBeforeNode = function(param) {
     var bubble = param.bubble, className = param.className, style = param.style;
     var _context_thoughtChain, _originData_extra, _context_thoughtChain1, _context_thoughtChain2;

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,24 @@ import partialJsonParse from "../json-parse";
     }
     var commentValue = isUnclosedComment ? processedValue : currentElement.value;
     var isComment = commentValue.trim().startsWith('<!--') && commentValue.trim().endsWith('-->');
+    // 检查是否是 otherProps 序列化生成的 JSON 注释
+    // 这些注释应该被跳过，不应该被解析为 HTML 代码块
+    if (isComment) {
+        try {
+            var commentContent = commentValue.replace('<!--', '').replace('-->', '').trim();
+            var parsed = JSON.parse(commentContent);
+            // 如果能够成功解析为 JSON 对象，且是对象类型（不是数组或基本类型），
+            // 则认为是 otherProps 序列化生成的注释，应该返回 null 或空文本
+            // 这些注释应该在 parserMarkdownToSlateNode 中被跳过
+            if ((typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && parsed !== null && !Array.isArray(parsed)) {
+                return {
+                    text: ''
+                };
+            }
+        } catch (e) {
+        // 解析失败，不是 JSON 格式的注释，继续正常处理
+        }
+    }
     if (isComment || isStandardHtmlElement(commentValue)) {
         return commentValue.match(/<\/?(table|div|ul|li|ol|p|strong)[^\n>]*?>/) ? htmlToFragmentList(commentValue, '') : {
             type: 'code',

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

@@ -62,6 +62,10 @@ function _object_spread(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 +141,65 @@ 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;
+                            }
+                        } 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) {
+                        // 将对齐注释等非代码块元数据注释的属性存储到 contextProps 中，供下一个元素使用
+                        contextProps = _object_spread({}, contextProps, htmlCommentProps);
+                        // 同时将属性作为 config 传递，以便 applyContextPropsAndConfig 设置 otherProps
+                        config = _object_spread({}, config, htmlCommentProps);
+                        // 跳过 HTML 注释本身，避免生成独立的 HTML 代码节点
+                        return "continue";
+                    }
+                    // 如果当前元素应该使用 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
@@ -222,6 +281,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 +338,8 @@ import mdastParser from "./remarkParse";
                         }
                     },
                     code: {
-                        handler: function(el) {
-                            return handleCode(el);
+                        handler: function(el, _plugins, config) {
+                            return handleCode(el, config);
                         }
                     },
                     yaml: {

package/package.json

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