import React from 'react'; import { AttachmentFile } from '../AttachmentButton/types'; /** * FileMapViewItem 组件 - 文件映射视图项组件 * * 该组件用于显示单个文件项,包括文件图标、文件名、文件大小等信息。 * 支持文件预览和下载操作,提供动画效果和工具提示。 * * @component * @description 文件映射视图项组件,显示单个文件信息 * @param {Object} props - 组件属性 * @param {AttachmentFile} props.file - 文件对象 * @param {() => void} props.onPreview - 预览文件回调 * @param {() => void} props.onDownload - 下载文件回调 * @param {string} [props.className] - 自定义CSS类名 * @param {string} [props.prefixCls] - 前缀类名 * @param {string} [props.hashId] - 哈希ID * * @example * ```tsx * handlePreview(fileData)} * onDownload={() => handleDownload(fileData)} * className="custom-file-item" * /> * ``` * * @returns {React.ReactElement} 渲染的文件映射视图项组件 * * @remarks * - 显示文件图标、名称和大小 * - 支持文件预览和下载操作 * - 提供动画效果 * - 显示工具提示 * - 自动处理文件状态 * - 支持自定义样式 */ export declare const FileMapViewItem: React.FC<{ file: AttachmentFile; onPreview?: () => void; onDownload?: () => void; renderMoreAction?: (file: AttachmentFile) => React.ReactNode; customSlot?: React.ReactNode | ((file: AttachmentFile) => React.ReactNode); className?: string; prefixCls?: string; hashId?: string; style?: React.CSSProperties; }>;