@ant-design/agentic-ui 2.29.53 → 2.29.55

package/dist/Hooks/useElementSize.js

@@ -54,7 +54,6 @@ export var useElementSize = function useElementSize(element) {
         if (!element.current) return;
         var resizeObserver = new ResizeObserver(function(entries) {
             var entry = entries[0];
-            console.log(entry);
             setSize({
                 width: entry.borderBoxSize[0].inlineSize,
                 height: entry.borderBoxSize[0].blockSize

package/dist/MarkdownEditor/editor/elements/Blockquote/ReadonlyBlockquote.d.ts

@@ -4,7 +4,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * ReadonlyBlockquote 组件 - 只读引用块预览组件
  *
  * 专门针对 readonly 模式优化的引用块组件，移除了拖拽功能。
- * 简化渲染逻辑，提升预览模式性能。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 只读引用块预览组件，用于预览模式下的引用块渲染
@@ -29,5 +29,6 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * - 移除拖拽相关事件处理
  * - 使用 React.memo 优化性能
  * - 保持预览模式的视觉效果
+ * - 支持 ::: 提示块（info/warning/success/error/tip）渲染为 markdown-container
  */
 export declare const ReadonlyBlockquote: React.FC<ElementProps<BlockQuoteNode>>;

package/dist/MarkdownEditor/editor/elements/Blockquote/ReadonlyBlockquote.js

@@ -26,12 +26,37 @@ function _object_spread(target) {
     }
     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 clsx from "clsx";
 import React from "react";
 /**
  * ReadonlyBlockquote 组件 - 只读引用块预览组件
  *
  * 专门针对 readonly 模式优化的引用块组件，移除了拖拽功能。
- * 简化渲染逻辑，提升预览模式性能。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 只读引用块预览组件，用于预览模式下的引用块渲染
@@ -56,7 +81,20 @@ import React from "react";
  * - 移除拖拽相关事件处理
  * - 使用 React.memo 优化性能
  * - 保持预览模式的视觉效果
+ * - 支持 ::: 提示块（info/warning/success/error/tip）渲染为 markdown-container
  */ export var ReadonlyBlockquote = /*#__PURE__*/ React.memo(function(props) {
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1;
+    var containerType = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.markdownContainerType;
+    var containerTitle = (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.markdownContainerTitle;
+    if (containerType) {
+        var _props_attributes;
+        return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
+            "data-be": "blockquote",
+            className: clsx('markdown-container', containerType, (_props_attributes = props.attributes) === null || _props_attributes === void 0 ? void 0 : _props_attributes.className)
+        }), containerTitle ? /*#__PURE__*/ React.createElement("div", {
+            className: "markdown-container__title"
+        }, containerTitle) : null, props.children);
+    }
     return /*#__PURE__*/ React.createElement("blockquote", _object_spread({
         "data-be": 'blockquote'
     }, props.attributes), props.children);

package/dist/MarkdownEditor/editor/elements/Blockquote/index.d.ts

@@ -4,7 +4,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * Blockquote 组件 - 引用块组件
  *
  * 该组件用于渲染 Markdown 编辑器中的引用块元素。
- * 支持拖拽功能和编辑器状态管理。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 引用块组件，渲染引用内容
@@ -26,7 +26,7 @@ import { BlockQuoteNode, ElementProps } from '../../../el';
  * @returns {React.ReactElement} 渲染的引用块组件
  *
  * @remarks
- * - 使用 HTML blockquote 元素
+ * - 使用 HTML blockquote 元素，提示块时为 div.markdown-container
  * - 支持拖拽功能
  * - 集成编辑器状态管理
  * - 使用 memo 优化性能

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

@@ -50,13 +50,14 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import clsx from "clsx";
 import React from "react";
 import { useEditorStore } from "../../store";
 /**
  * Blockquote 组件 - 引用块组件
  *
  * 该组件用于渲染 Markdown 编辑器中的引用块元素。
- * 支持拖拽功能和编辑器状态管理。
+ * 当 otherProps 含 markdownContainerType 时渲染为 div.markdown-container（提示块）。
  *
  * @component
  * @description 引用块组件，渲染引用内容
@@ -78,22 +79,40 @@ import { useEditorStore } from "../../store";
  * @returns {React.ReactElement} 渲染的引用块组件
  *
  * @remarks
- * - 使用 HTML blockquote 元素
+ * - 使用 HTML blockquote 元素，提示块时为 div.markdown-container
  * - 支持拖拽功能
  * - 集成编辑器状态管理
  * - 使用 memo 优化性能
  * - 提供 data-be 属性用于标识
  */ export function Blockquote(props) {
+    var _props_element_otherProps, _props_element, _props_element_otherProps1, _props_element1;
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var containerType = (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.markdownContainerType;
+    var containerTitle = (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element1.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.markdownContainerTitle;
     return React.useMemo(function() {
-        return /*#__PURE__*/ React.createElement("blockquote", _object_spread_props(_object_spread({
-            "data-be": 'blockquote'
-        }, props.attributes), {
+        var commonAttrs = _object_spread_props(_object_spread({}, props.attributes), {
             onDragStart: function onDragStart(e) {
                 store.dragStart(e, markdownContainerRef.current);
             }
-        }), props.children);
+        });
+        if (containerType) {
+            var _props_attributes;
+            return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, commonAttrs), {
+                "data-be": "blockquote",
+                "data-testid": "markdown-container",
+                className: clsx('markdown-container', containerType, (_props_attributes = props.attributes) === null || _props_attributes === void 0 ? void 0 : _props_attributes.className)
+            }), containerTitle ? /*#__PURE__*/ React.createElement("div", {
+                className: "markdown-container__title",
+                "data-testid": "markdown-container-title"
+            }, containerTitle) : null, props.children);
+        }
+        return /*#__PURE__*/ React.createElement("blockquote", _object_spread({
+            "data-be": "blockquote",
+            "data-testid": "blockquote"
+        }, commonAttrs), props.children);
     }, [
-        props.element.children
+        props.element.children,
+        containerType,
+        containerTitle
     ]);
 }

package/dist/MarkdownEditor/editor/parser/parse/parseBlockElements.d.ts

@@ -56,6 +56,16 @@ export declare const handleBlockquote: (currentElement: any, parseNodes: ParseNo
     type: string;
     children: any[];
 };
+/**
+ * 处理 remark-directive 的 containerDirective（:::info / :::tip{title="提示"} 等）
+ * 转为 blockquote 并写入 otherProps，供只读渲染为 div.markdown-container。
+ * 过滤掉被误解析为内容的闭合标记段落（仅含 ::: 的段落）。
+ */
+export declare const handleContainerDirective: (currentElement: any, parseNodes: ParseNodesFn) => {
+    type: string;
+    otherProps: Record<string, unknown>;
+    children: any[];
+};
 /**
  * 应用内联格式到叶子节点
  */

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

@@ -317,6 +317,54 @@ import { handleTextAndInlineElementsPure, setFinishedProp } from "./parseText";
     });
     return result;
 };
+/** 从 mdast 段落等节点提取纯文本（用于识别闭合标记 :::） */ function getNodeText(node) {
+    if (!node) return '';
+    if (node.type === 'text' && node.value !== null && node.value !== undefined) return String(node.value);
+    if (Array.isArray(node.children)) {
+        return node.children.map(function(c) {
+            return getNodeText(c);
+        }).join('');
+    }
+    return '';
+}
+/**
+ * 处理 remark-directive 的 containerDirective（:::info / :::tip{title="提示"} 等）
+ * 转为 blockquote 并写入 otherProps，供只读渲染为 div.markdown-container。
+ * 过滤掉被误解析为内容的闭合标记段落（仅含 ::: 的段落）。
+ */ export var handleContainerDirective = function handleContainerDirective(currentElement, parseNodes) {
+    var _currentElement_name, _currentElement_attributes, _currentElement_children;
+    var name = ((_currentElement_name = currentElement.name) !== null && _currentElement_name !== void 0 ? _currentElement_name : 'note').toLowerCase();
+    var attrs = (_currentElement_attributes = currentElement.attributes) !== null && _currentElement_attributes !== void 0 ? _currentElement_attributes : {};
+    var title = typeof attrs.title === 'string' ? attrs.title : attrs.title !== null && attrs.title !== undefined ? String(attrs.title) : undefined;
+    var otherProps = {
+        markdownContainerType: name
+    };
+    if (title === null || title === void 0 ? void 0 : title.trim()) {
+        otherProps.markdownContainerTitle = title.trim();
+    }
+    var rawChildren = (_currentElement_children = currentElement.children) !== null && _currentElement_children !== void 0 ? _currentElement_children : [];
+    var filteredChildren = rawChildren.filter(function(node) {
+        if (node.type === 'paragraph') {
+            var text = getNodeText(node).trim();
+            if (text === ':::') return false;
+        }
+        return true;
+    });
+    return {
+        type: 'blockquote',
+        otherProps: otherProps,
+        children: filteredChildren.length > 0 ? parseNodes(filteredChildren, false, currentElement) : [
+            {
+                type: 'paragraph',
+                children: [
+                    {
+                        text: ''
+                    }
+                ]
+            }
+        ]
+    };
+};
 /**
  * 应用内联格式到叶子节点
  */ export var applyInlineFormatting = function applyInlineFormatting(leaf, currentElement, config) {

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

@@ -86,6 +86,10 @@ function _object_spread_props(target, source) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -95,7 +99,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 { applyContextPropsAndConfig } from "./parse/applyContextPropsAndConfig";
-import { handleBlockquote, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
+import { handleBlockquote, handleContainerDirective, handleFootnoteDefinition, handleHeading, handleList, handleListItem, handleParagraph, handleTextAndInlineElements } from "./parse/parseBlockElements";
 import { handleCode, handleYaml } from "./parse/parseCode";
 import { handleDefinition, handleInlineCode, handleThematicBreak } from "./parse/parseElements";
 import { addEmptyLinesIfNeeded } from "./parse/parseEmptyLines";
@@ -112,6 +116,17 @@ var parseCache = new Map();
  */ export var clearParseCache = function clearParseCache() {
     parseCache.clear();
 };
+/** 从 mdast 节点提取纯文本（用于识别仅含 ::: 的闭合标记段落） */ function getMdastNodeText(node) {
+    if (!node || (typeof node === "undefined" ? "undefined" : _type_of(node)) !== 'object') return '';
+    var n = node;
+    if (n.type === 'text' && n.value !== undefined && n.value !== null) return String(n.value);
+    if (Array.isArray(n.children)) {
+        return n.children.map(function(c) {
+            return getMdastNodeText(c);
+        }).join('');
+    }
+    return '';
+}
 /**
  * 生成简单的字符串哈希
  */ export var simpleHash = function simpleHash(str) {
@@ -392,6 +407,10 @@ var removeAnswerTags = function removeAnswerTags(text) {
                 try {
                     for(var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                         var currentElement = _step.value;
+                        // 根级仅含 ::: 的段落为 remark-directive 闭合标记，不渲染
+                        if (top && currentElement.type === 'paragraph' && getMdastNodeText(currentElement).trim() === ':::') {
+                            continue;
+                        }
                         var htmlCommentProps = this.parseHtmlCommentProps(currentElement);
                         if (htmlCommentProps) {
                             // 将注释属性存储到 contextProps 中，供下一个元素使用
@@ -539,6 +558,11 @@ var removeAnswerTags = function removeAnswerTags(text) {
                             return handleBlockquote(el, parseNodesFn);
                         }
                     },
+                    containerDirective: {
+                        handler: function handler(el) {
+                            return handleContainerDirective(el, parseNodesFn);
+                        }
+                    },
                     footnoteDefinition: {
                         handler: function handler(el) {
                             return handleFootnoteDefinition(el, parseNodesFn);

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

@@ -1192,6 +1192,19 @@ export var isMix = function isMix(t) {
  * @param plugins - 可选的插件数组
  * @returns 处理后的 Markdown 引用字符串
  */ var handleBlockquote = function handleBlockquote(node, preString, parent, plugins) {
+    var _node_otherProps, _node_otherProps1;
+    var containerType = (_node_otherProps = node.otherProps) === null || _node_otherProps === void 0 ? void 0 : _node_otherProps.markdownContainerType;
+    var containerTitle = (_node_otherProps1 = node.otherProps) === null || _node_otherProps1 === void 0 ? void 0 : _node_otherProps1.markdownContainerTitle;
+    if (containerType) {
+        var _node_children;
+        var innerContent = ((_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) > 0 ? node.children.map(function(child) {
+            return parserNode(child, '', _to_consumable_array(parent).concat([
+                node
+            ]), plugins);
+        }).join('\n\n').trim() : '';
+        var open = containerTitle !== null && containerTitle !== undefined && String(containerTitle).trim() ? ":::".concat(containerType, '{title="').concat(String(containerTitle).trim(), '"}') : ":::".concat(containerType);
+        return "".concat(open, "\n\n").concat(innerContent || '', "\n\n:::");
+    }
     // Handle empty blockquotes
     if (!node.children || node.children.length === 0) {
         return '> ';

package/dist/MarkdownEditor/editor/parser/remarkContainer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * remark 插件：支持 ::: type [title] 容器语法（兼容 markdown-it-container）
+ *
+ * 语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * ::: warning 警告标题
+ * 这是带标题的警告块。
+ * :::
+ */
+import type { Plugin } from 'unified';
+interface RemarkContainerOptions {
+    className?: string;
+    containerTag?: string;
+    titleElement?: Record<string, unknown> | null;
+}
+export declare const remarkContainer: Plugin<[RemarkContainerOptions?]>;
+export default remarkContainer;

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

@@ -0,0 +1,183 @@
+/**
+ * remark 插件：支持 ::: type [title] 容器语法（兼容 markdown-it-container）
+ *
+ * 语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * ::: warning 警告标题
+ * 这是带标题的警告块。
+ * :::
+ */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var REGEX_BEGIN = /^\s*:::\s*(\w+)\s*(.*)?/;
+var REGEX_END = /^\s*:::$/;
+var isLiteralNode = function isLiteralNode(node) {
+    return node && 'value' in node && typeof node.value === 'string';
+};
+var isParagraph = function isParagraph(node) {
+    return (node === null || node === void 0 ? void 0 : node.type) === 'paragraph';
+};
+export var remarkContainer = function remarkContainer() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_className, _options_containerTag, _options_titleElement;
+    var className = (_options_className = options.className) !== null && _options_className !== void 0 ? _options_className : 'markdown-container';
+    var containerTag = (_options_containerTag = options.containerTag) !== null && _options_containerTag !== void 0 ? _options_containerTag : 'div';
+    var titleElement = (_options_titleElement = options.titleElement) !== null && _options_titleElement !== void 0 ? _options_titleElement : {
+        className: [
+            'markdown-container__title'
+        ]
+    };
+    var constructContainer = function constructContainer(children, type) {
+        return {
+            type: 'container',
+            children: children,
+            data: {
+                hName: containerTag,
+                hProperties: {
+                    className: [
+                        className,
+                        type.toLowerCase()
+                    ]
+                }
+            }
+        };
+    };
+    var constructTitle = function constructTitle(title) {
+        return {
+            type: 'paragraph',
+            children: [
+                {
+                    type: 'text',
+                    value: title
+                }
+            ],
+            data: {
+                hName: 'div',
+                hProperties: _object_spread({
+                    className: [
+                        "".concat(className, "__title")
+                    ]
+                }, titleElement && _object_spread({}, titleElement))
+            }
+        };
+    };
+    var transformChildren = function transformChildren(parent) {
+        if (!(parent === null || parent === void 0 ? void 0 : parent.children)) return;
+        var children = [];
+        var len = parent.children.length;
+        var currentIndex = -1;
+        while(currentIndex < len - 1){
+            var _currentNode_children;
+            currentIndex += 1;
+            var currentNode = parent.children[currentIndex];
+            children.push(currentNode);
+            if (!isParagraph(currentNode)) continue;
+            var firstChild = (_currentNode_children = currentNode.children) === null || _currentNode_children === void 0 ? void 0 : _currentNode_children[0];
+            if (!isLiteralNode(firstChild)) continue;
+            var match = firstChild.value.match(REGEX_BEGIN);
+            if (!match) continue;
+            children.pop();
+            var beginIndex = currentIndex;
+            var innerIndex = currentIndex - 1;
+            while(innerIndex < len - 1){
+                var _ref;
+                var _innerNode_children;
+                innerIndex += 1;
+                var innerNode = parent.children[innerIndex];
+                if (!isParagraph(innerNode)) continue;
+                var innerFirst = (_innerNode_children = innerNode.children) === null || _innerNode_children === void 0 ? void 0 : _innerNode_children[0];
+                if (!isLiteralNode(innerFirst) || !REGEX_END.test(innerFirst.value)) continue;
+                var _match = _sliced_to_array(match, 3), type = _match[1], title = _match[2];
+                var containerChildren = parent.children.slice(beginIndex + 1, innerIndex);
+                if ((title === null || title === void 0 ? void 0 : title.trim()) && titleElement !== null) {
+                    containerChildren.unshift(constructTitle(title.trim()));
+                }
+                var container = constructContainer(containerChildren, (_ref = type === null || type === void 0 ? void 0 : type.toLowerCase()) !== null && _ref !== void 0 ? _ref : 'note');
+                children.push(container);
+                currentIndex = innerIndex;
+                break;
+            }
+        }
+        parent.children = children;
+    };
+    return function(tree) {
+        if ((tree === null || tree === void 0 ? void 0 : tree.type) === 'root') {
+            transformChildren(tree);
+        }
+    };
+};
+export default remarkContainer;

package/dist/MarkdownEditor/editor/parser/remarkDirectiveContainer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * remark 插件：将 remark-directive 的 containerDirective 转为与 remarkContainer 相同的 HTML 结构
+ * （div.markdown-container + type 类名，可选 title 通过 attributes.title）
+ *
+ * 依赖 remark-directive 解析，语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * :::warning{title="警告标题"}
+ * 这是带标题的警告块。
+ * :::
+ */
+import type { Plugin } from 'unified';
+interface RemarkDirectiveContainerOptions {
+    className?: string;
+    containerTag?: string;
+    titleElement?: Record<string, unknown> | null;
+}
+export declare const remarkDirectiveContainer: Plugin<[
+    RemarkDirectiveContainerOptions?
+]>;
+export default remarkDirectiveContainer;

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

@@ -0,0 +1,111 @@
+/**
+ * remark 插件：将 remark-directive 的 containerDirective 转为与 remarkContainer 相同的 HTML 结构
+ * （div.markdown-container + type 类名，可选 title 通过 attributes.title）
+ *
+ * 依赖 remark-directive 解析，语法示例：
+ * :::info
+ * 这是信息提示块。
+ * :::
+ *
+ * :::warning{title="警告标题"}
+ * 这是带标题的警告块。
+ * :::
+ */ 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 _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+import { visit } from "unist-util-visit";
+var DEFAULT_CLASS_NAME = 'markdown-container';
+var DEFAULT_CONTAINER_TAG = 'div';
+var TITLE_CLASS_NAME = 'markdown-container__title';
+function createTitleParagraph(title, titleProps) {
+    return {
+        type: 'paragraph',
+        children: [
+            {
+                type: 'text',
+                value: title
+            }
+        ],
+        data: {
+            hName: 'div',
+            hProperties: _object_spread({
+                className: [
+                    TITLE_CLASS_NAME
+                ]
+            }, titleProps)
+        }
+    };
+}
+export var remarkDirectiveContainer = function remarkDirectiveContainer() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var _options_className, _options_containerTag, _options_titleElement;
+    var className = (_options_className = options.className) !== null && _options_className !== void 0 ? _options_className : DEFAULT_CLASS_NAME;
+    var containerTag = (_options_containerTag = options.containerTag) !== null && _options_containerTag !== void 0 ? _options_containerTag : DEFAULT_CONTAINER_TAG;
+    var titleElement = (_options_titleElement = options.titleElement) !== null && _options_titleElement !== void 0 ? _options_titleElement : {
+        className: [
+            TITLE_CLASS_NAME
+        ]
+    };
+    var titleProps = titleElement && (typeof titleElement === "undefined" ? "undefined" : _type_of(titleElement)) === 'object' ? titleElement : {
+        className: [
+            TITLE_CLASS_NAME
+        ]
+    };
+    return function(tree) {
+        visit(tree, 'containerDirective', function(node) {
+            var _ref, _node_attributes, _node_data;
+            var _node_name;
+            var name = (_ref = (_node_name = node.name) === null || _node_name === void 0 ? void 0 : _node_name.toLowerCase()) !== null && _ref !== void 0 ? _ref : 'note';
+            var attrs = (_node_attributes = node.attributes) !== null && _node_attributes !== void 0 ? _node_attributes : {};
+            var title = typeof attrs.title === 'string' ? attrs.title : attrs.title ? String(attrs.title) : undefined;
+            var data = (_node_data = node.data) !== null && _node_data !== void 0 ? _node_data : node.data = {};
+            data.hName = containerTag;
+            data.hProperties = {
+                className: [
+                    className,
+                    name
+                ]
+            };
+            if (title === null || title === void 0 ? void 0 : title.trim()) {
+                var titleNode = createTitleParagraph(title.trim(), titleProps);
+                if (Array.isArray(node.children)) {
+                    node.children.unshift(titleNode);
+                } else {
+                    node.children = [
+                        titleNode
+                    ];
+                }
+            }
+        });
+    };
+};
+export default remarkDirectiveContainer;

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

@@ -23,6 +23,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
+import remarkDirective from "remark-directive";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkHtml from "remark-html";
@@ -362,6 +363,7 @@ import { JINJA_DOLLAR_PLACEHOLDER } from "./constants";
 // Markdown 解析器（用于解析 Markdown 为 mdast AST）
 // 注意：这个解析器只用于解析，不包含 HTML 渲染相关的插件
 var markdownParser = unified().use(remarkParse) // 解析 Markdown
+.use(remarkDirective) // 解析 ::: 容器指令（info / warning / success / error / tip{title="..."}）
 .use(remarkHtml).use(remarkFrontmatter, [
     'yaml'
 ]) // 处理前置元数据

package/dist/MarkdownEditor/editor/style.js

@@ -405,6 +405,38 @@ var genStyle = function genStyle(token) {
             zIndex: 0,
             backgroundColor: 'var(--color-gray-control-fill-secondary)'
         }
+    }), // markdown-it-container 风格的自定义容器（::: info / warning / success / error）
+    _define_property(_obj, '.markdown-container', {
+        padding: '12px 16px',
+        margin: '1em 0',
+        borderRadius: '6px',
+        borderLeft: '4px solid',
+        fontSize: 'var(--font-size-base)',
+        lineHeight: '160%',
+        '&__title': {
+            fontWeight: 600,
+            marginBottom: '8px'
+        },
+        '&.info': {
+            borderLeftColor: 'var(--color-info, #1677ff)',
+            backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
+        },
+        '&.warning': {
+            borderLeftColor: 'var(--color-warning, #faad14)',
+            backgroundColor: 'var(--color-warning-bg, rgba(250, 173, 20, 0.08))'
+        },
+        '&.success': {
+            borderLeftColor: 'var(--color-success, #52c41a)',
+            backgroundColor: 'var(--color-success-bg, rgba(82, 196, 26, 0.08))'
+        },
+        '&.error': {
+            borderLeftColor: 'var(--color-error, #ff4d4f)',
+            backgroundColor: 'var(--color-error-bg, rgba(255, 77, 79, 0.08))'
+        },
+        '&.tip': {
+            borderLeftColor: 'var(--color-info, #1677ff)',
+            backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
+        }
     }), _define_property(_obj, '[data-be="media-container"], [data-be="image-container"]', {
         display: 'flex',
         minWidth: 0,

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

@@ -53,6 +53,10 @@ function _to_array(arr) {
 function _to_consumable_array(arr) {
     return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
 }
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -163,6 +167,7 @@ function _ts_generator(thisArg, body) {
 import rehypeKatex from "rehype-katex";
 import rehypeRaw from "rehype-raw";
 import rehypeStringify from "rehype-stringify";
+import remarkDirective from "remark-directive";
 import remarkFrontmatter from "remark-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
@@ -171,6 +176,7 @@ import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
 import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
+import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../parser/remarkParse";
 // HTML 转义相关的正则表达式和工具
 var ESCAPE_TEST_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
@@ -296,6 +302,14 @@ var remarkRehypePlugin = remarkRehype;
         };
     };
 }
+/** 内置容器插件配置：remark-directive 容器转 div.markdown-container（兼容 markdown-it-container 风格） */ var REMARK_DIRECTIVE_CONTAINER_OPTIONS = {
+    className: 'markdown-container',
+    titleElement: {
+        className: [
+            'markdown-container__title'
+        ]
+    }
+};
 export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
     remarkParse,
     [
@@ -315,6 +329,11 @@ export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
         remarkFrontmatter,
         FRONTMATTER_LANGUAGES
     ],
+    remarkDirective,
+    [
+        remarkDirectiveContainer,
+        REMARK_DIRECTIVE_CONTAINER_OPTIONS
+    ],
     [
         remarkRehypePlugin,
         {
@@ -398,7 +417,7 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * @throws {Error} 当转换过程中发生错误时返回空字符串
  */ export var markdownToHtml = function markdownToHtml(markdown, plugins, config) {
     return _async_to_generator(function() {
-        var htmlContent, error;
+        var _file_value, file, htmlContent, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -413,10 +432,11 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
                         createMarkdownProcessor(plugins, config).process(markdown)
                     ];
                 case 1:
-                    htmlContent = _state.sent();
+                    file = _state.sent();
+                    htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
                     return [
                         2,
-                        String(htmlContent).split(JINJA_DOLLAR_PLACEHOLDER).join('$')
+                        htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$')
                     ];
                 case 2:
                     error = _state.sent();
@@ -464,8 +484,10 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
  * - 同步版本可能影响用户界面响应性
  */ export var markdownToHtmlSync = function markdownToHtmlSync(markdown, plugins, config) {
     try {
+        var _file_value;
         var file = createMarkdownProcessor(plugins, config).processSync(markdown);
-        return String(file).split(JINJA_DOLLAR_PLACEHOLDER).join('$');
+        var htmlContent = file && (typeof file === "undefined" ? "undefined" : _type_of(file)) === 'object' && 'value' in file ? String((_file_value = file.value) !== null && _file_value !== void 0 ? _file_value : '') : String(file);
+        return htmlContent.split(JINJA_DOLLAR_PLACEHOLDER).join('$');
     } catch (error) {
         console.error('Error converting markdown to HTML:', error);
         return '';

package/dist/MarkdownEditor/utils/exportHtml.js

@@ -7,7 +7,7 @@
  * @returns A complete HTML document as a string
  */ export var generateHtmlDocument = function generateHtmlDocument(content) {
     var title = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'Markdown Export', styles = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : '';
-    return '<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <title>'.concat(title, "</title>\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      line-height: 1.6;\n      padding: 12px;\n      max-width: 900px;\n      margin: 0 auto;\n      color: #333;\n    }\n    pre {\n      background-color: #f6f8fa;\n      border-radius: 3px;\n      padding: 16px;\n      overflow: auto;\n    }\n    code {\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n    }\n    blockquote {\n      border-left: 4px solid #ddd;\n      padding-left: 16px;\n      margin-left: 0;\n      color: #666;\n    }\n    img {\n      max-width: 100%;\n    }\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      margin-bottom: 16px;\n    }\n    table, th, td {\n      border: 1px solid #ddd;\n    }\n    th, td {\n      padding: 8px;\n      text-align: left;\n      vertical-align: middle;\n    }\n    th {\n      background-color: #f6f8fa;\n    }\n    @media screen and (max-width: 768px) {\n      th, td {\n        padding: 2px;\n      }\n    }\n    ").concat(styles, "\n  </style>\n</head>\n<body>\n  ").concat(content, "\n</body>\n</html>");
+    return '<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="UTF-8">\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\n  <title>'.concat(title, "</title>\n  <style>\n    body {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n      line-height: 1.6;\n      padding: 12px;\n      max-width: 900px;\n      margin: 0 auto;\n      color: #333;\n    }\n    pre {\n      background-color: #f6f8fa;\n      border-radius: 3px;\n      padding: 16px;\n      overflow: auto;\n    }\n    code {\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n      padding: 0.2em 0.4em;\n      font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n    }\n    blockquote {\n      border-left: 4px solid #ddd;\n      padding-left: 16px;\n      margin-left: 0;\n      color: #666;\n    }\n    .markdown-container {\n      padding: 12px 16px;\n      margin: 1em 0;\n      border-radius: 6px;\n      border-left: 4px solid;\n      line-height: 1.6;\n    }\n    .markdown-container__title {\n      font-weight: 600;\n      margin-bottom: 8px;\n    }\n    .markdown-container.info {\n      border-left-color: #1677ff;\n      background-color: rgba(22, 119, 255, 0.08);\n    }\n    .markdown-container.warning {\n      border-left-color: #faad14;\n      background-color: rgba(250, 173, 20, 0.08);\n    }\n    .markdown-container.success {\n      border-left-color: #52c41a;\n      background-color: rgba(82, 196, 26, 0.08);\n    }\n    .markdown-container.error {\n      border-left-color: #ff4d4f;\n      background-color: rgba(255, 77, 79, 0.08);\n    }\n    img {\n      max-width: 100%;\n    }\n    table {\n      border-collapse: collapse;\n      width: 100%;\n      margin-bottom: 16px;\n    }\n    table, th, td {\n      border: 1px solid #ddd;\n    }\n    th, td {\n      padding: 8px;\n      text-align: left;\n      vertical-align: middle;\n    }\n    th {\n      background-color: #f6f8fa;\n    }\n    @media screen and (max-width: 768px) {\n      th, td {\n        padding: 2px;\n      }\n    }\n    ").concat(styles, "\n  </style>\n</head>\n<body>\n  ").concat(content, "\n</body>\n</html>");
 };
 /**
  * Export HTML content to a file

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/index.d.ts

@@ -7,5 +7,7 @@ export type AttachmentFileListProps = {
     onDownload?: (file: AttachmentFile) => void;
     onRetry?: (file: AttachmentFile) => void;
     onClearFileMap?: () => void;
+    /** E2E 测试 ID */
+    dataTestId?: string;
 };
 export declare const AttachmentFileList: React.FC<AttachmentFileListProps>;

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

@@ -110,7 +110,7 @@ var ClearButton = function ClearButton(param) {
     }, /*#__PURE__*/ React.createElement(X, null));
 };
 export var AttachmentFileList = function AttachmentFileList(param) {
-    var fileMap = param.fileMap, onDelete = param.onDelete, onPreview = param.onPreview, onDownload = param.onDownload, onRetry = param.onRetry, onClearFileMap = param.onClearFileMap;
+    var fileMap = param.fileMap, onDelete = param.onDelete, onPreview = param.onPreview, onDownload = param.onDownload, onRetry = param.onRetry, onClearFileMap = param.onClearFileMap, dataTestId = param.dataTestId;
     var context = useContext(ConfigProvider.ConfigContext);
     var prefix = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-attachment-list');
     var _useStyle = useStyle(prefix), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
@@ -139,7 +139,8 @@ export var AttachmentFileList = function AttachmentFileList(param) {
         if (!visible) setImgSrc(undefined);
     };
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefix, "-container"), hashId, _define_property({}, "".concat(prefix, "-container-empty"), !hasFiles))
+        className: classNames("".concat(prefix, "-container"), hashId, _define_property({}, "".concat(prefix, "-container-empty"), !hasFiles)),
+        "data-testid": dataTestId
     }, /*#__PURE__*/ React.createElement(motion.div, {
         variants: ANIMATION_VARIANTS,
         whileInView: "visible",

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -148,6 +148,7 @@ import { QuickActions } from "./QuickActions";
 import { SkillModeBar } from "./SkillModeBar";
 import { useStyle } from "./style";
 import { Suggestion } from "./Suggestion";
+import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "./testIds";
 import TopOperatingArea from "./TopOperatingArea";
 import { useAttachmentList, useBeforeTools, useSendActionsNode } from "./utils/renderHelpers";
 import { useVoiceInputManager } from "./VoiceInputManager";
@@ -196,16 +197,17 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     enable: false
 };
 var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
-    var tagInputProps = _0.tagInputProps, markdownProps = _0.markdownProps, _0_borderRadius = _0.borderRadius, borderRadius = _0_borderRadius === void 0 ? 16 : _0_borderRadius, onBlur = _0.onBlur, onFocus = _0.onFocus, _0_isShowTopOperatingArea = _0.isShowTopOperatingArea, isShowTopOperatingArea = _0_isShowTopOperatingArea === void 0 ? false : _0_isShowTopOperatingArea, props = _object_without_properties(_0, [
+    var tagInputProps = _0.tagInputProps, markdownProps = _0.markdownProps, _0_borderRadius = _0.borderRadius, borderRadius = _0_borderRadius === void 0 ? 16 : _0_borderRadius, onBlur = _0.onBlur, onFocus = _0.onFocus, _0_isShowTopOperatingArea = _0.isShowTopOperatingArea, isShowTopOperatingArea = _0_isShowTopOperatingArea === void 0 ? false : _0_isShowTopOperatingArea, testId = _0.testId, props = _object_without_properties(_0, [
         "tagInputProps",
         "markdownProps",
         "borderRadius",
         "onBlur",
         "onFocus",
-        "isShowTopOperatingArea"
+        "isShowTopOperatingArea",
+        "testId"
     ]);
     var _ref;
-    var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2;
+    var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2, _props_toolsRender;
     // 默认关闭文件上传，需显式传入 attachment.enable: true 开启
     var attachment = _object_spread({}, DEFAULT_ATTACHMENT, props.attachment);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
@@ -232,7 +234,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }), hasEnlargeAction = _useMarkdownInputFieldActions.hasEnlargeAction, hasRefineAction = _useMarkdownInputFieldActions.hasRefineAction, isMultiRowLayout = _useMarkdownInputFieldActions.isMultiRowLayout, totalActionCount = _useMarkdownInputFieldActions.totalActionCount;
     // 样式计算
     var _useMarkdownInputFieldStyles = useMarkdownInputFieldStyles({
-        toolsRender: props.toolsRender,
+        hasTools: !!props.toolsRender || !!props.actionsRender,
         maxHeight: props.maxHeight,
         style: props.style,
         attachment: attachment,
@@ -334,13 +336,15 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     });
     var _obj, _obj1;
     return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, isShowTopOperatingArea && /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-top-area"), hashId)
+        className: classNames("".concat(baseCls, "-top-area"), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.TOP_AREA
     }, /*#__PURE__*/ React.createElement(TopOperatingArea, {
         targetRef: props.targetRef,
         operationBtnRender: props.operationBtnRender,
         isShowBackTo: props.isShowBackTo
     })), beforeTools ? /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-before-tools"), hashId)
+        className: classNames("".concat(baseCls, "-before-tools"), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.BEFORE_TOOLS
     }, beforeTools) : null, /*#__PURE__*/ React.createElement(Suggestion, {
         tagInputProps: _object_spread({
             enable: true,
@@ -348,7 +352,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         }, tagInputProps)
     }, /*#__PURE__*/ React.createElement("div", {
         ref: inputRef,
-        "data-testid": "markdown-input-field",
+        "data-testid": testId !== null && testId !== void 0 ? testId : MARKDOWN_INPUT_FIELD_TEST_IDS.ROOT,
         className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),
@@ -381,12 +385,14 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             flex: 1,
             minHeight: 0
         },
-        className: classNames("".concat(baseCls, "-editor"), hashId, (_obj1 = {}, _define_property(_obj1, "".concat(baseCls, "-editor-hover"), isHover), _define_property(_obj1, "".concat(baseCls, "-editor-disabled"), props.disabled), _obj1))
+        className: classNames("".concat(baseCls, "-editor"), hashId, (_obj1 = {}, _define_property(_obj1, "".concat(baseCls, "-editor-hover"), isHover), _define_property(_obj1, "".concat(baseCls, "-editor-disabled"), props.disabled), _obj1)),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.EDITOR
     }, /*#__PURE__*/ React.createElement(SkillModeBar, {
         skillMode: props.skillMode,
         onSkillModeOpenChange: props.onSkillModeOpenChange
     }), /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-editor-content"), hashId)
+        className: classNames("".concat(baseCls, "-editor-content"), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.EDITOR_CONTENT
     }, attachmentList, /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
         editorRef: markdownEditorRef,
         leafRender: props.leafRender,
@@ -484,13 +490,15 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             setTopRightPadding(width);
             setQuickRightOffset(rightOffset);
         }
-    }) : null))), props.toolsRender ? /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(baseCls, "-tools-wrapper"), hashId)
+    }) : null))), props.toolsRender || props.actionsRender ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-tools-wrapper"), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.TOOLS_WRAPPER
     }, /*#__PURE__*/ React.createElement("div", {
         ref: actionsRef,
         contentEditable: false,
-        className: classNames("".concat(baseCls, "-send-tools"), hashId)
-    }, props.toolsRender(_object_spread_props(_object_spread({
+        className: classNames("".concat(baseCls, "-send-tools"), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.SEND_TOOLS
+    }, props === null || props === void 0 ? void 0 : (_props_toolsRender = props.toolsRender) === null || _props_toolsRender === void 0 ? void 0 : _props_toolsRender.call(props, _object_spread_props(_object_spread({
         value: value,
         fileMap: fileMap,
         onFileMapChange: setFileMap,

package/dist/MarkdownInputField/QuickActions/index.js

@@ -203,6 +203,7 @@ import React, { useState } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import Enlargement from "../Enlargement";
 import { RefinePromptButton } from "../RefinePromptButton";
+import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
 /**
  * QuickActions 组件 - 快速操作区域
  *
@@ -306,7 +307,8 @@ import { RefinePromptButton } from "../RefinePromptButton";
             e.stopPropagation();
             e.preventDefault();
         },
-        className: classNames("".concat(prefixCls, "-quick-actions"), hashId, _define_property({}, "".concat(prefixCls, "-quick-actions-vertical"), enlargeable))
+        className: classNames("".concat(prefixCls, "-quick-actions"), hashId, _define_property({}, "".concat(prefixCls, "-quick-actions-vertical"), enlargeable)),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.QUICK_ACTIONS
     }, [
         // Enlargement组件 - 显示在最上方
         enlargeable && /*#__PURE__*/ React.createElement(Enlargement, {

package/dist/MarkdownInputField/SendActions/index.js

@@ -60,6 +60,7 @@ import { I18nContext } from "../../I18n";
 import { AttachmentButton } from "../AttachmentButton";
 import { SendButton } from "../SendButton";
 import { VoiceInputButton } from "../VoiceInput";
+import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
 /**
  * SendActions 组件 - 发送操作按钮区域
  *
@@ -170,7 +171,8 @@ import { VoiceInputButton } from "../VoiceInput";
             e.stopPropagation();
             e.preventDefault();
         },
-        className: classNames("".concat(prefixCls, "-send-actions"), _define_property({}, "".concat(prefixCls, "-send-has-tools"), hasTools), hashId)
+        className: classNames("".concat(prefixCls, "-send-actions"), _define_property({}, "".concat(prefixCls, "-send-has-tools"), hasTools), hashId),
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.SEND_ACTIONS
     }, collapseSendActions && actionsList.length > 2 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Popover, {
         trigger: "click",
         styles: {
@@ -196,7 +198,8 @@ import { VoiceInputButton } from "../VoiceInput";
         style: {
             fontSize: 16,
             color: 'var(--color-gray-text-secondary)'
-        }
+        },
+        "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.MORE_ACTIONS
     }, /*#__PURE__*/ React.createElement(EllipsisVertical, null))), actionsList.find(function(item) {
         if (/*#__PURE__*/ React.isValidElement(item) && (item === null || item === void 0 ? void 0 : item.key) === 'send-button') {
             return true;

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldStyles.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { MarkdownInputFieldProps } from '../types/MarkdownInputFieldProps';
 interface UseMarkdownInputFieldStylesParams {
-    toolsRender?: MarkdownInputFieldProps['toolsRender'];
+    hasTools?: boolean;
     maxHeight?: MarkdownInputFieldProps['maxHeight'];
     style?: React.CSSProperties;
     attachment?: {
@@ -27,5 +27,5 @@ interface UseMarkdownInputFieldStylesReturn {
  * 样式计算 Hook
  * 计算组件所需的样式值
  */
-export declare const useMarkdownInputFieldStyles: ({ toolsRender, maxHeight, style, attachment, isEnlarged, rightPadding, topRightPadding, quickRightOffset, hasEnlargeAction, hasRefineAction, totalActionCount, isMultiRowLayout, }: UseMarkdownInputFieldStylesParams) => UseMarkdownInputFieldStylesReturn;
+export declare const useMarkdownInputFieldStyles: ({ hasTools, maxHeight, style, attachment, isEnlarged, rightPadding, topRightPadding, quickRightOffset, hasEnlargeAction, hasRefineAction, totalActionCount, isMultiRowLayout, }: UseMarkdownInputFieldStylesParams) => UseMarkdownInputFieldStylesReturn;
 export {};

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldStyles.js

@@ -3,13 +3,13 @@ import { useMemo } from "react";
  * 样式计算 Hook
  * 计算组件所需的样式值
  */ export var useMarkdownInputFieldStyles = function useMarkdownInputFieldStyles(param) {
-    var toolsRender = param.toolsRender, maxHeight = param.maxHeight, style = param.style, attachment = param.attachment, isEnlarged = param.isEnlarged, rightPadding = param.rightPadding, topRightPadding = param.topRightPadding, quickRightOffset = param.quickRightOffset, hasEnlargeAction = param.hasEnlargeAction, hasRefineAction = param.hasRefineAction, totalActionCount = param.totalActionCount, isMultiRowLayout = param.isMultiRowLayout;
+    var hasTools = param.hasTools, maxHeight = param.maxHeight, style = param.style, attachment = param.attachment, isEnlarged = param.isEnlarged, rightPadding = param.rightPadding, topRightPadding = param.topRightPadding, quickRightOffset = param.quickRightOffset, hasEnlargeAction = param.hasEnlargeAction, hasRefineAction = param.hasRefineAction, totalActionCount = param.totalActionCount, isMultiRowLayout = param.isMultiRowLayout;
     var computedRightPadding = useMemo(function() {
-        var bottomOverlayPadding = toolsRender ? 0 : rightPadding || 52;
+        var bottomOverlayPadding = hasTools ? 0 : rightPadding || 52;
         var topOverlayPadding = (topRightPadding || 0) + (quickRightOffset || 0);
         return Math.max(bottomOverlayPadding, topOverlayPadding);
     }, [
-        toolsRender,
+        hasTools,
         rightPadding,
         topRightPadding,
         quickRightOffset

package/dist/MarkdownInputField/testIds.d.ts

@@ -0,0 +1,28 @@
+/**
+ * MarkdownInputField 内置 testId 常量
+ * 用于 E2E 测试与自动化测试中的 data-testid 定位
+ */
+export declare const MARKDOWN_INPUT_FIELD_TEST_IDS: {
+    /** 根容器 */
+    readonly ROOT: "markdown-input-field";
+    /** 顶部操作区域 */
+    readonly TOP_AREA: "markdown-input-field-top-area";
+    /** 前置工具栏区域 */
+    readonly BEFORE_TOOLS: "markdown-input-field-before-tools";
+    /** 编辑器容器 */
+    readonly EDITOR: "markdown-input-field-editor";
+    /** 编辑器内容区 */
+    readonly EDITOR_CONTENT: "markdown-input-field-editor-content";
+    /** 快速操作区（放大、提示词优化等） */
+    readonly QUICK_ACTIONS: "markdown-input-field-quick-actions";
+    /** 工具栏包装器 */
+    readonly TOOLS_WRAPPER: "markdown-input-field-tools-wrapper";
+    /** 发送工具区域 */
+    readonly SEND_TOOLS: "markdown-input-field-send-tools";
+    /** 发送操作区（附件、语音、发送按钮等） */
+    readonly SEND_ACTIONS: "markdown-input-field-send-actions";
+    /** 更多操作按钮（折叠时的省略号） */
+    readonly MORE_ACTIONS: "markdown-input-field-more-actions";
+    /** 附件列表 */
+    readonly ATTACHMENT_LIST: "markdown-input-field-attachment-list";
+};

package/dist/MarkdownInputField/testIds.js

@@ -0,0 +1,16 @@
+/**
+ * MarkdownInputField 内置 testId 常量
+ * 用于 E2E 测试与自动化测试中的 data-testid 定位
+ */ export var MARKDOWN_INPUT_FIELD_TEST_IDS = {
+    /** 根容器 */ ROOT: 'markdown-input-field',
+    /** 顶部操作区域 */ TOP_AREA: 'markdown-input-field-top-area',
+    /** 前置工具栏区域 */ BEFORE_TOOLS: 'markdown-input-field-before-tools',
+    /** 编辑器容器 */ EDITOR: 'markdown-input-field-editor',
+    /** 编辑器内容区 */ EDITOR_CONTENT: 'markdown-input-field-editor-content',
+    /** 快速操作区（放大、提示词优化等） */ QUICK_ACTIONS: 'markdown-input-field-quick-actions',
+    /** 工具栏包装器 */ TOOLS_WRAPPER: 'markdown-input-field-tools-wrapper',
+    /** 发送工具区域 */ SEND_TOOLS: 'markdown-input-field-send-tools',
+    /** 发送操作区（附件、语音、发送按钮等） */ SEND_ACTIONS: 'markdown-input-field-send-actions',
+    /** 更多操作按钮（折叠时的省略号） */ MORE_ACTIONS: 'markdown-input-field-more-actions',
+    /** 附件列表 */ ATTACHMENT_LIST: 'markdown-input-field-attachment-list'
+};

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -363,6 +363,11 @@ export type MarkdownInputFieldProps = {
      * ```
      */
     targetRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * 测试 ID
+     * @description 用于 E2E 或自动化测试中的 `data-testid` 属性，覆盖根元素的默认 `markdown-input-field`
+     */
+    testId?: string;
     /**
      * 顶部操作区域自定义操作按钮渲染函数
      * @description 用于在顶部操作区域中央渲染自定义操作按钮

package/dist/MarkdownInputField/utils/renderHelpers.js

@@ -53,6 +53,7 @@ function _object_spread_props(target, source) {
 import React, { useMemo } from "react";
 import { AttachmentFileList } from "../AttachmentButton/AttachmentFileList";
 import { SendActions } from "../SendActions";
+import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
 /**
  * 附件列表渲染 Hook
  */ export var useAttachmentList = function useAttachmentList(param) {
@@ -65,7 +66,8 @@ import { SendActions } from "../SendActions";
             onRetry: handleFileRetry,
             onClearFileMap: function onClearFileMap() {
                 updateAttachmentFiles(undefined);
-            }
+            },
+            dataTestId: MARKDOWN_INPUT_FIELD_TEST_IDS.ATTACHMENT_LIST
         });
     }, [
         attachment === null || attachment === void 0 ? void 0 : attachment.enable,

package/dist/index.d.ts

@@ -56,6 +56,7 @@ export * from './MarkdownInputField/AttachmentButton/utils';
 export { ActionItemContainer } from './MarkdownInputField/BeforeToolContainer/BeforeToolContainer';
 export * from './MarkdownInputField/FileMapView';
 export * from './MarkdownInputField/MarkdownInputField';
+export { MARKDOWN_INPUT_FIELD_TEST_IDS } from './MarkdownInputField/testIds';
 export * from './MarkdownInputField/VoiceInput';
 export * from './Schema';
 export * from './Schema/SchemaRenderer/templateEngine';

package/dist/index.js

@@ -65,6 +65,7 @@ export * from "./MarkdownInputField/AttachmentButton/utils";
 export { ActionItemContainer } from "./MarkdownInputField/BeforeToolContainer/BeforeToolContainer";
 export * from "./MarkdownInputField/FileMapView";
 export * from "./MarkdownInputField/MarkdownInputField";
+export { MARKDOWN_INPUT_FIELD_TEST_IDS } from "./MarkdownInputField/testIds";
 export * from "./MarkdownInputField/VoiceInput";
 // ─── Schema ──────────────────────────────────────────────────────────────────
 export * from "./Schema";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.53",
+  "version": "2.29.55",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
+    "prepublishOnly": "npm run build && npm run test",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
@@ -87,6 +88,8 @@
     "lodash": "^4.17.23",
     "lodash-es": "^4.17.23",
     "lottie-react": "^2.4.1",
+    "markdown-it": "^14.1.1",
+    "markdown-it-container": "^4.0.0",
     "mermaid": "^11.12.2",
     "mustache": "^4.2.0",
     "nanoid": "^5.1.6",
@@ -104,6 +107,7 @@
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
+    "remark-directive": "^4.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-gfm": "^4.0.1",
     "remark-html": "^16.0.1",