二次开发源码提交
This commit is contained in:
@@ -0,0 +1,521 @@
|
||||
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')}';
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user