@ant-design/agentic-ui 2.14.0 → 2.16.0

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

@@ -199,14 +199,12 @@ export var tableRenderElement = function(props, config) {
         case 'header-cell':
             return /*#__PURE__*/ React.createElement(ThWrapper, _object_spread({
                 style: {
-                    padding: '8px',
                     verticalAlign: 'middle'
                 }
             }, props));
         case 'table-cell':
             return /*#__PURE__*/ React.createElement(TdWrapper, _object_spread({
                 style: {
-                    padding: '8px',
                     verticalAlign: 'middle'
                 }
             }, props));

package/dist/MarkdownEditor/editor/elements/Table/style.js

@@ -50,10 +50,13 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../../../../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
 var genStyle = function(token) {
     var _obj;
     return _define_property({}, token.componentCls, {
+        width: '100%',
+        overflow: 'auto',
         '--table-border-radius': '8px',
         '--table-border-color': '#E7E9E8',
         '--table-header-bg': '#f7f7f9',
@@ -94,7 +97,6 @@ var genStyle = function(token) {
         table: (_obj = {
             borderCollapse: 'separate',
             borderSpacing: 0,
-            display: 'block',
             width: '100%',
             tableLayout: 'fixed',
             margin: '16px 0',
@@ -123,13 +125,6 @@ var genStyle = function(token) {
             'tr:not(.config-tr):last-child td:last-child:not(.config-td):not([colspan]):not([rowspan]), tr:not(.config-tr):last-child th:last-child:not(.config-td):not([colspan]):not([rowspan])': {
                 borderBottomRightRadius: 'unset'
             }
-        }), // 表格主体和表头使用 table 布局
-        _define_property(_obj, 'tbody, thead', {
-            display: 'table',
-            width: '100%',
-            tableLayout: 'fixed',
-            position: 'relative',
-            background: 'inherit'
         }), _define_property(_obj, 'th.config-th,td.config-td', {
             borderBottom: '1px solid var(--table-border-color)',
             borderLeft: '1px solid var(--table-border-color)'
@@ -226,6 +221,10 @@ var genStyle = function(token) {
         _define_property(_obj, 'th:not(.config-td)[rowspan]:first-child:last-child, td:not(.config-td)[rowspan]:first-child:last-child', {
             borderTopLeftRadius: 'var(--table-border-radius)',
             borderBottomLeftRadius: 'var(--table-border-radius)'
+        }), _define_property(_obj, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+            'th:not(.config-td), td:not(.config-td)': {
+                padding: "".concat(MOBILE_PADDING)
+            }
         }), _obj),
         'table.htCore': {
             boxSizing: 'content-box',

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

@@ -314,12 +314,12 @@ var initializeAutoOpen = function(autoOpen, type, setOpen, suggestionConnext) {
 var handleMouseEnter = function(domRef) {
     var target = domRef.current;
     if (!target) return;
-    target.classList.remove('no-focus');
+    target.removeAttribute('data-no-focus');
 };
 var handleMouseLeave = function(domRef) {
     var target = domRef.current;
     if (!target) return;
-    target.classList.add('no-focus');
+    target.setAttribute('data-no-focus', '');
 };
 var createDefaultDom = function(domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder, isOpen) {
     var isEmpty = !(text === null || text === void 0 ? void 0 : text.trim());
@@ -327,7 +327,9 @@ var createDefaultDom = function(domRef, baseCls, hashId, loading, selectedItems,
     var _obj;
     return /*#__PURE__*/ React.createElement("div", {
         ref: domRef,
-        className: classNames("".concat(baseCls, "-tag-popup-input"), 'no-focus', hashId, (_obj = {
+        "data-tag-popup-input": true,
+        "data-no-focus": true,
+        className: classNames("".concat(baseCls, "-tag-popup-input"), hashId, (_obj = {
             empty: isEmpty
         }, _define_property(_obj, "".concat(baseCls, "-tag-popup-input-loading"), loading), _define_property(_obj, "".concat(baseCls, "-tag-popup-input-has-arrow"), hasItems), _obj)),
         onMouseEnter: function() {

package/dist/MarkdownEditor/editor/elements/TagPopup/style.js

@@ -62,8 +62,8 @@ var genStyle = function(token) {
         color: 'var(--color-primary-text-secondary)',
         borderRadius: 'var(--radius-control-sm)',
         background: 'var(--color-primary-bg-tip)',
-        '&-tag-popup-input': {
-            '&:not(.tag-popup-input-composition).empty::before': {
+        '[data-tag-popup-input]': {
+            '&:not([data-composition]).empty::before': {
                 color: 'var(--color-primary-text-disabled)',
                 content: 'attr(title)',
                 userSelect: 'none',

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

@@ -101,7 +101,7 @@ import { useEditorStore } from "../store";
         var enter = new EnterKey(store, backspace);
         var match = new MatchKey(markdownEditorRef.current);
         return function(e) {
-            var _props_markdown, _props_textAreaProps, _props_textAreaProps1, _node_;
+            var _props_markdown, _node_;
             // 处理表格键盘事件
             if (NativeTableKeyboard.shouldHandle(markdownEditorRef.current)) {
                 if (NativeTableKeyboard.handleKeyDown(markdownEditorRef.current, e.nativeEvent)) {
@@ -190,27 +190,16 @@ import { useEditorStore } from "../store";
                 return;
             }
             if (e.key === 'Tab') tab.run(e);
-            if (((_props_textAreaProps = props.textAreaProps) === null || _props_textAreaProps === void 0 ? void 0 : _props_textAreaProps.triggerSendKey) === 'Enter') {
-                if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    enter.run(e);
-                    return;
-                }
-                return;
-            }
-            if (((_props_textAreaProps1 = props.textAreaProps) === null || _props_textAreaProps1 === void 0 ? void 0 : _props_textAreaProps1.triggerSendKey) === 'Mod+Enter') {
-                if (e.key === 'Enter' && !(e.ctrlKey || e.metaKey)) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    enter.run(e);
-                }
-                return;
-            }
-            if (e.key === 'Enter' && !(e.ctrlKey || e.metaKey)) {
+            // Enter 发送，Shift+Enter 换行
+            if (e.key === 'Enter' && e.shiftKey && !(e.ctrlKey || e.metaKey)) {
                 e.stopPropagation();
                 e.preventDefault();
                 enter.run(e);
+                return;
+            }
+            // Enter 键（无 Shift）由 MarkdownInputField 处理发送，这里不处理
+            if (e.key === 'Enter' && !(e.ctrlKey || e.metaKey) && !e.shiftKey) {
+                return;
             }
             var _Editor_nodes1 = _sliced_to_array(Editor.nodes(markdownEditorRef.current, {
                 match: function(n) {

package/dist/MarkdownEditor/editor/store.js

@@ -1606,9 +1606,9 @@ export var EditorStoreContext = createContext(null);
                         var el = _step.value;
                         var _this_draggedElement1;
                         if (!ableToEnter.has(el.dataset.be)) continue;
-                        if (el.classList.contains('frontmatter')) continue;
+                        if (el.hasAttribute('data-frontmatter')) continue;
                         var pre = el.previousSibling;
-                        if (el.dataset.be === 'paragraph' && ((_this_draggedElement1 = this.draggedElement) === null || _this_draggedElement1 === void 0 ? void 0 : _this_draggedElement1.dataset.be) === 'list-item' && (!pre || pre.classList.contains('check-item'))) {
+                        if (el.dataset.be === 'paragraph' && ((_this_draggedElement1 = this.draggedElement) === null || _this_draggedElement1 === void 0 ? void 0 : _this_draggedElement1.dataset.be) === 'list-item' && (!pre || pre.hasAttribute('data-check-item'))) {
                             continue;
                         }
                         if (el === this.draggedElement) continue;
@@ -1679,7 +1679,7 @@ export var EditorStoreContext = createContext(null);
                         var width = last.el.dataset.be === 'list-item' ? last.el.clientWidth + 20 + 'px' : last.el.clientWidth + 'px';
                         if (!mark) {
                             mark = document.createElement('div');
-                            mark.classList.add('move-mark');
+                            mark.setAttribute('data-move-mark', '');
                             mark.style.width = width;
                             mark.style.height = '2px';
                             mark.style.transform = "translate(".concat(last.left - rect.left - scrollLeft, "px, ").concat(last.top - rect.top - scrollTop, "px)");

package/dist/MarkdownEditor/editor/style.js

@@ -51,6 +51,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { Keyframes } from "@ant-design/cssinjs";
+import { MOBILE_BREAKPOINT } from "../../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
 import "./code.css";
 // 导入统一的标签样式配置
@@ -80,7 +81,7 @@ var genStyle = function(token) {
     var _obj;
     return _obj = {
         // 拖拽手柄样式
-        '.ant-agentic-md-editor-drag-handle': {
+        '[data-drag-handle]': {
             position: 'absolute',
             display: 'flex',
             userSelect: 'none',
@@ -93,7 +94,7 @@ var genStyle = function(token) {
             top: 'calc(3px + 0.75em - 14px)'
         },
         // 拖拽图标样式
-        '.ant-agentic-md-editor-drag-icon': {
+        '[data-drag-icon]': {
             display: 'flex',
             alignItems: 'center',
             borderRadius: '18px',
@@ -106,7 +107,7 @@ var genStyle = function(token) {
             }
         },
         // 拖拽元素悬浮效果
-        '.ant-agentic-md-editor-drag-el:hover > .ant-agentic-md-editor-drag-handle': {
+        '[data-drag-el]:hover > [data-drag-handle]': {
             opacity: 1
         },
         // 可调整大小组件样式
@@ -144,7 +145,7 @@ var genStyle = function(token) {
             pointerEvents: 'all'
         },
         // 移动标记样式
-        '.move-mark': {
+        '[data-move-mark]': {
             height: '0.125em',
             backgroundColor: 'var(--color-primary-control-fill-primary)',
             left: 0,
@@ -156,7 +157,7 @@ var genStyle = function(token) {
             transitionDuration: '200ms'
         },
         // 隐藏样式
-        '.ant-agentic-md-editor-hidden': {
+        '[data-hidden]': {
             display: 'none'
         },
         // KaTeX容器样式
@@ -275,7 +276,7 @@ var genStyle = function(token) {
         'h1,h2,h3,h4,h5,h6': {
             position: 'relative',
             textWrap: 'balance',
-            '.ant-agentic-md-editor-drag-handle': {
+            '[data-drag-handle]': {
                 top: 'calc(3px + 0.05em) !important'
             }
         },
@@ -424,6 +425,34 @@ var genStyle = function(token) {
             },
             'ol,ul': {
                 paddingLeft: '1em'
+            },
+            // 移动端图片和视频响应式样式
+            '[data-be="image"], [data-be="media"]': {
+                width: '100%',
+                maxWidth: '100%',
+                boxSizing: 'border-box',
+                overflow: 'hidden',
+                '[data-be="media-container"]': {
+                    width: '100%',
+                    maxWidth: '100%',
+                    padding: '2px',
+                    boxSizing: 'border-box'
+                },
+                'img, video': {
+                    maxWidth: '100%',
+                    height: 'auto',
+                    display: 'block'
+                },
+                '[data-testid="resize-image-container"]': {
+                    maxWidth: '100%',
+                    width: '100% !important',
+                    boxSizing: 'border-box'
+                },
+                '[data-testid="video-element"]': {
+                    maxWidth: '100%',
+                    width: '100% !important',
+                    height: 'auto'
+                }
             }
         },
         '[data-be]:not(p):not(data-be="list")': {
@@ -521,6 +550,12 @@ var genStyle = function(token) {
             marginTop: '0.3em',
             marginBottom: '0.3em'
         }
+    }), _define_property(_obj, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+        'div[data-be="paragraph"]': {
+            fontSize: '0.95em',
+            lineHeight: '1.4em',
+            margin: 'var(--margin-1x) 0'
+        }
     }), _obj;
 };
 var genSlideStyle = function(token) {

package/dist/MarkdownEditor/editor/tools/DragHandle.js

@@ -40,7 +40,7 @@ export var DragHandle = function(props) {
     return /*#__PURE__*/ React.createElement(Tooltip, {
         title: "拖拽移动"
     }, /*#__PURE__*/ React.createElement("span", {
-        className: 'ant-agentic-md-editor-drag-handle',
+        "data-drag-handle": true,
         "data-testid": "drag-handle",
         style: _object_spread({}, props.style),
         contentEditable: false,
@@ -49,7 +49,7 @@ export var DragHandle = function(props) {
             var _parent_parentElement;
             var parent = ref.current.parentElement;
             if (((_parent_parentElement = parent.parentElement) === null || _parent_parentElement === void 0 ? void 0 : _parent_parentElement.dataset.be) === 'list-item') {
-                if (!parent.previousSibling || parent.previousSibling.classList.contains('check-item')) {
+                if (!parent.previousSibling || parent.previousSibling.hasAttribute('data-check-item')) {
                     parent = parent.parentElement;
                 }
             }
@@ -58,6 +58,6 @@ export var DragHandle = function(props) {
             store.draggedElement = parent;
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        className: "ant-agentic-md-editor-drag-icon"
+        "data-drag-icon": true
     }, /*#__PURE__*/ React.createElement(HolderOutlined, null))));
 };

package/dist/MarkdownEditor/style.js

@@ -50,6 +50,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { MOBILE_BREAKPOINT } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function(token) {
     return _define_property({}, token.componentCls, {
@@ -67,7 +68,7 @@ var genStyle = function(token) {
             scrollbarColor: 'hsl(240 5.9% 90%) transparent',
             boxSizing: 'border-box'
         },
-        'div.composition div:not(.no-focus).empty:first-child::before': {
+        'div[data-composition] div:not([data-no-focus]).empty:first-child::before': {
             display: 'none'
         },
         '> *': {
@@ -81,7 +82,12 @@ var genStyle = function(token) {
         },
         '&-edit-area': {
             outline: 'none !important'
-        }
+        },
+        '&-content': _define_property({
+            padding: '4px 20px'
+        }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+            padding: '4px 4px'
+        })
     });
 };
 /**

package/dist/MarkdownEditor/types.d.ts

@@ -4,10 +4,10 @@ import React from 'react';
 import { BaseEditor, Selection } from 'slate';
 import { HistoryEditor } from 'slate-history';
 import { ReactEditor, RenderElementProps } from 'slate-react';
-import type { MarkdownToHtmlOptions } from './editor/utils/markdownToHtml';
 import { TagPopupProps } from './editor/elements/TagPopup';
 import { EditorStore } from './editor/store';
 import { InsertAutocompleteProps } from './editor/tools/InsertAutocomplete';
+import type { MarkdownToHtmlOptions } from './editor/utils/markdownToHtml';
 import { CustomLeaf, Elements } from './el';
 /**
  * @typedef CommentDataType

package/dist/MarkdownEditor/utils/exportHtml.js

@@ -7,7 +7,7 @@
  * @returns A complete HTML document as a string
  */ export var generateHtmlDocument = function(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: 20px;\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    }\n    th {\n      background-color: #f6f8fa;\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    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/MarkdownInputField.d.ts

@@ -14,7 +14,7 @@ import type { CreateRecognizer } from './VoiceInput';
  * @property {string} [className] - 应用于输入字段的 CSS 类名
  * @property {boolean} [disabled] - 是否禁用输入字段
  * @property {boolean} [typing] - 用户是否正在输入的状态标志
- * @property {'Enter' | 'Mod+Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键
+ * @property {'Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键（Enter 发送，Shift+Enter 换行）
  * @property {function} [onSend] - 当内容发送时触发的异步回调函数
  */
 export type MarkdownInputFieldProps = {
@@ -56,11 +56,11 @@ export type MarkdownInputFieldProps = {
     typing?: boolean;
     /**
      * 触发发送操作的键盘快捷键。
-     * - 'Enter': 回车键触发发送
-     * - 'Mod+Enter': 按下 Ctrl/Command + Enter 触发发送
-     * @example triggerSendKey="Mod+Enter"
+     * - 'Enter': 回车键触发发送，Shift+Enter 换行
+     * @deprecated 此属性已废弃，现在固定使用 Enter 发送，Shift+Enter 换行
+     * @example triggerSendKey="Enter"
      */
-    triggerSendKey?: 'Enter' | 'Mod+Enter';
+    triggerSendKey?: 'Enter';
     /**
      * 当内容发送时触发的异步回调函数。
      * 返回一个 Promise 对象，当发送成功后 resolve。
@@ -429,7 +429,7 @@ export type MarkdownInputFieldProps = {
  * @param {(value: string) => void} [props.onChange] - 值变化时的回调
  * @param {(value: string) => Promise<void>} [props.onSend] - 发送消息的回调
  * @param {string} [props.placeholder] - 占位符文本
- * @param {string} [props.triggerSendKey='Mod+Enter'] - 触发发送的快捷键
+ * @param {string} [props.triggerSendKey='Enter'] - 触发发送的快捷键（Enter 发送，Shift+Enter 换行）
  * @param {boolean} [props.disabled] - 是否禁用
  * @param {boolean} [props.typing] - 是否正在输入
  * @param {AttachmentProps} [props.attachment] - 附件配置
@@ -445,7 +445,7 @@ export type MarkdownInputFieldProps = {
  *   onChange={(value) => console.log(value)}
  *   onSend={(value) => Promise.resolve()}
  *   placeholder="请输入Markdown文本..."
- *   triggerSendKey="Mod+Enter"
+ *   triggerSendKey="Enter"
  * />
  * ```
  *

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -277,7 +277,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
  * @param {(value: string) => void} [props.onChange] - 值变化时的回调
  * @param {(value: string) => Promise<void>} [props.onSend] - 发送消息的回调
  * @param {string} [props.placeholder] - 占位符文本
- * @param {string} [props.triggerSendKey='Mod+Enter'] - 触发发送的快捷键
+ * @param {string} [props.triggerSendKey='Enter'] - 触发发送的快捷键（Enter 发送，Shift+Enter 换行）
  * @param {boolean} [props.disabled] - 是否禁用
  * @param {boolean} [props.typing] - 是否正在输入
  * @param {AttachmentProps} [props.attachment] - 附件配置
@@ -293,7 +293,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
  *   onChange={(value) => console.log(value)}
  *   onSend={(value) => Promise.resolve()}
  *   placeholder="请输入Markdown文本..."
- *   triggerSendKey="Mod+Enter"
+ *   triggerSendKey="Enter"
  * />
  * ```
  *
@@ -638,26 +638,16 @@ import { useVoiceInputManager } from "./VoiceInputManager";
     // 键盘事件：早返回减少嵌套
     var handleKeyDown = useRefFunction(function(e) {
         var _markdownEditorRef_current;
-        var triggerSendKey = props.triggerSendKey || 'Enter';
         if (markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.store.inputComposition) return;
         var isEnter = e.key === 'Enter';
         var isMod = e.ctrlKey || e.metaKey;
-        if (triggerSendKey === 'Enter') {
-            if (!(isEnter && !isMod)) return;
-            e.stopPropagation();
-            e.preventDefault();
-            if (props.onSend) sendMessage();
-            return;
-        }
-        if (triggerSendKey === 'Mod+Enter') {
-            if (!(isEnter && isMod)) return;
-            e.stopPropagation();
-            e.preventDefault();
-            // 防止重复触发：检查是否已经在加载中
-            if (props.onSend && !isLoading && !props.disabled && !props.typing) {
-                sendMessage();
-            }
-        }
+        var isShift = e.shiftKey;
+        // Enter 发送，Shift+Enter 换行
+        if (!isEnter || isMod) return;
+        if (isShift) return; // Shift+Enter 时让编辑器处理换行
+        e.stopPropagation();
+        e.preventDefault();
+        if (props.onSend) sendMessage();
     });
     // 预计算：SendActions 节点，统一渲染，避免重复 JSX
     var sendActionsNode = /*#__PURE__*/ React.createElement(SendActions, {
@@ -773,8 +763,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         },
         textAreaProps: {
             enable: true,
-            placeholder: props.placeholder,
-            triggerSendKey: props.triggerSendKey || 'Enter'
+            placeholder: props.placeholder
         },
         tagInputProps: _object_spread({
             enable: true,
@@ -814,20 +803,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         toc: false,
         pasteConfig: props.pasteConfig
     }, markdownProps)))), props.toolsRender ? /*#__PURE__*/ React.createElement("div", {
-        style: {
-            backgroundColor: '#fff',
-            display: 'flex',
-            boxSizing: 'border-box',
-            borderRadius: 'inherit',
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            gap: 8,
-            width: '100%',
-            paddingRight: 'var(--padding-3x)',
-            paddingLeft: 'var(--padding-3x)',
-            paddingBottom: 'var(--padding-3x)'
-        }
+        className: classNames("".concat(baseCls, "-tools-wrapper"), hashId)
     }, /*#__PURE__*/ React.createElement("div", {
         ref: actionsRef,
         contentEditable: false,

package/dist/MarkdownInputField/SendButton/index.js

@@ -53,12 +53,13 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { ConfigProvider } from "antd";
+import { ConfigProvider, Tooltip } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
 import React, { useContext, useEffect } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { StopIcon } from "../../AgentRunBar/icons";
+import { I18nContext } from "../../I18n";
 import { useStyle } from "./style";
 function SendIcon(props) {
     var hover = props.hover, typing = props.typing, onInit = props.onInit, rest = _object_without_properties(props, [
@@ -145,14 +146,27 @@ function SendIcon(props) {
         (_props_onInit = props.onInit) === null || _props_onInit === void 0 ? void 0 : _props_onInit.call(props);
     }, []);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var locale = useContext(I18nContext).locale;
     var baseCls = getPrefixCls('agentic-md-input-field-send-button');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     if (typeof window === 'undefined' || typeof document === 'undefined' || !window.document) {
         // SSR 环境下不渲染
         return null;
     }
+    var sendText = (locale === null || locale === void 0 ? void 0 : locale['input.sendButtonTooltip.send']) || '按 Enter 键发送';
+    var newlineText = (locale === null || locale === void 0 ? void 0 : locale['input.sendButtonTooltip.newline']) || '按 Shift+Enter 键换行';
+    var tooltipTitle = /*#__PURE__*/ React.createElement("div", {
+        style: {
+            lineHeight: '1.5',
+            textAlign: 'left'
+        }
+    }, /*#__PURE__*/ React.createElement("div", null, sendText), /*#__PURE__*/ React.createElement("div", null, newlineText));
     var _obj;
-    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+    return wrapSSR(/*#__PURE__*/ React.createElement(Tooltip, {
+        arrow: false,
+        title: tooltipTitle,
+        mouseEnterDelay: 0.5
+    }, /*#__PURE__*/ React.createElement("div", {
         "data-testid": "send-button",
         onClick: function() {
             if (!disabled) {
@@ -176,5 +190,5 @@ function SendIcon(props) {
         hover: isSendable && !disabled,
         disabled: disabled,
         typing: typing
-    }))));
+    })))));
 };

package/dist/MarkdownInputField/style.js

@@ -51,6 +51,7 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { Keyframes } from "@ant-design/cssinjs";
+import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 // MarkdownInputField 样式常量
 // Glow border effect constants - 辉光边框效果常量
@@ -152,7 +153,8 @@ var genStyle = function(token) {
             boxSizing: 'border-box'
         },
         '&:active,&.active': {
-            outline: '1px solid transparent'
+            outline: '1px solid transparent',
+            outlineColor: 'var(--mif-active-outline-color, transparent)'
         },
         '&-enlarged': (_obj = {}, _define_property(_obj, "".concat(token.componentCls, "-editor"), {
             flex: 1,
@@ -203,13 +205,15 @@ var genStyle = function(token) {
                 padding: '0 !important'
             }
         },
-        '&-editor-content': {
+        '&-editor-content': _define_property({
             overflowY: 'auto',
             maxHeight: 'inherit',
             borderRadius: 'inherit',
             scrollbarColor: 'var(--color-gray-text-tertiary) transparent',
             scrollbarWidth: 'thin'
-        },
+        }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+            padding: "".concat(MOBILE_PADDING, " !important")
+        }),
         '&&-disabled': {
             backgroundColor: 'rgba(0,0,0,0.04)',
             cursor: 'not-allowed',
@@ -223,6 +227,24 @@ var genStyle = function(token) {
             font: 'var(--font-text-body-base)',
             color: 'var(--color-gray-text-default)'
         },
+        '&-tools-wrapper': _define_property({
+            backgroundColor: '#fff',
+            display: 'flex',
+            boxSizing: 'border-box',
+            borderRadius: 'inherit',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            gap: 8,
+            width: '100%',
+            paddingLeft: 'var(--padding-3x)',
+            paddingRight: 'var(--padding-3x)',
+            paddingBottom: 'var(--padding-3x)'
+        }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+            paddingLeft: MOBILE_PADDING,
+            paddingRight: MOBILE_PADDING,
+            paddingBottom: MOBILE_PADDING
+        }),
         '&-send-actions': {
             position: 'absolute',
             userSelect: 'none',

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundaryExample.js

@@ -22,7 +22,7 @@ var NormalChart = function() {
  */ export var ChartErrorBoundaryExample = function() {
     return /*#__PURE__*/ React.createElement("div", {
         style: {
-            padding: '20px'
+            padding: '12px'
         }
     }, /*#__PURE__*/ React.createElement("h2", null, "图表错误边界示例（antd Result 简洁版）"), /*#__PURE__*/ React.createElement("div", {
         style: {

package/dist/Plugins/chart/index.js

@@ -316,7 +316,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
     ]);
     return useMemo(function() {
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
-            className: 'ant-agentic-md-editor-drag-el'
+            "data-drag-el": true
         }, attributes), {
             "data-be": 'chart',
             style: {
@@ -332,7 +332,7 @@ export { ChartFilter, ChartToolBar, downloadChart } from "./components";
                 return store.dragStart(e, markdownContainerRef.current);
             }
         }), /*#__PURE__*/ React.createElement(DragHandle, null), /*#__PURE__*/ React.createElement("div", {
-            className: "ant-agentic-md-editor-chart-box",
+            "data-chart-box": true,
             style: {
                 display: 'flex',
                 flexDirection: 'column',

package/dist/Plugins/code/components/CodeContainer.js

@@ -41,8 +41,7 @@ export function CodeContainer(param) {
             height: hide ? 0 : 'auto',
             opacity: hide ? 0 : 1
         },
-        className: classNames('ace-container', 'code-editor-container', 'drag-el', {
-            frontmatter: safeElement.frontmatter
-        })
+        "data-frontmatter": safeElement.frontmatter ? '' : undefined,
+        className: classNames('ace-container', 'code-editor-container', 'drag-el')
     }, children));
 }