@ant-design/agentic-ui 2.30.14 → 2.30.15

package/dist/I18n/locales.js

@@ -340,7 +340,7 @@
     'input.selectFile': '选择文件',
     'input.openGallery': '打开相册',
     'input.openFile': '打开文件',
-    'input.supportedFormatMessage': '每个文件不超过 ${maxSize}，支持 ${extensions}等格式。',
+    'input.supportedFormatMessage': '支持 ${extensions}等格式。',
     'input.sendButtonTooltip.send': '按 Enter 键发送',
     'input.sendButtonTooltip.newline': '按 Shift+Enter 键换行',
     'input.sendButtonTooltip.send.mod': '按 Cmd/Ctrl+Enter 键发送',
@@ -768,7 +768,7 @@
     'input.selectFile': 'Select File',
     'input.openGallery': 'Open Gallery',
     'input.openFile': 'Open File',
-    'input.supportedFormatMessage': 'Supports file upload, each file not exceeding ${maxSize}, formats such as ${extensions}.',
+    'input.supportedFormatMessage': 'Supports ${extensions} formats.',
     'input.sendButtonTooltip.send': 'Press Enter to send',
     'input.sendButtonTooltip.newline': 'Press Shift+Enter for new line',
     'input.sendButtonTooltip.send.mod': 'Press Cmd/Ctrl+Enter to send',

package/dist/MarkdownEditor/editor/elements/Code/ReadonlyCode.js

@@ -106,7 +106,7 @@ import { debugInfo } from "../../../../Utils/debugUtils";
     // 检查代码块是否未闭合
     var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.finished) === false;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
-        "data-is-unclosed": isUnclosed,
+        "data-is-unclosed": isUnclosed || undefined,
         "data-language": element === null || element === void 0 ? void 0 : element.language,
         style: (element === null || element === void 0 ? void 0 : element.language) === 'html' ? {
             display: (element === null || element === void 0 ? void 0 : (_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.isConfig) ? 'none' : 'block'

package/dist/MarkdownEditor/editor/elements/Code/index.js

@@ -85,7 +85,7 @@ export var Code = function Code(param) {
     // 检查代码块是否未闭合
     var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.finished) === false;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
-        "data-is-unclosed": isUnclosed,
+        "data-is-unclosed": isUnclosed || undefined,
         "data-language": element === null || element === void 0 ? void 0 : element.language,
         style: {
             height: '240px',

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { LocalKeys } from '../../I18n';
 export type SupportedFormat = {
     type: string;
-    maxSize: number;
     extensions: string[];
     icon: React.ReactNode;
     content?: React.ReactNode;
@@ -12,32 +11,28 @@ export type AttachmentButtonPopoverProps = {
     supportedFormat?: SupportedFormat;
     /** 上传图片的处理函数 */
     uploadImage?: (forGallery?: boolean) => Promise<void>;
-    /** 国际化文案，可覆盖 I18n 上下文中的配置。支持 `input.openGallery`、`input.openFile`、`input.supportedFormatMessage`（模板变量：${maxSize}、${extensions}）等 */
+    /** 国际化文案，可覆盖 I18n 上下文中的配置。支持 `input.openGallery`、`input.openFile`、`input.supportedFormatMessage`（模板变量：${extensions}）等 */
     locale?: Partial<LocalKeys>;
 };
 export declare const SupportedFileFormats: {
     image: {
         icon: React.JSX.Element;
         type: string;
-        maxSize: number;
         extensions: string[];
     };
     document: {
         icon: React.JSX.Element;
         type: string;
-        maxSize: number;
         extensions: string[];
     };
     audio: {
         icon: React.JSX.Element;
         type: string;
-        maxSize: number;
         extensions: string[];
     };
     video: {
         icon: React.JSX.Element;
         type: string;
-        maxSize: number;
         extensions: string[];
     };
 };

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -77,12 +77,7 @@ import { Button, Modal, Tooltip } from "antd";
 import React, { useContext, useMemo, useState } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import { compileTemplate, I18nContext } from "../../I18n";
-import { isMobileDevice, isVivoOrOppoDevice, kbToSize } from "./utils";
-var FILE_SIZE_UNITS = {
-    KB: 1024,
-    MB: 1024 * 1024
-};
-var DEFAULT_MAX_SIZE = 5000;
+import { isMobileDevice, isVivoOrOppoDevice } from "./utils";
 var CONTENT_STYLE = {
     fontSize: 16,
     lineHeight: '1.5em',
@@ -92,7 +87,6 @@ export var SupportedFileFormats = {
     image: {
         icon: /*#__PURE__*/ React.createElement(FileImageOutlined, null),
         type: '图片',
-        maxSize: 10 * FILE_SIZE_UNITS.KB,
         extensions: [
             'jpg',
             'jpeg',
@@ -106,7 +100,6 @@ export var SupportedFileFormats = {
     document: {
         icon: /*#__PURE__*/ React.createElement(FileTextFilled, null),
         type: '文档',
-        maxSize: 10 * FILE_SIZE_UNITS.KB,
         extensions: [
             'pdf',
             'markdown',
@@ -123,7 +116,6 @@ export var SupportedFileFormats = {
     audio: {
         icon: /*#__PURE__*/ React.createElement(AudioOutlined, null),
         type: '音频',
-        maxSize: 50 * FILE_SIZE_UNITS.KB,
         extensions: [
             'mp3',
             'wav'
@@ -132,7 +124,6 @@ export var SupportedFileFormats = {
     video: {
         icon: /*#__PURE__*/ React.createElement(VideoCameraOutlined, null),
         type: '视频',
-        maxSize: 100 * FILE_SIZE_UNITS.KB,
         extensions: [
             'mp4',
             'avi',
@@ -140,15 +131,13 @@ export var SupportedFileFormats = {
         ]
     }
 };
-var DEFAULT_FORMAT_MESSAGE = '每个文件不超过 ${maxSize}，支持 ${extensions}等格式。';
+var DEFAULT_FORMAT_MESSAGE = '支持 ${extensions}等格式。';
 var buildFormatMessage = function buildFormatMessage(format, locale) {
     var _ref;
     var _format_extensions;
-    var maxSize = kbToSize(format.maxSize || DEFAULT_MAX_SIZE);
     var extensions = ((_format_extensions = format.extensions) === null || _format_extensions === void 0 ? void 0 : _format_extensions.join(', ')) || '';
     var template = (_ref = locale === null || locale === void 0 ? void 0 : locale['input.supportedFormatMessage']) !== null && _ref !== void 0 ? _ref : DEFAULT_FORMAT_MESSAGE;
     return compileTemplate(template, {
-        maxSize: maxSize,
         extensions: extensions
     });
 };

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem.js

@@ -122,7 +122,8 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
         onDelete(file);
     };
     // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
-    if (isFileMetaPlaceholderState(file)) {
+    // 注意：error 状态不走占位符，直接在下面的 file-item 中展示失败 UI
+    if (!isErrorStatus && isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
             file: file,
             className: className

package/dist/MarkdownInputField/AttachmentButton/index.d.ts

@@ -48,6 +48,21 @@ export type AttachmentButtonProps = {
         currentCount: number;
         selectedCount: number;
     }) => void;
+    /** 文件超出 maxFileSize 大小限制时的回调 */
+    onExceedMaxSize?: (info: {
+        file: AttachmentFile;
+        maxSize: number;
+    }) => void;
+    /** 文件上传失败时的回调 */
+    onUploadError?: (info: {
+        file: AttachmentFile;
+        error: unknown;
+    }) => void;
+    /**
+     * 上传失败时自动将文件从列表中移除（退回），不显示错误状态
+     * @default false
+     */
+    removeFileOnUploadError?: boolean;
 };
 /**
  * 文件上传配置
@@ -75,6 +90,21 @@ type UploadProps = {
         currentCount: number;
         selectedCount: number;
     }) => void;
+    /** 文件超出 maxFileSize 大小限制时的回调 */
+    onExceedMaxSize?: (info: {
+        file: AttachmentFile;
+        maxSize: number;
+    }) => void;
+    /** 文件上传失败时的回调 */
+    onUploadError?: (info: {
+        file: AttachmentFile;
+        error: unknown;
+    }) => void;
+    /**
+     * 上传失败时自动将文件从列表中移除（退回），不显示错误状态
+     * @default false
+     */
+    removeFileOnUploadError?: boolean;
 };
 /**
  * 上传文件到服务器

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -259,14 +259,25 @@ var handleUploadSuccess = function handleUploadSuccess(file, url, map, props) {
     file.url = url;
     updateFileMap(map, file, props.onFileMapChange);
 };
-var handleUploadError = function handleUploadError(file, errorMsg, map, props) {
-    file.status = 'error';
-    if (errorMsg !== null) file.errorMessage = errorMsg;
-    updateFileMap(map, file, props.onFileMapChange);
+var handleUploadError = function handleUploadError(file, errorMsg, map, props, rawError) {
+    var _props_onUploadError;
+    if (props.removeFileOnUploadError) {
+        var _props_onFileMapChange;
+        if (file.uuid) map.delete(file.uuid);
+        (_props_onFileMapChange = props.onFileMapChange) === null || _props_onFileMapChange === void 0 ? void 0 : _props_onFileMapChange.call(props, map);
+    } else {
+        file.status = 'error';
+        if (errorMsg !== null) file.errorMessage = errorMsg;
+        updateFileMap(map, file, props.onFileMapChange);
+    }
+    (_props_onUploadError = props.onUploadError) === null || _props_onUploadError === void 0 ? void 0 : _props_onUploadError.call(props, {
+        file: file,
+        error: rawError !== null && rawError !== void 0 ? rawError : errorMsg
+    });
 };
 var processFile = function processFile(file, index, map, props) {
     return _async_to_generator(function() {
-        var maxSizeKb, raw, _ref, url, isSuccess, errorMsg, error, errorMessage;
+        var _props_onExceedMaxSize, maxSizeKb, raw, _ref, url, isSuccess, errorMsg, error, errorMessage;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -277,12 +288,17 @@ var processFile = function processFile(file, index, map, props) {
                 case 1:
                     _state.sent();
                     if (!validateFileSize(file, props)) {
+                        ;
                         maxSizeKb = Math.round((props.maxFileSize || 0) / 1024);
                         raw = getLocaleMessage(props.locale, 'markdownInput.fileSizeExceeded', DEFAULT_MESSAGES.fileSizeExceeded(maxSizeKb));
                         file.errorMessage = raw.includes('${maxSize}') ? raw.replace(/\$\{maxSize\}/g, String(maxSizeKb)) : raw;
                         file.errorCode = 'FILE_SIZE_EXCEEDED';
                         file.status = 'error';
                         updateFileMap(map, file, props.onFileMapChange);
+                        (_props_onExceedMaxSize = props.onExceedMaxSize) === null || _props_onExceedMaxSize === void 0 ? void 0 : _props_onExceedMaxSize.call(props, {
+                            file: file,
+                            maxSize: props.maxFileSize || 0
+                        });
                         return [
                             2
                         ];
@@ -313,7 +329,7 @@ var processFile = function processFile(file, index, map, props) {
                 case 4:
                     error = _state.sent();
                     errorMessage = _instanceof(error, Error) ? error.message : getLocaleMessage(props.locale, 'uploadFailed', DEFAULT_MESSAGES.uploadFailed);
-                    handleUploadError(file, errorMessage, map, props);
+                    handleUploadError(file, errorMessage, map, props, error);
                     return [
                         3,
                         5

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -1,3 +1,4 @@
+import type { AttachmentFile } from './types';
 /**
  * 将KB转换为可读的文件大小格式
  * 支持从字节（B）到TB的所有单位，最小单位为B
@@ -40,18 +41,14 @@ export declare const isMediaFile: (file: File) => boolean;
 /**
  * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
  */
-export declare const isAttachmentFileLoading: (status?: string | null) => boolean;
+export declare const isAttachmentFileLoading: (status?: AttachmentFile['status'] | null) => boolean;
 /**
  * 是否应该展示 FileMetaPlaceholder：
  * - 有状态
  * - 非 loading（uploading/pending）
  * - 且没有可预览 URL
  */
-export declare const isFileMetaPlaceholderState: (file: File & {
-    status?: string;
-    url?: string;
-    previewUrl?: string;
-}) => boolean;
+export declare const isFileMetaPlaceholderState: (file: AttachmentFile) => boolean;
 /**
  * 获取设备品牌
  *

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -416,30 +416,32 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
    * 处理文件重试
    */ var handleFileRetry = useRefFunction(function(file) {
         return _async_to_generator(function() {
-            var map, url, isSuccess, uploadResult, error, map1;
+            var map, url, isSuccess, uploadResult, _attachment_onUploadError, error, _attachment_onUploadError1;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
+                        map = new Map(fileMap);
+                        _state.label = 1;
+                    case 1:
                         _state.trys.push([
-                            0,
-                            5,
+                            1,
+                            6,
                             ,
-                            6
+                            7
                         ]);
                         file.status = 'uploading';
-                        map = new Map(fileMap);
                         map.set(file.uuid || '', file);
                         updateAttachmentFiles(map);
                         isSuccess = false;
                         if (!(attachment === null || attachment === void 0 ? void 0 : attachment.uploadWithResponse)) return [
                             3,
-                            2
+                            3
                         ];
                         return [
                             4,
                             attachment.uploadWithResponse(file, 0)
                         ];
-                    case 1:
+                    case 2:
                         uploadResult = _state.sent();
                         url = uploadResult.fileUrl;
                         isSuccess = uploadResult.uploadStatus === 'SUCCESS';
@@ -447,48 +449,61 @@ import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButto
                         file.uploadResponse = uploadResult;
                         return [
                             3,
-                            4
+                            5
                         ];
-                    case 2:
+                    case 3:
                         if (!(attachment === null || attachment === void 0 ? void 0 : attachment.upload)) return [
                             3,
-                            4
+                            5
                         ];
                         return [
                             4,
                             attachment.upload(file, 0)
                         ];
-                    case 3:
+                    case 4:
                         url = _state.sent();
                         isSuccess = !!url;
-                        _state.label = 4;
-                    case 4:
+                        _state.label = 5;
+                    case 5:
                         if (isSuccess && url) {
                             file.status = 'done';
                             file.url = url;
                             map.set(file.uuid || '', file);
                             updateAttachmentFiles(map);
                         } else {
+                            ;
                             file.status = 'error';
                             map.set(file.uuid || '', file);
                             updateAttachmentFiles(map);
+                            attachment === null || attachment === void 0 ? void 0 : (_attachment_onUploadError = attachment.onUploadError) === null || _attachment_onUploadError === void 0 ? void 0 : _attachment_onUploadError.call(attachment, {
+                                file: file,
+                                error: null
+                            });
                         }
                         return [
                             3,
-                            6
+                            7
                         ];
-                    case 5:
+                    case 6:
                         error = _state.sent();
-                        file.status = 'error';
-                        map1 = new Map(fileMap);
-                        map1.set(file.uuid || '', file);
-                        updateAttachmentFiles(map1);
+                        if (attachment === null || attachment === void 0 ? void 0 : attachment.removeFileOnUploadError) {
+                            map.delete(file.uuid || '');
+                            updateAttachmentFiles(map);
+                        } else {
+                            file.status = 'error';
+                            map.set(file.uuid || '', file);
+                            updateAttachmentFiles(map);
+                        }
+                        attachment === null || attachment === void 0 ? void 0 : (_attachment_onUploadError1 = attachment.onUploadError) === null || _attachment_onUploadError1 === void 0 ? void 0 : _attachment_onUploadError1.call(attachment, {
+                            file: file,
+                            error: error
+                        });
                         console.error('Error retrying file upload:', error);
                         return [
                             3,
-                            6
+                            7
                         ];
-                    case 6:
+                    case 7:
                         return [
                             2
                         ];

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -290,7 +290,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         stopRecording: stopRecording,
         isEnlarged: isEnlarged,
         setIsEnlarged: setIsEnlarged
-    }), handleEnlargeClick = _useMarkdownInputFieldHandlers.handleEnlargeClick, sendMessage = _useMarkdownInputFieldHandlers.sendMessage, handlePaste = _useMarkdownInputFieldHandlers.handlePaste, handleKeyDown = _useMarkdownInputFieldHandlers.handleKeyDown, activeInput = _useMarkdownInputFieldHandlers.activeInput;
+    }), handleEnlargeClick = _useMarkdownInputFieldHandlers.handleEnlargeClick, sendMessage = _useMarkdownInputFieldHandlers.sendMessage, handlePaste = _useMarkdownInputFieldHandlers.handlePaste, handleKeyDown = _useMarkdownInputFieldHandlers.handleKeyDown, handleContainerClick = _useMarkdownInputFieldHandlers.handleContainerClick, activeInput = _useMarkdownInputFieldHandlers.activeInput;
     // 渲染辅助
     var attachmentList = useAttachmentList({
         attachment: attachment,
@@ -370,6 +370,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         onMouseLeave: function onMouseLeave() {
             return setHover(false);
         },
+        onClick: handleContainerClick,
         onKeyDown: handleKeyDown
     }, /*#__PURE__*/ React.createElement(BorderBeamAnimation, {
         isVisible: isFocused && !animationComplete,

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.d.ts

@@ -27,6 +27,7 @@ export declare const useMarkdownInputFieldHandlers: ({ props, markdownEditorRef,
     sendMessage: () => Promise<void>;
     handlePaste: (e: React.ClipboardEvent<HTMLDivElement>) => Promise<void>;
     handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    handleContainerClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     activeInput: (active: boolean) => void;
 };
 export {};

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

@@ -174,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': {
@@ -186,7 +187,7 @@ var genStyle = function genStyle(token) {
             }
         },
         // 仅覆盖 MarkdownInputField 内的代码块默认高度
-        '& [data-language][data-is-unclosed]': {
+        '& [data-language][data-is-unclosed="true"]': {
             height: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important"),
             minHeight: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important")
         },

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

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