@ant-design/agentic-ui 2.29.59 → 2.30.0

package/dist/MarkdownEditor/style.js

@@ -52,9 +52,152 @@ function _object_spread_props(target, source) {
 }
 import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
+// ── Table ──────────────────────────────────────────────────────────────────
+var TABLE_BORDER = '1px solid var(--agentic-ui-table-border-color, #E7E9E8)';
+var TABLE_RADIUS = 'var(--agentic-ui-table-border-radius, 8px)';
+var TABLE_CELL = {
+    verticalAlign: 'top',
+    padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
+    textAlign: 'left',
+    lineHeight: '24px',
+    fontSize: '1em',
+    minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
+    width: 'var(--agentic-ui-table-cell-min-width, 120px)',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    zIndex: 1,
+    background: 'inherit'
+};
+var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePadding) {
+    var tableCls = "".concat(token.componentCls, "-content-table");
+    var _obj, _obj1;
+    return _obj1 = {}, _define_property(_obj1, tableCls, {
+        width: '100%',
+        overflow: 'auto',
+        flex: 1,
+        minWidth: 0,
+        position: 'relative',
+        '&-container': _define_property({
+            maxWidth: '100%',
+            minWidth: 0,
+            outline: 'none',
+            position: 'relative',
+            marginBottom: 12
+        }, "&:hover ".concat(tableCls, "-readonly-table-actions"), {
+            opacity: 1,
+            transform: 'translateX(50%)',
+            top: -24
+        }),
+        '&-editor-table': {
+            marginTop: '1em'
+        },
+        '&-readonly-table-actions': {
+            opacity: 0,
+            position: 'absolute',
+            top: 20,
+            display: 'flex',
+            gap: 8,
+            right: '50%',
+            zIndex: 1000,
+            backgroundColor: 'var(--color-gray-bg-page-light)',
+            borderRadius: 'var(--radius-control-base)',
+            padding: '4px 8px',
+            boxShadow: 'var(--shadow-control-base)',
+            border: 'none',
+            transform: 'translateX(50%)',
+            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
+        },
+        table: (_obj = {
+            borderCollapse: 'separate',
+            borderSpacing: 0,
+            width: 'max-content',
+            tableLayout: 'fixed',
+            margin: '16px 0',
+            maxWidth: '100%',
+            position: 'relative',
+            fontVariant: 'tabular-nums',
+            borderRadius: TABLE_RADIUS,
+            border: TABLE_BORDER
+        }, // readonly：overflow: hidden，不影响编辑态 UI
+        _define_property(_obj, "&".concat(tableCls, "-readonly-table"), {
+            width: '100%',
+            tableLayout: 'auto',
+            overflow: 'hidden',
+            border: TABLE_BORDER
+        }), _define_property(_obj, "th", _object_spread_props(_object_spread({}, TABLE_CELL), {
+            backgroundColor: 'var(--agentic-ui-table-header-bg, #f7f7f9)',
+            border: 'none',
+            borderBottom: TABLE_BORDER,
+            borderLeft: 'none',
+            borderTop: 'none',
+            fontWeight: 600
+        })), _define_property(_obj, 'th:not(:first-child)', {
+            borderLeft: TABLE_BORDER
+        }), _define_property(_obj, "td", _object_spread_props(_object_spread({}, TABLE_CELL), {
+            borderBottom: TABLE_BORDER,
+            borderLeft: TABLE_BORDER,
+            'div[data-be="paragraph"]': {
+                margin: 0,
+                textWrap: 'auto'
+            }
+        })), _define_property(_obj, 'td:first-child', {
+            borderLeft: 'none'
+        }), _define_property(_obj, 'tr:last-child td', {
+            borderBottom: 'none'
+        }), _define_property(_obj, 'tr td:first-child', {
+            fontWeight: 600
+        }), _define_property(_obj, 'tbody tr:hover', {
+            background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, #ffffff), var(--agentic-ui-table-cell-bg, #ffffff))'
+        }), _define_property(_obj, "@media (max-width: ".concat(mobileBreakpoint, ")"), {
+            'th, td': {
+                padding: mobilePadding
+            }
+        }), _obj)
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-td"), _define_property({
+        padding: '8px',
+        verticalAlign: 'middle',
+        wordWrap: 'break-word',
+        wordBreak: 'break-all',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'pre-wrap',
+        '&[data-select="true"]:after': {
+            content: '" "',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: 2,
+            pointerEvents: 'none',
+            backgroundColor: 'var(--color-primary-control-fill-secondary-hover)'
+        }
+    }, "@media (max-width: ".concat(mobileBreakpoint, ")"), {
+        padding: '2px'
+    })), _define_property(_obj1, "".concat(token.componentCls, "-table-row-index"), {
+        display: 'table-row'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index"), {
+        width: 12,
+        maxWidth: 12,
+        padding: 0,
+        position: 'relative',
+        verticalAlign: 'middle',
+        backgroundColor: 'var(--color-gray-control-fill-secondary)',
+        '&:hover': {
+            backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer"), {
+        cursor: 'pointer',
+        backgroundColor: 'var(--color-gray-control-fill-secondary)',
+        '&:hover': {
+            backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
+        }
+    }), _obj1;
+};
 var genStyle = function genStyle(token) {
-    var _obj, _obj1, _obj2;
-    return _define_property({}, token.componentCls, (_obj2 = {
+    var _obj, _obj1;
+    return _define_property({}, token.componentCls, _object_spread((_obj1 = {
         boxSizing: 'border-box',
         height: 'max-content',
         maxWidth: '100%',
@@ -114,7 +257,7 @@ var genStyle = function genStyle(token) {
         '&-focus': {
             height: 64
         }
-    }, _define_property(_obj2, "".concat(token.componentCls, "-list"), (_obj = {
+    }, _define_property(_obj1, "".concat(token.componentCls, "-list"), (_obj = {
         listStyle: 'disc',
         marginBottom: '0',
         marginTop: '0',
@@ -183,12 +326,12 @@ var genStyle = function genStyle(token) {
         listStyle: 'none !important',
         paddingLeft: '0'
     }), _obj)), // --- LinkCard (BEM: block__element) ---
-    _define_property(_obj2, "".concat(token.componentCls, "-link-card"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-link-card"), {
         cursor: 'pointer',
         position: 'relative',
         display: 'flex',
         alignItems: 'center'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__container"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__container"), {
         padding: 12,
         border: '1px solid #f0f0f0',
         borderRadius: '0.5em',
@@ -211,7 +354,7 @@ var genStyle = function genStyle(token) {
                 color: '#1667ff'
             }
         }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__content"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__content"), {
         display: 'flex',
         alignItems: 'center',
         gap: 12,
@@ -219,14 +362,14 @@ var genStyle = function genStyle(token) {
         fontSize: 16,
         flex: 1,
         minWidth: 0
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__title"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__title"), {
         overflow: 'ellipsis',
         textOverflow: 'ellipsis',
         textWrap: 'nowrap',
         textDecoration: 'none',
         display: 'block',
         color: '#262626'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__description"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__description"), {
         flex: 1,
         minWidth: 0,
         marginTop: 4,
@@ -235,16 +378,16 @@ var genStyle = function genStyle(token) {
         fontSize: 12,
         color: 'rgba(0,0,0,0.45)',
         justifyContent: 'space-between'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__collaborators"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__collaborators"), {
         flex: 1,
         minWidth: 0,
         display: 'flex',
         justifyContent: 'space-between'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-link-card__update-time"), {
+    }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__update-time"), {
         color: 'rgba(0,0,0,0.45)',
         fontSize: 12
     }), // --- TagPopup ---
-    _define_property(_obj2, "".concat(token.componentCls, "-tag-popup"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-tag-popup"), {
         position: 'relative',
         cursor: 'pointer',
         padding: '0px 4px',
@@ -290,7 +433,7 @@ var genStyle = function genStyle(token) {
         '&-loading': {
         }
     }), // --- Mermaid ---
-    _define_property(_obj2, "".concat(token.componentCls, "-mermaid"), {
+    _define_property(_obj1, "".concat(token.componentCls, "-mermaid"), {
         // 基础容器样式
         height: '240px',
         minWidth: '300px',
@@ -364,320 +507,7 @@ var genStyle = function genStyle(token) {
                 fontSize: '12px'
             }
         }
-    }), // --- 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',
-        '&-container': _define_property({
-            display: 'flex',
-            gap: 1,
-            maxWidth: '100%',
-            minWidth: 0,
-            outline: 'none',
-            position: 'relative',
-            marginBottom: 12
-        }, "&:hover ".concat(token.componentCls, "-content-table-readonly-table-actions"), {
-            opacity: 1,
-            transform: 'translateX(50%)',
-            top: -24
-        }),
-        '&-editor-table': {
-            marginTop: '1em'
-        },
-        '&-readonly-table-actions': {
-            opacity: 0,
-            position: 'absolute',
-            top: 20,
-            display: 'flex',
-            gap: 8,
-            right: '50%',
-            zIndex: 1000,
-            backgroundColor: 'var(--color-gray-bg-page-light)',
-            borderRadius: 'var(--radius-control-base)',
-            padding: '4px 8px',
-            boxShadow: 'var(--shadow-control-base)',
-            border: 'none',
-            transform: 'translateX(50%)',
-            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
-        },
-        table: (_obj1 = {
-            borderCollapse: 'separate',
-            borderSpacing: 0,
-            width: 'max-content',
-            tableLayout: 'fixed',
-            margin: '16px 0',
-            maxWidth: '100%'
-        }, _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(--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(--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'
-            },
-            '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: 'unset'
-            },
-            '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: 'unset'
-            },
-            '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: 'unset'
-            }
-        }), _define_property(_obj1, 'th.config-th,td.config-td', {
-            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(--agentic-ui-table-header-bg, #f7f7f9)',
-            borderBottom: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
-            textWrap: 'nowrap',
-            verticalAlign: 'top',
-            padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
-            textAlign: 'left',
-            lineHeight: '24px',
-            fontSize: '1em',
-            fontWeight: 600,
-            borderTop: 'none',
-            minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
-            width: 'var(--agentic-ui-table-cell-min-width, 120px)',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            zIndex: 1,
-            background: 'inherit'
-        }), _define_property(_obj1, 'td:not(.config-td)', {
-            verticalAlign: 'top',
-            padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
-            textAlign: 'left',
-            position: 'relative',
-            lineHeight: '24px',
-            fontSize: '1em',
-            minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
-            width: 'var(--agentic-ui-table-cell-min-width, 120px)',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            zIndex: 1,
-            background: 'inherit',
-            'div[data-be="paragraph"]': {
-                margin: 0,
-                textWrap: 'auto'
-            }
-        }), _define_property(_obj1, 'tr:not(.config-tr)', {
-            background: 'inherit',
-            '&:first-child td:not(.config-td)': {
-                borderTop: 'none'
-            },
-            'td:not(.config-td)': {
-                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',
-                    fontWeight: 600
-                }
-            },
-            'td:first-child:not(.config-td)': {
-                borderLeft: 'none'
-            },
-            '&:last-child td:not(.config-td)': {
-                borderBottom: 'none'
-            }
-        }), _define_property(_obj1, 'tbody tr:not(.config-tr):hover', {
-            background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, #ffffff), var(--agentic-ui-table-cell-bg, #ffffff))'
-        }), // 表格圆角处理
-        _define_property(_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(--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(--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(--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(--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(--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(--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(--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(--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(--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(--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)
-            }
-        }), _obj1),
-        'table.htCore': {
-            boxSizing: 'content-box',
-            '*': {
-                boxSizing: 'content-box'
-            }
-        }
-    }), // --- Table Td ---
-    _define_property(_obj2, "".concat(token.componentCls, "-table-td"), _define_property({
-        padding: '8px',
-        verticalAlign: 'middle',
-        wordWrap: 'break-word',
-        wordBreak: 'break-all',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'pre-wrap',
-        '&[data-select="true"]:after': {
-            content: '" "',
-            position: 'absolute',
-            top: '0',
-            left: '0',
-            right: '0',
-            bottom: '0',
-            zIndex: 2,
-            pointerEvents: 'none',
-            backgroundColor: 'var(--color-primary-control-fill-secondary-hover)'
-        }
-    }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
-        padding: '2px'
-    })), // --- Table Row Index ---
-    _define_property(_obj2, "".concat(token.componentCls, "-table-row-index"), {
-        display: 'table-row'
-    }), // --- Table Cell Index ---
-    _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index"), {
-        width: '12px',
-        maxWidth: 12,
-        padding: 0,
-        position: 'relative',
-        verticalAlign: 'middle',
-        contentEditable: false,
-        backgroundColor: 'var(--color-gray-control-fill-secondary)',
-        '&:hover': {
-            backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-action-buttons"), {
-        position: 'absolute',
-        top: '4px',
-        left: '-24px',
-        zIndex: 1000,
-        alignItems: 'center',
-        flexDirection: 'column',
-        gap: '2px',
-        opacity: 0,
-        display: 'none',
-        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-action-buttons-visible"), {
-        opacity: 1,
-        display: 'flex'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-action-button"), {
-        padding: '2px',
-        display: 'flex',
-        alignItems: 'center',
-        zIndex: 1000,
-        justifyContent: 'center',
-        fontSize: 12,
-        border: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
-        width: '20px',
-        height: '20px',
-        cursor: 'pointer',
-        backgroundPosition: '50%',
-        backgroundRepeat: 'no-repeat',
-        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
-        borderRadius: '4px',
-        background: 'var(--color-gray-bg-card-white)',
-        boxShadow: 'var(--shadow-border-base)',
-        color: 'var(--color-gray-text-secondary)',
-        '&:hover': {
-            backgroundColor: '#FFF',
-            boxShadow: 'var(--shadow-control-lg)'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-delete-icon"), {
-        '&:hover': {
-            color: '#ff4d4f'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-insert-row-before"), {
-        '&:hover': {
-            color: '#52c41a'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-insert-row-after"), {
-        '&:hover': {
-            color: '#52c41a'
-        }
-    }), // --- Table Cell Index Spacer ---
-    _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer"), {
-        contentEditable: false,
-        cursor: 'pointer',
-        backgroundColor: 'var(--color-gray-control-fill-secondary)',
-        '&:hover': {
-            backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons"), {
-        position: 'absolute',
-        top: '-28px',
-        right: '50%',
-        transform: 'translateX(50%)',
-        zIndex: 10,
-        display: 'flex',
-        alignItems: 'center',
-        gap: '2px',
-        opacity: 0,
-        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons-visible"), {
-        opacity: 1
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-action-button"), {
-        padding: '2px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        fontSize: 12,
-        border: '1px solid var(--agentic-ui-table-border-color, #E7E9E8)',
-        width: '20px',
-        height: '20px',
-        cursor: 'pointer',
-        backgroundPosition: '50%',
-        backgroundRepeat: 'no-repeat',
-        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
-        borderRadius: '4px',
-        background: 'var(--color-gray-bg-card-white)',
-        boxShadow: 'var(--shadow-border-base)',
-        color: 'var(--color-gray-text-secondary)',
-        '&:hover': {
-            backgroundColor: '#FFF',
-            boxShadow: 'var(--shadow-control-lg)'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-delete-icon"), {
-        '&:hover': {
-            color: '#ff4d4f'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-before"), {
-        '&:hover': {
-            color: '#52c41a'
-        }
-    }), _define_property(_obj2, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-after"), {
-        '&:hover': {
-            color: '#52c41a'
-        }
-    }), _obj2));
+    }), _obj1), genTableStyle(token, MOBILE_BREAKPOINT, MOBILE_PADDING)));
 };
 /**
  * BubbleChat

package/dist/MarkdownEditor/types.d.ts

@@ -4,6 +4,7 @@ import React from 'react';
 import { BaseEditor, Editor, Selection } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor, RenderElementProps } from 'slate-react';
+import type { RenderMode } from '../MarkdownRenderer/types';
 import { TagPopupProps } from './editor/elements/TagPopup';
 import { EditorStore } from './editor/store';
 import { InsertAutocompleteProps } from './editor/tools/InsertAutocomplete';
@@ -613,4 +614,12 @@ export type MarkdownEditorProps = {
      * @description 配置附件上传功能
      */
     attachment?: Record<string, unknown>;
+    /**
+     * 渲染模式
+     * @description 仅在 readonly 模式下生效
+     * - 'slate': 使用 Slate 编辑器渲染（默认，向后兼容）
+     * - 'markdown': 使用轻量 MarkdownRenderer 渲染（无 Slate 实例，性能更优）
+     * @default 'slate'
+     */
+    renderMode?: RenderMode;
 };

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -140,7 +140,7 @@ export var SupportedFileFormats = {
         ]
     }
 };
-var DEFAULT_FORMAT_MESSAGE = '支持上传文件，每个文件不超过 ${maxSize}，支持 ${extensions}等格式。';
+var DEFAULT_FORMAT_MESSAGE = '每个文件不超过 ${maxSize}，支持 ${extensions}等格式。';
 var buildFormatMessage = function buildFormatMessage(format, locale) {
     var _ref;
     var _format_extensions;

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldRefs.js

@@ -69,6 +69,7 @@ import { useEffect, useImperativeHandle, useRef } from "react";
         props.value
     ]);
     // 通过 ref 暴露编辑器实例，包装 store.setMDContent 以同步 value 状态，确保发送按钮正确响应
+    // 使用 Proxy 包装 store，仅覆盖 setMDContent，保留 getMDContent、clearContent、focus 等全部方法
     useImperativeHandle(props.inputRef, function() {
         var editor = markdownEditorRef.current;
         var syncValueAndSetMDContent = function syncValueAndSetMDContent(md, plugins, options) {
@@ -85,10 +86,16 @@ import { useEffect, useImperativeHandle, useRef } from "react";
                 }
             };
         }
+        var storeProxy = new Proxy(editor.store, {
+            get: function get(target, prop) {
+                if (prop === 'setMDContent') {
+                    return syncValueAndSetMDContent;
+                }
+                return Reflect.get(target, prop);
+            }
+        });
         return _object_spread_props(_object_spread({}, editor), {
-            store: _object_spread_props(_object_spread({}, editor.store), {
-                setMDContent: syncValueAndSetMDContent
-            })
+            store: storeProxy
         });
     }, [
         props.setValue

package/dist/MarkdownRenderer/AnimationText.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface AnimationConfig {
+    /** 淡入动画持续时间（ms），默认 200 */
+    fadeDuration?: number;
+    /** 缓动函数，默认 ease-in-out */
+    easing?: string;
+}
+export interface AnimationTextProps {
+    children: React.ReactNode;
+    animationConfig?: AnimationConfig;
+}
+/**
+ * 流式文字淡入动画组件。
+ *
+ * 移植自 @ant-design/x-markdown 的 AnimationText。
+ * 追踪 children 的文本变化，只给新增的部分加淡入动画 span，
+ * 已有的部分保持不动——不会触发整段重绘。
+ *
+ * 仅对纯文本增量有效；如果内容不是简单追加（删除/替换），直接替换所有 chunks。
+ */
+declare const AnimationText: React.NamedExoticComponent<AnimationTextProps>;
+export default AnimationText;