@ant-design/agentic-ui 2.29.48 → 2.29.52

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

@@ -0,0 +1,186 @@
+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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+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 { Node } from "slate";
+import stringWidth from "string-width";
+import { TABLE_DEFAULT_COL_WIDTH, TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../../Constants/mobile";
+var SMART_SAMPLE_ROWS = 5;
+var SMART_CELL_PADDING = 28; // 20 基础内边距 + 8 数字等字符宽度补偿
+var SMART_FONT = '14px sans-serif';
+var CHAR_WIDTH_PX = 12;
+var WORD_SPLIT = /[\s\u4e00-\u9fa5]/;
+function getTableRows(element) {
+    return element.children.flatMap(function(node) {
+        return node.type === 'table-row' ? [
+            node
+        ] : 'children' in node ? node.children : [];
+    });
+}
+function getSampledCellTexts(element, columnCount, maxRows) {
+    return getTableRows(element).slice(0, maxRows).map(function(row) {
+        return Array.from({
+            length: columnCount
+        }, function(_, i) {
+            var _row_children;
+            var cell = (_row_children = row.children) === null || _row_children === void 0 ? void 0 : _row_children[i];
+            return cell && (typeof cell === "undefined" ? "undefined" : _type_of(cell)) === 'object' && 'children' in cell ? Node.string(cell) : '';
+        });
+    });
+}
+function createMeasureContext() {
+    if (typeof document === 'undefined') return null;
+    var ctx = document.createElement('canvas').getContext('2d');
+    if (!ctx) return null;
+    ctx.font = SMART_FONT;
+    return ctx;
+}
+function measureText(ctx, text, pad) {
+    return text === null || text === undefined ? pad : ctx.measureText(String(text)).width + pad;
+}
+function getColumnMetrics(grid, col, ctx, pad) {
+    var maxW = 0;
+    var minW = 0;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = grid[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var row = _step.value;
+            var _Math;
+            var _row_col;
+            var cellText = (_row_col = row[col]) !== null && _row_col !== void 0 ? _row_col : '';
+            var full = measureText(ctx, cellText, pad);
+            var words = cellText.split(WORD_SPLIT).filter(Boolean);
+            var longest = words.length ? (_Math = Math).max.apply(_Math, _to_consumable_array(words.map(function(w) {
+                return measureText(ctx, w, pad);
+            }))) : measureText(ctx, cellText, pad);
+            maxW = Math.max(maxW, full);
+            minW = Math.max(minW, longest);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return {
+        maxW: maxW,
+        minW: minW
+    };
+}
+function getSmartColWidthsPx(grid, columnCount, containerWidth) {
+    if (columnCount <= TABLE_COL_WIDTH_MIN_COLUMNS || !grid.length || containerWidth <= 0) {
+        return null;
+    }
+    var ctx = createMeasureContext();
+    if (!ctx) return null;
+    var metrics = Array.from({
+        length: columnCount
+    }, function(_, i) {
+        return getColumnMetrics(grid, i, ctx, SMART_CELL_PADDING);
+    });
+    var totalMin = metrics.reduce(function(s, c) {
+        return s + c.minW;
+    }, 0);
+    if (totalMin >= containerWidth) return metrics.map(function(c) {
+        return c.minW;
+    });
+    var remaining = containerWidth - totalMin;
+    var totalFlex = metrics.reduce(function(s, c) {
+        return s + (c.maxW - c.minW);
+    }, 0) || 1;
+    return metrics.map(function(c) {
+        return Math.floor(c.minW + (c.maxW - c.minW) / totalFlex * remaining);
+    });
+}
+function getContentBasedColWidthsPx(element, columnCount) {
+    var rows = getTableRows(element);
+    return Array.from({
+        length: columnCount
+    }, function(_, colIndex) {
+        var maxPx = TABLE_DEFAULT_COL_WIDTH;
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = rows[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var row = _step.value;
+                var _row_children;
+                var cell = (_row_children = row.children) === null || _row_children === void 0 ? void 0 : _row_children[colIndex];
+                if (cell && (typeof cell === "undefined" ? "undefined" : _type_of(cell)) === 'object' && 'children' in cell) {
+                    var w = stringWidth(Node.string(cell)) * CHAR_WIDTH_PX;
+                    if (w > maxPx) maxPx = w;
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return maxPx;
+    });
+}
+function pxToPercent(px) {
+    var total = px.reduce(function(a, b) {
+        return a + b;
+    }, 0);
+    return total <= 0 ? px.map(function() {
+        return '0%';
+    }) : px.map(function(w) {
+        return "".concat((w / total * 100).toFixed(2), "%");
+    });
+}
+/** 只读表格列宽：显式 colWidths > 智能算法(6+列) > 内容比例 > 平分 */ export function getReadonlyTableColWidths(input) {
+    var _otherProps_colWidths, _element_children, _element_children1;
+    var columnCount = input.columnCount, otherProps = input.otherProps, element = input.element, containerWidth = input.containerWidth;
+    if (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps_colWidths = otherProps.colWidths) === null || _otherProps_colWidths === void 0 ? void 0 : _otherProps_colWidths.length) return otherProps.colWidths;
+    if (columnCount === 0) return [];
+    var useSmart = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : _element_children.length) && typeof containerWidth === 'number' && containerWidth > 0;
+    if (useSmart) {
+        var grid = getSampledCellTexts(element, columnCount, SMART_SAMPLE_ROWS);
+        var smart = getSmartColWidthsPx(grid, columnCount, containerWidth);
+        if (smart) return smart;
+    }
+    if (element === null || element === void 0 ? void 0 : (_element_children1 = element.children) === null || _element_children1 === void 0 ? void 0 : _element_children1.length) return pxToPercent(getContentBasedColWidthsPx(element, columnCount));
+    var pct = (100 / columnCount).toFixed(2);
+    return Array(columnCount).fill("".concat(pct, "%"));
+}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TableNode } from '../../../types/Table';
+import type { ColWidthValue } from './getTableColWidths';
+export interface UseReadonlyTableColWidthsParams {
+    columnCount: number;
+    otherProps?: {
+        colWidths?: ColWidthValue[];
+    } | null;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    tableRef: React.RefObject<HTMLTableElement | null>;
+    element?: TableNode | null;
+}
+export declare function useReadonlyTableColWidths({ columnCount, otherProps, containerRef, tableRef, element, }: UseReadonlyTableColWidthsParams): ColWidthValue[];

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

@@ -0,0 +1,96 @@
+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_COL_WIDTH_MIN_COLUMNS } from "../../../../../Constants/mobile";
+import { getReadonlyTableColWidths } from "./getTableColWidths";
+export function useReadonlyTableColWidths(param) {
+    var columnCount = param.columnCount, otherProps = param.otherProps, containerRef = param.containerRef, tableRef = param.tableRef, element = param.element;
+    var _useState = _sliced_to_array(useState(false), 2), needsColWidths = _useState[0], setNeedsColWidths = _useState[1];
+    var _useState1 = _sliced_to_array(useState(0), 2), containerWidth = _useState1[0], setContainerWidth = _useState1[1];
+    var computed = useMemo(function() {
+        return getReadonlyTableColWidths({
+            columnCount: columnCount,
+            otherProps: otherProps,
+            element: element,
+            containerWidth: containerWidth || undefined
+        });
+    }, [
+        columnCount,
+        otherProps,
+        element,
+        containerWidth
+    ]);
+    useEffect(function() {
+        var container = containerRef.current;
+        var table = tableRef.current;
+        if (!container || !table || columnCount === 0) return;
+        var check = function check() {
+            var cw = container.clientWidth;
+            setContainerWidth(cw);
+            setNeedsColWidths(cw === 0 || table.scrollWidth > cw);
+        };
+        var ro = new ResizeObserver(check);
+        ro.observe(container);
+        check();
+        return function() {
+            return ro.disconnect();
+        };
+    }, [
+        columnCount
+    ]);
+    return useMemo(function() {
+        var _otherProps_colWidths;
+        if (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps_colWidths = otherProps.colWidths) === null || _otherProps_colWidths === void 0 ? void 0 : _otherProps_colWidths.length) return otherProps.colWidths;
+        if (columnCount >= TABLE_COL_WIDTH_MIN_COLUMNS) return computed;
+        return needsColWidths ? computed : [];
+    }, [
+        otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths,
+        needsColWidths,
+        computed,
+        columnCount
+    ]);
+}

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

@@ -255,6 +255,27 @@ var myRemark = {
     var chartType = getChartType();
     // 如果 chartType 为 "table"，将其视为不存在，按普通表格处理
     var isChart = chartType && chartType !== 'table';
+    // 图表的 x、y 必须在表格列中存在，否则降级为表格渲染
+    if (isChart && chartConfig) {
+        var columnKeys = new Set(columns.map(function(c) {
+            return c.dataIndex;
+        }));
+        var configsToValidate = Array.isArray(chartConfig) ? chartConfig : [
+            chartConfig
+        ];
+        var isChartConfigValid = function isChartConfigValid(cfg) {
+            if (!cfg || cfg.chartType === 'table') return true;
+            if (cfg.x && !columnKeys.has(cfg.x)) return false;
+            if (cfg.y && !columnKeys.has(cfg.y)) return false;
+            return true;
+        };
+        var allConfigsValid = configsToValidate.every(function(c) {
+            return isChartConfigValid(c);
+        });
+        if (!allConfigsValid) {
+            isChart = false;
+        }
+    }
     // 计算合并单元格信息
     var mergeCells = (config === null || config === void 0 ? void 0 : config.mergeCells) || [];
     // 创建合并单元格映射，用于快速查找

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/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,
@@ -417,15 +416,16 @@ var genStyle = function genStyle(token) {
             margin: '16px 0',
             maxWidth: '100%'
         }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-table"), {
-            width: '100%'
-        }), _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"), {
+            width: '100%',
+            minWidth: 'max-content'
+        }), _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'
@@ -440,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',
@@ -464,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',
@@ -486,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',
@@ -501,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)
@@ -596,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',
@@ -650,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/AttachmentFileList/AttachmentFileListItem.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { AttachmentFile } from '../types';
 interface FileListItemProps {
     file: AttachmentFile;
-    onDelete: () => void;
-    onPreview: () => void;
-    onDownload: () => void;
-    onRetry?: () => void;
+    onDelete: (file: AttachmentFile) => void;
+    onPreview?: (file: AttachmentFile) => void;
+    onDownload?: (file: AttachmentFile) => void;
+    onRetry?: (file: AttachmentFile) => void;
     className?: string;
     prefixCls?: string;
     hashId?: string;