feat(apps): 重构 UI 架构为 presentation 层并新增 l10n 国际化支持

2026-03-27 14:05:03 +08:00
parent b1f0eb8921
commit c592cc7854
178 changed files with 10748 additions and 5764 deletions
@@ -0,0 +1,205 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import '../../../../core/l10n/l10n.dart';
+import '../../../../core/theme/design_tokens.dart';
+import '../../../../shared/widgets/back_title_page_header.dart';
+import '../../../../shared/widgets/app_input.dart';
+import '../../../../shared/widgets/link_button.dart';
+import '../../../../shared/widgets/toast/toast.dart';
+import '../../../../shared/widgets/toast/toast_type.dart';
+
+class AddContactScreen extends StatefulWidget {
+  final String? contactId;
+
+  const AddContactScreen({super.key, this.contactId});
+
+  @override
+  State<AddContactScreen> createState() => _AddContactScreenState();
+}
+
+class _AddContactScreenState extends State<AddContactScreen> {
+  final _nameController = TextEditingController();
+  final _phoneController = TextEditingController();
+  final _remarkController = TextEditingController();
+
+  bool get isEditing => widget.contactId != null;
+
+  @override
+  void dispose() {
+    _nameController.dispose();
+    _phoneController.dispose();
+    _remarkController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: AppColors.surfaceSecondary,
+      resizeToAvoidBottomInset: false,
+      body: SafeArea(
+        maintainBottomViewPadding: true,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            BackTitlePageHeader(
+              title: isEditing
+                  ? context.l10n.contactEditTitle
+                  : context.l10n.contactAddTitle,
+              onBack: () => context.pop(),
+              trailing: _buildConfirmButton(),
+            ),
+            Expanded(
+              child: SingleChildScrollView(
+                padding: const EdgeInsets.fromLTRB(20, 8, 20, 20),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    _buildAvatarSection(),
+                    const SizedBox(height: 14),
+                    _buildFormCard(),
+                    if (isEditing) ...[
+                      const SizedBox(height: 14),
+                      _buildDeleteRow(),
+                    ],
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildConfirmButton() {
+    return SizedBox(
+      width: AppSpacing.xxl * 2,
+      height: AppSpacing.xxl * 2,
+      child: TextButton(
+        onPressed: _handleConfirm,
+        style: TextButton.styleFrom(
+          padding: const EdgeInsets.all(AppSpacing.none),
+          backgroundColor: AppColors.surfaceInfo,
+          shape: RoundedRectangleBorder(
+            borderRadius: BorderRadius.circular(AppRadius.full),
+            side: const BorderSide(color: AppColors.borderQuaternary),
+          ),
+        ),
+        child: const Icon(
+          Icons.check,
+          size: AppSpacing.lg,
+          color: AppColors.blue600,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildAvatarSection() {
+    return Center(
+      child: Container(
+        width: 72,
+        height: 72,
+        decoration: BoxDecoration(
+          color: AppColors.surfaceInfoLight,
+          borderRadius: BorderRadius.circular(36),
+          border: Border.all(color: Colors.transparent),
+        ),
+        child: const Icon(
+          Icons.person_outline,
+          size: 24,
+          color: AppColors.slate400,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildFormCard() {
+    return Container(
+      padding: const EdgeInsets.all(14),
+      decoration: BoxDecoration(
+        color: AppColors.white,
+        borderRadius: BorderRadius.circular(16),
+        border: Border.all(color: AppColors.messageCardBorder),
+      ),
+      child: Column(
+        children: [
+          AppInput(
+            label: context.l10n.contactNickname,
+            hint: context.l10n.contactNicknameHint,
+            controller: _nameController,
+          ),
+          const SizedBox(height: 14),
+          AppInput(
+            label: context.l10n.contactPhone,
+            hint: context.l10n.contactPhoneHint,
+            controller: _phoneController,
+            keyboardType: TextInputType.phone,
+          ),
+          const SizedBox(height: 14),
+          AppInput(
+            label: context.l10n.contactRemark,
+            hint: context.l10n.contactRemarkHint,
+            controller: _remarkController,
+            maxLines: 3,
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildDeleteRow() {
+    return Padding(
+      padding: const EdgeInsets.only(bottom: AppSpacing.sm),
+      child: LinkButton(
+        text: context.l10n.contactDelete,
+        onTap: _handleDelete,
+        foregroundColor: AppColors.red600,
+      ),
+    );
+  }
+
+  void _handleConfirm() {
+    final name = _nameController.text.trim();
+    final phone = _phoneController.text.trim();
+
+    if (name.isEmpty || phone.isEmpty) {
+      Toast.show(
+        context,
+        context.l10n.contactFillRequired,
+        type: ToastType.warning,
+      );
+      return;
+    }
+
+    // TODO: Implement save logic
+    context.pop();
+  }
+
+  void _handleDelete() {
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Text(context.l10n.contactDeleteConfirmTitle),
+        content: Text(context.l10n.contactDeleteConfirmMessage),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context),
+            child: Text(context.l10n.commonCancel),
+          ),
+          TextButton(
+            onPressed: () {
+              Navigator.pop(context);
+              // TODO: Implement delete logic
+              context.pop();
+            },
+            child: Text(
+              context.l10n.commonDelete,
+              style: const TextStyle(color: AppColors.red600),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}