@ant-design/agentic-ui 2.30.9 → 2.30.11

package/dist/ChatLayout/style.js

@@ -52,6 +52,9 @@ function _object_spread_props(target, source) {
 }
 import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
+var RADIUS_XL = 'var(--radius-xl, var(--radius-card-lg, 16px))';
+var COLOR_GRAY_BG_ACTIVE = 'var(--color-gray-bg-active, var(--color-gray-control-fill-active, rgba(20, 22, 28, 0.12)))';
+var COLOR_GRAY_BORDER_DEFAULT = 'var(--color-gray-border-default, var(--color-gray-border-light, rgba(20, 22, 28, 0.12)))';
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, _define_property({
         display: 'flex',
@@ -59,10 +62,10 @@ var genStyle = function genStyle(token) {
         height: '100%',
         width: '100%',
         position: 'relative',
-        borderTopLeftRadius: 'var(--radius-xl)',
-        borderTopRightRadius: 'var(--radius-xl)',
-        borderBottomLeftRadius: 'var(--radius-xl)',
-        borderBottomRightRadius: 'var(--radius-xl)',
+        borderTopLeftRadius: RADIUS_XL,
+        borderTopRightRadius: RADIUS_XL,
+        borderBottomLeftRadius: RADIUS_XL,
+        borderBottomRightRadius: RADIUS_XL,
         backgroundColor: 'var(--color-gray-bg-page-light)',
         '&-header': {
             display: 'flex',
@@ -73,8 +76,8 @@ var genStyle = function genStyle(token) {
             minHeight: '48px',
             flexShrink: 0,
             zIndex: 10,
-            borderTopLeftRadius: 'var(--radius-xl)',
-            borderTopRightRadius: 'var(--radius-xl)',
+            borderTopLeftRadius: RADIUS_XL,
+            borderTopRightRadius: RADIUS_XL,
             '&-left': {
                 display: 'flex',
                 alignItems: 'center',
@@ -104,7 +107,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 }
             },
@@ -129,7 +132,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 },
                 '&-collapse-btn': {
@@ -150,7 +153,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 }
             }
@@ -159,7 +162,7 @@ var genStyle = function genStyle(token) {
             position: 'relative',
             zIndex: 1,
             width: '100%',
-            paddingBottom: 'var(--radius-xl)',
+            paddingBottom: RADIUS_XL,
             flex: 1,
             overflow: 'hidden',
             display: 'flex',
@@ -181,7 +184,7 @@ var genStyle = function genStyle(token) {
                     backgroundColor: 'var(--color-gray-border-light)',
                     borderRadius: '3px',
                     '&:hover': {
-                        backgroundColor: 'var(--color-gray-border-default)'
+                        backgroundColor: COLOR_GRAY_BORDER_DEFAULT
                     }
                 },
                 '> div': {
@@ -202,8 +205,8 @@ var genStyle = function genStyle(token) {
             position: 'absolute',
             bottom: 0,
             zIndex: 100,
-            borderBottomLeftRadius: 'var(--radius-xl)',
-            borderBottomRightRadius: 'var(--radius-xl)'
+            borderBottomLeftRadius: RADIUS_XL,
+            borderBottomRightRadius: RADIUS_XL
         },
         '&-footer-background': {
             position: 'absolute',

package/dist/Components/ActionIconBox/index.js

@@ -357,6 +357,7 @@ import { useStyle } from "./style";
                     switch(_state.label){
                         case 0:
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -413,6 +414,7 @@ import { useStyle } from "./style";
                                 5
                             ];
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -481,6 +483,7 @@ import { useStyle } from "./style";
                     switch(_state.label){
                         case 0:
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -537,6 +540,7 @@ import { useStyle } from "./style";
                                 5
                             ];
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];

package/dist/Components/Button/IconButton/style.js

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         border: 'none',
         borderRadius: 'var(--radius-control-base, 6px)',
         cursor: 'pointer',
-        fontFamily: 'var(--font-family-base)',
+        fontFamily: 'var(--font-family-base, var(--font-family-text, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif))',
         fontSize: 'var(--font-size-base, 14px)',
         fontWeight: 'var(--font-weight-medium, 500)',
         lineHeight: 'var(--line-height-base, 1.5)',

package/dist/Components/Button/ToggleButton/style.js

@@ -62,7 +62,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         padding: '5px 12px',
         cursor: 'pointer',
-        fontFamily: 'var(--font-family-base)',
+        fontFamily: 'var(--font-family-base, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif)',
         fontSize: 'var(--font-size-base, 14px)',
         fontWeight: 'var(--font-weight-medium, 500)',
         lineHeight: 'var(--line-height-base, 1.5)',

package/dist/Constants/mobile.d.ts

@@ -6,8 +6,8 @@
 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)，与 style.ts 中 --agentic-ui-table-cell-min-width (40px) 保持一致 */
+export declare const TABLE_DEFAULT_COL_WIDTH = 40;
 /** 表格最后一列最小宽度 (px)，弹性列用于吸收剩余空间 */
 export declare const TABLE_LAST_COL_MIN_WIDTH = 80;
 export declare const MOBILE_PADDING = "clamp(4px, 2vw, 12px)";

package/dist/Constants/mobile.js

@@ -8,7 +8,7 @@ var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
  * - 列数 >= 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)，与 style.ts 中 --agentic-ui-table-cell-min-width (40px) 保持一致 */ export var TABLE_DEFAULT_COL_WIDTH = 40;
 /** 表格最后一列最小宽度 (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';

package/dist/History/style.js

@@ -241,10 +241,10 @@ var genStyle = function genStyle(token) {
             transform: 'translateX(0)'
         },
         '95%': {
-            transform: 'translateX(var(--scroll-width))'
+            transform: 'translateX(var(--scroll-width, 0px))'
         },
         '100%': {
-            transform: 'translateX(var(--scroll-width))'
+            transform: 'translateX(var(--scroll-width, 0px))'
         }
     }), // 为超长文本添加滚动效果
     _define_property(_obj2, '[data-overflow="true"]', {

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -441,7 +441,8 @@ var I18nBoundary = function I18nBoundary(param) {
             }, contentStyle),
             prefixCls: baseClassName,
             fncProps: props.fncProps,
-            linkConfig: props.linkConfig
+            linkConfig: props.linkConfig,
+            eleRender: props.eleRender
         }), children))));
     }
     var _obj1;

package/dist/MarkdownEditor/editor/Editor.js

@@ -959,7 +959,7 @@ var defaultAllowedTypes = [
     };
     /**
    * 处理输入法开始事件
-   */ var onCompositionStart = function onCompositionStart(e) {
+   */ var onCompositionStart = function onCompositionStart() {
         var _markdownEditorRef_current_selection;
         if (markdownContainerRef.current) {
             markdownContainerRef.current.setAttribute('data-composition', '');
@@ -979,8 +979,18 @@ var defaultAllowedTypes = [
                 }
             }
         }
-        if (markdownEditorRef.current.selection && Range.isCollapsed(markdownEditorRef.current.selection)) {
-            e.preventDefault();
+    // 注意：不在此处调用 e.preventDefault()。
+    // 移动端（Android GBoard / iOS 软键盘）所有输入都经过组合事件，
+    // 调用 preventDefault 会阻断浏览器将字符写入 contenteditable，
+    // 导致 Slate 模型永远为空，占位符无法消失。
+    };
+    /**
+   * 部分 Android WebView（如微信）可能跳过 compositionstart 直接触发
+   * compositionupdate，此处兜底确保 data-composition 始终被设置。
+   */ var onCompositionUpdate = function onCompositionUpdate() {
+        if (markdownContainerRef.current && !markdownContainerRef.current.hasAttribute('data-composition')) {
+            markdownContainerRef.current.setAttribute('data-composition', '');
+            store.inputComposition = true;
         }
     };
     /**
@@ -988,9 +998,6 @@ var defaultAllowedTypes = [
    */ var onCompositionEnd = function onCompositionEnd() {
         var _markdownEditorRef_current_selection;
         store.inputComposition = false;
-        if (markdownContainerRef.current) {
-            markdownContainerRef.current.removeAttribute('data-composition');
-        }
         var focusPath = ((_markdownEditorRef_current_selection = markdownEditorRef.current.selection) === null || _markdownEditorRef_current_selection === void 0 ? void 0 : _markdownEditorRef_current_selection.focus.path) || [];
         if (focusPath.length > 0) {
             var _markdownEditorRef_current_selection1;
@@ -1005,6 +1012,14 @@ var defaultAllowedTypes = [
                 }
             }
         }
+        // 延迟到下一帧移除 data-composition，确保 Slate 完成模型更新、
+        // React 完成重渲染（isEmpty 变为 false、empty class 移除）后
+        // 再解除占位符隐藏，避免竞态导致占位符短暂闪现。
+        requestAnimationFrame(function() {
+            if (markdownContainerRef.current) {
+                markdownContainerRef.current.removeAttribute('data-composition');
+            }
+        });
     };
     var elementRenderElement = useRefFunction(function(eleProps) {
         var _props_lazy;
@@ -1227,6 +1242,7 @@ var defaultAllowedTypes = [
         autoCorrect: "off",
         autoCapitalize: "none",
         onCompositionStart: onCompositionStart,
+        onCompositionUpdate: onCompositionUpdate,
         onCompositionEnd: onCompositionEnd,
         className: classNames(props.className, baseClassName, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-").concat(readonlyCls), readonlyCls), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj, "".concat(baseClassName, "-compact"), props.compact), _obj), hashId),
         style: props.style,

package/dist/MarkdownEditor/editor/elements/Paragraph/index.js

@@ -97,7 +97,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import classNames from "clsx";
-import React, { useContext } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import { Node } from "slate";
 import { I18nContext } from "../../../../I18n";
 import { debugInfo } from "../../../../Utils/debugUtils";
@@ -115,6 +115,28 @@ export var Paragraph = function Paragraph(props) {
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;
     var locale = useContext(I18nContext).locale;
     var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];
+    // 将 store.inputComposition（可变对象属性）同步到 React state，
+    // 使 useMemo 能在组合输入状态变化时重新评估 isEmpty，
+    // 避免竞态导致占位符在组合结束后短暂闪现。
+    var _useState = _sliced_to_array(useState(false), 2), isComposing = _useState[0], setIsComposing = _useState[1];
+    useEffect(function() {
+        var container = markdownContainerRef.current;
+        if (!container) return;
+        var observer = new MutationObserver(function() {
+            setIsComposing(container.hasAttribute('data-composition'));
+        });
+        observer.observe(container, {
+            attributes: true,
+            attributeFilter: [
+                'data-composition'
+            ]
+        });
+        return function() {
+            return observer.disconnect();
+        };
+    }, [
+        markdownContainerRef
+    ]);
     return React.useMemo(function() {
         var _props_element_children_every, _props_element_children, _props_element, _markdownEditorRef_current, _props_children;
         var str = Node.string(props.element).trim();
@@ -129,10 +151,9 @@ export var Paragraph = function Paragraph(props) {
         var hasOnlyTextNodes = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_children = _props_element.children) === null || _props_element_children === void 0 ? void 0 : (_props_element_children_every = _props_element_children.every) === null || _props_element_children_every === void 0 ? void 0 : _props_element_children_every.call(_props_element_children, function(child) {
             return !child.type && !child.code && !child.tag;
         });
-        // 当 trim 后的字符串为空时，应该显示 placeholder
-        // 需要满足：只有一个段落节点，且所有子节点都是纯文本节点
-        // 注意：当只输入空格时，trim() 后为空，!str 为 true，应该正确显示 placeholder
-        var isEmpty = !str && ((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length) === 1 && hasOnlyTextNodes ? true : undefined;
+        // 组合输入进行中时，Slate 模型尚未更新（字符还在 IME 候选区），
+        // 此时强制视为非空以隐藏占位符，避免用户输入时占位符仍然可见。
+        var isEmpty = !str && !isComposing && ((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length) === 1 && hasOnlyTextNodes ? true : undefined;
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
             "data-be": 'paragraph',
             "data-drag-el": true,
@@ -155,6 +176,7 @@ export var Paragraph = function Paragraph(props) {
         align,
         readonly,
         selected,
+        isComposing,
         (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length,
         editorProps.titlePlaceholderContent
     ]);

package/dist/MarkdownEditor/editor/style.js

@@ -203,7 +203,7 @@ var genStyle = function genStyle(token) {
         width: '8px',
         height: '8px'
     }), _define_property(_obj, '::-webkit-scrollbar-thumb', {
-        backgroundColor: 'var(--color-gray-text-tertiary)',
+        backgroundColor: 'var(--color-gray-text-tertiary, var(--color-gray-text-light))',
         borderRadius: '20px'
     }), _define_property(_obj, '&-edit', {
         '> div.empty:first-child': {
@@ -222,7 +222,11 @@ var genStyle = function genStyle(token) {
                 fontSize: '1em',
                 lineHeight: '21px',
                 wordBreak: 'break-word',
-                whiteSpace: 'wrap'
+                whiteSpace: 'wrap',
+                // 防止占位符伪元素响应触摸/点击事件，避免在移动端
+                // 竞态窗口内占位符遮挡用户对实际文字的交互。
+                pointerEvents: 'none',
+                userSelect: 'none'
             }
         },
         '> div.empty:first-child [data-slate-node="text"]': {
@@ -366,7 +370,7 @@ var genStyle = function genStyle(token) {
             fontSize: '0.9rem',
             lineHeight: 'var(--line-height-base)',
             letterSpacing: 'var(--letter-spacing-base)',
-            fontFamily: 'var(--font-family-base)'
+            fontFamily: 'var(--font-family-base, var(--font-family-text))'
         },
         'ul, ol': {
             margin: 0

package/dist/MarkdownEditor/editor/tools/JinjaTemplatePanel/index.js

@@ -337,12 +337,12 @@ export var JinjaTemplatePanel = function JinjaTemplatePanel() {
     }, loading ? /*#__PURE__*/ React.createElement("div", {
         style: {
             padding: 12,
-            color: 'var(--color-text-secondary)'
+            color: 'var(--color-text-secondary, var(--color-gray-text-secondary, rgba(0,0,0,0.45)))'
         }
     }, locale.loading) : items.length === 0 ? notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : /*#__PURE__*/ React.createElement("div", {
         style: {
             padding: 12,
-            color: 'var(--color-text-secondary)'
+            color: 'var(--color-text-secondary, var(--color-gray-text-secondary, rgba(0,0,0,0.45)))'
         }
     }, locale['jinja.panel.noTemplates']) : items.map(function(item, i) {
         return /*#__PURE__*/ React.createElement("div", {

package/dist/MarkdownEditor/editor/utils/findMatchingClose.js

@@ -101,26 +101,46 @@
     }
     return false;
 }
-/**
- * 检查 Mermaid 代码是否完整
- */ function isMermaidCodeComplete(code) {
-    // 检查是否包含基本的 Mermaid 图表类型关键字
-    var hasChartType = code.includes('graph') || code.includes('sequenceDiagram') || code.includes('gantt') || code.includes('pie') || code.includes('classDiagram') || code.includes('stateDiagram') || code.includes('erDiagram') || code.includes('journey') || code.includes('gitgraph') || code.includes('flowchart');
-    if (!hasChartType) return false;
-    // 检查基本结构完整性
+var MERMAID_DIAGRAM_KEYWORDS = [
+    'graph',
+    'flowchart',
+    'sequenceDiagram',
+    'gantt',
+    'pie',
+    'classDiagram',
+    'stateDiagram',
+    'erDiagram',
+    'journey',
+    'gitgraph',
+    'xychart-beta',
+    'mindmap',
+    'timeline',
+    'quadrantChart',
+    'sankey-beta',
+    'block-beta',
+    'packet-beta',
+    'kanban',
+    'architecture-beta',
+    'requirementDiagram',
+    'zenuml',
+    'C4Context',
+    'C4Container',
+    'C4Component',
+    'C4Deployment'
+];
+var MERMAID_INCOMPLETE_TAIL = [
+    /graph\s*$/i,
+    /-->?\s*$/
+];
+function isMermaidCodeComplete(code) {
+    if (!MERMAID_DIAGRAM_KEYWORDS.some(function(kw) {
+        return code.includes(kw);
+    })) return false;
     if (code.length < 10) return false;
-    // 检查括号匹配
-    var hasUnclosedBrackets = checkUnclosedBrackets(code);
-    if (hasUnclosedBrackets) return false;
-    // 检查是否以常见的不完整模式结尾
-    var incompletePatterns = [
-        /graph\s*$/i,
-        /-->?\s*$/
-    ];
-    var endsWithIncomplete = incompletePatterns.some(function(pattern) {
-        return pattern.test(code);
+    if (checkUnclosedBrackets(code)) return false;
+    return !MERMAID_INCOMPLETE_TAIL.some(function(re) {
+        return re.test(code);
     });
-    return !endsWithIncomplete;
 }
 /**
  * 检查代码块是否完整（基于代码内容）

package/dist/MarkdownEditor/style.js

@@ -64,8 +64,8 @@ var TABLE_CELL = {
     textAlign: 'left',
     lineHeight: '24px',
     fontSize: '1em',
-    minWidth: 'var(--agentic-ui-table-cell-min-width, 120px)',
-    width: 'var(--agentic-ui-table-cell-min-width, 120px)',
+    minWidth: 'var(--agentic-ui-table-cell-min-width, 40px)',
+    width: 'var(--agentic-ui-table-cell-min-width, 40px)',
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -155,6 +155,8 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
             borderBottom: 'none'
         }), _define_property(_obj, 'tr td:first-child:not(.config-td)', {
             fontWeight: 600
+        }), _define_property(_obj, 'tbody tr:not(.config-tr)', {
+            animation: 'agenticTableRowFadeIn 0.3s ease both'
         }), _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, ")"), {
@@ -295,6 +297,15 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
         '&:hover': {
             color: '#52c41a'
         }
+    }), _define_property(_obj1, '@keyframes agenticTableRowFadeIn', {
+        from: {
+            opacity: 0,
+            transform: 'translateY(4px)'
+        },
+        to: {
+            opacity: 1,
+            transform: 'translateY(0)'
+        }
     }), _obj1;
 };
 var genStyle = function genStyle(token) {

package/dist/MarkdownEditor/types.d.ts

@@ -344,7 +344,7 @@ export type MarkdownEditorProps = {
      * - `--agentic-ui-table-header-bg` 表头背景色，默认 #f7f7f9
      * - `--agentic-ui-table-hover-bg` 行悬停背景色，默认 rgba(0,0,0,0.04)
      * - `--agentic-ui-table-cell-bg` 单元格背景色，默认 #ffffff
-     * - `--agentic-ui-table-cell-min-width` 单元格最小宽度，默认 120px
+     * - `--agentic-ui-table-cell-min-width` 单元格最小宽度，默认 40px
      * - `--agentic-ui-table-cell-padding` 单元格内边距，默认 16px 12px
      * @example style={{ ['--agentic-ui-table-border-color']: '#ddd', ['--agentic-ui-table-header-bg']: '#f0f0f0' } as React.CSSProperties}
      */
@@ -637,4 +637,14 @@ export type MarkdownEditorProps = {
      * @description 当同时传入时，`renderMode` 优先
      */
     renderType?: RenderMode;
+    /**
+     * 自定义元素渲染函数（仅 `renderMode: 'markdown'` 时生效）
+     * @description 拦截并自定义 MarkdownRenderer 中任意块级/行内元素的渲染结果。
+     * 与 Slate 模式的 `eleItemRender` 对应，允许替换段落、标题、列表、图片等元素。
+     * 返回 `undefined` 时回退到默认渲染。
+     * @param props - 元素属性（tagName、node、children 等）
+     * @param defaultDom - 默认渲染结果
+     * @returns 自定义渲染节点，或 undefined 时回退到 defaultDom
+     */
+    eleRender?: (props: import('../MarkdownRenderer/types').MarkdownRendererEleProps, defaultDom: React.ReactNode) => React.ReactNode;
 };

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileIcon.js

@@ -108,7 +108,7 @@ var VideoThumbnail = function VideoThumbnail(param) {
         style: _object_spread_props(_object_spread({}, style), {
             position: 'relative',
             overflow: 'hidden',
-            borderRadius: 'var(--radius-base)',
+            borderRadius: 'var(--radius-base, 4px)',
             flexShrink: 0
         })
     }, /*#__PURE__*/ React.createElement("video", {

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -83,8 +83,8 @@ var genStyle = function genStyle(token) {
                 height: 'var(--padding-1x)'
             },
             '&::-webkit-scrollbar-thumb': {
-                background: 'var(--color-gray-border-default)',
-                borderRadius: 'var(--radius-base)'
+                background: 'var(--color-gray-border-default, var(--color-gray-border-light))',
+                borderRadius: 'var(--radius-base, var(--radius-control-xs, 4px))'
             },
             '&::-webkit-scrollbar-track': {
                 background: 'transparent'
@@ -141,7 +141,7 @@ var genStyle = function genStyle(token) {
                     background: 'var(--color-gray-bg-card-white)',
                     boxSizing: 'border-box',
                     boxShadow: 'var(--shadow-control-base)',
-                    borderRadius: 'var(--radius-base)',
+                    borderRadius: 'var(--radius-base, var(--radius-control-xs, 4px))',
                     border: 'none',
                     overflow: 'hidden',
                     img: {

package/dist/MarkdownInputField/FileMapView/style.js

@@ -80,7 +80,8 @@ var genStyle = function genStyle(token) {
             padding: 0,
             maxWidth: 'calc(285px * 3 + 4px * 2)',
             '& > :only-child': {
-                marginTop: 8
+                marginTop: 8,
+                padding: 2
             }
         },
         '&::-webkit-scrollbar': {
@@ -271,7 +272,7 @@ var genStyle = function genStyle(token) {
                 background: 'var(--color-gray-bg-card-white)',
                 boxSizing: 'border-box',
                 boxShadow: 'var(--shadow-control-base)',
-                borderRadius: 'var(--radius-base)',
+                borderRadius: 'var(--radius-base, 4px)',
                 border: 'none',
                 overflow: 'hidden',
                 img: {

package/dist/MarkdownInputField/SkillModeBar/style.js

@@ -99,7 +99,7 @@ var genStyle = function genStyle(token) {
             borderRadius: 'var(--radius-control-sm)'
         },
         '&:active': {
-            backgroundColor: 'var(--color-gray-control-fill-pressed)',
+            backgroundColor: 'var(--color-gray-control-fill-pressed, var(--color-gray-control-fill-secondary-active))',
             outline: 'none',
             border: 'none'
         },

package/dist/MarkdownInputField/style.js

@@ -172,7 +172,7 @@ var genStyle = function genStyle(token) {
             maxHeight: 400,
             height: '100%',
             overflowY: 'visible',
-            scrollbarColor: 'var(--color-gray-text-tertiary) transparent',
+            scrollbarColor: 'var(--color-gray-text-tertiary, #505c716b) transparent',
             scrollbarWidth: 'thin',
             '&&-disabled': {
                 backgroundColor: 'rgba(0,0,0,0.04)',

package/dist/MarkdownRenderer/MarkdownRenderer.js

@@ -236,7 +236,7 @@ var SCHEMA_LANGUAGES = new Set([
  * - Markdown → hast → React 元素树（hast-util-to-jsx-runtime）
  * - 特殊块（code / mermaid / chart / katex）通过组件映射拦截渲染
  */ var InternalMarkdownRenderer = /*#__PURE__*/ forwardRef(function(props, ref) {
-    var content = props.content, _props_streaming = props.streaming, streaming = _props_streaming === void 0 ? false : _props_streaming, isFinished = props.isFinished, queueOptions = props.queueOptions, plugins = props.plugins, remarkPlugins = props.remarkPlugins, htmlConfig = props.htmlConfig, className = props.className, style = props.style, customPrefixCls = props.prefixCls, linkConfig = props.linkConfig, streamingParagraphAnimation = props.streamingParagraphAnimation, apaasify = props.apaasify;
+    var content = props.content, _props_streaming = props.streaming, streaming = _props_streaming === void 0 ? false : _props_streaming, isFinished = props.isFinished, queueOptions = props.queueOptions, plugins = props.plugins, remarkPlugins = props.remarkPlugins, htmlConfig = props.htmlConfig, className = props.className, style = props.style, customPrefixCls = props.prefixCls, linkConfig = props.linkConfig, streamingParagraphAnimation = props.streamingParagraphAnimation, apaasify = props.apaasify, eleRender = props.eleRender;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     // 复用 MarkdownEditor 的 CSS 前缀和样式，保持渲染一致性
     var prefixCls = getPrefixCls('agentic-md-editor', customPrefixCls);
@@ -358,7 +358,8 @@ var SCHEMA_LANGUAGES = new Set([
         linkConfig: linkConfig,
         streaming: streaming,
         streamingParagraphAnimation: streamingParagraphAnimation,
-        contentRevisionSource: streaming ? displayedContent : undefined
+        contentRevisionSource: streaming ? displayedContent : undefined,
+        eleRender: eleRender
     });
     return wrapVarSSR(wrapSSR(wrapContentSSR(/*#__PURE__*/ React.createElement("div", {
         ref: containerRef,

package/dist/MarkdownRenderer/index.d.ts

@@ -6,7 +6,7 @@ export { ChartBlockRenderer } from './renderers/ChartRenderer';
 export { CodeBlockRenderer } from './renderers/CodeRenderer';
 export { MermaidBlockRenderer } from './renderers/MermaidRenderer';
 export { SchemaBlockRenderer } from './renderers/SchemaRenderer';
-export type { CharacterQueueOptions, MarkdownRendererProps, MarkdownRendererRef, RenderMode, RendererBlockProps, } from './types';
+export type { CharacterQueueOptions, MarkdownRendererEleProps, MarkdownRendererProps, MarkdownRendererRef, RenderMode, RendererBlockProps, } from './types';
 export type { UseMarkdownToReactOptions } from './markdownReactShared';
 export { markdownToReactSync, useMarkdownToReact } from './useMarkdownToReact';
 export { useStreamingMarkdownReact } from './streaming/useStreamingMarkdownReact';