@ant-design/agentic-ui 2.27.6 → 2.27.8

package/dist/Plugins/mermaid/utils.js

@@ -0,0 +1,223 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var mermaidLoader = null;
+/**
+ * 加载 Mermaid 库
+ * 使用单例模式确保只加载一次，并初始化配置
+ */ export var loadMermaid = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function() {
+        return _ts_generator(this, function(_state) {
+            if (typeof window === 'undefined') {
+                throw new Error('Mermaid 仅在浏览器环境中可用');
+            }
+            if (!mermaidLoader) {
+                // 使用 webpack 魔法注释确保正确代码分割和解析
+                // webpackChunkName 指定 chunk 名称，webpackMode 指定加载模式
+                mermaidLoader = import(/* webpackChunkName: "mermaid" */ /* webpackMode: "lazy" */ "mermaid").then(function(module) {
+                    var api = module.default;
+                    if (api === null || api === void 0 ? void 0 : api.initialize) {
+                        api.initialize({
+                            startOnLoad: false
+                        });
+                    }
+                    return api;
+                }).catch(function(error) {
+                    mermaidLoader = null;
+                    throw error;
+                });
+            }
+            return [
+                2,
+                mermaidLoader
+            ];
+        });
+    });
+    return function loadMermaid() {
+        return _ref.apply(this, arguments);
+    };
+}();
+/**
+ * 渲染 SVG 到容器
+ */ export var renderSvgToContainer = function(svg, container) {
+    // 如果已有内容，先淡出
+    if (container.children.length > 0) {
+        container.style.opacity = '0';
+        container.style.transition = 'opacity 0.2s ease-in-out';
+    }
+    requestAnimationFrame(function() {
+        container.innerHTML = '';
+        var wrapper = document.createElement('div');
+        wrapper.setAttribute('data-mermaid-wrapper', 'true');
+        wrapper.style.cssText = "\n      position: relative;\n      width: 100%;\n      max-width: 100%;\n      overflow: hidden;\n      isolation: isolate;\n      contain: layout style paint;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: 200px;\n    ";
+        var parser = new DOMParser();
+        var svgDoc = parser.parseFromString(svg, 'image/svg+xml');
+        var svgElement = svgDoc.querySelector('svg');
+        if (svgElement) {
+            var existingStyle = svgElement.getAttribute('style') || '';
+            var newStyle = "".concat(existingStyle, "; max-width: 100%; height: auto; overflow: hidden;").trim();
+            svgElement.setAttribute('style', newStyle);
+            svgElement.setAttribute('data-mermaid-svg', 'true');
+            svgElement.setAttribute('class', (svgElement.getAttribute('class') || '') + ' mermaid-isolated');
+            var allElements = svgElement.querySelectorAll('*');
+            allElements.forEach(function(el) {
+                if (el instanceof SVGElement) {
+                    el.setAttribute('data-mermaid-internal', 'true');
+                }
+            });
+            wrapper.appendChild(svgElement);
+        } else {
+            var tempDiv = document.createElement('div');
+            tempDiv.innerHTML = svg;
+            var extractedSvg = tempDiv.querySelector('svg');
+            if (extractedSvg) {
+                extractedSvg.setAttribute('style', 'max-width: 100%; height: auto; overflow: hidden;');
+                extractedSvg.setAttribute('data-mermaid-svg', 'true');
+                wrapper.appendChild(extractedSvg);
+            } else {
+                wrapper.innerHTML = svg;
+            }
+        }
+        container.appendChild(wrapper);
+        requestAnimationFrame(function() {
+            container.style.opacity = '1';
+            container.style.transition = 'opacity 0.3s ease-in-out';
+        });
+    });
+};
+/**
+ * 清理 Mermaid 生成的临时元素
+ */ export var cleanupTempElement = function(id) {
+    var tempElement = document.querySelector('#d' + id);
+    if (tempElement) {
+        tempElement.classList.add('hidden');
+        try {
+            if (tempElement.parentNode) {
+                tempElement.parentNode.removeChild(tempElement);
+            }
+        } catch (e) {
+        // 忽略移除失败
+        }
+    }
+};

package/dist/TaskList/index.js

@@ -61,7 +61,8 @@ import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
 import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useContext, useMemo } from "react";
+import React, { memo, useContext, useMemo } from "react";
+import { useRefFunction } from "../Hooks/useRefFunction";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { Loading } from "../Components/Loading";
 import { I18nContext } from "../I18n";
@@ -227,7 +228,7 @@ var getDefaultExpandedKeys = function(items, isControlled) {
         value: expandedKeys,
         onChange: onExpandedKeysChange
     }), 2), internalExpandedKeys = _useMergedState[0], setInternalExpandedKeys = _useMergedState[1];
-    var handleToggle = useCallback(function(key) {
+    var handleToggle = useRefFunction(function(key) {
         var currentExpanded = isControlled ? expandedKeys : internalExpandedKeys;
         var newExpandedKeys = currentExpanded.includes(key) ? currentExpanded.filter(function(k) {
             return k !== key;
@@ -235,12 +236,7 @@ var getDefaultExpandedKeys = function(items, isControlled) {
             key
         ]);
         setInternalExpandedKeys(newExpandedKeys);
-    }, [
-        expandedKeys,
-        internalExpandedKeys,
-        isControlled,
-        setInternalExpandedKeys
-    ]);
+    });
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: className
     }, items.map(function(item, index) {

package/dist/ToolUseBar/BarItem/Content.js

@@ -29,7 +29,8 @@ function _object_spread(target) {
 import { Api, ChevronUp, X } from "@sofa-design/icons";
 import classnames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useMemo } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 var ToolImageComponent = function(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId;
     var toolImageWrapperClassName = useMemo(function() {
@@ -208,12 +209,10 @@ var ToolExpandComponent = function(param) {
     }, [
         expanded
     ]);
-    // 使用 useCallback 优化点击处理函数
-    var handleClick = useCallback(function(e) {
+    // 使用 useRefFunction 优化点击处理函数
+    var handleClick = useRefFunction(function(e) {
         onExpandClick(e);
-    }, [
-        onExpandClick
-    ]);
+    });
     // 缓存展开按钮元素
     var expandElement = useMemo(function() {
         if (!showContent) return null;

package/dist/ToolUseBar/BarItem/index.js

@@ -59,7 +59,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import classnames from "classnames";
 import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useMemo } from "react";
+import React, { memo, useMemo } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { ToolContent, ToolExpand, ToolHeaderRight, ToolImage, ToolTime } from "./Content";
 var ToolUseBarItemComponent = function(param) {
     var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, onClick = param.onClick, isActive = param.isActive, onActiveChange = param.onActiveChange, isExpanded = param.isExpanded, onExpandedChange = param.onExpandedChange, defaultExpanded = param.defaultExpanded, _param_light = param.light, light = _param_light === void 0 ? false : _param_light;
@@ -101,7 +102,7 @@ var ToolUseBarItemComponent = function(param) {
         prefixCls,
         hashId
     ]);
-    var handleClick = useCallback(function(e) {
+    var handleClick = useRefFunction(function(e) {
         onClick === null || onClick === void 0 ? void 0 : onClick(tool.id);
         if (onActiveChange && !showContent) {
             onActiveChange(tool.id, !isActive);
@@ -124,22 +125,13 @@ var ToolUseBarItemComponent = function(param) {
         setExpanded(function(prev) {
             return !prev;
         });
-    }, [
-        onClick,
-        tool.id,
-        onActiveChange,
-        showContent,
-        isActive,
-        setExpanded
-    ]);
-    var handleExpandClick = useCallback(function(e) {
+    });
+    var handleExpandClick = useRefFunction(function(e) {
         e.stopPropagation(); // 阻止事件冒泡到父元素
         setExpanded(function(prev) {
             return !prev;
         });
-    }, [
-        setExpanded
-    ]);
+    });
     if (tool.type === 'summary') {
         return /*#__PURE__*/ React.createElement(ToolContent, {
             tool: tool,

package/dist/ToolUseBar/index.js

@@ -86,7 +86,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useContext, useMemo } from "react";
+import React, { memo, useContext, useMemo } from "react";
+import { useRefFunction } from "../Hooks/useRefFunction";
 import { ToolUseBarItem } from "./BarItem";
 import { useStyle } from "./style";
 export * from "./BarItem";
@@ -150,7 +151,7 @@ export * from "./BarItem";
         value: props.expandedKeys,
         onChange: onExpandedKeysChange
     }), 2), expandedKeys = _useMergedState1[0], setExpandedKeys = _useMergedState1[1];
-    var handleActiveChange = useCallback(function(id, active) {
+    var handleActiveChange = useRefFunction(function(id, active) {
         if (onActiveKeysChange) {
             var newActiveKeys = active ? _to_consumable_array(activeKeys).concat([
                 id
@@ -159,12 +160,8 @@ export * from "./BarItem";
             });
             setActiveKeys(newActiveKeys);
         }
-    }, [
-        onActiveKeysChange,
-        activeKeys,
-        setActiveKeys
-    ]);
-    var handleExpandedChange = useCallback(function(id, expanded) {
+    });
+    var handleExpandedChange = useRefFunction(function(id, expanded) {
         var newExpandedKeys = expanded ? _to_consumable_array(expandedKeys).concat([
             id
         ]) : expandedKeys.filter(function(key) {
@@ -179,11 +176,7 @@ export * from "./BarItem";
         if (onExpandedKeysChange) {
             onExpandedKeysChange(newExpandedKeys, removedKeys);
         }
-    }, [
-        onExpandedKeysChange,
-        expandedKeys,
-        setExpandedKeys
-    ]);
+    });
     // 使用 useMemo 优化工具列表的渲染
     var toolItems = useMemo(function() {
         if (!(tools === null || tools === void 0 ? void 0 : tools.length)) return null;

package/dist/ToolUseBarThink/index.js

@@ -89,7 +89,8 @@ import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
 import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useContext, useEffect, useMemo } from "react";
+import React, { memo, useContext, useEffect, useMemo } from "react";
+import { useRefFunction } from "../Hooks/useRefFunction";
 import { useStyle } from "./style";
 var getChevronStyle = function(expanded) {
     return {
@@ -301,18 +302,12 @@ var ThinkContainer = function(param) {
         onChange: onFloatingExpandedChange
     }), 2), floatingExpandedState = _useMergedState1[0], setFloatingExpandedState = _useMergedState1[1];
     var _React_useState = _sliced_to_array(React.useState(false), 2), hover = _React_useState[0], setHover = _React_useState[1];
-    var handleToggleExpand = useCallback(function() {
+    var handleToggleExpand = useRefFunction(function() {
         setExpandedState(!expandedState);
-    }, [
-        expandedState,
-        setExpandedState
-    ]);
-    var handleToggleFloatingExpand = useCallback(function() {
+    });
+    var handleToggleFloatingExpand = useRefFunction(function() {
         setFloatingExpandedState(!floatingExpandedState);
-    }, [
-        floatingExpandedState,
-        setFloatingExpandedState
-    ]);
+    });
     useEffect(function() {
         if (status === 'loading') {
             setExpandedState(true);

package/dist/Utils/debugUtils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 调试工具函数
+ */
+/**
+ * 调试信息输出函数
+ * @param message 调试信息
+ * @param args 额外参数
+ */
+export declare const debugInfo: (message: string, ...args: any[]) => void;

package/dist/Utils/debugUtils.js

@@ -0,0 +1,42 @@
+/**
+ * 调试工具函数
+ */ /**
+ * 调试信息输出函数
+ * @param message 调试信息
+ * @param args 额外参数
+ */ 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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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);
+}
+export var debugInfo = function(message) {
+    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        args[_key - 1] = arguments[_key];
+    }
+    if (typeof window !== 'undefined' && window.__DEBUG_AGENTIC__ === 1) {
+        var _console;
+        (_console = console).log.apply(_console, [
+            "[Agentic Debug] ".concat(message)
+        ].concat(_to_consumable_array(args)));
+    }
+};

package/dist/index.d.ts

@@ -55,6 +55,7 @@ export * from './Workspace';
 export * from './Components/Robot';
 export { default as Robot } from './Components/Robot';
 export { default as Quote } from './Quote';
+export type { QuoteProps } from './Quote';
 export * from './Plugins/chart';
 export * from './Plugins/mermaid';
 export * from './MarkdownEditor/types';

package/package.json

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

package/dist/MarkdownEditor/editor/elements/Mermaid.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { RenderElementProps } from 'slate-react';
-export declare const Mermaid: ({ attributes, children }: RenderElementProps) => React.JSX.Element;