@ant-design/agentic-ui 2.29.7 → 2.29.8

package/dist/MarkdownEditor/editor/elements/Katex/ReadonlyKatex.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+/**
+ * ReadonlyKatex 组件 - 只读数学公式块预览组件
+ *
+ * 专门针对 readonly 模式优化的数学公式块组件。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读数学公式块预览组件，用于预览模式下的数学公式块渲染
+ * @param {RenderElementProps} props - 组件属性
+ * @param {any} props.element - 数学公式块节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyKatex
+ *   element={katexNode}
+ *   attributes={attributes}
+ * >
+ *   公式内容
+ * </ReadonlyKatex>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读数学公式块组件
+ *
+ * @remarks
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlyKatex: React.FC<RenderElementProps>;

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

@@ -0,0 +1,110 @@
+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 React from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+/**
+ * ReadonlyKatex 组件 - 只读数学公式块预览组件
+ *
+ * 专门针对 readonly 模式优化的数学公式块组件。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读数学公式块预览组件，用于预览模式下的数学公式块渲染
+ * @param {RenderElementProps} props - 组件属性
+ * @param {any} props.element - 数学公式块节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyKatex
+ *   element={katexNode}
+ *   attributes={attributes}
+ * >
+ *   公式内容
+ * </ReadonlyKatex>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读数学公式块组件
+ *
+ * @remarks
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyKatex = /*#__PURE__*/ React.memo(function(param) {
+    var attributes = param.attributes, children = param.children, element = param.element;
+    var _element_value;
+    debugInfo('ReadonlyKatex - 渲染只读数学公式块', {
+        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)',
+            color: 'rgb(27, 27, 27)',
+            padding: '1em',
+            borderRadius: '0.5em',
+            margin: '1em 0',
+            fontSize: '0.8em',
+            fontFamily: 'monospace',
+            lineHeight: '1.5',
+            overflowX: 'auto',
+            whiteSpace: 'pre-wrap',
+            wordBreak: 'break-all',
+            wordWrap: 'break-word'
+        }
+    }), /*#__PURE__*/ React.createElement("code", null, element.value), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            display: 'none'
+        }
+    }, children));
+});
+ReadonlyKatex.displayName = 'ReadonlyKatex';

package/dist/MarkdownEditor/editor/elements/LinkCard/ReadonlyLinkCard.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { ElementProps, LinkCardNode } from '../../../el';
+/**
+ * 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 declare const ReadonlyLinkCard: React.FC<ElementProps<LinkCardNode<{
+    url: string;
+    collaborators: {
+        [key: string]: number;
+    }[];
+    updateTime: string;
+}>>>;

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/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>>;