@ant-design/agentic-ui 2.29.59 → 2.30.1

package/dist/TaskList/components/TaskListItem.js

@@ -1,10 +1,9 @@
 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 { 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;
@@ -51,18 +50,10 @@ export var TaskListItem = /*#__PURE__*/ memo(function(param) {
         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,
+    })))), !isCollapsed && /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-body"), hashId)
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-content"), hashId)
-    }, item.content)))));
+    }, item.content))));
 });
 TaskListItem.displayName = 'TaskListItem';

package/dist/ThoughtChainList/ThoughtChainListItem.js

@@ -399,9 +399,7 @@ var ThoughtChainItemMotion = /*#__PURE__*/ React.memo(function(param) {
             flexDirection: 'column',
             height: !collapse ? 'auto' : '0px',
             overflow: 'hidden',
-            gap: 8,
-            transition: 'height 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
-            transitionBehavior: 'allow-discrete'
+            gap: 8
         }
-    }, props.contentRender ? props.contentRender(thoughtChainListItem, content) : content)));
+    }, !collapse ? props.contentRender ? props.contentRender(thoughtChainListItem, content) : content : null)));
 });

package/dist/ThoughtChainList/index.js

@@ -308,24 +308,10 @@ var ThoughtChainContent = /*#__PURE__*/ React.memo(function(_0) {
     }, /*#__PURE__*/ React.createElement(motion.div, {
         role: "list",
         className: classNames("".concat(prefixCls, "-content-list"), hashId),
-        variants: {
-            hidden: {
-                opacity: 0,
-                transition: {
-                    when: 'afterChildren'
-                }
-            },
-            visible: {
-                opacity: 1,
-                transition: {
-                    staggerChildren: 0.3,
-                    when: 'beforeChildren'
-                }
-            }
-        },
-        whileInView: "visible",
-        initial: "hidden",
-        animate: "visible"
+        initial: false,
+        animate: {
+            opacity: 1
+        }
     }, processedItems.map(function(item, index) {
         var _item_info;
         var info = (_item_info = item.info) === null || _item_info === void 0 ? void 0 : _item_info.split(/(\$\{\w+\})/);
@@ -482,9 +468,6 @@ var ThoughtChainContent = /*#__PURE__*/ React.memo(function(_0) {
         className: classNames("".concat(prefixCls), hashId),
         style: restStyle
     }, /*#__PURE__*/ React.createElement(motion.div, {
-        transition: {
-            duration: 0.3
-        },
         className: classNames("".concat(prefixCls, "-container"), hashId, _define_property({}, "".concat(prefixCls, "-container-loading"), !(bubble === null || bubble === void 0 ? void 0 : bubble.isFinished)))
     }, /*#__PURE__*/ React.createElement(ThoughtChainTitle, {
         prefixCls: prefixCls,

package/dist/ToolUseBarThink/index.js

@@ -87,7 +87,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { Brain, ChevronDown, ChevronsDownUp, ChevronsUpDown } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
-import { AnimatePresence, motion } from "framer-motion";
+import { motion } from "framer-motion";
 import { useMergedState } from "rc-util";
 import React, { memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../Hooks/useRefFunction";
@@ -276,36 +276,6 @@ var ThinkContainer = function ThinkContainer(param) {
         handleContentExpandToggle,
         locale
     ]);
-    // 缓存容器元素
-    var contentVariants = useMemo(function() {
-        return {
-            expanded: {
-                height: 'auto',
-                opacity: 1
-            },
-            collapsed: {
-                height: 0,
-                opacity: 0
-            }
-        };
-    }, []);
-    var contentTransition = useMemo(function() {
-        return {
-            height: {
-                duration: 0.26,
-                ease: [
-                    0.4,
-                    0,
-                    0.2,
-                    1
-                ]
-            },
-            opacity: {
-                duration: 0.2,
-                ease: 'linear'
-            }
-        };
-    }, []);
     var innerContent = /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         ref: contentInnerRef,
         style: contentInnerStyle
@@ -318,34 +288,25 @@ var ThinkContainer = function ThinkContainer(param) {
         "data-testid": "tool-use-bar-think-floating-expand",
         style: styles === null || styles === void 0 ? void 0 : styles.floatingExpand
     }, floatingIcon, floatingText) : null);
-    return /*#__PURE__*/ React.createElement(AnimatePresence, {
-        initial: false,
-        mode: "sync"
-    }, expandedState ? /*#__PURE__*/ React.createElement(motion.div, {
-        variants: contentVariants,
-        initial: "collapsed",
-        key: "think-container",
-        animate: "expanded",
-        exit: "collapsed",
-        transition: contentTransition,
-        className: containerClassName,
-        "data-testid": "tool-use-bar-think-container"
-    }, innerContent) : null, !expandedState ? /*#__PURE__*/ React.createElement("div", {
-        style: {
-            visibility: 'hidden',
-            height: 1,
-            overflow: 'hidden',
-            opacity: 0
-        }
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: contentClassName,
-        style: styles === null || styles === void 0 ? void 0 : styles.content
-    }, thinkContent), showFloatingExpand ? /*#__PURE__*/ React.createElement("div", {
-        className: floatingExpandClassName,
-        onClick: onToggleFloatingExpand,
-        "data-testid": "tool-use-bar-think-floating-expand",
-        style: styles === null || styles === void 0 ? void 0 : styles.floatingExpand
-    }, floatingIcon, floatingText) : null) : null);
+    // 收起时不渲染 thinkContent，无动画避免展开/收起卡顿
+    if (expandedState) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: containerClassName,
+            "data-testid": "tool-use-bar-think-container",
+            style: {
+                overflow: 'hidden'
+            }
+        }, innerContent);
+    }
+    if (showFloatingExpand) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: floatingExpandClassName,
+            onClick: onToggleFloatingExpand,
+            "data-testid": "tool-use-bar-think-floating-expand",
+            style: styles === null || styles === void 0 ? void 0 : styles.floatingExpand
+        }, floatingIcon, floatingText);
+    }
+    return null;
 };
 /**
  * ToolUseBarThink 组件

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export * from './History';
 export * from './History/types';
 export * from './History/types/HistoryData';
 export * from './History/types/HistoryList';
+export * from './MarkdownRenderer';
 export * from './MarkdownEditor';
 export * from './MarkdownEditor/el';
 export { useSelStatus } from './MarkdownEditor/hooks/editor';

package/dist/index.js

@@ -36,6 +36,8 @@ export * from "./History";
 export * from "./History/types";
 export * from "./History/types/HistoryData";
 export * from "./History/types/HistoryList";
+// ─── Markdown 渲染器（流式/只读轻量渲染，无 Slate 依赖） ─────────────────────
+export * from "./MarkdownRenderer";
 // ─── Markdown 编辑器 ─────────────────────────────────────────────────────────
 export * from "./MarkdownEditor";
 export * from "./MarkdownEditor/el";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.59",
+  "version": "2.30.1",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -82,6 +82,7 @@
     "dompurify": "^3.3.1",
     "flubber": "^0.4.2",
     "framer-motion": "^11.18.2",
+    "hast-util-to-jsx-runtime": "^2.3.6",
     "is-hotkey": "^0.2.0",
     "json5": "^2.2.3",
     "katex": "^0.16.28",