@ant-design/agentic-ui 2.30.31 → 2.31.0

package/dist/Workspace/File/FileComponent.js

@@ -755,6 +755,7 @@ export var FileComponent = function FileComponent(param) {
         resetKey
     ]);
     // 监听 nodes 变化，同步更新 previewFile
+    // 当外部数据更新时，保持预览文件与最新数据同步
     useEffect(function() {
         if (!previewFile) return;
         // 在所有节点中查找与当前预览文件匹配的文件
@@ -768,7 +769,7 @@ export var FileComponent = function FileComponent(param) {
                         var found = findUpdatedFile(node.children);
                         if (found) return found;
                     } else {
-                        // 文件节点，比较 ID 或文件引用
+                        // 文件节点，比较 ID 或文件名+类型
                         if (node.id && node.id === previewFile.id || node.name === previewFile.name && node.type === previewFile.type) {
                             return node;
                         }
@@ -795,8 +796,15 @@ export var FileComponent = function FileComponent(param) {
         if (updatedFile) {
             setPreviewFile(updatedFile);
         }
+    // 注意：这里故意使用 nodes 而非 safeNodes 作为依赖
+    // 因为 safeNodes 每次渲染都会重新计算，会导致无限循环
+    // nodes 引用变化时才需要检查更新
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        nodes
+        nodes,
+        previewFile === null || previewFile === void 0 ? void 0 : previewFile.id,
+        previewFile === null || previewFile === void 0 ? void 0 : previewFile.name,
+        previewFile === null || previewFile === void 0 ? void 0 : previewFile.type
     ]);
     // 处理分组折叠/展开
     var handleToggleGroup = useRefFunction(function(groupId, type, collapsed) {
@@ -1022,7 +1030,9 @@ export var FileComponent = function FileComponent(param) {
         if (hasKeyword) {
             return /*#__PURE__*/ React.createElement(Typography.Text, {
                 type: "secondary"
-            }, ((locale === null || locale === void 0 ? void 0 : locale['workspace.noResultsFor']) || "未找到与「".concat(keyword, "」匹配的结果")).replace('${keyword}', String(keyword)));
+            }, compileTemplate((locale === null || locale === void 0 ? void 0 : locale['workspace.noResultsFor']) || '未找到与「${keyword}」匹配的结果', {
+                keyword: String(keyword)
+            }));
         }
         if (typeof emptyRender === 'function') {
             return emptyRender();
@@ -1044,12 +1054,8 @@ export var FileComponent = function FileComponent(param) {
     });
     // 渲染文件内容
     var renderFileContent = useRefFunction(function() {
-        if ((!nodes || nodes.length === 0) && !loading) {
-            return /*#__PURE__*/ React.createElement("div", {
-                className: classNames("".concat(prefixCls, "-empty"), hashId)
-            }, renderEmptyContent());
-        }
-        if (safeNodes.length === 0) {
+        // 统一的空状态判断：数据为空且非加载中
+        if (safeNodes.length === 0 && !loading) {
             return /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(prefixCls, "-empty"), hashId)
             }, renderEmptyContent());

package/dist/Workspace/File/FileTree/FileTreeComponent.js

@@ -214,9 +214,14 @@ var FileTreeComponent = function FileTreeComponent(param) {
         }
         // 须让 `Promise` 在失败时 reject，以便 rc-tree 不将 key 记为已加载，从而可再次展开重试
         return Promise.resolve(onLoadChildrenRef(source)).then(function(loaded) {
+            var children = loaded !== null && loaded !== void 0 ? loaded : [];
             setInnerTree(function(prev) {
-                return replaceNodeChildren(prev, k, loaded);
+                return replaceNodeChildren(prev, k, children);
             });
+        }).catch(function(error) {
+            console.error('Failed to load tree children:', error);
+            // 返回 reject 以便 rc-tree 不将 key 记为已加载，允许重试
+            throw error;
         });
     }, [
         onLoadChildrenRef,

package/dist/Workspace/File/PreviewComponent.js

@@ -185,7 +185,15 @@ var PlaceholderContent = function PlaceholderContent(param) {
         if (customContent || !processResult) return;
         var typeInference = processResult.typeInference, dataSource = processResult.dataSource;
         var isTextOrCode = typeInference.category === 'text' || typeInference.category === 'code';
-        if (!isTextOrCode) return;
+        // 非文本/代码类型时重置状态
+        if (!isTextOrCode) {
+            setContentState({
+                status: 'idle',
+                mdContent: '',
+                rawContent: ''
+            });
+            return;
+        }
         var setReadyContent = function setReadyContent(raw) {
             setContentState({
                 status: 'ready',
@@ -216,11 +224,19 @@ var PlaceholderContent = function PlaceholderContent(param) {
                 });
                 console.error('加载文本内容失败:', err);
             });
+        } else {
+            // 无数据源时重置状态，避免显示旧内容
+            setContentState({
+                status: 'idle',
+                mdContent: '',
+                rawContent: ''
+            });
         }
     }, [
         processResult,
         file.name,
-        customContent
+        customContent,
+        locale
     ]);
     useEffect(function() {
         var _editorRef_current;
@@ -249,14 +265,13 @@ var PlaceholderContent = function PlaceholderContent(param) {
     var isCurrentFileHtml = isHtmlFile(file.name, processResult === null || processResult === void 0 ? void 0 : processResult.dataSource.mimeType);
     var renderPreviewContent = function renderPreviewContent() {
         if (file.loading) {
-            var _file_content;
             return /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(prefixCls, "-content-loading"), hashId)
             }, /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(prefixCls, "-content-loading-tip"), hashId)
             }, /*#__PURE__*/ React.createElement(LoadingOutlined, null), (locale === null || locale === void 0 ? void 0 : locale['workspace.file.generating']) || '正在生成'), /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(prefixCls, "-content-loading-inner"), hashId)
-            }, (file === null || file === void 0 ? void 0 : (_file_content = file.content) === null || _file_content === void 0 ? void 0 : _file_content.padEnd(10000, file === null || file === void 0 ? void 0 : file.content)) || '...'.padEnd(10000, '...')));
+            }, (file === null || file === void 0 ? void 0 : file.content) || '...'));
         }
         if (customContent) {
             return /*#__PURE__*/ React.createElement("div", {
@@ -331,7 +346,7 @@ var PlaceholderContent = function PlaceholderContent(param) {
                 className: classNames("".concat(filePrefixCls, "-item-separator"), hashId)
             }, "|"), /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-time"), hashId)
-            }, formatLastModified(file.lastModified))))))), canDownload && onDownload && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+            }, formatLastModified(file.lastModified))))))), canDownload && onDownload ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(prefixCls, "-unsupported-text"), hashId)
             }, (locale === null || locale === void 0 ? void 0 : locale['workspace.file.unsupportedPreview']) || '此文件无法预览，请下载查看。'), /*#__PURE__*/ React.createElement(Button, {
                 color: "default",
@@ -339,7 +354,9 @@ var PlaceholderContent = function PlaceholderContent(param) {
                 icon: /*#__PURE__*/ React.createElement(DownloadIcon, null),
                 onClick: handleDownload,
                 "aria-label": (locale === null || locale === void 0 ? void 0 : locale['workspace.file.download']) || '下载'
-            }, (locale === null || locale === void 0 ? void 0 : locale['workspace.file.downloadButton']) || '下载'))));
+            }, (locale === null || locale === void 0 ? void 0 : locale['workspace.file.downloadButton']) || '下载')) : /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-unsupported-text"), hashId)
+            }, (locale === null || locale === void 0 ? void 0 : locale['workspace.file.unsupportedPreviewNoDownload']) || '此文件无法预览。')));
         }
         var renderTextOrCode = function renderTextOrCode() {
             if (isCurrentFileHtml) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.31",
+  "version": "2.31.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -32,12 +32,12 @@
     "start": "pnpm run dev",
     "test": "vitest --run",
     "test:coverage": "vitest --run --coverage",
-    "test:coverage:full": "cross-env VITEST_FULL_SUITE=1 vitest --run --coverage",
+    "test:coverage:full": "vitest --run --coverage --mode full",
     "test:e2e": "playwright test",
     "test:e2e:debug": "playwright test --debug",
     "test:e2e:skip-server": "cross-env SKIP_WEBSERVER=1 playwright test",
     "test:e2e:ui": "playwright test --ui",
-    "test:full": "cross-env VITEST_FULL_SUITE=1 vitest --run",
+    "test:full": "vitest --run --mode full",
     "tsc": "tsc --noEmit"
   },
   "lint-staged": {