@ant-design/agentic-ui 2.21.0 → 2.22.0

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

@@ -360,16 +360,103 @@ var inlineNode = new Set([
             // 检查 configProps 是否为空对象（删除 finished 后可能变成空对象）
             var hasValidProps = Object.keys(configProps).length > 0;
             if (hasValidProps) {
-                var nodeConfig = node.type === 'chart' && configProps.config ? configProps.config : configProps;
-                // 过滤掉 undefined 值，但保留 false 值
-                var propsToSerialize = Object.keys(nodeConfig).reduce(function(acc, key) {
-                    if (nodeConfig[key] !== undefined) {
-                        acc[key] = nodeConfig[key];
+                /**
+         * 将对象转换为数组（处理 {0: {...}, 1: {...}} 这种错误格式）
+         * @param obj - 要转换的对象
+         * @returns 转换后的数组，如果不是数字键对象则返回原对象
+         */ var convertObjectToArray = function(obj) {
+                    if (!obj || (typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || Array.isArray(obj)) {
+                        return obj;
+                    }
+                    var keys = Object.keys(obj);
+                    // 检查是否所有键都是数字字符串（如 "0", "1", "2"）
+                    var allNumericKeys = keys.length > 0 && keys.every(function(key) {
+                        return /^\d+$/.test(key);
+                    });
+                    if (allNumericKeys) {
+                        // 按数字顺序排序并转换为数组
+                        var sortedKeys = keys.sort(function(a, b) {
+                            return parseInt(a, 10) - parseInt(b, 10);
+                        });
+                        return sortedKeys.map(function(key) {
+                            return obj[key];
+                        });
+                    }
+                    return obj;
+                };
+                // 对于图表类型，配置应该总是以数组形式存储在 config 中
+                if (node.type === 'chart') {
+                    var chartConfig = configProps.config;
+                    // 如果 config 不存在，但 configProps 看起来像图表配置（有 chartType），使用 configProps
+                    if (!chartConfig && configProps.chartType) {
+                        chartConfig = configProps;
+                    }
+                    // 如果 chartConfig 是对象且键都是数字（如 {0: {...}}），转换为数组
+                    chartConfig = convertObjectToArray(chartConfig);
+                    // 如果 chartConfig 还不是数组，将其包装为数组
+                    // 这样可以确保即使只有一个配置项，也会被放入数组中
+                    if (!Array.isArray(chartConfig)) {
+                        // 如果 chartConfig 是对象，检查是否是 {0: {...}} 格式但转换失败的情况
+                        if (chartConfig && (typeof chartConfig === "undefined" ? "undefined" : _type_of(chartConfig)) === 'object') {
+                            var keys = Object.keys(chartConfig);
+                            // 如果只有一个键且是数字，提取该值
+                            if (keys.length === 1 && /^\d+$/.test(keys[0])) {
+                                chartConfig = [
+                                    chartConfig[keys[0]]
+                                ];
+                            } else if (chartConfig.chartType) {
+                                // 如果 chartConfig 有 chartType，说明是单个配置对象
+                                chartConfig = [
+                                    chartConfig
+                                ];
+                            } else {
+                                // 其他情况，也包装为数组
+                                chartConfig = [
+                                    chartConfig
+                                ];
+                            }
+                        } else if (chartConfig) {
+                            chartConfig = [
+                                chartConfig
+                            ];
+                        } else {
+                            chartConfig = [];
+                        }
+                    }
+                    // 序列化为 { config: [...] } 格式
+                    if (chartConfig.length > 0) {
+                        str += "<!--".concat(JSON.stringify({
+                            config: chartConfig
+                        }), "-->\n");
+                    }
+                } else {
+                    // 非图表类型，使用原有逻辑
+                    var nodeConfig = configProps;
+                    // 如果 nodeConfig 是对象且键都是数字（如 {0: {...}}），转换为数组
+                    nodeConfig = convertObjectToArray(nodeConfig);
+                    var propsToSerialize = void 0;
+                    // 如果 nodeConfig 是数组，直接使用数组
+                    if (Array.isArray(nodeConfig)) {
+                        propsToSerialize = nodeConfig;
+                    } else {
+                        // 如果是对象，过滤掉 undefined 值，但保留 false 值
+                        propsToSerialize = Object.keys(nodeConfig).reduce(function(acc, key) {
+                            if (nodeConfig[key] !== undefined) {
+                                acc[key] = nodeConfig[key];
+                            }
+                            return acc;
+                        }, {});
+                    }
+                    // 对于数组，直接序列化；对于对象，检查是否为空
+                    if (Array.isArray(propsToSerialize)) {
+                        if (propsToSerialize.length > 0) {
+                            str += "<!--".concat(JSON.stringify({
+                                config: propsToSerialize
+                            }), "-->\n");
+                        }
+                    } else if (propsToSerialize && (typeof propsToSerialize === "undefined" ? "undefined" : _type_of(propsToSerialize)) === 'object' && Object.keys(propsToSerialize).length > 0) {
+                        str += "<!--".concat(JSON.stringify(propsToSerialize), "-->\n");
                     }
-                    return acc;
-                }, {});
-                if (propsToSerialize && (typeof propsToSerialize === "undefined" ? "undefined" : _type_of(propsToSerialize)) === 'object' && !Array.isArray(propsToSerialize) && Object.keys(propsToSerialize).length > 0) {
-                    str += "<!--".concat(JSON.stringify(propsToSerialize), "-->\n");
                 }
             }
         }
@@ -561,25 +648,51 @@ export var isMix = function(t) {
     if (!t.text && !t.tag) return '';
     var str = (t === null || t === void 0 ? void 0 : (_t_text = t.text) === null || _t_text === void 0 ? void 0 : _t_text.replace(RegExp("(?<!\\\\)\\\\", "g"), '\\').replace(/\n/g, '  \n')) || '';
     var preStr = '', afterStr = '';
-    // Extract whitespace
-    if (t.code || t.bold || t.strikethrough || t.italic) {
-        var _str_match, _str_match1;
-        preStr = ((_str_match = str.match(/^\s+/)) === null || _str_match === void 0 ? void 0 : _str_match[0]) || '';
-        afterStr = ((_str_match1 = str.match(/\s+$/)) === null || _str_match1 === void 0 ? void 0 : _str_match1[0]) || '';
-        str = str.trim();
-    }
     // Apply formats in a consistent order:
     // 1. Code (most specific)
     // 2. Bold (strong emphasis)
     // 3. Italic (emphasis)
     // 4. Strikethrough (modification)
     if (t.code && !t.tag) {
+        // Extract whitespace for non-tag code
+        if (t.code || t.bold || t.strikethrough || t.italic) {
+            var _str_match, _str_match1;
+            preStr = ((_str_match = str.match(/^\s+/)) === null || _str_match === void 0 ? void 0 : _str_match[0]) || '';
+            afterStr = ((_str_match1 = str.match(/\s+$/)) === null || _str_match1 === void 0 ? void 0 : _str_match1[0]) || '';
+            str = str.trim();
+        }
         str = "`".concat(str, "`");
     } else if (t.tag) {
+        // 如果是 tag，优先检查是否有 value，如果有 value 则使用 value 和 placeholder
+        // 如果没有 value 但有 text（且不为空），则使用 text
+        // 如果没有 text 也没有 value，则使用 placeholder
+        // 对于 tag，如果 text 只是空白字符，不保留空白字符
+        var trimmedStr = str.trim();
         if (t.value) {
-            str = "`".concat("${placeholder:".concat((t === null || t === void 0 ? void 0 : t.placeholder) || '-', ",value:").concat(t.value, "}") || '', "`");
+            // 有 value，优先使用 value 和 placeholder（即使有 text 也使用 value）
+            str = "`${placeholder:".concat((t === null || t === void 0 ? void 0 : t.placeholder) || '-', ",value:").concat(t.value, "}`");
+        } else if (trimmedStr) {
+            // 没有 value 但有 text 且不为空，提取空白字符并使用 text
+            if (t.code || t.bold || t.strikethrough || t.italic) {
+                var _str_match2, _str_match3;
+                preStr = ((_str_match2 = str.match(/^\s+/)) === null || _str_match2 === void 0 ? void 0 : _str_match2[0]) || '';
+                afterStr = ((_str_match3 = str.match(/\s+$/)) === null || _str_match3 === void 0 ? void 0 : _str_match3[0]) || '';
+            }
+            str = "`".concat(trimmedStr, "`");
+        } else if (t.placeholder) {
+            // 没有 text 也没有 value，使用 placeholder（不保留空白字符）
+            str = "`${placeholder:".concat(t.placeholder, "}`");
         } else {
-            str = "`".concat(str || "${placeholder:".concat((t === null || t === void 0 ? void 0 : t.placeholder) || '-', "}") || '', "`");
+            // 都没有，使用默认值（不保留空白字符）
+            str = "`${placeholder:-}`";
+        }
+    } else {
+        // Extract whitespace for other formats
+        if (t.bold || t.strikethrough || t.italic) {
+            var _str_match4, _str_match5;
+            preStr = ((_str_match4 = str.match(/^\s+/)) === null || _str_match4 === void 0 ? void 0 : _str_match4[0]) || '';
+            afterStr = ((_str_match5 = str.match(/\s+$/)) === null || _str_match5 === void 0 ? void 0 : _str_match5[0]) || '';
+            str = str.trim();
         }
     }
     // For mixed formats, we want to ensure proper nesting

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

@@ -63,12 +63,14 @@ import { visit } from "unist-util-visit";
     return function(tree) {
         // 使用 visit 访问 paragraph 节点，并通过 index 和 parent 来替换
         visit(tree, 'paragraph', function(paragraphNode, index, parent) {
+            var _parent_children;
             var textContent = extractParagraphText(paragraphNode);
-            if (!textContent) {
+            if (!textContent || !index || !parent) {
                 return;
             }
+            var nextNode = parent === null || parent === void 0 ? void 0 : (_parent_children = parent.children) === null || _parent_children === void 0 ? void 0 : _parent_children[index + 1];
             // 检查是否以 ! 开头（图片）
-            if (textContent.startsWith('!')) {
+            if (textContent.startsWith('!') && !nextNode) {
                 // 提取 URL（去掉开头的 !）
                 var imageUrl = textContent.slice(1).trim();
                 // 如果 URL 不为空，则创建 image 节点并替换
@@ -87,8 +89,11 @@ import { visit } from "unist-util-visit";
                 return;
             }
             // 检查是否以 | 开头（表格）
-            if (textContent.startsWith('|')) {
-                // 创建不完整的表格节点
+            // 注意：如果 remark-gfm 已经正确解析了表格，表格节点应该是 'table' 类型，不会进入这里
+            // 这里只处理未被解析的表格行（通常是不完整的表格输入）
+            if (textContent.startsWith('|') && !nextNode) {
+                // 只有不完整的表格输入（比如只有 | 开头，没有结束）才转换为表格节点
+                // 创建不完整的表格节点（用于不完整的表格输入）
                 var tableNode = {
                     type: 'table',
                     finished: false,
@@ -121,21 +126,23 @@ import { visit } from "unist-util-visit";
                 }
                 return;
             }
-            // 检查是否以 [ 开头（链接）
-            if (textContent.startsWith('[')) {
-                // 创建不完整的链接节点
-                var linkNode = {
-                    type: 'link',
-                    url: '',
-                    finished: false,
-                    children: paragraphNode.children
-                };
-                // 替换父节点中的 paragraph 节点为 link 节点
-                if (parent && Array.isArray(parent.children) && typeof index === 'number') {
-                    parent.children[index] = linkNode;
+            if (textContent.startsWith('[') && !nextNode) {
+                // 检查是否匹配 [内容](url) 格式
+                var linkPattern = /^\[([^\]]+)\]\(([^)]+)\)$/;
+                var match = textContent.match(linkPattern);
+                if (match) {
+                    var linkNode = {
+                        type: 'link',
+                        url: match[2],
+                        finished: false,
+                        children: paragraphNode.children
+                    };
+                    if (parent && Array.isArray(parent.children) && typeof index === 'number') {
+                        parent.children[index] = linkNode;
+                    }
                 }
-                return;
             }
+            return;
         });
     };
 }

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

@@ -24,7 +24,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { Editor, Node, Path, Point, Range, Transforms } from "slate";
-import { decodeURIComponentUrl } from "../parser/parserMarkdownToSlateNode";
+import { decodeURIComponentUrl } from "../parser/parse/parseHtml";
 import { EditorUtils } from "../utils/editorUtils";
 export var insertAfter = function(editor, path) {
     var node = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {

package/dist/Plugins/code/components/CodeToolbar.js

@@ -6,9 +6,8 @@
 import { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
 import { message, Segmented } from "antd";
 import copy from "copy-to-clipboard";
-import React, { useContext, useMemo } from "react";
+import React, { useContext } from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
-import { Loading } from "../../../Components/Loading";
 import { I18nContext } from "../../../I18n";
 import { langIconMap } from "../langIconMap";
 import { LanguageSelector } from "./LanguageSelector";
@@ -41,17 +40,10 @@ import { LoadImage } from "./LoadImage";
  * />
  * ```
  */ export var CodeToolbar = function(props) {
-    var _element_otherProps, _element_language, _element_language1, _i18n_locale, _i18n_locale1;
+    var _element_language, _element_language1, _i18n_locale, _i18n_locale1;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode;
-    // 检查代码块是否未闭合 - 使用 useMemo 确保正确响应变化
-    var isUnclosed = useMemo(function() {
-        var _element_otherProps;
-        return (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished) === false;
-    }, [
-        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished
-    ]);
     return /*#__PURE__*/ React.createElement("div", {
         "data-testid": "code-toolbar",
         contentEditable: false,
@@ -112,12 +104,7 @@ import { LoadImage } from "./LoadImage";
         },
         src: langIconMap.get(((_element_language1 = element.language) === null || _element_language1 === void 0 ? void 0 : _element_language1.toLowerCase()) || '')
     })), /*#__PURE__*/ React.createElement("div", null, element.language ? /*#__PURE__*/ React.createElement("span", null, element.katex ? 'Formula' : element.language === 'html' && element.render ? 'Html Renderer' : element.language) : /*#__PURE__*/ React.createElement("span", null, 'plain text'))) : // 非只读模式：显示语言选择器
-    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps), isUnclosed && /*#__PURE__*/ React.createElement(Loading, {
-        style: {
-            fontSize: '14px',
-            flexShrink: 0
-        }
-    })), /*#__PURE__*/ React.createElement("div", {
+    /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps)), /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',
             gap: 5,

package/package.json

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