@ant-design/agentic-ui 2.29.12 → 2.29.13

package/dist/MarkdownEditor/style.js

@@ -50,10 +50,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { MOBILE_BREAKPOINT } from "../Constants/mobile";
+import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function(token) {
-    return _define_property({}, token.componentCls, {
+    var _obj, _obj1, _obj2;
+    return _define_property({}, token.componentCls, (_obj2 = {
         boxSizing: 'border-box',
         height: 'max-content',
         maxWidth: '100%',
@@ -113,7 +114,578 @@ var genStyle = function(token) {
         '&-focus': {
             height: 64
         }
-    });
+    }, _define_property(_obj2, "".concat(token.componentCls, "-list"), (_obj = {
+        listStyle: 'disc',
+        marginBottom: '0',
+        marginTop: '0',
+        '&-container': {
+            marginTop: '0.5em',
+            marginBottom: '0.5em'
+        },
+        'div[data-be="paragraph"]': {
+            display: 'block',
+            marginBottom: '0 !important',
+            marginTop: '0 !important',
+            paddingTop: '0 !important',
+            paddingBottom: '0 !important'
+        }
+    }, _define_property(_obj, "li:not(".concat(token.componentCls, "-list-task) > :first-child [data-drag-handle]"), {
+        paddingLeft: '2px',
+        paddingRight: '12px',
+        left: '-44px !important'
+    }), _define_property(_obj, "li".concat(token.componentCls, "-list-task > :nth-child(2) [data-drag-handle]"), {
+        paddingLeft: '2px',
+        paddingRight: '10px',
+        left: '-50px !important'
+    }), _define_property(_obj, '&-check-item', {
+        display: 'flex',
+        alignItems: 'center',
+        position: 'absolute',
+        userSelect: 'none',
+        height: '1.87em',
+        left: '0',
+        top: '0',
+        zIndex: 10
+    }), _define_property(_obj, '&-item', _define_property({
+        position: 'relative',
+        wordBreak: 'break-all',
+        gap: '4px',
+        "> [data-be='list']": {
+            marginBottom: '0'
+        }
+    }, "&".concat(token.componentCls, "-list-task"), {
+        paddingLeft: '24px',
+        display: 'flex',
+        alignItems: 'center'
+    })), _define_property(_obj, '&.ol', _define_property({
+        '&::marker': {
+            color: 'var(--color-gray-text-light)'
+        }
+    }, "&".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'decimal'
+    }, "& ol".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'lower-alpha',
+        paddingLeft: 'var(--padding-4x)'
+    }, "& ol".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'lower-roman'
+    }, "& ol".concat(token.componentCls, "-list"), {
+        listStyle: 'decimal'
+    }))))), _define_property(_obj, '&.ul', _define_property({}, "&".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'disc'
+    }, "& ul".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'circle',
+        paddingLeft: 'var(--padding-4x)'
+    }, "& ul".concat(token.componentCls, "-list"), _define_property({
+        listStyle: 'square'
+    }, "& ul".concat(token.componentCls, "-list"), {
+        listStyle: 'disc'
+    }))))), _define_property(_obj, '&[data-task]', {
+        listStyle: 'none !important',
+        paddingLeft: '0'
+    }), _obj)), // --- LinkCard ---
+    _define_property(_obj2, "".concat(token.componentCls, "-link-card"), {
+        cursor: 'pointer',
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        '&-container': {
+            padding: 12,
+            border: '1px solid #f0f0f0',
+            borderRadius: '0.5em',
+            margin: '8px 0',
+            width: '100%',
+            maxHeight: '120px',
+            minHeight: 72,
+            backgroundImage: 'linear-gradient(rgb(249, 251, 255) 0%, rgb(243, 248, 255) 100%)',
+            flex: 1,
+            display: 'flex',
+            alignItems: 'center',
+            gap: 12,
+            color: '#262626',
+            justifyContent: 'space-between',
+            '&-content': {
+                display: 'flex',
+                alignItems: 'center',
+                gap: 12,
+                color: '#262626',
+                fontSize: 16,
+                flex: 1,
+                minWidth: 0,
+                '& &-title': {
+                    overflow: 'ellipsis',
+                    textOverflow: 'ellipsis',
+                    textWrap: 'nowrap',
+                    textDecoration: 'none',
+                    display: 'block',
+                    color: '#262626'
+                },
+                '& &-description': {
+                    flex: 1,
+                    minWidth: 0,
+                    marginTop: 4,
+                    lineHeight: '24px',
+                    display: 'flex',
+                    fontSize: 12,
+                    color: 'rgba(0,0,0,0.45)',
+                    justifyContent: 'space-between'
+                },
+                '& &-collaborators': {
+                    flex: 1,
+                    minWidth: 0,
+                    display: 'flex',
+                    justifyContent: 'space-between'
+                },
+                '& &-updateTime': {
+                    color: 'rgba(0,0,0,0.45)',
+                    fontSize: 12
+                }
+            },
+            '& [data-icon-box]': {
+                padding: '0 18px',
+                color: '#6b7280',
+                cursor: 'pointer',
+                '&:hover': {
+                    color: '#1667ff'
+                }
+            }
+        }
+    }), // --- TagPopup ---
+    _define_property(_obj2, "".concat(token.componentCls, "-tag-popup"), {
+        position: 'relative',
+        cursor: 'pointer',
+        padding: '0px 4px',
+        margin: '0 2px',
+        display: 'inline-flex',
+        font: 'var(--font-text-body-base)',
+        color: 'var(--color-primary-text-secondary)',
+        borderRadius: 'var(--radius-control-sm)',
+        background: 'var(--color-primary-bg-tip)',
+        '[data-tag-popup-input]': {
+            '&:not([data-composition]).empty::before': {
+                color: 'var(--color-primary-text-disabled)',
+                content: 'attr(title)',
+                userSelect: 'none',
+                position: 'absolute',
+                left: '4px',
+                top: 0
+            },
+            '&:hover::before': {
+                opacity: 0.6
+            },
+            '&.empty::after': {
+                content: 'attr(title)',
+                opacity: 0,
+                overflow: 'hidden',
+                userSelect: 'none'
+            }
+        },
+        '&-arrow': {
+            position: 'absolute',
+            right: '4px',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            color: 'var(--color-primary-text-disabled)',
+            transition: 'transform 0.2s ease',
+            '&.open': {
+                transform: 'translateY(-50%) rotate(180deg)'
+            }
+        },
+        '&-has-arrow': {
+            paddingRight: '12px'
+        },
+        '&-loading': {
+        }
+    }), // --- Mermaid ---
+    _define_property(_obj2, "".concat(token.componentCls, "-mermaid"), {
+        // 基础容器样式
+        height: '240px',
+        minWidth: '300px',
+        maxWidth: '800px',
+        minHeight: '240px',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        zIndex: 5,
+        color: 'rgb(27, 27, 27)',
+        padding: '1em',
+        margin: '1em 0',
+        fontSize: '0.8em',
+        lineHeight: '1.5',
+        overflowX: 'auto',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-all',
+        fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+        wordWrap: 'break-word',
+        borderRadius: '12px',
+        background: '#FFFFFF',
+        boxShadow: 'var(--shadow-control-base)',
+        // SVG 渲染优化
+        '& svg': {
+            // 节点样式
+            '& .node': {
+                '& rect, & circle, & ellipse, & polygon': {
+                    stroke: '#333',
+                    strokeWidth: '1px',
+                    fill: '#fff'
+                }
+            },
+            // 强制设置所有文字样式
+            '& text': {
+                // 确保文字不会被裁剪
+                dominantBaseline: 'middle',
+                textAnchor: 'middle'
+            },
+            // 节点标签 - 更大的字体
+            '& .nodeLabel': {
+                fontWeight: 500,
+                fill: '#333 !important'
+            },
+            // 边标签 - 稍小一些但仍然清晰
+            '& .edgeLabel': {
+                fill: '#666 !important'
+            },
+            // 专门针对流程图的文字
+            '& .flowchart-label': {
+                fill: '#333 !important'
+            },
+            // 针对不同类型的标签
+            '& .label': {
+                fill: '#333 !important'
+            }
+        },
+        // 错误状态样式
+        '&-error': {
+            color: '#d73a49',
+            background: '#ffeaea',
+            border: '1px solid #f97583',
+            padding: '12px',
+            borderRadius: '4px',
+            textAlign: 'left',
+            '& pre': {
+                margin: '8px 0 0',
+                background: '#f6f8fa',
+                padding: '8px',
+                borderRadius: '4px',
+                fontSize: '12px'
+            }
+        }
+    }), // --- Table ---
+    _define_property(_obj2, "".concat(token.componentCls, "-content-table"), {
+        width: '100%',
+        overflow: 'auto',
+        flex: 1,
+        minWidth: 0,
+        position: 'relative',
+        '--table-border-radius': '8px',
+        '--table-border-color': '#E7E9E8',
+        '--table-header-bg': '#f7f7f9',
+        '--table-odd-row-bg': 'rgba(35,35,38,.04)',
+        '--table-hover-bg': 'rgba(0, 0, 0, 0.04)',
+        '--table-cell-min-width': '120px',
+        '&-container': _define_property({
+            display: 'flex',
+            gap: 1,
+            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%',
+            position: 'relative',
+            fontVariant: 'tabular-nums',
+            borderRadius: 'var(--table-border-radius)',
+            border: '1px solid var(--table-border-color)'
+        }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
+            border: 'none',
+            borderRadius: 'none',
+            'tr:not(.config-tr) td:not(.config-td)': {
+                borderLeft: 'none'
+            },
+            'tr:not(.config-tr):last-child td:not(.config-td)': {
+                borderBottom: '1px solid var(--table-border-color)'
+            },
+            '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(--table-border-color)',
+            borderLeft: '1px solid var(--table-border-color)'
+        }), _define_property(_obj1, 'tr td.config-td:first-child', {
+            borderLeft: 'none'
+        }), _define_property(_obj1, 'th:not(.config-td)', {
+            backgroundColor: 'var(--table-header-bg)',
+            borderBottom: '1px solid var(--table-border-color)',
+            textWrap: 'nowrap',
+            verticalAlign: 'top',
+            padding: '16px 12px',
+            textAlign: 'left',
+            lineHeight: '24px',
+            fontSize: '1em',
+            fontWeight: 600,
+            borderTop: 'none',
+            minWidth: 'var(--table-cell-min-width)',
+            width: 'var(--table-cell-min-width)',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            zIndex: 1,
+            background: 'inherit'
+        }), _define_property(_obj1, 'td:not(.config-td)', {
+            verticalAlign: 'top',
+            padding: '16px 12px',
+            textAlign: 'left',
+            position: 'relative',
+            lineHeight: '24px',
+            fontSize: '1em',
+            minWidth: 'var(--table-cell-min-width)',
+            width: 'var(--table-cell-min-width)',
+            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(--table-border-color)',
+                borderLeft: '1px solid var(--table-border-color)',
+                '&: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(--table-hover-bg), var(--table-hover-bg)), linear-gradient(white, white)'
+        }), // 表格圆角处理
+        _define_property(_obj1, 'th:not(.config-td), td:not(.config-td)', {
+            borderRadius: '0'
+        }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:first-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):first-child td:first-child:not(.config-td):not([colspan]):not([rowspan])', {
+            borderTopLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):first-child td:last-child:not(.config-td):not([colspan]):not([rowspan])', {
+            borderTopRightRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:first-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:first-child:not(.config-td):not([colspan]):not([rowspan])', {
+            borderBottomLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:last-child:not(.config-td):not([colspan]):not([rowspan])', {
+            borderBottomRightRadius: 'var(--table-border-radius)'
+        }), // 处理合并单元格的圆角
+        _define_property(_obj1, 'tr:not(.config-tr):first-child th:not(.config-td)[colspan]:first-child, tr:not(.config-tr):first-child td:not(.config-td)[colspan]:first-child,tr:not(.config-tr):first-child th:not(.config-td)[rowspan]:first-child, tr:not(.config-tr):first-child td:not(.config-td)[rowspan]:first-child', {
+            borderTopLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):first-child th:not(.config-td)[colspan]:last-child, tr:not(.config-tr):first-child td:not(.config-td)[colspan]:last-child,tr:not(.config-tr):first-child th:not(.config-td)[rowspan]:last-child, tr:not(.config-tr):first-child td:not(.config-td)[rowspan]:last-child', {
+            borderTopRightRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:not(.config-td)[colspan]:first-child, tr:not(.config-tr):last-child th:not(.config-td)[colspan]:first-child,tr:not(.config-tr):last-child td:not(.config-td)[rowspan]:first-child, tr:not(.config-tr):last-child th:not(.config-td)[rowspan]:first-child', {
+            borderBottomLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):last-child td:not(.config-td)[colspan]:last-child, tr:not(.config-tr):last-child th:not(.config-td)[colspan]:last-child,tr:not(.config-tr):last-child td:not(.config-td)[rowspan]:last-child, tr:not(.config-tr):last-child th:not(.config-td)[rowspan]:last-child', {
+            borderBottomRightRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'tr:not(.config-tr):first-child:last-child th:not(.config-td)[colspan]:first-child:last-child, tr:not(.config-tr):first-child:last-child td:not(.config-td)[colspan]:first-child:last-child', {
+            borderRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj1, 'th:not(.config-td)[rowspan]:first-child:last-child, td:not(.config-td)[rowspan]:first-child:last-child', {
+            borderTopLeftRadius: 'var(--table-border-radius)',
+            borderBottomLeftRadius: 'var(--table-border-radius)'
+        }), _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(--table-border-color)',
+        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(--table-border-color)',
+        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));
 };
 /**
  * BubbleChat

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { LocalKeys } from '../../I18n';
 export type SupportedFormat = {
     type: string;
     maxSize: number;
@@ -11,6 +12,8 @@ export type AttachmentButtonPopoverProps = {
     supportedFormat?: SupportedFormat;
     /** 上传图片的处理函数 */
     uploadImage?: (forGallery?: boolean) => Promise<void>;
+    /** 国际化文案，可覆盖 I18n 上下文中的配置。支持 `input.openGallery`、`input.openFile`、`input.supportedFormatMessage`（模板变量：${maxSize}、${extensions}）等 */
+    locale?: Partial<LocalKeys>;
 };
 export declare const SupportedFileFormats: {
     image: {