@ant-design/agentic-ui 2.14.1 → 2.16.1

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/editor/types/Table.d.ts

@@ -10,6 +10,7 @@ export interface TableNode {
             rowSpan: number;
             colSpan: number;
         }>;
+        finish?: boolean;
         config?: any;
         columns?: Array<any>;
     };

package/dist/MarkdownEditor/editor/utils/findMatchingClose.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 查找匹配的闭合标记
+ *
+ * 用于流式解析代码块（特别是 Mermaid 代码块）时，判断代码块是否完整。
+ * 通过查找匹配的闭合标记来确定代码块是否已经完成输入。
+ *
+ * @param src - 源字符串
+ * @param startIdx - 开始搜索的索引位置
+ * @param open - 开始标记（如 "```", "$$", "(" 等）
+ * @param close - 结束标记（如 "```", "$$", ")" 等）
+ * @returns 匹配的闭合标记的索引位置，如果未找到则返回 -1
+ *
+ * @example
+ * ```typescript
+ * // 查找代码块的闭合标记
+ * const code = "```javascript\nconsole.log('hello');\n```";
+ * const closeIdx = findMatchingClose(code, 0, "```", "```");
+ * // 返回: 42 (第二个 ``` 的位置)
+ *
+ * // 查找数学公式的闭合标记
+ * const math = "$$\\sum_{i=1}^{n} x_i$$";
+ * const closeIdx = findMatchingClose(math, 0, "$$", "$$");
+ * // 返回: 最后一个 $ 的位置
+ * ```
+ */
+export declare function findMatchingClose(src: string, startIdx: number, open: string, close: string): number;
+/**
+ * 检查代码块是否完整（基于代码内容）
+ * 用于流式输入时判断代码块是否已经完成
+ *
+ * @param code - 代码内容
+ * @param language - 代码语言（如 'mermaid', 'javascript' 等）
+ * @returns 是否可能完整
+ */
+export declare function isCodeBlockLikelyComplete(code: string, language?: string): boolean;
+export default findMatchingClose;

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

@@ -0,0 +1,158 @@
+/**
+ * 查找匹配的闭合标记
+ *
+ * 用于流式解析代码块（特别是 Mermaid 代码块）时，判断代码块是否完整。
+ * 通过查找匹配的闭合标记来确定代码块是否已经完成输入。
+ *
+ * @param src - 源字符串
+ * @param startIdx - 开始搜索的索引位置
+ * @param open - 开始标记（如 "```", "$$", "(" 等）
+ * @param close - 结束标记（如 "```", "$$", ")" 等）
+ * @returns 匹配的闭合标记的索引位置，如果未找到则返回 -1
+ *
+ * @example
+ * ```typescript
+ * // 查找代码块的闭合标记
+ * const code = "```javascript\nconsole.log('hello');\n```";
+ * const closeIdx = findMatchingClose(code, 0, "```", "```");
+ * // 返回: 42 (第二个 ``` 的位置)
+ *
+ * // 查找数学公式的闭合标记
+ * const math = "$$\\sum_{i=1}^{n} x_i$$";
+ * const closeIdx = findMatchingClose(math, 0, "$$", "$$");
+ * // 返回: 最后一个 $ 的位置
+ * ```
+ */ export function findMatchingClose(src, startIdx, open, close) {
+    var len = src.length;
+    // 特殊处理 $$ 因为它是两个字符的分隔符，不应该被解释为嵌套的括号
+    if (open === '$$' && close === '$$') {
+        var i = startIdx;
+        while(i < len - 1){
+            if (src[i] === '$' && src[i + 1] === '$') {
+                // 确保没有被转义
+                var k = i - 1;
+                var backslashes = 0;
+                while(k >= 0 && src[k] === '\\'){
+                    backslashes++;
+                    k--;
+                }
+                // 如果反斜杠数量是偶数，说明没有被转义
+                if (backslashes % 2 === 0) return i;
+            }
+            i++;
+        }
+        return -1;
+    }
+    var openChar = open[open.length - 1];
+    var closeSeq = close;
+    var depth = 0;
+    var i1 = startIdx;
+    while(i1 < len){
+        // 如果这里有一个未转义的闭合序列
+        if (src.slice(i1, i1 + closeSeq.length) === closeSeq) {
+            var k1 = i1 - 1;
+            var backslashes1 = 0;
+            while(k1 >= 0 && src[k1] === '\\'){
+                backslashes1++;
+                k1--;
+            }
+            // 如果反斜杠数量是偶数，说明没有被转义
+            if (backslashes1 % 2 === 0) {
+                if (depth === 0) return i1;
+                depth--;
+                i1 += closeSeq.length;
+                continue;
+            }
+        }
+        var ch = src[i1];
+        // 跳过转义字符
+        if (ch === '\\') {
+            i1 += 2;
+            continue;
+        }
+        // 如果遇到开始字符，增加深度
+        if (ch === openChar) {
+            depth++;
+        } else if (ch === closeSeq[closeSeq.length - 1]) {
+            if (depth > 0) depth--;
+        }
+        i1++;
+    }
+    return -1;
+}
+/**
+ * 检查字符串中是否有未闭合的括号
+ */ function checkUnclosedBrackets(code) {
+    // 检查圆括号
+    var openParen = findMatchingClose(code, 0, '(', ')');
+    if (openParen === -1 && code.includes('(')) {
+        // 有开括号但没有匹配的闭括号
+        return true;
+    }
+    // 检查方括号
+    var openBracket = findMatchingClose(code, 0, '[', ']');
+    if (openBracket === -1 && code.includes('[')) {
+        return true;
+    }
+    // 检查花括号
+    var openBrace = findMatchingClose(code, 0, '{', '}');
+    if (openBrace === -1 && code.includes('{')) {
+        return true;
+    }
+    return false;
+}
+/**
+ * 检查 Mermaid 代码是否完整
+ */ function isMermaidCodeComplete(code) {
+    // 检查是否包含基本的 Mermaid 图表类型关键字
+    var hasChartType = code.includes('graph') || code.includes('sequenceDiagram') || code.includes('gantt') || code.includes('pie') || code.includes('classDiagram') || code.includes('stateDiagram') || code.includes('erDiagram') || code.includes('journey') || code.includes('gitgraph') || code.includes('flowchart');
+    if (!hasChartType) return false;
+    // 检查基本结构完整性
+    if (code.length < 10) return false;
+    // 检查括号匹配
+    var hasUnclosedBrackets = checkUnclosedBrackets(code);
+    if (hasUnclosedBrackets) return false;
+    // 检查是否以常见的不完整模式结尾
+    var incompletePatterns = [
+        /graph\s*$/i,
+        /-->?\s*$/
+    ];
+    var endsWithIncomplete = incompletePatterns.some(function(pattern) {
+        return pattern.test(code);
+    });
+    return !endsWithIncomplete;
+}
+/**
+ * 检查代码块是否完整（基于代码内容）
+ * 用于流式输入时判断代码块是否已经完成
+ *
+ * @param code - 代码内容
+ * @param language - 代码语言（如 'mermaid', 'javascript' 等）
+ * @returns 是否可能完整
+ */ export function isCodeBlockLikelyComplete(code, language) {
+    var trimmed = code.trim();
+    if (!trimmed) return false;
+    // 对于 Mermaid，使用更严格的检查
+    if (language === 'mermaid') {
+        return isMermaidCodeComplete(trimmed);
+    }
+    // 对于其他语言，检查基本的完整性
+    // 如果代码很短，可能是正在输入中
+    if (trimmed.length < 5) return false;
+    // 检查是否以常见的不完整模式结尾
+    var incompletePatterns = [
+        /\\$/,
+        /\/\*[\s\S]*$/,
+        /\/\/.*$/,
+        /['"`][^'"`]*$/
+    ];
+    // 检查括号匹配
+    var hasUnclosedBrackets = checkUnclosedBrackets(trimmed);
+    if (hasUnclosedBrackets) return false;
+    // 如果匹配不完整模式，可能还在输入中
+    var endsWithIncomplete = incompletePatterns.some(function(pattern) {
+        return pattern.test(trimmed);
+    });
+    return !endsWithIncomplete;
+}
+export default findMatchingClose;

package/dist/MarkdownEditor/editor/utils/markdownToHtml.d.ts

@@ -1,6 +1,24 @@
 import type { Plugin } from 'unified';
 export type MarkdownRemarkPlugin = Plugin | [Plugin, ...unknown[]];
 export type MarkdownToHtmlOptions = MarkdownRemarkPlugin[];
+/**
+ * Markdown 转 HTML 的配置选项
+ */
+export interface MarkdownToHtmlConfig {
+    /** 是否在新标签页打开链接 */
+    openLinksInNewTab?: boolean;
+    /** 自定义段落标签，默认为 'p' */
+    paragraphTag?: string;
+    /** 用户自定义的 unified 插件配置 */
+    markedConfig?: MarkdownRemarkPlugin[];
+}
+/**
+ * HTML 转义函数
+ * @param html - 要转义的 HTML 字符串
+ * @param encode - 是否编码所有特殊字符（包括 &）
+ * @returns 转义后的字符串
+ */
+export declare function escapeHtml(html: string, encode?: boolean): string;
 export declare const DEFAULT_MARKDOWN_REMARK_PLUGINS: readonly MarkdownRemarkPlugin[];
 /**
  * 将 Markdown 内容转换为 HTML（异步版本）
@@ -11,19 +29,31 @@ export declare const DEFAULT_MARKDOWN_REMARK_PLUGINS: readonly MarkdownRemarkPlu
  * - 前置元数据 (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 declare const markdownToHtml: (markdown: string, plugins?: MarkdownToHtmlOptions) => Promise<string>;
+export declare const markdownToHtml: (markdown: string, plugins?: MarkdownToHtmlOptions, config?: MarkdownToHtmlConfig) => Promise<string>;
 /**
  * 将 Markdown 内容转换为 HTML（同步版本）
  *
@@ -31,12 +61,21 @@ export declare const markdownToHtml: (markdown: string, plugins?: MarkdownToHtml
  * 适用于不需要异步处理的场景，但可能会阻塞主线程。
  *
  * @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} 当转换过程中发生错误时返回空字符串
@@ -45,4 +84,4 @@ export declare const markdownToHtml: (markdown: string, plugins?: MarkdownToHtml
  * - 建议在可能的情况下使用异步版本 `markdownToHtml`
  * - 同步版本可能影响用户界面响应性
  */
-export declare const markdownToHtmlSync: (markdown: string, plugins?: MarkdownToHtmlOptions) => string;
+export declare const markdownToHtmlSync: (markdown: string, plugins?: MarkdownToHtmlOptions, config?: MarkdownToHtmlConfig) => string;