@ant-design/agentic-ui 2.30.0 → 2.30.1

package/dist/MarkdownRenderer/style.js

@@ -29,17 +29,18 @@ export var useRendererVarStyle = function useRendererVarStyle(prefixCls) {
             '--padding-2x': '8px',
             '--padding-4x': '16px',
             '--padding-5x': '20px'
-        }), // 流式文字淡入动画（仅 opacity，GPU composited，不卡顿）
-        _define_property(_obj, '@keyframes markdownRendererFadeIn', {
+        }), // 流式文字淡入动画（opacity + translateY，GPU 硬件加速，清爽流派）
+        // 仅使用 opacity 和 transform，避免 blur 带来的重绘开销
+        _define_property(_obj, '@keyframes markdownRendererSlideFadeIn', {
             from: {
                 opacity: 0,
-                filter: 'blur(1px)',
-                transform: 'translateY(2px)'
+                transform: 'translateY(2px)',
+                filter: 'blur(1px)'
             },
             to: {
                 opacity: 1,
-                filter: 'blur(0px)',
-                transform: 'translateY(0px)'
+                transform: 'translateY(0)',
+                filter: 'blur(0px)'
             }
         }), _obj;
     });

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -124,7 +124,6 @@ import { Checkbox, Image } from "antd";
 import { toJsxRuntime } from "hast-util-to-jsx-runtime";
 import React, { useMemo, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import AnimationText from "./AnimationText";
 import rehypeKatex from "rehype-katex";
 import rehypeRaw from "rehype-raw";
 import remarkDirective from "remark-directive";
@@ -140,6 +139,7 @@ import { remarkDirectiveContainer } from "../MarkdownEditor/editor/parser/remark
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../MarkdownEditor/editor/parser/remarkParse";
 import { REMARK_REHYPE_DIRECTIVE_HANDLERS } from "../MarkdownEditor/editor/utils/markdownToHtml";
 import { ToolUseBarThink } from "../ToolUseBarThink";
+import AnimationText from "./AnimationText";
 var INLINE_MATH_WITH_SINGLE_DOLLAR = {
     singleDollarTextMath: true
 };
@@ -1120,8 +1120,9 @@ var _BLOCK_CACHE_KEY = Symbol('blockCache');
  * 流式场景下，最后一个块每个字符都变化，但大部分变化只是尾部追加。
  * 对最后一个块做节流：只在新增了换行、块级标记、或超过一定字符数时才重新解析。
  */ var LAST_BLOCK_THROTTLE_CHARS = 20;
-var BLOCK_BOUNDARY_TRIGGERS = /[\n`|#>*\-[\]]!$]/;
-var shouldReparseLastBlock = function shouldReparseLastBlock(prevSource, newSource) {
+var BLOCK_BOUNDARY_TRIGGERS = /[\n`|#>*\-!$[\]]/;
+var shouldReparseLastBlock = function shouldReparseLastBlock(prevSource, newSource, streaming) {
+    if (!streaming) return true;
     if (!prevSource) return true;
     if (newSource.length < prevSource.length) return true;
     if (!newSource.startsWith(prevSource)) return true;
@@ -1179,7 +1180,7 @@ export var useMarkdownToReact = function useMarkdownToReact(content, options) {
                 }
                 // 最后一个块：节流——仅在有意义的变化时重新解析
                 if (isLast && lastBlockRef.current) {
-                    if (!shouldReparseLastBlock(lastBlockRef.current.source, block)) {
+                    if (!shouldReparseLastBlock(lastBlockRef.current.source, block, options === null || options === void 0 ? void 0 : options.streaming)) {
                         newCache.set(block, {
                             source: lastBlockRef.current.source,
                             element: lastBlockRef.current.element

package/dist/MarkdownRenderer/useStreaming.js

@@ -100,6 +100,7 @@ var STREAM_INCOMPLETE_REGEX = {
         /^`[^`\r\n]{0,300}$/
     ]
 };
+var STREAMING_LOADING_PLACEHOLDER = '...';
 /**
  * 判断表格是否仍不完整。
  * 等待 header + separator + 至少一行数据（3 行）后提交。
@@ -239,6 +240,11 @@ var getInitialCache = function getInitialCache() {
         completeMarkdown: ''
     };
 };
+var getStreamingOutput = function getStreamingOutput(cache) {
+    if (cache.completeMarkdown) return cache.completeMarkdown;
+    if (cache.pending) return STREAMING_LOADING_PLACEHOLDER;
+    return '';
+};
 var isInCodeBlock = function isInCodeBlock(text) {
     var isFinalChunk = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     var lines = text.split('\n');
@@ -371,11 +377,12 @@ var isInCodeBlock = function isInCodeBlock(text) {
                 }
             }
         }
-        setOutput(cache.completeMarkdown);
+        setOutput(getStreamingOutput(cache));
     }, []);
     useEffect(function() {
         if (typeof input !== 'string') {
             setOutput('');
+            cacheRef.current = getInitialCache();
             return;
         }
         if (enabled) {

package/dist/Plugins/chart/ChartRender.js

@@ -1195,6 +1195,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         config === null || config === void 0 ? void 0 : config.y,
         config === null || config === void 0 ? void 0 : config.height,
         config === null || config === void 0 ? void 0 : config.index,
+        renderKey,
         toolBar,
         convertDonutData,
         convertFlatData,

package/dist/Plugins/chart/index.js

@@ -448,7 +448,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
                 left: 0,
                 right: 0,
                 bottom: 0,
-                zIndex: 1,
+                zIndex: 0,
                 width: '100%',
                 opacity: 0,
                 height: '100%',
@@ -457,6 +457,8 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
             }
         }, children), /*#__PURE__*/ React.createElement("div", {
             style: {
+                position: 'relative',
+                zIndex: 1,
                 display: 'flex',
                 flexWrap: 'wrap',
                 flexDirection: minWidth < 400 ? 'column' : 'row',

package/package.json

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