@ant-design/agentic-ui 2.30.13 → 2.30.15

package/dist/MarkdownEditor/editor/utils/markdownToHtml.js

@@ -174,7 +174,7 @@ import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
-import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
+import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../parser/constants";
 import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
 import remarkDirectiveContainersOnly from "../parser/remarkDirectiveContainersOnly";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../parser/remarkParse";
@@ -462,7 +462,7 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * @throws {Error} 当转换过程中发生错误时返回空字符串
  */ export var markdownToHtml = function markdownToHtml(markdown, plugins, config) {
     return _async_to_generator(function() {
-        var _file_value, file, htmlContent, error;
+        var _file_value, normalizedMarkdown, file, htmlContent, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -472,9 +472,10 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
                         ,
                         3
                     ]);
+                    normalizedMarkdown = preprocessNormalizeLeafToContainerDirective(markdown);
                     return [
                         4,
-                        createMarkdownProcessor(plugins, config).process(markdown)
+                        createMarkdownProcessor(plugins, config).process(normalizedMarkdown)
                     ];
                 case 1:
                     file = _state.sent();
@@ -530,7 +531,8 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  */ export var markdownToHtmlSync = function markdownToHtmlSync(markdown, plugins, config) {
     try {
         var _file_value;
-        var file = createMarkdownProcessor(plugins, config).processSync(markdown);
+        var normalizedMarkdown = preprocessNormalizeLeafToContainerDirective(markdown);
+        var file = createMarkdownProcessor(plugins, config).processSync(normalizedMarkdown);
         var htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
         return htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$');
     } catch (error) {

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/AttachmentFileIcon.js

@@ -213,6 +213,7 @@ var VideoThumbnail = function VideoThumbnail(param) {
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: file.name
     }, /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "file-meta-placeholder",
         className: className,
         style: _object_spread({
             height: 48,
@@ -225,7 +226,8 @@ var VideoThumbnail = function VideoThumbnail(param) {
             color: 'var(--color-text-tertiary, rgba(0,0,0,0.45))',
             lineHeight: 1.2,
             overflow: 'hidden',
-            flex: 1,
+            // 占位块不应在 flex 容器中自动拉伸为整行宽度
+            flex: '0 0 auto',
             minWidth: 80,
             padding: 'var(--padding-1x) var(--padding-2x)',
             flexDirection: 'column'

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/AttachmentFileList/index.js

@@ -63,6 +63,7 @@ import classNames from "clsx";
 import { AnimatePresence, motion } from "framer-motion";
 import React, { useContext } from "react";
 import { ActionIconBox } from "../../../Components/ActionIconBox";
+import { I18nContext } from "../../../I18n";
 import { isImageFile } from "../utils";
 import { AttachmentFileListItem } from "./AttachmentFileListItem";
 import { useStyle } from "./style";
@@ -112,6 +113,7 @@ var ClearButton = function ClearButton(param) {
 export var AttachmentFileList = function AttachmentFileList(param) {
     var fileMap = param.fileMap, onDelete = param.onDelete, onPreview = param.onPreview, onDownload = param.onDownload, onRetry = param.onRetry, onClearFileMap = param.onClearFileMap, dataTestId = param.dataTestId;
     var context = useContext(ConfigProvider.ConfigContext);
+    var locale = useContext(I18nContext).locale;
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-attachment-list');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var _React_useState = _sliced_to_array(React.useState(undefined), 2), imgSrc = _React_useState[0], setImgSrc = _React_useState[1];
@@ -148,7 +150,10 @@ export var AttachmentFileList = function AttachmentFileList(param) {
         animate: "visible",
         style: containerStyle,
         className: classNames(prefix, hashId)
-    }, /*#__PURE__*/ React.createElement(AnimatePresence, {
+    }, hasFiles ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefix, "-title"), hashId),
+        "data-testid": "attachment-list-title"
+    }, (locale === null || locale === void 0 ? void 0 : locale['input.attachmentListTitle']) || '上传附件') : null, /*#__PURE__*/ React.createElement(AnimatePresence, {
         initial: false
     }, fileList.map(function(file, index) {
         return /*#__PURE__*/ React.createElement(AttachmentFileListItem, {

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

@@ -106,6 +106,14 @@ var genStyle = function genStyle(token) {
                 transform: 'scale(1.05)'
             }
         },
+        '&-title': {
+            width: '100%',
+            flexBasis: '100%',
+            color: 'var(--color-gray-text-light)',
+            font: 'var(--font-text-body-sm)',
+            lineHeight: '20px',
+            marginBottom: 'var(--margin-0-5x)'
+        },
         '&-item': {
             width: '168px',
             height: '48px',

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/FileMapView/FileMapViewItem.js

@@ -46,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -169,7 +184,11 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
     // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块（loading 状态除外）
     if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
-            file: file
+            file: file,
+            className: classNames(props.className, props.prefixCls ? "".concat(props.prefixCls, "-meta-placeholder") : undefined),
+            style: _object_spread({
+                height: 56
+            }, props.style)
         });
     }
     return /*#__PURE__*/ React.createElement(Tooltip, {

package/dist/MarkdownInputField/FileMapView/index.js

@@ -190,10 +190,23 @@ import { ConfigProvider, Image, Modal } from "antd";
 import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext, useMemo, useState } from "react";
+import { I18nContext } from "../../I18n";
 import { FileMetaPlaceholder } from "../AttachmentButton/AttachmentFileList/AttachmentFileIcon";
-import { isImageFile, isVideoFile } from "../AttachmentButton/utils";
+import { isFileMetaPlaceholderState, isImageFile, isVideoFile } from "../AttachmentButton/utils";
 import { FileMapViewItem } from "./FileMapViewItem";
 import { useStyle } from "./style";
+var IMAGE_THUMBNAIL_SIZE = 124;
+var SINGLE_VIDEO_THUMBNAIL_SIZE = {
+    width: 330,
+    height: 188
+};
+var getMediaPlaceholderStyle = function getMediaPlaceholderStyle(size) {
+    return {
+        width: size.width,
+        height: size.height,
+        minWidth: size.width
+    };
+};
 /**
  * FileMapView 组件 - 文件映射视图组件
  *
@@ -236,6 +249,7 @@ import { useStyle } from "./style";
     var _props_style;
     var _props_placement = props.placement, placement = _props_placement === void 0 ? 'left' : _props_placement;
     var context = useContext(ConfigProvider.ConfigContext);
+    var locale = useContext(I18nContext).locale;
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-file-view-list');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var _useState = _sliced_to_array(useState(false), 2), showAllFiles = _useState[0], setShowAllFiles = _useState[1];
@@ -333,6 +347,11 @@ import { useStyle } from "./style";
             });
         })();
     };
+    var imagePlaceholderStyle = getMediaPlaceholderStyle({
+        width: IMAGE_THUMBNAIL_SIZE,
+        height: IMAGE_THUMBNAIL_SIZE
+    });
+    var hasAnyFiles = fileList.length > 0;
     var _obj;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         "data-testid": "file-view-list",
@@ -345,7 +364,10 @@ import { useStyle } from "./style";
             alignItems: placement === 'left' ? 'flex-start' : 'flex-end',
             width: 'max-content'
         }
-    }, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
+    }, hasAnyFiles ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefix, "-title"), hashId),
+        "data-testid": "file-view-title"
+    }, (locale === null || locale === void 0 ? void 0 : locale['chat.fileMapTitle']) || '结果文件') : null, imgList.length > 0 && /*#__PURE__*/ React.createElement(motion.div, {
         variants: {
             visible: {
                 opacity: 1,
@@ -369,10 +391,12 @@ import { useStyle } from "./style";
         className: classNames(prefix, hashId, props.className, "".concat(prefix, "-").concat(placement), (_obj = {}, _define_property(_obj, "".concat(prefix, "-image-list-view"), imgList.length > 1), _define_property(_obj, "".concat(prefix, "-image-list-view-").concat(placement), imgList.length > 1), _obj))
     }, /*#__PURE__*/ React.createElement(Image.PreviewGroup, null, imgList.map(function(file, index) {
         var key = file.uuid || file.name || index;
-        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        if (isFileMetaPlaceholderState(file)) {
             var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: key
+                key: key,
+                className: classNames("".concat(prefix, "-image"), hashId),
+                style: imagePlaceholderStyle
             });
             return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }
@@ -412,18 +436,17 @@ import { useStyle } from "./style";
     }, videoList.map(function(file, index) {
         var videoUrl = file.previewUrl || file.url || '';
         var isSingleVideo = videoList.length === 1;
-        var thumbSize = isSingleVideo ? {
-            width: 330,
-            height: 188
-        } : {
-            width: 124,
-            height: 124
+        var thumbSize = isSingleVideo ? SINGLE_VIDEO_THUMBNAIL_SIZE : {
+            width: IMAGE_THUMBNAIL_SIZE,
+            height: IMAGE_THUMBNAIL_SIZE
         };
         var key = file.uuid || file.name || index;
-        if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+        if (isFileMetaPlaceholderState(file)) {
             var placeholderDom = /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
                 file: file,
-                key: key
+                key: key,
+                className: classNames("".concat(prefix, "-image"), "".concat(prefix, "-video-thumb"), hashId),
+                style: getMediaPlaceholderStyle(thumbSize)
             });
             return props.itemRender ? props.itemRender(file, placeholderDom) : placeholderDom;
         }

package/dist/MarkdownInputField/FileMapView/style.js

@@ -212,6 +212,12 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj1, '&-more-file-name', {
         font: 'var(--font-size-h6)',
         color: 'var(--color-gray-text-secondary)'
+    }), _define_property(_obj1, '&-title', {
+        width: '100%',
+        color: 'var(--color-gray-text-light)',
+        font: 'var(--font-text-body-sm)',
+        lineHeight: '20px',
+        marginBottom: 2
     }), _define_property(_obj1, '&-item', {
         width: '285px',
         height: '56px',

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 {};