import React from 'react'; import { CommentDataType, MarkdownEditorProps } from '../../../BaseMarkdownEditor'; /** * CommentList 组件 - 评论列表组件 * * 该组件用于显示文档中的评论列表,支持评论的查看、编辑、删除和跳转功能。 * 使用 Framer Motion 提供流畅的动画效果,集成 Ant Design 组件。 * * @component * @description 评论列表组件,显示文档评论并提供交互功能 * @param {Object} props - 组件属性 * @param {CommentDataType[]} props.commentList - 评论数据列表 * @param {MarkdownEditorProps['comment']} props.comment - 评论配置对象 * @param {React.CSSProperties} [props.style] - 自定义样式 * @param {string} [props.className] - 自定义CSS类名 * * @example * ```tsx * console.log('点击评论', id), * onEdit: (id, comment) => console.log('编辑评论', id), * onDelete: (id, comment) => console.log('删除评论', id) * }} * /> * ``` * * @returns {React.ReactElement} 渲染的评论列表组件 * * @remarks * - 支持评论的查看、编辑、删除操作 * - 提供评论位置跳转功能 * - 使用 Framer Motion 实现动画效果 * - 集成 Ant Design 组件(Avatar、Tooltip、Popconfirm) * - 支持用户头像和名称显示 * - 显示评论时间戳 * - 响应式布局设计 * - 支持自定义样式和类名 */ export declare const CommentList: React.FC<{ commentList: CommentDataType[]; comment: MarkdownEditorProps['comment']; style?: React.CSSProperties; className?: string; pure?: boolean; }>;