@ant-design/agentic-ui 2.16.0 → 2.17.0

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/Image/index.js

@@ -248,7 +248,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { BlockOutlined, DeleteFilled, ExclamationCircleOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Image, Modal, Popover, Space } from "antd";
+import { Image, Modal, Popover, Skeleton, Space } from "antd";
 import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
@@ -315,7 +315,8 @@ import { getMediaType } from "../../utils/dom";
         })));
     }
     return /*#__PURE__*/ React.createElement("div", {
-        "data-testid": "image-container"
+        "data-testid": "image-container",
+        "data-be": "image-container"
     }, /*#__PURE__*/ React.createElement(Image, _object_spread_props(_object_spread({}, props), {
         width: Number(props.width) || props.width || 400,
         onError: function() {
@@ -477,7 +478,7 @@ import { getMediaType } from "../../utils/dom";
 };
 export function EditorImage(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state;
+    var _state, _element_otherProps;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
     var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
@@ -550,7 +551,15 @@ export function EditorImage(param) {
         element === null || element === void 0 ? void 0 : element.url
     ]);
     var imageDom = useMemo(function() {
-        var _state, _state1;
+        var _element_otherProps, _state, _state1;
+        // 检查是否为不完整的图片（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        if (isLoading) {
+            // 显示 loading 状态的占位符
+            return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                active: true
+            });
+        }
         // 如果图片加载失败，显示为链接
         if (!state().loadSuccess) {
             var _state2, _state3;
@@ -622,7 +631,10 @@ export function EditorImage(param) {
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
         readonly,
         state().selected,
-        state().loadSuccess
+        state().loadSuccess,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
         "data-be": "image",

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

@@ -224,7 +224,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { DeleteFilled, ExclamationCircleOutlined, EyeOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Modal, Popover } from "antd";
+import { Modal, Popover, Skeleton } from "antd";
 import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
@@ -379,7 +379,7 @@ import { ImageAndError } from "./Image";
 };
 export function Media(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state, _state1;
+    var _state, _element_otherProps, _state1, _element_otherProps1;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), _ = _useSelStatus[0], path = _useSelStatus[1];
     var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
@@ -483,8 +483,16 @@ export function Media(param) {
         element === null || element === void 0 ? void 0 : element.url
     ]);
     var imageDom = useMemo(function() {
-        var _state, _state1;
+        var _element_otherProps, _state, _state1;
         if (state().type !== 'image' && state().type !== 'other') return null;
+        // 检查是否为不完整的图片（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        if (isLoading) {
+            // 显示 loading 状态的占位符
+            return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                active: true
+            });
+        }
         return !readonly ? /*#__PURE__*/ React.createElement(ResizeImage, {
             defaultSize: {
                 width: element.width,
@@ -528,11 +536,24 @@ export function Media(param) {
         state().type,
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
         readonly,
-        state().selected
+        state().selected,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     var mediaElement = useMemo(function() {
+        var _element_otherProps, _element_otherProps1;
+        // 检查是否为不完整的媒体（loading 状态）
+        var isLoading = (element === null || element === void 0 ? void 0 : element.loading) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.loading);
+        var rawMarkdown = (element === null || element === void 0 ? void 0 : element.rawMarkdown) || (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.rawMarkdown);
         if (state().type === 'video') {
             var _state;
+            // 如果是 loading 状态，显示 loading 占位符
+            if (isLoading) {
+                return /*#__PURE__*/ React.createElement(Skeleton.Image, {
+                    active: true
+                });
+            }
             if (!state().loadSuccess) {
                 var _state1, _state2;
                 return /*#__PURE__*/ React.createElement("a", {
@@ -586,6 +607,34 @@ export function Media(param) {
         }
         if (state().type === 'audio') {
             var _state3;
+            // 如果是 loading 状态，显示 loading 占位符
+            if (isLoading) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    style: {
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        padding: '12px 16px',
+                        border: '1px dashed #d9d9d9',
+                        borderRadius: '6px',
+                        backgroundColor: '#fafafa',
+                        minWidth: '200px',
+                        justifyContent: 'center'
+                    }
+                }, /*#__PURE__*/ React.createElement(LoadingOutlined, {
+                    style: {
+                        color: '#1890ff',
+                        fontSize: '16px'
+                    },
+                    spin: true
+                }), /*#__PURE__*/ React.createElement("span", {
+                    style: {
+                        color: '#666',
+                        fontSize: '13px',
+                        wordBreak: 'break-all'
+                    }
+                }, rawMarkdown || (element === null || element === void 0 ? void 0 : element.alt) || '音频加载中...'));
+            }
             if (!state().loadSuccess) {
                 var _state4, _state5;
                 return /*#__PURE__*/ React.createElement("a", {
@@ -629,7 +678,7 @@ export function Media(param) {
             }, "Your browser does not support the", /*#__PURE__*/ React.createElement("code", null, "audio"), " element.");
         }
         if (state().type === 'attachment') {
-            var _state6, _element_alt, _element_alt1, _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
+            var _state6, _element_alt, _element_alt1, _element_otherProps2, _element_otherProps_collaborators, _element_otherProps3, _element_otherProps4;
             return /*#__PURE__*/ React.createElement("div", {
                 style: {
                     padding: 12,
@@ -678,15 +727,15 @@ export function Media(param) {
                     display: 'flex',
                     justifyContent: 'space-between'
                 }
-            }, ((_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
-                displayList: ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps1.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
+            }, ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
+                displayList: ((_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps3.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
                     var _Object_keys, _Object_values;
                     return {
                         name: (_Object_keys = Object.keys(item)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.at(0),
                         collaboratorNumber: ((_Object_values = Object.values(item)) === null || _Object_values === void 0 ? void 0 : _Object_values.at(0)) || 0
                     };
                 }).slice(0, 5)) || []
-            })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.updateTime) ? /*#__PURE__*/ React.createElement("div", {
+            })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.updateTime) ? /*#__PURE__*/ React.createElement("div", {
                 style: {
                     color: 'rgba(0,0,0,0.45)',
                     fontSize: 12
@@ -711,7 +760,10 @@ export function Media(param) {
         return null;
     }, [
         state().type,
-        (_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url
+        (_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url,
+        element === null || element === void 0 ? void 0 : element.loading,
+        element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.loading,
+        element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
         "data-be": "media",

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[];