@ant-design/agentic-ui 2.29.48 → 2.29.52

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/ChatLayout/style.js

@@ -213,7 +213,8 @@ var genStyle = function genStyle(token) {
             width: '100%',
             height: 146,
             pointerEvents: 'none',
-            overflow: 'hidden'
+            overflow: 'hidden',
+            borderRadius: 'inherit'
         }
     }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
         '&-header': {

package/dist/Components/ActionItemBox/style.js

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
         backgroundColor: '#FFF',
         boxShadow: 'var(--shadow-border-base)',
-        height: 32,
+        minHeight: 32,
         '&-overflow-container': {
             position: 'absolute',
             right: 0,

package/dist/Constants/mobile.d.ts

@@ -1,5 +1,15 @@
-/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */
-export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 3;
+/**
+ * 表格列宽阈值
+ * - 列数 < 5：使用百分比平分
+ * - 列数 >= 5：使用 TABLE_DEFAULT_COL_WIDTH 固定宽度
+ */
+export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 5;
+/** 编辑模式表格：列数 >= 此值时才计算并渲染 data col 元素，否则仅渲染行号列 */
+export declare const TABLE_EDIT_COL_WIDTH_MIN_COLUMNS = 3;
+/** 表格默认列宽 (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;
 export declare const MOBILE_PADDING = "clamp(4px, 2vw, 12px)";
 export declare const MOBILE_BREAKPOINT = "768px";
 export declare const MOBILE_TABLE_MIN_COLUMN_WIDTH = 96;

package/dist/Constants/mobile.js

@@ -2,7 +2,14 @@ var MOBILE_PADDING_MIN = '4px';
 var MOBILE_PADDING_MAX = '12px';
 var MOBILE_PADDING_SCALE = '2vw';
 var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
-/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */ export var TABLE_COL_WIDTH_MIN_COLUMNS = 3;
+/**
+ * 表格列宽阈值
+ * - 列数 < 5：使用百分比平分
+ * - 列数 >= 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 中 --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';
 export var MOBILE_TABLE_MIN_COLUMN_WIDTH = MOBILE_TABLE_MIN_CELL_WIDTH;

package/dist/History/hooks/useHistory.js

@@ -236,18 +236,32 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../../index";
+/**
+ * 根据关键词从列表中过滤
+ */ function filterListByKeyword(list, keyword) {
+    if (!keyword.trim()) return list;
+    var lower = keyword.toLowerCase();
+    return list.filter(function(item) {
+        var title = typeof item.sessionTitle === 'string' ? item.sessionTitle : String(item.sessionTitle || '');
+        return title.toLowerCase().includes(lower);
+    });
+}
 /**
  * 历史记录状态管理 Hook
  */ export var useHistory = function useHistory(props) {
     var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], setOpen = _useState[1];
-    var _useState1 = _sliced_to_array(useState(function() {
-        return [];
-    }), 2), chatList = _useState1[0], setChatList = _useState1[1];
+    var chatListRef = useRef([]);
+    var _useState1 = _sliced_to_array(useState(0), 2), listVersion = _useState1[0], setListVersion = _useState1[1];
     var _useState2 = _sliced_to_array(useState(''), 2), searchKeyword = _useState2[0], setSearchKeyword = _useState2[1];
     var _useState3 = _sliced_to_array(useState([]), 2), selectedIds = _useState3[0], setSelectedIds = _useState3[1];
-    var _useState4 = _sliced_to_array(useState([]), 2), filteredList = _useState4[0], setFilteredList = _useState4[1];
+    var filteredList = useMemo(function() {
+        return filterListByKeyword(chatListRef.current, searchKeyword);
+    }, [
+        searchKeyword,
+        listVersion
+    ]);
     var loadHistory = useRefFunction(function() {
         return _async_to_generator(function() {
             var _props_request, msg;
@@ -258,13 +272,16 @@ import { useRefFunction } from "../../index";
                             4,
                             props === null || props === void 0 ? void 0 : (_props_request = props.request) === null || _props_request === void 0 ? void 0 : _props_request.call(props, {
                                 agentId: props.agentId
-                            }).then(function(msg) {
-                                return msg;
+                            }).then(function(m) {
+                                return m;
                             })
                         ];
                     case 1:
                         msg = _state.sent();
-                        setChatList(msg || []);
+                        chatListRef.current = msg || [];
+                        setListVersion(function(v) {
+                            return v + 1;
+                        });
                         return [
                             2
                         ];
@@ -300,21 +317,6 @@ import { useRefFunction } from "../../index";
         props.request,
         loadHistory
     ]);
-    // 搜索过滤逻辑
-    useEffect(function() {
-        if (!searchKeyword.trim()) {
-            setFilteredList(chatList);
-        } else {
-            var filtered = chatList.filter(function(item) {
-                var title = typeof item.sessionTitle === 'string' ? item.sessionTitle : String(item.sessionTitle || '');
-                return title.toLowerCase().includes(searchKeyword.toLowerCase());
-            });
-            setFilteredList(filtered);
-        }
-    }, [
-        chatList,
-        searchKeyword
-    ]);
     // 处理收藏
     var handleFavorite = useRefFunction(function(sessionId, isFavorite) {
         return _async_to_generator(function() {
@@ -328,13 +330,13 @@ import { useRefFunction } from "../../index";
                         ];
                     case 1:
                         _state.sent();
-                        // 更新本地状态
-                        setChatList(function(prev) {
-                            return prev.map(function(item) {
-                                return item.sessionId === sessionId ? _object_spread_props(_object_spread({}, item), {
-                                    isFavorite: isFavorite
-                                }) : item;
-                            });
+                        chatListRef.current = chatListRef.current.map(function(item) {
+                            return item.sessionId === sessionId ? _object_spread_props(_object_spread({}, item), {
+                                isFavorite: isFavorite
+                            }) : item;
+                        });
+                        setListVersion(function(v) {
+                            return v + 1;
                         });
                         return [
                             2
@@ -404,7 +406,7 @@ import { useRefFunction } from "../../index";
     return {
         open: open,
         setOpen: setOpen,
-        chatList: chatList,
+        chatList: chatListRef.current,
         searchKeyword: searchKeyword,
         selectedIds: selectedIds,
         filteredList: filteredList,

package/dist/History/menu.js

@@ -78,6 +78,10 @@ var MenuItem = function MenuItem1(param) {
             (_item_onClick = item.onClick) === null || _item_onClick === void 0 ? void 0 : _item_onClick.call(item);
         }
     });
+    // 分组类型但子项为空时不展示
+    if (item.type === 'group' && (!item.children || !item.children.length)) {
+        return null;
+    }
     // 如果是分组且有子项，并且嵌套层级小于2
     if (item.type === 'group' && item.children && level < 2) {
         return /*#__PURE__*/ React.createElement("div", {

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();
 }
@@ -64,10 +79,11 @@ import classNames from "clsx";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
-import { TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { I18nContext } from "../../../../I18n";
 import { useEditorStore } from "../../store";
 import { parserSlateNodeToMarkdown } from "../../utils";
+import { TableColgroup } from "./TableColgroup";
+import { useReadonlyTableColWidths } from "./utils/useReadonlyTableColWidths";
 /**
  * 专门针对 readonly 模式优化的表格组件
  * 移除了不必要的滚动监听和复杂的宽度计算
@@ -80,27 +96,21 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         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);
     var _useState = _sliced_to_array(useState(false), 2), previewOpen = _useState[0], setPreviewOpen = _useState[1];
     var i18n = useContext(I18nContext);
-    // 简化的列宽计算 - 只为 readonly 模式设计，少于 3 列不设置 col
-    var colWidths = useMemo(function() {
-        var _element_children__children, _element_children_, _element_children;
-        var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
-        if (columnCount === 0 || columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
-        var otherProps = element === null || element === void 0 ? void 0 : element.otherProps;
-        if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
-            return otherProps.colWidths;
-        }
-        // 使用固定宽度避免复杂计算
-        var defaultWidth = 80;
-        return Array(columnCount).fill(defaultWidth);
-    }, [
-        element === null || element === void 0 ? void 0 : element.otherProps,
-        element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length
-    ]);
+    var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
+    var otherProps = element === null || element === void 0 ? void 0 : element.otherProps;
+    var colWidths = useReadonlyTableColWidths({
+        columnCount: columnCount,
+        otherProps: otherProps,
+        containerRef: containerRef,
+        tableRef: tableTargetRef,
+        element: element
+    });
     // 缓存复制处理函数
     var handleCopy = useCallback(function() {
         try {
@@ -148,19 +158,9 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         return /*#__PURE__*/ React.createElement("table", {
             ref: tableTargetRef,
             className: classNames("".concat(baseCls, "-editor-table"), 'readonly', "".concat(baseCls, "-readonly-table"), _define_property({}, "".concat(baseCls, "-readonly-pure"), editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.pure))
-        }, colWidths.length > 0 && /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
-            var isLastCol = index === colWidths.length - 1;
-            return /*#__PURE__*/ React.createElement("col", {
-                key: index,
-                style: isLastCol ? {
-                    minWidth: 60
-                } : {
-                    width: colWidth,
-                    minWidth: colWidth,
-                    maxWidth: colWidth
-                }
-            });
-        })), /*#__PURE__*/ React.createElement("tbody", null, children));
+        }, /*#__PURE__*/ React.createElement(TableColgroup, {
+            colWidths: colWidths
+        }), /*#__PURE__*/ React.createElement("tbody", null, children));
     }, [
         colWidths,
         children,
@@ -186,7 +186,9 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         handleCopy
     ]);
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls)
+        ref: containerRef,
+        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,
@@ -203,12 +205,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         }
     }, /*#__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

@@ -149,7 +149,8 @@ import classNames from "clsx";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
-import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
+import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_EDIT_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
+import { TableColgroup, TABLE_ROW_INDEX_COL_WIDTH } from "./TableColgroup";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -184,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');
@@ -194,26 +196,15 @@ import useScrollShadow from "./useScrollShadow";
     var mobileBreakpointValue = parseInt(MOBILE_BREAKPOINT, 10) || 768;
     // 总是调用 hooks，避免条件调用
     var _useScrollShadow = _sliced_to_array(useScrollShadow(), 2), tableRef = _useScrollShadow[0], scrollState = _useScrollShadow[1];
-    // 只在编辑模式下进行复杂的列宽计算
+    // 编辑模式下列宽计算（readonly 时走 ReadonlyTableComponent，跳过计算）
     var colWidths = useMemo(function() {
-        var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-        // readonly 模式下使用简化计算，少于 3 列不设置 col
-        if (readonly) {
-            var _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2, _props_element3;
-            var colCount = ((_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-            if (colCount === 0 || colCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
-            var otherProps = (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : _props_element3.otherProps;
-            if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
-                return otherProps.colWidths;
-            }
-            return Array(colCount).fill(80); // 固定宽度
-        }
-        // 少于 3 列不设置 col，使用浏览器默认布局
-        if (columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
-        // 如果在 props 中存在，直接使用以避免计算
-        if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths) {
-            var _props_element_otherProps1, _props_element4;
-            return (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.colWidths;
+        var _props_element_otherProps_colWidths, _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
+        if (readonly) return [];
+        // 少于 TABLE_EDIT_COL_WIDTH_MIN_COLUMNS 列不设置 data col，仅行号列（显式 colWidths 也忽略）
+        if (columnCount < TABLE_EDIT_COL_WIDTH_MIN_COLUMNS) return [];
+        // 显式传入 colWidths 时优先使用
+        if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : (_props_element_otherProps_colWidths = _props_element_otherProps.colWidths) === null || _props_element_otherProps_colWidths === void 0 ? void 0 : _props_element_otherProps_colWidths.length) {
+            return props.element.otherProps.colWidths;
         }
         if (typeof window === 'undefined' || !((_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_children = _props_element1.children) === null || _props_element_children === void 0 ? void 0 : _props_element_children.length)) return [];
         var tableRows = props.element.children;
@@ -315,26 +306,10 @@ import useScrollShadow from "./useScrollShadow";
                 e.preventDefault();
                 return false;
             }
-        }, /*#__PURE__*/ React.createElement("colgroup", null, /*#__PURE__*/ React.createElement("col", {
-            style: {
-                width: 12,
-                minWidth: 12,
-                maxWidth: 12
-            }
-        }), (colWidths || []).map(function(colWidth, index) {
-            var _ref;
-            var isLastCol = index === ((_ref = colWidths === null || colWidths === void 0 ? void 0 : colWidths.length) !== null && _ref !== void 0 ? _ref : 0) - 1;
-            return /*#__PURE__*/ React.createElement("col", {
-                key: index,
-                style: isLastCol ? {
-                    minWidth: 60
-                } : {
-                    width: colWidth,
-                    minWidth: colWidth,
-                    maxWidth: colWidth
-                }
-            });
-        }) || null), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
+        }, /*#__PURE__*/ React.createElement(TableColgroup, {
+            colWidths: colWidths !== null && colWidths !== void 0 ? colWidths : [],
+            prefixColWidth: TABLE_ROW_INDEX_COL_WIDTH
+        }), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
             colWidths: colWidths,
             columnCount: columnCount,
             tablePath: tablePath
@@ -367,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/elements/Table/TableColgroup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ColWidthValue } from './utils/getTableColWidths';
+export interface TableColgroupProps {
+    colWidths: ColWidthValue[];
+    prefixColWidth?: number;
+}
+export declare const TableColgroup: React.FC<TableColgroupProps>;
+export declare const TABLE_ROW_INDEX_COL_WIDTH = 12;

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

@@ -0,0 +1,37 @@
+import React from "react";
+import { TABLE_DEFAULT_COL_WIDTH, TABLE_LAST_COL_MIN_WIDTH } from "../../../../Constants/mobile";
+var ROW_INDEX_COL_WIDTH = 12;
+var isPercent = function isPercent(v) {
+    return typeof v === 'string' && v.endsWith('%');
+};
+export var TableColgroup = function TableColgroup(param) {
+    var colWidths = param.colWidths, prefixColWidth = param.prefixColWidth;
+    var showPrefix = (prefixColWidth !== null && prefixColWidth !== void 0 ? prefixColWidth : 0) > 0;
+    if (!showPrefix && !colWidths.length) return null;
+    return /*#__PURE__*/ React.createElement("colgroup", null, showPrefix && /*#__PURE__*/ React.createElement("col", {
+        style: {
+            width: prefixColWidth,
+            minWidth: prefixColWidth,
+            maxWidth: prefixColWidth
+        }
+    }), colWidths.map(function(w, i) {
+        var last = i === colWidths.length - 1;
+        var style = isPercent(w) ? {
+            width: w,
+            minWidth: TABLE_DEFAULT_COL_WIDTH,
+            maxWidth: w
+        } : last ? {
+            minWidth: TABLE_LAST_COL_MIN_WIDTH
+        } : {
+            width: w,
+            minWidth: w,
+            maxWidth: w
+        };
+        return /*#__PURE__*/ React.createElement("col", {
+            key: i,
+            style: style
+        });
+    }));
+};
+TableColgroup.displayName = 'TableColgroup';
+export var TABLE_ROW_INDEX_COL_WIDTH = ROW_INDEX_COL_WIDTH;

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

@@ -0,0 +1,12 @@
+import type { TableNode } from '../../../types/Table';
+export type ColWidthValue = number | string;
+export interface ReadonlyTableColWidthsInput {
+    columnCount: number;
+    otherProps?: {
+        colWidths?: ColWidthValue[];
+    } | null;
+    element?: TableNode | null;
+    containerWidth?: number;
+}
+/** 只读表格列宽：显式 colWidths > 智能算法(6+列) > 内容比例 > 平分 */
+export declare function getReadonlyTableColWidths(input: ReadonlyTableColWidthsInput): ColWidthValue[];