generated from dellevin/template
424 lines
15 KiB
Dart
424 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../providers/app_provider.dart';
|
|
import '../models/data_models.dart';
|
|
import '../utils/toast_util.dart';
|
|
|
|
/// 回收站页面
|
|
class RecycleBinPage extends StatefulWidget {
|
|
const RecycleBinPage({super.key});
|
|
|
|
@override
|
|
State<RecycleBinPage> createState() => _RecycleBinPageState();
|
|
}
|
|
|
|
enum _ItemType { movie, book, note }
|
|
|
|
class _DeletedItem {
|
|
final _ItemType type;
|
|
final String id;
|
|
final String title;
|
|
final String subtitle;
|
|
final IconData icon;
|
|
final String typeLabel;
|
|
|
|
_DeletedItem.movie(Movie m)
|
|
: type = _ItemType.movie,
|
|
id = m.id,
|
|
title = m.title,
|
|
subtitle = '删除于 ${m.updatedAt.year}.${m.updatedAt.month.toString().padLeft(2, '0')}.${m.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.movie_outlined,
|
|
typeLabel = '影视';
|
|
|
|
_DeletedItem.book(Book b)
|
|
: type = _ItemType.book,
|
|
id = b.id,
|
|
title = b.title,
|
|
subtitle = '删除于 ${b.updatedAt.year}.${b.updatedAt.month.toString().padLeft(2, '0')}.${b.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.menu_book_outlined,
|
|
typeLabel = '书籍';
|
|
|
|
_DeletedItem.note(Note n)
|
|
: type = _ItemType.note,
|
|
id = n.id,
|
|
title = n.title.isNotEmpty ? n.title : n.summary,
|
|
subtitle = '删除于 ${n.updatedAt.year}.${n.updatedAt.month.toString().padLeft(2, '0')}.${n.updatedAt.day.toString().padLeft(2, '0')}',
|
|
icon = Icons.description_outlined,
|
|
typeLabel = '笔记';
|
|
}
|
|
|
|
class _RecycleBinPageState extends State<RecycleBinPage> {
|
|
List<_DeletedItem> _allItems = [];
|
|
_ItemType? _filterType; // null = 全部
|
|
bool _isLoading = true;
|
|
|
|
List<_DeletedItem> get _filteredItems =>
|
|
_filterType == null ? _allItems : _allItems.where((i) => i.type == _filterType).toList();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadDeletedItems();
|
|
}
|
|
|
|
Future<void> _loadDeletedItems() async {
|
|
setState(() => _isLoading = true);
|
|
final provider = context.read<AppProvider>();
|
|
final movies = await provider.getDeletedMovies();
|
|
final books = await provider.getDeletedBooks();
|
|
final notes = await provider.getDeletedNotes();
|
|
if (!mounted) return;
|
|
setState(() {
|
|
_allItems = [
|
|
for (final m in movies) _DeletedItem.movie(m),
|
|
for (final b in books) _DeletedItem.book(b),
|
|
for (final n in notes) _DeletedItem.note(n),
|
|
];
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: AppBar(
|
|
title: const Text('回收站'),
|
|
actions: [
|
|
if (_allItems.isNotEmpty)
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 12),
|
|
child: TextButton(
|
|
onPressed: _showClearAllDialog,
|
|
style: TextButton.styleFrom(
|
|
backgroundColor: Colors.white,
|
|
foregroundColor: Colors.red,
|
|
padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
side: const BorderSide(color: Color(0xFFFFDDDD), width: 0.5),
|
|
),
|
|
minimumSize: Size.zero,
|
|
),
|
|
child: const Text('清空', style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
body: _isLoading
|
|
? const Center(child: CircularProgressIndicator(strokeWidth: 2, color: Color(0xFF1A1A1A)))
|
|
: Column(
|
|
children: [
|
|
// 筛选标签行
|
|
if (_allItems.isNotEmpty) _buildFilterRow(),
|
|
// 列表
|
|
Expanded(
|
|
child: _filteredItems.isEmpty
|
|
? _buildEmptyState()
|
|
: RefreshIndicator(
|
|
onRefresh: _loadDeletedItems,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
itemCount: _filteredItems.length,
|
|
itemBuilder: (_, i) => _buildCard(_filteredItems[i]),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFilterRow() {
|
|
return Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: const BoxDecoration(
|
|
border: Border(bottom: BorderSide(color: Color(0xFFEEEEEE), width: 0.5)),
|
|
),
|
|
child: Wrap(
|
|
spacing: 8,
|
|
children: [
|
|
_filterChip('全部', null),
|
|
_filterChip('影视', _ItemType.movie),
|
|
_filterChip('书籍', _ItemType.book),
|
|
_filterChip('笔记', _ItemType.note),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _filterChip(String label, _ItemType? type) {
|
|
final active = _filterType == type;
|
|
final count = type == null ? _allItems.length : _allItems.where((i) => i.type == type).length;
|
|
return GestureDetector(
|
|
onTap: () => setState(() => _filterType = type),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
|
|
decoration: BoxDecoration(
|
|
color: active ? const Color(0xFF1A1A1A) : const Color(0xFFF5F5F5),
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Text(
|
|
'$label · $count',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w500,
|
|
color: active ? Colors.white : const Color(0xFF888888),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCard(_DeletedItem item) {
|
|
return Dismissible(
|
|
key: Key('${item.type.name}_${item.id}'),
|
|
direction: DismissDirection.endToStart,
|
|
background: _buildDismissBackground(),
|
|
confirmDismiss: (_) async => _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。'),
|
|
onDismissed: (_) => _permanentDelete(item),
|
|
child: Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFFAFAFA),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 40,
|
|
height: 40,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
|
|
),
|
|
child: Icon(item.icon, size: 20, color: const Color(0xFF888888)),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
item.title,
|
|
style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500, color: Color(0xFF1A1A1A), height: 1.3),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 1),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(3),
|
|
border: Border.all(color: const Color(0xFFE8E8E8), width: 0.5),
|
|
),
|
|
child: Text(
|
|
item.typeLabel,
|
|
style: const TextStyle(fontSize: 9, fontWeight: FontWeight.w600, color: Color(0xFF999999)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 3),
|
|
Text(
|
|
item.subtitle,
|
|
style: const TextStyle(fontSize: 11, color: Color(0xFFAAAAAA)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
_actionBtn(Icons.restore, '恢复', const Color(0xFF1A1A1A), () => _restore(item)),
|
|
const SizedBox(width: 6),
|
|
_actionBtn(Icons.delete_outline, '删除', Colors.red, () => _permanentDelete(item)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDismissBackground() {
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Colors.red,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
alignment: Alignment.centerRight,
|
|
padding: const EdgeInsets.only(right: 24),
|
|
child: const Icon(Icons.delete_forever, color: Colors.white, size: 22),
|
|
);
|
|
}
|
|
|
|
Widget _actionBtn(IconData icon, String tooltip, Color color, VoidCallback onTap) {
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: onTap,
|
|
borderRadius: BorderRadius.circular(6),
|
|
child: Tooltip(
|
|
message: tooltip,
|
|
child: Container(
|
|
width: 32,
|
|
height: 32,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(6),
|
|
border: Border.all(color: const Color(0xFFEEEEEE), width: 0.5),
|
|
),
|
|
child: Icon(icon, size: 16, color: color),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEmptyState() {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 72,
|
|
height: 72,
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFF8F8F8),
|
|
borderRadius: BorderRadius.circular(18),
|
|
),
|
|
child: const Icon(Icons.delete_outline, size: 32, color: Color(0xFFD5D5D5)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
_filterType == null ? '回收站是空的' : '没有删除的项目',
|
|
style: const TextStyle(fontSize: 14, color: Color(0xFFAAAAAA)),
|
|
),
|
|
const SizedBox(height: 4),
|
|
const Text('删除的项目会显示在这里', style: TextStyle(fontSize: 12, color: Color(0xFFCCCCCC))),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _restore(_DeletedItem item) async {
|
|
final provider = context.read<AppProvider>();
|
|
switch (item.type) {
|
|
case _ItemType.movie:
|
|
await provider.restoreMovie(item.id);
|
|
if (mounted) ToastUtil.show(context, '影视已恢复');
|
|
case _ItemType.book:
|
|
await provider.restoreBook(item.id);
|
|
if (mounted) ToastUtil.show(context, '书籍已恢复');
|
|
case _ItemType.note:
|
|
await provider.restoreNote(item.id);
|
|
if (mounted) ToastUtil.show(context, '笔记已恢复');
|
|
}
|
|
_loadDeletedItems();
|
|
}
|
|
|
|
Future<void> _permanentDelete(_DeletedItem item) async {
|
|
final confirmed = await _showConfirmDialog('确定要彻底删除吗？此操作不可恢复。');
|
|
if (!confirmed) return;
|
|
final provider = context.read<AppProvider>();
|
|
switch (item.type) {
|
|
case _ItemType.movie:
|
|
await provider.permanentDeleteMovie(item.id);
|
|
case _ItemType.book:
|
|
await provider.permanentDeleteBook(item.id);
|
|
case _ItemType.note:
|
|
await provider.permanentDeleteNote(item.id);
|
|
}
|
|
_loadDeletedItems();
|
|
if (mounted) ToastUtil.show(context, '已彻底删除');
|
|
}
|
|
|
|
Future<bool> _showConfirmDialog(String message) async {
|
|
final result = await showDialog<bool>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: Colors.white,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: const Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
|
|
content: Text(message, style: const TextStyle(fontSize: 14, color: Color(0xFF666666), height: 1.5)),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|
style: TextButton.styleFrom(foregroundColor: const Color(0xFF666666)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
child: const Text('删除'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
return result ?? false;
|
|
}
|
|
|
|
void _showClearAllDialog() {
|
|
final pageContext = context;
|
|
showDialog(
|
|
context: pageContext,
|
|
builder: (ctx) => AlertDialog(
|
|
backgroundColor: Colors.white,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
title: const Row(
|
|
children: [
|
|
Icon(Icons.warning_amber_rounded, color: Colors.red, size: 22),
|
|
SizedBox(width: 8),
|
|
Text('清空回收站', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
|
|
],
|
|
),
|
|
content: const Text(
|
|
'确定要清空回收站吗？所有项目将被彻底删除，此操作不可恢复。',
|
|
style: TextStyle(fontSize: 14, color: Color(0xFF666666), height: 1.5),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(ctx),
|
|
style: TextButton.styleFrom(foregroundColor: const Color(0xFF666666)),
|
|
child: const Text('取消'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
Navigator.pop(ctx);
|
|
await pageContext.read<AppProvider>().clearRecycleBin();
|
|
_loadDeletedItems();
|
|
if (mounted) ToastUtil.show(pageContext, '回收站已清空');
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
elevation: 0,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
|
),
|
|
child: const Text('清空'),
|
|
),
|
|
],
|
|
actionsPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
),
|
|
);
|
|
}
|
|
}
|