@ant-design/agentic-ui 2.30.10 → 2.30.12

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiFileMapBlock.js

@@ -0,0 +1,83 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import React from "react";
+import { FileMapView } from "../../../../MarkdownInputField/FileMapView";
+import { normalizeFileMapPropsFromJson } from "./agenticUiEmbedUtils";
+export var AgenticUiFileMapBlock = function AgenticUiFileMapBlock(param) {
+    var attributes = param.attributes, children = param.children, element = param.element;
+    var _normalizeFileMapPropsFromJson = normalizeFileMapPropsFromJson(element.value), fileList = _normalizeFileMapPropsFromJson.fileList, className = _normalizeFileMapPropsFromJson.className;
+    var fileMap = new Map(fileList.map(function(f) {
+        return [
+            f.uuid || f.name,
+            f
+        ];
+    }));
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        contentEditable: false,
+        "data-testid": "agentic-ui-filemap-block",
+        style: {
+            margin: '0.75em 0'
+        }
+    }), /*#__PURE__*/ React.createElement(FileMapView, {
+        fileMap: fileMap,
+        className: className
+    }), /*#__PURE__*/ React.createElement("span", {
+        "data-testid": "agentic-ui-filemap-hidden-children",
+        style: {
+            display: 'none'
+        }
+    }, children));
+};
+AgenticUiFileMapBlock.displayName = 'AgenticUiFileMapBlock';
+export var ReadonlyAgenticUiFileMapBlock = /*#__PURE__*/ React.memo(AgenticUiFileMapBlock);
+ReadonlyAgenticUiFileMapBlock.displayName = 'ReadonlyAgenticUiFileMapBlock';

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils.d.ts

@@ -1,4 +1,5 @@
 import type { CSSProperties } from 'react';
+import type { AttachmentFile } from '../../../../MarkdownInputField/AttachmentButton/types';
 import type { TaskListProps } from '../../../../TaskList/types';
 import type { ToolCall } from '../../../../ToolUseBar/BarItem';
 /**
@@ -18,3 +19,12 @@ export interface NormalizedToolUseBarEmbedProps {
     disableAnimation?: boolean;
 }
 export declare function normalizeToolUseBarPropsFromJson(parsed: unknown): NormalizedToolUseBarEmbedProps;
+export interface NormalizedFileMapEmbedProps {
+    fileList: AttachmentFile[];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
+ */
+export declare function normalizeFileMapPropsFromJson(parsed: unknown): NormalizedFileMapEmbedProps;

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/agenticUiEmbedUtils.js

@@ -167,3 +167,47 @@ export function normalizeToolUseBarPropsFromJson(parsed) {
         disableAnimation: disableAnimation
     };
 }
+var fileItemFromRecord = function fileItemFromRecord(x, index) {
+    var name = x.name !== undefined && x.name !== null ? String(x.name) : "file-".concat(index);
+    var url = x.url !== undefined && x.url !== null ? String(x.url) : undefined;
+    var previewUrl = x.previewUrl !== undefined && x.previewUrl !== null ? String(x.previewUrl) : undefined;
+    var type = x.type !== undefined && x.type !== null ? String(x.type) : 'application/octet-stream';
+    var size = typeof x.size === 'number' ? x.size : undefined;
+    var uuid = x.uuid !== undefined && x.uuid !== null ? String(x.uuid) : x.id !== undefined && x.id !== null ? String(x.id) : "file-".concat(index);
+    var rawStatus = x.status;
+    var status = rawStatus === 'error' || rawStatus === 'uploading' || rawStatus === 'pending' || rawStatus === 'done' ? rawStatus : undefined;
+    var errorMessage = typeof x.errorMessage === 'string' ? x.errorMessage : undefined;
+    return {
+        name: name,
+        type: type,
+        url: url,
+        previewUrl: previewUrl,
+        uuid: uuid,
+        size: size,
+        status: status,
+        errorMessage: errorMessage
+    };
+};
+/**
+ * 将 ```agentic-ui-filemap JSON 规范化为 FileMapView 所需 props
+ */ export function normalizeFileMapPropsFromJson(parsed) {
+    var root = parsed && (typeof parsed === "undefined" ? "undefined" : _type_of(parsed)) === 'object' && !Array.isArray(parsed) ? parsed : null;
+    var rawItems = [];
+    if (root && Array.isArray(root.fileList)) {
+        rawItems = root.fileList;
+    } else if (root && Array.isArray(root.files)) {
+        rawItems = root.files;
+    } else if (Array.isArray(parsed)) {
+        rawItems = parsed;
+    }
+    var fileList = rawItems.filter(function(x) {
+        return !!x && (typeof x === "undefined" ? "undefined" : _type_of(x)) === 'object';
+    }).map(function(x, i) {
+        return fileItemFromRecord(x, i);
+    });
+    var className = root && typeof root.className === 'string' ? root.className : undefined;
+    return {
+        fileList: fileList,
+        className: className
+    };
+}

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/elements/index.js

@@ -98,6 +98,7 @@ import { useEditorStore } from "../store";
 import { EditorUtils } from "../utils/editorUtils";
 import { AgenticUiTaskBlock, ReadonlyAgenticUiTaskBlock } from "./AgenticUiBlocks/AgenticUiTaskBlock";
 import { AgenticUiToolUseBarBlock, ReadonlyAgenticUiToolUseBarBlock } from "./AgenticUiBlocks/AgenticUiToolUseBarBlock";
+import { AgenticUiFileMapBlock, ReadonlyAgenticUiFileMapBlock } from "./AgenticUiBlocks/AgenticUiFileMapBlock";
 import { Blockquote } from "./Blockquote";
 import { ReadonlyBlockquote } from "./Blockquote/ReadonlyBlockquote";
 import { Break } from "./Break";
@@ -250,6 +251,8 @@ var MElementComponent = function MElementComponent(props) {
         case 'agentic-ui-toolusebar':
         case 'agentic-ui-usertoolbar':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiToolUseBarBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiToolUseBarBlock, props);
+        case 'agentic-ui-filemap':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiFileMapBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiFileMapBlock, props);
         case 'image':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, readonlyElementProps) : /*#__PURE__*/ React.createElement(EditorImage, props);
         case 'media':

package/dist/MarkdownEditor/editor/parser/parse/parseCode.js

@@ -128,7 +128,8 @@ var processSchemaLanguage = function processSchemaLanguage(element, value) {
     'agentar-card': processSchemaLanguage,
     'agentic-ui-task': processAgenticUiJsonBlock('agentic-ui-task'),
     'agentic-ui-toolusebar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
-    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar')
+    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
+    'agentic-ui-filemap': processAgenticUiJsonBlock('agentic-ui-filemap')
 };
 /**
  * 处理代码块节点

package/dist/MarkdownEditor/editor/parser/parserSlateNodeToMarkdown.js

@@ -287,6 +287,7 @@ var inlineNode = new Set([
         case 'agentic-ui-task':
         case 'agentic-ui-toolusebar':
         case 'agentic-ui-usertoolbar':
+        case 'agentic-ui-filemap':
             str += handleCode(node, preString);
             break;
         case 'attach':

package/dist/MarkdownEditor/editor/plugins/handlePaste.js

@@ -758,7 +758,8 @@ import { parseMarkdownToNodesAndInsert } from "./parseMarkdownToNodesAndInsert";
         'apaasify',
         'agentic-ui-task',
         'agentic-ui-toolusebar',
-        'agentic-ui-usertoolbar'
+        'agentic-ui-usertoolbar',
+        'agentic-ui-filemap'
     ].includes(rangeNode.type);
 };
 /**

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

@@ -140,6 +140,7 @@ import { useStyle as useEditorStyle } from "../MarkdownEditor/style";
 import { CharacterQueue } from "./CharacterQueue";
 import { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
 import { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
+import { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
 import { ChartBlockRenderer } from "./renderers/ChartRenderer";
 import { CodeBlockRenderer } from "./renderers/CodeRenderer";
 import { MermaidBlockRenderer } from "./renderers/MermaidRenderer";
@@ -215,6 +216,12 @@ var SCHEMA_LANGUAGES = new Set([
             language: language
         }));
     }
+    if (language === 'agentic-ui-filemap') {
+        var FileMapComp = pluginComponents['agentic-ui-filemap'] || AgenticUiFileMapBlockRenderer;
+        return /*#__PURE__*/ React.createElement(FileMapComp, _object_spread_props(_object_spread({}, rest), {
+            language: language
+        }));
+    }
     if (SCHEMA_LANGUAGES.has(language)) {
         var SchemaComp = pluginComponents.schema || SchemaBlockRenderer;
         return /*#__PURE__*/ React.createElement(SchemaComp, _object_spread_props(_object_spread({}, rest), {
@@ -236,7 +243,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 +365,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

@@ -2,11 +2,14 @@ export { default as AnimationText } from './AnimationText';
 export type { AnimationConfig, AnimationTextProps } from './AnimationText';
 export { CharacterQueue } from './CharacterQueue';
 export { default as MarkdownRenderer } from './MarkdownRenderer';
+export { AgenticUiFileMapBlockRenderer } from './renderers/AgenticUiFileMapBlockRenderer';
+export { AgenticUiTaskBlockRenderer } from './renderers/AgenticUiTaskBlockRenderer';
+export { AgenticUiToolUseBarBlockRenderer } from './renderers/AgenticUiToolUseBarBlockRenderer';
 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/index.js

@@ -1,6 +1,9 @@
 export { default as AnimationText } from "./AnimationText";
 export { CharacterQueue } from "./CharacterQueue";
 export { default as MarkdownRenderer } from "./MarkdownRenderer";
+export { AgenticUiFileMapBlockRenderer } from "./renderers/AgenticUiFileMapBlockRenderer";
+export { AgenticUiTaskBlockRenderer } from "./renderers/AgenticUiTaskBlockRenderer";
+export { AgenticUiToolUseBarBlockRenderer } from "./renderers/AgenticUiToolUseBarBlockRenderer";
 export { ChartBlockRenderer } from "./renderers/ChartRenderer";
 export { CodeBlockRenderer } from "./renderers/CodeRenderer";
 export { MermaidBlockRenderer } from "./renderers/MermaidRenderer";

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 };