@ant-design/agentic-ui 2.29.40 → 2.29.43

package/dist/Constants/mobile.d.ts

@@ -1,3 +1,5 @@
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */
+export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 3;
 export declare const MOBILE_PADDING = "clamp(4px, 2vw, 12px)";
 export declare const MOBILE_BREAKPOINT = "768px";
 export declare const MOBILE_TABLE_MIN_COLUMN_WIDTH = 96;

package/dist/Constants/mobile.js

@@ -2,6 +2,7 @@ var MOBILE_PADDING_MIN = '4px';
 var MOBILE_PADDING_MAX = '12px';
 var MOBILE_PADDING_SCALE = '2vw';
 var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */ export var TABLE_COL_WIDTH_MIN_COLUMNS = 3;
 export var MOBILE_PADDING = "clamp(".concat(MOBILE_PADDING_MIN, ", ").concat(MOBILE_PADDING_SCALE, ", ").concat(MOBILE_PADDING_MAX, ")");
 export var MOBILE_BREAKPOINT = '768px';
 export var MOBILE_TABLE_MIN_COLUMN_WIDTH = MOBILE_TABLE_MIN_CELL_WIDTH;

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -64,6 +64,7 @@ import classNames from "clsx";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
+import { TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { I18nContext } from "../../../../I18n";
 import { useEditorStore } from "../../store";
 import { parserSlateNodeToMarkdown } from "../../utils";
@@ -84,15 +85,15 @@ import { parserSlateNodeToMarkdown } from "../../utils";
     var modelTargetRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), previewOpen = _useState[0], setPreviewOpen = _useState[1];
     var i18n = useContext(I18nContext);
-    // 简化的列宽计算 - 只为 readonly 模式设计
+    // 简化的列宽计算 - 只为 readonly 模式设计，少于 3 列不设置 col
     var colWidths = useMemo(function() {
         var _element_children__children, _element_children_, _element_children;
+        var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
+        if (columnCount === 0 || columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
         var otherProps = element === null || element === void 0 ? void 0 : element.otherProps;
         if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
             return otherProps.colWidths;
         }
-        var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
-        if (columnCount === 0) return [];
         // 使用固定宽度避免复杂计算
         var defaultWidth = 80;
         return Array(columnCount).fill(defaultWidth);
@@ -147,7 +148,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         return /*#__PURE__*/ React.createElement("table", {
             ref: tableTargetRef,
             className: classNames("".concat(baseCls, "-editor-table"), 'readonly', "".concat(baseCls, "-readonly-table"), _define_property({}, "".concat(baseCls, "-readonly-pure"), editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.pure))
-        }, /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
+        }, colWidths.length > 0 && /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
             var isLastCol = index === colWidths.length - 1;
             return /*#__PURE__*/ React.createElement("col", {
                 key: index,
@@ -194,6 +195,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         afterClose: handleModalClose,
         width: "80vw",
         onCancel: handleModalClose
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: getPrefixCls('agentic-md-editor'),
+        style: {
+            flex: 1,
+            minWidth: 0
+        }
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, getPrefixCls('agentic-md-editor-content')),
         style: {
@@ -204,15 +211,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         },
         ref: modelTargetRef,
         onMouseDown: function onMouseDown(e) {
-            // 阻止默认的文字选择行为
             e.preventDefault();
         },
         onDragStart: function onDragStart(e) {
-            // 阻止拖拽开始时的文字选择
             e.preventDefault();
         },
         onDoubleClick: function onDoubleClick(e) {
-            // 阻止双击选择文字
             e.preventDefault();
         }
     }, /*#__PURE__*/ React.createElement(ConfigProvider, {
@@ -222,6 +226,6 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         getTargetContainer: function getTargetContainer() {
             return modelTargetRef.current || document.body;
         }
-    }, tableDom))));
+    }, tableDom)))));
 });
 ReadonlyTableComponent.displayName = 'ReadonlyTableComponent';

package/dist/MarkdownEditor/editor/elements/Table/Table.js

@@ -149,7 +149,7 @@ import classNames from "clsx";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
-import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH } from "../../../../Constants/mobile";
+import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -197,18 +197,20 @@ import useScrollShadow from "./useScrollShadow";
     // 只在编辑模式下进行复杂的列宽计算
     var colWidths = useMemo(function() {
         var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-        // readonly 模式下使用简化计算
+        // readonly 模式下使用简化计算，少于 3 列不设置 col
         if (readonly) {
-            var _props_element2, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element3;
-            var otherProps = (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.otherProps;
+            var _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2, _props_element3;
+            var colCount = ((_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+            if (colCount === 0 || colCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+            var otherProps = (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : _props_element3.otherProps;
             if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
                 return otherProps.colWidths;
             }
-            var columnCount1 = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-            if (columnCount1 === 0) return [];
-            return Array(columnCount1).fill(80); // 固定宽度
+            return Array(colCount).fill(80); // 固定宽度
         }
-        // 如果在props中存在，直接使用以避免计算
+        // 少于 3 列不设置 col，使用浏览器默认布局
+        if (columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+        // 如果在 props 中存在，直接使用以避免计算
         if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths) {
             var _props_element_otherProps1, _props_element4;
             return (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.colWidths;
@@ -333,10 +335,12 @@ import useScrollShadow from "./useScrollShadow";
             });
         }) || null), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
             colWidths: colWidths,
+            columnCount: columnCount,
             tablePath: tablePath
         }), children));
     }, [
         colWidths,
+        columnCount,
         children,
         baseCls
     ]);

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.d.ts

@@ -3,8 +3,10 @@ import React from 'react';
  * TableRowIndex 组件的属性接口
  */
 export interface TableRowIndexProps {
-    /** 列宽度数组 */
+    /** 列宽度数组，为空时使用 columnCount 渲染占位单元格 */
     colWidths?: number[];
+    /** 数据列数，colWidths 为空时用于渲染占位单元格数量 */
+    columnCount?: number;
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义类名 */

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.js

@@ -34,7 +34,8 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
  * - 根据列宽度数组生成对应的间隔单元格
  * - 包含行索引单元格和列间隔单元格
  */ export var TableRowIndex = function TableRowIndex(param) {
-    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, style = param.style, className = param.className, tablePath = param.tablePath;
+    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, _param_columnCount = param.columnCount, columnCount = _param_columnCount === void 0 ? 0 : _param_columnCount, style = param.style, className = param.className, tablePath = param.tablePath;
+    var spacerCount = colWidths.length > 0 ? colWidths.length : columnCount;
     var context = useContext(ConfigProvider.ConfigContext);
     var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-table-row-index');
     return /*#__PURE__*/ React.createElement("tr", {
@@ -51,7 +52,9 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
         columnIndex: -1,
         key: -1,
         tablePath: tablePath
-    }), colWidths.map(function(_, index) {
+    }), Array.from({
+        length: spacerCount
+    }).map(function(_, index) {
         return /*#__PURE__*/ React.createElement(TableCellIndexSpacer, {
             key: index,
             columnIndex: index,

package/dist/MarkdownEditor/style.js

@@ -415,12 +415,10 @@ var genStyle = function genStyle(token) {
             width: 'max-content',
             tableLayout: 'fixed',
             margin: '16px 0',
-            maxWidth: '100%',
-            position: 'relative',
-            fontVariant: 'tabular-nums',
-            borderRadius: 'var(--table-border-radius)',
-            border: '1px solid var(--table-border-color)'
-        }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
+            maxWidth: '100%'
+        }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-table"), {
+            width: '100%'
+        }), _define_property(_obj1, "position", 'relative'), _define_property(_obj1, "fontVariant", 'tabular-nums'), _define_property(_obj1, "borderRadius", 'var(--table-border-radius)'), _define_property(_obj1, "border", '1px solid var(--table-border-color)'), _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
             border: 'none',
             borderRadius: 'none',
             'tr:not(.config-tr) td:not(.config-td)': {

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.40",
+  "version": "2.29.43",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",