@ant-design/agentic-ui 2.11.1 → 2.11.2

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

@@ -9,10 +9,8 @@ export type SupportedFormat = {
 export type AttachmentButtonPopoverProps = {
     children?: React.ReactNode;
     supportedFormat?: SupportedFormat;
-    /** 文件选择后的回调函数，参数为选中的文件 */
-    onFileSelect?: (files: FileList, accept: string) => void;
-    /** 是否允许一次选择多个文件 */
-    allowMultiple?: boolean;
+    /** 上传图片的处理函数 */
+    uploadImage?: (forGallery?: boolean) => Promise<void>;
 };
 export declare const SupportedFileFormats: {
     image: {

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -47,12 +47,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { AudioOutlined, FileImageOutlined, FileTextFilled, FolderOpenOutlined, PictureOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import { Button, Modal, Tooltip } from "antd";
 import React, { useCallback, useContext, useMemo, useState } from "react";
-import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
-import { isMobileDevice, isVivoOrOppoDevice, isWeChat, kbToSize } from "./utils";
-/**
- * 移动设备默认的文件类型 accept 值
- */ var MOBILE_DEFAULT_ACCEPT = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,.csv,text/plain,application/x-zip-compressed';
+import { isMobileDevice, isVivoOrOppoDevice, kbToSize } from "./utils";
 var FILE_SIZE_UNITS = {
     KB: 1024,
     MB: 1024 * 1024
@@ -133,7 +129,7 @@ export var AttachmentSupportedFormatsContent = function(param) {
     });
 };
 export var AttachmentButtonPopover = function(param) {
-    var children = param.children, supportedFormat = param.supportedFormat, onFileSelect = param.onFileSelect, _param_allowMultiple = param.allowMultiple, allowMultiple = _param_allowMultiple === void 0 ? true : _param_allowMultiple;
+    var children = param.children, supportedFormat = param.supportedFormat, uploadImage = param.uploadImage;
     var _useState = _sliced_to_array(useState(false), 2), modalOpen = _useState[0], setModalOpen = _useState[1];
     var locale = useContext(I18nContext).locale;
     var isVivoOrOppo = useMemo(function() {
@@ -142,9 +138,6 @@ export var AttachmentButtonPopover = function(param) {
     var isMobile = useMemo(function() {
         return isMobileDevice();
     }, []);
-    var isWeChatEnv = useMemo(function() {
-        return isWeChat();
-    }, []);
     var trigger = useMemo(function() {
         return isVivoOrOppo ? [
             'click'
@@ -155,54 +148,6 @@ export var AttachmentButtonPopover = function(param) {
     }, [
         isVivoOrOppo
     ]);
-    var format = supportedFormat || SupportedFileFormats.image;
-    var extensions = format.extensions || [];
-    /**
-   * 根据支持的格式获取 accept 属性值
-   * 优先级：微信 > 手机品牌（oppo/vivo）> 移动设备 > 相册模式 > 默认
-   */ var getAcceptValue = useRefFunction(function(forGallery) {
-        // 相册模式
-        if (forGallery) {
-            return 'image/*';
-        }
-        // 1. 微信环境最优先：设置为空字符串以打开文件浏览器
-        if (isWeChatEnv) {
-            return '*';
-        }
-        // 2. 手机品牌其次（oppo/vivo）：设置为空字符串以打开文件浏览器
-        if (isVivoOrOppo) {
-            return '*';
-        }
-        // 3. 移动设备其次：设置为空字符串以打开文件浏览器
-        if (isMobile) {
-            return '*';
-        }
-        // 5. 默认情况：使用具体扩展名列表
-        return extensions.length > 0 ? extensions.map(function(ext) {
-            return ".".concat(ext);
-        }).join(',') : MOBILE_DEFAULT_ACCEPT;
-    });
-    /**
-   * 创建文件输入并触发选择
-   */ var triggerFileInput = useRefFunction(function(forGallery) {
-        var accept = getAcceptValue(forGallery);
-        var input = document.createElement('input');
-        input.type = 'file';
-        input.accept = accept;
-        input.multiple = allowMultiple;
-        input.style.display = 'none';
-        input.onchange = function(e) {
-            var target = e.target;
-            if (target.files && target.files.length > 0 && onFileSelect) {
-                onFileSelect(target.files, accept);
-            }
-            // 清理
-            input.remove();
-        };
-        document.body.appendChild(input);
-        input.click();
-        setModalOpen(false);
-    });
     var handleClick = useCallback(function(e) {
         if (isVivoOrOppo) {
             e.stopPropagation();
@@ -213,14 +158,16 @@ export var AttachmentButtonPopover = function(param) {
         isVivoOrOppo
     ]);
     var handleOpenGallery = useCallback(function() {
-        triggerFileInput(true);
+        uploadImage === null || uploadImage === void 0 ? void 0 : uploadImage(true);
+        setModalOpen(false);
     }, [
-        triggerFileInput
+        uploadImage
     ]);
     var handleOpenFile = useCallback(function() {
-        triggerFileInput(false);
+        uploadImage === null || uploadImage === void 0 ? void 0 : uploadImage(false);
+        setModalOpen(false);
     }, [
-        triggerFileInput
+        uploadImage
     ]);
     if (isVivoOrOppo) {
         return /*#__PURE__*/ React.createElement("div", {

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

@@ -93,7 +93,7 @@ export declare const upLoadFileToServer: (files: ArrayLike<File>, props: UploadP
  */
 export declare const AttachmentButton: React.FC<AttachmentButtonProps & {
     /** 上传图片的处理函数 */
-    uploadImage(): Promise<void>;
+    uploadImage(forGallery?: boolean): Promise<void>;
     /** 按钮标题文本 */
     title?: React.ReactNode;
 }>;

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -470,7 +470,7 @@ var ButtonContent = function(param) {
  * />
  * ```
  */ export var AttachmentButton = function(param) {
-    var disabled = param.disabled, uploadImage = param.uploadImage, title = param.title, supportedFormat = param.supportedFormat, render = param.render, upload = param.upload, uploadWithResponse = param.uploadWithResponse, fileMap = param.fileMap, onFileMapChange = param.onFileMapChange, maxFileSize = param.maxFileSize, maxFileCount = param.maxFileCount, minFileCount = param.minFileCount, allowMultiple = param.allowMultiple;
+    var disabled = param.disabled, uploadImage = param.uploadImage, title = param.title, supportedFormat = param.supportedFormat, render = param.render;
     var context = useContext(ConfigProvider.ConfigContext);
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-attachment-button');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -484,26 +484,12 @@ var ButtonContent = function(param) {
     }, /*#__PURE__*/ React.createElement(ButtonContent, {
         title: title
     }));
-    var handleFileSelect = function(files) {
-        // 触发文件上传
-        upLoadFileToServer(files, {
-            upload: upload,
-            uploadWithResponse: uploadWithResponse,
-            fileMap: fileMap,
-            onFileMapChange: onFileMapChange,
-            maxFileSize: maxFileSize,
-            maxFileCount: maxFileCount,
-            minFileCount: minFileCount,
-            locale: {}
-        });
-    };
     var wrapper = render ? render({
         children: buttonWithStyle,
         supportedFormat: format
     }) : /*#__PURE__*/ React.createElement(AttachmentButtonPopover, {
         supportedFormat: format,
-        onFileSelect: handleFileSelect,
-        allowMultiple: allowMultiple
+        uploadImage: uploadImage
     }, buttonWithStyle);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefix), hashId, _define_property({}, "".concat(prefix, "-disabled"), disabled)),

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

@@ -21,7 +21,7 @@ export interface FileUploadManagerReturn {
     /** 支持的文件格式 */
     supportedFormat: SupportedFileFormatsType;
     /** 上传图片 */
-    uploadImage: () => Promise<void>;
+    uploadImage: (forGallery?: boolean) => Promise<void>;
     /** 更新附件文件列表 */
     updateAttachmentFiles: (newFileMap?: Map<string, AttachmentFile>) => void;
     /** 处理文件删除 */

package/dist/MarkdownInputField/FileUploadManager/index.js

@@ -180,7 +180,7 @@ import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
 import { upLoadFileToServer } from "../AttachmentButton";
 import { SupportedFileFormats } from "../AttachmentButton/AttachmentButtonPopover";
-import { isMobileDevice, isVivoOrOppoDevice } from "../AttachmentButton/utils";
+import { isMobileDevice, isVivoOrOppoDevice, isWeChat } from "../AttachmentButton/utils";
 /**
  * 文件上传管理器
  *
@@ -200,167 +200,166 @@ import { isMobileDevice, isVivoOrOppoDevice } from "../AttachmentButton/utils";
         onFileMapChange === null || onFileMapChange === void 0 ? void 0 : onFileMapChange(new Map(newFileMap));
     });
     /**
+   * 移动设备默认的文件类型 accept 值
+   */ var MOBILE_DEFAULT_ACCEPT = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,.csv,text/plain,application/x-zip-compressed';
+    /**
    * 根据支持的格式获取 accept 属性值
-   * 在移动设备上，使用默认的 accept 值
-   * 在 vivo 或 oppo 手机上，如果只支持图片格式，使用 image/* 打开相册；否则使用具体扩展名打开文件选择器
-   */ var getAcceptValue = function() {
+   * 优先级：微信 > 手机品牌（oppo/vivo）> 移动设备 > 相册模式 > 默认
+   */ var getAcceptValue = useRefFunction(function(forGallery) {
+        // 相册模式
+        if (forGallery) {
+            return 'image/*';
+        }
         var isMobile = isMobileDevice();
         var isVivoOrOppo = isVivoOrOppoDevice();
+        var isWeChatEnv = isWeChat();
         var extensions = (supportedFormat === null || supportedFormat === void 0 ? void 0 : supportedFormat.extensions) || [];
-        // vivo/oppo 设备：判断是否只包含图片格式
-        var imageExtensions = [
-            'jpg',
-            'jpeg',
-            'png',
-            'gif',
-            'bmp',
-            'webp',
-            'svg'
-        ];
-        var isImageOnly = extensions.length > 0 && extensions.every(function(ext) {
-            return imageExtensions.includes(ext.toLowerCase());
-        });
-        if (isImageOnly) {
-            // 只支持图片格式，使用 image/* 打开相册
-            return 'image/*';
+        // 1. 微信环境最优先：设置为空字符串以打开文件浏览器
+        if (isWeChatEnv) {
+            return '*';
         }
-        // 如果是移动设备，返回默认的 accept 值
-        if (isMobile) {
-            return '';
+        // 2. 手机品牌其次（oppo/vivo）：设置为空字符串以打开文件浏览器
+        if (isVivoOrOppo) {
+            return '*';
         }
-        if (!isVivoOrOppo) {
-            // 非 vivo/oppo 设备，直接使用扩展名列表
-            return extensions.length > 0 ? extensions.map(function(ext) {
-                return ".".concat(ext);
-            }).join(',') : 'image/*';
+        // 3. 移动设备其次：设置为空字符串以打开文件浏览器
+        if (isMobile) {
+            return '*';
         }
-        // 支持其他格式，使用具体扩展名列表打开文件选择器
+        // 4. 默认情况：使用具体扩展名列表
         return extensions.length > 0 ? extensions.map(function(ext) {
             return ".".concat(ext);
-        }).join(',') : 'image/*';
-    };
+        }).join(',') : MOBILE_DEFAULT_ACCEPT;
+    });
     /**
    * 上传图片
-   */ var uploadImage = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
-        var isUploading, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, file, currentFileCount, errorMsg, input, _attachment_allowMultiple;
-        return _ts_generator(this, function(_state) {
-            // 检查是否有文件正在上传中
-            isUploading = false;
-            _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-            try {
-                for(_iterator = ((fileMap === null || fileMap === void 0 ? void 0 : fileMap.values()) || [])[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                    file = _step.value;
-                    if (file.status === 'uploading') {
-                        isUploading = true;
-                        break;
-                    }
-                }
-            } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-            } finally{
+   */ var uploadImage = useRefFunction(/*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(forGallery) {
+            var isUploading, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, file, currentFileCount, errorMsg, accept, input, _attachment_allowMultiple;
+            return _ts_generator(this, function(_state) {
+                // 检查是否有文件正在上传中
+                isUploading = false;
+                _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
                 try {
-                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
+                    for(_iterator = ((fileMap === null || fileMap === void 0 ? void 0 : fileMap.values()) || [])[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        file = _step.value;
+                        if (file.status === 'uploading') {
+                            isUploading = true;
+                            break;
+                        }
                     }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
                 } finally{
-                    if (_didIteratorError) {
-                        throw _iteratorError;
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
                     }
                 }
-            }
-            if (isUploading) {
-                return [
-                    2
-                ];
-            }
-            // 检查是否已达到最大文件数量限制
-            currentFileCount = (fileMap === null || fileMap === void 0 ? void 0 : fileMap.size) || 0;
-            if ((attachment === null || attachment === void 0 ? void 0 : attachment.maxFileCount) && currentFileCount >= attachment.maxFileCount) {
-                errorMsg = (locale === null || locale === void 0 ? void 0 : locale['markdownInput.maxFileCountExceeded']) ? locale['markdownInput.maxFileCountExceeded'].replace('${maxFileCount}', String(attachment.maxFileCount)) : "最多只能上传 ".concat(attachment.maxFileCount, " 个文件");
-                message.error(errorMsg);
-                return [
-                    2
-                ];
-            }
-            input = document.createElement('input');
-            input.id = 'uploadImage' + '_' + Math.random();
-            input.type = 'file';
-            input.accept = getAcceptValue();
-            input.multiple = (_attachment_allowMultiple = attachment === null || attachment === void 0 ? void 0 : attachment.allowMultiple) !== null && _attachment_allowMultiple !== void 0 ? _attachment_allowMultiple : true;
-            input.style.display = 'none';
-            input.onchange = /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(e) {
-                    var error;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                if (input.dataset.readonly) {
+                if (isUploading) {
+                    return [
+                        2
+                    ];
+                }
+                // 检查是否已达到最大文件数量限制
+                currentFileCount = (fileMap === null || fileMap === void 0 ? void 0 : fileMap.size) || 0;
+                if ((attachment === null || attachment === void 0 ? void 0 : attachment.maxFileCount) && currentFileCount >= attachment.maxFileCount) {
+                    errorMsg = (locale === null || locale === void 0 ? void 0 : locale['markdownInput.maxFileCountExceeded']) ? locale['markdownInput.maxFileCountExceeded'].replace('${maxFileCount}', String(attachment.maxFileCount)) : "最多只能上传 ".concat(attachment.maxFileCount, " 个文件");
+                    message.error(errorMsg);
+                    return [
+                        2
+                    ];
+                }
+                accept = getAcceptValue(forGallery || false);
+                input = document.createElement('input');
+                input.id = 'uploadImage' + '_' + Math.random();
+                input.type = 'file';
+                input.accept = accept;
+                input.multiple = (_attachment_allowMultiple = attachment === null || attachment === void 0 ? void 0 : attachment.allowMultiple) !== null && _attachment_allowMultiple !== void 0 ? _attachment_allowMultiple : true;
+                input.style.display = 'none';
+                input.onchange = /*#__PURE__*/ function() {
+                    var _ref = _async_to_generator(function(e) {
+                        var error;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    if (input.dataset.readonly) {
+                                        return [
+                                            2
+                                        ];
+                                    }
+                                    input.dataset.readonly = 'true';
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        4,
+                                        5
+                                    ]);
+                                    return [
+                                        4,
+                                        upLoadFileToServer(e.target.files, _object_spread_props(_object_spread({}, attachment), {
+                                            fileMap: fileMap,
+                                            onFileMapChange: function(newFileMap) {
+                                                updateAttachmentFiles(newFileMap);
+                                            },
+                                            locale: locale
+                                        }))
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    return [
+                                        3,
+                                        5
+                                    ];
+                                case 3:
+                                    error = _state.sent();
+                                    console.error('Error uploading files:', error);
+                                    return [
+                                        3,
+                                        5
+                                    ];
+                                case 4:
+                                    input.value = '';
+                                    delete input.dataset.readonly;
+                                    return [
+                                        7
+                                    ];
+                                case 5:
                                     return [
                                         2
                                     ];
-                                }
-                                input.dataset.readonly = 'true';
-                                _state.label = 1;
-                            case 1:
-                                _state.trys.push([
-                                    1,
-                                    3,
-                                    4,
-                                    5
-                                ]);
-                                return [
-                                    4,
-                                    upLoadFileToServer(e.target.files, _object_spread_props(_object_spread({}, attachment), {
-                                        fileMap: fileMap,
-                                        onFileMapChange: function(newFileMap) {
-                                            updateAttachmentFiles(newFileMap);
-                                        },
-                                        locale: locale
-                                    }))
-                                ];
-                            case 2:
-                                _state.sent();
-                                return [
-                                    3,
-                                    5
-                                ];
-                            case 3:
-                                error = _state.sent();
-                                console.error('Error uploading files:', error);
-                                return [
-                                    3,
-                                    5
-                                ];
-                            case 4:
-                                input.value = '';
-                                delete input.dataset.readonly;
-                                return [
-                                    7
-                                ];
-                            case 5:
-                                return [
-                                    2
-                                ];
-                        }
+                            }
+                        });
                     });
-                });
-                return function(e) {
-                    return _ref.apply(this, arguments);
-                };
-            }();
-            if (input.dataset.readonly) {
+                    return function(e) {
+                        return _ref.apply(this, arguments);
+                    };
+                }();
+                if (input.dataset.readonly) {
+                    return [
+                        2
+                    ];
+                }
+                document.body.appendChild(input);
+                input.click();
+                input.remove();
                 return [
                     2
                 ];
-            }
-            input.click();
-            input.remove();
-            return [
-                2
-            ];
+            });
         });
-    }));
+        return function(forGallery) {
+            return _ref.apply(this, arguments);
+        };
+    }());
     /**
    * 处理文件删除
    */ var handleFileRemoval = useRefFunction(/*#__PURE__*/ function() {

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

@@ -31,7 +31,7 @@ export interface SendActionsProps {
     /** 是否允许空内容提交 */
     allowEmptySubmit?: boolean;
     /** 上传图片回调 */
-    uploadImage?: () => Promise<void>;
+    uploadImage?: (forGallery?: boolean) => Promise<void>;
     /** 开始录音回调 */
     onStartRecording?: () => Promise<void>;
     /** 停止录音回调 */

package/package.json

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