@ant-design/agentic-ui 2.30.3 → 2.30.4

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.3",
+  "version": "2.30.4",
   "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",