@ant-design/agentic-ui 2.27.10 → 2.28.1

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

@@ -235,6 +235,7 @@ function _ts_generator(thisArg, body) {
 import { message } from "antd";
 import { Editor, Element, Node, Path, Range, Transforms } from "slate";
 import { jsx } from "slate-hyperscript";
+import { debugInfo } from "../../../Utils/debugUtils";
 import { debugLog, EditorUtils } from "../utils";
 import { docxDeserializer } from "../utils/docx/docxDeserializer";
 import { BackspaceKey } from "./hotKeyCommands/backspace";
@@ -866,12 +867,25 @@ var blobToFile = /*#__PURE__*/ function() {
  * 优化的HTML解析函数，支持分段处理
  */ var parseHtmlOptimized = /*#__PURE__*/ function() {
     var _ref = _async_to_generator(function(html, rtf) {
+        var result;
         return _ts_generator(this, function(_state) {
+            debugInfo('parseHtmlOptimized - 开始解析', {
+                htmlLength: html.length,
+                rtfLength: rtf.length,
+                useSync: html.length < MAX_SYNC_SIZE
+            });
             // 对于小内容，使用同步处理
             if (html.length < MAX_SYNC_SIZE) {
+                result = docxDeserializer(rtf, html.trim());
+                debugInfo('parseHtmlOptimized - 同步解析完成', {
+                    resultLength: result === null || result === void 0 ? void 0 : result.length,
+                    resultTypes: result === null || result === void 0 ? void 0 : result.map(function(r) {
+                        return r === null || r === void 0 ? void 0 : r.type;
+                    })
+                });
                 return [
                     2,
-                    docxDeserializer(rtf, html.trim())
+                    result
                 ];
             }
             // 对于大内容，使用异步处理
@@ -881,10 +895,20 @@ var blobToFile = /*#__PURE__*/ function() {
                     // 使用 requestIdleCallback 在空闲时间处理
                     var processInIdle = function() {
                         try {
+                            debugInfo('parseHtmlOptimized - 异步解析开始');
                             var result = docxDeserializer(rtf, html.trim());
+                            debugInfo('parseHtmlOptimized - 异步解析完成', {
+                                resultLength: result === null || result === void 0 ? void 0 : result.length,
+                                resultTypes: result === null || result === void 0 ? void 0 : result.map(function(r) {
+                                    return r === null || r === void 0 ? void 0 : r.type;
+                                })
+                            });
                             resolve(result);
                         } catch (error) {
                             console.error('HTML解析失败:', error);
+                            debugInfo('parseHtmlOptimized - 解析失败', {
+                                error: error
+                            });
                             resolve([]);
                         }
                     };
@@ -910,8 +934,18 @@ var blobToFile = /*#__PURE__*/ function() {
  * @param html
  * @returns
  */ export var htmlToFragmentList = function(html, rtl) {
+    debugInfo('htmlToFragmentList - 开始转换', {
+        htmlLength: html.length,
+        rtlLength: rtl.length
+    });
     var fragmentList = docxDeserializer(rtl, html.trim());
-    return fragmentList.map(function(fragment) {
+    debugInfo('htmlToFragmentList - 反序列化完成', {
+        fragmentListLength: fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.length,
+        fragmentTypes: fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.map(function(f) {
+            return f === null || f === void 0 ? void 0 : f.type;
+        })
+    });
+    var result = fragmentList.map(function(fragment) {
         if (fragment.type === 'table') {
             return EditorUtils.wrapperCardNode(fragment);
         }
@@ -923,6 +957,13 @@ var blobToFile = /*#__PURE__*/ function() {
         }
         return fragment;
     });
+    debugInfo('htmlToFragmentList - 转换完成', {
+        resultLength: result.length,
+        resultTypes: result.map(function(r) {
+            return r === null || r === void 0 ? void 0 : r.type;
+        })
+    });
+    return result;
 };
 export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
     var _ref = _async_to_generator(function(editor, html, editorProps, rtl) {
@@ -930,8 +971,15 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    debugInfo('insertParsedHtmlNodes - 开始插入 HTML 节点', {
+                        htmlLength: html === null || html === void 0 ? void 0 : html.length,
+                        htmlPreview: html === null || html === void 0 ? void 0 : html.substring(0, 200),
+                        rtlLength: rtl === null || rtl === void 0 ? void 0 : rtl.length,
+                        hasEditorProps: !!editorProps
+                    });
                     // 1. 基础检查
                     if (html.startsWith('<html>\r\n<body>\r\n\x3C!--StartFragment--><img src="')) {
+                        debugInfo('insertParsedHtmlNodes - 跳过特殊格式的 HTML');
                         return [
                             2,
                             false
@@ -947,13 +995,22 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         ,
                         18
                     ]);
+                    // 3. 异步解析 HTML
+                    debugInfo('insertParsedHtmlNodes - 开始解析 HTML');
                     return [
                         4,
                         parseHtmlOptimized(html, rtl)
                     ];
                 case 2:
                     fragmentList = _state.sent();
+                    debugInfo('insertParsedHtmlNodes - HTML 解析完成', {
+                        fragmentListLength: fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.length,
+                        fragmentTypes: fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.map(function(f) {
+                            return f === null || f === void 0 ? void 0 : f.type;
+                        })
+                    });
                     if (!(fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.length)) {
+                        debugInfo('insertParsedHtmlNodes - 解析结果为空');
                         hideLoading();
                         return [
                             2,
@@ -961,12 +1018,14 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         ];
                     }
                     // 4. 异步处理文件上传
+                    debugInfo('insertParsedHtmlNodes - 开始处理文件上传');
                     return [
                         4,
                         upLoadFileBatch(fragmentList, editorProps)
                     ];
                 case 3:
                     _state.sent();
+                    debugInfo('insertParsedHtmlNodes - 文件上传完成');
                     debugLog('wordFragmentList', fragmentList);
                     hideLoading();
                     // 5. 获取当前节点
@@ -980,6 +1039,7 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         3,
                         5
                     ];
+                    debugInfo('insertParsedHtmlNodes - 无有效选区，直接插入');
                     processedNodes = fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.map(function(item) {
                         if (!item.type) {
                             return {
@@ -991,12 +1051,19 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         }
                         return item;
                     });
+                    debugInfo('insertParsedHtmlNodes - 处理后的节点', {
+                        processedNodesLength: processedNodes === null || processedNodes === void 0 ? void 0 : processedNodes.length,
+                        processedTypes: processedNodes === null || processedNodes === void 0 ? void 0 : processedNodes.map(function(n) {
+                            return n === null || n === void 0 ? void 0 : n.type;
+                        })
+                    });
                     return [
                         4,
                         insertNodesBatch(editor, processedNodes)
                     ];
                 case 4:
                     _state.sent();
+                    debugInfo('insertParsedHtmlNodes - 节点插入完成');
                     return [
                         2,
                         true
@@ -1004,6 +1071,12 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                 case 5:
                     // 7. 处理非折叠选区
                     if (!Range.isCollapsed(selection)) {
+                        debugInfo('insertParsedHtmlNodes - 处理非折叠选区', {
+                            selectionRange: {
+                                anchor: selection.anchor,
+                                focus: selection.focus
+                            }
+                        });
                         back = new BackspaceKey(editor);
                         back.range();
                         Transforms.select(editor, Range.start(selection));
@@ -1039,16 +1112,34 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                     // 9. 处理代码块和表格单元格
                     parsed = new DOMParser().parseFromString(html, 'text/html').body;
                     inner = !!parsed.querySelector('[data-be]');
+                    debugInfo('insertParsedHtmlNodes - DOM 解析完成', {
+                        hasDataBe: inner,
+                        parsedBodyChildren: parsed.children.length
+                    });
                     // 对于代码块，检查是否包含代码相关的标签
                     if ((node === null || node === void 0 ? void 0 : node[0].type) === 'code') {
+                        debugInfo('insertParsedHtmlNodes - 当前节点是代码块', {
+                            nodeType: node[0].type
+                        });
                         hasCodeTags = html.includes('<pre>') || html.includes('<code>') || inner;
+                        debugInfo('insertParsedHtmlNodes - 代码块检查', {
+                            hasPreTag: html.includes('<pre>'),
+                            hasCodeTag: html.includes('<code>'),
+                            hasDataBe: inner,
+                            hasCodeTags: hasCodeTags
+                        });
                         if (hasCodeTags) {
                             // 从 HTML 中提取纯文本内容
                             textContent = parsed.textContent || '';
+                            debugInfo('insertParsedHtmlNodes - 提取文本内容', {
+                                textContentLength: textContent.length,
+                                textContentPreview: textContent.substring(0, 100)
+                            });
                             if (textContent.trim()) {
                                 Transforms.insertText(editor, textContent.trim(), {
                                     at: selection
                                 });
+                                debugInfo('insertParsedHtmlNodes - 代码块文本插入完成');
                                 return [
                                     2,
                                     true
@@ -1067,8 +1158,16 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         3,
                         12
                     ];
+                    debugInfo('insertParsedHtmlNodes - 处理列表项', {
+                        currentNodeType: node[0].type,
+                        fragmentListType: fragmentList[0].type
+                    });
                     children = fragmentList[0].children || [];
+                    debugInfo('insertParsedHtmlNodes - 列表项子节点', {
+                        childrenCount: children.length
+                    });
                     if (!children.length) {
+                        debugInfo('insertParsedHtmlNodes - 列表项无子节点');
                         return [
                             2,
                             false
@@ -1228,6 +1327,7 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         }
                     }
                     // 14. 默认情况：替换选中节点
+                    debugInfo('insertParsedHtmlNodes - 使用默认处理方式');
                     processedNodes1 = fragmentList === null || fragmentList === void 0 ? void 0 : fragmentList.map(function(item) {
                         if (!item.type) {
                             return {
@@ -1246,12 +1346,19 @@ export var insertParsedHtmlNodes = /*#__PURE__*/ function() {
                         }
                         return item;
                     });
+                    debugInfo('insertParsedHtmlNodes - 默认处理节点准备完成', {
+                        processedNodesLength: processedNodes1 === null || processedNodes1 === void 0 ? void 0 : processedNodes1.length,
+                        processedTypes: processedNodes1 === null || processedNodes1 === void 0 ? void 0 : processedNodes1.map(function(n) {
+                            return n === null || n === void 0 ? void 0 : n.type;
+                        })
+                    });
                     return [
                         4,
                         insertNodesBatch(editor, processedNodes1)
                     ];
                 case 16:
                     _state.sent();
+                    debugInfo('insertParsedHtmlNodes - 默认处理完成');
                     return [
                         2,
                         true

package/dist/Plugins/chart/AreaChart/index.js

@@ -319,6 +319,9 @@ import { useStyle } from "./style";
             line: {
                 borderWidth: 3
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     var handleDownload = function() {

package/dist/Plugins/chart/BarChart/index.js

@@ -807,6 +807,9 @@ var BarChart = function(param) {
                     color: gridColor
                 }
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     // 合并外部传入的选项与默认选项

package/dist/Plugins/chart/DonutChart/index.js

@@ -554,7 +554,7 @@ import { useStyle } from "./style";
                 }
             },
             animation: {
-                duration: isMobile ? 200 : 1000
+                duration: isMobile ? 200 : 400
             },
             interaction: {
                 mode: 'point',

package/dist/Plugins/chart/FunnelChart/index.js

@@ -643,6 +643,9 @@ var FunnelChart = function(_param) {
                     display: false
                 }
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     var handleDownload = function() {

package/dist/Plugins/chart/LineChart/index.js

@@ -334,6 +334,9 @@ var LineChart = function(_param) {
             line: {
                 borderWidth: 3
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     var handleDownload = function() {

package/dist/Plugins/chart/RadarChart/index.js

@@ -525,6 +525,9 @@ var RadarChart = function(_param) {
             point: {
                 hoverRadius: isMobile ? 4 : 6
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     var handleDownload = function() {

package/dist/Plugins/chart/ScatterChart/index.js

@@ -576,6 +576,9 @@ var ScatterChart = function(_param) {
             point: {
                 hoverRadius: isMobile ? 6 : 8
             }
+        },
+        animation: {
+            duration: isMobile ? 200 : 400
         }
     };
     var handleDownload = function() {

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

@@ -1,7 +1,54 @@
 /**
  * @fileoverview 思考块组件
  * 只读模式下渲染思考类型的代码块
- */ import React, { useContext } from "react";
+ */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useMergedState } from "rc-util";
+import React, { useContext, useEffect } from "react";
 import { MessagesContext } from "../../../Bubble/MessagesContent/BubbleContext";
 import { I18nContext } from "../../../I18n";
 import { EditorStoreContext } from "../../../MarkdownEditor/editor/store";
@@ -20,15 +67,28 @@ import { ToolUseBarThink } from "../../../ToolUseBarThink";
 };
 export function ThinkBlock(param) {
     var element = param.element;
-    var _editorProps_codeProps;
+    var _editorProps_codeProps, _editorProps_codeProps1;
     var locale = useContext(I18nContext).locale;
     var editorProps = (useContext(EditorStoreContext) || {}).editorProps;
     var message = useContext(MessagesContext).message;
+    // 获取当前 Bubble 的 isFinished 状态
+    var bubbleIsFinished = message === null || message === void 0 ? void 0 : message.isFinished;
+    var _useMergedState = _sliced_to_array(useMergedState(function() {
+        return bubbleIsFinished ? undefined : false;
+    }, {
+        value: editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.alwaysExpandedDeepThink,
+        defaultValue: editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.alwaysExpandedDeepThink
+    }), 2), expanded = _useMergedState[0], setExpanded = _useMergedState[1];
+    useEffect(function() {
+        if (bubbleIsFinished) {
+            setExpanded(true);
+        }
+    }, [
+        bubbleIsFinished
+    ]);
     var rawContent = (element === null || element === void 0 ? void 0 : element.value) !== null && (element === null || element === void 0 ? void 0 : element.value) !== undefined ? String(element.value).trim() : '';
     // 恢复内容中被转义的代码块
     var content = restoreCodeBlocks(rawContent);
-    // 获取当前 Bubble 的 isFinished 状态
-    var bubbleIsFinished = message === null || message === void 0 ? void 0 : message.isFinished;
     // 判断是否正在加载：内容以...结尾 或者 bubble 还未完成
     var isLoading = content.endsWith('...');
     var toolNameText = isLoading ? (locale === null || locale === void 0 ? void 0 : locale['think.deepThinkingInProgress']) || '深度思考...' : (locale === null || locale === void 0 ? void 0 : locale['think.deepThinking']) || '深度思考';
@@ -41,7 +101,8 @@ export function ThinkBlock(param) {
                 marginTop: 8
             }
         },
-        expanded: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.alwaysExpandedDeepThink) ? true : bubbleIsFinished ? false : undefined,
+        expanded: expanded,
+        onExpandedChange: setExpanded,
         toolName: toolNameText,
         thinkContent: content,
         status: isLoading ? 'loading' : 'success'

package/package.json

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