@ant-design/agentic-ui 2.30.10 → 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/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/types.d.ts

@@ -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';

package/dist/MarkdownRenderer/markdownReactShared.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { Processor } from 'unified';
 import { type MarkdownRemarkPlugin, type MarkdownToHtmlConfig } from '../MarkdownEditor/editor/utils/markdownToHtml';
-import type { RendererBlockProps } from './types';
+import type { MarkdownRendererEleProps, RendererBlockProps } from './types';
 declare const createHastProcessor: (extraRemarkPlugins?: MarkdownRemarkPlugin[], config?: MarkdownToHtmlConfig) => Processor;
 /**
  * 构建与 MarkdownEditor Readonly 组件对齐的 hast→React 组件映射。
@@ -12,40 +12,40 @@ declare const createHastProcessor: (extraRemarkPlugins?: MarkdownRemarkPlugin[],
 declare const buildEditorAlignedComponents: (prefixCls: string, userComponents: Record<string, React.ComponentType<RendererBlockProps>>, streaming?: boolean, linkConfig?: {
     openInNewTab?: boolean | undefined;
     onClick?: ((url?: string) => boolean | void) | undefined;
-} | undefined, streamingParagraphAnimation?: boolean) => {
-    p: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h1: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h2: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h3: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h4: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h5: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    h6: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    blockquote: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ul: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ol: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    li: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    table: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+} | undefined, streamingParagraphAnimation?: boolean, eleRender?: ((props: MarkdownRendererEleProps, defaultDom: React.ReactNode) => React.ReactNode) | undefined) => {
+    p: (props: any) => React.ReactNode;
+    h1: (props: any) => React.ReactNode;
+    h2: (props: any) => React.ReactNode;
+    h3: (props: any) => React.ReactNode;
+    h4: (props: any) => React.ReactNode;
+    h5: (props: any) => React.ReactNode;
+    h6: (props: any) => React.ReactNode;
+    blockquote: (props: any) => React.ReactNode;
+    ul: (props: any) => React.ReactNode;
+    ol: (props: any) => React.ReactNode;
+    li: (props: any) => React.ReactNode;
+    table: (props: any) => React.ReactNode;
     thead: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     tbody: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     tr: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     th: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     td: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     input: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    a: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    strong: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    em: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    del: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    a: (props: any) => React.ReactNode;
+    strong: (props: any) => React.ReactNode;
+    em: (props: any) => React.ReactNode;
+    del: (props: any) => React.ReactNode;
     code: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    mark: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    kbd: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    sub: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    pre: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    img: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    video: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    audio: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    iframe: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    hr: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    sup: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    mark: (props: any) => React.ReactNode;
+    kbd: (props: any) => React.ReactNode;
+    sub: (props: any) => React.ReactNode;
+    pre: (props: any) => React.ReactNode;
+    img: (props: any) => React.ReactNode;
+    video: (props: any) => React.ReactNode;
+    audio: (props: any) => React.ReactNode;
+    iframe: (props: any) => React.ReactNode;
+    hr: (props: any) => React.ReactNode;
+    sup: (props: any) => React.ReactNode;
     span: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     section: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     think: (props: any) => React.FunctionComponentElement<import("../ToolUseBarThink").ToolUseBarThinkProps>;
@@ -89,5 +89,12 @@ export interface UseMarkdownToReactOptions {
      * 与 `content`（常为 useStreaming 输出的可解析串）分离，避免占位符与正文切换时误判为非前缀修订。
      */
     contentRevisionSource?: string;
+    /**
+     * 自定义元素渲染拦截函数（markdown 渲染模式）。
+     * 允许在默认渲染结果基础上包装、替换任意元素。
+     * 返回 undefined 时回退到默认渲染。
+     */
+    eleRender?: (props: MarkdownRendererEleProps, defaultDom: React.ReactNode) => React.ReactNode;
 }
 export { buildEditorAlignedComponents, createHastProcessor, markLastParagraphStreamingTail, renderMarkdownBlock, splitMarkdownBlocks, };
+export type { MarkdownRendererEleProps };