@ant-design/agentic-ui 2.29.43 → 2.29.46

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

@@ -61,6 +61,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 { CloseOutlined } from "@ant-design/icons";
 import { Info } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
@@ -71,32 +72,37 @@ import { Editor, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import { useLocale } from "../../../../I18n";
 import { useEditorStore } from "../../store";
-import { getOffsetLeft } from "../../utils/dom";
 import { EditorUtils } from "../../utils/editorUtils";
 import { JINJA_PANEL_PREFIX_CLS, useJinjaTemplatePanelStyle } from "./style";
 import { getJinjaTemplateData, JINJA_DOC_LINK } from "./templates";
 var PANEL_MAX_HEIGHT = 320;
+var PANEL_MIN_WIDTH = 240;
 function getPosition(nodeEl) {
     var rect = nodeEl.getBoundingClientRect();
-    var left = getOffsetLeft(nodeEl, document.body) + 0;
-    var top = rect.bottom + window.scrollY;
+    var viewportWidth = document.documentElement.clientWidth;
     var viewportHeight = document.documentElement.clientHeight;
     var spaceBelow = viewportHeight - rect.bottom;
-    if (spaceBelow < PANEL_MAX_HEIGHT && rect.top > PANEL_MAX_HEIGHT) {
+    var spaceAbove = rect.top;
+    var left = rect.left;
+    left = Math.max(0, Math.min(left, viewportWidth - PANEL_MIN_WIDTH));
+    if (spaceBelow < PANEL_MAX_HEIGHT && spaceAbove > PANEL_MAX_HEIGHT) {
         return {
             left: left,
-            bottom: viewportHeight - rect.top
+            bottom: Math.min(viewportHeight - rect.top, viewportHeight - PANEL_MAX_HEIGHT),
+            position: 'fixed'
         };
     }
+    var top = Math.min(rect.bottom, viewportHeight - PANEL_MAX_HEIGHT);
     return {
         left: left,
-        top: top
+        top: top,
+        position: 'fixed'
     };
 }
 export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     var _ref, _ref1, _ref2, _ref3;
     var _context_getPrefixCls;
-    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, openJinjaTemplate = _useEditorStore.openJinjaTemplate, setOpenJinjaTemplate = _useEditorStore.setOpenJinjaTemplate, jinjaAnchorPath = _useEditorStore.jinjaAnchorPath, setJinjaAnchorPath = _useEditorStore.setJinjaAnchorPath, editorProps = _useEditorStore.editorProps;
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, openJinjaTemplate = _useEditorStore.openJinjaTemplate, setOpenJinjaTemplate = _useEditorStore.setOpenJinjaTemplate, jinjaAnchorPath = _useEditorStore.jinjaAnchorPath, setJinjaAnchorPath = _useEditorStore.setJinjaAnchorPath, editorProps = _useEditorStore.editorProps;
     var jinjaConfig = editorProps === null || editorProps === void 0 ? void 0 : editorProps.jinja;
     var templatePanelConfig = (jinjaConfig === null || jinjaConfig === void 0 ? void 0 : jinjaConfig.templatePanel) && _type_of(jinjaConfig.templatePanel) === 'object' ? jinjaConfig.templatePanel : undefined;
     var trigger = (_ref = templatePanelConfig === null || templatePanelConfig === void 0 ? void 0 : templatePanelConfig.trigger) !== null && _ref !== void 0 ? _ref : '{}';
@@ -113,9 +119,11 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     var _useState1 = _sliced_to_array(useState(false), 2), loading = _useState1[0], setLoading = _useState1[1];
     var _useState2 = _sliced_to_array(useState(0), 2), activeIndex = _useState2[0], setActiveIndex = _useState2[1];
     var _useState3 = _sliced_to_array(useState({
-        left: 0
+        left: 0,
+        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;
@@ -130,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();
         }
     }, [
@@ -177,7 +189,8 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
             }
         } catch (unused) {
             setPosition({
-                left: 0
+                left: 0,
+                position: 'fixed'
             });
         }
     }, [
@@ -188,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);
@@ -261,14 +275,16 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
         insertTemplate
     ]);
     useEffect(function() {
-        var container = markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : markdownContainerRef.current;
-        if (!container) return;
-        container.addEventListener('keydown', keydown);
+        if (!openJinjaTemplate) return;
+        var handleKeydown = function handleKeydown(e) {
+            return keydown(e);
+        };
+        document.addEventListener('keydown', handleKeydown);
         return function() {
-            return container.removeEventListener('keydown', keydown);
+            return document.removeEventListener('keydown', handleKeydown);
         };
     }, [
-        markdownContainerRef,
+        openJinjaTemplate,
         keydown
     ]);
     useEffect(function() {
@@ -283,7 +299,7 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
         "aria-label": "Jinja template list",
         className: classNames(prefixCls, hashId),
         style: {
-            position: 'absolute',
+            position: position.position,
             zIndex: 9999,
             left: position.left,
             top: position.top,
@@ -298,13 +314,25 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
         className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/ React.createElement("div", {
         className: "".concat(prefixCls, "-title")
-    }, locale['jinja.panel.title']), docLink ? /*#__PURE__*/ React.createElement("div", {
+    }, locale['jinja.panel.title']), /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(prefixCls, "-header-actions")
+    }, docLink ? /*#__PURE__*/ React.createElement("div", {
         className: "".concat(prefixCls, "-doc-link"),
         onClick: function onClick(e) {
             e.preventDefault();
             window.open(docLink, '_blank');
         }
-    }, /*#__PURE__*/ React.createElement(Info, null), locale['jinja.panel.docLink']) : null), /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(Info, null), locale['jinja.panel.docLink']) : null, /*#__PURE__*/ React.createElement("button", {
+        type: "button",
+        className: "".concat(prefixCls, "-close"),
+        onClick: function onClick(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            close();
+        },
+        "aria-label": locale['jinja.panel.close'],
+        title: locale['jinja.panel.close']
+    }, /*#__PURE__*/ React.createElement(CloseOutlined, null)))), /*#__PURE__*/ React.createElement("div", {
         className: "".concat(prefixCls, "-list-box")
     }, loading ? /*#__PURE__*/ React.createElement("div", {
         style: {

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

@@ -76,7 +76,29 @@ var genJinjaPanelStyle = function genJinjaPanelStyle(token) {
             padding: '6px 12px',
             display: 'flex',
             alignItems: 'center',
-            justifyContent: 'space-between'
+            justifyContent: 'space-between',
+            flexShrink: 0
+        },
+        '&-header-actions': {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8
+        },
+        '&-close': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: 4,
+            margin: -4,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            color: 'var(--color-gray-text-light, var(--ant-color-text-secondary))',
+            borderRadius: token.borderRadiusSM,
+            '&:hover': {
+                color: 'var(--color-gray-text-default, var(--ant-color-text))',
+                backgroundColor: token.colorFillTertiary
+            }
         },
         '&-title': {
             font: 'var(--font-text-body-emphasized-sm)',

package/dist/MarkdownEditor/el.d.ts

@@ -231,6 +231,13 @@ export type CustomLeaf<T = Record<string, any>> = {
     jinjaVariable?: boolean;
     jinjaTag?: boolean;
     jinjaComment?: boolean;
+    jinjaKeyword?: boolean;
+    jinjaString?: boolean;
+    jinjaNumber?: boolean;
+    jinjaFilter?: boolean;
+    jinjaVariableName?: boolean;
+    jinjaPlaceholder?: boolean;
+    jinjaDelimiter?: boolean;
     selection?: BaseRange;
     id?: string;
     data?: Record<string, any>;

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -415,6 +415,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'refine.optimizePrompt': string;
             'jinja.panel.title': string;
             'jinja.panel.docLink': string;
+            'jinja.panel.close': string;
             'jinja.panel.noTemplates': string;
             'jinja.template.variableInterpolation.title': string;
             'jinja.template.variableInterpolation.description': string;
@@ -803,6 +804,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'refine.optimizePrompt': string;
             'jinja.panel.title': string;
             'jinja.panel.docLink': string;
+            'jinja.panel.close': string;
             'jinja.panel.noTemplates': string;
             'jinja.template.variableInterpolation.title': string;
             'jinja.template.variableInterpolation.description': string;

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';