@ant-design/agentic-ui 2.29.59 → 2.30.0

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.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,7 +24,6 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run build && npm run test",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
@@ -82,6 +81,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",