@ant-design/agentic-ui 2.29.53 → 2.29.54

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/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.54",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",