create project

This commit is contained in:
2026-05-19 11:46:42 +08:00
commit dcdf1f60b1
60 changed files with 9309 additions and 0 deletions

View File

@@ -0,0 +1,204 @@
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_provider.dart';
import '../../theme/colors.dart';
class BindEmailScreen extends ConsumerStatefulWidget {
const BindEmailScreen({super.key});
@override
ConsumerState<BindEmailScreen> createState() => _BindEmailScreenState();
}
class _BindEmailScreenState extends ConsumerState<BindEmailScreen> {
final _emailController = TextEditingController();
final _formKey = GlobalKey<FormState>();
bool _isLoading = false;
@override
void dispose() {
_emailController.dispose();
super.dispose();
}
String? _validateEmail(String? value) {
if (value == null || value.isEmpty) {
return '请输入邮箱';
}
final emailRegex = RegExp(r'^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$');
if (!emailRegex.hasMatch(value)) {
return '请输入有效的邮箱地址';
}
return null;
}
Future<void> _handleBind() async {
if (!_formKey.currentState!.validate()) return;
setState(() => _isLoading = true);
try {
final authApi = ref.read(authApiProvider);
final result = await authApi.bindEmail(_emailController.text);
if (result['success'] == true) {
if (mounted) {
Navigator.pop(context);
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('邮箱绑定成功'),
backgroundColor: AppColors.income,
),
);
}
} else {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(result['error'] ?? '绑定失败'),
backgroundColor: AppColors.expense,
),
);
}
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('网络错误: $e'),
backgroundColor: AppColors.expense,
),
);
}
} finally {
if (mounted) {
setState(() => _isLoading = false);
}
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFFF6B35),
Color(0xFFFF9F5B),
],
),
),
child: SafeArea(
child: Center(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Form(
key: _formKey,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'绑定邮箱',
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const SizedBox(height: 8),
const Text(
'请输入您的邮箱地址',
style: TextStyle(
fontSize: 16,
color: Colors.white70,
),
),
const SizedBox(height: 48),
_buildGlassInput(
child: TextFormField(
controller: _emailController,
keyboardType: TextInputType.emailAddress,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入邮箱',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.email_outlined, color: AppColors.brand),
),
validator: _validateEmail,
),
),
const SizedBox(height: 32),
SizedBox(
width: double.infinity,
height: 56,
child: ElevatedButton(
onPressed: _isLoading ? null : _handleBind,
style: ElevatedButton.styleFrom(
backgroundColor: Colors.white,
foregroundColor: AppColors.brand,
disabledBackgroundColor: Colors.white.withOpacity(0.6),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
elevation: 0,
),
child: _isLoading
? const SizedBox(
width: 24,
height: 24,
child: CircularProgressIndicator(
strokeWidth: 2,
valueColor: AlwaysStoppedAnimation<Color>(AppColors.brand),
),
)
: const Text(
'绑定',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
),
),
],
),
),
),
),
),
),
);
}
Widget _buildGlassInput({required Widget child}) {
return Container(
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.8),
borderRadius: BorderRadius.circular(14),
border: Border.all(color: Colors.white.withOpacity(0.8)),
boxShadow: [
BoxShadow(
color: AppColors.brand.withOpacity(0.06),
blurRadius: 32,
offset: const Offset(0, 8),
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(14),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 30, sigmaY: 30),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: child,
),
),
),
);
}
}

View File

@@ -0,0 +1,215 @@
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_provider.dart';
import '../../theme/colors.dart';
class LoginScreen extends ConsumerStatefulWidget {
const LoginScreen({super.key});
@override
ConsumerState<LoginScreen> createState() => _LoginScreenState();
}
class _LoginScreenState extends ConsumerState<LoginScreen> {
final _phoneController = TextEditingController();
final _passwordController = TextEditingController();
final _formKey = GlobalKey<FormState>();
@override
void dispose() {
_phoneController.dispose();
_passwordController.dispose();
super.dispose();
}
String? _validatePhone(String? value) {
if (value == null || value.isEmpty) {
return '请输入手机号';
}
if (value.length != 11) {
return '手机号必须为11位';
}
return null;
}
String? _validatePassword(String? value) {
if (value == null || value.isEmpty) {
return '请输入密码';
}
if (value.length < 6) {
return '密码至少6位';
}
return null;
}
Future<void> _handleLogin() async {
if (!_formKey.currentState!.validate()) return;
final phone = _phoneController.text;
final password = _passwordController.text;
await ref.read(authProvider.notifier).login(phone, password);
final authState = ref.read(authProvider);
if (authState.isLoggedIn && mounted) {
Navigator.pop(context);
}
}
@override
Widget build(BuildContext context) {
final authState = ref.watch(authProvider);
final isLoading = authState.isLoading;
return Scaffold(
body: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFFF6B35),
Color(0xFFFF9F5B),
],
),
),
child: SafeArea(
child: Center(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Form(
key: _formKey,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'登录',
style: TextStyle(
fontSize: 32,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const SizedBox(height: 8),
const Text(
'欢迎回来',
style: TextStyle(
fontSize: 16,
color: Colors.white70,
),
),
const SizedBox(height: 48),
_buildGlassInput(
child: TextFormField(
controller: _phoneController,
keyboardType: TextInputType.phone,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入手机号',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.phone_android, color: AppColors.brand),
),
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
LengthLimitingTextInputFormatter(11),
],
validator: _validatePhone,
),
),
const SizedBox(height: 16),
_buildGlassInput(
child: TextFormField(
controller: _passwordController,
obscureText: true,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入密码',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.lock_outline, color: AppColors.brand),
),
validator: _validatePassword,
),
),
const SizedBox(height: 32),
SizedBox(
width: double.infinity,
height: 56,
child: ElevatedButton(
onPressed: isLoading ? null : _handleLogin,
style: ElevatedButton.styleFrom(
backgroundColor: Colors.white,
foregroundColor: AppColors.brand,
disabledBackgroundColor: Colors.white.withOpacity(0.6),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
elevation: 0,
),
child: isLoading
? const Text(
'登录中...',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
: const Text(
'登录',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
),
),
if (authState.error != null) ...[
const SizedBox(height: 16),
Text(
authState.error!,
style: const TextStyle(
color: Colors.white,
fontSize: 14,
),
),
],
],
),
),
),
),
),
),
);
}
Widget _buildGlassInput({required Widget child}) {
return Container(
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.8),
borderRadius: BorderRadius.circular(14),
border: Border.all(color: Colors.white.withOpacity(0.8)),
boxShadow: [
BoxShadow(
color: AppColors.brand.withOpacity(0.06),
blurRadius: 32,
offset: const Offset(0, 8),
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(14),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 30, sigmaY: 30),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: child,
),
),
),
);
}
}

View File

@@ -0,0 +1,254 @@
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_provider.dart';
import '../../theme/colors.dart';
class RegisterScreen extends ConsumerStatefulWidget {
const RegisterScreen({super.key});
@override
ConsumerState<RegisterScreen> createState() => _RegisterScreenState();
}
class _RegisterScreenState extends ConsumerState<RegisterScreen> {
final _nicknameController = TextEditingController();
final _phoneController = TextEditingController();
final _passwordController = TextEditingController();
final _formKey = GlobalKey<FormState>();
@override
void dispose() {
_nicknameController.dispose();
_phoneController.dispose();
_passwordController.dispose();
super.dispose();
}
String? _validateNickname(String? value) {
if (value == null || value.isEmpty) {
return '请输入昵称';
}
if (value.length > 20) {
return '昵称最多20个字符';
}
return null;
}
String? _validatePhone(String? value) {
if (value == null || value.isEmpty) {
return '请输入手机号';
}
if (value.length != 11) {
return '手机号必须为11位';
}
return null;
}
String? _validatePassword(String? value) {
if (value == null || value.isEmpty) {
return '请输入密码';
}
if (value.length < 6) {
return '密码至少6位';
}
return null;
}
Future<void> _handleRegister() async {
if (!_formKey.currentState!.validate()) return;
final phone = _phoneController.text;
final password = _passwordController.text;
final nickname = _nicknameController.text;
await ref.read(authProvider.notifier).register(phone, password, nickname);
final authState = ref.read(authProvider);
if (authState.isLoggedIn && mounted) {
Navigator.pop(context);
}
}
@override
Widget build(BuildContext context) {
final authState = ref.watch(authProvider);
final isLoading = authState.isLoading;
return Scaffold(
body: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFFF6B35),
Color(0xFFFF9F5B),
],
),
),
child: SafeArea(
child: Center(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Form(
key: _formKey,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'创建你的账号',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const SizedBox(height: 8),
const Text(
'加入家庭记账,轻松管理财务',
style: TextStyle(
fontSize: 14,
color: Colors.white70,
),
),
const SizedBox(height: 48),
_buildGlassInput(
child: TextFormField(
controller: _nicknameController,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入昵称',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.person_outline, color: AppColors.brand),
),
validator: _validateNickname,
),
),
const SizedBox(height: 16),
_buildGlassInput(
child: TextFormField(
controller: _phoneController,
keyboardType: TextInputType.phone,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入手机号',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.phone_android, color: AppColors.brand),
),
inputFormatters: [
FilteringTextInputFormatter.digitsOnly,
LengthLimitingTextInputFormatter(11),
],
validator: _validatePhone,
),
),
const SizedBox(height: 16),
_buildGlassInput(
child: TextFormField(
controller: _passwordController,
obscureText: true,
style: const TextStyle(color: AppColors.textPrimary),
decoration: const InputDecoration(
hintText: '请输入密码',
hintStyle: TextStyle(color: AppColors.textSecondary),
border: InputBorder.none,
prefixIcon: Icon(Icons.lock_outline, color: AppColors.brand),
),
validator: _validatePassword,
),
),
const SizedBox(height: 32),
SizedBox(
width: double.infinity,
height: 56,
child: ElevatedButton(
onPressed: isLoading ? null : _handleRegister,
style: ElevatedButton.styleFrom(
backgroundColor: AppColors.brand,
foregroundColor: Colors.white,
disabledBackgroundColor: AppColors.brand.withOpacity(0.6),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
elevation: 0,
),
child: isLoading
? const Text(
'注册中...',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
: const Text(
'注册',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
),
),
),
),
if (authState.error != null) ...[
const SizedBox(height: 16),
Text(
authState.error!,
style: const TextStyle(
color: Colors.white,
fontSize: 14,
),
),
],
const SizedBox(height: 24),
GestureDetector(
onTap: () => Navigator.pop(context),
child: const Text(
'已有账号?立即登录',
style: TextStyle(
fontSize: 14,
color: Colors.white,
decoration: TextDecoration.underline,
),
),
),
],
),
),
),
),
),
),
);
}
Widget _buildGlassInput({required Widget child}) {
return Container(
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.8),
borderRadius: BorderRadius.circular(14),
border: Border.all(color: Colors.white.withOpacity(0.8)),
boxShadow: [
BoxShadow(
color: AppColors.brand.withOpacity(0.06),
blurRadius: 32,
offset: const Offset(0, 8),
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(14),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 30, sigmaY: 30),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: child,
),
),
),
);
}
}

View File

@@ -0,0 +1,389 @@
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../providers/auth_provider.dart';
import '../../theme/colors.dart';
import 'bind_email_screen.dart';
class UserProfileScreen extends ConsumerStatefulWidget {
const UserProfileScreen({super.key});
@override
ConsumerState<UserProfileScreen> createState() => _UserProfileScreenState();
}
class _UserProfileScreenState extends ConsumerState<UserProfileScreen> {
@override
Widget build(BuildContext context) {
final authState = ref.watch(authProvider);
final user = authState.user;
return Scaffold(
body: Container(
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFFFF6B35),
Color(0xFFFF9F5B),
],
),
),
child: SafeArea(
child: Column(
children: [
const SizedBox(height: 40),
// Header
const Text(
'个人资料',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.white,
),
),
const SizedBox(height: 40),
// Avatar and User Info
_buildUserInfoCard(user),
const SizedBox(height: 24),
// Menu Items
Expanded(
child: _buildMenuItems(user),
),
],
),
),
),
);
}
Widget _buildUserInfoCard(user) {
final nickname = user?.nickname ?? '用户';
final phone = user?.phone ?? '';
final firstLetter = nickname.isNotEmpty ? nickname[0].toUpperCase() : '?';
final joinDate = user?.joinDate ?? '';
final email = user?.email;
final hasEmail = email != null && email.isNotEmpty;
return Container(
margin: const EdgeInsets.symmetric(horizontal: 24),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.9),
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.1),
blurRadius: 20,
offset: const Offset(0, 10),
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(20),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
child: Padding(
padding: const EdgeInsets.all(24),
child: Column(
children: [
// Avatar with orange border
Container(
width: 80,
height: 80,
decoration: BoxDecoration(
shape: BoxShape.circle,
border: Border.all(
color: AppColors.brand,
width: 3,
),
color: Colors.white,
),
child: Center(
child: Text(
firstLetter,
style: const TextStyle(
fontSize: 36,
fontWeight: FontWeight.bold,
color: AppColors.brand,
),
),
),
),
const SizedBox(height: 16),
// Nickname
Text(
nickname,
style: const TextStyle(
fontSize: 22,
fontWeight: FontWeight.w600,
color: AppColors.textPrimary,
),
),
const SizedBox(height: 4),
// Phone
Text(
phone,
style: const TextStyle(
fontSize: 14,
color: AppColors.textSecondary,
),
),
const SizedBox(height: 20),
// Info Row
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
_buildInfoItem('加入时间', _formatDate(joinDate)),
Container(
width: 1,
height: 30,
color: AppColors.textSecondary.withOpacity(0.3),
),
_buildInfoItem(
'邮箱',
hasEmail ? '已绑定' : '未绑定',
valueColor: hasEmail ? AppColors.income : AppColors.expense,
),
Container(
width: 1,
height: 30,
color: AppColors.textSecondary.withOpacity(0.3),
),
_buildInfoItem('活跃家庭', user?.activeFamilyId ?? ''),
],
),
],
),
),
),
),
);
}
Widget _buildInfoItem(String label, String value, {Color? valueColor}) {
return Column(
children: [
Text(
label,
style: const TextStyle(
fontSize: 12,
color: AppColors.textSecondary,
),
),
const SizedBox(height: 4),
Text(
value,
style: TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
color: valueColor ?? AppColors.textPrimary,
),
),
],
);
}
Widget _buildMenuItems(user) {
final hasEmail = user?.email != null && user!.email.isNotEmpty;
final familyIds = user?.familyIds ?? [];
return Container(
margin: const EdgeInsets.symmetric(horizontal: 24),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.9),
borderRadius: BorderRadius.circular(20),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(20),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
child: Column(
children: [
// Bind Email (if not bound)
_buildMenuItem(
icon: Icons.email_outlined,
title: '绑定邮箱',
subtitle: hasEmail ? user.email : '未绑定邮箱',
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => const BindEmailScreen(),
),
);
},
),
_buildDivider(),
// Switch Family (if has families)
_buildMenuItem(
icon: Icons.family_restroom_outlined,
title: '切换家庭',
subtitle: familyIds.isNotEmpty ? '${familyIds.length} 个家庭' : '暂无家庭',
onTap: familyIds.isNotEmpty
? () {
_showFamilySwitchDialog();
}
: null,
),
_buildDivider(),
// Logout
_buildMenuItem(
icon: Icons.logout_outlined,
title: '退出登录',
subtitle: '安全退出当前账号',
onTap: () {
_showLogoutDialog();
},
isLast: true,
),
],
),
),
),
);
}
Widget _buildMenuItem({
required IconData icon,
required String title,
required String subtitle,
required VoidCallback? onTap,
bool isLast = false,
}) {
return InkWell(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
child: Row(
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
color: AppColors.brand.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
icon,
color: AppColors.brand,
size: 20,
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w500,
color: AppColors.textPrimary,
),
),
const SizedBox(height: 2),
Text(
subtitle,
style: const TextStyle(
fontSize: 12,
color: AppColors.textSecondary,
),
),
],
),
),
Icon(
Icons.chevron_right,
color: AppColors.textSecondary.withOpacity(0.5),
),
],
),
),
);
}
Widget _buildDivider() {
return Container(
margin: const EdgeInsets.only(left: 76),
height: 1,
color: AppColors.textSecondary.withOpacity(0.2),
);
}
String _formatDate(String dateStr) {
if (dateStr.isEmpty) return '未知';
try {
// Assuming dateStr is in format like "2024-01-15" or ISO format
final date = DateTime.parse(dateStr);
return '${date.year}-${date.month.toString().padLeft(2, '0')}-${date.day.toString().padLeft(2, '0')}';
} catch (e) {
return dateStr;
}
}
void _showFamilySwitchDialog() {
final user = ref.read(authProvider).user;
final familyIds = user?.familyIds ?? [];
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('切换家庭'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: familyIds.map((familyId) {
final isActive = familyId == user?.activeFamilyId;
return ListTile(
title: Text(familyId),
trailing: isActive
? const Icon(Icons.check, color: AppColors.brand)
: null,
onTap: () {
// TODO: Implement family switch
Navigator.pop(context);
},
);
}).toList(),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('取消'),
),
],
),
);
}
void _showLogoutDialog() {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('退出登录'),
content: const Text('确定要退出当前账号吗?'),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('取消'),
),
TextButton(
onPressed: () async {
Navigator.pop(context);
await ref.read(authProvider.notifier).logout();
if (mounted) {
// Navigate to login or pop to root
Navigator.of(context).popUntil((route) => route.isFirst);
}
},
child: const Text(
'确定',
style: TextStyle(color: AppColors.expense),
),
),
],
),
);
}
}