@ant-design/agentic-ui 2.28.1 → 2.28.2

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RenderLeafProps } from 'slate-react';
+import { MarkdownEditorProps } from '../../../types';
+interface CommentLeafProps {
+    children: React.ReactNode;
+    leaf: RenderLeafProps['leaf'];
+    hashId: string;
+    comment: MarkdownEditorProps['comment'];
+}
+export declare const CommentLeaf: React.MemoExoticComponent<({ children, leaf, hashId, comment, }: CommentLeafProps) => React.JSX.Element>;
+export {};

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

@@ -0,0 +1,69 @@
+import React, { useMemo } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { useEditorStore } from "../../store";
+import { CommentView } from "../Comment";
+/**
+ * 比较函数，用于优化 CommentLeaf 组件的渲染性能
+ */ var areCommentLeafPropsEqual = function(prevProps, nextProps) {
+    // 首先进行快速引用比较
+    if (prevProps.leaf === nextProps.leaf && prevProps.children === nextProps.children && prevProps.hashId === nextProps.hashId && prevProps.comment === nextProps.comment) {
+        return true;
+    }
+    // 比较基本 props
+    if (prevProps.hashId !== nextProps.hashId || prevProps.children !== nextProps.children || prevProps.comment !== nextProps.comment) {
+        return false;
+    }
+    // 比较 leaf 对象的关键属性
+    if (prevProps.leaf !== nextProps.leaf) {
+        var prevLeaf = prevProps.leaf;
+        var nextLeaf = nextProps.leaf;
+        // 比较 comment 相关的关键属性
+        if (prevLeaf.comment !== nextLeaf.comment || prevLeaf.id !== nextLeaf.id || prevLeaf.selection !== nextLeaf.selection || prevLeaf.data !== nextLeaf.data) {
+            return false;
+        }
+    }
+    return true;
+};
+/**
+ * CommentLeaf 组件：专门处理 comment（评论）类型的叶子节点
+ * 这是一个包装器组件，用于包裹需要显示评论的 DOM 元素
+ */ var CommentLeafComponent = function(param) {
+    var children = param.children, leaf = param.leaf, hashId = param.hashId, comment = param.comment;
+    var setShowComment = useEditorStore().setShowComment;
+    // 使用 useMemo 优化计算逻辑（必须在所有条件返回之前调用）
+    var commentId = useMemo(function() {
+        return "comment-".concat(leaf === null || leaf === void 0 ? void 0 : leaf.id);
+    }, [
+        leaf === null || leaf === void 0 ? void 0 : leaf.id
+    ]);
+    var commentItem = useMemo(function() {
+        return (leaf === null || leaf === void 0 ? void 0 : leaf.comment) ? leaf.data : null;
+    }, [
+        leaf === null || leaf === void 0 ? void 0 : leaf.comment,
+        leaf === null || leaf === void 0 ? void 0 : leaf.data
+    ]);
+    debugInfo('CommentLeaf - 渲染评论节点', {
+        hasComment: !!leaf.comment,
+        commentId: leaf === null || leaf === void 0 ? void 0 : leaf.id
+    });
+    // 如果没有评论，直接返回子元素
+    if (!leaf.comment) {
+        debugInfo('CommentLeaf - 无评论，直接返回子元素');
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
+    }
+    debugInfo('CommentLeaf - 返回带评论的 DOM', {
+        commentId: leaf === null || leaf === void 0 ? void 0 : leaf.id,
+        hasCommentItem: !!(leaf === null || leaf === void 0 ? void 0 : leaf.comment)
+    });
+    // 如果有评论，用 CommentView 包裹
+    return /*#__PURE__*/ React.createElement(CommentView, {
+        id: commentId,
+        comment: comment,
+        hashId: hashId,
+        selection: leaf === null || leaf === void 0 ? void 0 : leaf.selection,
+        commentItem: commentItem,
+        setShowComment: setShowComment
+    }, children);
+};
+// 使用 React.memo 优化 CommentLeaf 组件的性能
+export var CommentLeaf = /*#__PURE__*/ React.memo(CommentLeafComponent, areCommentLeafPropsEqual);

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

@@ -0,0 +1,15 @@
+import React, { CSSProperties } from 'react';
+import { RenderLeafProps } from 'slate-react';
+import { MarkdownEditorProps } from '../../../types';
+interface FncLeafProps extends RenderLeafProps {
+    hashId: string;
+    fncProps: MarkdownEditorProps['fncProps'];
+    linkConfig?: MarkdownEditorProps['linkConfig'];
+    style?: CSSProperties;
+    prefixClassName?: string;
+}
+/**
+ * FncLeaf 组件：专门处理 fnc（函数调用）和 fnd（函数定义）类型的叶子节点
+ */
+export declare const FncLeaf: ({ attributes, children, leaf, hashId, fncProps, linkConfig, style, prefixClassName, }: FncLeafProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,208 @@
+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 _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;
+}
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useCallback, useContext, useMemo } from "react";
+import { isMobileDevice } from "../../../../MarkdownInputField/AttachmentButton/utils";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { dragStart } from "../index";
+/**
+ * FncLeaf 组件：专门处理 fnc（函数调用）和 fnd（函数定义）类型的叶子节点
+ */ export var FncLeaf = function(param) {
+    var attributes = param.attributes, children = param.children, leaf = param.leaf, hashId = param.hashId, fncProps = param.fncProps, linkConfig = param.linkConfig, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_prefixClassName = param.prefixClassName, prefixClassName = _param_prefixClassName === void 0 ? '' : _param_prefixClassName;
+    var _leaf_text;
+    var context = useContext(ConfigProvider.ConfigContext);
+    var mdEditorBaseClass = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    var isMobile = isMobileDevice();
+    var hasFnc = leaf.fnc || leaf.identifier;
+    debugInfo('FncLeaf - 渲染 fnc 节点', {
+        hasFnc: !!leaf.fnc,
+        hasIdentifier: !!leaf.identifier,
+        hasFnd: !!leaf.fnd,
+        text: (_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : _leaf_text.substring(0, 50)
+    });
+    // 使用 useMemo 优化 className 计算
+    var fncClassName = useMemo(function() {
+        var _obj;
+        return classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), hashId, (_obj = {}, _define_property(_obj, "".concat(mdEditorBaseClass, "-fnc"), leaf.fnc), _define_property(_obj, "".concat(mdEditorBaseClass, "-fnd"), leaf.fnd), _obj));
+    }, [
+        prefixClassName,
+        hashId,
+        mdEditorBaseClass,
+        leaf.fnc,
+        leaf.fnd
+    ]);
+    // 使用 useMemo 优化文本格式化计算
+    var formattedText = useMemo(function() {
+        if (leaf.fnc || leaf.identifier) {
+            var _leaf_text_replaceAll_replaceAll, _leaf_text_replaceAll, _leaf_text;
+            return ((_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : (_leaf_text_replaceAll = _leaf_text.replaceAll(']', '')) === null || _leaf_text_replaceAll === void 0 ? void 0 : (_leaf_text_replaceAll_replaceAll = _leaf_text_replaceAll.replaceAll('[^DOC_', '')) === null || _leaf_text_replaceAll_replaceAll === void 0 ? void 0 : _leaf_text_replaceAll_replaceAll.replaceAll('[^', '')) || '';
+        }
+        return children;
+    }, [
+        leaf.fnc,
+        leaf.identifier,
+        leaf.text,
+        children
+    ]);
+    // 使用 useMemo 优化 data-fnc-name 和 data-fnd-name 计算
+    var dataFncName = useMemo(function() {
+        var _leaf_text;
+        return leaf.fnc ? (_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : _leaf_text.replace(/\[\^(.+)]:?/g, '$1') : undefined;
+    }, [
+        leaf.fnc,
+        leaf.text
+    ]);
+    var dataFndName = useMemo(function() {
+        var _leaf_text;
+        return leaf.fnd ? (_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : _leaf_text.replace(/\[\^(.+)]:?/g, '$1') : undefined;
+    }, [
+        leaf.fnd,
+        leaf.text
+    ]);
+    // 使用 useMemo 优化 style 对象
+    var mergedStyle = useMemo(function() {
+        return _object_spread({
+            fontSize: leaf.fnc ? 10 : undefined
+        }, style);
+    }, [
+        leaf.fnc,
+        style
+    ]);
+    // 使用 useCallback 优化 onClick 处理函数
+    var handleClick = useCallback(function(e) {
+        debugInfo('FncLeaf - onClick 事件', {
+            isMobile: isMobile,
+            hasFnc: hasFnc,
+            detail: e.detail,
+            hasUrl: !!leaf.url
+        });
+        // 在手机上，如果是 fnc，阻止点击事件（使用长按代替）
+        if (isMobile && hasFnc) {
+            debugInfo('FncLeaf - 移动端阻止 fnc 点击');
+            e.preventDefault();
+            return;
+        }
+        if (hasFnc) {
+            e.preventDefault();
+            e.stopPropagation();
+            if (fncProps === null || fncProps === void 0 ? void 0 : fncProps.onOriginUrlClick) {
+                debugInfo('FncLeaf - 触发 fnc 点击');
+                fncProps.onOriginUrlClick(leaf === null || leaf === void 0 ? void 0 : leaf.identifier);
+            }
+            // 如果同时有 URL，也要处理 URL 打开逻辑
+            if (leaf.url) {
+                if (linkConfig === null || linkConfig === void 0 ? void 0 : linkConfig.onClick) {
+                    var res = linkConfig.onClick(leaf.url);
+                    debugInfo('FncLeaf - 链接点击处理', {
+                        result: res
+                    });
+                    if (res === false) {
+                        return false;
+                    }
+                }
+                if ((linkConfig === null || linkConfig === void 0 ? void 0 : linkConfig.openInNewTab) !== false) {
+                    debugInfo('FncLeaf - 新标签页打开链接', {
+                        url: leaf.url
+                    });
+                    window.open(leaf.url, '_blank');
+                } else {
+                    debugInfo('FncLeaf - 当前窗口打开链接', {
+                        url: leaf.url
+                    });
+                    window.location.href = leaf.url;
+                }
+            }
+            return false;
+        }
+    }, [
+        isMobile,
+        hasFnc,
+        fncProps,
+        leaf === null || leaf === void 0 ? void 0 : leaf.identifier,
+        leaf === null || leaf === void 0 ? void 0 : leaf.url,
+        linkConfig
+    ]);
+    // 使用 useMemo 优化自定义渲染的 children 计算
+    var customRenderChildren = useMemo(function() {
+        var _leaf_text_toLocaleUpperCase, _leaf_text;
+        return ((_leaf_text = leaf.text) === null || _leaf_text === void 0 ? void 0 : (_leaf_text_toLocaleUpperCase = _leaf_text.toLocaleUpperCase()) === null || _leaf_text_toLocaleUpperCase === void 0 ? void 0 : _leaf_text_toLocaleUpperCase.replaceAll('[^', '').replaceAll(']', '')) || '';
+    }, [
+        leaf.text
+    ]);
+    var dom = /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, attributes), {
+        "data-be": "text",
+        draggable: false,
+        onDragStart: dragStart,
+        onClick: handleClick,
+        contentEditable: leaf.fnc ? false : undefined,
+        "data-fnc": leaf.fnc || leaf.identifier ? 'fnc' : undefined,
+        "data-fnd": leaf.fnd ? 'fnd' : undefined,
+        "data-fnc-name": dataFncName,
+        "data-fnd-name": dataFndName,
+        className: fncClassName ? fncClassName : undefined,
+        style: mergedStyle
+    }), formattedText);
+    // 如果提供了自定义渲染函数，使用它
+    if ((fncProps === null || fncProps === void 0 ? void 0 : fncProps.render) && (leaf.fnc || leaf.identifier)) {
+        var _fncProps_render;
+        debugInfo('FncLeaf - 使用 fnc 自定义渲染', {
+            hasFnc: !!leaf.fnc,
+            hasIdentifier: !!leaf.identifier
+        });
+        dom = /*#__PURE__*/ React.createElement(React.Fragment, null, (_fncProps_render = fncProps.render) === null || _fncProps_render === void 0 ? void 0 : _fncProps_render.call(fncProps, _object_spread_props(_object_spread({}, leaf), {
+            children: customRenderChildren
+        }), dom));
+    }
+    return dom;
+};

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

@@ -105,10 +105,10 @@ import { useSelStatus } from "../../../hooks/editor";
 import { useEditorStore } from "../../store";
 import { DragHandle } from "../../tools/DragHandle";
 export var Paragraph = function(props) {
-    var _props_element_children, _markdownEditorRef_current;
+    var _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
+        children: props.element.children
     });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;
     var locale = useContext(I18nContext).locale;

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

@@ -13,6 +13,18 @@ import { Media } from './Media';
 import { Mermaid } from './Mermaid';
 import { Paragraph } from './Paragraph';
 import { Schema } from './Schema';
+/**
+ * 性能优化说明：
+ *
+ * 本文件中的 MElement 和 MLeaf 组件使用了 React.memo 进行性能优化：
+ *
+ * 1. **避免不必要的重新渲染**：使用自定义比较函数确保只有在 props 真正变化时才重新渲染
+ * 2. **快速引用比较**：首先进行引用比较，这是最快的比较方式
+ * 4. **批量属性检查**：对 MLeaf 组件使用数组批量检查关键属性
+ *
+ * 性能测试结果显示约 43% 的渲染性能提升，在相同 props 的情况下避免了重复渲染。
+ */
+export declare const dragStart: (e: React.DragEvent) => void;
 export declare const MElement: React.MemoExoticComponent<(props: RenderElementProps & {
     readonly?: boolean;
 }) => React.JSX.Element>;

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

@@ -52,11 +52,10 @@ function _object_spread_props(target, source) {
 }
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
-import React, { useContext, useRef } from "react";
+import React, { useContext } from "react";
 import { Editor, Path, Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import { I18nContext } from "../../../I18n";
-import { isMobileDevice } from "../../../MarkdownInputField/AttachmentButton/utils";
 import { debugInfo } from "../../../Utils/debugUtils";
 import { useEditorStore } from "../store";
 import { EditorUtils } from "../utils/editorUtils";
@@ -64,7 +63,8 @@ import { Blockquote } from "./Blockquote";
 import { Break } from "./Break";
 import { WarpCard } from "./Card";
 import { Code } from "./Code";
-import { CommentView } from "./Comment";
+import { CommentLeaf } from "./CommentLeaf";
+import { FncLeaf } from "./FncLeaf";
 import { FootnoteDefinition } from "./FootnoteDefinition";
 import { FootnoteReference } from "./FootnoteReference";
 import { Head } from "./Head";
@@ -90,7 +90,7 @@ import { TagPopup } from "./TagPopup";
  * 4. **批量属性检查**：对 MLeaf 组件使用数组批量检查关键属性
  *
  * 性能测试结果显示约 43% 的渲染性能提升，在相同 props 的情况下避免了重复渲染。
- */ var dragStart = function(e) {
+ */ export var dragStart = function(e) {
     e.preventDefault();
     e.stopPropagation();
 };
@@ -319,8 +319,8 @@ export var MElement = /*#__PURE__*/ React.memo(MElementComponent, areElementProp
     return true;
 };
 var MLeafComponent = function(props) {
-    var _leaf_text, _leaf_text1, _leaf_text2, _leaf_text_replaceAll_replaceAll, _leaf_text_replaceAll, _leaf_text3, _props_fncProps, _props_leaf, _props_leaf1;
-    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, setShowComment = _useEditorStore.setShowComment;
+    var _leaf_text;
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var context = useContext(ConfigProvider.ConfigContext);
     var locale = useContext(I18nContext).locale;
     var mdEditorBaseClass = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
@@ -489,79 +489,48 @@ var MLeafComponent = function(props) {
             });
         }
     };
-    var handleFncOpen = function() {
-        var _props_fncProps, _props_fncProps1;
-        debugInfo('MLeafComponent - handleFncOpen', {
-            identifier: leaf === null || leaf === void 0 ? void 0 : leaf.identifier,
-            hasFncProps: !!props.fncProps,
-            hasOnOriginUrlClick: !!((_props_fncProps = props.fncProps) === null || _props_fncProps === void 0 ? void 0 : _props_fncProps.onOriginUrlClick)
+    // 如果检测到 fnc、identifier 或 fnd，使用 FncLeaf 组件
+    var hasFnc = leaf.fnc || leaf.identifier || leaf.fnd;
+    var hasComment = !!leaf.comment;
+    if (hasFnc) {
+        debugInfo('MLeafComponent - 使用 FncLeaf 组件', {
+            hasFnc: !!leaf.fnc,
+            hasIdentifier: !!leaf.identifier,
+            hasFnd: !!leaf.fnd
         });
-        if ((_props_fncProps1 = props.fncProps) === null || _props_fncProps1 === void 0 ? void 0 : _props_fncProps1.onOriginUrlClick) {
-            props.fncProps.onOriginUrlClick(leaf === null || leaf === void 0 ? void 0 : leaf.identifier);
-        }
-    };
-    var isMobile = isMobileDevice();
-    var hasFnc = leaf.fnc || leaf.identifier;
-    // 长按处理：用于手机端打开 fnc
-    var longPressTimerRef = useRef(null);
-    var touchStartTimeRef = useRef(0);
-    var isLongPressRef = useRef(false);
-    var handleTouchStart = function() {
-        if (!hasFnc) return;
-        isLongPressRef.current = false;
-        touchStartTimeRef.current = Date.now();
-        longPressTimerRef.current = setTimeout(function() {
-            isLongPressRef.current = true;
-            handleFncOpen();
-        }, 500); // 500ms 长按时间
-    };
-    var handleTouchEnd = function(e) {
-        if (!hasFnc) return;
-        if (longPressTimerRef.current) {
-            clearTimeout(longPressTimerRef.current);
-            longPressTimerRef.current = null;
+        var baseClassName = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId);
+        var fncDom = /*#__PURE__*/ React.createElement(FncLeaf, _object_spread_props(_object_spread({}, props), {
+            hashId: props.hashId,
+            fncProps: props.fncProps,
+            linkConfig: props.linkConfig,
+            style: style,
+            prefixClassName: baseClassName
+        }));
+        // 如果有评论，使用 CommentLeaf 包裹 fnc DOM
+        if (hasComment) {
+            return /*#__PURE__*/ React.createElement(CommentLeaf, {
+                leaf: props.leaf,
+                hashId: props.hashId,
+                comment: props.comment
+            }, fncDom);
         }
-        // 如果是短按（小于 500ms），在手机上阻止默认行为
-        var touchDuration = Date.now() - touchStartTimeRef.current;
-        if (touchDuration < 500 && isMobile) {
-            e.preventDefault();
-        }
-    };
-    var handleTouchCancel = function() {
-        if (longPressTimerRef.current) {
-            clearTimeout(longPressTimerRef.current);
-            longPressTimerRef.current = null;
-        }
-        isLongPressRef.current = false;
-    };
-    var _obj;
-    var fncClassName = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId, (_obj = {}, _define_property(_obj, "".concat(mdEditorBaseClass, "-fnc"), leaf.fnc), _define_property(_obj, "".concat(mdEditorBaseClass, "-fnd"), leaf.fnd), _define_property(_obj, "".concat(mdEditorBaseClass, "-comment"), leaf.comment), _obj));
+        return fncDom;
+    }
+    var baseClassName1 = classNames(prefixClassName === null || prefixClassName === void 0 ? void 0 : prefixClassName.trim(), props.hashId);
     var dom = /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, props.attributes), {
         "data-be": "text",
         draggable: false,
         onDragStart: dragStart,
         onClick: function(e) {
-            var _props_fncProps, _props_linkConfig, _props_linkConfig1, _props_linkConfig2;
+            var _props_linkConfig, _props_linkConfig1, _props_linkConfig2;
             debugInfo('MLeafComponent - onClick 事件', {
-                isMobile: isMobile,
-                hasFnc: hasFnc,
                 detail: e.detail,
                 hasUrl: !!leaf.url
             });
-            // 在手机上，如果是 fnc，阻止点击事件（使用长按代替）
-            if (isMobile && hasFnc) {
-                debugInfo('MLeafComponent - 移动端阻止 fnc 点击');
-                e.preventDefault();
-                return;
-            }
             if (e.detail === 2) {
                 debugInfo('MLeafComponent - 双击选择格式');
                 selectFormat();
             }
-            if ((_props_fncProps = props.fncProps) === null || _props_fncProps === void 0 ? void 0 : _props_fncProps.onOriginUrlClick) {
-                debugInfo('MLeafComponent - 触发 fnc 点击');
-                props.fncProps.onOriginUrlClick(leaf === null || leaf === void 0 ? void 0 : leaf.identifier);
-            }
             if ((_props_linkConfig = props.linkConfig) === null || _props_linkConfig === void 0 ? void 0 : _props_linkConfig.onClick) {
                 var _props_linkConfig3;
                 var res = (_props_linkConfig3 = props.linkConfig) === null || _props_linkConfig3 === void 0 ? void 0 : _props_linkConfig3.onClick(leaf.url);
@@ -585,47 +554,20 @@ var MLeafComponent = function(props) {
                 window.location.href = leaf.url;
             }
         },
-        onTouchStart: hasFnc ? handleTouchStart : undefined,
-        onTouchEnd: hasFnc ? handleTouchEnd : undefined,
-        onTouchCancel: hasFnc ? handleTouchCancel : undefined,
-        contentEditable: leaf.fnc ? false : undefined,
-        "data-fnc": leaf.fnc || leaf.identifier ? 'fnc' : undefined,
-        "data-fnd": leaf.fnd ? 'fnd' : undefined,
         "data-comment": leaf.comment ? 'comment' : undefined,
-        "data-fnc-name": leaf.fnc ? (_leaf_text1 = leaf.text) === null || _leaf_text1 === void 0 ? void 0 : _leaf_text1.replace(/\[\^(.+)]:?/g, '$1') : undefined,
         "data-url": leaf.url ? 'url' : undefined,
-        "data-fnd-name": leaf.fnd ? (_leaf_text2 = leaf.text) === null || _leaf_text2 === void 0 ? void 0 : _leaf_text2.replace(/\[\^(.+)]:?/g, '$1') : undefined,
-        className: fncClassName ? fncClassName : undefined,
-        style: _object_spread({
-            fontSize: leaf.fnc ? 10 : undefined
-        }, style)
-    }), leaf.fnc || leaf.identifier ? (_leaf_text3 = leaf.text) === null || _leaf_text3 === void 0 ? void 0 : (_leaf_text_replaceAll = _leaf_text3.replaceAll(']', '')) === null || _leaf_text_replaceAll === void 0 ? void 0 : (_leaf_text_replaceAll_replaceAll = _leaf_text_replaceAll.replaceAll('[^DOC_', '')) === null || _leaf_text_replaceAll_replaceAll === void 0 ? void 0 : _leaf_text_replaceAll_replaceAll.replaceAll('[^', '') : children);
-    if (((_props_fncProps = props.fncProps) === null || _props_fncProps === void 0 ? void 0 : _props_fncProps.render) && (leaf.fnc || leaf.identifier)) {
-        var _leaf_text_toLocaleUpperCase, _leaf_text4, _props_fncProps_render, _props_fncProps1;
-        debugInfo('MLeafComponent - 使用 fnc 自定义渲染', {
-            hasFnc: !!leaf.fnc,
-            hasIdentifier: !!leaf.identifier
-        });
-        dom = /*#__PURE__*/ React.createElement(React.Fragment, null, (_props_fncProps_render = (_props_fncProps1 = props.fncProps).render) === null || _props_fncProps_render === void 0 ? void 0 : _props_fncProps_render.call(_props_fncProps1, _object_spread_props(_object_spread({}, leaf), {
-            children: ((_leaf_text4 = leaf.text) === null || _leaf_text4 === void 0 ? void 0 : (_leaf_text_toLocaleUpperCase = _leaf_text4.toLocaleUpperCase()) === null || _leaf_text_toLocaleUpperCase === void 0 ? void 0 : _leaf_text_toLocaleUpperCase.replaceAll('[^', '').replaceAll(']', '')) || ''
-        }), dom));
-    }
-    if (!props.leaf.comment) {
-        debugInfo('MLeafComponent - 返回 DOM（无评论）');
-        return dom;
+        className: baseClassName1 ? baseClassName1 : undefined,
+        style: style
+    }), children);
+    // 如果有评论，使用 CommentLeaf 包裹普通 DOM
+    if (hasComment) {
+        return /*#__PURE__*/ React.createElement(CommentLeaf, {
+            leaf: props.leaf,
+            hashId: props.hashId,
+            comment: props.comment
+        }, dom);
     }
-    debugInfo('MLeafComponent - 返回带评论的 DOM', {
-        commentId: (_props_leaf = props.leaf) === null || _props_leaf === void 0 ? void 0 : _props_leaf.id,
-        hasCommentItem: !!(leaf === null || leaf === void 0 ? void 0 : leaf.comment)
-    });
-    return /*#__PURE__*/ React.createElement(CommentView, {
-        id: "comment-".concat((_props_leaf1 = props.leaf) === null || _props_leaf1 === void 0 ? void 0 : _props_leaf1.id),
-        comment: props.comment,
-        hashId: props.hashId,
-        selection: leaf === null || leaf === void 0 ? void 0 : leaf.selection,
-        commentItem: (leaf === null || leaf === void 0 ? void 0 : leaf.comment) ? leaf.data : null,
-        setShowComment: setShowComment
-    }, dom);
+    return dom;
 };
 // 使用 React.memo 优化 MLeaf 组件的性能
 export var MLeaf = /*#__PURE__*/ React.memo(MLeafComponent, areLeafPropsEqual);

package/dist/MarkdownEditor/editor/plugins/useHighlight.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,21 @@ 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 _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();
 }
@@ -58,8 +86,11 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import { Editor, Element, Node, Path } from "slate";
 import { EditorUtils } from "../utils/editorUtils";
-var htmlReg = /<[a-z]+[\s"'=:;()\w\-[\]/.]*\/?>(.*<\/[a-z]+>:?)?/g;
-var linkReg = /(https?|ftp):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/gi;
+// 预编译正则表达式，避免重复创建
+var HTML_REG = /<[a-z]+[\s"'=:;()\w\-[\]/.]*\/?>(.*<\/[a-z]+>:?)?/g;
+var LINK_REG = /(https?|ftp):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/gi;
+var FOOTNOTE_REG = /\[\^[^\]]+\]/g;
+var TABLE_ROW_REG = /^\|([^|]+\|)+$/;
 export var cacheTextNode = new WeakMap();
 export var clearInlineKatex = function(editor) {
     var inlineMath = Array.from(Editor.nodes(editor, {
@@ -68,10 +99,14 @@ export var clearInlineKatex = function(editor) {
         },
         at: []
     }));
-    inlineMath.map(function(c) {
+    inlineMath.forEach(function(c) {
         return cacheTextNode.delete(c[0]);
     });
 };
+var PARAGRAPH_TYPES = new Set([
+    'paragraph',
+    'table-cell'
+]);
 var highlightNodes = new Set([
     'paragraph',
     'table-cell',
@@ -80,198 +115,137 @@ var highlightNodes = new Set([
     'head',
     'inline-katex'
 ]);
+// 创建 range 对象的工厂函数，复用 path 数组
+var createRange = function(path, childIndex, offset, length) {
+    var props = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {};
+    var childPath = path.concat(childIndex);
+    return _object_spread({
+        anchor: {
+            path: childPath,
+            offset: offset
+        },
+        focus: {
+            path: childPath,
+            offset: offset + length
+        }
+    }, props);
+};
+// 处理文本节点的匹配逻辑
+var processTextMatches = function(text, path, childIndex) {
+    var ranges = [];
+    // 匹配 footnote reference
+    var match;
+    FOOTNOTE_REG.lastIndex = 0;
+    while((match = FOOTNOTE_REG.exec(text)) !== null){
+        var index = match.index;
+        if (typeof index === 'number') {
+            ranges.push(createRange(path, childIndex, index, match[0].length, {
+                fnc: true,
+                fnd: false
+            }));
+        }
+    }
+    // 匹配 HTML
+    HTML_REG.lastIndex = 0;
+    while((match = HTML_REG.exec(text)) !== null){
+        var index1 = match.index;
+        if (typeof index1 === 'number') {
+            ranges.push(createRange(path, childIndex, index1, match[0].length, {
+                html: true
+            }));
+        }
+    }
+    return ranges;
+};
+// 处理链接匹配
+var processLinkMatches = function(text, path, childIndex) {
+    var ranges = [];
+    var match;
+    LINK_REG.lastIndex = 0;
+    while((match = LINK_REG.exec(text)) !== null){
+        var index = match.index;
+        if (typeof index === 'number') {
+            ranges.push(createRange(path, childIndex, index, match[0].length, {
+                link: match[0]
+            }));
+        }
+    }
+    return ranges;
+};
 export function useHighlight(store) {
     return function(param) {
         var _param = _sliced_to_array(param, 2), node = _param[0], path = _param[1];
-        if (Element.isElement(node) && highlightNodes.has(node.type)) {
-            var ranges = (store === null || store === void 0 ? void 0 : store.highlightCache.get(node)) || [];
-            var cacheText = cacheTextNode.get(node);
-            // footnote
-            if ([
-                'paragraph',
-                'table-cell'
-            ].includes(node.type)) {
-                for(var i = 0; i < node.children.length; i++){
-                    var c = node.children[i];
-                    if (c.text && !EditorUtils.isDirtLeaf(c)) {
-                        if (cacheText && Path.equals(cacheText.path, path)) {
-                            var _ranges;
-                            (_ranges = ranges).push.apply(_ranges, _to_consumable_array(cacheText.range));
-                        } else {
-                            var _ranges1;
-                            var textRanges = [];
-                            var matchHtml = c.text.matchAll(htmlReg);
-                            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                            try {
-                                for(var _iterator = matchHtml[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                    var m = _step.value;
-                                    textRanges.push({
-                                        anchor: {
-                                            path: _to_consumable_array(path).concat([
-                                                i
-                                            ]),
-                                            offset: m.index
-                                        },
-                                        focus: {
-                                            path: _to_consumable_array(path).concat([
-                                                i
-                                            ]),
-                                            offset: m.index + m[0].length
-                                        },
-                                        html: true
-                                    });
-                                }
-                            } catch (err) {
-                                _didIteratorError = true;
-                                _iteratorError = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                        _iterator.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError) {
-                                        throw _iteratorError;
-                                    }
-                                }
-                            }
-                            var match = c.text.matchAll(/\[\^.+?]:?/g);
-                            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-                            try {
-                                for(var _iterator1 = match[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-                                    var m1 = _step1.value;
-                                    if (typeof m1.index !== 'number') continue;
-                                    textRanges.push({
-                                        anchor: {
-                                            path: _to_consumable_array(path).concat([
-                                                i
-                                            ]),
-                                            offset: m1.index
-                                        },
-                                        focus: {
-                                            path: _to_consumable_array(path).concat([
-                                                i
-                                            ]),
-                                            offset: m1.index + m1[0].length
-                                        },
-                                        fnc: !m1[0].endsWith(':'),
-                                        fnd: m1[0].endsWith(':')
-                                    });
-                                }
-                            } catch (err) {
-                                _didIteratorError1 = true;
-                                _iteratorError1 = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                                        _iterator1.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError1) {
-                                        throw _iteratorError1;
-                                    }
-                                }
-                            }
-                            cacheTextNode.set(node, {
-                                path: path,
-                                range: textRanges
-                            });
-                            (_ranges1 = ranges).push.apply(_ranges1, _to_consumable_array(textRanges));
-                        }
+        // 快速路径：非元素节点或不在高亮节点列表中
+        if (!Element.isElement(node) || !highlightNodes.has(node.type)) {
+            return [];
+        }
+        var ranges = (store === null || store === void 0 ? void 0 : store.highlightCache.get(node)) || [];
+        var cacheText = cacheTextNode.get(node);
+        var isCached = cacheText && Path.equals(cacheText.path, path);
+        // 处理 paragraph 和 table-cell
+        if (PARAGRAPH_TYPES.has(node.type)) {
+            if (isCached) {
+                var _ranges;
+                (_ranges = ranges).push.apply(_ranges, _to_consumable_array(cacheText.range));
+            } else {
+                var _ranges1;
+                var allTextRanges = [];
+                var children = node.children;
+                var childrenLength = children.length;
+                for(var i = 0; i < childrenLength; i++){
+                    var child = children[i];
+                    // 处理 footnote 和 HTML
+                    if (child.text && !EditorUtils.isDirtLeaf(child)) {
+                        var _allTextRanges;
+                        (_allTextRanges = allTextRanges).push.apply(_allTextRanges, _to_consumable_array(processTextMatches(child.text, path, i)));
                     }
-                    if (c.text && !c.url && !c.docId && !c.hash) {
-                        var _ranges2;
-                        var textRanges1 = [];
-                        var links = c.text.matchAll(linkReg);
-                        var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
-                        try {
-                            for(var _iterator2 = links[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
-                                var m2 = _step2.value;
-                                textRanges1.push({
-                                    anchor: {
-                                        path: _to_consumable_array(path).concat([
-                                            i
-                                        ]),
-                                        offset: m2.index
-                                    },
-                                    focus: {
-                                        path: _to_consumable_array(path).concat([
-                                            i
-                                        ]),
-                                        offset: m2.index + m2[0].length
-                                    },
-                                    link: m2[0]
-                                });
-                            }
-                        } catch (err) {
-                            _didIteratorError2 = true;
-                            _iteratorError2 = err;
-                        } finally{
-                            try {
-                                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                                    _iterator2.return();
-                                }
-                            } finally{
-                                if (_didIteratorError2) {
-                                    throw _iteratorError2;
-                                }
-                            }
-                        }
-                        (_ranges2 = ranges).push.apply(_ranges2, _to_consumable_array(textRanges1));
+                    // 处理链接
+                    if (child.text && !child.url && !child.docId && !child.hash) {
+                        var _allTextRanges1;
+                        (_allTextRanges1 = allTextRanges).push.apply(_allTextRanges1, _to_consumable_array(processLinkMatches(child.text, path, i)));
                     }
                 }
+                // 统一缓存
+                cacheTextNode.set(node, {
+                    path: path,
+                    range: allTextRanges
+                });
+                (_ranges1 = ranges).push.apply(_ranges1, _to_consumable_array(allTextRanges));
             }
-            if (node.type === 'paragraph' && node.children.length === 1 && !EditorUtils.isDirtLeaf(node.children[0])) {
-                if (cacheText && Path.equals(cacheText.path, path)) {
-                    var _ranges3;
-                    (_ranges3 = ranges).push.apply(_ranges3, _to_consumable_array(cacheText.range));
-                } else {
-                    var str = Node.string(node);
-                    if (str.startsWith('```')) {
-                        ranges.push({
-                            anchor: {
-                                path: _to_consumable_array(path).concat([
-                                    0
-                                ]),
-                                offset: 0
-                            },
-                            focus: {
-                                path: _to_consumable_array(path).concat([
-                                    0
-                                ]),
-                                offset: 3
-                            },
-                            color: '#a3a3a3'
-                        });
-                        cacheTextNode.set(node, {
-                            path: path,
-                            range: ranges
-                        });
-                    } else if (/^\|([^|]+\|)+$/.test(str)) {
-                        ranges.push({
-                            anchor: {
-                                path: _to_consumable_array(path).concat([
-                                    0
-                                ]),
-                                offset: 0
-                            },
-                            focus: {
-                                path: _to_consumable_array(path).concat([
-                                    0
-                                ]),
-                                offset: str.length
-                            },
-                            color: '#a3a3a3'
-                        });
-                        cacheTextNode.set(node, {
-                            path: path,
-                            range: ranges
-                        });
-                    }
+        }
+        // 处理特殊段落（代码块或表格行）
+        if (node.type === 'paragraph' && node.children.length === 1 && !EditorUtils.isDirtLeaf(node.children[0])) {
+            if (isCached) {
+                var _ranges2;
+                (_ranges2 = ranges).push.apply(_ranges2, _to_consumable_array(cacheText.range));
+            } else {
+                var str = Node.string(node);
+                var strLength = str.length;
+                if (str.startsWith('```')) {
+                    var range = createRange(path, 0, 0, 3, {
+                        color: '#a3a3a3'
+                    });
+                    ranges.push(range);
+                    cacheTextNode.set(node, {
+                        path: path,
+                        range: [
+                            range
+                        ]
+                    });
+                } else if (TABLE_ROW_REG.test(str)) {
+                    var range1 = createRange(path, 0, 0, strLength, {
+                        color: '#a3a3a3'
+                    });
+                    ranges.push(range1);
+                    cacheTextNode.set(node, {
+                        path: path,
+                        range: [
+                            range1
+                        ]
+                    });
                 }
             }
-            return ranges;
         }
-        return [];
+        return ranges;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.28.1",
+  "version": "2.28.2",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",