522 lines
18 KiB
Dart
522 lines
18 KiB
Dart
import 'package:cloudreve4_flutter/data/models/upload_task_model.dart';
|
||
import 'package:cloudreve4_flutter/presentation/providers/file_manager_provider.dart';
|
||
import 'package:cloudreve4_flutter/presentation/providers/navigation_provider.dart';
|
||
import 'package:cloudreve4_flutter/presentation/providers/upload_manager_provider.dart';
|
||
import 'package:cloudreve4_flutter/presentation/widgets/upload_progress_item.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:lucide_icons/lucide_icons.dart';
|
||
import 'package:provider/provider.dart';
|
||
|
||
class UploadTasksTab extends StatelessWidget {
|
||
const UploadTasksTab({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final theme = Theme.of(context);
|
||
|
||
return Consumer<UploadManagerProvider>(
|
||
builder: (context, uploadManager, _) {
|
||
final allTasks = uploadManager.allTasks;
|
||
final activeTasks = allTasks.where((t) =>
|
||
t.status == UploadStatus.uploading || t.status == UploadStatus.waiting || t.status == UploadStatus.paused).toList();
|
||
final completedTasks = allTasks.where((t) => t.status == UploadStatus.completed).toList();
|
||
final failedTasks = allTasks.where((t) =>
|
||
t.status == UploadStatus.failed || t.status == UploadStatus.cancelled).toList();
|
||
|
||
if (allTasks.isEmpty) {
|
||
return Center(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(LucideIcons.upload, size: 48, color: theme.hintColor.withValues(alpha: 0.4)),
|
||
const SizedBox(height: 16),
|
||
Text('暂无上传任务', style: TextStyle(color: theme.hintColor)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
return LayoutBuilder(
|
||
builder: (context, constraints) {
|
||
final isDesktop = constraints.maxWidth >= 800;
|
||
|
||
if (isDesktop) {
|
||
return _buildDesktopLayout(
|
||
context,
|
||
uploadManager,
|
||
allTasks: allTasks,
|
||
activeTasks: activeTasks,
|
||
failedTasks: failedTasks,
|
||
completedTasks: completedTasks,
|
||
);
|
||
}
|
||
|
||
return _buildMobileLayout(
|
||
context,
|
||
uploadManager,
|
||
activeTasks: activeTasks,
|
||
failedTasks: failedTasks,
|
||
completedTasks: completedTasks,
|
||
);
|
||
},
|
||
);
|
||
},
|
||
);
|
||
}
|
||
|
||
Widget _buildMobileLayout(
|
||
BuildContext context,
|
||
UploadManagerProvider uploadManager, {
|
||
required List<UploadTaskModel> activeTasks,
|
||
required List<UploadTaskModel> failedTasks,
|
||
required List<UploadTaskModel> completedTasks,
|
||
}) {
|
||
return ListView(
|
||
padding: const EdgeInsets.only(top: 8, bottom: 80),
|
||
children: [
|
||
if (activeTasks.isNotEmpty) ...[
|
||
_buildSectionHeader(context, '进行中', activeTasks.length),
|
||
...activeTasks.map((task) => UploadProgressItem(
|
||
task: task,
|
||
onPause: () => uploadManager.cancelUpload(task.id),
|
||
onResume: () => uploadManager.retryUpload(task.id),
|
||
onCancel: () => uploadManager.cancelUpload(task.id),
|
||
)),
|
||
],
|
||
if (failedTasks.isNotEmpty) ...[
|
||
_buildSectionHeader(context, '失败', failedTasks.length,
|
||
actionLabel: '清除失败',
|
||
onAction: () => _confirmClear(context, '失败', failedTasks.length, () => uploadManager.clearFailedTasks())),
|
||
...failedTasks.map((task) => UploadProgressItem(
|
||
task: task,
|
||
onRetry: () => uploadManager.retryUpload(task.id),
|
||
onDelete: () => _confirmDeleteUploadTask(context, task, uploadManager),
|
||
)),
|
||
],
|
||
if (completedTasks.isNotEmpty) ...[
|
||
_buildSectionHeader(context, '已完成', completedTasks.length,
|
||
actionLabel: '清除已完成',
|
||
onAction: () => _confirmClear(context, '已完成', completedTasks.length, () => uploadManager.clearCompletedTasks())),
|
||
...completedTasks.map((task) => UploadProgressItem(
|
||
task: task,
|
||
onNavigate: () => _navigateToUploadedFile(context, task),
|
||
onDelete: () => _confirmDeleteUploadTask(context, task, uploadManager),
|
||
)),
|
||
],
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildDesktopLayout(
|
||
BuildContext context,
|
||
UploadManagerProvider uploadManager, {
|
||
required List<UploadTaskModel> allTasks,
|
||
required List<UploadTaskModel> activeTasks,
|
||
required List<UploadTaskModel> failedTasks,
|
||
required List<UploadTaskModel> completedTasks,
|
||
}) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
|
||
final sortedTasks = [
|
||
...activeTasks.reversed,
|
||
...failedTasks.reversed,
|
||
...completedTasks.reversed,
|
||
];
|
||
|
||
return SingleChildScrollView(
|
||
padding: const EdgeInsets.all(16),
|
||
child: Column(
|
||
children: [
|
||
if (failedTasks.isNotEmpty)
|
||
Align(
|
||
alignment: Alignment.centerRight,
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(bottom: 8),
|
||
child: TextButton.icon(
|
||
icon: const Icon(LucideIcons.trash2, size: 14),
|
||
label: const Text('清除失败', style: TextStyle(fontSize: 12)),
|
||
onPressed: () => _confirmClear(context, '失败', failedTasks.length, () => uploadManager.clearFailedTasks()),
|
||
style: TextButton.styleFrom(
|
||
foregroundColor: colorScheme.error,
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||
minimumSize: Size.zero,
|
||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
if (completedTasks.isNotEmpty && failedTasks.isEmpty)
|
||
Align(
|
||
alignment: Alignment.centerRight,
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(bottom: 8),
|
||
child: TextButton.icon(
|
||
icon: const Icon(LucideIcons.trash2, size: 14),
|
||
label: const Text('清除已完成', style: TextStyle(fontSize: 12)),
|
||
onPressed: () => _confirmClear(context, '已完成', completedTasks.length, () => uploadManager.clearCompletedTasks()),
|
||
style: TextButton.styleFrom(
|
||
foregroundColor: colorScheme.error,
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||
minimumSize: Size.zero,
|
||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
SizedBox(
|
||
width: double.infinity,
|
||
child: Card(
|
||
margin: EdgeInsets.zero,
|
||
clipBehavior: Clip.antiAlias,
|
||
child: DataTable(
|
||
headingRowColor: WidgetStateProperty.all(colorScheme.surfaceContainerHighest),
|
||
columnSpacing: 24,
|
||
columns: const [
|
||
DataColumn(label: Text('名称')),
|
||
DataColumn(label: Text('状态')),
|
||
DataColumn(label: Text('进度')),
|
||
DataColumn(label: Text('大小')),
|
||
DataColumn(label: Text('速度/完成时间')),
|
||
DataColumn(label: Text('操作')),
|
||
],
|
||
rows: sortedTasks.map((task) => _buildUploadDataRow(context, task, uploadManager)).toList(),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
DataRow _buildUploadDataRow(
|
||
BuildContext context,
|
||
UploadTaskModel task,
|
||
UploadManagerProvider uploadManager,
|
||
) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
final errorColor = colorScheme.error;
|
||
final statusColor = _getStatusColor(task.status);
|
||
final statusIcon = _getStatusIcon(task.status);
|
||
final isActive = task.status == UploadStatus.uploading ||
|
||
task.status == UploadStatus.waiting ||
|
||
task.status == UploadStatus.paused;
|
||
|
||
return DataRow(
|
||
cells: [
|
||
// 名称 (with status icon)
|
||
DataCell(
|
||
Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Container(
|
||
width: 36,
|
||
height: 36,
|
||
decoration: BoxDecoration(
|
||
color: statusColor.withValues(alpha: 0.1),
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Icon(statusIcon, size: 18, color: statusColor),
|
||
),
|
||
const SizedBox(width: 10),
|
||
Flexible(
|
||
child: Text(
|
||
task.fileName,
|
||
maxLines: 1,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
// 状态
|
||
DataCell(
|
||
Text(
|
||
task.statusText,
|
||
style: TextStyle(color: statusColor, fontSize: 13),
|
||
),
|
||
),
|
||
// 进度
|
||
DataCell(
|
||
isActive
|
||
? Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
SizedBox(
|
||
width: 80,
|
||
child: LinearProgressIndicator(
|
||
value: task.status == UploadStatus.paused ? null : task.progress,
|
||
backgroundColor: colorScheme.surfaceContainerHighest,
|
||
valueColor: AlwaysStoppedAnimation<Color>(colorScheme.primary),
|
||
),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Text(
|
||
task.status == UploadStatus.paused ? '已暂停' : task.progressText,
|
||
style: const TextStyle(fontSize: 12),
|
||
),
|
||
],
|
||
)
|
||
: Text(
|
||
task.status == UploadStatus.completed ? '100%' : '-',
|
||
style: const TextStyle(fontSize: 12),
|
||
),
|
||
),
|
||
// 大小
|
||
DataCell(Text(task.readableFileSize, style: const TextStyle(fontSize: 13))),
|
||
// 速度/完成时间
|
||
DataCell(
|
||
Text(
|
||
task.status == UploadStatus.completed
|
||
? (task.completedAt != null ? _formatDateTime(task.completedAt!) : '-')
|
||
: (task.speedText.isNotEmpty ? task.speedText : '-'),
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: task.status == UploadStatus.completed
|
||
? null
|
||
: (task.speedText.isNotEmpty ? colorScheme.primary : null),
|
||
),
|
||
),
|
||
),
|
||
// 操作
|
||
DataCell(
|
||
Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: _buildDesktopActionButtons(context, task, uploadManager, errorColor),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
List<Widget> _buildDesktopActionButtons(
|
||
BuildContext context,
|
||
UploadTaskModel task,
|
||
UploadManagerProvider uploadManager,
|
||
Color errorColor,
|
||
) {
|
||
switch (task.status) {
|
||
case UploadStatus.waiting:
|
||
case UploadStatus.uploading:
|
||
return [
|
||
IconButton(
|
||
icon: const Icon(Icons.pause, size: 18),
|
||
onPressed: () => uploadManager.cancelUpload(task.id),
|
||
tooltip: '暂停',
|
||
),
|
||
];
|
||
case UploadStatus.paused:
|
||
return [
|
||
IconButton(
|
||
icon: const Icon(Icons.play_arrow, size: 18),
|
||
onPressed: () => uploadManager.retryUpload(task.id),
|
||
tooltip: '继续',
|
||
),
|
||
IconButton(
|
||
icon: Icon(Icons.cancel, size: 18, color: errorColor),
|
||
onPressed: () => uploadManager.cancelUpload(task.id),
|
||
tooltip: '取消',
|
||
),
|
||
];
|
||
case UploadStatus.failed:
|
||
return [
|
||
IconButton(
|
||
icon: const Icon(Icons.refresh, size: 18),
|
||
onPressed: () => uploadManager.retryUpload(task.id),
|
||
tooltip: '重试',
|
||
),
|
||
IconButton(
|
||
icon: Icon(Icons.delete, size: 18, color: errorColor),
|
||
onPressed: () => _confirmDeleteUploadTask(context, task, uploadManager),
|
||
tooltip: '删除',
|
||
),
|
||
];
|
||
case UploadStatus.completed:
|
||
return [
|
||
IconButton(
|
||
icon: const Icon(LucideIcons.folderOpen, size: 18),
|
||
onPressed: () => _navigateToUploadedFile(context, task),
|
||
tooltip: '打开文件夹',
|
||
),
|
||
IconButton(
|
||
icon: Icon(Icons.delete_outline, size: 18, color: errorColor),
|
||
onPressed: () => _confirmDeleteUploadTask(context, task, uploadManager),
|
||
tooltip: '删除',
|
||
),
|
||
];
|
||
case UploadStatus.cancelled:
|
||
return [
|
||
IconButton(
|
||
icon: Icon(Icons.delete, size: 18, color: errorColor),
|
||
onPressed: () => _confirmDeleteUploadTask(context, task, uploadManager),
|
||
tooltip: '删除',
|
||
),
|
||
];
|
||
}
|
||
}
|
||
|
||
IconData _getStatusIcon(UploadStatus status) {
|
||
switch (status) {
|
||
case UploadStatus.waiting:
|
||
return LucideIcons.clock;
|
||
case UploadStatus.uploading:
|
||
return LucideIcons.upload;
|
||
case UploadStatus.completed:
|
||
return LucideIcons.checkCircle2;
|
||
case UploadStatus.paused:
|
||
return LucideIcons.pause;
|
||
case UploadStatus.failed:
|
||
case UploadStatus.cancelled:
|
||
return LucideIcons.xCircle;
|
||
}
|
||
}
|
||
|
||
Color _getStatusColor(UploadStatus status) {
|
||
switch (status) {
|
||
case UploadStatus.waiting:
|
||
return Colors.orange;
|
||
case UploadStatus.uploading:
|
||
return Colors.blue;
|
||
case UploadStatus.completed:
|
||
return Colors.green;
|
||
case UploadStatus.paused:
|
||
return Colors.orange;
|
||
case UploadStatus.failed:
|
||
case UploadStatus.cancelled:
|
||
return Colors.red;
|
||
}
|
||
}
|
||
|
||
Widget _buildSectionHeader(
|
||
BuildContext context,
|
||
String title,
|
||
int count, {
|
||
String? actionLabel,
|
||
VoidCallback? onAction,
|
||
}) {
|
||
final theme = Theme.of(context);
|
||
return Padding(
|
||
padding: const EdgeInsets.fromLTRB(16, 16, 8, 4),
|
||
child: Row(
|
||
children: [
|
||
Text(
|
||
'$title ($count)',
|
||
style: theme.textTheme.titleSmall?.copyWith(
|
||
color: theme.hintColor,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
const Spacer(),
|
||
if (actionLabel != null && onAction != null)
|
||
TextButton.icon(
|
||
icon: const Icon(LucideIcons.trash2, size: 14),
|
||
label: Text(actionLabel, style: const TextStyle(fontSize: 12)),
|
||
onPressed: onAction,
|
||
style: TextButton.styleFrom(
|
||
foregroundColor: theme.colorScheme.error,
|
||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
||
minimumSize: Size.zero,
|
||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Future<void> _confirmClear(BuildContext context, String label, int count, VoidCallback onConfirm) async {
|
||
final confirmed = await showDialog<bool>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: Text('清除$label'),
|
||
content: Text('确定要清除 $count 个$label的任务吗？'),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.of(ctx).pop(false),
|
||
child: const Text('取消'),
|
||
),
|
||
FilledButton(
|
||
onPressed: () => Navigator.of(ctx).pop(true),
|
||
style: FilledButton.styleFrom(backgroundColor: Theme.of(ctx).colorScheme.error),
|
||
child: const Text('清除'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
if (confirmed == true) onConfirm();
|
||
}
|
||
|
||
Future<void> _confirmDeleteUploadTask(
|
||
BuildContext context,
|
||
UploadTaskModel task,
|
||
UploadManagerProvider uploadManager,
|
||
) async {
|
||
final confirmed = await showDialog<bool>(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: const Text('删除上传任务'),
|
||
content: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Text('确定要删除该任务吗？'),
|
||
const SizedBox(height: 8),
|
||
Text(task.fileName, style: const TextStyle(fontWeight: FontWeight.w500)),
|
||
const SizedBox(height: 4),
|
||
Text('上传时间: ${_formatDateTime(task.createdAt)}', style: TextStyle(fontSize: 12, color: Theme.of(ctx).hintColor)),
|
||
Text('文件大小: ${task.readableFileSize}', style: TextStyle(fontSize: 12, color: Theme.of(ctx).hintColor)),
|
||
],
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.of(ctx).pop(false),
|
||
child: const Text('取消'),
|
||
),
|
||
FilledButton(
|
||
onPressed: () => Navigator.of(ctx).pop(true),
|
||
style: FilledButton.styleFrom(backgroundColor: Theme.of(ctx).colorScheme.error),
|
||
child: const Text('删除'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
if (confirmed == true) uploadManager.removeTask(task.id);
|
||
}
|
||
|
||
void _navigateToUploadedFile(BuildContext context, UploadTaskModel task) {
|
||
// targetPath 格式: cloudreve://my/folder
|
||
final targetPath = task.targetPath;
|
||
String relativePath;
|
||
if (targetPath.startsWith('cloudreve://my')) {
|
||
relativePath = targetPath.replaceFirst('cloudreve://my', '');
|
||
if (relativePath.isEmpty) relativePath = '/';
|
||
} else {
|
||
relativePath = targetPath;
|
||
}
|
||
|
||
// 构造文件完整路径用于高亮
|
||
final filePath = targetPath.endsWith('/')
|
||
? '$targetPath${task.fileName}'
|
||
: '$targetPath/${task.fileName}';
|
||
|
||
final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
|
||
final navProvider = Provider.of<NavigationProvider>(context, listen: false);
|
||
fileManager.navigateAndHighlight(relativePath, filePath);
|
||
navProvider.setIndex(1);
|
||
}
|
||
|
||
String _formatDateTime(DateTime dateTime) {
|
||
final now = DateTime.now();
|
||
final difference = now.difference(dateTime);
|
||
|
||
if (difference.inSeconds < 60) {
|
||
return '刚刚';
|
||
} else if (difference.inMinutes < 60) {
|
||
return '${difference.inMinutes}分钟前';
|
||
} else if (difference.inHours < 24) {
|
||
return '${difference.inHours}小时前';
|
||
} else {
|
||
return '${dateTime.month}/${dateTime.day} ${dateTime.hour}:${dateTime.minute.toString().padLeft(2, '0')}';
|
||
}
|
||
}
|
||
}
|