@ant-design/agentic-ui 2.16.0 → 2.16.1

package/dist/MarkdownEditor/editor/elements/Code.js

@@ -54,18 +54,22 @@ import DOMPurify from "dompurify";
 import React from "react";
 export var Code = function(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
-    var _element_otherProps, _element_value;
+    var _element_otherProps, _element_otherProps1, _element_value;
     if ((element === null || element === void 0 ? void 0 : element.language) === 'html') {
-        var _element_otherProps1, _element_otherProps2, _element_value1;
+        var _element_otherProps2, _element_otherProps3, _element_value1;
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
             style: {
-                display: (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.isConfig) ? 'none' : 'block'
+                display: (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.isConfig) ? 'none' : 'block'
             }
-        }), (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.isConfig) ? '' : DOMPurify.sanitize(element === null || element === void 0 ? void 0 : (_element_value1 = element.value) === null || _element_value1 === void 0 ? void 0 : _element_value1.trim()));
+        }), (element === null || element === void 0 ? void 0 : (_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.isConfig) ? '' : DOMPurify.sanitize(element === null || element === void 0 ? void 0 : (_element_value1 = element.value) === null || _element_value1 === void 0 ? void 0 : _element_value1.trim()));
     }
+    // 检查代码块是否未闭合
+    var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish) === false;
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
+        "data-is-unclosed": isUnclosed,
+        "data-language": element === null || element === void 0 ? void 0 : element.language,
         style: (element === null || element === void 0 ? void 0 : element.language) === 'html' ? {
-            display: (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.isConfig) ? 'none' : 'block'
+            display: (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.isConfig) ? 'none' : 'block'
         } : {
             height: '240px',
             minWidth: '398px',
@@ -88,7 +92,8 @@ export var Code = function(param) {
             wordWrap: 'break-word',
             borderRadius: '12px',
             background: '#FFFFFF',
-            boxShadow: 'var(--shadow-control-base)'
+            boxShadow: 'var(--shadow-control-base)',
+            position: 'relative'
         }
     }), (element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.trim()) || children);
 };

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

@@ -64,6 +64,7 @@ import classNames from "classnames";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
+import { Loading } from "../../../../Components/Loading";
 import { I18nContext } from "../../../../I18n";
 import { useEditorStore } from "../../store";
 import { parserSlateNodeToMarkdown } from "../../utils";
@@ -72,7 +73,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
  * 移除了不必要的滚动监听和复杂的宽度计算
  */ export var ReadonlyTableComponent = /*#__PURE__*/ React.memo(function(param) {
     var hashId = param.hashId, children = param.children, element = param.element, baseCls = param.baseCls;
-    var _element_children__children, _element_children_, _element_children, _editorProps_tableConfig;
+    var _element_otherProps, _element_children__children, _element_children_, _element_children, _editorProps_tableConfig;
     var editorProps = useEditorStore().editorProps;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var _ref = (editorProps === null || editorProps === void 0 ? void 0 : editorProps.tableConfig) || {}, _ref_actions = _ref.actions, actions = _ref_actions === void 0 ? {
@@ -84,6 +85,8 @@ import { parserSlateNodeToMarkdown } from "../../utils";
     var modelTargetRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), previewOpen = _useState[0], setPreviewOpen = _useState[1];
     var i18n = useContext(I18nContext);
+    // 检查表格是否未闭合
+    var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finish) === false;
     // 简化的列宽计算 - 只为 readonly 模式设计
     var colWidths = useMemo(function() {
         var _element_children__children, _element_children_, _element_children;
@@ -190,9 +193,18 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         className: classNames(baseCls, hashId),
         style: {
             flex: 1,
-            minWidth: 0
+            minWidth: 0,
+            position: 'relative'
+        },
+        "data-is-unclosed": isUnclosed
+    }, isUnclosed && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            zIndex: 10
         }
-    }, tableDom, popoverContent), previewOpen && /*#__PURE__*/ React.createElement(Modal, {
+    }, /*#__PURE__*/ React.createElement(Loading, null)), tableDom, popoverContent), previewOpen && /*#__PURE__*/ React.createElement(Modal, {
         title: (editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.previewTitle) || '预览表格',
         open: previewOpen,
         closable: true,

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

@@ -54,6 +54,7 @@ import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useMemo } from "react";
 import { ReactEditor, useSlate } from "slate-react";
+import { Loading } from "../../../../Components/Loading";
 import { useTableStyle } from "./style";
 import { SlateTable } from "./Table";
 import { TablePropsProvider } from "./TableContext";
@@ -61,6 +62,7 @@ import { TablePropsProvider } from "./TableContext";
  * 简单表格组件 - 仅支持只读显示
  * 用于替代复杂的 Handsontable 实现，提供基础的表格功能
  */ export var SimpleTable = function(props) {
+    var _props_element_otherProps, _props_element;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
     var editor = useSlate();
@@ -70,14 +72,27 @@ import { TablePropsProvider } from "./TableContext";
     }, [
         props.element
     ]);
+    // 检查表格是否未闭合
+    var isUnclosed = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false;
     return wrapSSR(/*#__PURE__*/ React.createElement(TablePropsProvider, {
         tablePath: tablePath,
         tableNode: props.element
     }, /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
         "data-be": 'table',
+        "data-is-unclosed": isUnclosed,
         draggable: false,
-        className: classNames("".concat(baseCls, "-container"), hashId)
-    }), /*#__PURE__*/ React.createElement(SlateTable, _object_spread_props(_object_spread({}, props), {
+        className: classNames("".concat(baseCls, "-container"), hashId),
+        style: {
+            position: 'relative'
+        }
+    }), isUnclosed && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            zIndex: 10
+        }
+    }, /*#__PURE__*/ React.createElement(Loading, null)), /*#__PURE__*/ React.createElement(SlateTable, _object_spread_props(_object_spread({}, props), {
         hashId: hashId
     }), props.children))));
 };

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

@@ -9,6 +9,19 @@ function _array_with_holes(arr) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array(arr);
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -42,6 +55,45 @@ function _non_iterable_rest() {
 function _non_iterable_spread() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -88,7 +140,9 @@ import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
+import { Loading } from "../../../../Components/Loading";
 import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH } from "../../../../Constants/mobile";
+import { useMEditor } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -124,8 +178,8 @@ import useScrollShadow from "./useScrollShadow";
         "hashId",
         "children"
     ]);
-    var _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
-    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2, _props_element_otherProps1, _props_element3;
+    var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef, store = _useEditorStore.store;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
@@ -288,7 +342,69 @@ import useScrollShadow from "./useScrollShadow";
         scrollState,
         readonly
     ]);
-    // readonly 模式渲染 - 使用优化的组件
+    // 检查表格是否未闭合
+    var isUnclosed = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element3.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finish) === false;
+    // 获取编辑器更新函数 - 必须在早期返回之前调用 hooks
+    var _useMEditor = _sliced_to_array(useMEditor(props.element), 2), update = _useMEditor[1];
+    // 判断是否是最后一个节点 - 必须在早期返回之前调用 hooks
+    var isLastNode = useMemo(function() {
+        try {
+            return store.isLatestNode(props.element);
+        } catch (e) {
+            return false;
+        }
+    }, [
+        store,
+        props.element
+    ]);
+    // 如果不是最后一个节点，且未闭合，立即设置为完成 - 必须在早期返回之前调用 hooks
+    useEffect(function() {
+        if (isUnclosed && !readonly && !isLastNode) {
+            var _props_element_otherProps, _props_element;
+            // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+            if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                var _props_element1;
+                update({
+                    otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                        finish: true
+                    })
+                }, props.element);
+            }
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        props.element,
+        update
+    ]);
+    // 5 秒超时机制：如果是最后一个节点且未闭合，5 秒后自动设置为完成 - 必须在早期返回之前调用 hooks
+    useEffect(function() {
+        if (isUnclosed && !readonly && isLastNode) {
+            var timer = setTimeout(function() {
+                var _props_element_otherProps, _props_element;
+                // 检查 finish 是否仍然是 false（可能已经被其他逻辑更新）
+                if (((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finish) === false) {
+                    var _props_element1;
+                    update({
+                        otherProps: _object_spread_props(_object_spread({}, (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : _props_element1.otherProps), {
+                            finish: true
+                        })
+                    }, props.element);
+                }
+            }, 5000); // 5 秒超时
+            return function() {
+                clearTimeout(timer);
+            };
+        }
+    }, [
+        isUnclosed,
+        readonly,
+        isLastNode,
+        props.element,
+        update
+    ]);
+    // readonly 模式渲染 - 使用优化的组件（早期返回）
     if (readonly) {
         return /*#__PURE__*/ React.createElement(ReadonlyTableComponent, {
             hashId: hashId,
@@ -300,7 +416,10 @@ import useScrollShadow from "./useScrollShadow";
     return /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, hashId),
         ref: tableRef,
-        style: boxShadowStyle,
+        style: _object_spread_props(_object_spread({}, boxShadowStyle), {
+            position: 'relative'
+        }),
+        "data-is-unclosed": isUnclosed,
         onDragStart: function(e) {
             // 阻止拖拽开始时的文字选择
             e.preventDefault();
@@ -309,5 +428,12 @@ import useScrollShadow from "./useScrollShadow";
             // 阻止双击选择文字
             e.preventDefault();
         }
-    }, tableDom);
+    }, isUnclosed && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: '8px',
+            right: '8px',
+            zIndex: 10
+        }
+    }, /*#__PURE__*/ React.createElement(Loading, null)), tableDom);
 };

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

@@ -5,17 +5,116 @@
 import { Elements } from '../../el';
 import { MarkdownEditorPlugin } from '../../plugin';
 export declare const decodeURIComponentUrl: (url: string) => string;
+/**
+ * 解析Markdown字符串的配置选项
+ */
+export interface ParserMarkdownToSlateNodeConfig {
+    /** 是否在新标签页打开链接 */
+    openLinksInNewTab?: boolean;
+    /** 自定义段落标签（在 Slate 中可能不适用，保留用于兼容性） */
+    paragraphTag?: string;
+    /** 是否正在输入中（打字机模式） */
+    typing?: boolean;
+}
+/**
+ * Markdown 到 Slate 节点解析器类
+ *
+ * 将 Markdown 字符串解析为 Slate 编辑器节点，支持配置选项和插件。
+ * 使用类形式可以避免在函数调用链中传递配置参数和插件。
+ */
+export declare class MarkdownToSlateParser {
+    private readonly config;
+    private readonly plugins;
+    constructor(config?: ParserMarkdownToSlateNodeConfig, plugins?: MarkdownEditorPlugin[]);
+    /**
+     * 解析 Markdown 字符串并返回解析后的结构和链接信息
+     *
+     * @param md - 要解析的 Markdown 字符串
+     * @returns 一个包含解析后的元素数组和链接信息的对象
+     */
+    parse(md: string): {
+        schema: Elements[];
+        links: {
+            path: number[];
+            target: string;
+        }[];
+    };
+    /**
+     * 解析 Markdown AST 节点为 Slate 节点（类方法版本）
+     * - 当有插件时，优先使用插件处理
+     * - 插件未处理时，使用默认处理逻辑
+     */
+    private parseNodes;
+    /**
+     * 处理单个元素（类方法版本）
+     */
+    private handleSingleElement;
+    /**
+     * 处理标题节点（类方法版本）
+     */
+    private handleHeading;
+    /**
+     * 处理列表节点（类方法版本）
+     */
+    private handleList;
+    /**
+     * 处理脚注定义节点（类方法版本）
+     */
+    private handleFootnoteDefinition;
+    /**
+     * 处理列表项节点（类方法版本）
+     */
+    private handleListItem;
+    /**
+     * 处理段落子节点（类方法版本）
+     */
+    private processParagraphChildren;
+    /**
+     * 处理段落节点（类方法版本）
+     */
+    private handleParagraph;
+    /**
+     * 处理引用块节点（类方法版本）
+     */
+    private handleBlockquote;
+    /**
+     * 处理文本和内联元素节点（类方法版本）
+     */
+    private handleTextAndInlineElements;
+    /**
+     * 应用内联格式到叶子节点（类方法版本）
+     */
+    private applyInlineFormatting;
+    /**
+     * 解析表格或图表（类方法版本）
+     */
+    private parseTableOrChart;
+}
 /**
  * 解析Markdown字符串并返回解析后的结构和链接信息。
  *
  * @param md - 要解析的Markdown字符串。
  * @param plugins - 可选的Markdown编辑器插件数组，用于扩展解析功能。
+ * @param config - 可选的解析配置选项。
  * @returns 一个包含解析后的元素数组和链接信息的对象。
  *
  * @property schema - 解析后的元素数组。
  * @property links - 包含路径和目标链接的对象数组。
+ *
+ * @example
+ * ```typescript
+ * // 使用函数形式（向后兼容）
+ * const result = parserMarkdownToSlateNode(markdown, plugins, { openLinksInNewTab: true });
+ *
+ * // 使用类形式（推荐，避免配置传递问题）
+ * const parser = new MarkdownToSlateParser(
+ *   { openLinksInNewTab: true },
+ *   plugins
+ * );
+ * const result = parser.parse(markdown);
+ * ```
  */
-export declare const parserMarkdownToSlateNode: (md: string, plugins?: MarkdownEditorPlugin[]) => {
+export declare const parserMarkdownToSlateNode: (md: string, plugins?: MarkdownEditorPlugin[], config?: ParserMarkdownToSlateNodeConfig) => {
     schema: Elements[];
     links: {
         path: number[];