@ant-design/agentic-ui 2.30.9 → 2.30.11

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

package/dist/MarkdownRenderer/markdownReactShared.js

@@ -432,7 +432,7 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
  *
  * MarkdownEditor 的 Slate 元素使用 data-be 属性和 prefixCls 类名，
  * 这里为原生 HTML 标签添加相同的属性，使共用的 CSS 能正确命中。
- */ var buildEditorAlignedComponents = function buildEditorAlignedComponents(prefixCls, userComponents, streaming, linkConfig, streamingParagraphAnimation) {
+ */ var buildEditorAlignedComponents = function buildEditorAlignedComponents(prefixCls, userComponents, streaming, linkConfig, streamingParagraphAnimation, eleRender) {
     var listCls = "".concat(prefixCls, "-list");
     var tableCls = "".concat(prefixCls, "-content-table");
     var contentCls = prefixCls; // e.g. ant-agentic-md-editor-content
@@ -453,104 +453,148 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
             children: children
         });
     };
+    /**
+   * 应用 eleRender 拦截：若用户返回非 undefined 值则使用，否则使用 defaultDom。
+   * 不对 table-cell/table-row 等子结构元素（th/td/tr/thead/tbody）进行拦截，
+   * 与 Slate 模式保持一致。
+   */ var applyEleRender = function applyEleRender(tagName, props, defaultDom) {
+        var skip = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+        if (!eleRender || skip) return defaultDom;
+        var result = eleRender(_object_spread({
+            tagName: tagName
+        }, props), defaultDom);
+        return result !== undefined ? result : defaultDom;
+    };
     return _object_spread({
         // ================================================================
         // Block 级别元素
         // ================================================================
         p: function p(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('div', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('div', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'paragraph',
                 'data-testid': 'markdown-paragraph',
                 children: wrapAnimation(children)
             }));
+            return applyEleRender('p', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h1: function h1(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h1', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h1', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-1',
                 children: children
             }));
+            return applyEleRender('h1', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h2: function h2(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h2', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h2', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-2',
                 children: children
             }));
+            return applyEleRender('h2', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h3: function h3(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h3', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h3', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-3',
                 children: children
             }));
+            return applyEleRender('h3', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h4: function h4(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h4', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h4', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-4',
                 children: children
             }));
+            return applyEleRender('h4', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h5: function h5(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h5', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h5', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-5',
                 children: children
             }));
+            return applyEleRender('h5', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         h6: function h6(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('h6', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('h6', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'head',
                 'data-testid': 'markdown-heading-6',
                 children: children
             }));
+            return applyEleRender('h6', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         blockquote: function blockquote(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('blockquote', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('blockquote', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'blockquote',
                 'data-testid': 'markdown-blockquote',
                 children: children
             }));
+            return applyEleRender('blockquote', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         ul: function ul(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 className: "".concat(listCls, "-container"),
                 'data-be': 'list',
                 'data-testid': 'markdown-unordered-list',
@@ -559,14 +603,18 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     children: children
                 }))
             });
+            return applyEleRender('ul', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         ol: function ol(props) {
-            var _node = props.node, children = props.children, start = props.start, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, start = props.start, rest = _object_without_properties(props, [
                 "node",
                 "children",
                 "start"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 className: "".concat(listCls, "-container"),
                 'data-be': 'list',
                 'data-testid': 'markdown-ordered-list',
@@ -576,14 +624,20 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     children: children
                 }))
             });
+            return applyEleRender('ol', _object_spread({
+                node: node,
+                children: children,
+                start: start
+            }, rest), defaultDom);
         },
         li: function li(props) {
-            var _node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
                 "node",
                 "children",
                 "className"
             ]);
             var isTask = className === 'task-list-item' || Array.isArray(className) && className.includes('task-list-item');
+            var defaultDom;
             if (isTask) {
                 var childArray = Array.isArray(children) ? children : [
                     children
@@ -598,7 +652,7 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     }
                     return true;
                 });
-                return jsxs('li', _object_spread_props(_object_spread({}, rest), {
+                defaultDom = jsxs('li', _object_spread_props(_object_spread({}, rest), {
                     className: "".concat(listCls, "-item ").concat(listCls, "-task"),
                     'data-be': 'list-item',
                     'data-testid': 'markdown-task-item',
@@ -614,20 +668,26 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                         })
                     ].concat(_to_consumable_array(filteredChildren))
                 }));
+            } else {
+                defaultDom = jsx('li', _object_spread_props(_object_spread({}, rest), {
+                    className: "".concat(listCls, "-item"),
+                    'data-be': 'list-item',
+                    'data-testid': 'markdown-list-item',
+                    children: children
+                }));
             }
-            return jsx('li', _object_spread_props(_object_spread({}, rest), {
-                className: "".concat(listCls, "-item"),
-                'data-be': 'list-item',
-                'data-testid': 'markdown-list-item',
-                children: children
-            }));
+            return applyEleRender('li', _object_spread({
+                node: node,
+                children: children,
+                className: className
+            }, rest), defaultDom);
         },
         table: function table(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 className: tableCls,
                 'data-testid': 'markdown-table',
                 children: jsx('div', {
@@ -642,6 +702,10 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     }))
                 })
             });
+            return applyEleRender('table', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         thead: function thead(props) {
             var _node = props.node, children = props.children, rest = _object_without_properties(props, [
@@ -684,7 +748,7 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     whiteSpace: 'normal',
                     maxWidth: '20%'
                 },
-                children: children
+                children: wrapAnimation(children)
             }));
         },
         td: function td(props) {
@@ -698,7 +762,7 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     whiteSpace: 'normal',
                     maxWidth: '20%'
                 },
-                children: children
+                children: wrapAnimation(children)
             }));
         },
         // input[type=checkbox]：task list 的 checkbox（兜底，主逻辑在 li 中）
@@ -726,13 +790,13 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
         // Leaf 级别（行内元素）
         // ================================================================
         a: function a(props) {
-            var _node = props.node, href = props.href, _origOnClick = props.onClick, rest = _object_without_properties(props, [
+            var node = props.node, href = props.href, _origOnClick = props.onClick, rest = _object_without_properties(props, [
                 "node",
                 "href",
                 "onClick"
             ]);
             var openInNewTab = (linkConfig === null || linkConfig === void 0 ? void 0 : linkConfig.openInNewTab) !== false;
-            return jsx('a', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('a', _object_spread_props(_object_spread({}, rest), {
                 href: href,
                 'data-be': 'text',
                 'data-url': 'url',
@@ -749,42 +813,58 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     }
                 }
             }));
+            return applyEleRender('a', _object_spread({
+                node: node,
+                href: href
+            }, rest), defaultDom);
         },
         strong: function strong(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('strong', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('strong', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-bold',
                 style: {
                     fontWeight: 'bold'
                 },
                 children: children
             }));
+            return applyEleRender('strong', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         em: function em(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('em', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('em', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-italic',
                 style: {
                     fontStyle: 'italic'
                 },
                 children: children
             }));
+            return applyEleRender('em', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         del: function del(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('del', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('del', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-strikethrough',
                 children: children
             }));
+            return applyEleRender('del', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         code: function code(props) {
             var _node = props.node, children = props.children, className = props.className, rest = _object_without_properties(props, [
@@ -800,11 +880,11 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
             }));
         },
         mark: function mark(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('mark', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('mark', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-mark',
                 style: {
                     background: '#f59e0b',
@@ -813,13 +893,17 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                 },
                 children: children
             }));
+            return applyEleRender('mark', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         kbd: function kbd(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('kbd', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('kbd', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-kbd',
                 style: {
                     padding: '0.1em 0.4em',
@@ -831,16 +915,24 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                 },
                 children: children
             }));
+            return applyEleRender('kbd', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         sub: function sub(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('sub', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('sub', _object_spread_props(_object_spread({}, rest), {
                 'data-testid': 'markdown-sub',
                 children: children
             }));
+            return applyEleRender('sub', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         // ================================================================
         // 代码块 pre > code → 路由到自定义渲染器
@@ -865,14 +957,18 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     node: hastPreNode
                 }));
             }
-            return jsxs('pre', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsxs('pre', _object_spread_props(_object_spread({}, rest), {
                 children: [
                     children
                 ]
             }));
+            return applyEleRender('pre', _object_spread({
+                node: hastPreNode,
+                children: children
+            }, rest), defaultDom);
         },
         img: function img(props) {
-            var _node = props.node, src = props.src, alt = props.alt, width = props.width, height = props.height, _rest = _object_without_properties(props, [
+            var node = props.node, src = props.src, alt = props.alt, width = props.width, height = props.height, rest = _object_without_properties(props, [
                 "node",
                 "src",
                 "alt",
@@ -880,7 +976,7 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                 "height"
             ]);
             var imgWidth = width ? Number(width) || width : 400;
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 'data-be': 'image',
                 'data-testid': 'markdown-image',
                 style: {
@@ -922,14 +1018,21 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     })
                 })
             });
+            return applyEleRender('img', _object_spread({
+                node: node,
+                src: src,
+                alt: alt,
+                width: width,
+                height: height
+            }, rest), defaultDom);
         },
         // 视频：对齐 ReadonlyMedia 的 video 处理
         video: function video(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 'data-be': 'media',
                 'data-testid': 'markdown-video',
                 style: {
@@ -947,14 +1050,18 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     children: children
                 }))
             });
+            return applyEleRender('video', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         // 音频：对齐 ReadonlyMedia 的 audio 处理
         audio: function audio(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 'data-be': 'media',
                 'data-testid': 'markdown-audio',
                 style: {
@@ -970,13 +1077,17 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     children: children
                 }))
             });
+            return applyEleRender('audio', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         // iframe
         iframe: function iframe(props) {
-            var _node = props.node, rest = _object_without_properties(props, [
+            var node = props.node, rest = _object_without_properties(props, [
                 "node"
             ]);
-            return jsx('div', {
+            var defaultDom = jsx('div', {
                 'data-testid': 'markdown-iframe',
                 style: {
                     position: 'relative',
@@ -992,23 +1103,29 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                     }
                 }))
             });
+            return applyEleRender('iframe', _object_spread({
+                node: node
+            }, rest), defaultDom);
         },
         hr: function hr(props) {
-            var _node = props.node, rest = _object_without_properties(props, [
+            var node = props.node, rest = _object_without_properties(props, [
                 "node"
             ]);
-            return jsx('hr', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('hr', _object_spread_props(_object_spread({}, rest), {
                 'data-be': 'hr',
                 'data-testid': 'markdown-hr'
             }));
+            return applyEleRender('hr', _object_spread({
+                node: node
+            }, rest), defaultDom);
         },
         // 脚注引用 sup > a（remark-gfm 有定义时生成）
         sup: function sup(props) {
-            var _node = props.node, children = props.children, rest = _object_without_properties(props, [
+            var node = props.node, children = props.children, rest = _object_without_properties(props, [
                 "node",
                 "children"
             ]);
-            return jsx('span', _object_spread_props(_object_spread({}, rest), {
+            var defaultDom = jsx('span', _object_spread_props(_object_spread({}, rest), {
                 'data-fnc': 'fnc',
                 'data-testid': 'markdown-footnote-ref',
                 className: "".concat(contentCls, "-fnc"),
@@ -1018,6 +1135,10 @@ var extractLanguageFromClassName = function extractLanguageFromClassName(classNa
                 },
                 children: children
             }));
+            return applyEleRender('sup', _object_spread({
+                node: node,
+                children: children
+            }, rest), defaultDom);
         },
         span: function span(props) {
             var _node = props.node, children = props.children, rest = _object_without_properties(props, [