qzl/social-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(apps/todo): 新增 TodoEditScreen 编辑功能

Browse Source
This commit is contained in:
zl-q
2026-03-19 00:51:52 +08:00
parent 039e8b73d6
commit 82a7d594bd
3 changed files with 627 additions and 696 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/lib/features/todo/ui/screens/todo_detail_screen.dart
+39 -302
View File
@@ -2,15 +2,15 @@ import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:lucide_icons/lucide_icons.dart';
import '../../../../core/di/injection.dart';
import '../../../../core/router/app_routes.dart';
import '../../../../core/theme/design_tokens.dart';
import '../../../../shared/widgets/app_loading_indicator.dart';
import '../../../../shared/widgets/back_title_page_header.dart';
import '../../../../shared/widgets/detail_header_action_menu.dart';
import '../../../../shared/widgets/destructive_action_sheet.dart';
import '../../../../shared/widgets/app_button.dart';
import '../../../../shared/widgets/error_retry_surface.dart';
import '../../../../shared/widgets/full_screen_loading.dart';
import '../../../../shared/widgets/toast/toast.dart';
import '../../../../shared/widgets/toast/toast_type.dart';
import '../../../calendar/data/calendar_api.dart';
import '../../data/todo_api.dart';
enum _TodoHeaderAction { edit, delete }
@@ -38,6 +38,9 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
}
Future<void> _loadTodo() async {
if (!mounted) {
return;
}
setState(() {
_isLoading = true;
_error = null;
@@ -45,11 +48,17 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
try {
final todo = await _todoApi.getTodo(widget.todoId);
if (!mounted) {
return;
}
setState(() {
_todo = todo;
_isLoading = false;
});
} catch (e) {
if (!mounted) {
return;
}
setState(() {
_error = e.toString();
_isLoading = false;
@@ -90,12 +99,21 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
return Scaffold(
backgroundColor: AppColors.todoBg,
body: SafeArea(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_buildHeader(),
Expanded(child: _buildContent()),
],
child: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [AppColors.homeBackgroundTop, AppColors.todoBg],
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_buildHeader(),
Expanded(child: _buildContent()),
],
),
),
),
);
@@ -144,20 +162,11 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
Widget _buildContent() {
if (_isLoading) {
return const Center(child: AppLoadingIndicator(size: 22));
return const FullScreenLoading();
}
if (_error != null) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('加载失败: $_error', style: const TextStyle(color: Colors.red)),
const SizedBox(height: 16),
AppButton(text: '重试', onPressed: _loadTodo),
],
),
);
return ErrorRetrySurface(message: '加载失败: $_error', onRetry: _loadTodo);
}
if (_todo == null) {
@@ -187,7 +196,8 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
title: item.title,
time: _formatEventTime(item.startAt, item.endAt),
borderColor: AppColors.todoEventBorder1,
onTap: () => context.push('/calendar/events/${item.id}'),
onTap: () =>
context.push(AppRoutes.calendarEventDetail(item.id)),
),
),
],
@@ -369,27 +379,14 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
}
void _editTodo() async {
final result = await showModalBottomSheet<Map<String, dynamic>>(
context: context,
isScrollControlled: true,
backgroundColor: Colors.transparent,
builder: (context) => _EditTodoSheet(todo: _todo!),
);
if (result != null) {
try {
await _todoApi.updateTodo(
_todo!.id,
title: result['title'] as String,
description: result['description'] as String?,
priority: result['priority'] as int,
scheduleItemIds: result['schedule_item_ids'] as List<String>?,
);
await _loadTodo();
} catch (e) {
if (mounted) {
Toast.show(context, '更新失败: $e', type: ToastType.error);
}
if (_todo == null) {
return;
}
final changed = await context.push<bool>(AppRoutes.todoEdit(_todo!.id));
if (changed == true) {
await _loadTodo();
if (mounted && _error != null) {
Toast.show(context, '刷新失败: $_error', type: ToastType.error);
}
}
}
@@ -416,263 +413,3 @@ class _TodoDetailScreenState extends State<TodoDetailScreen> {
}
}
}
class _EditTodoSheet extends StatefulWidget {
final TodoResponse todo;
const _EditTodoSheet({required this.todo});
@override
State<_EditTodoSheet> createState() => _EditTodoSheetState();
}
class _EditTodoSheetState extends State<_EditTodoSheet> {
late TextEditingController _titleController;
late TextEditingController _descriptionController;
late int _priority;
late Set<String> _selectedScheduleItems;
late final Future<List<_ScheduleItemSimple>> _scheduleItemsFuture;
@override
void initState() {
super.initState();
_titleController = TextEditingController(text: widget.todo.title);
_descriptionController = TextEditingController(
text: widget.todo.description ?? '',
);
_priority = widget.todo.priority;
_selectedScheduleItems = widget.todo.scheduleItems.map((e) => e.id).toSet();
_scheduleItemsFuture = _loadScheduleItems();
}
@override
void dispose() {
_titleController.dispose();
_descriptionController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Container(
height: MediaQuery.of(context).size.height * 0.85,
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
child: Column(
children: [
SingleChildScrollView(
padding: const EdgeInsets.all(24),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
'编辑待办',
style: TextStyle(
fontFamily: 'Inter',
fontSize: 20,
fontWeight: FontWeight.w700,
),
),
IconButton(
onPressed: () => Navigator.of(context).pop(),
icon: const Icon(LucideIcons.x),
),
],
),
const SizedBox(height: 20),
TextField(
controller: _titleController,
decoration: const InputDecoration(
labelText: '标题',
border: OutlineInputBorder(),
),
),
const SizedBox(height: 16),
TextField(
controller: _descriptionController,
decoration: const InputDecoration(
labelText: '描述（可选）',
border: OutlineInputBorder(),
),
maxLines: 2,
),
const SizedBox(height: 16),
const Text(
'优先级',
style: TextStyle(
fontFamily: 'Inter',
fontSize: 14,
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 8),
Row(
children: [
_PriorityChip(
label: '重要紧急',
selected: _priority == 1,
color: AppColors.g1Border,
onTap: () => setState(() => _priority = 1),
),
const SizedBox(width: 8),
_PriorityChip(
label: '紧急不重要',
selected: _priority == 3,
color: AppColors.g2Border,
onTap: () => setState(() => _priority = 3),
),
const SizedBox(width: 8),
_PriorityChip(
label: '重要不紧急',
selected: _priority == 2,
color: AppColors.g3Border,
onTap: () => setState(() => _priority = 2),
),
],
),
],
),
),
Expanded(
child: FutureBuilder<List<_ScheduleItemSimple>>(
future: _scheduleItemsFuture,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: AppLoadingIndicator(size: 22));
}
if (snapshot.hasError) {
return Center(child: Text('加载失败: ${snapshot.error}'));
}
final items = snapshot.data ?? [];
if (items.isEmpty) {
return const Center(child: Text('暂无日历事件'));
}
return ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 16),
itemCount: items.length,
itemBuilder: (context, index) {
final item = items[index];
final isSelected = _selectedScheduleItems.contains(item.id);
return CheckboxListTile(
title: Text(item.title),
subtitle: Text(_formatDate(item.startAt)),
value: isSelected,
onChanged: (value) {
setState(() {
if (value == true) {
_selectedScheduleItems.add(item.id);
} else {
_selectedScheduleItems.remove(item.id);
}
});
},
);
},
);
},
),
),
Padding(
padding: const EdgeInsets.all(16),
child: SizedBox(
width: double.infinity,
child: AppButton(
text: '保存',
onPressed: () {
if (_titleController.text.trim().isEmpty) {
Toast.show(context, '请输入标题', type: ToastType.warning);
return;
}
Navigator.of(context).pop({
'title': _titleController.text.trim(),
'description': _descriptionController.text.trim().isEmpty
? null
: _descriptionController.text.trim(),
'priority': _priority,
'schedule_item_ids': _selectedScheduleItems.toList(),
});
},
),
),
),
],
),
);
}
Future<List<_ScheduleItemSimple>> _loadScheduleItems() async {
final calendarApi = sl<CalendarApi>();
final now = DateTime.now();
final start = now.subtract(const Duration(days: 30));
final end = now.add(const Duration(days: 90));
final items = await calendarApi.listByRange(startAt: start, endAt: end);
return items
.map(
(e) =>
_ScheduleItemSimple(id: e.id, title: e.title, startAt: e.startAt),
)
.toList();
}
String _formatDate(DateTime dt) {
return '${dt.year}年${dt.month}月${dt.day}日 ${dt.hour.toString().padLeft(2, '0')}:${dt.minute.toString().padLeft(2, '0')}';
}
}
class _ScheduleItemSimple {
final String id;
final String title;
final DateTime startAt;
_ScheduleItemSimple({
required this.id,
required this.title,
required this.startAt,
});
}
class _PriorityChip extends StatelessWidget {
final String label;
final bool selected;
final Color color;
final VoidCallback onTap;
const _PriorityChip({
required this.label,
required this.selected,
required this.color,
required this.onTap,
});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
decoration: BoxDecoration(
color: selected ? color.withValues(alpha: 0.2) : Colors.transparent,
border: Border.all(
color: selected ? color : AppColors.slate300,
width: selected ? 2 : 1,
),
borderRadius: BorderRadius.circular(20),
),
child: Text(
label,
style: TextStyle(
fontFamily: 'Inter',
fontSize: 12,
fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
color: selected ? color : AppColors.slate600,
),
),
),
);
}
}