@ant-design/agentic-ui 2.30.3 → 2.30.5

package/dist/Bubble/AIBubble.js

@@ -212,9 +212,10 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { memo, useContext } from "react";
+import { memo, useContext, useRef } from "react";
 import { ConfigProvider, Flex } from "antd";
 import clsx from "clsx";
+import { nanoid } from "nanoid";
 import React from "react";
 import { BubbleAvatar } from "./Avatar";
 import { BubbleBeforeNode } from "./BubbleBeforeNode";
@@ -222,6 +223,7 @@ import { BubbleConfigContext } from "./BubbleConfigProvide";
 import { BubbleFileView } from "./FileView";
 import { BubbleMessageDisplay } from "./MessagesContent";
 import { MessagesContext } from "./MessagesContent/BubbleContext";
+import { LOADING_FLAT } from "./MessagesContent";
 import { BubbleExtra } from "./MessagesContent/BubbleExtra";
 import { useStyle } from "./style";
 import { BubbleTitle } from "./Title";
@@ -269,13 +271,14 @@ var getTaskList = function getTaskList(originData) {
  * </AIBubble>
  * ```
  */ export var AIBubble = /*#__PURE__*/ memo(function(props) {
-    var _props_readonly;
+    var _ref, _messageDisplayKeyRef_current, _props_readonly;
     var _props_originData, _props_originData1, _props_originData2, _props_originData3, _props_originData4, _props_originData5, _props_bubbleRenderConfig, _props_originData_fileMap, _props_originData6, _props_bubbleRenderConfig1, _props_styles, _props_bubbleRenderConfig2, _bubbleRenderConfig_render;
     var onAvatarClick = props.onAvatarClick, className = props.className, style = props.style, bubbleRenderConfig = props.bubbleRenderConfig, classNames = props.classNames, styles = props.styles, originData = props.originData, preMessage = props.preMessage;
     var _React_useState = _sliced_to_array(React.useState(false), 2), hidePadding = _React_useState[0], setHidePadding = _React_useState[1];
+    var messageDisplayKeyRef = useRef(null);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var context = useContext(BubbleConfigContext);
-    var _ref = context || {}, compact = _ref.compact, standalone = _ref.standalone, extraShowOnHover = _ref.extraShowOnHover;
+    var _ref1 = context || {}, compact = _ref1.compact, standalone = _ref1.standalone, extraShowOnHover = _ref1.extraShowOnHover;
     var prefixClass = getPrefixCls('agentic');
     var _useStyle = useStyle(prefixClass), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var preMessageSameRole = isSameRoleAsPrevious(preMessage, originData);
@@ -300,14 +303,21 @@ var getTaskList = function getTaskList(originData) {
         prefixCls: "".concat(prefixClass, "-bubble-avatar"),
         style: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemAvatarStyle
     }));
+    var id = props === null || props === void 0 ? void 0 : (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.id;
+    if (id === undefined || id === LOADING_FLAT) {
+        if (!messageDisplayKeyRef.current) {
+            messageDisplayKeyRef.current = nanoid();
+        }
+    }
+    var messageDisplayKey = (_ref = (_messageDisplayKeyRef_current = messageDisplayKeyRef.current) !== null && _messageDisplayKeyRef_current !== void 0 ? _messageDisplayKeyRef_current : id) !== null && _ref !== void 0 ? _ref : nanoid();
     var messageContent = /*#__PURE__*/ React.createElement(BubbleMessageDisplay, {
         markdownRenderConfig: props.markdownRenderConfig,
         docListProps: props.docListProps,
         bubbleListRef: props.bubbleListRef,
         bubbleListItemExtraStyle: styles === null || styles === void 0 ? void 0 : styles.bubbleListItemExtraStyle,
         bubbleRef: props.bubbleRef,
-        content: props === null || props === void 0 ? void 0 : (_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.content,
-        key: props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.id,
+        content: props === null || props === void 0 ? void 0 : (_props_originData1 = props.originData) === null || _props_originData1 === void 0 ? void 0 : _props_originData1.content,
+        key: messageDisplayKey,
         "data-id": props === null || props === void 0 ? void 0 : (_props_originData2 = props.originData) === null || _props_originData2 === void 0 ? void 0 : _props_originData2.id,
         avatar: props === null || props === void 0 ? void 0 : (_props_originData3 = props.originData) === null || _props_originData3 === void 0 ? void 0 : _props_originData3.meta,
         readonly: (_props_readonly = props.readonly) !== null && _props_readonly !== void 0 ? _props_readonly : false,

package/dist/Bubble/List/PureBubbleList.js

@@ -74,8 +74,9 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     }, [
         props.style
     ]);
-    // 为 loading 项生成唯一的 key，使用 ref 缓存以确保稳定性
     var loadingKeysRef = useRef(new Map());
+    var loadingKeyByIndexRef = useRef(new Map());
+    var realIdToStableKeyRef = useRef(new Map());
     var listDom = useMemo(function() {
         var _props_lazy;
         var isLazyEnabled = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : _props_lazy.enable;
@@ -88,15 +89,26 @@ export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
                 isLatest: isLast,
                 isLast: isLast
             });
-            // 如果 id 是 LOADING_FLAT，使用 uuid 作为 key
-            // 使用 index 和 createAt 的组合作为缓存 key，确保同一项在重新渲染时保持相同的 key
-            var itemKey = item.id;
+            var itemKey;
             if (item.id === LOADING_FLAT) {
                 var cacheKey = "".concat(index, "-").concat(item.createAt || Date.now());
                 if (!loadingKeysRef.current.has(cacheKey)) {
                     loadingKeysRef.current.set(cacheKey, nanoid());
                 }
                 itemKey = loadingKeysRef.current.get(cacheKey);
+                loadingKeyByIndexRef.current.set(index, itemKey);
+            } else {
+                var realId = item.id;
+                var prevLoadingKey = loadingKeyByIndexRef.current.get(index);
+                if (prevLoadingKey) {
+                    itemKey = prevLoadingKey;
+                    realIdToStableKeyRef.current.set(realId, prevLoadingKey);
+                    loadingKeyByIndexRef.current.delete(index);
+                } else if (realIdToStableKeyRef.current.has(realId)) {
+                    itemKey = realIdToStableKeyRef.current.get(realId);
+                } else {
+                    itemKey = realId;
+                }
             }
             var bubbleElement = /*#__PURE__*/ React.createElement(BubbleComponent, {
                 key: itemKey,

package/dist/Bubble/List/index.js

@@ -161,8 +161,11 @@ import { useStyle } from "./style";
         JSON.stringify(props.style)
     ]);
     // 为 loading 项生成唯一的 key，使用 ref 缓存以确保稳定性
-    // 使用 item 的唯一标识（index + createAt）作为缓存 key
     var loadingKeysRef = useRef(new Map());
+    // 记录每个 index 在上一轮是否是 loading，用于 loading→real 过渡时保持 key 稳定，避免闪动
+    var loadingKeyByIndexRef = useRef(new Map());
+    // 真实 id 映射到稳定 key（过渡后沿用），避免同一条消息因 id 变化导致 remount
+    var realIdToStableKeyRef = useRef(new Map());
     var bubbleListDom = useMemo(function() {
         var _props_lazy;
         var isLazyEnabled = (_props_lazy = props.lazy) === null || _props_lazy === void 0 ? void 0 : _props_lazy.enable;
@@ -174,15 +177,26 @@ import { useStyle } from "./style";
             // 保持向后兼容性，设置isLatest
             item.isLatest = isLast;
             item.isLast = isLast;
-            // 如果 id 是 LOADING_FLAT，使用 uuid 作为 key
-            // 使用 index 和 createAt 的组合作为缓存 key，确保同一项在重新渲染时保持相同的 key
-            var itemKey = item.id;
+            var itemKey;
             if (item.id === LOADING_FLAT) {
                 var cacheKey = "".concat(index, "-").concat(item.createAt || Date.now());
                 if (!loadingKeysRef.current.has(cacheKey)) {
                     loadingKeysRef.current.set(cacheKey, nanoid());
                 }
                 itemKey = loadingKeysRef.current.get(cacheKey);
+                loadingKeyByIndexRef.current.set(index, itemKey);
+            } else {
+                var realId = item.id;
+                var prevLoadingKey = loadingKeyByIndexRef.current.get(index);
+                if (prevLoadingKey) {
+                    itemKey = prevLoadingKey;
+                    realIdToStableKeyRef.current.set(realId, prevLoadingKey);
+                    loadingKeyByIndexRef.current.delete(index);
+                } else if (realIdToStableKeyRef.current.has(realId)) {
+                    itemKey = realIdToStableKeyRef.current.get(realId);
+                } else {
+                    itemKey = realId;
+                }
             }
             var bubbleElement = /*#__PURE__*/ React.createElement(Bubble, {
                 key: itemKey,

package/dist/MarkdownRenderer/AnimationText.d.ts

@@ -13,7 +13,8 @@ export interface AnimationTextProps {
  * 流式文字淡入动画组件。
  *
  * 采用 opacity + translateY（GPU 硬件加速），清爽流派。
- * 动画结束后通过 animationend 标记 done，仍用 span 包裹以保持布局稳定。
+ * 同一段流式前缀追加只触发**一次**入场动画；后续增量仅更新文案。内容被替换
+ * （非前缀增长）时重新播放入场。动画结束后仍用 span 包裹以保持布局稳定。
  */
 declare const AnimationText: React.NamedExoticComponent<AnimationTextProps>;
 export default AnimationText;

package/dist/MarkdownRenderer/AnimationText.js

@@ -6,25 +6,6 @@ function _array_like_to_array(arr, len) {
 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 _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-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;
@@ -52,54 +33,9 @@ function _iterable_to_array_limit(arr, i) {
 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 _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 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);
@@ -134,11 +70,13 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
  * 流式文字淡入动画组件。
  *
  * 采用 opacity + translateY（GPU 硬件加速），清爽流派。
- * 动画结束后通过 animationend 标记 done，仍用 span 包裹以保持布局稳定。
+ * 同一段流式前缀追加只触发**一次**入场动画；后续增量仅更新文案。内容被替换
+ * （非前缀增长）时重新播放入场。动画结束后仍用 span 包裹以保持布局稳定。
  */ var AnimationText = /*#__PURE__*/ React.memo(function(param) {
     var children = param.children, animationConfig = param.animationConfig;
     var _ref = animationConfig || {}, _ref_fadeDuration = _ref.fadeDuration, fadeDuration = _ref_fadeDuration === void 0 ? 200 : _ref_fadeDuration, _ref_easing = _ref.easing, easing = _ref_easing === void 0 ? 'ease-out' : _ref_easing;
-    var _useState = _sliced_to_array(useState([]), 2), chunks = _useState[0], setChunks = _useState[1];
+    var _useState = _sliced_to_array(useState(false), 2), animComplete = _useState[0], setAnimComplete = _useState[1];
+    var _useState1 = _sliced_to_array(useState(0), 2), animSession = _useState1[0], setAnimSession = _useState1[1];
     var prevTextRef = useRef('');
     var text = extractText(children);
     var hasElementContent = hasElementNode(children);
@@ -148,44 +86,28 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
             return;
         }
         if (text === prevTextRef.current) return;
-        if (!prevTextRef.current || !text.startsWith(prevTextRef.current)) {
-            setChunks([
-                {
-                    key: '0',
-                    text: text,
-                    content: children,
-                    done: false
-                }
-            ]);
+        var prev = prevTextRef.current;
+        if (!prev) {
+            if (!text) return;
             prevTextRef.current = text;
+            setAnimComplete(false);
             return;
         }
-        var prevLen = prevTextRef.current.length;
-        var newText = text.slice(prevLen);
-        var newKey = "anim-".concat(Date.now(), "-").concat(prevLen);
-        setChunks(function(prev) {
-            return _to_consumable_array(prev).concat([
-                {
-                    key: newKey,
-                    text: newText,
-                    done: false
-                }
-            ]);
+        if (text.length > prev.length && text.startsWith(prev)) {
+            prevTextRef.current = text;
+            return;
+        }
+        setAnimComplete(false);
+        setAnimSession(function(s) {
+            return s + 1;
         });
         prevTextRef.current = text;
     }, [
         text,
-        children,
         hasElementContent
     ]);
-    var handleAnimationEnd = function handleAnimationEnd(key) {
-        setChunks(function(prev) {
-            return prev.map(function(c) {
-                return c.key === key ? _object_spread_props(_object_spread({}, c), {
-                    done: true
-                }) : c;
-            });
-        });
+    var handleAnimationEnd = function handleAnimationEnd() {
+        return setAnimComplete(true);
     };
     var animationStyle = useMemo(function() {
         return {
@@ -207,20 +129,13 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
     if (hasElementContent) {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
     }
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, chunks.map(function(chunk) {
-        var _chunk_content;
-        var rendered = (_chunk_content = chunk.content) !== null && _chunk_content !== void 0 ? _chunk_content : chunk.text;
-        return chunk.done ? /*#__PURE__*/ React.createElement("span", {
-            key: chunk.key,
-            style: doneChunkStyle
-        }, rendered) : /*#__PURE__*/ React.createElement("span", {
-            key: chunk.key,
-            style: animationStyle,
-            onAnimationEnd: function onAnimationEnd() {
-                return handleAnimationEnd(chunk.key);
-            }
-        }, rendered);
-    }));
+    return animComplete ? /*#__PURE__*/ React.createElement("span", {
+        style: doneChunkStyle
+    }, children) : /*#__PURE__*/ React.createElement("span", {
+        key: animSession,
+        style: animationStyle,
+        onAnimationEnd: handleAnimationEnd
+    }, children);
 });
 AnimationText.displayName = 'AnimationText';
 export default AnimationText;

package/dist/MarkdownRenderer/CharacterQueue.js

@@ -77,7 +77,8 @@ var DEFAULT_BACKGROUND_BATCH_MULTIPLIER = 10;
             speed: (_ref2 = options === null || options === void 0 ? void 0 : options.speed) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_SPEED,
             flushOnComplete: (_ref3 = options === null || options === void 0 ? void 0 : options.flushOnComplete) !== null && _ref3 !== void 0 ? _ref3 : true,
             backgroundInterval: (_ref4 = options === null || options === void 0 ? void 0 : options.backgroundInterval) !== null && _ref4 !== void 0 ? _ref4 : DEFAULT_BACKGROUND_INTERVAL,
-            backgroundBatchMultiplier: (_ref5 = options === null || options === void 0 ? void 0 : options.backgroundBatchMultiplier) !== null && _ref5 !== void 0 ? _ref5 : DEFAULT_BACKGROUND_BATCH_MULTIPLIER
+            backgroundBatchMultiplier: (_ref5 = options === null || options === void 0 ? void 0 : options.backgroundBatchMultiplier) !== null && _ref5 !== void 0 ? _ref5 : DEFAULT_BACKGROUND_BATCH_MULTIPLIER,
+            animateTailChars: options === null || options === void 0 ? void 0 : options.animateTailChars
         };
         this.handleVisibilityChange = this.handleVisibilityChange.bind(this);
         if (typeof document !== 'undefined') {
@@ -94,6 +95,13 @@ var DEFAULT_BACKGROUND_BATCH_MULTIPLIER = 10;
                     this.onFlush(content);
                     return;
                 }
+                // 仅对末尾 N 字做动画：立即展示前面内容
+                var tail = this.options.animateTailChars;
+                if (tail !== undefined && tail > 0 && content.length > tail) {
+                    var staticLength = content.length - tail;
+                    this.displayedLength = Math.max(this.displayedLength, staticLength);
+                    this.onFlush(content.slice(0, this.displayedLength));
+                }
                 this.ensureTicking();
             }
         },

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -263,7 +263,15 @@ var SCHEMA_LANGUAGES = new Set([
     }, [
         plugins
     ]);
-    // 字符队列管理
+    // 字符队列管理：流式时仅对最后 50 字做动画，避免每段逐字输出
+    var resolvedQueueOptions = useMemo(function() {
+        return streaming ? _object_spread({
+            animateTailChars: 50
+        }, queueOptions) : queueOptions;
+    }, [
+        streaming,
+        queueOptions
+    ]);
     useEffect(function() {
         if (!streaming) {
             // 非流式：直接展示全部内容
@@ -273,14 +281,14 @@ var SCHEMA_LANGUAGES = new Set([
         if (!queueRef.current) {
             queueRef.current = new CharacterQueue(function(displayed) {
                 return setDisplayedContent(displayed);
-            }, queueOptions);
+            }, resolvedQueueOptions);
         }
         queueRef.current.push(content || '');
         return undefined;
     }, [
         content,
         streaming,
-        queueOptions
+        resolvedQueueOptions
     ]);
     // 流式完成时 flush 所有剩余内容
     useEffect(function() {

package/dist/MarkdownRenderer/types.d.ts

@@ -6,6 +6,12 @@ export interface CharacterQueueOptions {
     charsPerFrame?: number;
     /** 是否启用打字动画，默认 true（流式时） */
     animate?: boolean;
+    /**
+     * 仅对末尾 N 个字符做动画，前面内容立即展示。
+     * 设为 50 时，每次 push 只对最后 50 字逐字输出，避免整段逐字动画。
+     * 默认 undefined 表示整段动画（原有行为）。
+     */
+    animateTailChars?: number;
     /** 动画速度因子，1.0 为标准速度 */
     speed?: number;
     /** 内容完成后立即 flush 全部剩余 */

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -1079,45 +1079,62 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
         return null;
     }
 };
+/** 流式未闭合围栏内，空行后的下一行是否仍像围栏内代码（JSON 等）延续 */ var lineLooksLikeFenceCodeContinuation = function lineLooksLikeFenceCodeContinuation(rawLine) {
+    var t = rawLine.trimStart();
+    if (!t) {
+        return true;
+    }
+    if (t.startsWith('```') || t.startsWith('~~~')) {
+        return true;
+    }
+    var c = t[0];
+    return c === '{' || c === '}' || c === '[' || c === ']' || c === '"' || c === "'" || c === '`' || c === '-' || c === ',' || c >= '0' && c <= '9';
+};
 /**
  * 将 markdown 按块（双换行）拆分，尊重代码围栏边界。
  * 返回的每个块是一个独立的 markdown 片段，可单独解析。
- */ var splitMarkdownBlocks = function splitMarkdownBlocks(content) {
+ *
+ * 流式且围栏未闭合时，inFence 会一直为 true，段间 `\n\n` 在按行拆分时只出现一个空行，
+ * 无法用「连续两个空行」检测。此时在空行处前瞻下一行：若不像围栏内代码延续则虚拟闭合围栏，
+ * 使末块能变为非末块且缓存键与先前一致。
+ */ var splitMarkdownBlocks = function splitMarkdownBlocks(content, streaming) {
     var lines = content.split('\n');
     var blocks = [];
     var current = [];
     var inFence = false;
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var line = _step.value;
-            var trimmed = line.trimStart();
-            if (trimmed.startsWith('```') || trimmed.startsWith('~~~')) {
-                inFence = !inFence;
-            }
-            if (!inFence && line === '' && current.length > 0) {
-                var prev = current[current.length - 1];
-                if (prev === '') {
-                    blocks.push(current.join('\n'));
-                    current = [];
-                    continue;
+    for(var i = 0; i < lines.length; i += 1){
+        var line = lines[i];
+        var trimmed = line.trimStart();
+        if (trimmed.startsWith('```') || trimmed.startsWith('~~~')) {
+            inFence = !inFence;
+        }
+        if (streaming && inFence && line === '' && current.length > 0) {
+            var prev = current[current.length - 1];
+            var nextLine = lines[i + 1];
+            var doubleBlankInsideFence = prev === '';
+            var blankThenNonCodeLine = prev !== '' && nextLine !== undefined && nextLine.trim() !== '' && !lineLooksLikeFenceCodeContinuation(nextLine);
+            if (doubleBlankInsideFence || blankThenNonCodeLine) {
+                var body = current;
+                while(body.length > 0 && body[body.length - 1] === ''){
+                    body = body.slice(0, -1);
+                }
+                if (body.length > 0) {
+                    blocks.push(body.join('\n'));
                 }
+                current = [];
+                inFence = false;
+                continue;
             }
-            current.push(line);
         }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
+        if (!inFence && line === '' && current.length > 0) {
+            var prev1 = current[current.length - 1];
+            if (prev1 === '') {
+                blocks.push(current.join('\n'));
+                current = [];
+                continue;
             }
         }
+        current.push(line);
     }
     if (current.length > 0) {
         blocks.push(current.join('\n'));
@@ -1152,6 +1169,7 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
     var processorRef = useRef(null);
     var blockCacheRef = useRef(new Map());
     var lastBlockRef = useRef(null);
+    var prevContentRef = useRef('');
     var processor = useMemo(function() {
         var p = createHastProcessor(options === null || options === void 0 ? void 0 : options.remarkPlugins, options === null || options === void 0 ? void 0 : options.htmlConfig);
         processorRef.current = p;
@@ -1171,22 +1189,33 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
         options === null || options === void 0 ? void 0 : options.linkConfig
     ]);
     return useMemo(function() {
-        if (!content) return null;
+        if (!content) {
+            prevContentRef.current = '';
+            return null;
+        }
+        var prevContent = prevContentRef.current;
+        if (prevContent && content !== prevContent && !content.startsWith(prevContent)) {
+            blockCacheRef.current = new Map();
+            lastBlockRef.current = null;
+        }
+        prevContentRef.current = content;
         try {
             var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
-            var blocks = splitMarkdownBlocks(preprocessed);
+            var blocks = splitMarkdownBlocks(preprocessed, options === null || options === void 0 ? void 0 : options.streaming);
             if (blocks.length === 0) return null;
             var cache = blockCacheRef.current;
             var newCache = new Map();
             var elements = [];
+            var KEY_PREFIX_LEN = 64;
             for(var i = 0; i < blocks.length; i++){
                 var block = blocks[i];
                 var isLast = i === blocks.length - 1;
                 // 用 index + 内容前 64 字符作 key，保持稳定性：
-                // 相同位置 + 相同内容开头 → 相同 key → React 不 unmount
-                // 流式场景下，最后一个块内容频繁变化，若 key 随内容变会导致反复 unmount/remount，
-                // ChartBlockRenderer 等会重复展示 Loading，故对末块使用稳定 key
-                var stableKey = isLast && (options === null || options === void 0 ? void 0 : options.streaming) ? "b".concat(i, "-last") : "b".concat(i, "-").concat(block.slice(0, 64));
+                // - 末块在流式中节流时，用 lastBlockRef.source 的切片作 key，避免每次追加字符导致 key 变化
+                // - 末块变为非末块时，必须与先前 key 一致，否则 ChartBlockRenderer 等会 unmount/remount 闪烁
+                // - 因此统一用「实际展示内容」的 slice 作 key，节流时用 lastBlockRef.source
+                var contentForKey = isLast && (options === null || options === void 0 ? void 0 : options.streaming) && lastBlockRef.current && !shouldReparseLastBlock(lastBlockRef.current.source, block, options === null || options === void 0 ? void 0 : options.streaming) ? lastBlockRef.current.source.slice(0, KEY_PREFIX_LEN) : block.slice(0, KEY_PREFIX_LEN);
+                var stableKey = "b".concat(i, "-").concat(contentForKey);
                 if (!isLast) {
                     var cached = cache.get(block);
                     if (cached && cached.source === block) {

package/package.json

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