@ant-design/agentic-ui 2.29.39 → 2.29.41

package/dist/Bubble/MessagesContent/BubbleExtra.js

@@ -660,7 +660,6 @@ import { VoiceButton } from "./VoiceButton";
     ]);
     var reSend = useMemo(function() {
         var _originalData_extra_preMessage, _originalData_extra;
-        console.log('originalData?.isAborted', originalData, typing);
         if ((originalData === null || originalData === void 0 ? void 0 : originalData.isAborted) && !originalData.isFinished) {
             return /*#__PURE__*/ React.createElement("span", null, (locale === null || locale === void 0 ? void 0 : locale['chat.message.aborted']) || '回答已停止生成');
         }

package/dist/MarkdownEditor/style.js

@@ -451,7 +451,7 @@ var genStyle = function genStyle(token) {
             borderBottom: '1px solid var(--table-border-color)',
             textWrap: 'nowrap',
             verticalAlign: 'top',
-            padding: '16px 12px',
+            padding: 'var(--table-cell-padding, 16px 12px)',
             textAlign: 'left',
             lineHeight: '24px',
             fontSize: '1em',
@@ -466,7 +466,7 @@ var genStyle = function genStyle(token) {
             background: 'inherit'
         }), _define_property(_obj1, 'td:not(.config-td)', {
             verticalAlign: 'top',
-            padding: '16px 12px',
+            padding: 'var(--table-cell-padding, 16px 12px)',
             textAlign: 'left',
             position: 'relative',
             lineHeight: '24px',

package/dist/ToolUseBar/BarItem/Content.d.ts

@@ -4,6 +4,7 @@ interface ToolImageProps {
     tool: ToolCall;
     prefixCls: string;
     hashId: string;
+    disableAnimation?: boolean;
 }
 export declare const ToolImage: React.NamedExoticComponent<ToolImageProps>;
 interface ToolHeaderRightProps {
@@ -11,6 +12,7 @@ interface ToolHeaderRightProps {
     prefixCls: string;
     hashId: string;
     light: boolean;
+    disableAnimation?: boolean;
 }
 export declare const ToolHeaderRight: React.NamedExoticComponent<ToolHeaderRightProps>;
 interface ToolTimeProps {
@@ -25,6 +27,7 @@ interface ToolExpandProps {
     prefixCls: string;
     hashId: string;
     onExpandClick: (e: React.MouseEvent<HTMLDivElement>) => void;
+    disableAnimation?: boolean;
 }
 export declare const ToolExpand: React.NamedExoticComponent<ToolExpandProps>;
 interface ToolContentProps {
@@ -34,6 +37,7 @@ interface ToolContentProps {
     light: boolean;
     showContent: boolean;
     expanded: boolean;
+    disableAnimation?: boolean;
 }
 export declare const ToolContent: React.NamedExoticComponent<ToolContentProps>;
 export {};

package/dist/ToolUseBar/BarItem/Content.js

@@ -26,13 +26,37 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { Api, ChevronUp, X } from "@sofa-design/icons";
 import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { memo, useMemo } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 var ToolImageComponent = function ToolImageComponent(param) {
-    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId;
+    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     var toolImageWrapperClassName = useMemo(function() {
         var _obj;
         return classNames("".concat(prefixCls, "-tool-image-wrapper"), hashId, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-rotating"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-image-wrapper-loading"), tool.status === 'loading'), _obj));
@@ -76,11 +100,13 @@ var ToolImageComponent = function ToolImageComponent(param) {
         };
     }, []);
     var animationProps = useMemo(function() {
+        if (disableAnimation) return {};
         return tool.status === 'loading' ? loadingAnimationConfig : idleAnimationConfig;
     }, [
         tool.status,
         loadingAnimationConfig,
-        idleAnimationConfig
+        idleAnimationConfig,
+        disableAnimation
     ]);
     // 缓存图标渲染
     var iconElement = useMemo(function() {
@@ -88,6 +114,13 @@ var ToolImageComponent = function ToolImageComponent(param) {
     }, [
         tool.icon
     ]);
+    if (disableAnimation) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: toolImageWrapperClassName
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: toolImageClassName
+        }, iconElement));
+    }
     return /*#__PURE__*/ React.createElement(motion.div, _object_spread({
         className: toolImageWrapperClassName
     }, animationProps), /*#__PURE__*/ React.createElement("div", {
@@ -96,7 +129,7 @@ var ToolImageComponent = function ToolImageComponent(param) {
 };
 export var ToolImage = /*#__PURE__*/ memo(ToolImageComponent);
 var ToolHeaderRightComponent = function ToolHeaderRightComponent(param) {
-    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light;
+    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     var toolHeaderRightClassName = useMemo(function() {
         return classNames("".concat(prefixCls, "-tool-header-right"), _define_property({}, "".concat(prefixCls, "-tool-header-right-light"), light), hashId);
     }, [
@@ -142,10 +175,12 @@ var ToolHeaderRightComponent = function ToolHeaderRightComponent(param) {
         };
     }, []);
     var animationProps = useMemo(function() {
+        if (disableAnimation) return {};
         return tool.status === 'loading' ? loadingAnimationConfig : {};
     }, [
         tool.status,
-        loadingAnimationConfig
+        loadingAnimationConfig,
+        disableAnimation
     ]);
     // 缓存工具名称和目标渲染
     var toolNameElement = useMemo(function() {
@@ -167,6 +202,11 @@ var ToolHeaderRightComponent = function ToolHeaderRightComponent(param) {
         tool.toolTarget,
         toolTargetClassName
     ]);
+    if (disableAnimation) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: toolHeaderRightClassName
+        }, toolNameElement, toolTargetElement);
+    }
     return /*#__PURE__*/ React.createElement(motion.div, _object_spread({
         className: toolHeaderRightClassName
     }, animationProps), toolNameElement, toolTargetElement);
@@ -193,7 +233,7 @@ var ToolTimeComponent = function ToolTimeComponent(param) {
 };
 export var ToolTime = /*#__PURE__*/ memo(ToolTimeComponent);
 var ToolExpandComponent = function ToolExpandComponent(param) {
-    var showContent = param.showContent, expanded = param.expanded, prefixCls = param.prefixCls, hashId = param.hashId, onExpandClick = param.onExpandClick;
+    var showContent = param.showContent, expanded = param.expanded, prefixCls = param.prefixCls, hashId = param.hashId, onExpandClick = param.onExpandClick, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     var toolExpandClassName = useMemo(function() {
         return classNames("".concat(prefixCls, "-tool-expand"), hashId);
     }, [
@@ -202,12 +242,14 @@ var ToolExpandComponent = function ToolExpandComponent(param) {
     ]);
     // 缓存样式对象，避免重复创建
     var chevronStyle = useMemo(function() {
-        return {
-            transition: 'transform 0.3s ease-in-out',
+        return _object_spread_props(_object_spread({}, disableAnimation ? {} : {
+            transition: 'transform 0.3s ease-in-out'
+        }), {
             transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)'
-        };
+        });
     }, [
-        expanded
+        expanded,
+        disableAnimation
     ]);
     // 使用 useRefFunction 优化点击处理函数
     var handleClick = useRefFunction(function(e) {
@@ -232,7 +274,7 @@ var ToolExpandComponent = function ToolExpandComponent(param) {
 };
 export var ToolExpand = /*#__PURE__*/ memo(ToolExpandComponent);
 var ToolContentComponent = function ToolContentComponent(param) {
-    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light, showContent = param.showContent, expanded = param.expanded;
+    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, light = param.light, showContent = param.showContent, expanded = param.expanded, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     var toolContainerClassName = useMemo(function() {
         return classNames("".concat(prefixCls, "-tool-container"), hashId, _define_property({}, "".concat(prefixCls, "-tool-container-light"), light));
     }, [
@@ -288,7 +330,6 @@ var ToolContentComponent = function ToolContentComponent(param) {
         tool.content,
         contentClassName
     ]);
-    // 缓存容器元素
     var contentVariants = useMemo(function() {
         return {
             expanded: {
@@ -318,13 +359,22 @@ var ToolContentComponent = function ToolContentComponent(param) {
             }
         };
     }, []);
-    // 缓存样式对象
     var containerStyle = useMemo(function() {
         return {
             overflow: 'hidden',
             willChange: 'height, opacity'
         };
     }, []);
+    // 禁用动画时使用简单的显示/隐藏
+    if (disableAnimation) {
+        return showContent && expanded ? /*#__PURE__*/ React.createElement("div", {
+            className: toolContainerClassName,
+            "data-testid": "tool-user-item-tool-container",
+            style: {
+                overflow: 'hidden'
+            }
+        }, contentDom, errorDom) : null;
+    }
     return /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false,
         mode: "sync"

package/dist/ToolUseBar/BarItem/index.d.ts

@@ -22,5 +22,6 @@ export interface ToolUseBarItemProps {
     onExpandedChange?: (id: string, expanded: boolean) => void;
     defaultExpanded?: boolean;
     light?: boolean;
+    disableAnimation?: boolean;
 }
 export declare const ToolUseBarItem: React.NamedExoticComponent<ToolUseBarItemProps>;

package/dist/ToolUseBar/BarItem/index.js

@@ -70,7 +70,7 @@ import React, { memo, useMemo } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import { ToolContent, ToolExpand, ToolHeaderRight, ToolImage, ToolTime } from "./Content";
 var ToolUseBarItemComponent = function ToolUseBarItemComponent(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;
+    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, _param_disableAnimation = param.disableAnimation, disableAnimation = _param_disableAnimation === void 0 ? false : _param_disableAnimation;
     // 使用 useMergedState 来管理展开状态
     var _useMergedState = _sliced_to_array(useMergedState(defaultExpanded !== null && defaultExpanded !== void 0 ? defaultExpanded : false, {
         value: isExpanded,
@@ -146,7 +146,8 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
             hashId: hashId,
             light: light,
             showContent: true,
-            expanded: true
+            expanded: true,
+            disableAnimation: disableAnimation
         });
     }
     return /*#__PURE__*/ React.createElement("div", {
@@ -163,12 +164,14 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
     }, /*#__PURE__*/ React.createElement(ToolImage, {
         tool: tool,
         prefixCls: prefixCls,
-        hashId: hashId
+        hashId: hashId,
+        disableAnimation: disableAnimation
     })), /*#__PURE__*/ React.createElement(ToolHeaderRight, {
         tool: tool,
         prefixCls: prefixCls,
         hashId: hashId,
-        light: light
+        light: light,
+        disableAnimation: disableAnimation
     }), tool.time || showContent ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-tool-time-expand"), hashId)
     }, /*#__PURE__*/ React.createElement(ToolTime, {
@@ -180,14 +183,16 @@ var ToolUseBarItemComponent = function ToolUseBarItemComponent(param) {
         expanded: expanded,
         prefixCls: prefixCls,
         hashId: hashId,
-        onExpandClick: handleExpandClick
+        onExpandClick: handleExpandClick,
+        disableAnimation: disableAnimation
     })) : null), /*#__PURE__*/ React.createElement(ToolContent, {
         tool: tool,
         prefixCls: prefixCls,
         hashId: hashId,
         light: light,
         showContent: showContent,
-        expanded: expanded
+        expanded: expanded,
+        disableAnimation: disableAnimation
     }));
 };
 // 使用 memo 优化组件，避免不必要的重新渲染

package/dist/ToolUseBar/index.d.ts

@@ -14,5 +14,7 @@ interface ToolUseBarProps {
     onExpandedKeysChange?: (expandedKeys: string[], removedKeys: string[]) => void;
     testId?: string;
     light?: boolean;
+    /** 关闭动画，在性能较弱设备上可减少卡顿 */
+    disableAnimation?: boolean;
 }
 export declare const ToolUseBar: React.NamedExoticComponent<ToolUseBarProps>;

package/dist/ToolUseBar/index.js

@@ -9,6 +9,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -142,11 +155,12 @@ export * from "./BarItem";
  * - 提供加载状态显示
  * - 支持错误状态处理
  */ var ToolUseBarComponent = function ToolUseBarComponent(_0) {
-    var tools = _0.tools, onActiveKeysChange = _0.onActiveKeysChange, onExpandedKeysChange = _0.onExpandedKeysChange, _0_light = _0.light, light = _0_light === void 0 ? false : _0_light, style = _0.style, props = _object_without_properties(_0, [
+    var tools = _0.tools, onActiveKeysChange = _0.onActiveKeysChange, onExpandedKeysChange = _0.onExpandedKeysChange, _0_light = _0.light, light = _0_light === void 0 ? false : _0_light, _0_disableAnimation = _0.disableAnimation, disableAnimation = _0_disableAnimation === void 0 ? false : _0_disableAnimation, style = _0.style, props = _object_without_properties(_0, [
         "tools",
         "onActiveKeysChange",
         "onExpandedKeysChange",
         "light",
+        "disableAnimation",
         "style"
     ]);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
@@ -203,7 +217,8 @@ export * from "./BarItem";
                 defaultExpanded: (_props_defaultExpandedKeys = props.defaultExpandedKeys) === null || _props_defaultExpandedKeys === void 0 ? void 0 : _props_defaultExpandedKeys.includes(tool.id),
                 prefixCls: prefixCls,
                 hashId: hashId,
-                light: light
+                light: light,
+                disableAnimation: disableAnimation
             });
         });
     }, [
@@ -217,15 +232,17 @@ export * from "./BarItem";
         props.defaultExpandedKeys,
         prefixCls,
         hashId,
-        light
+        light,
+        disableAnimation
     ]);
     // 使用 useMemo 优化样式类名
     var containerClassName = useMemo(function() {
-        return classNames(prefixCls, hashId, props.className);
+        return classNames(prefixCls, hashId, props.className, _define_property({}, "".concat(prefixCls, "-no-animation"), disableAnimation));
     }, [
         prefixCls,
         hashId,
-        props.className
+        props.className,
+        disableAnimation
     ]);
     if (!(tools === null || tools === void 0 ? void 0 : tools.length)) return /*#__PURE__*/ React.createElement("div", {
         className: containerClassName,

package/dist/ToolUseBar/style.js

@@ -53,6 +53,11 @@ function _object_spread_props(target, source) {
 import { useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, {
+        '&-no-animation': {
+            '& *': {
+                transition: 'none !important'
+            }
+        },
         display: 'flex',
         flexDirection: 'column',
         gap: 4,
@@ -314,7 +319,11 @@ var genStyle = function genStyle(token) {
             fontWeight: 'normal',
             lineHeight: '160%',
             letterSpacing: 'normal',
-            color: '#767E8B'
+            color: '#767E8B',
+            overflow: 'hidden',
+            display: '-webkit-box',
+            WebkitLineClamp: 5,
+            WebkitBoxOrient: 'vertical'
         },
         '&-tool-content-error': {
             display: 'flex',

package/dist/ToolUseBarThink/style.js

@@ -270,6 +270,12 @@ var genStyle = function genStyle(token) {
             maxHeight: 158,
             overflow: 'hidden',
             position: 'relative',
+            '&-content': {
+                overflow: 'hidden',
+                display: '-webkit-box',
+                WebkitLineClamp: 1,
+                WebkitBoxOrient: 'vertical'
+            },
             '&:hover': _define_property({}, "&-floating-expand", {
                 opacity: 1,
                 visibility: 'visible'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.39",
+  "version": "2.29.41",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,7 +24,6 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && pnpm run test && pnpm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",