@ant-design/agentic-ui 2.27.9 → 2.28.0

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

@@ -52,24 +52,39 @@ function _object_spread_props(target, source) {
 }
 import DOMPurify from "dompurify";
 import React from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 export var Code = function(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
-    var _element_otherProps, _element_otherProps1, _element_value;
+    var _element_value, _element_otherProps, _element_otherProps1, _element_otherProps2, _element_value1, _element_otherProps3, _element_value2;
+    debugInfo('Code - 渲染代码块', {
+        language: element === null || element === void 0 ? void 0 : element.language,
+        valueLength: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.length,
+        isConfig: element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.isConfig,
+        finished: element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.finished
+    });
     if ((element === null || element === void 0 ? void 0 : element.language) === 'html') {
-        var _element_otherProps2, _element_otherProps3, _element_value1;
+        var _element_otherProps4, _element_otherProps5, _element_otherProps6, _element_value3;
+        debugInfo('Code - HTML 代码块', {
+            isConfig: element === null || element === void 0 ? void 0 : (_element_otherProps4 = element.otherProps) === null || _element_otherProps4 === void 0 ? void 0 : _element_otherProps4.isConfig
+        });
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
             style: {
-                display: (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.isConfig) ? 'none' : 'block'
+                display: (element === null || element === void 0 ? void 0 : (_element_otherProps5 = element.otherProps) === null || _element_otherProps5 === void 0 ? void 0 : _element_otherProps5.isConfig) ? 'none' : 'block'
             }
-        }), (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()));
+        }), (element === null || element === void 0 ? void 0 : (_element_otherProps6 = element.otherProps) === null || _element_otherProps6 === void 0 ? void 0 : _element_otherProps6.isConfig) ? '' : DOMPurify.sanitize(element === null || element === void 0 ? void 0 : (_element_value3 = element.value) === null || _element_value3 === void 0 ? void 0 : _element_value3.trim()));
     }
     // 检查代码块是否未闭合
-    var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.finished) === false;
+    var isUnclosed = (element === null || element === void 0 ? void 0 : (_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.finished) === false;
+    debugInfo('Code - 普通代码块', {
+        language: element === null || element === void 0 ? void 0 : element.language,
+        isUnclosed: isUnclosed,
+        valueLength: element === null || element === void 0 ? void 0 : (_element_value1 = element.value) === null || _element_value1 === void 0 ? void 0 : _element_value1.length
+    });
     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_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.isConfig) ? 'none' : 'block'
+            display: (element === null || element === void 0 ? void 0 : (_element_otherProps3 = element.otherProps) === null || _element_otherProps3 === void 0 ? void 0 : _element_otherProps3.isConfig) ? 'none' : 'block'
         } : {
             height: '240px',
             minWidth: '398px',
@@ -95,5 +110,5 @@ export var Code = function(param) {
             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);
+    }), (element === null || element === void 0 ? void 0 : (_element_value2 = element.value) === null || _element_value2 === void 0 ? void 0 : _element_value2.trim()) || children);
 };

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

@@ -53,18 +53,31 @@ function _object_spread_props(target, source) {
 import { ExportOutlined } from "@ant-design/icons";
 import React, { useMemo } from "react";
 import { Node } from "slate";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useEditorStore } from "../../store";
 import { DragHandle } from "../../tools/DragHandle";
 export var FootnoteDefinition = function(props) {
+    debugInfo('FootnoteDefinition - 渲染脚注定义', {
+        identifier: props.element.identifier,
+        url: props.element.url
+    });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var element = props.element;
     useMemo(function() {
+        debugInfo('FootnoteDefinition - 更新脚注定义映射', {
+            identifier: element.identifier
+        });
         store.footnoteDefinitionMap = store.footnoteDefinitionMap.set(element.identifier, element);
     }, [
         element
     ]);
     return React.useMemo(function() {
         var str = Node.string(props.element);
+        debugInfo('FootnoteDefinition - useMemo 渲染', {
+            identifier: element.identifier,
+            strLength: str.length,
+            readonly: readonly
+        });
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
             style: {
                 fontSize: '12px',
@@ -76,7 +89,8 @@ export var FootnoteDefinition = function(props) {
             "data-drag-el": true,
             className: !str ? 'empty' : undefined,
             onDragStart: function(e) {
-                return store.dragStart(e, markdownContainerRef.current);
+                debugInfo('FootnoteDefinition - 拖拽开始');
+                store.dragStart(e, markdownContainerRef.current);
             }
         }), /*#__PURE__*/ React.createElement(DragHandle, null), element.identifier, ".", /*#__PURE__*/ React.createElement("span", {
             style: {

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

@@ -98,21 +98,31 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React from "react";
 import { Node } from "slate";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { DragHandle } from "../../tools/DragHandle";
 export var FootnoteReference = function(props) {
+    debugInfo('FootnoteReference - 渲染脚注引用', {
+        identifier: props.element.identifier
+    });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];
     return React.useMemo(function() {
         var str = Node.string(props.element);
+        debugInfo('FootnoteReference - useMemo 渲染', {
+            identifier: props.element.identifier,
+            strLength: str.length,
+            selected: selected
+        });
         return /*#__PURE__*/ React.createElement("p", _object_spread_props(_object_spread({}, props.attributes), {
             "data-be": 'paragraph',
             "data-testid": "footnote-reference",
             "data-drag-el": true,
             className: !str ? 'empty' : undefined,
             onDragStart: function(e) {
-                return store.dragStart(e, markdownContainerRef.current);
+                debugInfo('FootnoteReference - 拖拽开始');
+                store.dragStart(e, markdownContainerRef.current);
             },
             "data-empty": !str && selected ? 'true' : undefined
         }), /*#__PURE__*/ React.createElement(DragHandle, null), props.children);

package/dist/MarkdownEditor/editor/elements/Head/index.d.ts

@@ -5,7 +5,7 @@ export declare function Head({ element, attributes, children, }: ElementProps<He
     "data-be": string;
     "data-head": string;
     "data-title": boolean;
-    onDragStart: (e: React.DragEvent<Element>) => any;
+    onDragStart: (e: React.DragEvent<Element>) => void;
     "data-empty": string | undefined;
     "data-align": ("center" | "left" | "right") | undefined;
     "data-drag-el": boolean;

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

@@ -99,21 +99,37 @@ function _unsupported_iterable_to_array(o, minLen) {
 import classNames from "classnames";
 import React, { createElement } from "react";
 import { Node } from "slate";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { DragHandle } from "../../tools/DragHandle";
 import { slugify } from "../../utils/dom";
 export function Head(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
+    var _Node_string;
+    debugInfo('Head - 渲染标题', {
+        level: element.level,
+        text: (_Node_string = Node.string(element)) === null || _Node_string === void 0 ? void 0 : _Node_string.substring(0, 50),
+        align: element.align
+    });
     var _useEditorStore = useEditorStore(), _useEditorStore_store = _useEditorStore.store, store = _useEditorStore_store === void 0 ? {} : _useEditorStore_store, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), selected = _useSelStatus[0], path = _useSelStatus[1];
     var str = Node.string(element);
     return React.useMemo(function() {
+        debugInfo('Head - useMemo 渲染', {
+            level: element.level,
+            selected: selected,
+            path: path,
+            str: str === null || str === void 0 ? void 0 : str.substring(0, 50)
+        });
         var _obj;
         return /*#__PURE__*/ createElement("h".concat(element.level), _object_spread_props(_object_spread({}, attributes), (_obj = {
             id: slugify(str)
         }, _define_property(_obj, 'data-be', 'head'), _define_property(_obj, 'data-head', slugify(Node.string(element) || '')), _define_property(_obj, 'data-title', (path === null || path === void 0 ? void 0 : path[0]) === 0), _define_property(_obj, "onDragStart", function(e) {
-            return store.dragStart(e, markdownContainerRef.current);
+            debugInfo('Head - 拖拽开始', {
+                level: element.level
+            });
+            store.dragStart(e, markdownContainerRef.current);
         }), _define_property(_obj, 'data-empty', !str && selected ? 'true' : undefined), _define_property(_obj, 'data-align', element.align), _define_property(_obj, 'data-drag-el', true), _define_property(_obj, "className", classNames({
             empty: !str
         })), _obj)), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(DragHandle, null), children));

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

@@ -51,8 +51,10 @@ function _object_spread_props(target, source) {
     return target;
 }
 import React from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 export var Hr = function(param) {
     var attributes = param.attributes, children = param.children;
+    debugInfo('Hr - 渲染分割线');
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
         contentEditable: false,
         className: 'select-none',

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

@@ -251,6 +251,7 @@ import { BlockOutlined, DeleteFilled, LoadingOutlined } from "@ant-design/icons"
 import { Image, Modal, Popover, Skeleton, Space } from "antd";
 import React, { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../../../../Hooks/useRefFunction";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useDebounceFn } from "@ant-design/pro-components";
 import { Rnd } from "react-rnd";
 import { Path, Transforms } from "slate";
@@ -442,7 +443,14 @@ export var ReadonlyImage = function(param) {
 };
 export function EditorImage(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _state;
+    var _element_url, _state;
+    debugInfo('EditorImage - 渲染图片', {
+        url: element === null || element === void 0 ? void 0 : (_element_url = element.url) === null || _element_url === void 0 ? void 0 : _element_url.substring(0, 100),
+        alt: element === null || element === void 0 ? void 0 : element.alt,
+        width: element === null || element === void 0 ? void 0 : element.width,
+        height: element === null || element === void 0 ? void 0 : element.height,
+        finished: element === null || element === void 0 ? void 0 : element.finished
+    });
     // 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;
@@ -464,8 +472,12 @@ export function EditorImage(param) {
     });
     var locale = useContext(I18nContext).locale;
     var initial = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
-        var type, realUrl, img;
+        var _element_url, type, realUrl, img;
         return _ts_generator(this, function(_state) {
+            debugInfo('EditorImage - 初始化图片', {
+                url: element === null || element === void 0 ? void 0 : (_element_url = element.url) === null || _element_url === void 0 ? void 0 : _element_url.substring(0, 100),
+                alt: element === null || element === void 0 ? void 0 : element.alt
+            });
             type = getMediaType(element === null || element === void 0 ? void 0 : element.url, element.alt);
             type = !type ? 'image' : type;
             setState({
@@ -480,18 +492,24 @@ export function EditorImage(param) {
             setState({
                 url: realUrl
             });
+            debugInfo('EditorImage - 设置图片类型和URL', {
+                type: state().type,
+                url: realUrl === null || realUrl === void 0 ? void 0 : realUrl.substring(0, 100)
+            });
             if (state().type === 'image' || state().type === 'other') {
                 img = document.createElement('img');
                 img.referrerPolicy = 'no-referrer';
                 img.crossOrigin = 'anonymous';
                 img.src = realUrl;
                 img.onerror = function() {
+                    debugInfo('EditorImage - 图片加载失败');
                     setState({
                         loadSuccess: false
                     });
                 };
                 img.onload = function() {
-                    return setState({
+                    debugInfo('EditorImage - 图片加载成功');
+                    setState({
                         loadSuccess: true
                     });
                 };
@@ -528,11 +546,17 @@ export function EditorImage(param) {
         element.finished
     ]);
     var imageDom = useMemo(function() {
-        var _state, _state1;
+        debugInfo('EditorImage - 生成图片 DOM', {
+            finished: element.finished,
+            showAsText: showAsText,
+            loadSuccess: state().loadSuccess,
+            readonly: readonly
+        });
         // 检查是否为不完整的图片（finished 状态）
         if (element.finished === false) {
             // 如果 5 秒后仍未完成，显示为文本
             if (showAsText) {
+                debugInfo('EditorImage - 显示为文本（超时）');
                 return /*#__PURE__*/ React.createElement("div", {
                     style: {
                         padding: '8px 12px',
@@ -544,50 +568,67 @@ export function EditorImage(param) {
                 }, element.alt || element.url || '图片链接');
             }
             // 5 秒内显示 loading 状态的占位符
+            debugInfo('EditorImage - 显示加载占位符');
             return /*#__PURE__*/ React.createElement(Skeleton.Image, {
                 active: true
             });
         }
         // 如果图片加载失败，显示为链接
         if (!state().loadSuccess) {
-            var _state2, _state3;
+            var _state, _state1;
+            debugInfo('EditorImage - 显示错误链接');
             return /*#__PURE__*/ React.createElement(MediaErrorLink, {
-                url: (_state2 = state()) === null || _state2 === void 0 ? void 0 : _state2.url,
+                url: (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
                 fallbackUrl: element === null || element === void 0 ? void 0 : element.url,
-                displayText: (element === null || element === void 0 ? void 0 : element.alt) || ((_state3 = state()) === null || _state3 === void 0 ? void 0 : _state3.url) || (element === null || element === void 0 ? void 0 : element.url) || '图片链接',
+                displayText: (element === null || element === void 0 ? void 0 : element.alt) || ((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url) || '图片链接',
                 style: {
                     fontSize: '13px',
                     lineHeight: '1.5'
                 }
             });
         }
-        return !readonly ? /*#__PURE__*/ React.createElement(ResizeImage, {
-            defaultSize: {
-                width: Number(element.width) || element.width || 400,
-                height: Number(element.height) || 400
-            },
-            selected: state().selected,
-            src: (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
-            onResizeStart: function() {
-                setState({
-                    selected: true
-                });
-            },
-            onResizeStop: function(size) {
-                if (!(markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current)) return;
-                Transforms.setNodes(markdownEditorRef.current, size, {
-                    at: path
-                });
-                setState({
-                    selected: false
-                });
-            }
-        }) : /*#__PURE__*/ React.createElement(ReadonlyImage, {
-            src: ((_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url) || (element === null || element === void 0 ? void 0 : element.url),
-            alt: (element === null || element === void 0 ? void 0 : element.alt) || 'image',
-            width: element.width,
-            height: element.height
-        });
+        return !readonly ? function() {
+            var _state;
+            debugInfo('EditorImage - 使用可调整大小的图片', {
+                width: element.width,
+                height: element.height
+            });
+            return /*#__PURE__*/ React.createElement(ResizeImage, {
+                defaultSize: {
+                    width: Number(element.width) || element.width || 400,
+                    height: Number(element.height) || 400
+                },
+                selected: state().selected,
+                src: (_state = state()) === null || _state === void 0 ? void 0 : _state.url,
+                onResizeStart: function() {
+                    debugInfo('EditorImage - 开始调整大小');
+                    setState({
+                        selected: true
+                    });
+                },
+                onResizeStop: function(size) {
+                    debugInfo('EditorImage - 调整大小完成', {
+                        size: size
+                    });
+                    if (!(markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : markdownEditorRef.current)) return;
+                    Transforms.setNodes(markdownEditorRef.current, size, {
+                        at: path
+                    });
+                    setState({
+                        selected: false
+                    });
+                }
+            });
+        }() : function() {
+            var _state;
+            debugInfo('EditorImage - 使用只读图片');
+            return /*#__PURE__*/ React.createElement(ReadonlyImage, {
+                src: ((_state = state()) === null || _state === void 0 ? void 0 : _state.url) || (element === null || element === void 0 ? void 0 : element.url),
+                alt: (element === null || element === void 0 ? void 0 : element.alt) || 'image',
+                width: element.width,
+                height: element.height
+            });
+        }();
     }, [
         state().type,
         (_state = state()) === null || _state === void 0 ? void 0 : _state.url,

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

@@ -51,8 +51,13 @@ function _object_spread_props(target, source) {
     return target;
 }
 import React from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 export var InlineKatex = function(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
+    var _element_value;
+    debugInfo('InlineKatex - 渲染内联数学公式', {
+        value: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.substring(0, 50)
+    });
     return /*#__PURE__*/ React.createElement("code", _object_spread_props(_object_spread({}, attributes), {
         style: {
             display: 'inline-block'

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

@@ -51,8 +51,13 @@ function _object_spread_props(target, source) {
     return target;
 }
 import React from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 export var Katex = function(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
+    var _element_value;
+    debugInfo('Katex - 渲染数学公式块', {
+        valueLength: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.length
+    });
     return /*#__PURE__*/ React.createElement("pre", _object_spread_props(_object_spread({}, attributes), {
         style: {
             background: 'rgb(242, 241, 241)',

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

@@ -47,12 +47,19 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { ConfigProvider, Skeleton } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useState } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { AvatarList } from "../../components/ContributorAvatar";
 import { DragHandle } from "../../tools/DragHandle";
 import { useStyle } from "./style";
 export function LinkCard(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
-    var _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
+    var _element_url, _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
+    debugInfo('LinkCard - 渲染链接卡片', {
+        url: element === null || element === void 0 ? void 0 : (_element_url = element.url) === null || _element_url === void 0 ? void 0 : _element_url.substring(0, 100),
+        title: element === null || element === void 0 ? void 0 : element.title,
+        name: element === null || element === void 0 ? void 0 : element.name,
+        finished: element === null || element === void 0 ? void 0 : element.finished
+    });
     var context = useContext(ConfigProvider.ConfigContext);
     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;
@@ -61,8 +68,10 @@ export function LinkCard(param) {
     // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
     useEffect(function() {
         if (element.finished === false) {
+            debugInfo('LinkCard - 设置超时显示文本');
             setShowAsText(false);
             var timer = setTimeout(function() {
+                debugInfo('LinkCard - 超时，显示为文本');
                 setShowAsText(true);
             }, 5000);
             return function() {
@@ -78,6 +87,7 @@ export function LinkCard(param) {
     if (element.finished === false) {
         // 如果 5 秒后仍未完成，显示为文本
         if (showAsText) {
+            debugInfo('LinkCard - 显示为文本');
             return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
                 style: {
                     padding: '8px 12px',
@@ -89,6 +99,7 @@ export function LinkCard(param) {
             }, element.url || element.title || element.name || '链接卡片'), children);
         }
         // 5 秒内显示加载骨架屏
+        debugInfo('LinkCard - 显示加载骨架屏');
         return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement(Skeleton, {
             active: true,
             paragraph: {
@@ -96,6 +107,7 @@ export function LinkCard(param) {
             }
         }), children);
     }
+    debugInfo('LinkCard - 渲染完整链接卡片');
     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

@@ -53,6 +53,7 @@ function _object_spread_props(target, source) {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { createElement, useContext } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useEditorStore } from "../../store";
 import { useStyle } from "./style";
 export var ListContext = /*#__PURE__*/ React.createContext(null);
@@ -73,12 +74,25 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
  * ```
  */ export var List = function(param) {
     var element = param.element, attributes = param.attributes, children = param.children;
+    var _element_children;
+    debugInfo('List - 渲染列表', {
+        order: element.order,
+        task: element.task,
+        start: element.start,
+        childrenCount: (_element_children = element.children) === null || _element_children === void 0 ? void 0 : _element_children.length
+    });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = context.getPrefixCls('agentic-md-editor-list');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var listContent = React.useMemo(function() {
         var tag = element.order ? 'ol' : 'ul';
+        debugInfo('List - useMemo 渲染', {
+            tag: tag,
+            order: element.order,
+            start: element.start,
+            task: element.task
+        });
         return wrapSSR(/*#__PURE__*/ React.createElement(ListContext.Provider, {
             value: {
                 hashId: hashId
@@ -88,7 +102,8 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
             "data-be": 'list'
         }, attributes), {
             onDragStart: function(e) {
-                return store.dragStart(e, markdownContainerRef.current);
+                debugInfo('List - 拖拽开始');
+                store.dragStart(e, markdownContainerRef.current);
             }
         }), /*#__PURE__*/ createElement(tag, _define_property({
             className: classNames(baseCls, hashId, element.order ? 'ol' : 'ul'),

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

@@ -201,6 +201,7 @@ import { useMountMergeState } from "@ant-design/pro-components";
 import { Checkbox, ConfigProvider, Dropdown, Space } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useMemo } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useMEditor } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { ListContext } from "./List";
@@ -369,7 +370,13 @@ var MentionsUser = function(props) {
  * - 如果是任务列表项，会渲染一个不可编辑的复选框。
  */ export var ListItem = function(param) {
     var element = param.element, children = param.children, attributes = param.attributes;
-    var _editorProps_comment;
+    var _element_mentions, _element_children, _editorProps_comment;
+    debugInfo('ListItem - 渲染列表项', {
+        checked: element.checked,
+        isTask: typeof element.checked === 'boolean',
+        mentionsCount: (_element_mentions = element.mentions) === null || _element_mentions === void 0 ? void 0 : _element_mentions.length,
+        childrenCount: (_element_children = element.children) === null || _element_children === void 0 ? void 0 : _element_children.length
+    });
     var _useMEditor = _sliced_to_array(useMEditor(element), 2), update = _useMEditor[1];
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, editorProps = _useEditorStore.editorProps, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var isTask = typeof element.checked === 'boolean';
@@ -386,7 +393,10 @@ var MentionsUser = function(props) {
         }, /*#__PURE__*/ React.createElement(Checkbox, {
             checked: element.checked,
             onChange: function(e) {
-                return update({
+                debugInfo('ListItem - 复选框状态改变', {
+                    checked: e.target.checked
+                });
+                update({
                     checked: e.target.checked
                 });
             }
@@ -419,7 +429,8 @@ var MentionsUser = function(props) {
                 className: classNames("".concat(baseCls, "-item"), hashId, _define_property({}, "".concat(baseCls, "-task"), isTask)),
                 "data-be": 'list-item',
                 onDragStart: function(e) {
-                    return store.dragStart(e, markdownContainerRef.current);
+                    debugInfo('ListItem - 拖拽开始');
+                    store.dragStart(e, markdownContainerRef.current);
                 }
             }, attributes), listItemRender(props, {
                 element: element,
@@ -431,7 +442,8 @@ var MentionsUser = function(props) {
             className: classNames("".concat(baseCls, "-item"), hashId, _define_property({}, "".concat(baseCls, "-task"), isTask)),
             "data-be": 'list-item',
             onDragStart: function(e) {
-                return store.dragStart(e, markdownContainerRef.current);
+                debugInfo('ListItem - 拖拽开始');
+                store.dragStart(e, markdownContainerRef.current);
             }
         }, attributes), checkbox, mentionsUser, children);
     }, [

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

@@ -53,14 +53,19 @@ function _object_spread_props(target, source) {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useStyle } from "./style";
 export var Mermaid = function(param) {
     var attributes = param.attributes, children = param.children, element = param.element;
-    var _element_otherProps;
+    var _element_otherProps, _element_value, _element_otherProps1;
+    debugInfo('Mermaid - 渲染 Mermaid 图表', {
+        hasError: (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.error) === true,
+        valueLength: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.length
+    });
     var context = useContext(ConfigProvider.ConfigContext);
     var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-mermaid');
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
-    var hasError = (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.error) === true;
+    var hasError = (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.error) === true;
     return wrapSSR(/*#__PURE__*/ React.createElement("pre", _object_spread_props(_object_spread({}, attributes), {
         className: classNames(baseCls, hashId, _define_property({}, "".concat(baseCls, "-error"), hasError))
     }), /*#__PURE__*/ React.createElement("code", null, children)));

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

@@ -100,17 +100,28 @@ import classNames from "classnames";
 import React, { useContext } from "react";
 import { Node } from "slate";
 import { I18nContext } from "../../../../I18n";
+import { debugInfo } from "../../../../Utils/debugUtils";
 import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { DragHandle } from "../../tools/DragHandle";
 export var Paragraph = function(props) {
-    var _markdownEditorRef_current;
+    var _props_element_children, _markdownEditorRef_current;
+    debugInfo('Paragraph - 渲染段落', {
+        align: props.element.align,
+        childrenCount: (_props_element_children = props.element.children) === null || _props_element_children === void 0 ? void 0 : _props_element_children.length
+    });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;
     var locale = useContext(I18nContext).locale;
     var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];
     return React.useMemo(function() {
         var _markdownEditorRef_current, _props_element_children_every, _props_element_children, _props_element, _props_children;
         var str = Node.string(props.element).trim();
+        debugInfo('Paragraph - useMemo 渲染', {
+            strLength: str.length,
+            selected: selected,
+            readonly: readonly,
+            align: props.element.align
+        });
         var isEmpty = !str && ((_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : _markdownEditorRef_current.children.length) === 1 && ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_children = _props_element.children) === null || _props_element_children === void 0 ? void 0 : (_props_element_children_every = _props_element_children.every) === null || _props_element_children_every === void 0 ? void 0 : _props_element_children_every.call(_props_element_children, function(child) {
             return !child.type && !child.code && !child.tag;
         })) ? true : undefined;
@@ -123,7 +134,8 @@ export var Paragraph = function(props) {
             "data-align": props.element.align,
             "data-slate-placeholder": isEmpty ? editorProps.titlePlaceholderContent || (locale === null || locale === void 0 ? void 0 : locale.inputPlaceholder) || '请输入内容...' : undefined,
             onDragStart: function(e) {
-                return store.dragStart(e, markdownContainerRef.current);
+                debugInfo('Paragraph - 拖拽开始');
+                store.dragStart(e, markdownContainerRef.current);
             },
             "data-empty": isEmpty,
             style: {