+ {files.map((file) => {
+ const isSelected = selectedFiles.some(f => f.path === file.path);
+
+ return (
+
handleFileClick(file, e)}
+ onContextMenu={(e) => {
+ e.preventDefault();
+ e.stopPropagation();
+ onContextMenu?.(e, file);
+ }}
+ >
+ {/* 文件图标 */}
+
+ {getFileIcon(file.name, file.type === 'directory', viewMode)}
+
+
+ {/* 文件信息 */}
+
+
+ {file.name}
+
+ {file.modified && (
+
+ {file.modified}
+
+ )}
+
+
+ {/* 文件大小 */}
+
+ {file.type === 'file' && file.size && (
+
+ {formatFileSize(file.size)}
+
+ )}
+
+
+ {/* 权限信息 */}
+
+ {file.permissions && (
+
+ {file.permissions}
+
+ )}
+
+