@ant-design/agentic-ui 2.29.45 → 2.29.47

package/dist/Bubble/AIBubble.js

@@ -368,9 +368,10 @@ var getTaskList = function getTaskList(originData) {
     }, /*#__PURE__*/ React.createElement("div", {
         style: style,
         className: clsx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), hashId)
-    }, preMessageSameRole ? null : /*#__PURE__*/ React.createElement("div", {
+    }, !preMessageSameRole && (avatarDom || titleDom) ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "bubble-avatar-title",
         className: clsx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, _define_property({}, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure))
-    }, avatarDom, titleDom), /*#__PURE__*/ React.createElement("div", {
+    }, avatarDom, titleDom) : null, /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',
             gap: 4,
@@ -383,14 +384,14 @@ var getTaskList = function getTaskList(originData) {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: clsx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-ai"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom) : null, /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom) : null, childrenDom ? /*#__PURE__*/ React.createElement("div", {
         style: _object_spread({
             minWidth: standalone ? 'min(16px,100%)' : '0px'
         }, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemContentStyle),
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-ai"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom), contentAfterDom)))));
+    }, childrenDom) : null, contentAfterDom)))));
     if ((bubbleRenderConfig === null || bubbleRenderConfig === void 0 ? void 0 : bubbleRenderConfig.render) === false) return null;
     return /*#__PURE__*/ React.createElement(MessagesContext.Provider, {
         value: {

package/dist/Bubble/UserBubble.js

@@ -196,18 +196,19 @@ var getContentStyle = function getContentStyle(standalone, customStyle) {
         style: contentContainerStyle,
         className: clsx("".concat(prefixClass, "-bubble-container"), "".concat(prefixClass, "-bubble-container-").concat(placement), "".concat(prefixClass, "-bubble-container-user"), _define_property({}, "".concat(prefixClass, "-bubble-container-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleContainerClassName, hashId),
         "data-testid": "chat-message"
-    }, /*#__PURE__*/ React.createElement("div", {
+    }, titleDom ? /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "bubble-avatar-title",
         className: clsx("".concat(prefixClass, "-bubble-avatar-title"), "".concat(prefixClass, "-bubble-avatar-title-").concat(placement), "".concat(prefixClass, "-bubble-avatar-title-ai"), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleAvatarTitleClassName, hashId, (_obj = {}, _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-pure"), props.pure), _define_property(_obj, "".concat(prefixClass, "-bubble-avatar-title-quote"), quote === null || quote === void 0 ? void 0 : quote.quoteDescription), _obj))
-    }, titleDom), contentBeforeDom && /*#__PURE__*/ React.createElement("div", {
+    }, titleDom) : null, contentBeforeDom && /*#__PURE__*/ React.createElement("div", {
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         className: clsx("".concat(prefixClass, "-bubble-before"), "".concat(prefixClass, "-bubble-before-").concat(placement), "".concat(prefixClass, "-bubble-before-user"), hashId),
         "data-testid": "message-before"
-    }, contentBeforeDom), /*#__PURE__*/ React.createElement("div", {
+    }, contentBeforeDom), childrenDom ? /*#__PURE__*/ React.createElement("div", {
         style: contentStyle,
         className: clsx("".concat(prefixClass, "-bubble-content"), "".concat(prefixClass, "-bubble-content-").concat(placement), "".concat(prefixClass, "-bubble-content-user"), _define_property({}, "".concat(prefixClass, "-bubble-content-pure"), props.pure), classNames === null || classNames === void 0 ? void 0 : classNames.bubbleListItemContentClassName, hashId),
         onDoubleClick: props.onDoubleClick,
         "data-testid": "message-content"
-    }, childrenDom), hasFileMap && /*#__PURE__*/ React.createElement("div", {
+    }, childrenDom) : null, hasFileMap && /*#__PURE__*/ React.createElement("div", {
         style: fileViewStyle,
         className: clsx("".concat(prefixClass, "-bubble-after"), "".concat(prefixClass, "-bubble-after-").concat(placement), "".concat(prefixClass, "-bubble-after-ai"), hashId),
         "data-testid": "message-after"

package/dist/Components/LayoutHeader/types.d.ts

@@ -3,8 +3,8 @@ import type { ReactNode } from 'react';
  * 布局头部配置接口
  */
 export interface LayoutHeaderConfig {
-    /** 标题文本 */
-    title?: string;
+    /** 标题，支持文本或自定义 React 节点 */
+    title?: ReactNode;
     /** 是否显示分享按钮 */
     showShare?: boolean;
     /** 左侧是否可折叠 */

package/dist/MarkdownEditor/editor/plugins/useKeyboard.js

@@ -251,20 +251,28 @@ import { useEditorStore } from "../store";
                         return Element.isElement(n) && n.type === 'paragraph';
                     },
                     mode: 'lowest'
-                }), 1), node3 = _Editor_nodes3[0];
-                if (node3 && node3[0].children.length === 1 && !EditorUtils.isDirtLeaf(node3[0].children[0]) && (e.key === 'Backspace' || /^[^\n]$/.test(e.key))) {
-                    var str = Node.string(node3[0]) || '';
-                    var codeMatch = str.match(/^```([\w+\-#]+)$/i);
-                    if (codeMatch) {} else {
-                        var strAfterKey = str + (e.key.length === 1 ? e.key : '');
-                        // 在实际输入一个字符且补全 trigger 时打开面板，支持在文本后输入（如 "hello {}"）
-                        if (jinjaTemplatePanelEnabled && e.key.length === 1 && strAfterKey.endsWith(jinjaTrigger) && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                }), 1), paraNode = _Editor_nodes3[0];
+                var node3 = paraNode;
+                if (node3) {
+                    var _e_nativeEvent1;
+                    var sel = markdownEditorRef.current.selection;
+                    // Jinja 触发：基于光标位置检测，支持在任意位置输入 {}（含两个模板中间）
+                    if (jinjaTemplatePanelEnabled && e.key.length === 1 && !((_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.isComposing) && sel && Range.isCollapsed(sel) && Path.isAncestor(node3[1], sel.anchor.path) && setOpenJinjaTemplate && setJinjaAnchorPath) {
+                        var strBeforeCursor = Editor.string(markdownEditorRef.current, Editor.range(markdownEditorRef.current, Editor.start(markdownEditorRef.current, node3[1]), sel.anchor));
+                        var strAfterKeyAtCursor = strBeforeCursor + (e.key.length === 1 ? e.key : '');
+                        if (strAfterKeyAtCursor.endsWith(jinjaTrigger)) {
                             setJinjaAnchorPath(node3[1]);
                             setTimeout(function() {
                                 return setOpenJinjaTemplate(true);
                             });
                             return;
                         }
+                    }
+                }
+                if (node3 && node3[0].children.length === 1 && !EditorUtils.isDirtLeaf(node3[0].children[0]) && (e.key === 'Backspace' || /^[^\n]$/.test(e.key))) {
+                    var str = Node.string(node3[0]) || '';
+                    var codeMatch = str.match(/^```([\w+\-#]+)$/i);
+                    if (codeMatch) {} else {
                         var insertMatch = str.match(/^\/([^\n]+)?$/i);
                         if (insertMatch && !(!Path.hasPrevious(node3[1]) && Node.parent(markdownEditorRef.current, node3[1]).type === 'list-item')) {
                             setOpenInsertCompletion === null || setOpenInsertCompletion === void 0 ? void 0 : setOpenInsertCompletion(true);

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.js

@@ -123,6 +123,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
         position: 'fixed'
     }), 2), position = _useState3[0], setPosition = _useState3[1];
     var domRef = useRef(null);
+    var openTimeRef = useRef(0);
     var context = React.useContext(ConfigProvider.ConfigContext);
     var prefixCls = (_ref3 = context === null || context === void 0 ? void 0 : (_context_getPrefixCls = context.getPrefixCls) === null || _context_getPrefixCls === void 0 ? void 0 : _context_getPrefixCls.call(context, 'agentic-md-editor-jinja-panel')) !== null && _ref3 !== void 0 ? _ref3 : JINJA_PANEL_PREFIX_CLS;
     var _useJinjaTemplatePanelStyle = useJinjaTemplatePanelStyle(prefixCls), wrapSSR = _useJinjaTemplatePanelStyle.wrapSSR, hashId = _useJinjaTemplatePanelStyle.hashId;
@@ -137,6 +138,10 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     var handleClickOutside = useCallback(function(e) {
         var target = e.target;
         if (domRef.current && !domRef.current.contains(target)) {
+            // 忽略弹窗打开后短时间内的点击，避免「点击聚焦编辑器后快速输入 {}」
+            // 触发的陈旧 click 事件立即关闭弹窗
+            var elapsed = Date.now() - openTimeRef.current;
+            if (elapsed < 150) return;
             close();
         }
     }, [
@@ -196,6 +201,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     useEffect(function() {
         if (!openJinjaTemplate) return;
         if (typeof window === 'undefined') return;
+        openTimeRef.current = Date.now();
         window.addEventListener('click', handleClickOutside);
         return function() {
             return window.removeEventListener('click', handleClickOutside);

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -343,6 +343,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         }, tagInputProps)
     }, /*#__PURE__*/ React.createElement("div", {
         ref: inputRef,
+        "data-testid": "markdown-input-field",
         className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),

package/dist/TaskList/TaskList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TaskListProps } from './types';
+export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange, variant, open, onOpenChange, }: TaskListProps) => any>;

package/dist/TaskList/TaskList.js

@@ -0,0 +1,210 @@
+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_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+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);
+}
+import { ChevronUp } from "@sofa-design/icons";
+import { ConfigProvider } from "antd";
+import classNames from "clsx";
+import { AnimatePresence, motion } from "framer-motion";
+import { useMergedState } from "rc-util";
+import React, { memo, useContext, useMemo } from "react";
+import { ActionIconBox } from "../Components/ActionIconBox";
+import { useRefFunction } from "../Hooks/useRefFunction";
+import { I18nContext } from "../I18n";
+import { StatusIcon } from "./components/StatusIcon";
+import { TaskListItem } from "./components/TaskListItem";
+import { COLLAPSE_TRANSITION, COLLAPSE_VARIANTS, getArrowRotation } from "./constants";
+import { useStyle } from "./style";
+var getDefaultExpandedKeys = function getDefaultExpandedKeys(items, isControlled) {
+    return isControlled ? [] : items.map(function(item) {
+        return item.key;
+    });
+};
+export var TaskList = /*#__PURE__*/ memo(function(param) {
+    var items = param.items, className = param.className, expandedKeys = param.expandedKeys, onExpandedKeysChange = param.onExpandedKeysChange, _param_variant = param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, open = param.open, onOpenChange = param.onOpenChange;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('task-list');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var locale = useContext(I18nContext).locale;
+    var isControlled = expandedKeys !== undefined;
+    var _useMergedState = _sliced_to_array(useMergedState(getDefaultExpandedKeys(items, isControlled), {
+        value: expandedKeys,
+        onChange: onExpandedKeysChange
+    }), 2), internalExpandedKeys = _useMergedState[0], setInternalExpandedKeys = _useMergedState[1];
+    var handleToggle = useRefFunction(function(key) {
+        var currentExpanded = isControlled ? expandedKeys : internalExpandedKeys;
+        var newExpandedKeys = currentExpanded.includes(key) ? currentExpanded.filter(function(k) {
+            return k !== key;
+        }) : _to_consumable_array(currentExpanded).concat([
+            key
+        ]);
+        setInternalExpandedKeys(newExpandedKeys);
+    });
+    var _useMergedState1 = _sliced_to_array(useMergedState(false, {
+        value: open,
+        onChange: function onChange(val) {
+            return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(val);
+        }
+    }), 2), simpleExpanded = _useMergedState1[0], setSimpleExpanded = _useMergedState1[1];
+    var handleSimpleToggle = useRefFunction(function() {
+        setSimpleExpanded(function(prev) {
+            return !prev;
+        });
+    });
+    var _useMemo = useMemo(function() {
+        var completedCount = items.filter(function(i) {
+            return i.status === 'success';
+        }).length;
+        var loadingItem = items.find(function(i) {
+            return i.status === 'loading';
+        });
+        var hasError = items.some(function(i) {
+            return i.status === 'error';
+        });
+        var allDone = completedCount === items.length && items.length > 0;
+        var status = 'pending';
+        var text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskList']) || '任务列表';
+        if (allDone) {
+            status = 'success';
+            text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskComplete']) || '任务完成';
+        } else if (loadingItem === null || loadingItem === void 0 ? void 0 : loadingItem.title) {
+            status = 'loading';
+            var tpl = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskInProgress']) || '正在进行${taskName}任务';
+            var title = loadingItem.title;
+            var taskName = typeof title === 'string' || typeof title === 'number' ? String(title) : '';
+            text = tpl.replace('${taskName}', taskName);
+        } else if (hasError) {
+            status = 'error';
+            text = (locale === null || locale === void 0 ? void 0 : locale['taskList.taskAborted']) || '任务已取消';
+        }
+        return {
+            summaryStatus: status,
+            summaryText: text,
+            progressText: "".concat(completedCount, "/").concat(items.length)
+        };
+    }, [
+        items,
+        locale
+    ]), summaryStatus = _useMemo.summaryStatus, summaryText = _useMemo.summaryText, progressText = _useMemo.progressText;
+    var renderItems = function renderItems() {
+        return items.map(function(item, index) {
+            return /*#__PURE__*/ React.createElement(TaskListItem, {
+                key: item.key,
+                item: item,
+                isLast: index === items.length - 1,
+                prefixCls: prefixCls,
+                hashId: hashId,
+                expandedKeys: internalExpandedKeys,
+                onToggle: handleToggle
+            });
+        });
+    };
+    if (variant !== 'simple') {
+        return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+            className: className
+        }, renderItems()));
+    }
+    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']) || '展开';
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-wrapper"), hashId, className),
+        "data-testid": "task-list-simple-wrapper"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames(simpleCls, hashId),
+        onClick: handleSimpleToggle,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": simpleExpanded,
+        "aria-label": simpleArrowTitle,
+        "data-testid": "task-list-simple-bar"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-status"), hashId)
+    }, /*#__PURE__*/ React.createElement(StatusIcon, {
+        status: summaryStatus,
+        prefixCls: prefixCls,
+        hashId: hashId
+    })), /*#__PURE__*/ React.createElement("div", {
+        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,
+        iconStyle: getArrowRotation(!simpleExpanded),
+        loading: false,
+        onClick: function onClick(e) {
+            e.stopPropagation();
+            handleSimpleToggle();
+        }
+    }, /*#__PURE__*/ React.createElement(ChevronUp, {
+        "data-testid": "task-list-simple-arrow"
+    })))), /*#__PURE__*/ React.createElement(AnimatePresence, {
+        initial: false
+    }, simpleExpanded && /*#__PURE__*/ React.createElement(motion.div, {
+        key: "simple-task-list-content",
+        variants: COLLAPSE_VARIANTS,
+        initial: "collapsed",
+        animate: "expanded",
+        exit: "collapsed",
+        transition: COLLAPSE_TRANSITION,
+        className: classNames("".concat(simpleCls, "-content"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(simpleCls, "-list"), hashId)
+    }, renderItems())))));
+});
+TaskList.displayName = 'TaskList';

package/dist/TaskList/components/StatusIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TaskStatus } from '../types';
+interface StatusIconProps {
+    status: TaskStatus;
+    prefixCls: string;
+    hashId: string;
+}
+export declare const StatusIcon: React.FC<StatusIconProps>;
+export {};

package/dist/TaskList/components/StatusIcon.js

@@ -0,0 +1,23 @@
+import { CircleDashed, SuccessFill, X } from "@sofa-design/icons";
+import classNames from "clsx";
+import React, { memo } from "react";
+import { Loading } from "../../Components/Loading";
+import { LOADING_SIZE } from "../constants";
+export var StatusIcon = /*#__PURE__*/ memo(function(param) {
+    var status = param.status, prefixCls = param.prefixCls, hashId = param.hashId;
+    var statusMap = {
+        success: /*#__PURE__*/ React.createElement(SuccessFill, null),
+        loading: /*#__PURE__*/ React.createElement(Loading, {
+            size: LOADING_SIZE
+        }),
+        pending: /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-status-idle"), hashId)
+        }, /*#__PURE__*/ React.createElement(CircleDashed, null)),
+        error: /*#__PURE__*/ React.createElement(X, null)
+    };
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-status"), "".concat(prefixCls, "-status-").concat(status), hashId),
+        "data-testid": "task-list-status-".concat(status)
+    }, statusMap[status]);
+});
+StatusIcon.displayName = 'StatusIcon';

package/dist/TaskList/components/TaskListItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { TaskItem } from '../types';
+interface TaskListItemProps {
+    item: TaskItem;
+    isLast: boolean;
+    prefixCls: string;
+    hashId: string;
+    expandedKeys: string[];
+    onToggle: (key: string) => void;
+}
+export declare const TaskListItem: React.FC<TaskListItemProps>;
+export {};

package/dist/TaskList/components/TaskListItem.js

@@ -0,0 +1,68 @@
+import { ChevronUp } from "@sofa-design/icons";
+import classNames from "clsx";
+import { AnimatePresence, motion } from "framer-motion";
+import React, { memo, useCallback, useContext } from "react";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
+import { COLLAPSE_TRANSITION, COLLAPSE_VARIANTS, getArrowRotation, hasTaskContent } from "../constants";
+import { StatusIcon } from "./StatusIcon";
+export var TaskListItem = /*#__PURE__*/ memo(function(param) {
+    var item = param.item, isLast = param.isLast, prefixCls = param.prefixCls, hashId = param.hashId, expandedKeys = param.expandedKeys, onToggle = param.onToggle;
+    var locale = useContext(I18nContext).locale;
+    var isCollapsed = !expandedKeys.includes(item.key);
+    var hasContent = hasTaskContent(item.content);
+    var handleToggle = useCallback(function() {
+        onToggle(item.key);
+    }, [
+        item.key,
+        onToggle
+    ]);
+    var arrowTitle = isCollapsed ? (locale === null || locale === void 0 ? void 0 : locale['taskList.expand']) || '展开' : (locale === null || locale === void 0 ? void 0 : locale['taskList.collapse']) || '收起';
+    return /*#__PURE__*/ React.createElement("div", {
+        key: item.key,
+        className: classNames("".concat(prefixCls, "-thoughtChainItem"), hashId),
+        "data-testid": "task-list-thoughtChainItem"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-left"), hashId),
+        onClick: handleToggle,
+        "data-testid": "task-list-left"
+    }, /*#__PURE__*/ React.createElement(StatusIcon, {
+        status: item.status,
+        prefixCls: prefixCls,
+        hashId: hashId
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-content-left"), hashId)
+    }, !isLast && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-dash-line"), hashId),
+        "data-testid": "task-list-dash-line"
+    }))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-right"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-top"), hashId),
+        onClick: handleToggle
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-title"), hashId)
+    }, item.title), hasContent && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-arrowContainer"), hashId),
+        "data-testid": "task-list-arrowContainer"
+    }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: arrowTitle,
+        iconStyle: getArrowRotation(isCollapsed),
+        loading: false
+    }, /*#__PURE__*/ React.createElement(ChevronUp, {
+        "data-testid": "task-list-arrow"
+    })))), /*#__PURE__*/ React.createElement(AnimatePresence, {
+        initial: false
+    }, !isCollapsed && /*#__PURE__*/ React.createElement(motion.div, {
+        key: "task-content",
+        variants: COLLAPSE_VARIANTS,
+        initial: "collapsed",
+        animate: "expanded",
+        exit: "collapsed",
+        transition: COLLAPSE_TRANSITION,
+        className: classNames("".concat(prefixCls, "-body"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-content"), hashId)
+    }, item.content)))));
+});
+TaskListItem.displayName = 'TaskListItem';

package/dist/TaskList/constants.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare const LOADING_SIZE = 16;
+export declare const COLLAPSE_VARIANTS: {
+    expanded: {
+        height: string;
+        opacity: number;
+    };
+    collapsed: {
+        height: number;
+        opacity: number;
+    };
+};
+export declare const COLLAPSE_TRANSITION: {
+    height: {
+        duration: number;
+        ease: number[];
+    };
+    opacity: {
+        duration: number;
+        ease: string;
+    };
+};
+export declare const getArrowRotation: (collapsed: boolean) => React.CSSProperties;
+export declare const hasTaskContent: (content: React.ReactNode | React.ReactNode[]) => boolean;

package/dist/TaskList/constants.js

@@ -0,0 +1,38 @@
+export var LOADING_SIZE = 16;
+export var COLLAPSE_VARIANTS = {
+    expanded: {
+        height: 'auto',
+        opacity: 1
+    },
+    collapsed: {
+        height: 0,
+        opacity: 0
+    }
+};
+export var COLLAPSE_TRANSITION = {
+    height: {
+        duration: 0.26,
+        ease: [
+            0.4,
+            0,
+            0.2,
+            1
+        ]
+    },
+    opacity: {
+        duration: 0.2,
+        ease: 'linear'
+    }
+};
+export var getArrowRotation = function getArrowRotation(collapsed) {
+    return {
+        transform: collapsed ? 'rotate(0deg)' : 'rotate(180deg)',
+        transition: 'transform 0.3s ease'
+    };
+};
+export var hasTaskContent = function hasTaskContent(content) {
+    if (Array.isArray(content)) {
+        return content.length > 0;
+    }
+    return !!content;
+};

package/dist/TaskList/index.d.ts

@@ -1,50 +1,2 @@
-import React from 'react';
-type TaskStatus = 'success' | 'pending' | 'loading' | 'error';
-type TaskItem = {
-    key: string;
-    title?: React.ReactNode;
-    content: React.ReactNode | React.ReactNode[];
-    status: TaskStatus;
-};
-/**
- * TaskList 组件属性
- */
-export type TaskListProps = {
-    /** 任务列表数据 */
-    items: TaskItem[];
-    /** 自定义类名 */
-    className?: string;
-    /** 受控模式：指定当前展开的任务项 key 数组 */
-    expandedKeys?: string[];
-    /** 受控模式：展开状态变化时的回调函数 */
-    onExpandedKeysChange?: (expandedKeys: string[]) => void;
-};
-/**
- * @deprecated @since 2.30.0 请使用 TaskListProps 替代
- */
-export type ThoughtChainProps = TaskListProps;
-/**
- * TaskList 组件
- *
- * 显示任务列表，支持展开/折叠、状态管理等功能
- * 支持受控和非受控两种模式
- *
- * @example
- * ```tsx
- * // 非受控模式
- * <TaskList
- *   items={[
- *     { key: 'task1', title: '任务1', content: '内容', status: 'success' }
- *   ]}
- * />
- *
- * // 受控模式
- * <TaskList
- *   items={tasks}
- *   expandedKeys={expandedKeys}
- *   onExpandedKeysChange={setExpandedKeys}
- * />
- * ```
- */
-export declare const TaskList: React.MemoExoticComponent<({ items, className, expandedKeys, onExpandedKeysChange }: TaskListProps) => any>;
-export {};
+export { TaskList } from './TaskList';
+export type { TaskItem, TaskListProps, TaskListVariant, TaskStatus, ThoughtChainProps, } from './types';