@ant-design/agentic-ui 2.30.13 → 2.30.15

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -179,7 +179,9 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { Editor, Transforms } from "slate";
+import { ReactEditor } from "slate-react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
+import { EditorUtils } from "../../MarkdownEditor/editor/utils/editorUtils";
 import { upLoadFileToServer } from "../AttachmentButton";
 import { isMobileDevice } from "../AttachmentButton/utils";
 import { getFileListFromDataTransferItems } from "../FilePaste";
@@ -384,6 +386,23 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
     // 这里不需要显式 return，函数结束自然会继续执行（但这里是 void，所以 return 也无妨）
     // 注意：上面的 return 是阻止了默认行为并发送，这里的 implicit return 是允许默认行为（换行）
     });
+    var handleContainerClick = useRefFunction(function(e) {
+        var _markdownEditorRef_current_markdownEditorRef, _markdownEditorRef_current;
+        if (props.disabled) return;
+        var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_markdownEditorRef = _markdownEditorRef_current.markdownEditorRef) === null || _markdownEditorRef_current_markdownEditorRef === void 0 ? void 0 : _markdownEditorRef_current_markdownEditorRef.current;
+        if (!editor) return;
+        try {
+            if (ReactEditor.isFocused(editor)) return;
+        } catch (unused) {
+        // ignore
+        }
+        var target = e.target;
+        var isInteractive = target.closest('button') || target.closest('a') || target.closest('input') || target.closest('[contenteditable="true"]');
+        if (isInteractive) return;
+        EditorUtils.focus(editor);
+        var end = Editor.end(editor, []);
+        Transforms.select(editor, end);
+    });
     var activeInput = useRefFunction(function(active) {
         if (inputRef.current) {
             if (active) {
@@ -402,6 +421,7 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
         sendMessage: sendMessage,
         handlePaste: handlePaste,
         handleKeyDown: handleKeyDown,
+        handleContainerClick: handleContainerClick,
         activeInput: activeInput
     };
 };

package/dist/MarkdownInputField/style.js

@@ -94,6 +94,8 @@ var INPUT_FIELD_PADDING = {
     NONE: '0px',
     SMALL: "".concat(GLOW_BORDER_OFFSET, "px")
 };
+// MarkdownInputField 中 code block 的默认高度，避免初始占位过高
+var DEFAULT_INPUT_CODE_BLOCK_HEIGHT = 120;
 // 定义旋转动画
 var stopIconRotate = new Keyframes('stopIconRotate', {
     '0%': {
@@ -172,6 +174,7 @@ var genStyle = function genStyle(token) {
             maxHeight: 400,
             height: '100%',
             overflowY: 'visible',
+            cursor: 'text',
             scrollbarColor: 'var(--color-gray-text-tertiary, #505c716b) transparent',
             scrollbarWidth: 'thin',
             '&&-disabled': {
@@ -183,6 +186,11 @@ var genStyle = function genStyle(token) {
                 padding: '0 !important'
             }
         },
+        // 仅覆盖 MarkdownInputField 内的代码块默认高度
+        '& [data-language][data-is-unclosed="true"]': {
+            height: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important"),
+            minHeight: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important")
+        },
         '&-editor-content': _define_property({
             display: 'flex',
             flexDirection: 'column',

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -112,7 +112,7 @@ export type MarkdownInputFieldProps = {
      *   attachment={{
      *     enable: true,
      *     accept: '.pdf,.doc,.docx',
-     *     maxSize: 10 * 1024 * 1024, // 10MB
+     *     maxFileSize: 10 * 1024 * 1024, // 10MB（字节）
      *     onUpload: async (file) => {
      *       const url = await uploadFile(file);
      *       return { url };

package/dist/MarkdownRenderer/streaming/useStreamingMarkdownReact.js

@@ -1,4 +1,4 @@
-import { JINJA_DOLLAR_PLACEHOLDER } from "../../MarkdownEditor/editor/parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../../MarkdownEditor/editor/parser/constants";
 import React, { useMemo, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { buildEditorAlignedComponents, createHastProcessor, splitMarkdownBlocks } from "../markdownReactShared";
@@ -38,7 +38,7 @@ import { shouldResetRevisionProgress } from "./revisionPolicy";
         }
         prevRevisionRef.current = revisionSource;
         try {
-            var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+            var preprocessed = preprocessNormalizeLeafToContainerDirective(content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$'));
             var blocks = splitMarkdownBlocks(preprocessed);
             if (blocks.length === 0) return null;
             var gen = revisionGenerationRef.current;

package/dist/MarkdownRenderer/useMarkdownToReact.js

@@ -1,6 +1,6 @@
 import { toJsxRuntime } from "hast-util-to-jsx-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { JINJA_DOLLAR_PLACEHOLDER } from "../MarkdownEditor/editor/parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../MarkdownEditor/editor/parser/constants";
 import { buildEditorAlignedComponents, createHastProcessor } from "./markdownReactShared";
 import { useStreamingMarkdownReact } from "./streaming/useStreamingMarkdownReact";
 export var useMarkdownToReact = useStreamingMarkdownReact;
@@ -10,7 +10,7 @@ export var useMarkdownToReact = useStreamingMarkdownReact;
     if (!content) return null;
     try {
         var processor = createHastProcessor(remarkPlugins, htmlConfig);
-        var preprocessed = content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$');
+        var preprocessed = preprocessNormalizeLeafToContainerDirective(content.replace(new RegExp(JINJA_DOLLAR_PLACEHOLDER, 'g'), '$'));
         var mdast = processor.parse(preprocessed);
         var hast = processor.runSync(mdast);
         var userComps = components || {};

package/dist/Plugins/chart/DonutChart/index.js

@@ -476,8 +476,22 @@ import { useStyle } from "./style";
             ];
         }
         var hiddenSetForChart = hiddenDataIndicesByChart[idx] || new Set();
-        var visibleData = chartData.filter(function(_, index) {
-            return !hiddenSetForChart.has(index);
+        var visibleDataWithIndex = chartData.map(function(d, index) {
+            return {
+                d: d,
+                originalIndex: index
+            };
+        }).filter(function(param) {
+            var originalIndex = param.originalIndex;
+            return !hiddenSetForChart.has(originalIndex);
+        });
+        var visibleData = visibleDataWithIndex.map(function(param) {
+            var d = param.d;
+            return d;
+        });
+        var visibleOriginalIndices = visibleDataWithIndex.map(function(param) {
+            var originalIndex = param.originalIndex;
+            return originalIndex;
         });
         var toNum = function toNum(v) {
             return typeof v === 'number' ? v : Number(v);
@@ -498,9 +512,9 @@ import { useStyle } from "./style";
             return sum + (Number.isFinite(v) ? v : 0);
         }, 0);
         var backgroundColors = cfg.backgroundColor || defaultColorList;
-        // 解析 CSS 变量为实际颜色值（Canvas 需要实际颜色值）
-        var resolvedBackgroundColors = backgroundColors.map(function(color) {
-            return resolveCssVariable(color);
+        // 解析 CSS 变量为实际颜色值（Canvas 需要实际颜色值），按原始索引取色保证与图例颜色一致
+        var resolvedVisibleBackgroundColors = visibleOriginalIndices.map(function(originalIndex) {
+            return resolveCssVariable(backgroundColors[originalIndex % backgroundColors.length]);
         });
         var mainColor = (_ref = (_cfg_backgroundColor = cfg.backgroundColor) === null || _cfg_backgroundColor === void 0 ? void 0 : _cfg_backgroundColor[0]) !== null && _ref !== void 0 ? _ref : defaultColorList[idx % defaultColorList.length];
         var resolvedMainColor = resolveCssVariable(mainColor);
@@ -557,12 +571,12 @@ import { useStyle } from "./style";
                     backgroundColor: isSingleValueMode ? [
                         resolvedMainColor,
                         'transparent'
-                    ] : resolvedBackgroundColors.slice(0, values.length),
+                    ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     borderColor: chartBorderColor,
                     hoverBackgroundColor: isSingleValueMode ? [
                         resolvedMainColor,
                         'transparent'
-                    ] : resolvedBackgroundColors.slice(0, values.length),
+                    ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     hoverBorderColor: chartHoverBorderColor,
                     borderWidth: cfg.chartStyle === 'pie' ? 0 : isMobile ? 1 : 1,
                     spacing: isSingleValueMode ? 0 : cfg.chartStyle === 'pie' ? 0 : isDarkTheme ? isMobile ? 4 : 8 : isMobile ? 3 : 6,

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -351,6 +351,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.select': string;
             'suggestion.followUp': string;
             'input.fileUpload': string;
+            'input.attachmentListTitle': string;
+            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -745,6 +747,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.select': string;
             'suggestion.followUp': string;
             'input.fileUpload': string;
+            'input.attachmentListTitle': string;
+            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;

package/dist/Workspace/Browser/index.js

@@ -151,14 +151,16 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var locale = useContext(I18nContext).locale;
     var handleOpen = function handleOpen(e) {
+        e.preventDefault();
+        e.stopPropagation();
         if (onOpen) {
-            e.preventDefault();
             onOpen(item);
             return;
         }
         window.open(item.url, '_blank', 'noopener,noreferrer');
     };
     var handleLocate = function handleLocate(e) {
+        e.preventDefault();
         e.stopPropagation();
         onLocate === null || onLocate === void 0 ? void 0 : onLocate(item);
     };

package/package.json

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