@ant-design/agentic-ui 2.20.2 → 2.22.0

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -408,7 +408,7 @@ var composeEditors = function(editor, plugins) {
         extra: toolBar.extra,
         min: toolBar.min
     })) : readonly ? null : null, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(baseClassName, "-content"),
+        className: "".concat(baseClassName, "-container"),
         style: _object_spread({
             overflow: 'auto',
             display: 'flex',

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

@@ -64,7 +64,7 @@ export var Code = function(param) {
         }), (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;
+    var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished) === 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,

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

@@ -249,7 +249,7 @@ function _ts_generator(thisArg, body) {
 }
 import { BlockOutlined, DeleteFilled, ExclamationCircleOutlined, LoadingOutlined } from "@ant-design/icons";
 import { Image, Modal, Popover, Skeleton, Space } from "antd";
-import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
+import React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
 import { Path, Transforms } from "slate";
@@ -478,11 +478,12 @@ import { getMediaType } from "../../utils/dom";
 };
 export function EditorImage(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state, _element_otherProps;
+    var _state;
     // 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;
     var htmlRef = React.useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     var _useGetSetState = _sliced_to_array(useGetSetState({
         height: element.height,
         dragging: false,
@@ -550,12 +551,39 @@ export function EditorImage(param) {
     }, [
         element === null || element === void 0 ? void 0 : element.url
     ]);
+    // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
+    useEffect(function() {
+        if (element.finished === false) {
+            setShowAsText(false);
+            var timer = setTimeout(function() {
+                setShowAsText(true);
+            }, 5000);
+            return function() {
+                clearTimeout(timer);
+            };
+        } else {
+            setShowAsText(false);
+        }
+    }, [
+        element.finished
+    ]);
     var imageDom = useMemo(function() {
-        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 状态的占位符
+        var _state, _state1;
+        // 检查是否为不完整的图片（finished 状态）
+        if (element.finished === false) {
+            // 如果 5 秒后仍未完成，显示为文本
+            if (showAsText) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    style: {
+                        padding: '8px 12px',
+                        border: '1px solid #d9d9d9',
+                        borderRadius: '4px',
+                        color: 'rgba(0, 0, 0, 0.65)',
+                        wordBreak: 'break-all'
+                    }
+                }, element.alt || element.url || '图片链接');
+            }
+            // 5 秒内显示 loading 状态的占位符
             return /*#__PURE__*/ React.createElement(Skeleton.Image, {
                 active: true
             });
@@ -632,8 +660,8 @@ export function EditorImage(param) {
         readonly,
         state().selected,
         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.finished,
+        showAsText,
         element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {

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

@@ -1,6 +1,52 @@
-import { ConfigProvider } from "antd";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { ConfigProvider, Skeleton } from "antd";
 import classNames from "classnames";
-import React, { useContext } from "react";
+import React, { useContext, useEffect, useState } from "react";
 import { AvatarList } from "../../components/ContributorAvatar";
 import { DragHandle } from "../../tools/DragHandle";
 import { useStyle } from "./style";
@@ -11,6 +57,45 @@ export function LinkCard(param) {
     var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-link-card');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var htmlRef = React.useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
+    // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
+    useEffect(function() {
+        if (element.finished === false) {
+            setShowAsText(false);
+            var timer = setTimeout(function() {
+                setShowAsText(true);
+            }, 5000);
+            return function() {
+                clearTimeout(timer);
+            };
+        } else {
+            setShowAsText(false);
+        }
+    }, [
+        element.finished
+    ]);
+    // 如果是不完整状态
+    if (element.finished === false) {
+        // 如果 5 秒后仍未完成，显示为文本
+        if (showAsText) {
+            return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    padding: '8px 12px',
+                    border: '1px solid #d9d9d9',
+                    borderRadius: '4px',
+                    color: 'rgba(0, 0, 0, 0.65)',
+                    wordBreak: 'break-all'
+                }
+            }, element.url || element.title || element.name || '链接卡片'), children);
+        }
+        // 5 秒内显示加载骨架屏
+        return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement(Skeleton, {
+            active: true,
+            paragraph: {
+                rows: 2
+            }
+        }), children);
+    }
     return wrapSSR(/*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, hashId),
         "data-be": "link-card",

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

@@ -77,7 +77,7 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = context.getPrefixCls('agentic-md-editor-list');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
-    return React.useMemo(function() {
+    var listContent = React.useMemo(function() {
         var tag = element.order ? 'ol' : 'ul';
         return wrapSSR(/*#__PURE__*/ React.createElement(ListContext.Provider, {
             value: {
@@ -98,6 +98,14 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
         element.task,
         element.order,
         element.start,
-        element.children
+        element.children,
+        baseCls,
+        hashId,
+        attributes,
+        children,
+        store,
+        markdownContainerRef,
+        wrapSSR
     ]);
+    return listContent;
 };

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

@@ -225,7 +225,7 @@ function _ts_generator(thisArg, body) {
 }
 import { DeleteFilled, ExclamationCircleOutlined, EyeOutlined, LoadingOutlined } from "@ant-design/icons";
 import { Modal, Popover, Skeleton } from "antd";
-import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef } from "react";
+import React, { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
 import { Transforms } from "slate";
@@ -379,12 +379,13 @@ import { ImageAndError } from "./Image";
 };
 export function Media(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state, _element_otherProps, _state1, _element_otherProps1;
+    var _state, _state1;
     // 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;
     var locale = useContext(I18nContext).locale;
     var htmlRef = React.useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
     var _useGetSetState = _sliced_to_array(useGetSetState({
         height: element.height,
         dragging: false,
@@ -401,6 +402,22 @@ export function Media(param) {
     }, [
         path
     ]);
+    // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
+    useEffect(function() {
+        if (element.finished === false) {
+            setShowAsText(false);
+            var timer = setTimeout(function() {
+                setShowAsText(true);
+            }, 5000);
+            return function() {
+                clearTimeout(timer);
+            };
+        } else {
+            setShowAsText(false);
+        }
+    }, [
+        element.finished
+    ]);
     var initial = useCallback(/*#__PURE__*/ _async_to_generator(function() {
         var type, finalType, realUrl, img, video, audio;
         return _ts_generator(this, function(_state) {
@@ -483,12 +500,23 @@ export function Media(param) {
         element === null || element === void 0 ? void 0 : element.url
     ]);
     var imageDom = useMemo(function() {
-        var _element_otherProps, _state, _state1;
+        var _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 状态的占位符
+        // 检查是否为不完整的图片（finished 状态）
+        if (element.finished === false) {
+            // 如果 5 秒后仍未完成，显示为文本
+            if (showAsText) {
+                return /*#__PURE__*/ React.createElement("div", {
+                    style: {
+                        padding: '8px 12px',
+                        border: '1px solid #d9d9d9',
+                        borderRadius: '4px',
+                        color: 'rgba(0, 0, 0, 0.65)',
+                        wordBreak: 'break-all'
+                    }
+                }, element.alt || element.url || '图片链接');
+            }
+            // 5 秒内显示 loading 状态的占位符
             return /*#__PURE__*/ React.createElement(Skeleton.Image, {
                 active: true
             });
@@ -537,19 +565,30 @@ export function Media(param) {
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
         readonly,
         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.finished,
+        showAsText,
         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);
+        var _element_otherProps;
+        var rawMarkdown = (element === null || element === void 0 ? void 0 : element.rawMarkdown) || (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.rawMarkdown);
         if (state().type === 'video') {
             var _state;
-            // 如果是 loading 状态，显示 loading 占位符
-            if (isLoading) {
+            // 如果是不完整状态
+            if (element.finished === false) {
+                // 如果 5 秒后仍未完成，显示为文本
+                if (showAsText) {
+                    return /*#__PURE__*/ React.createElement("div", {
+                        style: {
+                            padding: '8px 12px',
+                            border: '1px solid #d9d9d9',
+                            borderRadius: '4px',
+                            color: 'rgba(0, 0, 0, 0.65)',
+                            wordBreak: 'break-all'
+                        }
+                    }, element.alt || element.url || '视频链接');
+                }
+                // 5 秒内显示 loading 占位符
                 return /*#__PURE__*/ React.createElement(Skeleton.Image, {
                     active: true
                 });
@@ -607,8 +646,21 @@ export function Media(param) {
         }
         if (state().type === 'audio') {
             var _state3;
-            // 如果是 loading 状态，显示 loading 占位符
-            if (isLoading) {
+            // 如果是不完整状态
+            if (element.finished === false) {
+                // 如果 5 秒后仍未完成，显示为文本
+                if (showAsText) {
+                    return /*#__PURE__*/ React.createElement("div", {
+                        style: {
+                            padding: '8px 12px',
+                            border: '1px solid #d9d9d9',
+                            borderRadius: '4px',
+                            color: 'rgba(0, 0, 0, 0.65)',
+                            wordBreak: 'break-all'
+                        }
+                    }, element.alt || element.url || '音频链接');
+                }
+                // 5 秒内显示 loading 占位符
                 return /*#__PURE__*/ React.createElement("div", {
                     style: {
                         display: 'inline-flex',
@@ -678,7 +730,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_otherProps2, _element_otherProps_collaborators, _element_otherProps3, _element_otherProps4;
+            var _state6, _element_alt, _element_alt1, _element_otherProps1, _element_otherProps_collaborators, _element_otherProps2, _element_otherProps3;
             return /*#__PURE__*/ React.createElement("div", {
                 style: {
                     padding: 12,
@@ -727,15 +779,15 @@ export function Media(param) {
                     display: 'flex',
                     justifyContent: 'space-between'
                 }
-            }, ((_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) {
+            }, ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
+                displayList: ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps2.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_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.updateTime) ? /*#__PURE__*/ React.createElement("div", {
+            })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.updateTime) ? /*#__PURE__*/ React.createElement("div", {
                 style: {
                     color: 'rgba(0,0,0,0.45)',
                     fontSize: 12
@@ -761,8 +813,8 @@ export function Media(param) {
     }, [
         state().type,
         (_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.finished,
+        showAsText,
         element === null || element === void 0 ? void 0 : element.rawMarkdown
     ]);
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {

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

@@ -64,7 +64,6 @@ 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";
@@ -73,7 +72,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_otherProps, _element_children__children, _element_children_, _element_children, _editorProps_tableConfig;
+    var _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 ? {
@@ -85,8 +84,6 @@ 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;
@@ -195,16 +192,8 @@ import { parserSlateNodeToMarkdown } from "../../utils";
             flex: 1,
             minWidth: 0,
             position: 'relative'
-        },
-        "data-is-unclosed": isUnclosed
-    }, isUnclosed && /*#__PURE__*/ React.createElement("div", {
-        style: {
-            position: 'absolute',
-            top: '8px',
-            right: '8px',
-            zIndex: 10
         }
-    }, /*#__PURE__*/ React.createElement(Loading, null)), tableDom, popoverContent), previewOpen && /*#__PURE__*/ React.createElement(Modal, {
+    }, 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

@@ -1,3 +1,11 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure 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] : {};
@@ -50,11 +85,21 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { ConfigProvider } from "antd";
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { ConfigProvider, Skeleton } from "antd";
 import classNames from "classnames";
-import React, { useContext, useMemo } from "react";
+import React, { useContext, useEffect, useMemo, useState } 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";
@@ -62,37 +107,66 @@ 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();
     var _useTableStyle = useTableStyle(baseCls, {}), wrapSSR = _useTableStyle.wrapSSR, hashId = _useTableStyle.hashId;
+    var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
+    var tableNode = props.element;
     var tablePath = useMemo(function() {
         return ReactEditor.findPath(editor, props.element);
     }, [
         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;
+    // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
+    useEffect(function() {
+        if (tableNode.finished === false) {
+            setShowAsText(false);
+            var timer = setTimeout(function() {
+                setShowAsText(true);
+            }, 5000);
+            return function() {
+                clearTimeout(timer);
+            };
+        } else {
+            setShowAsText(false);
+        }
+    }, [
+        tableNode.finished
+    ]);
+    // 如果是不完整状态
+    if (tableNode.finished === false) {
+        // 如果 5 秒后仍未完成，显示为文本
+        if (showAsText) {
+            return /*#__PURE__*/ React.createElement("div", props.attributes, /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    padding: '8px 12px',
+                    border: '1px solid #d9d9d9',
+                    borderRadius: '4px',
+                    color: 'rgba(0, 0, 0, 0.65)',
+                    wordBreak: 'break-all'
+                }
+            }, "表格链接"), props.children);
+        }
+        // 5 秒内显示加载骨架屏
+        return /*#__PURE__*/ React.createElement("div", props.attributes, /*#__PURE__*/ React.createElement(Skeleton, {
+            active: true,
+            paragraph: {
+                rows: 3
+            }
+        }), props.children);
+    }
     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),
         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), {
+    }), /*#__PURE__*/ React.createElement(SlateTable, _object_spread_props(_object_spread({}, props), {
         hashId: hashId
     }), props.children))));
 };