@ant-design/agentic-ui 2.30.0 → 2.30.2

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/constants.d.ts

@@ -6,7 +6,8 @@ export declare const JINJA_DOLLAR_PLACEHOLDER = "\uE01A";
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。
- * 在数字与冒号间插入零宽空格 \u200B 以阻断误解析。
+ * 使用反斜杠转义冒号（remark-directive 推荐：\:port 可防止 :port 被解析为指令）。
+ * 围栏代码块与行内反引号内不处理：该处为字面量，不应出现 `\:` 污染。
  * 须在 remark-directive 解析前执行。
  */
 export declare function preprocessProtectTimeFromDirective(markdown: string): string;

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

@@ -3,18 +3,96 @@
  * 在 markdown 解析前替换，渲染与序列化时还原为 $。
  */ export var JINJA_DOLLAR_PLACEHOLDER = '\uE01A';
 /** URL 协议占位符，用于保护时间格式预处理时不影响 https:// 等 */ var URL_PROTOCOL_PLACEHOLDER = '\uE01B\uE01B';
+/** CommonMark：最多 3 个前导空白后接至少 3 个 backtick 的围栏行 */ var FENCE_DELIMITER_LINE = /^[\t \uFEFF]{0,3}`{3,}/;
+function protectLineFromDirectiveTime(markdownLine) {
+    var withProtocolProtected = markdownLine.replace(/:\/\//g, URL_PROTOCOL_PLACEHOLDER);
+    var withTimeProtected = withProtocolProtected.replace(/:(\d)/g, function(_, d) {
+        return "\\:".concat(d);
+    });
+    return withTimeProtected.replace(/\uE01B\uE01B/g, '://');
+}
+/**
+ * CommonMark 行内代码：起始与结束为等长反引号串，结束串后不得紧跟反引号（避免与更长串混淆）。
+ */ function findInlineCodeClose(line, contentStart, openCount) {
+    for(var pos = contentStart; pos < line.length; pos++){
+        if (line[pos] !== '`') continue;
+        var k = 0;
+        while(k < openCount && pos + k < line.length && line[pos + k] === '`'){
+            k++;
+        }
+        if (k !== openCount) continue;
+        if (pos + openCount < line.length && line[pos + openCount] === '`') continue;
+        return pos;
+    }
+    return -1;
+}
+/** 围栏外单行：跳过行内反引号包裹片段，仅对其余文本做 directive 时间保护 */ function protectLineOutsideInlineCode(markdownLine) {
+    var result = '';
+    var i = 0;
+    while(i < markdownLine.length){
+        if (markdownLine[i] !== '`') {
+            var next = markdownLine.indexOf('`', i);
+            if (next === -1) {
+                result += protectLineFromDirectiveTime(markdownLine.slice(i));
+                break;
+            }
+            result += protectLineFromDirectiveTime(markdownLine.slice(i, next));
+            i = next;
+            continue;
+        }
+        var blockStart = i;
+        var openCount = 0;
+        while(i < markdownLine.length && markdownLine[i] === '`'){
+            openCount++;
+            i++;
+        }
+        var contentStart = i;
+        var closePos = findInlineCodeClose(markdownLine, contentStart, openCount);
+        if (closePos === -1) {
+            result += markdownLine.slice(blockStart);
+            break;
+        }
+        var blockEnd = closePos + openCount;
+        result += markdownLine.slice(blockStart, blockEnd);
+        i = blockEnd;
+    }
+    return result;
+}
 /**
  * 保护时间格式（如 02:20:31）不被 remark-directive 误解析为 textDirective。
  * remark-directive 会将 ":20"、":31" 等解析为指令，导致 "Cannot handle unknown node textDirective"。
- * 在数字与冒号间插入零宽空格 \u200B 以阻断误解析。
+ * 使用反斜杠转义冒号（remark-directive 推荐：\:port 可防止 :port 被解析为指令）。
+ * 围栏代码块与行内反引号内不处理：该处为字面量，不应出现 `\:` 污染。
  * 须在 remark-directive 解析前执行。
  */ export function preprocessProtectTimeFromDirective(markdown) {
     if (!markdown || markdown.length === 0) return markdown;
-    var withProtocolProtected = markdown.replace(/:\/\//g, URL_PROTOCOL_PLACEHOLDER);
-    // 使用反斜杠转义冒号，阻止 ":20"、":31" 等被 remark-directive 解析为 textDirective
-    // remark-directive 官方推荐：\:port 可防止 :port 被解析为指令
-    var withTimeProtected = withProtocolProtected.replace(/:(\d)/g, function(_, d) {
-        return "\\:".concat(d);
-    });
-    return withTimeProtected.replace(/\uE01B\uE01B/g, '://');
+    var lines = markdown.split('\n');
+    var inFence = false;
+    var out = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var line = _step.value;
+            if (FENCE_DELIMITER_LINE.test(line)) {
+                inFence = !inFence;
+                out.push(line);
+                continue;
+            }
+            out.push(inFence ? line : protectLineOutsideInlineCode(line));
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return out.join('\n');
 }

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/editor/store.d.ts

@@ -3,7 +3,6 @@ import { Subject } from 'rxjs';
 import { BaseEditor, Node, NodeMatch, Path, RangeMode, Selection } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor } from 'slate-react';
-import { T } from 'vitest/dist/chunks/environment.LoooBwUu.js';
 import { FootnoteDefinitionNode } from '../el';
 import type { MarkdownEditorPlugin } from '../plugin';
 import { CommentDataType, MarkdownEditorProps } from '../types';
@@ -236,7 +235,7 @@ export declare class EditorStore {
      */
     removeNodes: (options?: {
         at?: Location;
-        match?: NodeMatch<T>;
+        match?: NodeMatch<Node>;
         mode?: RangeMode;
         hanging?: boolean;
         voids?: boolean;

package/dist/MarkdownEditor/editor/tools/ToolBar/components/ToolBarItem.js

@@ -15,9 +15,7 @@ export var ToolBarItem = /*#__PURE__*/ React.memo(function(param) {
     }, [
         onMouseDown
     ]);
-    return /*#__PURE__*/ React.createElement(Tooltip, {
-        title: title
-    }, /*#__PURE__*/ React.createElement("div", {
+    var content = /*#__PURE__*/ React.createElement("div", {
         role: role,
         className: className,
         style: style,
@@ -25,6 +23,10 @@ export var ToolBarItem = /*#__PURE__*/ React.memo(function(param) {
         onMouseDown: handleMouseDown,
         onMouseEnter: onMouseEnter,
         tabIndex: tabIndex
-    }, children || icon));
+    }, children || icon);
+    // 仅在有 title 时使用 Tooltip，避免 rc-resize-observer 的 findDOMNode 弃用警告
+    return title ? /*#__PURE__*/ React.createElement(Tooltip, {
+        title: title
+    }, content) : content;
 });
 ToolBarItem.displayName = 'ToolBarItem';

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,