@ant-design/agentic-ui 2.29.59 → 2.30.1

package/dist/MarkdownEditor/style.js

@@ -52,9 +52,254 @@ 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_ACTION_BUTTON_SIZE = 20;
+var TABLE_ACTION_BUTTON_GAP = '2px';
+var TABLE_ACTION_BUTTON_ICON_SIZE = 12;
+var TABLE_CELL = {
+    verticalAlign: 'top',
+    padding: 'var(--agentic-ui-table-cell-padding, 16px 12px)',
+    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%',
+        maxWidth: '100%',
+        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:not(.config-td)', _object_spread_props(_object_spread({}, TABLE_CELL), {
+            position: 'relative',
+            borderBottom: TABLE_BORDER,
+            borderLeft: TABLE_BORDER,
+            'div[data-be="paragraph"]': {
+                margin: 0,
+                textWrap: 'auto'
+            }
+        })), _define_property(_obj, 'th.config-th, td.config-td', {
+            borderBottom: TABLE_BORDER,
+            borderLeft: TABLE_BORDER
+        }), _define_property(_obj, 'tr td.config-td:first-child', {
+            borderLeft: 'none'
+        }), _define_property(_obj, 'td:first-child:not(.config-td)', {
+            borderLeft: 'none'
+        }), _define_property(_obj, 'tr:last-child td:not(.config-td)', {
+            borderBottom: 'none'
+        }), _define_property(_obj, 'tr td:first-child:not(.config-td)', {
+            fontWeight: 600
+        }), _define_property(_obj, 'tbody tr:not(.config-tr):hover', {
+            background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, #ffffff), var(--agentic-ui-table-cell-bg, #ffffff))'
+        }), _define_property(_obj, "@media (max-width: ".concat(mobileBreakpoint, ")"), {
+            'th, td': {
+                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-action-buttons"), {
+        position: 'absolute',
+        top: 4,
+        left: -24,
+        zIndex: 1000,
+        alignItems: 'center',
+        flexDirection: 'column',
+        gap: TABLE_ACTION_BUTTON_GAP,
+        opacity: 0,
+        display: 'none',
+        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-action-buttons-visible"), {
+        opacity: 1,
+        display: 'flex'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-action-button"), {
+        padding: 2,
+        display: 'flex',
+        alignItems: 'center',
+        zIndex: 1000,
+        justifyContent: 'center',
+        fontSize: TABLE_ACTION_BUTTON_ICON_SIZE,
+        border: TABLE_BORDER,
+        width: TABLE_ACTION_BUTTON_SIZE,
+        height: TABLE_ACTION_BUTTON_SIZE,
+        cursor: 'pointer',
+        backgroundPosition: '50%',
+        backgroundRepeat: 'no-repeat',
+        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        borderRadius: '4px',
+        background: 'var(--color-gray-bg-card-white)',
+        boxShadow: 'var(--shadow-border-base)',
+        color: 'var(--color-gray-text-secondary)',
+        '&:hover': {
+            backgroundColor: '#FFF',
+            boxShadow: 'var(--shadow-control-lg)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-delete-icon"), {
+        '&:hover': {
+            color: '#ff4d4f'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-before"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-after"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer"), {
+        cursor: 'pointer',
+        backgroundColor: 'var(--color-gray-control-fill-secondary)',
+        '&:hover': {
+            backgroundColor: 'var(--color-gray-control-fill-secondary-hover)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons"), {
+        position: 'absolute',
+        top: -28,
+        right: '50%',
+        transform: 'translateX(50%)',
+        zIndex: 10,
+        display: 'flex',
+        alignItems: 'center',
+        gap: TABLE_ACTION_BUTTON_GAP,
+        opacity: 0,
+        transition: 'opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-buttons-visible"), {
+        opacity: 1
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-action-button"), {
+        padding: 2,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: TABLE_ACTION_BUTTON_ICON_SIZE,
+        border: TABLE_BORDER,
+        width: TABLE_ACTION_BUTTON_SIZE,
+        height: TABLE_ACTION_BUTTON_SIZE,
+        cursor: 'pointer',
+        backgroundPosition: '50%',
+        backgroundRepeat: 'no-repeat',
+        transition: 'color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
+        borderRadius: '4px',
+        background: 'var(--color-gray-bg-card-white)',
+        boxShadow: 'var(--shadow-border-base)',
+        color: 'var(--color-gray-text-secondary)',
+        '&:hover': {
+            backgroundColor: '#FFF',
+            boxShadow: 'var(--shadow-control-lg)'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-delete-icon"), {
+        '&:hover': {
+            color: '#ff4d4f'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-before"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-after"), {
+        '&:hover': {
+            color: '#52c41a'
+        }
+    }), _obj1;
+};
 var genStyle = function genStyle(token) {
-    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 +359,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 +428,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 +456,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 +464,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 +480,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 +535,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 +609,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