@ant-design/agentic-ui 2.29.6 → 2.29.8

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

@@ -0,0 +1,215 @@
+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, useEffect, useState } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { AvatarList } from "../../components/ContributorAvatar";
+import { useStyle } from "./style";
+/**
+ * ReadonlyLinkCard 组件 - 只读链接卡片预览组件
+ *
+ * 专门针对 readonly 模式优化的链接卡片组件，移除了拖拽功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读链接卡片预览组件，用于预览模式下的链接卡片渲染
+ * @param {ElementProps<LinkCardNode>} props - 组件属性
+ * @param {LinkCardNode} props.element - 链接卡片节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyLinkCard
+ *   element={linkCardNode}
+ *   attributes={attributes}
+ * >
+ *   内容
+ * </ReadonlyLinkCard>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读链接卡片组件
+ *
+ * @remarks
+ * - 移除拖拽手柄（DragHandle）
+ * - 移除拖拽相关事件处理
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyLinkCard = /*#__PURE__*/ React.memo(function(param) {
+    var element = param.element, attributes = param.attributes, children = param.children;
+    var _element_url, _element_otherProps, _element_otherProps_collaborators, _element_otherProps1, _element_otherProps2;
+    debugInfo('ReadonlyLinkCard - 渲染只读链接卡片', {
+        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;
+    var _useState = _sliced_to_array(useState(false), 2), showAsText = _useState[0], setShowAsText = _useState[1];
+    // 如果 finished 为 false，设置 5 秒超时，超时后显示为文本
+    useEffect(function() {
+        if (element.finished === false) {
+            debugInfo('ReadonlyLinkCard - 设置超时显示文本');
+            setShowAsText(false);
+            var timer = setTimeout(function() {
+                debugInfo('ReadonlyLinkCard - 超时，显示为文本');
+                setShowAsText(true);
+            }, 5000);
+            return function() {
+                clearTimeout(timer);
+            };
+        } else {
+            setShowAsText(false);
+        }
+    }, [
+        element.finished
+    ]);
+    // 如果是不完整状态
+    if (element.finished === false) {
+        // 如果 5 秒后仍未完成，显示为文本
+        if (showAsText) {
+            debugInfo('ReadonlyLinkCard - 显示为文本');
+            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 秒内显示加载骨架屏
+        debugInfo('ReadonlyLinkCard - 显示加载骨架屏');
+        return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement(Skeleton, {
+            active: true,
+            paragraph: {
+                rows: 2
+            }
+        }), children);
+    }
+    debugInfo('ReadonlyLinkCard - 渲染完整链接卡片');
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
+        className: classNames(baseCls, hashId),
+        "data-be": "link-card",
+        draggable: false,
+        style: {
+            display: 'flex'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            height: '100%',
+            minWidth: '0',
+            fontSize: 60,
+            minHeight: '100px',
+            lineHeight: '100px'
+        }
+    }, children.at(0)), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            flex: 1
+        },
+        onClick: function() {
+            if (typeof window === 'undefined') return;
+            window.open(element === null || element === void 0 ? void 0 : element.url);
+        },
+        className: classNames("".concat(baseCls, "-container"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-container-content"), hashId),
+        contentEditable: false
+    }, element.icon ? /*#__PURE__*/ React.createElement("img", {
+        className: classNames("".concat(baseCls, "-container-content-icon"), hashId),
+        src: element.icon,
+        width: 56
+    }) : null, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            flex: 1,
+            minWidth: 0
+        }
+    }, /*#__PURE__*/ React.createElement("a", {
+        href: element === null || element === void 0 ? void 0 : element.url,
+        className: classNames("".concat(baseCls, "-container-content-title"), hashId),
+        onClick: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+            if (typeof window === 'undefined') return;
+            window.open(element === null || element === void 0 ? void 0 : element.url);
+        },
+        download: element.title || element.name || 'no title'
+    }, element.title || element.name || 'no title'), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-container-content-description"), hashId)
+    }, element.description ? element.description : element === null || element === void 0 ? void 0 : element.url), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-container-content-collaborators"), hashId)
+    }, ((_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.collaborators) ? /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(AvatarList, {
+        displayList: ((_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : (_element_otherProps_collaborators = _element_otherProps1.collaborators) === null || _element_otherProps_collaborators === void 0 ? void 0 : _element_otherProps_collaborators.map(function(item) {
+            var _Object_keys, _Object_values;
+            return {
+                name: (_Object_keys = Object.keys(item)) === null || _Object_keys === void 0 ? void 0 : _Object_keys.at(0),
+                collaboratorNumber: ((_Object_values = Object.values(item)) === null || _Object_values === void 0 ? void 0 : _Object_values.at(0)) || 0
+            };
+        }).slice(0, 5)) || []
+    })) : /*#__PURE__*/ React.createElement("div", null), ((_element_otherProps2 = element.otherProps) === null || _element_otherProps2 === void 0 ? void 0 : _element_otherProps2.updateTime) ? /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-container-content-updateTime"), hashId),
+        style: {
+            color: 'rgba(0,0,0,0.45)',
+            fontSize: 12
+        }
+    }, element.otherProps.updateTime) : null)))), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'flex',
+            height: '100%',
+            minWidth: '4px',
+            minHeight: '100px',
+            fontSize: 60,
+            lineHeight: '100px'
+        }
+    }, children.at(-1)))));
+});
+ReadonlyLinkCard.displayName = 'ReadonlyLinkCard';

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

@@ -75,10 +75,17 @@ 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;
+    // 支持新的列表类型和向后兼容
+    // 新格式：numbered-list 或 bulleted-list
+    // 旧格式：list 类型，通过 order 属性判断
+    var isOrdered = element.type === 'numbered-list' || element.type === 'list' && element.order === true;
+    // 获取 task 属性（支持旧格式和新格式）
+    var task = element.task;
     debugInfo('List - 渲染列表', {
-        order: element.order,
-        task: element.task,
-        start: element.start,
+        type: element.type,
+        isOrdered: isOrdered,
+        task: task,
+        start: isOrdered ? element.start : undefined,
         childrenCount: (_element_children = element.children) === null || _element_children === void 0 ? void 0 : _element_children.length
     });
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
@@ -86,12 +93,16 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
     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';
+        // 支持新的列表类型和向后兼容
+        var isOrdered = element.type === 'numbered-list' || element.type === 'list' && element.order === true;
+        var task = element.task;
+        var start = isOrdered ? element.start : undefined;
+        var tag = isOrdered ? 'ol' : 'ul';
         debugInfo('List - useMemo 渲染', {
             tag: tag,
-            order: element.order,
-            start: element.start,
-            task: element.task
+            type: element.type,
+            start: start,
+            task: task
         });
         return wrapSSR(/*#__PURE__*/ React.createElement(ListContext.Provider, {
             value: {
@@ -105,13 +116,17 @@ export var ListContext = /*#__PURE__*/ React.createContext(null);
                 debugInfo('List - 拖拽开始');
                 store.dragStart(e, markdownContainerRef.current);
             }
-        }), /*#__PURE__*/ createElement(tag, _define_property({
-            className: classNames(baseCls, hashId, element.order ? 'ol' : 'ul'),
-            start: element.start
-        }, 'data-task', element.task ? 'true' : undefined), children))));
+        }), /*#__PURE__*/ createElement(tag, _object_spread({
+            className: classNames(baseCls, hashId, isOrdered ? 'ol' : 'ul')
+        }, start !== undefined && {
+            start: start
+        }, task && {
+            'data-task': 'true'
+        }), children))));
     }, [
-        element.task,
+        element.type,
         element.order,
+        element.task,
         element.start,
         element.children,
         baseCls,

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

@@ -102,7 +102,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -110,13 +110,17 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -128,7 +132,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -214,8 +218,8 @@ var MentionsUser = function(props) {
         onChange: props.onSelect
     }), 2), selectedUsers = _useMountMergeState[0], setSelectedUsers = _useMountMergeState[1];
     var _useEditorStore = useEditorStore(), editorProps = _useEditorStore.editorProps, readonly = _useEditorStore.readonly;
-    var onSearch = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(text) {
+    var onSearch = function(text) {
+        return _async_to_generator(function() {
             var _editorProps_comment_loadMentions, _editorProps_comment, list;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -234,11 +238,8 @@ var MentionsUser = function(props) {
                         ];
                 }
             });
-        });
-        return function onSearch(text) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     useEffect(function() {
         onSearch('');
     }, [

package/dist/MarkdownEditor/editor/elements/List/ReadonlyList.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { ElementProps, ListNode } from '../../../el';
+/**
+ * ReadonlyList 组件 - 只读列表预览组件
+ *
+ * 专门针对 readonly 模式优化的列表组件，移除了拖拽功能等编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读列表预览组件，用于预览模式下的列表渲染
+ * @param {ElementProps<ListNode>} props - 组件属性
+ * @param {ListNode} props.element - 列表节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyList
+ *   element={listNode}
+ *   attributes={attributes}
+ * >
+ *   列表项内容
+ * </ReadonlyList>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读列表组件
+ *
+ * @remarks
+ * - 移除拖拽相关事件处理
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlyList: React.FC<ElementProps<ListNode>>;

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

@@ -0,0 +1,93 @@
+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;
+}
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { createElement, useContext } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { useStyle } from "./style";
+/**
+ * ReadonlyList 组件 - 只读列表预览组件
+ *
+ * 专门针对 readonly 模式优化的列表组件，移除了拖拽功能等编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读列表预览组件，用于预览模式下的列表渲染
+ * @param {ElementProps<ListNode>} props - 组件属性
+ * @param {ListNode} props.element - 列表节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyList
+ *   element={listNode}
+ *   attributes={attributes}
+ * >
+ *   列表项内容
+ * </ReadonlyList>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读列表组件
+ *
+ * @remarks
+ * - 移除拖拽相关事件处理
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyList = /*#__PURE__*/ React.memo(function(param) {
+    var element = param.element, attributes = param.attributes, children = param.children;
+    var _element_children;
+    var isOrdered = element.type === 'numbered-list';
+    var isBulleted = element.type === 'bulleted-list';
+    debugInfo('ReadonlyList - 渲染只读列表', {
+        type: element.type,
+        isOrdered: isOrdered,
+        task: isBulleted ? element.task : undefined,
+        start: isOrdered ? element.start : undefined,
+        childrenCount: (_element_children = element.children) === null || _element_children === void 0 ? void 0 : _element_children.length
+    });
+    var context = useContext(ConfigProvider.ConfigContext);
+    var baseCls = context.getPrefixCls('agentic-md-editor-list');
+    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var tag = isOrdered ? 'ol' : 'ul';
+    debugInfo('ReadonlyList - 渲染', {
+        tag: tag,
+        type: element.type,
+        start: isOrdered ? element.start : undefined,
+        task: isBulleted ? element.task : undefined
+    });
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", _object_spread({
+        className: classNames("".concat(baseCls, "-container"), hashId, 'relative'),
+        "data-be": 'list'
+    }, attributes), /*#__PURE__*/ createElement(tag, _define_property({
+        className: classNames(baseCls, hashId, isOrdered ? 'ol' : 'ul'),
+        start: isOrdered ? element.start : undefined
+    }, 'data-task', isBulleted && element.task ? 'true' : undefined), children)));
+});
+ReadonlyList.displayName = 'ReadonlyList';

package/dist/MarkdownEditor/editor/elements/List/ReadonlyListItem.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ElementProps, ListItemNode } from '../../../el';
+/**
+ * ReadonlyListItem 组件 - 只读列表项预览组件
+ *
+ * 专门针对 readonly 模式优化的列表项组件，移除了编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读列表项预览组件，用于预览模式下的列表项渲染
+ * @param {ElementProps<ListItemNode>} props - 组件属性
+ * @param {ListItemNode} props.element - 列表项节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyListItem
+ *   element={listItemNode}
+ *   attributes={attributes}
+ * >
+ *   列表项内容
+ * </ReadonlyListItem>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读列表项组件
+ *
+ * @remarks
+ * - 移除拖拽相关事件处理
+ * - 任务列表的复选框在预览模式下只读
+ * - 移除提及用户编辑功能
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlyListItem: React.FC<ElementProps<ListItemNode>>;

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

@@ -0,0 +1,138 @@
+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;
+}
+import { Checkbox, ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext, useMemo } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { ListContext } from "./List";
+/**
+ * ReadonlyListItem 组件 - 只读列表项预览组件
+ *
+ * 专门针对 readonly 模式优化的列表项组件，移除了编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读列表项预览组件，用于预览模式下的列表项渲染
+ * @param {ElementProps<ListItemNode>} props - 组件属性
+ * @param {ListItemNode} props.element - 列表项节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyListItem
+ *   element={listItemNode}
+ *   attributes={attributes}
+ * >
+ *   列表项内容
+ * </ReadonlyListItem>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读列表项组件
+ *
+ * @remarks
+ * - 移除拖拽相关事件处理
+ * - 任务列表的复选框在预览模式下只读
+ * - 移除提及用户编辑功能
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyListItem = /*#__PURE__*/ React.memo(function(param) {
+    var element = param.element, children = param.children, attributes = param.attributes;
+    var _element_mentions, _element_children;
+    debugInfo('ReadonlyListItem - 渲染只读列表项', {
+        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 isTask = typeof element.checked === 'boolean';
+    var context = useContext(ConfigProvider.ConfigContext);
+    var _ref = useContext(ListContext) || {}, _ref_hashId = _ref.hashId, hashId = _ref_hashId === void 0 ? '' : _ref_hashId;
+    var baseCls = context.getPrefixCls('agentic-md-editor-list');
+    // 任务列表的复选框（只读模式）
+    var checkbox = useMemo(function() {
+        if (!isTask) return null;
+        return /*#__PURE__*/ React.createElement("span", {
+            contentEditable: false,
+            "data-check-item": true,
+            className: classNames("".concat(baseCls, "-check-item"), hashId)
+        }, /*#__PURE__*/ React.createElement(Checkbox, {
+            checked: element.checked,
+            disabled: true
+        }));
+    }, [
+        element.checked,
+        isTask,
+        baseCls,
+        hashId
+    ]);
+    // 提及用户显示（只读模式，只显示不编辑）
+    var mentionsUser = useMemo(function() {
+        var _element_mentions;
+        if (!isTask || !((_element_mentions = element.mentions) === null || _element_mentions === void 0 ? void 0 : _element_mentions.length)) return null;
+        return /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'inline-block',
+                marginLeft: 8
+            }
+        }, element.mentions.map(function(u) {
+            var _u_avatar;
+            return /*#__PURE__*/ React.createElement("div", {
+                key: u.name || u.id,
+                style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    backgroundColor: '#f5f5f5',
+                    padding: '0 4px',
+                    borderRadius: 4,
+                    fontSize: '1em',
+                    lineHeight: '24px',
+                    color: '#1677ff',
+                    marginRight: 4
+                }
+            }, "@", ((_u_avatar = u.avatar) === null || _u_avatar === void 0 ? void 0 : _u_avatar.startsWith('http')) ? /*#__PURE__*/ React.createElement("img", {
+                width: 16,
+                height: 16,
+                src: u.avatar,
+                alt: u.name,
+                style: {
+                    marginLeft: 4
+                }
+            }) : null, /*#__PURE__*/ React.createElement("span", null, u.name));
+        }));
+    }, [
+        element.mentions,
+        isTask
+    ]);
+    return /*#__PURE__*/ React.createElement("li", _object_spread({
+        className: classNames("".concat(baseCls, "-item"), hashId, _define_property({}, "".concat(baseCls, "-task"), isTask)),
+        "data-be": 'list-item'
+    }, attributes), checkbox, mentionsUser, children);
+});
+ReadonlyListItem.displayName = 'ReadonlyListItem';