@ant-design/agentic-ui 2.30.12 → 2.30.14

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

@@ -305,6 +305,8 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
     var debounceTimer = useRef(0);
     var editorRef = useRef();
     var dom = useRef(null);
+    // 记录 Ace 会话当前使用的语言，用于语言变更时动态切换而不是销毁重建
+    var aceLanguageRef = useRef(element.language);
     // Ace Editor 异步加载状态
     var _useState = _sliced_to_array(useState(false), 2), aceLoaded = _useState[0], setAceLoaded = _useState[1];
     var aceModuleRef = useRef(null);
@@ -493,6 +495,8 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
     // 初始化 Ace 编辑器（仅在库加载完成后）
     // 注意： intentionally 不将 editorProps.codeProps 列入依赖，因其对象引用在父组件内容更新时会频繁变化，
     // 导致编辑器被不必要地销毁重建。codeProps 的配置在初始化时已应用，主题等动态变更由独立 effect 处理。
+    // element.language 同样不列为依赖，语言切换由独立的 effect 处理，避免流式渲染中 language
+    // 逐字符变化时触发编辑器销毁重建。
     useEffect(function() {
         if (process.env.NODE_ENV === 'test') return;
         if (!aceLoaded || !aceModuleRef.current || !dom.current) return;
@@ -521,6 +525,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
             showGutter: true
         }, codeProps));
         editorRef.current = codeEditor;
+        aceLanguageRef.current = element.language;
         // 设置主题
         var theme = codeProps.theme || props.theme || 'github';
         codeEditor.setTheme("ace/theme/".concat(theme));
@@ -551,19 +556,59 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
                 });
             })();
         }, 16);
-        if (readonly) return;
-        // 配置编辑器事件
-        setupEditorEvents(codeEditor);
+        if (!readonly) {
+            // 配置编辑器事件
+            setupEditorEvents(codeEditor);
+        }
         return function() {
             clearTimeout(debounceTimer.current);
             codeEditor.destroy();
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         aceLoaded,
-        element.language,
         readonly,
         setupEditorEvents
     ]);
+    // 语言切换时动态更新 Ace 会话模式，无需销毁重建编辑器
+    useEffect(function() {
+        if (!editorRef.current || !aceLoaded) return;
+        if (aceLanguageRef.current === element.language) return;
+        aceLanguageRef.current = element.language;
+        (function() {
+            return _async_to_generator(function() {
+                var lang, aceLangs, _editorRef_current, _editorRef_current1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            lang = element.language || '';
+                            if (modeMap.has(lang)) {
+                                lang = modeMap.get(lang);
+                            }
+                            return [
+                                4,
+                                getAceLangs()
+                            ];
+                        case 1:
+                            aceLangs = _state.sent();
+                            if (aceLangs.has(lang)) {
+                                ;
+                                (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.session.setMode("ace/mode/".concat(lang));
+                            } else {
+                                ;
+                                (_editorRef_current1 = editorRef.current) === null || _editorRef_current1 === void 0 ? void 0 : _editorRef_current1.session.setMode("ace/mode/text");
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        })();
+    }, [
+        element.language,
+        aceLoaded
+    ]);
     // 监听外部值变化
     useEffect(function() {
         var value = element.value || '';
@@ -572,10 +617,26 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
                 value = JSON.stringify(partialParse(value), null, 2);
             } catch (e) {}
         }
-        if (value !== codeRef.current || readonly) {
-            var _editorRef_current, _editorRef_current1;
-            if (element) (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setValue(value);
-            (_editorRef_current1 = editorRef.current) === null || _editorRef_current1 === void 0 ? void 0 : _editorRef_current1.clearSelection();
+        if (value === codeRef.current) return;
+        var editor = editorRef.current;
+        var prev = codeRef.current;
+        codeRef.current = value;
+        if (!editor) return;
+        // 流式渲染时内容只会在末尾追加。通过检测 value.startsWith(prev) 来判断是否为纯追加，
+        // 若是则调用 session.insert 在末尾插入增量内容，避免 setValue 清空重写导致的闪动。
+        var isAppend = value.startsWith(prev);
+        if (isAppend) {
+            var delta = value.slice(prev.length);
+            var doc = editor.session.getDocument();
+            var lastRow = doc.getLength() - 1;
+            var lastCol = doc.getLine(lastRow).length;
+            editor.session.insert({
+                row: lastRow,
+                column: lastCol
+            }, delta);
+        } else {
+            editor.setValue(value);
+            editor.clearSelection();
         }
     }, [
         element.value

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

@@ -346,7 +346,6 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         props.children,
         state.showBorder,
         state.hide,
-        state.htmlStr,
         isSelected,
         (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.hideToolBar,
         (_editorProps_codeProps2 = editorProps.codeProps) === null || _editorProps_codeProps2 === void 0 ? void 0 : _editorProps_codeProps2.disableHtmlPreview,

package/dist/Workspace/Browser/index.js

@@ -151,14 +151,16 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var locale = useContext(I18nContext).locale;
     var handleOpen = function handleOpen(e) {
+        e.preventDefault();
+        e.stopPropagation();
         if (onOpen) {
-            e.preventDefault();
             onOpen(item);
             return;
         }
         window.open(item.url, '_blank', 'noopener,noreferrer');
     };
     var handleLocate = function handleLocate(e) {
+        e.preventDefault();
         e.stopPropagation();
         onLocate === null || onLocate === void 0 ? void 0 : onLocate(item);
     };

package/package.json

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