@ant-design/agentic-ui 2.29.49 → 2.29.53

package/dist/Bubble/List/PureBubbleList.d.ts

@@ -79,5 +79,5 @@ export interface PureBubbleListProps {
         shouldLazyLoad?: (index: number, total: number) => boolean;
     };
 }
-export declare const PureBubbleList: React.FC<PureBubbleListProps>;
+export declare const PureBubbleList: React.NamedExoticComponent<PureBubbleListProps>;
 export default PureBubbleList;

package/dist/Bubble/List/PureBubbleList.js

@@ -61,7 +61,7 @@ import { BubbleConfigContext } from "../BubbleConfigProvide";
 import { LOADING_FLAT } from "../MessagesContent";
 import { PureAIBubble, PureUserBubble } from "../PureBubble";
 import { useStyle } from "./style";
-export var PureBubbleList = function PureBubbleList(props) {
+export var PureBubbleList = /*#__PURE__*/ React.memo(function(props) {
     var bubbleList = props.bubbleList, bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, classNames = props.classNames, docListProps = props.docListProps, isLoading = props.isLoading, markdownRenderConfig = props.markdownRenderConfig, onAvatarClick = props.onAvatarClick, onCancelLike = props.onCancelLike, onLikeCancel = props.onLikeCancel, onDisLike = props.onDisLike, onDislike = props.onDislike, onDoubleClick = props.onDoubleClick, onLike = props.onLike, onReply = props.onReply, onScroll = props.onScroll, onTouchMove = props.onTouchMove, onWheel = props.onWheel, shouldShowCopy = props.shouldShowCopy, shouldShowVoice = props.shouldShowVoice, style = props.style, styles = props.styles, userMeta = props.userMeta, assistantMeta = props.assistantMeta;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var compact = (useContext(BubbleConfigContext) || {}).compact;
@@ -72,7 +72,7 @@ export var PureBubbleList = function PureBubbleList(props) {
             props.style
         ];
     }, [
-        JSON.stringify(props.style)
+        props.style
     ]);
     // 为 loading 项生成唯一的 key，使用 ref 缓存以确保稳定性
     var loadingKeysRef = useRef(new Map());
@@ -84,8 +84,10 @@ export var PureBubbleList = function PureBubbleList(props) {
             var placement = item.role === 'user' ? 'right' : 'left';
             var BubbleComponent = placement === 'right' ? PureUserBubble : PureAIBubble;
             var isLast = index === bubbleList.length - 1;
-            item.isLatest = isLast;
-            item.isLast = isLast;
+            var originDataWithFlags = _object_spread_props(_object_spread({}, item), {
+                isLatest: isLast,
+                isLast: isLast
+            });
             // 如果 id 是 LOADING_FLAT，使用 uuid 作为 key
             // 使用 index 和 createAt 的组合作为缓存 key，确保同一项在重新渲染时保持相同的 key
             var itemKey = item.id;
@@ -103,7 +105,7 @@ export var PureBubbleList = function PureBubbleList(props) {
                 preMessage: bubbleList[index - 1],
                 id: item.id,
                 style: _object_spread({}, styles === null || styles === void 0 ? void 0 : styles.bubbleListItemStyle),
-                originData: item,
+                originData: originDataWithFlags,
                 placement: placement,
                 time: item.updateAt || item.createAt,
                 deps: deps,
@@ -188,5 +190,6 @@ export var PureBubbleList = function PureBubbleList(props) {
             return onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(event, (bubbleListRef === null || bubbleListRef === void 0 ? void 0 : bubbleListRef.current) || null);
         }
     }, listDom));
-};
+});
+PureBubbleList.displayName = 'PureBubbleList';
 export default PureBubbleList;

package/dist/Bubble/MessagesContent/index.js

@@ -363,7 +363,7 @@ export var LOADING_FLAT = '...';
         (_props_originData4 = props.originData) === null || _props_originData4 === void 0 ? void 0 : _props_originData4.isLast,
         contentAfterDom
     ]);
-    var memo = useMemo(function() {
+    var messageContent = useMemo(function() {
         var _props_originData, _props_bubbleRenderConfig, _props_bubbleRenderConfig1, _props_bubbleRenderConfig2, _props_bubbleRenderConfig3, _props_bubbleRenderConfig_extraRender, _props_bubbleRenderConfig4, _props_originData_extra_tags_includes, _props_originData_extra_tags, _props_originData_extra, _props_originData1, _props_originData2, _props_originData_extra1, _props_originData3, _props_originData_extra2, _props_originData4, _props_originData5, _props_originData_extra3, _props_originData6, _props_docListProps, _props_originData7, _props_markdownRenderConfig, _props_originData8, _props_originData9, _props_originData10;
         if (content === LOADING_FLAT || !((_props_originData = props.originData) === null || _props_originData === void 0 ? void 0 : _props_originData.isFinished) && !content) {
             var _context_thoughtChain;
@@ -649,5 +649,5 @@ export var LOADING_FLAT = '...';
         (_props_bubbleRenderConfig2 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig2 === void 0 ? void 0 : _props_bubbleRenderConfig2.beforeMessageRender,
         (_props_bubbleRenderConfig3 = props.bubbleRenderConfig) === null || _props_bubbleRenderConfig3 === void 0 ? void 0 : _props_bubbleRenderConfig3.afterMessageRender
     ]);
-    return memo;
+    return messageContent;
 };

package/dist/Constants/mobile.d.ts

@@ -6,7 +6,7 @@
 export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 5;
 /** 编辑模式表格：列数 >= 此值时才计算并渲染 data col 元素，否则仅渲染行号列 */
 export declare const TABLE_EDIT_COL_WIDTH_MIN_COLUMNS = 3;
-/** 表格默认列宽 (px)，与 style.ts 中 --table-cell-min-width (120px) 保持一致 */
+/** 表格默认列宽 (px)，与 style.ts 中 --agentic-ui-table-cell-min-width (120px) 保持一致 */
 export declare const TABLE_DEFAULT_COL_WIDTH = 120;
 /** 表格最后一列最小宽度 (px)，弹性列用于吸收剩余空间 */
 export declare const TABLE_LAST_COL_MIN_WIDTH = 80;

package/dist/Constants/mobile.js

@@ -8,7 +8,7 @@ var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
  * - 列数 >= 5：使用 TABLE_DEFAULT_COL_WIDTH 固定宽度
  */ export var TABLE_COL_WIDTH_MIN_COLUMNS = 5;
 /** 编辑模式表格：列数 >= 此值时才计算并渲染 data col 元素，否则仅渲染行号列 */ export var TABLE_EDIT_COL_WIDTH_MIN_COLUMNS = 3;
-/** 表格默认列宽 (px)，与 style.ts 中 --table-cell-min-width (120px) 保持一致 */ export var TABLE_DEFAULT_COL_WIDTH = 120;
+/** 表格默认列宽 (px)，与 style.ts 中 --agentic-ui-table-cell-min-width (120px) 保持一致 */ export var TABLE_DEFAULT_COL_WIDTH = 120;
 /** 表格最后一列最小宽度 (px)，弹性列用于吸收剩余空间 */ export var TABLE_LAST_COL_MIN_WIDTH = 80;
 export var MOBILE_PADDING = "clamp(".concat(MOBILE_PADDING_MIN, ", ").concat(MOBILE_PADDING_SCALE, ", ").concat(MOBILE_PADDING_MAX, ")");
 export var MOBILE_BREAKPOINT = '768px';

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -461,7 +461,7 @@ var I18nBoundary = function I18nBoundary(param) {
         style: _object_spread({
             height: !readonly && (toolBar === null || toolBar === void 0 ? void 0 : toolBar.enable) ? "calc(100% - 56px)" : '100%'
         }, (contentStyle === null || contentStyle === void 0 ? void 0 : contentStyle.padding) !== undefined ? {
-            '--content-padding': "".concat(typeof contentStyle.padding === 'number' ? "".concat(contentStyle.padding, "px") : contentStyle.padding),
+            '--agentic-ui-content-padding': "".concat(typeof contentStyle.padding === 'number' ? "".concat(contentStyle.padding, "px") : contentStyle.padding),
             padding: contentStyle.padding
         } : {}, contentStyle),
         ref: function ref(dom) {

package/dist/MarkdownEditor/editor/Editor.js

@@ -874,6 +874,28 @@ var defaultAllowedTypes = [
                             2
                         ];
                         selection = markdownEditorRef.current.selection;
+                        // plainTextOnly 时仅插入纯文本，不做 HTML/Markdown/链接解析
+                        if (pasteConfig === null || pasteConfig === void 0 ? void 0 : pasteConfig.plainTextOnly) {
+                            if (selection) {
+                                Transforms.insertText(markdownEditorRef.current, text1, {
+                                    at: selection
+                                });
+                            } else {
+                                Transforms.insertNodes(markdownEditorRef.current, [
+                                    {
+                                        type: 'paragraph',
+                                        children: [
+                                            {
+                                                text: text1
+                                            }
+                                        ]
+                                    }
+                                ]);
+                            }
+                            return [
+                                2
+                            ];
+                        }
                         // 如果是表格或者代码块，直接插入文本
                         if (shouldInsertTextDirectly(markdownEditorRef.current, selection)) {
                             Transforms.insertText(markdownEditorRef.current, text1);

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.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();
 }
@@ -81,7 +96,7 @@ import { useReadonlyTableColWidths } from "./utils/useReadonlyTableColWidths";
         download: 'csv',
         fullScreen: 'modal',
         copy: 'md'
-    } : _ref_actions;
+    } : _ref_actions, tableCssVariables = _ref.cssVariables;
     var tableTargetRef = useRef(null);
     var containerRef = useRef(null);
     var modelTargetRef = useRef(null);
@@ -172,7 +187,8 @@ import { useReadonlyTableColWidths } from "./utils/useReadonlyTableColWidths";
     ]);
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
         ref: containerRef,
-        className: classNames(baseCls)
+        className: classNames(baseCls),
+        style: tableCssVariables
     }, tableDom), popoverContent, previewOpen && /*#__PURE__*/ React.createElement(Modal, {
         title: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.previewTitle) || (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.previewTable) || '预览表格',
         open: previewOpen,
@@ -189,12 +205,12 @@ import { useReadonlyTableColWidths } from "./utils/useReadonlyTableColWidths";
         }
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, getPrefixCls('agentic-md-editor-content')),
-        style: {
+        style: _object_spread({
             flex: 1,
             minWidth: 0,
             overflow: 'auto',
             width: 'calc(80vw - 64px)'
-        },
+        }, tableCssVariables),
         ref: modelTargetRef,
         onMouseDown: function onMouseDown(e) {
             e.preventDefault();

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

@@ -185,8 +185,9 @@ import useScrollShadow from "./useScrollShadow";
     var children = _0.children, props = _object_without_properties(_0, [
         "children"
     ]);
-    var _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
-    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var _editorProps_tableConfig, _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
+    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, editorProps = _useEditorStore.editorProps;
+    var tableCssVariables = editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.cssVariables;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
@@ -341,9 +342,9 @@ import useScrollShadow from "./useScrollShadow";
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls),
         ref: tableRef,
-        style: _object_spread_props(_object_spread({}, boxShadowStyle), {
+        style: _object_spread(_object_spread_props(_object_spread({}, boxShadowStyle), {
             position: 'relative'
-        }),
+        }), tableCssVariables),
         onDragStart: function onDragStart(e) {
             // 阻止拖拽开始时的文字选择
             e.preventDefault();

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

@@ -1,4 +1,8 @@
 import { Node, Path, Transforms } from "slate";
+import { Text } from "slate";
+/**
+ * 连续空格跳出链接的阈值（输入第二个空格时跳出 data-url）
+ */ var SPACES_TO_EXIT_LINK = 2;
 /**
  * 处理链接卡片和媒体相关节点的操作
  *
@@ -10,8 +14,32 @@ import { Node, Path, Transforms } from "slate";
  * 处理以下链接和媒体相关操作:
  * - 拆分链接卡片或媒体节点 (split_node)
  * - 删除链接卡片内的节点 (remove_node)
+ * - 链接内连续输入两个空格时跳出链接 (insert_text)
  */ var handleLinkAndMediaOperation = function handleLinkAndMediaOperation(editor, operation) {
     var _operation_properties, _operation_properties1;
+    if (operation.type === 'insert_text' && /^\s+$/.test(operation.text)) {
+        var currentNode = Node.get(editor, operation.path);
+        if (Text.isText(currentNode) && (currentNode === null || currentNode === void 0 ? void 0 : currentNode.url)) {
+            var _ref, _operation_offset, _ref1;
+            var _editor_selection_anchor, _editor_selection, _textAfterInsert_match_, _textAfterInsert_match;
+            var text = currentNode.text || '';
+            var offset = (_ref = (_operation_offset = operation.offset) !== null && _operation_offset !== void 0 ? _operation_offset : (_editor_selection = editor.selection) === null || _editor_selection === void 0 ? void 0 : (_editor_selection_anchor = _editor_selection.anchor) === null || _editor_selection_anchor === void 0 ? void 0 : _editor_selection_anchor.offset) !== null && _ref !== void 0 ? _ref : 0;
+            var isAtEnd = offset >= text.length;
+            var textAfterInsert = text.slice(0, offset) + operation.text;
+            var trailingSpaces = (_ref1 = (_textAfterInsert_match = textAfterInsert.match(/\s*$/)) === null || _textAfterInsert_match === void 0 ? void 0 : (_textAfterInsert_match_ = _textAfterInsert_match[0]) === null || _textAfterInsert_match_ === void 0 ? void 0 : _textAfterInsert_match_.length) !== null && _ref1 !== void 0 ? _ref1 : 0;
+            if (isAtEnd && trailingSpaces >= SPACES_TO_EXIT_LINK) {
+                Transforms.insertNodes(editor, [
+                    {
+                        text: operation.text
+                    }
+                ], {
+                    at: Path.next(operation.path),
+                    select: true
+                });
+                return true;
+            }
+        }
+    }
     if (operation.type === 'split_node' && (((_operation_properties = operation.properties) === null || _operation_properties === void 0 ? void 0 : _operation_properties.type) === 'link-card' || ((_operation_properties1 = operation.properties) === null || _operation_properties1 === void 0 ? void 0 : _operation_properties1.type) === 'media')) {
         var node = Node.get(editor, operation.path);
         if ([

package/dist/MarkdownEditor/editor/style.js

@@ -55,19 +55,19 @@ import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
 import "./code.css";
 // 导入统一的标签样式配置
 import { TAG_STYLES } from "./tagStyles";
-var COMMENT_HIGHLIGHT_COLOR = 'var(--agentic-comment-highlight-color, rgba(21, 0, 255, 0.15))';
+var COMMENT_HIGHLIGHT_COLOR = 'var(--agentic-ui-comment-highlight-color, rgba(21, 0, 255, 0.15))';
 /** Jinja 语法高亮 CSS 变量名，在 .ant-agentic-md-editor-content 上覆盖即可定制 */ var JINJA_CSS_VAR = {
-    variable: '--agentic-md-editor-color-jinja-variable',
-    tag: '--agentic-md-editor-color-jinja-tag',
-    comment: '--agentic-md-editor-color-jinja-comment',
-    keyword: '--agentic-md-editor-color-jinja-keyword',
-    string: '--agentic-md-editor-color-jinja-string',
-    number: '--agentic-md-editor-color-jinja-number',
-    filter: '--agentic-md-editor-color-jinja-filter',
-    variableName: '--agentic-md-editor-color-jinja-variable-name',
-    placeholder: '--agentic-md-editor-color-jinja-placeholder',
-    placeholderBg: '--agentic-md-editor-color-jinja-placeholder-bg',
-    delimiter: '--agentic-md-editor-color-jinja-delimiter'
+    variable: '--agentic-ui-md-editor-color-jinja-variable',
+    tag: '--agentic-ui-md-editor-color-jinja-tag',
+    comment: '--agentic-ui-md-editor-color-jinja-comment',
+    keyword: '--agentic-ui-md-editor-color-jinja-keyword',
+    string: '--agentic-ui-md-editor-color-jinja-string',
+    number: '--agentic-ui-md-editor-color-jinja-number',
+    filter: '--agentic-ui-md-editor-color-jinja-filter',
+    variableName: '--agentic-ui-md-editor-color-jinja-variable-name',
+    placeholder: '--agentic-ui-md-editor-color-jinja-placeholder',
+    placeholderBg: '--agentic-ui-md-editor-color-jinja-placeholder-bg',
+    delimiter: '--agentic-ui-md-editor-color-jinja-delimiter'
 };
 var genStyle = function genStyle(token) {
     var _obj, _obj1;

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

@@ -69,7 +69,15 @@ var rSpecial = /[\s~`!@#$%^&*()\-_+=[\]{}|\\;:"'<>,.?/]+/g;
         if (alt.startsWith('attachment:')) return 'attachment';
     }
     name = name || '';
-    if (name === null || name === void 0 ? void 0 : (_name_startsWith = name.startsWith) === null || _name_startsWith === void 0 ? void 0 : _name_startsWith.call(name, 'data:')) return 'image';
+    if (name === null || name === void 0 ? void 0 : (_name_startsWith = name.startsWith) === null || _name_startsWith === void 0 ? void 0 : _name_startsWith.call(name, 'data:')) {
+        var _mimeMatch_;
+        var mimeMatch = name.match(/^data:([^/]+)\/[^;]+/);
+        var mainType = mimeMatch === null || mimeMatch === void 0 ? void 0 : (_mimeMatch_ = mimeMatch[1]) === null || _mimeMatch_ === void 0 ? void 0 : _mimeMatch_.toLowerCase();
+        if (mainType === 'image') return 'image';
+        if (mainType === 'video') return 'video';
+        if (mainType === 'audio') return 'audio';
+        return 'other';
+    }
     var originName = name.split('?')[0];
     var ext = (_originName_toLowerCase_match = originName.toLowerCase().match(/\.\w+$/)) === null || _originName_toLowerCase_match === void 0 ? void 0 : _originName_toLowerCase_match[0];
     if (!ext && originName !== name) return 'image';

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

@@ -156,7 +156,7 @@ import { ReactEditor } from "slate-react";
 import { getMediaType } from "./dom";
 export var getRemoteMediaType = function getRemoteMediaType(url) {
     return _async_to_generator(function() {
-        var m, type, contentType, controller, res, e;
+        var _mimeMatch_, mimeMatch, mainType, type, contentType, controller, res, e;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -169,10 +169,20 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
                         'other'
                     ];
                     if (url.startsWith('data:')) {
-                        m = url.match(/data:image\/(\w+);base64,(.*)/);
-                        if (m) return [
+                        ;
+                        mimeMatch = url.match(/^data:([^/]+)\/[^;]+/);
+                        mainType = mimeMatch === null || mimeMatch === void 0 ? void 0 : (_mimeMatch_ = mimeMatch[1]) === null || _mimeMatch_ === void 0 ? void 0 : _mimeMatch_.toLowerCase();
+                        if (mainType === 'image') return [
+                            2,
+                            'image'
+                        ];
+                        if (mainType === 'video') return [
+                            2,
+                            'video'
+                        ];
+                        if (mainType === 'audio') return [
                             2,
-                            m[1]
+                            'audio'
                         ];
                         return [
                             2,
@@ -230,7 +240,7 @@ export var getRemoteMediaType = function getRemoteMediaType(url) {
 };
 export var convertRemoteImages = function convertRemoteImages(node, store) {
     return _async_to_generator(function() {
-        var _store_editor, schema, stack, _item_children, item, _item_url, _item_url1, ext, m, _stack;
+        var _store_editor, schema, stack, _item_children, item, _item_url, _item_url1, ext, dataUrlType, _stack;
         return _ts_generator(this, function(_state) {
             schema = (store === null || store === void 0 ? void 0 : (_store_editor = store.editor) === null || _store_editor === void 0 ? void 0 : _store_editor.children) || [];
             if (schema) {
@@ -254,8 +264,8 @@ export var convertRemoteImages = function convertRemoteImages(node, store) {
                                 }
                             }
                         } else if (item === null || item === void 0 ? void 0 : (_item_url1 = item.url) === null || _item_url1 === void 0 ? void 0 : _item_url1.startsWith('data:')) {
-                            m = item === null || item === void 0 ? void 0 : item.url.match(/data:image\/(\w+);base64,(.*)/);
-                            if (m) {
+                            dataUrlType = getMediaType(item === null || item === void 0 ? void 0 : item.url);
+                            if (dataUrlType === 'image' || dataUrlType === 'video' || dataUrlType === 'audio') {
                                 try {
                                     Transforms.setNodes(store === null || store === void 0 ? void 0 : store.editor, {
                                         url: item === null || item === void 0 ? void 0 : item.url

package/dist/MarkdownEditor/style.js

@@ -101,14 +101,14 @@ var genStyle = function genStyle(token) {
         '&-container': _define_property({
             // 默认 padding，可以通过 contentStyle 覆盖
             // 使用 CSS 变量，允许通过内联样式覆盖
-            padding: 'var(--content-padding, 4px 20px)',
+            padding: 'var(--agentic-ui-content-padding, 4px 20px)',
             overflow: 'auto',
             display: 'flex',
             position: 'relative',
             gap: 24,
             outline: 'none'
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
-            padding: 'var(--content-padding, 4px 4px)'
+            padding: 'var(--agentic-ui-content-padding, 4px 4px)'
         }),
         '&-content': {},
         '&-focus': {
@@ -365,18 +365,17 @@ var genStyle = function genStyle(token) {
             }
         }
     }), // --- Table ---
+    // 表格样式使用 CSS 变量 + fallback，支持通过父级 style 或 ConfigProvider 覆盖：
+    // --agentic-ui-table-border-radius, --agentic-ui-table-border-color,
+    // --agentic-ui-table-header-bg, --agentic-ui-table-hover-bg,
+    // --agentic-ui-table-cell-bg, --agentic-ui-table-cell-min-width,
+    // --agentic-ui-table-cell-padding
     _define_property(_obj2, "".concat(token.componentCls, "-content-table"), {
         width: '100%',
         overflow: 'auto',
         flex: 1,
         minWidth: 0,
         position: 'relative',
-        '--table-border-radius': '8px',
-        '--table-border-color': '#E7E9E8',
-        '--table-header-bg': '#f7f7f9',
-        '--table-odd-row-bg': 'rgba(35,35,38,.04)',
-        '--table-hover-bg': 'rgba(0, 0, 0, 0.04)',
-        '--table-cell-min-width': '120px',
         '&-container': _define_property({
             display: 'flex',
             gap: 1,
@@ -419,14 +418,14 @@ var genStyle = function genStyle(token) {
         }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-table"), {
             width: '100%',
             minWidth: 'max-content'
-        }), _define_property(_obj1, "position", 'relative'), _define_property(_obj1, "fontVariant", 'tabular-nums'), _define_property(_obj1, "borderRadius", 'var(--table-border-radius)'), _define_property(_obj1, "border", '1px solid var(--table-border-color)'), _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
+        }), _define_property(_obj1, "position", 'relative'), _define_property(_obj1, "fontVariant", 'tabular-nums'), _define_property(_obj1, "borderRadius", 'var(--agentic-ui-table-border-radius, 8px)'), _define_property(_obj1, "border", '1px solid var(--agentic-ui-table-border-color, #E7E9E8)'), _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
             border: 'none',
             borderRadius: 'none',
             'tr:not(.config-tr) td:not(.config-td)': {
                 borderLeft: 'none'
             },
             'tr:not(.config-tr):last-child td:not(.config-td)': {
-                borderBottom: '1px solid var(--table-border-color)'
+                borderBottom: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)'
             },
             'tr:not(.config-tr):first-child th:first-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):first-child td:first-child:not(.config-td):not([colspan]):not([rowspan])': {
                 borderTopLeftRadius: 'unset'
@@ -441,23 +440,23 @@ var genStyle = function genStyle(token) {
                 borderBottomRightRadius: 'unset'
             }
         }), _define_property(_obj1, 'th.config-th,td.config-td', {
-            borderBottom: '1px solid var(--table-border-color)',
-            borderLeft: '1px solid var(--table-border-color)'
+            borderBottom: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
+            borderLeft: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)'
         }), _define_property(_obj1, 'tr td.config-td:first-child', {
             borderLeft: 'none'
         }), _define_property(_obj1, 'th:not(.config-td)', {
-            backgroundColor: 'var(--table-header-bg)',
-            borderBottom: '1px solid var(--table-border-color)',
+            backgroundColor: 'var(--agentic-ui-table-header-bg, #f7f7f9)',
+            borderBottom: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
             textWrap: 'nowrap',
             verticalAlign: 'top',
-            padding: 'var(--table-cell-padding, 16px 12px)',
+            padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
             textAlign: 'left',
             lineHeight: '24px',
             fontSize: '1em',
             fontWeight: 600,
             borderTop: 'none',
-            minWidth: 'var(--table-cell-min-width)',
-            width: 'var(--table-cell-min-width)',
+            minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
+            width: 'var(--agentic-ui-table-cell-min-width, 120px)',
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
@@ -465,13 +464,13 @@ var genStyle = function genStyle(token) {
             background: 'inherit'
         }), _define_property(_obj1, 'td:not(.config-td)', {
             verticalAlign: 'top',
-            padding: 'var(--table-cell-padding, 16px 12px)',
+            padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
             textAlign: 'left',
             position: 'relative',
             lineHeight: '24px',
             fontSize: '1em',
-            minWidth: 'var(--table-cell-min-width)',
-            width: 'var(--table-cell-min-width)',
+            minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
+            width: 'var(--agentic-ui-table-cell-min-width, 120px)',
             whiteSpace: 'nowrap',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
@@ -487,8 +486,8 @@ var genStyle = function genStyle(token) {
                 borderTop: 'none'
             },
             'td:not(.config-td)': {
-                borderBottom: '1px solid var(--table-border-color)',
-                borderLeft: '1px solid var(--table-border-color)',
+                borderBottom: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
+                borderLeft: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
                 '&:first-child': {
                     fontSize: '1em',
                     lineHeight: '24px',
@@ -502,32 +501,32 @@ var genStyle = function genStyle(token) {
                 borderBottom: 'none'
             }
         }), _define_property(_obj1, 'tbody tr:not(.config-tr):hover', {
-            background: 'linear-gradient(var(--table-hover-bg), var(--table-hover-bg)), linear-gradient(white, white)'
+            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(_obj1, 'th:not(.config-td), td:not(.config-td)', {
             borderRadius: '0'
         }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:first-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):first-child td:first-child:not(.config-td):not([colspan]):not([rowspan])', {
-            borderTopLeftRadius: 'var(--table-border-radius)'
+            borderTopLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):first-child td:last-child:not(.config-td):not([colspan]):not([rowspan])', {
-            borderTopRightRadius: 'var(--table-border-radius)'
+            borderTopRightRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:first-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:first-child:not(.config-td):not([colspan]):not([rowspan])', {
-            borderBottomLeftRadius: 'var(--table-border-radius)'
+            borderBottomLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:last-child:not(.config-td):not([colspan]):not([rowspan])', {
-            borderBottomRightRadius: 'var(--table-border-radius)'
+            borderBottomRightRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), // 处理合并单元格的圆角
         _define_property(_obj1, 'tr:not(.config-tr):first-child th:not(.config-td)[colspan]:first-child, tr:not(.config-tr):first-child td:not(.config-td)[colspan]:first-child,tr:not(.config-tr):first-child th:not(.config-td)[rowspan]:first-child, tr:not(.config-tr):first-child td:not(.config-td)[rowspan]:first-child', {
-            borderTopLeftRadius: 'var(--table-border-radius)'
+            borderTopLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:not(.config-td)[colspan]:last-child, tr:not(.config-tr):first-child td:not(.config-td)[colspan]:last-child,tr:not(.config-tr):first-child th:not(.config-td)[rowspan]:last-child, tr:not(.config-tr):first-child td:not(.config-td)[rowspan]:last-child', {
-            borderTopRightRadius: 'var(--table-border-radius)'
+            borderTopRightRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:not(.config-td)[colspan]:first-child, tr:not(.config-tr):last-child th:not(.config-td)[colspan]:first-child,tr:not(.config-tr):last-child td:not(.config-td)[rowspan]:first-child, tr:not(.config-tr):last-child th:not(.config-td)[rowspan]:first-child', {
-            borderBottomLeftRadius: 'var(--table-border-radius)'
+            borderBottomLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:not(.config-td)[colspan]:last-child, tr:not(.config-tr):last-child th:not(.config-td)[colspan]:last-child,tr:not(.config-tr):last-child td:not(.config-td)[rowspan]:last-child, tr:not(.config-tr):last-child th:not(.config-td)[rowspan]:last-child', {
-            borderBottomRightRadius: 'var(--table-border-radius)'
+            borderBottomRightRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'tr:not(.config-tr):first-child:last-child th:not(.config-td)[colspan]:first-child:last-child, tr:not(.config-tr):first-child:last-child td:not(.config-td)[colspan]:first-child:last-child', {
-            borderRadius: 'var(--table-border-radius)'
+            borderRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, 'th:not(.config-td)[rowspan]:first-child:last-child, td:not(.config-td)[rowspan]:first-child:last-child', {
-            borderTopLeftRadius: 'var(--table-border-radius)',
-            borderBottomLeftRadius: 'var(--table-border-radius)'
+            borderTopLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)',
+            borderBottomLeftRadius: 'var(--agentic-ui-table-border-radius, 8px)'
         }), _define_property(_obj1, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             'th:not(.config-td), td:not(.config-td)': {
                 padding: "".concat(MOBILE_PADDING)
@@ -597,7 +596,7 @@ var genStyle = function genStyle(token) {
         zIndex: 1000,
         justifyContent: 'center',
         fontSize: 12,
-        border: '1px solid var(--table-border-color)',
+        border: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
         width: '20px',
         height: '20px',
         cursor: 'pointer',
@@ -651,7 +650,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         justifyContent: 'center',
         fontSize: 12,
-        border: '1px solid var(--table-border-color)',
+        border: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
         width: '20px',
         height: '20px',
         cursor: 'pointer',

package/dist/MarkdownEditor/types.d.ts

@@ -337,10 +337,20 @@ export type MarkdownEditorProps = {
     };
     /**
      * 样式
+     * @description 支持通过 CSS 变量自定义表格等渲染样式，可覆盖的变量包括：
+     * - `--agentic-ui-table-border-radius` 表格圆角，默认 8px
+     * - `--agentic-ui-table-border-color` 表格边框颜色，默认 #E7E9E8
+     * - `--agentic-ui-table-header-bg` 表头背景色，默认 #f7f7f9
+     * - `--agentic-ui-table-hover-bg` 行悬停背景色，默认 rgba(0,0,0,0.04)
+     * - `--agentic-ui-table-cell-bg` 单元格背景色，默认 #ffffff
+     * - `--agentic-ui-table-cell-min-width` 单元格最小宽度，默认 120px
+     * - `--agentic-ui-table-cell-padding` 单元格内边距，默认 16px 12px
+     * @example style={{ ['--agentic-ui-table-border-color']: '#ddd', ['--agentic-ui-table-header-bg']: '#f0f0f0' } as React.CSSProperties}
      */
     style?: React.CSSProperties;
     /**
      * 内容样式
+     * @description 支持 `--agentic-ui-content-padding` 等 CSS 变量
      */
     contentStyle?: React.CSSProperties;
     /**
@@ -363,6 +373,20 @@ export type MarkdownEditorProps = {
         };
         pure?: boolean;
         previewTitle?: string;
+        /**
+         * 表格 CSS 变量覆盖，支持通过配置自定义表格样式
+         * @example
+         * ```tsx
+         * tableConfig={{
+         *   cssVariables: {
+         *     '--agentic-ui-table-border-color': '#d9d9d9',
+         *     '--agentic-ui-table-header-bg': '#fafafa',
+         *     '--agentic-ui-table-cell-min-width': '150px',
+         *   },
+         * }}
+         * ```
+         */
+        cssVariables?: Record<`--${string}`, string>;
     };
     /**
      * 粘贴配置
@@ -370,6 +394,11 @@ export type MarkdownEditorProps = {
     pasteConfig?: {
         enabled?: boolean;
         allowedTypes?: string[];
+        /**
+         * 仅插入纯文本，不解析 HTML/Markdown/链接等
+         * @default false
+         */
+        plainTextOnly?: boolean;
     };
     /**
      * Jinja 配置：语法高亮与模板面板（输入 `{}` 触发）

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -97,7 +97,10 @@ export var SupportedFileFormats = {
             'jpg',
             'jpeg',
             'png',
-            'gif'
+            'gif',
+            'bmp',
+            'webp',
+            'svg'
         ]
     },
     document: {

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileIcon.d.ts

@@ -1,5 +1,11 @@
 import React from 'react';
 import { AttachmentFile } from '../types';
+/** 无 url/previewUrl 时展示文件大小与格式的占位块（内容未拿到） */
+export declare const FileMetaPlaceholder: React.FC<{
+    file: AttachmentFile;
+    className?: string;
+    style?: React.CSSProperties;
+}>;
 export declare const AttachmentFileIcon: React.FC<{
     file: AttachmentFile;
     className: string;