@ant-design/agentic-ui 2.14.1 → 2.16.1

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

@@ -165,7 +165,41 @@ import remarkMath from "remark-math";
 import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { unified } from "unified";
+import { visit } from "unist-util-visit";
 import { fixStrongWithSpecialChars } from "../parser/remarkParse";
+// HTML 转义相关的正则表达式和工具
+var ESCAPE_TEST_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
+var ESCAPE_TEST = /[&<>"']/;
+var ESCAPE_REPLACE = /[&<>"']/g;
+var ESCAPE_REPLACE_NO_ENCODE = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g;
+var ENDING_NEWLINE = /\n$/;
+var ESCAPE_REPLACEMENTS = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;'
+};
+var getEscapeReplacement = function(ch) {
+    return ESCAPE_REPLACEMENTS[ch];
+};
+/**
+ * HTML 转义函数
+ * @param html - 要转义的 HTML 字符串
+ * @param encode - 是否编码所有特殊字符（包括 &）
+ * @returns 转义后的字符串
+ */ export function escapeHtml(html, encode) {
+    if (encode) {
+        if (ESCAPE_TEST.test(html)) {
+            return html.replace(ESCAPE_REPLACE, getEscapeReplacement);
+        }
+    } else {
+        if (ESCAPE_TEST_NO_ENCODE.test(html)) {
+            return html.replace(ESCAPE_REPLACE_NO_ENCODE, getEscapeReplacement);
+        }
+    }
+    return html;
+}
 var INLINE_MATH_WITH_SINGLE_DOLLAR = {
     singleDollarTextMath: true
 };
@@ -173,6 +207,90 @@ var FRONTMATTER_LANGUAGES = [
     'yaml'
 ];
 var remarkRehypePlugin = remarkRehype;
+/**
+ * 配置链接渲染器，在新标签页打开链接
+ */ function rehypeLinkTarget() {
+    return function() {
+        return function(tree) {
+            visit(tree, 'element', function(node) {
+                if (node.tagName === 'a' && node.properties) {
+                    node.properties.target = '_blank';
+                    node.properties.rel = 'noopener noreferrer';
+                }
+            });
+        };
+    };
+}
+/**
+ * 配置段落渲染器，支持自定义段落标签
+ */ function rehypeParagraphTag() {
+    var tagName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'p';
+    return function() {
+        return function(tree) {
+            visit(tree, 'element', function(node) {
+                if (node.tagName === 'p') {
+                    node.tagName = tagName;
+                }
+            });
+        };
+    };
+}
+/**
+ * 从代码节点中提取原始文本
+ */ function getCodeText(node) {
+    if (!node.children) return '';
+    return node.children.map(function(child) {
+        if (child.type === 'text' && 'value' in child) {
+            return String(child.value);
+        }
+        if (child.type === 'element') {
+            return getCodeText(child);
+        }
+        return '';
+    }).join('');
+}
+/**
+ * 配置代码块渲染器，添加流式状态支持
+ */ function rehypeCodeBlock() {
+    return function() {
+        return function(tree) {
+            visit(tree, 'element', function(node) {
+                var _node_children;
+                if (node.tagName === 'pre' && ((_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children[0])) {
+                    var codeNode = node.children[0];
+                    if (codeNode.tagName === 'code' && codeNode.properties) {
+                        // 检查是否为代码块（而非行内代码）
+                        // 代码块通常在 pre 标签内，且有 className 包含 language-
+                        var hasLanguageClass = codeNode.properties.className ? Array.isArray(codeNode.properties.className) ? codeNode.properties.className.some(function(cls) {
+                            return String(cls).startsWith('language-');
+                        }) : String(codeNode.properties.className).startsWith('language-') : false;
+                        // 或者通过检查代码内容长度来判断（代码块通常较长）
+                        var codeText = getCodeText(codeNode);
+                        var isBlock = hasLanguageClass || codeText.includes('\n') && codeText.length > 10;
+                        if (isBlock) {
+                            // 添加 data-block 属性
+                            codeNode.properties['data-block'] = 'true';
+                            // 默认设置为 done，在实际流式场景中可以通过外部传入状态
+                            // 这里我们检查代码是否看起来完整（有换行且不以换行结尾可能表示未完成）
+                            var endsWithNewline = codeText.match(ENDING_NEWLINE);
+                            var streamStatus = endsWithNewline ? 'done' : 'loading';
+                            // 添加 data-state 属性
+                            codeNode.properties['data-state'] = streamStatus;
+                            // 转义代码内容（移除末尾换行后重新添加，确保格式一致）
+                            if (codeNode.children && codeNode.children.length > 0) {
+                                var textNode = codeNode.children[0];
+                                if (textNode.type === 'text' && 'value' in textNode) {
+                                    var code = String(textNode.value).replace(ENDING_NEWLINE, '');
+                                    textNode.value = escapeHtml(code, true) + '\n';
+                                }
+                            }
+                        }
+                    }
+                }
+            });
+        };
+    };
+}
 export var DEFAULT_MARKDOWN_REMARK_PLUGINS = [
     remarkParse,
     remarkGfm,
@@ -214,11 +332,24 @@ var resolveRemarkPlugins = function(plugins) {
     }
     return plugins;
 };
-var createMarkdownProcessor = function(plugins) {
+var createMarkdownProcessor = function(plugins, config) {
     var processor = unified();
     var remarkPlugins = resolveRemarkPlugins(plugins);
     applyPlugins(processor, remarkPlugins);
-    processor.use(rehypeRaw).use(rehypeKatex).use(rehypeStringify);
+    processor.use(rehypeRaw).use(rehypeKatex);
+    // 应用配置选项
+    if (config === null || config === void 0 ? void 0 : config.openLinksInNewTab) {
+        processor.use(rehypeLinkTarget());
+    }
+    if ((config === null || config === void 0 ? void 0 : config.paragraphTag) && config.paragraphTag !== 'p') {
+        processor.use(rehypeParagraphTag(config.paragraphTag));
+    }
+    processor.use(rehypeCodeBlock());
+    // 用户自定义配置（最后应用，可以覆盖默认配置）
+    if (config === null || config === void 0 ? void 0 : config.markedConfig) {
+        applyPlugins(processor, config.markedConfig);
+    }
+    processor.use(rehypeStringify);
     return processor;
 };
 /**
@@ -230,19 +361,31 @@ var createMarkdownProcessor = function(plugins) {
  * - 前置元数据 (Frontmatter)
  * - 特殊字符修复
  * - 原始 HTML 标签
+ * - 链接在新标签页打开（可选）
+ * - 自定义段落标签（可选）
+ * - 代码块流式状态支持
  *
  * @param markdown - 要转换的 Markdown 字符串
+ * @param plugins - 可选的 unified 插件配置
+ * @param config - 可选的渲染配置选项
  * @returns Promise<string> - 从 Markdown 生成的 HTML 字符串
  *
  * @example
  * ```typescript
  * const html = await markdownToHtml('# 标题\n\n这是**粗体**文本');
  * console.log(html); // '<h1>标题</h1><p>这是<strong>粗体</strong>文本</p>'
+ *
+ * // 使用配置选项
+ * const htmlWithConfig = await markdownToHtml(
+ *   '[链接](https://example.com)',
+ *   undefined,
+ *   { openLinksInNewTab: true, paragraphTag: 'div' }
+ * );
  * ```
  *
  * @throws {Error} 当转换过程中发生错误时返回空字符串
  */ export var markdownToHtml = /*#__PURE__*/ function() {
-    var _ref = _async_to_generator(function(markdown, plugins) {
+    var _ref = _async_to_generator(function(markdown, plugins, config) {
         var htmlContent, error;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -255,7 +398,7 @@ var createMarkdownProcessor = function(plugins) {
                     ]);
                     return [
                         4,
-                        createMarkdownProcessor(plugins).process(markdown)
+                        createMarkdownProcessor(plugins, config).process(markdown)
                     ];
                 case 1:
                     htmlContent = _state.sent();
@@ -277,7 +420,7 @@ var createMarkdownProcessor = function(plugins) {
             }
         });
     });
-    return function markdownToHtml(markdown, plugins) {
+    return function markdownToHtml(markdown, plugins, config) {
         return _ref.apply(this, arguments);
     };
 }();
@@ -288,12 +431,21 @@ var createMarkdownProcessor = function(plugins) {
  * 适用于不需要异步处理的场景，但可能会阻塞主线程。
  *
  * @param markdown - 要转换的 Markdown 字符串
+ * @param plugins - 可选的 unified 插件配置
+ * @param config - 可选的渲染配置选项
  * @returns string - 从 Markdown 生成的 HTML 字符串
  *
  * @example
  * ```typescript
  * const html = markdownToHtmlSync('## 副标题\n\n- 列表项1\n- 列表项2');
  * console.log(html); // '<h2>副标题</h2><ul><li>列表项1</li><li>列表项2</li></ul>'
+ *
+ * // 使用配置选项
+ * const htmlWithConfig = markdownToHtmlSync(
+ *   '[链接](https://example.com)',
+ *   undefined,
+ *   { openLinksInNewTab: true }
+ * );
  * ```
  *
  * @throws {Error} 当转换过程中发生错误时返回空字符串
@@ -301,9 +453,9 @@ var createMarkdownProcessor = function(plugins) {
  * @remarks
  * - 建议在可能的情况下使用异步版本 `markdownToHtml`
  * - 同步版本可能影响用户界面响应性
- */ export var markdownToHtmlSync = function(markdown, plugins) {
+ */ export var markdownToHtmlSync = function(markdown, plugins, config) {
     try {
-        var file = createMarkdownProcessor(plugins).processSync(markdown);
+        var file = createMarkdownProcessor(plugins, config).processSync(markdown);
         return String(file);
     } catch (error) {
         console.error('Error converting markdown to HTML:', error);

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 - 辉光边框效果常量
@@ -204,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',
@@ -224,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/AreaChart/index.d.ts

@@ -2,6 +2,16 @@ import React from 'react';
 import { ChartContainerProps } from '../components';
 import { StatisticConfigType } from '../hooks/useChartStatistic';
 import { ChartDataItem } from '../utils';
+/**
+ * @fileoverview 面积图组件文件
+ *
+ * 该文件提供了面积图组件的实现，基于 Chart.js 和 react-chartjs-2。
+ * 支持数据可视化、交互、配置、统计等功能。
+ *
+ * @author md-editor
+ * @version 1.0.0
+ * @since 2024
+ */
 /**
  * 面积图数据项类型
  *
@@ -129,6 +139,8 @@ export interface AreaChartProps extends ChartContainerProps {
     renderFilterInToolbar?: boolean;
     /** ChartStatistic组件配置：object表示单个配置，array表示多个配置 */
     statistic?: StatisticConfigType;
+    /** 是否显示加载状态（当图表未闭合时显示） */
+    loading?: boolean;
 }
 /**
  * 面积图组件