@ant-design/agentic-ui 2.27.8 → 2.27.10

package/dist/Hooks/useAutoScroll.d.ts

@@ -13,18 +13,29 @@ declare const SCROLL_TOLERANCE = 20;
  * @param {(size: {width: number, height: number}) => void} [props.onResize] - 容器尺寸变化回调
  * @param {any[]} [props.deps] - 依赖数组，用于重新初始化 MutationObserver
  * @param {number} [props.timeout=160] - 节流时间间隔（毫秒）
+ * @param {'smooth' | 'auto'} [props.scrollBehavior='smooth'] - 自动滚动行为，'smooth' 为平滑滚动，'auto' 为立即滚动（仅影响自动滚动，手动滚动默认为立即滚动）
  *
  * @example
  * ```tsx
+ * // 基本用法（默认平滑滚动）
  * const { containerRef, scrollToBottom } = useAutoScroll({
  *   SCROLL_TOLERANCE: 30,
  *   onResize: () => {},
  *   timeout: 200
  * });
  *
+ * // 立即滚动
+ * const { containerRef, scrollToBottom } = useAutoScroll({
+ *   scrollBehavior: 'auto',
+ * });
+ *
+ * // 手动滚动默认为立即滚动，无需平滑滚动
+ * scrollToBottom(); // 立即滚动
+ * ```
+ *
  * @returns {Object} Hook 返回值
  * @returns {React.RefObject<T>} returns.containerRef - 容器引用
- * @returns {() => void} returns.scrollToBottom - 手动滚动到底部方法
+ * @returns {() => void} returns.scrollToBottom - 手动滚动到底部方法（立即滚动，无动画）
  *
  * @remarks
  * - 自动检测内容变化并滚动到底部
@@ -43,6 +54,7 @@ export declare const useAutoScroll: <T extends HTMLDivElement>(props?: {
     }) => void) | undefined;
     deps?: any[] | undefined;
     timeout?: number | undefined;
+    scrollBehavior?: "auto" | "smooth" | undefined;
 }) => {
     readonly containerRef: import("react").MutableRefObject<T | null>;
     readonly scrollToBottom: () => void;

package/dist/Hooks/useAutoScroll.js

@@ -163,18 +163,29 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
  * @param {(size: {width: number, height: number}) => void} [props.onResize] - 容器尺寸变化回调
  * @param {any[]} [props.deps] - 依赖数组，用于重新初始化 MutationObserver
  * @param {number} [props.timeout=160] - 节流时间间隔（毫秒）
+ * @param {'smooth' | 'auto'} [props.scrollBehavior='smooth'] - 自动滚动行为，'smooth' 为平滑滚动，'auto' 为立即滚动（仅影响自动滚动，手动滚动默认为立即滚动）
  *
  * @example
  * ```tsx
+ * // 基本用法（默认平滑滚动）
  * const { containerRef, scrollToBottom } = useAutoScroll({
  *   SCROLL_TOLERANCE: 30,
  *   onResize: () => {},
  *   timeout: 200
  * });
  *
+ * // 立即滚动
+ * const { containerRef, scrollToBottom } = useAutoScroll({
+ *   scrollBehavior: 'auto',
+ * });
+ *
+ * // 手动滚动默认为立即滚动，无需平滑滚动
+ * scrollToBottom(); // 立即滚动
+ * ```
+ *
  * @returns {Object} Hook 返回值
  * @returns {React.RefObject<T>} returns.containerRef - 容器引用
- * @returns {() => void} returns.scrollToBottom - 手动滚动到底部方法
+ * @returns {() => void} returns.scrollToBottom - 手动滚动到底部方法（立即滚动，无动画）
  *
  * @remarks
  * - 自动检测内容变化并滚动到底部
@@ -195,10 +206,10 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
     // 主滚动逻辑
     var _checkScroll = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function() {
-            var force, _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, _container_scrollTo;
+            var force, behavior, _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, _container_scrollTo, scrollBehavior;
             var _arguments = arguments;
             return _ts_generator(this, function(_state) {
-                force = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : false;
+                force = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : false, behavior = _arguments.length > 1 ? _arguments[1] : void 0;
                 container = containerRef.current;
                 if (!container) return [
                     2
@@ -217,9 +228,11 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
                 shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isLocked.current);
                 if (shouldScroll && container.scrollTo) {
                     ;
+                    // 如果传入了 behavior，使用传入的值；否则使用配置的 scrollBehavior；最后默认为 'smooth'
+                    scrollBehavior = behavior !== undefined ? behavior : props.scrollBehavior || 'smooth';
                     (_container_scrollTo = container.scrollTo) === null || _container_scrollTo === void 0 ? void 0 : _container_scrollTo.call(container, {
                         top: currentScrollHeight,
-                        behavior: 'smooth'
+                        behavior: scrollBehavior
                     });
                     isLocked.current = false; // 滚动后解除锁定
                 }
@@ -256,9 +269,9 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
             return (_observer_current = observer.current) === null || _observer_current === void 0 ? void 0 : _observer_current.disconnect();
         };
     }, _to_consumable_array(props.deps || []));
-    // 暴露手动滚动方法
+    // 暴露手动滚动方法（默认为立即滚动，无需平滑滚动）
     var scrollToBottom = function() {
-        checkScroll === null || checkScroll === void 0 ? void 0 : checkScroll(true);
+        checkScroll === null || checkScroll === void 0 ? void 0 : checkScroll(true, 'auto');
     };
     return {
         containerRef: containerRef,

package/dist/Plugins/code/components/ThinkBlock.js

@@ -2,6 +2,7 @@
  * @fileoverview 思考块组件
  * 只读模式下渲染思考类型的代码块
  */ import React, { useContext } from "react";
+import { MessagesContext } from "../../../Bubble/MessagesContent/BubbleContext";
 import { I18nContext } from "../../../I18n";
 import { EditorStoreContext } from "../../../MarkdownEditor/editor/store";
 import { ToolUseBarThink } from "../../../ToolUseBarThink";
@@ -22,9 +23,13 @@ export function ThinkBlock(param) {
     var _editorProps_codeProps;
     var locale = useContext(I18nContext).locale;
     var editorProps = (useContext(EditorStoreContext) || {}).editorProps;
+    var message = useContext(MessagesContext).message;
     var rawContent = (element === null || element === void 0 ? void 0 : element.value) !== null && (element === null || element === void 0 ? void 0 : element.value) !== undefined ? String(element.value).trim() : '';
     // 恢复内容中被转义的代码块
     var content = restoreCodeBlocks(rawContent);
+    // 获取当前 Bubble 的 isFinished 状态
+    var bubbleIsFinished = message === null || message === void 0 ? void 0 : message.isFinished;
+    // 判断是否正在加载：内容以...结尾 或者 bubble 还未完成
     var isLoading = content.endsWith('...');
     var toolNameText = isLoading ? (locale === null || locale === void 0 ? void 0 : locale['think.deepThinkingInProgress']) || '深度思考...' : (locale === null || locale === void 0 ? void 0 : locale['think.deepThinking']) || '深度思考';
     return /*#__PURE__*/ React.createElement(ToolUseBarThink, {
@@ -32,10 +37,11 @@ export function ThinkBlock(param) {
         styles: {
             root: {
                 boxSizing: 'border-box',
-                maxWidth: '680px'
+                maxWidth: '680px',
+                marginTop: 8
             }
         },
-        expanded: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.alwaysExpandedDeepThink) ? true : undefined,
+        expanded: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.alwaysExpandedDeepThink) ? true : bubbleIsFinished ? false : undefined,
         toolName: toolNameText,
         thinkContent: content,
         status: isLoading ? 'loading' : 'success'

package/dist/Plugins/mermaid/MermaidRendererImpl.js

@@ -2,8 +2,8 @@ import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useMemo, useRef } from "react";
 import { useIntersectionOnce } from "../../Hooks/useIntersectionOnce";
-import { useMermaidRender } from "./useMermaidRender";
 import { useStyle } from "./style";
+import { useMermaidRender } from "./useMermaidRender";
 /**
  * Mermaid 渲染器组件实现
  * 负责实际的图表渲染逻辑

package/dist/TaskList/index.js

@@ -62,9 +62,9 @@ import classNames from "classnames";
 import { AnimatePresence, motion } from "framer-motion";
 import { useMergedState } from "rc-util";
 import React, { memo, useContext, useMemo } from "react";
-import { useRefFunction } from "../Hooks/useRefFunction";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { Loading } from "../Components/Loading";
+import { useRefFunction } from "../Hooks/useRefFunction";
 import { I18nContext } from "../I18n";
 import { useStyle } from "./style";
 var LOADING_SIZE = 16;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.27.8",
+  "version": "2.27.10",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",