@ant-design/agentic-ui 2.30.0 → 2.30.1

package/dist/MarkdownEditor/editor/elements/Table/utils/useEditableTableColWidths.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { getEditableTableColWidths } from "./editableTableWidth";
+export function useEditableTableColWidths(param) {
+    var readonly = param.readonly, columnCount = param.columnCount, availableTableWidth = param.availableTableWidth, mobileBreakpointValue = param.mobileBreakpointValue, element = param.element;
+    return useMemo(function() {
+        return getEditableTableColWidths({
+            readonly: readonly,
+            columnCount: columnCount,
+            availableTableWidth: availableTableWidth,
+            mobileBreakpointValue: mobileBreakpointValue,
+            element: element
+        });
+    }, [
+        readonly,
+        columnCount,
+        availableTableWidth,
+        mobileBreakpointValue,
+        element
+    ]);
+}

package/dist/MarkdownEditor/editor/elements/Table/utils/useEditableTableContentWidth.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface UseEditableTableContentWidthParams {
+    readonly: boolean;
+    markdownContainerRef?: React.RefObject<HTMLElement | null>;
+    minContainerWidth: number;
+}
+export declare function useEditableTableContentWidth({ readonly, markdownContainerRef, minContainerWidth, }: UseEditableTableContentWidthParams): {
+    resolvedContentWidth: number;
+    availableTableWidth: number;
+};

package/dist/MarkdownEditor/editor/elements/Table/utils/useEditableTableContentWidth.js

@@ -0,0 +1,103 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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 _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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useEffect, useMemo, useState } from "react";
+import { TABLE_ROW_INDEX_COL_WIDTH } from "../TableColgroup";
+var TABLE_HORIZONTAL_PADDING = 32;
+var DEFAULT_CONTENT_WIDTH = 400;
+var getEditorContentElement = function getEditorContentElement(markdownContainerRef) {
+    var _markdownContainerRef_current;
+    return (markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) || null;
+};
+var getEditorContentWidth = function getEditorContentWidth(markdownContainerRef) {
+    var _getEditorContentElement;
+    return ((_getEditorContentElement = getEditorContentElement(markdownContainerRef)) === null || _getEditorContentElement === void 0 ? void 0 : _getEditorContentElement.clientWidth) || 0;
+};
+export function useEditableTableContentWidth(param) {
+    var readonly = param.readonly, markdownContainerRef = param.markdownContainerRef, minContainerWidth = param.minContainerWidth;
+    var _useState = _sliced_to_array(useState(0), 2), contentWidth = _useState[0], setContentWidth = _useState[1];
+    var resolvedContentWidth = useMemo(function() {
+        if (contentWidth > 0) return contentWidth;
+        return getEditorContentWidth(markdownContainerRef) || DEFAULT_CONTENT_WIDTH;
+    }, [
+        contentWidth,
+        markdownContainerRef
+    ]);
+    var availableTableWidth = useMemo(function() {
+        return Math.max(resolvedContentWidth - TABLE_HORIZONTAL_PADDING - TABLE_ROW_INDEX_COL_WIDTH, minContainerWidth);
+    }, [
+        resolvedContentWidth,
+        minContainerWidth
+    ]);
+    useEffect(function() {
+        if (readonly || typeof window === 'undefined') return;
+        var contentElement = getEditorContentElement(markdownContainerRef);
+        if (!contentElement) {
+            setContentWidth(0);
+            return;
+        }
+        var updateWidth = function updateWidth() {
+            return setContentWidth(contentElement.clientWidth || 0);
+        };
+        if (typeof ResizeObserver === 'undefined') {
+            updateWidth();
+            return;
+        }
+        var resizeObserver = new ResizeObserver(updateWidth);
+        resizeObserver.observe(contentElement);
+        updateWidth();
+        return function() {
+            return resizeObserver.disconnect();
+        };
+    }, [
+        readonly,
+        markdownContainerRef
+    ]);
+    return {
+        resolvedContentWidth: resolvedContentWidth,
+        availableTableWidth: availableTableWidth
+    };
+}

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

@@ -96,6 +96,8 @@ import { debugInfo } from "../../../Utils/debugUtils";
 import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
 import { useEditorStore } from "../store";
 import { EditorUtils } from "../utils/editorUtils";
+import { AgenticUiTaskBlock, ReadonlyAgenticUiTaskBlock } from "./AgenticUiBlocks/AgenticUiTaskBlock";
+import { AgenticUiToolUseBarBlock, ReadonlyAgenticUiToolUseBarBlock } from "./AgenticUiBlocks/AgenticUiToolUseBarBlock";
 import { Blockquote } from "./Blockquote";
 import { ReadonlyBlockquote } from "./Blockquote/ReadonlyBlockquote";
 import { Break } from "./Break";
@@ -243,6 +245,11 @@ var MElementComponent = function MElementComponent(props) {
         case 'apassify':
         case 'apaasify':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlySchema, readonlyElementProps) : /*#__PURE__*/ React.createElement(Schema, props);
+        case 'agentic-ui-task':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiTaskBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiTaskBlock, props);
+        case 'agentic-ui-toolusebar':
+        case 'agentic-ui-usertoolbar':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiToolUseBarBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiToolUseBarBlock, props);
         case 'image':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, readonlyElementProps) : /*#__PURE__*/ React.createElement(EditorImage, props);
         case 'media':

package/dist/MarkdownEditor/editor/parser/parse/parseCode.js

@@ -59,7 +59,35 @@ var NOT_SPACE_START = /^\S*/;
 var ENDING_NEWLINE = /\n$/;
 /**
  * 处理schema类型语言的辅助函数
- */ var processSchemaLanguage = function processSchemaLanguage(element, value) {
+ */ var processAgenticUiJsonBlock = function processAgenticUiJsonBlock(slateType) {
+    return function(element, value) {
+        var parsed = {};
+        try {
+            parsed = json5.parse(value || '{}');
+        } catch (unused) {
+            try {
+                parsed = partialJsonParse(value || '{}');
+            } catch (error) {
+                parsed = {
+                    _parseError: true,
+                    _raw: value
+                };
+                console.error('parse agentic-ui embed block error', error);
+            }
+        }
+        return _object_spread_props(_object_spread({}, element), {
+            type: slateType,
+            language: slateType,
+            value: parsed,
+            children: [
+                {
+                    text: value
+                }
+            ]
+        });
+    };
+};
+var processSchemaLanguage = function processSchemaLanguage(element, value) {
     var json = [];
     try {
         json = json5.parse(value || '[]');
@@ -97,7 +125,10 @@ var ENDING_NEWLINE = /\n$/;
             type: 'katex'
         });
     },
-    'agentar-card': processSchemaLanguage
+    'agentar-card': processSchemaLanguage,
+    'agentic-ui-task': processAgenticUiJsonBlock('agentic-ui-task'),
+    'agentic-ui-toolusebar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
+    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar')
 };
 /**
  * 处理代码块节点

package/dist/MarkdownEditor/editor/parser/parserSlateNodeToMarkdown.js

@@ -284,6 +284,9 @@ var inlineNode = new Set([
             break;
         case 'code':
         case 'apaasify':
+        case 'agentic-ui-task':
+        case 'agentic-ui-toolusebar':
+        case 'agentic-ui-usertoolbar':
             str += handleCode(node, preString);
             break;
         case 'attach':

package/dist/MarkdownEditor/editor/plugins/handlePaste.js

@@ -755,7 +755,10 @@ import { parseMarkdownToNodesAndInsert } from "./parseMarkdownToNodesAndInsert";
         'table',
         'code',
         'schema',
-        'apaasify'
+        'apaasify',
+        'agentic-ui-task',
+        'agentic-ui-toolusebar',
+        'agentic-ui-usertoolbar'
     ].includes(rangeNode.type);
 };
 /**

package/dist/MarkdownEditor/style.js

@@ -55,6 +55,9 @@ import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 // ── Table ──────────────────────────────────────────────────────────────────
 var TABLE_BORDER = '1px solid var(--agentic-ui-table-border-color, #E7E9E8)';
 var TABLE_RADIUS = 'var(--agentic-ui-table-border-radius, 8px)';
+var TABLE_ACTION_BUTTON_SIZE = 20;
+var TABLE_ACTION_BUTTON_GAP = '2px';
+var TABLE_ACTION_BUTTON_ICON_SIZE = 12;
 var TABLE_CELL = {
     verticalAlign: 'top',
     padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
@@ -74,8 +77,7 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
     var _obj, _obj1;
     return _obj1 = {}, _define_property(_obj1, tableCls, {
         width: '100%',
-        overflow: 'auto',
-        flex: 1,
+        maxWidth: '100%',
         minWidth: 0,
         position: 'relative',
         '&-container': _define_property({
@@ -134,20 +136,26 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
             fontWeight: 600
         })), _define_property(_obj, 'th:not(:first-child)', {
             borderLeft: TABLE_BORDER
-        }), _define_property(_obj, "td", _object_spread_props(_object_spread({}, TABLE_CELL), {
+        }), _define_property(_obj, 'td:not(.config-td)', _object_spread_props(_object_spread({}, TABLE_CELL), {
+            position: 'relative',
             borderBottom: TABLE_BORDER,
             borderLeft: TABLE_BORDER,
             'div[data-be="paragraph"]': {
                 margin: 0,
                 textWrap: 'auto'
             }
-        })), _define_property(_obj, 'td:first-child', {
+        })), _define_property(_obj, 'th.config-th, td.config-td', {
+            borderBottom: TABLE_BORDER,
+            borderLeft: TABLE_BORDER
+        }), _define_property(_obj, 'tr td.config-td:first-child', {
             borderLeft: 'none'
-        }), _define_property(_obj, 'tr:last-child td', {
+        }), _define_property(_obj, 'td:first-child:not(.config-td)', {
+            borderLeft: 'none'
+        }), _define_property(_obj, 'tr:last-child td:not(.config-td)', {
             borderBottom: 'none'
-        }), _define_property(_obj, 'tr td:first-child', {
+        }), _define_property(_obj, 'tr td:first-child:not(.config-td)', {
             fontWeight: 600
-        }), _define_property(_obj, 'tbody tr:hover', {
+        }), _define_property(_obj, 'tbody tr:not(.config-tr):hover', {
             background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, #ffffff), var(--agentic-ui-table-cell-bg, #ffffff))'
         }), _define_property(_obj, "@media (max-width: ".concat(mobileBreakpoint, ")"), {
             'th, td': {
@@ -187,12 +195,106 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
         '&:hover': {
             backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
         }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-action-buttons"), {
+        position: 'absolute',
+        top: 4,
+        left: -24,
+        zIndex: 1000,
+        alignItems: 'center',
+        flexDirection: 'column',
+        gap: TABLE_ACTION_BUTTON_GAP,
+        opacity: 0,
+        display: 'none',
+        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-action-buttons-visible"), {
+        opacity: 1,
+        display: 'flex'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-action-button"), {
+        padding: 2,
+        display: 'flex',
+        alignItems: 'center',
+        zIndex: 1000,
+        justifyContent: 'center',
+        fontSize: TABLE_ACTION_BUTTON_ICON_SIZE,
+        border: TABLE_BORDER,
+        width: TABLE_ACTION_BUTTON_SIZE,
+        height: TABLE_ACTION_BUTTON_SIZE,
+        cursor: 'pointer',
+        backgroundPosition: '50%',
+        backgroundRepeat: 'no-repeat',
+        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        borderRadius: '4px',
+        background: 'var(--color-gray-bg-card-white)',
+        boxShadow: 'var(--shadow-border-base)',
+        color: 'var(--color-gray-text-secondary)',
+        '&:hover': {
+            backgroundColor: '#FFF',
+            boxShadow: 'var(--shadow-control-lg)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-delete-icon"), {
+        '&:hover': {
+            color: '#ff4d4f'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-before"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-after"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer"), {
         cursor: 'pointer',
         backgroundColor: 'var(--color-gray-control-fill-secondary)',
         '&:hover': {
             backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
         }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons"), {
+        position: 'absolute',
+        top: -28,
+        right: '50%',
+        transform: 'translateX(50%)',
+        zIndex: 10,
+        display: 'flex',
+        alignItems: 'center',
+        gap: TABLE_ACTION_BUTTON_GAP,
+        opacity: 0,
+        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons-visible"), {
+        opacity: 1
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-button"), {
+        padding: 2,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: TABLE_ACTION_BUTTON_ICON_SIZE,
+        border: TABLE_BORDER,
+        width: TABLE_ACTION_BUTTON_SIZE,
+        height: TABLE_ACTION_BUTTON_SIZE,
+        cursor: 'pointer',
+        backgroundPosition: '50%',
+        backgroundRepeat: 'no-repeat',
+        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        borderRadius: '4px',
+        background: 'var(--color-gray-bg-card-white)',
+        boxShadow: 'var(--shadow-border-base)',
+        color: 'var(--color-gray-text-secondary)',
+        '&:hover': {
+            backgroundColor: '#FFF',
+            boxShadow: 'var(--shadow-control-lg)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-delete-icon"), {
+        '&:hover': {
+            color: '#ff4d4f'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-before"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-after"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
     }), _obj1;
 };
 var genStyle = function genStyle(token) {

package/dist/MarkdownEditor/types.d.ts

@@ -622,4 +622,9 @@ export type MarkdownEditorProps = {
      * @default 'slate'
      */
     renderMode?: RenderMode;
+    /**
+     * 与 `renderMode` 等价，兼容部分协议或查询参数命名（如 `renderType=markdown`）
+     * @description 当同时传入时，`renderMode` 优先
+     */
+    renderType?: RenderMode;
 };

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

@@ -261,8 +261,8 @@ var IMAGE_PREVIEW_CONFIG = {
 export var AttachmentFileIcon = function AttachmentFileIcon(props) {
     var _file_type;
     var file = props.file, className = props.className;
-    // 上传中状态
-    if (file.status === 'uploading') {
+    // 上传中状态（兼容 pending）
+    if (file.status === 'uploading' || file.status === 'pending') {
         return /*#__PURE__*/ React.createElement(FileUploadingSpin, null);
     }
     // 错误状态

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

@@ -17,7 +17,7 @@ import classNames from "clsx";
 import { motion } from "framer-motion";
 import React, { useContext } from "react";
 import { I18nContext } from "../../../I18n";
-import { isFileMetaPlaceholderState, kbToSize } from "../utils";
+import { isAttachmentFileLoading, isFileMetaPlaceholderState, kbToSize } from "../utils";
 import { AttachmentFileIcon, FileMetaPlaceholder } from "./AttachmentFileIcon";
 var getFileNameWithoutExtension = function getFileNameWithoutExtension(fileName) {
     return fileName.split('.').slice(0, -1).join('.');
@@ -27,7 +27,7 @@ var getFileExtension = function getFileExtension(fileName) {
 };
 var FileIcon = function FileIcon(param) {
     var file = param.file, prefixCls = param.prefixCls, hashId = param.hashId;
-    var status = file.status || 'done';
+    var status = (file.status || 'done') === 'pending' ? 'uploading' : file.status || 'done';
     var iconMap = {
         uploading: /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(prefixCls, "-uploading-icon"), hashId)
@@ -50,9 +50,10 @@ var FileSizeInfo = function FileSizeInfo(param) {
     var baseClassName = classNames("".concat(prefixCls, "-file-size"), hashId);
     var statusContentMap = {
         uploading: (locale === null || locale === void 0 ? void 0 : locale.uploading) || '上传中...',
+        pending: (locale === null || locale === void 0 ? void 0 : locale.uploading) || '上传中...',
         error: /*#__PURE__*/ React.createElement("div", {
             className: classNames(baseClassName, "".concat(prefixCls, "-file-size-error"))
-        }, (locale === null || locale === void 0 ? void 0 : locale.uploadFailed) || '上传失败'),
+        }, file.errorMessage || (locale === null || locale === void 0 ? void 0 : locale.uploadFailed) || '上传失败'),
         done: function() {
             var fileExtension = getFileExtension(file.name);
             var fileSize = file.size ? kbToSize(file.size / 1024) : '';
@@ -104,14 +105,16 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
     var file = param.file, prefixCls = param.prefixCls, hashId = param.hashId, onPreview = param.onPreview, onRetry = param.onRetry, onDelete = param.onDelete, className = param.className;
     var locale = useContext(I18nContext).locale;
     var isErrorStatus = file.status === 'error';
+    var isSizeExceededError = isErrorStatus && file.errorCode === 'FILE_SIZE_EXCEEDED';
+    var canRetry = isErrorStatus && !isSizeExceededError;
     var isDoneStatus = file.status === 'done';
-    var canDelete = file.status !== 'uploading';
+    var canDelete = !isAttachmentFileLoading(file.status);
     var handleFileClick = function handleFileClick() {
         if (!isDoneStatus) return;
         onPreview === null || onPreview === void 0 ? void 0 : onPreview(file);
     };
     var handleRetryClick = function handleRetryClick() {
-        if (!isErrorStatus) return;
+        if (!canRetry) return;
         onRetry === null || onRetry === void 0 ? void 0 : onRetry(file);
     };
     var handleDeleteClick = function handleDeleteClick(e) {
@@ -119,15 +122,15 @@ export var AttachmentFileListItem = function AttachmentFileListItem(param) {
         onDelete(file);
     };
     // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
-    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+    if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
             file: file,
             className: className
         });
     }
     return /*#__PURE__*/ React.createElement(Tooltip, {
-        title: (locale === null || locale === void 0 ? void 0 : locale.clickToRetry) || '点击重试',
-        open: isErrorStatus ? undefined : false
+        title: canRetry ? (locale === null || locale === void 0 ? void 0 : locale.clickToRetry) || '点击重试' : undefined,
+        open: canRetry ? undefined : false
     }, /*#__PURE__*/ React.createElement(motion.div, {
         variants: ANIMATION_VARIANTS,
         onClick: handleFileClick,

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -166,7 +166,7 @@ var DEFAULT_MESSAGES = {
         return "至少需要上传 ".concat(count, " 个文件");
     },
     fileSizeExceeded: function fileSizeExceeded(size) {
-        return "文件大小超过 ".concat(size, " KB");
+        return "超过 ".concat(size, " KB");
     }
 };
 var waitTime = function waitTime(ms) {
@@ -271,11 +271,12 @@ var handleUploadSuccess = function handleUploadSuccess(file, url, map, props) {
 };
 var handleUploadError = function handleUploadError(file, errorMsg, map, props) {
     file.status = 'error';
+    if (errorMsg !== null) file.errorMessage = errorMsg;
     updateFileMap(map, file, props.onFileMapChange);
 };
 var processFile = function processFile(file, index, map, props) {
     return _async_to_generator(function() {
-        var _ref, url, isSuccess, errorMsg, error, errorMessage;
+        var maxSizeKb, raw, _ref, url, isSuccess, errorMsg, error, errorMessage;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -286,6 +287,10 @@ 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);
                         return [

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

@@ -13,10 +13,14 @@ export type UploadResponse = {
 };
 export type AttachmentFile = File & {
     url?: string;
-    status?: 'error' | 'uploading' | 'done';
+    status?: 'error' | 'uploading' | 'pending' | 'done';
     uuid?: string;
     size?: number | null;
     previewUrl?: string;
+    /** 错误信息（如文件超限、上传失败等），在 status 为 error 时展示 */
+    errorMessage?: string | null;
+    /** 错误类型，如 FILE_SIZE_EXCEEDED 表示因大小超限不可重试 */
+    errorCode?: string | null;
     /** 上传响应数据（使用 uploadWithResponse 时会填充此字段） */
     uploadResponse?: UploadResponse;
 };

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

@@ -40,6 +40,13 @@ export declare const isMediaFile: (file: File) => boolean;
 /**
  * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
  */
+export declare const isAttachmentFileLoading: (status?: string | null) => boolean;
+/**
+ * 是否应该展示 FileMetaPlaceholder：
+ * - 有状态
+ * - 非 loading（uploading/pending）
+ * - 且没有可预览 URL
+ */
 export declare const isFileMetaPlaceholderState: (file: File & {
     status?: string;
     url?: string;

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -109,8 +109,16 @@ var hasVideoExtension = function hasVideoExtension(pathOrName) {
 };
 /**
  * 是否为「仅元信息占位」状态：有 status 但无 url/previewUrl，内容未拿到时整行以 FileMetaPlaceholder 风格展示
+ */ export var isAttachmentFileLoading = function isAttachmentFileLoading(status) {
+    return status === 'uploading' || status === 'pending';
+};
+/**
+ * 是否应该展示 FileMetaPlaceholder：
+ * - 有状态
+ * - 非 loading（uploading/pending）
+ * - 且没有可预览 URL
  */ export var isFileMetaPlaceholderState = function isFileMetaPlaceholderState(file) {
-    return file.status !== undefined && file.status !== null && !file.url && !file.previewUrl;
+    return file.status !== undefined && file.status !== null && !isAttachmentFileLoading(file.status) && !file.url && !file.previewUrl;
 };
 /**
  * 设备品牌匹配列表

package/dist/MarkdownInputField/FileMapView/FileMapViewItem.js

@@ -117,14 +117,14 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
     var lastDotIndex = fileName.lastIndexOf('.');
     var displayName = lastDotIndex > 0 ? fileName.slice(0, lastDotIndex) : fileName;
     var displayExtension = lastDotIndex > 0 && lastDotIndex < fileName.length - 1 ? fileName.slice(lastDotIndex + 1) : '';
-    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块
-    if (file.status !== undefined && file.status !== null && !file.url && !file.previewUrl) {
+    // 有 status 但无 url/previewUrl：文件内容未拿到，展示大小与格式占位块（loading 状态除外）
+    if (isFileMetaPlaceholderState(file)) {
         return /*#__PURE__*/ React.createElement(FileMetaPlaceholder, {
             file: file
         });
     }
     return /*#__PURE__*/ React.createElement(Tooltip, {
-        title: /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
+        title: file.status === 'error' && file.errorMessage ? /*#__PURE__*/ React.createElement("div", null, file.errorMessage) : /*#__PURE__*/ React.createElement("div", null, locale === null || locale === void 0 ? void 0 : locale.clickToPreview),
         placement: "topLeft",
         arrow: false
     }, /*#__PURE__*/ React.createElement(motion.div, {
@@ -175,7 +175,12 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
         title: file === null || file === void 0 ? void 0 : file.name
     }, displayName)), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-file-name-extension-container"), props.hashId)
-    }, /*#__PURE__*/ React.createElement("span", {
+    }, file.status === 'error' && file.errorMessage ? /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(props.prefixCls, "-file-error-msg"), props.hashId),
+        style: {
+            color: 'var(--color-red-text-secondary)'
+        }
+    }, file.errorMessage) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-file-name-extension"), props.hashId)
     }, displayExtension), /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-separator"), props.hashId)
@@ -183,7 +188,7 @@ import { isFileMetaPlaceholderState, kbToSize } from "../AttachmentButton/utils"
         className: classNames("".concat(props.prefixCls, "-file-size"), props.hashId)
     }, kbToSize(file.size / 1024)), /*#__PURE__*/ React.createElement("span", {
         className: classNames("".concat(props.prefixCls, "-separator"), props.hashId)
-    }, "|"), /*#__PURE__*/ React.createElement("div", null, (file === null || file === void 0 ? void 0 : file.lastModified) ? dayjs(file === null || file === void 0 ? void 0 : file.lastModified).format('HH:mm') : ''))), hovered ? /*#__PURE__*/ React.createElement("div", {
+    }, "|"), /*#__PURE__*/ React.createElement("div", null, (file === null || file === void 0 ? void 0 : file.lastModified) ? dayjs(file === null || file === void 0 ? void 0 : file.lastModified).format('HH:mm') : '')))), hovered ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(props.prefixCls, "-action-bar"), props.hashId)
     }, props.customSlot ? /*#__PURE__*/ React.createElement(ActionIconBox, {
         title: '更多',

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

@@ -18,6 +18,15 @@ export interface FileUploadManagerReturn {
     fileMap?: Map<string, AttachmentFile>;
     /** 文件上传是否完成 */
     fileUploadDone: boolean;
+    /** 文件上传状态 */
+    fileUploadStatus: 'uploading' | 'done' | 'error';
+    /** 文件上传状态统计 */
+    fileUploadSummary: {
+        totalCount: number;
+        doneCount: number;
+        uploadingCount: number;
+        errorCount: number;
+    };
     /** 支持的文件格式 */
     supportedFormat: SupportedFileFormatsType;
     /** 上传图片 */