@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/TaskList/index.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
+type TaskStatus = 'success' | 'pending' | 'loading' | 'error';
+type TaskItem = {
+    key: string;
+    title?: string;
+    content: React.ReactNode | React.ReactNode[];
+    status: TaskStatus;
+};
+/**
+ * TaskList 组件属性
+ */
 type ThoughtChainProps = {
-    items: {
-        key: string;
-        title?: string;
-        content: React.ReactNode | React.ReactNode[];
-        status: 'success' | 'pending' | 'loading' | 'error';
-    }[];
+    /** 任务列表数据 */
+    items: TaskItem[];
+    /** 自定义类名 */
     className?: string;
     /** 受控模式：指定当前展开的任务项 key 数组 */
     expandedKeys?: string[];
@@ -13,71 +20,27 @@ type ThoughtChainProps = {
     onExpandedKeysChange?: (expandedKeys: string[]) => void;
 };
 /**
- * TaskList 组件 - 任务列表组件
+ * TaskList 组件
  *
- * 该组件显示任务列表，支持任务的展开/折叠、状态管理等功能。
- * 每个任务项显示标题、内容等信息，支持点击交互和动画效果。
- * 支持受控和非受控两种模式。
- *
- * @component
- * @description 任务列表组件，显示任务列表和状态管理
- * @param {ThoughtChainProps} props - 组件属性
- * @param {TaskItem[]} props.items - 任务列表数据
- * @param {string} [props.className] - 自定义CSS类名
- * @param {string[]} [props.expandedKeys] - 受控模式：指定当前展开的任务项 key 数组
- * @param {(expandedKeys: string[]) => void} [props.onExpandedKeysChange] - 受控模式：展开状态变化时的回调函数
+ * 显示任务列表，支持展开/折叠、状态管理等功能
+ * 支持受控和非受控两种模式
  *
  * @example
- * // 非受控模式（默认）
  * ```tsx
+ * // 非受控模式
  * <TaskList
  *   items={[
- *     {
- *       key: 'task1',
- *       title: '任务1',
- *       content: '任务内容',
- *       status: 'success'
- *     }
+ *     { key: 'task1', title: '任务1', content: '内容', status: 'success' }
  *   ]}
- *   className="custom-task-list"
  * />
- * ```
  *
- * @example
  * // 受控模式
- * ```tsx
- * const [expandedKeys, setExpandedKeys] = useState(['task1']);
- *
  * <TaskList
- *   items={[
- *     {
- *       key: 'task1',
- *       title: '任务1',
- *       content: '任务内容',
- *       status: 'success'
- *     },
- *     {
- *       key: 'task2',
- *       title: '任务2',
- *       content: '任务内容',
- *       status: 'pending'
- *     }
- *   ]}
+ *   items={tasks}
  *   expandedKeys={expandedKeys}
  *   onExpandedKeysChange={setExpandedKeys}
  * />
  * ```
- *
- * @returns {React.ReactElement} 渲染的任务列表组件
- *
- * @remarks
- * - 支持任务列表的展开/折叠
- * - 支持任务状态管理
- * - 显示任务标题和内容
- * - 支持点击交互
- * - 提供动画效果
- * - 自动管理折叠状态（非受控模式）
- * - 支持受控模式，通过 expandedKeys 和 onExpandedKeysChange 控制展开状态
  */
 export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange, }: ThoughtChainProps) => React.JSX.Element>;
 export {};

package/dist/TaskList/index.js

@@ -3,103 +3,122 @@ import { ChevronUp, CircleDashed, SuccessFill, X } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { useMergedState } from "rc-util";
-import React, { memo, useCallback, useContext, useMemo } from "react";
-import { ActionIconBox } from "../components/ActionIconBox";
-import { I18nContext } from "../i18n";
+import React, { memo, useCallback, useContext } from "react";
+import { ActionIconBox } from "../Components/ActionIconBox";
+import { I18nContext } from "../I18n";
 import { LoadingLottie } from "./LoadingLottie";
 import { useStyle } from "./style";
-var TaskListItem = memo(
-  ({
-    item,
-    isLast,
-    prefixCls,
-    hashId,
-    expandedKeys,
-    onToggle
-  }) => {
-    const { locale } = useContext(I18nContext);
-    const isCollapsed = !expandedKeys.includes(item.key);
-    const hasContent = useMemo(() => {
-      if (Array.isArray(item.content)) {
-        return item.content.length > 0;
-      }
-      return !!item.content;
-    }, [item.content]);
-    return /* @__PURE__ */ React.createElement(
+var LOTTIE_SIZE = 16;
+var buildClassName = (...args) => classNames(...args);
+var hasTaskContent = (content) => {
+  if (Array.isArray(content)) {
+    return content.length > 0;
+  }
+  return !!content;
+};
+var getArrowRotation = (collapsed) => ({
+  transform: collapsed ? "rotate(0deg)" : "rotate(180deg)"
+});
+var StatusIcon = ({ status, prefixCls, hashId }) => {
+  const statusMap = {
+    success: /* @__PURE__ */ React.createElement(SuccessFill, null),
+    loading: /* @__PURE__ */ React.createElement(LoadingLottie, { size: LOTTIE_SIZE }),
+    pending: /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-status-idle`, hashId) }, /* @__PURE__ */ React.createElement(CircleDashed, null)),
+    error: /* @__PURE__ */ React.createElement(X, null)
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: buildClassName(
+        `${prefixCls}-status`,
+        `${prefixCls}-status-${status}`,
+        hashId
+      ),
+      "data-testid": `task-list-status-${status}`
+    },
+    statusMap[status]
+  );
+};
+var TaskListItem = ({
+  item,
+  isLast,
+  prefixCls,
+  hashId,
+  expandedKeys,
+  onToggle
+}) => {
+  const { locale } = useContext(I18nContext);
+  const isCollapsed = !expandedKeys.includes(item.key);
+  const hasContent = hasTaskContent(item.content);
+  const handleToggle = () => onToggle(item.key);
+  const arrowTitle = isCollapsed ? (locale == null ? void 0 : locale["taskList.expand"]) || "展开" : (locale == null ? void 0 : locale["taskList.collapse"]) || "收起";
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      key: item.key,
+      className: buildClassName(`${prefixCls}-thoughtChainItem`, hashId),
+      "data-testid": "task-list-thoughtChainItem"
+    },
+    /* @__PURE__ */ React.createElement(
       "div",
       {
-        key: item.key,
-        className: classNames(`${prefixCls}-thoughtChainItem`, hashId),
-        "data-testid": "task-list-thoughtChainItem"
+        className: buildClassName(`${prefixCls}-left`, hashId),
+        onClick: handleToggle,
+        "data-testid": "task-list-left"
       },
       /* @__PURE__ */ React.createElement(
-        "div",
+        StatusIcon,
         {
-          className: classNames(`${prefixCls}-left`, hashId),
-          onClick: () => onToggle(item.key),
-          "data-testid": "task-list-left"
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(
-              `${prefixCls}-status`,
-              `${prefixCls}-status-${item.status}`,
-              hashId
-            ),
-            "data-testid": `task-list-status-${item.status}`
-          },
-          item.status === "success" ? /* @__PURE__ */ React.createElement(SuccessFill, null) : null,
-          item.status === "loading" ? /* @__PURE__ */ React.createElement(LoadingLottie, { size: 16 }) : null,
-          item.status === "pending" ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-status-idle`, hashId) }, /* @__PURE__ */ React.createElement(CircleDashed, null)) : null,
-          item.status === "error" ? /* @__PURE__ */ React.createElement(X, null) : null
-        ),
-        /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content-left`, hashId) }, !isLast && /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(`${prefixCls}-dash-line`, hashId),
-            "data-testid": "task-list-dash-line"
-          }
-        ))
+          status: item.status,
+          prefixCls,
+          hashId
+        }
       ),
-      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-right`, hashId) }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-content-left`, hashId) }, !isLast && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: buildClassName(`${prefixCls}-dash-line`, hashId),
+          "data-testid": "task-list-dash-line"
+        }
+      ))
+    ),
+    /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-right`, hashId) }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: buildClassName(`${prefixCls}-top`, hashId),
+        onClick: handleToggle
+      },
+      /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-title`, hashId) }, item.title),
+      hasContent && /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: classNames(`${prefixCls}-top`, hashId),
-          onClick: () => onToggle(item.key)
+          className: buildClassName(`${prefixCls}-arrowContainer`, hashId),
+          onClick: handleToggle,
+          "data-testid": "task-list-arrowContainer"
         },
-        /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-title`, hashId) }, item.title),
-        hasContent && /* @__PURE__ */ React.createElement(
-          "div",
+        /* @__PURE__ */ React.createElement(
+          ActionIconBox,
           {
-            className: classNames(`${prefixCls}-arrowContainer`, hashId),
-            onClick: () => onToggle(item.key),
-            "data-testid": "task-list-arrowContainer"
+            title: arrowTitle,
+            iconStyle: getArrowRotation(isCollapsed),
+            loading: false,
+            onClick: handleToggle
           },
           /* @__PURE__ */ React.createElement(
-            ActionIconBox,
+            ChevronUp,
             {
-              title: !isCollapsed ? (locale == null ? void 0 : locale["taskList.collapse"]) || "收起" : (locale == null ? void 0 : locale["taskList.expand"]) || "展开",
-              iconStyle: {
-                transform: isCollapsed ? "rotate(0deg)" : "rotate(180deg)"
-              },
-              loading: false,
-              onClick: () => onToggle(item.key)
-            },
-            /* @__PURE__ */ React.createElement(
-              ChevronUp,
-              {
-                className: classNames(`${prefixCls}-arrow`, hashId),
-                "data-testid": "task-list-arrow"
-              }
-            )
+              className: buildClassName(`${prefixCls}-arrow`, hashId),
+              "data-testid": "task-list-arrow"
+            }
           )
         )
-      ), !isCollapsed && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-body`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content`, hashId) }, item.content)))
-    );
-  }
-);
-TaskListItem.displayName = "TaskListItem";
+      )
+    ), !isCollapsed && /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-body`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-content`, hashId) }, item.content)))
+  );
+};
+var getDefaultExpandedKeys = (items, isControlled) => {
+  return isControlled ? [] : items.map((item) => item.key);
+};
 var TaskList = memo(
   ({
     items,
@@ -110,20 +129,24 @@ var TaskList = memo(
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const prefixCls = getPrefixCls("task-list");
     const { wrapSSR, hashId } = useStyle(prefixCls);
-    const defaultExpandedKeys = useMemo(() => {
-      return expandedKeys !== void 0 ? [] : items.map((item) => item.key);
-    }, [items, expandedKeys]);
-    const [internalExpandedKeys, setInternalExpandedKeys] = useMergedState(defaultExpandedKeys, {
+    const isControlled = expandedKeys !== void 0;
+    const defaultKeys = getDefaultExpandedKeys(items, isControlled);
+    const [internalExpandedKeys, setInternalExpandedKeys] = useMergedState(defaultKeys, {
       value: expandedKeys,
       onChange: onExpandedKeysChange
     });
     const handleToggle = useCallback(
       (key) => {
-        const currentExpanded = expandedKeys !== void 0 ? expandedKeys : internalExpandedKeys;
+        const currentExpanded = isControlled ? expandedKeys : internalExpandedKeys;
         const newExpandedKeys = currentExpanded.includes(key) ? currentExpanded.filter((k) => k !== key) : [...currentExpanded, key];
         setInternalExpandedKeys(newExpandedKeys);
       },
-      [expandedKeys, internalExpandedKeys, setInternalExpandedKeys]
+      [
+        expandedKeys,
+        internalExpandedKeys,
+        isControlled,
+        setInternalExpandedKeys
+      ]
     );
     return wrapSSR(
       /* @__PURE__ */ React.createElement("div", { className }, items.map((item, index) => /* @__PURE__ */ React.createElement(

package/dist/TaskList/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/TaskList/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ThoughtChainList/CostMillis.js

@@ -2,7 +2,7 @@
 import { FieldTimeOutlined } from "@ant-design/icons";
 import { Tooltip } from "antd";
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 var msToTimes = (ms, locale) => {
   if (!ms) {
     return "";

package/dist/ThoughtChainList/DeepThink.js

@@ -22,8 +22,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { CloseCircleFilled } from "@ant-design/icons";
 import { Typography } from "antd";
 import React, { useContext, useMemo } from "react";
-import { LoadingSpinnerIcon } from "../components/icons/LoadingSpinnerIcon";
-import { I18nContext } from "../i18n";
+import { LoadingSpinnerIcon } from "../Components/icons/LoadingSpinnerIcon";
+import { I18nContext } from "../I18n";
 import { DotLoading } from "./DotAni";
 import { MarkdownEditorUpdate } from "./MarkdownEditor";
 var DeepThink = (props) => {

package/dist/ThoughtChainList/DotAni/style.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/ThoughtChainList/DotAni/style.ts
-import { useEditorStyleRegister } from "../../hooks/useStyle";
+import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     // 加载器样式

package/dist/ThoughtChainList/MarkdownEditor.js

@@ -24,7 +24,7 @@ import {
   MarkdownEditor,
   parserMdToSchema
 } from "../MarkdownEditor";
-import { MarkdownFormatter } from "../plugins/formatter";
+import { MarkdownFormatter } from "../Plugins/formatter";
 var toListMarkdown = (content) => {
   return content;
 };

package/dist/ThoughtChainList/RagRetrievalInfo.js

@@ -1,6 +1,6 @@
 // src/ThoughtChainList/RagRetrievalInfo.tsx
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 import { CostMillis } from "./CostMillis";
 var RagRetrievalInfo = (props) => {
   const i18n = useContext(I18nContext);

package/dist/ThoughtChainList/TableSql.js

@@ -24,7 +24,7 @@ import { Copy } from "@sofa-design/icons";
 import { Button, Table, Typography } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 import { ActionIconBox } from "../index";
 import {
   MarkdownEditor,

package/dist/ThoughtChainList/TitleInfo.js

@@ -10,7 +10,7 @@ import { Popover } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 import { ActionIconBox } from "../index";
 import { CostMillis } from "./CostMillis";
 import { FlipText } from "./FlipText";

package/dist/ThoughtChainList/ToolCall.js

@@ -24,7 +24,7 @@ import { Copy } from "@sofa-design/icons";
 import { Button, Typography } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
-import { I18nContext } from "../i18n";
+import { I18nContext } from "../I18n";
 import { ActionIconBox } from "../index";
 import {
   MarkdownEditor,

package/dist/ThoughtChainList/WebSearch.js

@@ -22,8 +22,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { CloseCircleFilled } from "@ant-design/icons";
 import { Typography } from "antd";
 import React, { useContext, useMemo } from "react";
-import { LoadingSpinnerIcon } from "../components/icons/LoadingSpinnerIcon";
-import { I18nContext } from "../i18n";
+import { LoadingSpinnerIcon } from "../Components/icons/LoadingSpinnerIcon";
+import { I18nContext } from "../I18n";
 import { DotLoading } from "./DotAni";
 import { MarkdownEditorUpdate } from "./MarkdownEditor";
 var WebSearch = (props) => {

package/dist/ThoughtChainList/index.js

@@ -47,9 +47,9 @@ import { motion } from "framer-motion";
 import { merge } from "lodash-es";
 import React, { useContext, useEffect, useMemo } from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import { ActionIconBox } from "../components/ActionIconBox";
-import { useAutoScroll } from "../hooks/useAutoScroll";
-import { I18nContext } from "../i18n";
+import { ActionIconBox } from "../Components/ActionIconBox";
+import { useAutoScroll } from "../Hooks/useAutoScroll";
+import { I18nContext } from "../I18n";
 import { DotLoading } from "./DotAni";
 import { FlipText } from "./FlipText";
 import { useStyle } from "./style";

package/dist/ThoughtChainList/style.js

@@ -22,7 +22,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   resetComponent,
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/ToolUseBar/ToolUseBarThink.d.ts

@@ -1,19 +1,37 @@
 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;
@@ -29,6 +47,7 @@ export interface ToolUseBarThinkProps {
         content?: string;
         floatingExpand?: string;
     };
+    /** 自定义样式 */
     styles?: {
         root?: React.CSSProperties;
         bar?: React.CSSProperties;