@ant-design/agentic-ui 2.30.30 → 2.30.33

package/dist/TaskList/TaskList.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);
 }
@@ -60,7 +73,7 @@ import { ChevronUp } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import { useMergedState } from "rc-util";
-import React, { memo, useContext, useMemo } from "react";
+import React, { memo, useContext, useEffect, useMemo, useState } from "react";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import { I18nContext } from "../I18n";
@@ -68,6 +81,7 @@ import { StatusIcon } from "./components/StatusIcon";
 import { TaskListItem } from "./components/TaskListItem";
 import { getArrowRotation } from "./constants";
 import { useStyle } from "./style";
+var SIMPLE_COLLAPSE_DURATION_MS = 350;
 var getDefaultExpandedKeys = function getDefaultExpandedKeys(items, isControlled) {
     return isControlled ? [] : items.map(function(item) {
         return item.key;
@@ -99,11 +113,26 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
             return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(val);
         }
     }), 2), simpleExpanded = _useMergedState1[0], setSimpleExpanded = _useMergedState1[1];
+    var _useState = _sliced_to_array(useState(true), 2), shouldRenderContent = _useState[0], setShouldRenderContent = _useState[1];
     var handleSimpleToggle = useRefFunction(function() {
         setSimpleExpanded(function(prev) {
             return !prev;
         });
     });
+    useEffect(function() {
+        if (simpleExpanded) {
+            setShouldRenderContent(true);
+            return;
+        }
+        var timer = window.setTimeout(function() {
+            setShouldRenderContent(false);
+        }, SIMPLE_COLLAPSE_DURATION_MS);
+        return function() {
+            window.clearTimeout(timer);
+        };
+    }, [
+        simpleExpanded
+    ]);
     var _useMemo = useMemo(function() {
         var completedCount = items.filter(function(i) {
             return i.status === 'success';
@@ -133,17 +162,14 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         return {
             summaryStatus: status,
             summaryText: text,
-            progressText: "".concat(completedCount, "/").concat(items.length)
+            isCancelled: hasError,
+            lastItem: items[items.length - 1]
         };
     }, [
         items,
         locale
-    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, progressText = _useMemo.progressText;
-    var isCancelled = items.some(function(i) {
-        return i.status === 'error';
-    });
-    var renderItems = function renderItems() {
-        var visibleItems = isCancelled ? items.slice(-1) : items;
+    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, isCancelled = _useMemo.isCancelled, lastItem = _useMemo.lastItem;
+    var renderItems = function renderItems(visibleItems) {
         return visibleItems.map(function(item, index) {
             return /*#__PURE__*/ React.createElement(TaskListItem, {
                 key: item.key,
@@ -158,11 +184,15 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
     };
     if (variant !== 'simple') {
         return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-            className: className
-        }, renderItems()));
+            className: className,
+            "data-testid": prefixCls
+        }, renderItems(items)));
     }
     var simpleCls = "".concat(prefixCls, "-simple");
     var simpleArrowTitle = simpleExpanded ? (locale === null || locale === void 0 ? void 0 : locale['taskList.collapse']) || '收起' : (locale === null || locale === void 0 ? void 0 : locale['taskList.expand']) || '展开';
+    var visibleItems = simpleExpanded ? isCancelled ? items.slice(-1) : items : lastItem ? [
+        lastItem
+    ] : [];
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-wrapper"), hashId, className),
         "data-testid": "task-list-simple-wrapper"
@@ -181,10 +211,9 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         prefixCls: prefixCls,
         hashId: hashId
     })), /*#__PURE__*/ React.createElement("div", {
+        key: summaryText,
         className: classNames("".concat(simpleCls, "-text"), hashId)
     }, summaryText), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(simpleCls, "-progress"), hashId)
-    }, progressText), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-arrow"), hashId)
     }, /*#__PURE__*/ React.createElement(ActionIconBox, {
         title: simpleArrowTitle,
@@ -196,10 +225,10 @@ export var TaskList = /*#__PURE__*/ memo(function(param) {
         }
     }, /*#__PURE__*/ React.createElement(ChevronUp, {
         "data-testid": "task-list-simple-arrow"
-    })))), simpleExpanded && /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(simpleCls, "-content"), hashId)
-    }, /*#__PURE__*/ React.createElement("div", {
+    })))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-content"), hashId, _define_property({}, "".concat(simpleCls, "-content-expanded"), simpleExpanded))
+    }, shouldRenderContent ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(simpleCls, "-list"), hashId)
-    }, renderItems()))));
+    }, renderItems(visibleItems)) : null)));
 });
 TaskList.displayName = 'TaskList';

package/dist/TaskList/components/TaskListItem.js

@@ -35,7 +35,8 @@ export var TaskListItem = /*#__PURE__*/ memo(function(param) {
         className: classNames("".concat(prefixCls, "-dash-line"), hashId),
         "data-testid": "task-list-dash-line"
     }))), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-right"), hashId)
+        className: classNames("".concat(prefixCls, "-right"), hashId),
+        "data-testid": "task-list-right"
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-top"), hashId),
         onClick: handleToggle

package/dist/TaskList/constants.d.ts

@@ -17,7 +17,7 @@ export declare const COLLAPSE_TRANSITION: {
     };
     opacity: {
         duration: number;
-        ease: string;
+        ease: number[];
     };
 };
 export declare const getArrowRotation: (collapsed: boolean) => React.CSSProperties;

package/dist/TaskList/constants.js

@@ -11,7 +11,7 @@ export var COLLAPSE_VARIANTS = {
 };
 export var COLLAPSE_TRANSITION = {
     height: {
-        duration: 0.26,
+        duration: 0.35,
         ease: [
             0.4,
             0,
@@ -20,14 +20,19 @@ export var COLLAPSE_TRANSITION = {
         ]
     },
     opacity: {
-        duration: 0.2,
-        ease: 'linear'
+        duration: 0.25,
+        ease: [
+            0.4,
+            0,
+            0.2,
+            1
+        ]
     }
 };
 export var getArrowRotation = function getArrowRotation(collapsed) {
     return {
         transform: collapsed ? 'rotate(0deg)' : 'rotate(180deg)',
-        transition: 'transform 0.3s ease'
+        transition: 'transform 0.35s cubic-bezier(0.4, 0, 0.2, 1)'
     };
 };
 export var hasTaskContent = function hasTaskContent(content) {

package/dist/TaskList/style.js

@@ -130,7 +130,7 @@ var genStyle = function genStyle(token) {
             flexShrink: 0,
             width: 16,
             height: 16,
-            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
+            transition: 'all 0.35s cubic-bezier(0.4, 0, 0.2, 1)'
         }), _obj),
         '&-body': _define_property({
             display: 'flex'
@@ -146,8 +146,6 @@ var genStyle = function genStyle(token) {
         // Simple variant - wrapper
         '&-simple-wrapper': {
             borderRadius: 'var(--radius-control-base, 8px)',
-            background: 'var(--color-gray-bg-page-dark, #f5f5f5)',
-            boxShadow: 'var(--shadow-control-base, none)',
             overflow: 'hidden'
         },
         // Simple variant - bar
@@ -155,11 +153,12 @@ var genStyle = function genStyle(token) {
             display: 'flex',
             alignItems: 'center',
             height: 36,
-            padding: '0 12px',
+            padding: '0 4px',
             gap: 8,
             cursor: 'pointer',
             userSelect: 'none',
-            transition: 'background 0.2s ease',
+            borderRadius: 'var(--radius-control-base, 8px)',
+            transition: 'background 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
             '&:hover': {
                 background: 'var(--color-gray-control-fill-active, rgba(0,0,0,0.04))'
             }
@@ -181,23 +180,42 @@ var genStyle = function genStyle(token) {
             color: 'var(--color-gray-text-default, rgba(0,3,9,0.85))',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }), _define_property(_obj1, "".concat(componentCls, "-simple-progress"), {
-            flexShrink: 0,
-            font: 'var(--font-text-paragraph-sm, 12px)',
-            color: 'var(--color-gray-text-secondary, rgba(0,3,9,0.45))'
+            whiteSpace: 'nowrap',
+            animation: 'taskTextFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1)'
         }), _define_property(_obj1, "".concat(componentCls, "-simple-arrow"), {
             flexShrink: 0,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center'
         }), _obj1),
-        // Simple variant - expanded content
+        // Simple variant - content area
         '&-simple-content': {
-            overflow: 'hidden'
+            display: 'grid',
+            gridTemplateRows: '0fr',
+            opacity: 0,
+            transition: 'grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+            '& > *': {
+                overflow: 'hidden'
+            },
+            '&-expanded': {
+                gridTemplateRows: '1fr',
+                opacity: 1
+            }
         },
         '&-simple-list': {
             padding: '4px 12px 8px'
+        },
+        '@keyframes taskTextFadeIn': {
+            '0%': {
+                opacity: 0,
+                filter: 'blur(4px)',
+                transform: 'translateY(2px)'
+            },
+            '100%': {
+                opacity: 1,
+                filter: 'blur(0)',
+                transform: 'translateY(0)'
+            }
         }
     });
 };

package/dist/ThoughtChainList/index.js

@@ -486,6 +486,7 @@ var ThoughtChainContent = /*#__PURE__*/ React.memo(function(_0) {
         locale: locale
     }), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls), hashId),
+        "data-testid": prefixCls,
         style: restStyle
     }, /*#__PURE__*/ React.createElement(motion.div, {
         className: classNames("".concat(prefixCls, "-container"), hashId, _define_property({}, "".concat(prefixCls, "-container-loading"), !(bubble === null || bubble === void 0 ? void 0 : bubble.isFinished)))

package/dist/ToolUseBar/index.js

@@ -155,13 +155,14 @@ 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, _0_disableAnimation = _0.disableAnimation, disableAnimation = _0_disableAnimation === void 0 ? false : _0_disableAnimation, 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, testId = _0.testId, props = _object_without_properties(_0, [
         "tools",
         "onActiveKeysChange",
         "onExpandedKeysChange",
         "light",
         "disableAnimation",
-        "style"
+        "style",
+        "testId"
     ]);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var prefixCls = getPrefixCls('agentic-tool-use-bar');
@@ -246,13 +247,13 @@ export * from "./BarItem";
     ]);
     if (!(tools === null || tools === void 0 ? void 0 : tools.length)) return /*#__PURE__*/ React.createElement("div", {
         className: containerClassName,
-        style: style,
-        "data-testid": "ToolUse"
+        "data-testid": testId !== null && testId !== void 0 ? testId : 'ToolUse',
+        style: style
     });
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: containerClassName,
-        style: style,
-        "data-testid": "ToolUse"
+        "data-testid": testId !== null && testId !== void 0 ? testId : 'ToolUse',
+        style: style
     }, toolItems));
 };
 // 使用 memo 优化组件，避免不必要的重新渲染

package/dist/ToolUseBarThink/index.d.ts

@@ -1,44 +1,24 @@
 import React from 'react';
-/**
- * ToolUseBarThink 组件属性
- */
 export interface ToolUseBarThinkProps {
-    /** 工具名称 */
     toolName: React.ReactNode;
-    /** 工具目标 */
     toolTarget?: React.ReactNode;
-    /** 时间显示 */
     time?: React.ReactNode;
-    /** 自定义图标 */
     icon?: React.ReactNode;
-    /** 思考内容 */
     thinkContent?: React.ReactNode;
-    /** 测试ID */
     testId?: string;
-    /** 状态 */
     status?: 'loading' | 'success' | 'error';
-    /** 是否展开 */
     expanded?: boolean;
-    /** 轻量模式 */
     light?: boolean;
-    /** 默认展开状态 */
     defaultExpanded?: boolean;
-    /** 展开状态变更回调 */
     onExpandedChange?: (expanded: boolean) => void;
-    /** 浮动展开状态 */
     floatingExpanded?: boolean;
-    /** 默认浮动展开状态 */
     defaultFloatingExpanded?: boolean;
-    /** 浮动展开状态变更回调 */
     onFloatingExpandedChange?: (floatingExpanded: boolean) => void;
-    /** 自定义类名 */
     classNames?: {
         root?: string;
         bar?: string;
         header?: string;
-        headerLeft?: string;
         imageWrapper?: string;
-        image?: string;
         name?: string;
         target?: string;
         time?: string;
@@ -47,14 +27,11 @@ export interface ToolUseBarThinkProps {
         content?: string;
         floatingExpand?: string;
     };
-    /** 自定义样式 */
     styles?: {
         root?: React.CSSProperties;
         bar?: React.CSSProperties;
         header?: React.CSSProperties;
-        headerLeft?: React.CSSProperties;
         imageWrapper?: React.CSSProperties;
-        image?: React.CSSProperties;
         name?: React.CSSProperties;
         target?: React.CSSProperties;
         time?: React.CSSProperties;