feat(app): 设置页 UI + Mood/成就/贴纸 BLoC 接入 API + B7 测试扩展
前端改动: - 新建设置页面 (主题切换/关于/隐私政策/用户协议/儿童隐私保护) - SettingsBloc 注册到 MultiRepositoryProvider 全局可访问 - MoodBloc 修复编译错误 + 接入 /diary/stats/mood API - MoodPage 添加错误状态展示和重试按钮 - AchievementBloc + 页面改造接入 /diary/achievements API - StickerBloc + 页面改造接入 /diary/sticker-packs API - TemplateBloc + 页面改造接入 /diary/templates API - ProfilePage 设置入口改为跳转 /settings - 添加 /settings 路由 后端改动: - 扩展 mood_stats_service 测试 (连续天数算法/心情计数/边界场景) - 新增 class_service 测试 (班级码生成/唯一性/错误映射) - 新增 achievement_service 测试 (DTO 结构/序列化/map 构建) - 新增 sticker_service 测试 (DTO 序列化/错误处理) - 扩展 dto.rs 测试 (achievement/mood_stats/sticker/template/notification) - 清理 2 个 unused import warning 验证: - cargo check 0 error 0 warning - flutter analyze 0 error
This commit is contained in:
@@ -56,6 +56,7 @@ class NuanjiApp extends StatelessWidget {
|
||||
RepositoryProvider<AuthRepository>.value(value: authRepository),
|
||||
RepositoryProvider<JournalRepository>.value(value: journalRepository),
|
||||
RepositoryProvider<ClassRepository>.value(value: classRepository),
|
||||
RepositoryProvider<SettingsBloc>.value(value: settingsBloc),
|
||||
],
|
||||
child: BlocProvider<AuthBloc>.value(
|
||||
value: authBloc,
|
||||
|
||||
@@ -30,6 +30,7 @@ import '../../features/parent/views/parent_page.dart';
|
||||
import '../../features/achievement/views/achievement_page.dart';
|
||||
import '../../features/stickers/views/sticker_library_page.dart';
|
||||
import '../../features/templates/views/template_gallery_page.dart';
|
||||
import '../../features/settings/views/settings_page.dart';
|
||||
import '../../features/auth/bloc/auth_bloc.dart';
|
||||
|
||||
// Shell 分支键
|
||||
@@ -192,6 +193,12 @@ GoRouter createAppRouter(AuthBloc authBloc) {
|
||||
parentNavigatorKey: _rootNavigatorKey,
|
||||
builder: (context, state) => const TemplateGalleryPage(),
|
||||
),
|
||||
GoRoute(
|
||||
path: '/settings',
|
||||
name: 'settings',
|
||||
parentNavigatorKey: _rootNavigatorKey,
|
||||
builder: (context, state) => const SettingsPage(),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
108
app/lib/features/achievement/bloc/achievement_bloc.dart
Normal file
108
app/lib/features/achievement/bloc/achievement_bloc.dart
Normal file
@@ -0,0 +1,108 @@
|
||||
// 成就 BLoC — 通过 API 加载成就列表
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
|
||||
// ===== 模型 =====
|
||||
|
||||
/// 成就数据
|
||||
class Achievement {
|
||||
final String id;
|
||||
final String code;
|
||||
final String name;
|
||||
final String? description;
|
||||
final String? icon;
|
||||
final String category;
|
||||
final bool isUnlocked;
|
||||
final DateTime? unlockedAt;
|
||||
|
||||
const Achievement({
|
||||
required this.id,
|
||||
required this.code,
|
||||
required this.name,
|
||||
this.description,
|
||||
this.icon,
|
||||
required this.category,
|
||||
this.isUnlocked = false,
|
||||
this.unlockedAt,
|
||||
});
|
||||
}
|
||||
|
||||
// ===== State =====
|
||||
|
||||
/// 成就页面状态
|
||||
class AchievementState {
|
||||
final List<Achievement> achievements;
|
||||
final bool isLoading;
|
||||
final String? errorMessage;
|
||||
|
||||
const AchievementState({
|
||||
this.achievements = const [],
|
||||
this.isLoading = false,
|
||||
this.errorMessage,
|
||||
});
|
||||
|
||||
int get unlockedCount =>
|
||||
achievements.where((a) => a.isUnlocked).length;
|
||||
|
||||
AchievementState copyWith({
|
||||
List<Achievement>? achievements,
|
||||
bool? isLoading,
|
||||
String? errorMessage,
|
||||
}) =>
|
||||
AchievementState(
|
||||
achievements: achievements ?? this.achievements,
|
||||
isLoading: isLoading ?? this.isLoading,
|
||||
errorMessage: errorMessage,
|
||||
);
|
||||
}
|
||||
|
||||
// ===== BLoC =====
|
||||
|
||||
/// 成就 BLoC — ChangeNotifier 模式
|
||||
class AchievementBloc extends ChangeNotifier {
|
||||
final ApiClient _api;
|
||||
AchievementState _state = const AchievementState();
|
||||
AchievementState get state => _state;
|
||||
|
||||
AchievementBloc({required ApiClient api}) : _api = api;
|
||||
|
||||
/// 加载成就列表
|
||||
void load() {
|
||||
_state = _state.copyWith(isLoading: true);
|
||||
notifyListeners();
|
||||
_fetchAchievements();
|
||||
}
|
||||
|
||||
Future<void> _fetchAchievements() async {
|
||||
try {
|
||||
final response = await _api.get('/diary/achievements');
|
||||
final body = response.data as Map<String, dynamic>;
|
||||
final list = body['data'] as List? ?? [];
|
||||
|
||||
final achievements = list.map((item) {
|
||||
final m = item as Map<String, dynamic>;
|
||||
return Achievement(
|
||||
id: m['id'] as String,
|
||||
code: m['code'] as String,
|
||||
name: m['name'] as String,
|
||||
description: m['description'] as String?,
|
||||
icon: m['icon'] as String?,
|
||||
category: m['category'] as String,
|
||||
isUnlocked: m['is_unlocked'] as bool? ?? false,
|
||||
unlockedAt: m['unlocked_at'] != null
|
||||
? DateTime.tryParse(m['unlocked_at'] as String)
|
||||
: null,
|
||||
);
|
||||
}).toList();
|
||||
|
||||
_state = _state.copyWith(isLoading: false, achievements: achievements);
|
||||
} catch (e) {
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
errorMessage: '加载成就列表失败',
|
||||
);
|
||||
}
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
@@ -1,92 +1,109 @@
|
||||
// 成就页面 — 徽章收集展示
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:nuanji_app/core/theme/app_colors.dart';
|
||||
|
||||
/// 成就数据模型
|
||||
class Achievement {
|
||||
final String id;
|
||||
final String code;
|
||||
final String name;
|
||||
final String? description;
|
||||
final String icon;
|
||||
final String category;
|
||||
final bool isUnlocked;
|
||||
|
||||
const Achievement({
|
||||
required this.id,
|
||||
required this.code,
|
||||
required this.name,
|
||||
this.description,
|
||||
required this.icon,
|
||||
required this.category,
|
||||
this.isUnlocked = false,
|
||||
});
|
||||
}
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
import '../bloc/achievement_bloc.dart';
|
||||
|
||||
/// 成就页面 — 徽章收集和展示
|
||||
class AchievementPage extends StatelessWidget {
|
||||
class AchievementPage extends StatefulWidget {
|
||||
const AchievementPage({super.key});
|
||||
|
||||
static const _achievements = [
|
||||
Achievement(id: '1', code: 'first_diary', name: '初次落笔', description: '写下第一篇日记', icon: '✏️', category: 'writing', isUnlocked: true),
|
||||
Achievement(id: '2', code: 'streak_7', name: '坚持一周', description: '连续写日记 7 天', icon: '🔥', category: 'writing'),
|
||||
Achievement(id: '3', code: 'streak_30', name: '月度达人', description: '连续写日记 30 天', icon: '💪', category: 'writing'),
|
||||
Achievement(id: '4', code: 'sticker_collector', name: '贴纸收藏家', description: '收集 10 张贴纸', icon: '🎨', category: 'collection'),
|
||||
Achievement(id: '5', code: 'social_butterfly', name: '分享之星', description: '分享 5 篇日记到班级', icon: '🌟', category: 'social'),
|
||||
Achievement(id: '6', code: 'mood_tracker', name: '心情记录员', description: '连续记录心情 14 天', icon: '🌈', category: 'writing'),
|
||||
Achievement(id: '7', code: 'early_bird', name: '早起日记', description: '在早上 7 点前写日记', icon: '🌅', category: 'special'),
|
||||
Achievement(id: '8', code: 'artist', name: '小画家', description: '在日记中画 10 幅涂鸦', icon: '🖌️', category: 'collection'),
|
||||
];
|
||||
@override
|
||||
State<AchievementPage> createState() => _AchievementPageState();
|
||||
}
|
||||
|
||||
class _AchievementPageState extends State<AchievementPage> {
|
||||
late final AchievementBloc _bloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_bloc = AchievementBloc(api: context.read<ApiClient>());
|
||||
_bloc.load();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_bloc.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final colorScheme = theme.colorScheme;
|
||||
final unlocked = _achievements.where((a) => a.isUnlocked).length;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('成就'),
|
||||
),
|
||||
body: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 进度概览
|
||||
_AchievementProgressCard(
|
||||
unlocked: unlocked,
|
||||
total: _achievements.length,
|
||||
colorScheme: colorScheme,
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
Text(
|
||||
'全部成就',
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
appBar: AppBar(title: const Text('成就')),
|
||||
body: ListenableBuilder(
|
||||
listenable: _bloc,
|
||||
builder: (context, _) {
|
||||
final state = _bloc.state;
|
||||
|
||||
if (state.isLoading) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (state.errorMessage != null) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 48, color: colorScheme.error),
|
||||
const SizedBox(height: 12),
|
||||
Text(state.errorMessage!, style: theme.textTheme.bodyMedium),
|
||||
const SizedBox(height: 16),
|
||||
FilledButton.tonal(
|
||||
onPressed: _bloc.load,
|
||||
child: const Text('重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
GridView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.75,
|
||||
),
|
||||
itemCount: _achievements.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _AchievementCard(
|
||||
achievement: _achievements[index],
|
||||
);
|
||||
}
|
||||
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 进度概览
|
||||
_AchievementProgressCard(
|
||||
unlocked: state.unlockedCount,
|
||||
total: state.achievements.length,
|
||||
colorScheme: colorScheme,
|
||||
);
|
||||
},
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
Text(
|
||||
'全部成就',
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
GridView.builder(
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.75,
|
||||
),
|
||||
itemCount: state.achievements.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _AchievementCard(
|
||||
achievement: state.achievements[index],
|
||||
colorScheme: colorScheme,
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
@@ -194,7 +211,10 @@ class _AchievementCard extends StatelessWidget {
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: achievement.isUnlocked
|
||||
? Text(achievement.icon, style: const TextStyle(fontSize: 28))
|
||||
? Text(
|
||||
achievement.icon ?? '🏆',
|
||||
style: const TextStyle(fontSize: 28),
|
||||
)
|
||||
: Icon(
|
||||
Icons.lock_outline,
|
||||
color: colorScheme.onSurface.withValues(alpha: 0.3),
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
// 心情 BLoC — 管理心情统计和趋势数据
|
||||
// 心情 BLoC — 通过 API 加载心情统计数据
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nuanji_app/data/models/journal_entry.dart';
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
|
||||
// ===== 心情统计模型 =====
|
||||
// ===== 模型 =====
|
||||
|
||||
/// 心情统计数据
|
||||
class MoodStats {
|
||||
@@ -33,35 +34,20 @@ class MoodCount {
|
||||
});
|
||||
}
|
||||
|
||||
/// 心情趋势数据点
|
||||
class MoodTrendPoint {
|
||||
final DateTime date;
|
||||
final Mood mood;
|
||||
final int journalCount;
|
||||
|
||||
const MoodTrendPoint({
|
||||
required this.date,
|
||||
required this.mood,
|
||||
required this.journalCount,
|
||||
});
|
||||
}
|
||||
|
||||
/// 统计周期
|
||||
enum StatsPeriod { week, month, quarter }
|
||||
|
||||
// ===== 心情页面状态 =====
|
||||
// ===== State =====
|
||||
|
||||
/// 心情页面状态
|
||||
class MoodState {
|
||||
final MoodStats stats;
|
||||
final List<MoodTrendPoint> trendData;
|
||||
final StatsPeriod selectedPeriod;
|
||||
final bool isLoading;
|
||||
final String? errorMessage;
|
||||
|
||||
const MoodState({
|
||||
this.stats = const MoodStats(),
|
||||
this.trendData = const [],
|
||||
this.selectedPeriod = StatsPeriod.week,
|
||||
this.isLoading = false,
|
||||
this.errorMessage,
|
||||
@@ -69,55 +55,27 @@ class MoodState {
|
||||
|
||||
MoodState copyWith({
|
||||
MoodStats? stats,
|
||||
List<MoodTrendPoint>? trendData,
|
||||
StatsPeriod? selectedPeriod,
|
||||
bool? isLoading,
|
||||
String? errorMessage,
|
||||
}) =>
|
||||
MoodState(
|
||||
stats: stats ?? this.stats,
|
||||
trendData: trendData ?? this.trendData,
|
||||
selectedPeriod: selectedPeriod ?? this.selectedPeriod,
|
||||
isLoading: isLoading ?? this.isLoading,
|
||||
errorMessage: errorMessage,
|
||||
);
|
||||
}
|
||||
|
||||
// ===== 心情 BLoC =====
|
||||
// ===== BLoC =====
|
||||
|
||||
/// 心情统计 BLoC — ChangeNotifier 模式
|
||||
class MoodBloc extends ChangeNotifier {
|
||||
final ApiClient _api;
|
||||
MoodState _state = const MoodState();
|
||||
MoodState get state => _state;
|
||||
|
||||
/// 切换统计周期
|
||||
void changePeriod(StatsPeriod period) {
|
||||
_state = _state.copyWith(selectedPeriod: period, isLoading: true);
|
||||
notifyListeners();
|
||||
_loadStats();
|
||||
}
|
||||
|
||||
/// 加载统计数据
|
||||
Future<void> _loadStats() async {
|
||||
// Phase 1: 占位数据,待 API 集成后替换
|
||||
await Future.delayed(const Duration(milliseconds: 300));
|
||||
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
stats: MoodStats(
|
||||
moodCounts: [
|
||||
const MoodCount(mood: Mood.happy, count: 12, percentage: 40.0),
|
||||
const MoodCount(mood: Mood.calm, count: 8, percentage: 26.7),
|
||||
const MoodCount(mood: Mood.thinking, count: 5, percentage: 16.7),
|
||||
const MoodCount(mood: Mood.sad, count: 3, percentage: 10.0),
|
||||
const MoodCount(mood: Mood.angry, count: 2, percentage: 6.6),
|
||||
],
|
||||
streakDays: 7,
|
||||
totalJournals: 30,
|
||||
dominantMood: Mood.happy,
|
||||
),
|
||||
);
|
||||
notifyListeners();
|
||||
}
|
||||
MoodBloc({required ApiClient api}) : _api = api;
|
||||
|
||||
/// 初始加载
|
||||
void load() {
|
||||
@@ -125,4 +83,66 @@ class MoodBloc extends ChangeNotifier {
|
||||
notifyListeners();
|
||||
_loadStats();
|
||||
}
|
||||
|
||||
/// 切换统计周期
|
||||
void changePeriod(StatsPeriod period) {
|
||||
if (period == _state.selectedPeriod) return;
|
||||
_state = _state.copyWith(selectedPeriod: period, isLoading: true);
|
||||
notifyListeners();
|
||||
_loadStats();
|
||||
}
|
||||
|
||||
Future<void> _loadStats() async {
|
||||
try {
|
||||
final periodStr = switch (_state.selectedPeriod) {
|
||||
StatsPeriod.week => 'week',
|
||||
StatsPeriod.month => 'month',
|
||||
StatsPeriod.quarter => 'quarter',
|
||||
};
|
||||
|
||||
final response = await _api.get(
|
||||
'/diary/stats/mood',
|
||||
queryParams: {'period': periodStr},
|
||||
);
|
||||
final body = response.data as Map<String, dynamic>;
|
||||
final data = body['data'] as Map<String, dynamic>;
|
||||
|
||||
final counts = (data['mood_counts'] as List? ?? [])
|
||||
.map((item) {
|
||||
final m = item as Map<String, dynamic>;
|
||||
return MoodCount(
|
||||
mood: Mood.values.firstWhere(
|
||||
(v) => v.value == m['mood'],
|
||||
orElse: () => Mood.happy,
|
||||
),
|
||||
count: (m['count'] as num).toInt(),
|
||||
percentage: (m['percentage'] as num).toDouble(),
|
||||
);
|
||||
})
|
||||
.toList();
|
||||
|
||||
final dominant = data['dominant_mood'] != null
|
||||
? Mood.values.firstWhere(
|
||||
(v) => v.value == data['dominant_mood'],
|
||||
orElse: () => Mood.happy,
|
||||
)
|
||||
: null;
|
||||
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
stats: MoodStats(
|
||||
moodCounts: counts,
|
||||
streakDays: (data['streak_days'] as num?)?.toInt() ?? 0,
|
||||
totalJournals: (data['total_journals'] as num?)?.toInt() ?? 0,
|
||||
dominantMood: dominant,
|
||||
),
|
||||
);
|
||||
} catch (e) {
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
errorMessage: '加载统计数据失败',
|
||||
);
|
||||
}
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,11 +2,13 @@
|
||||
|
||||
import 'package:fl_chart/fl_chart.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:nuanji_app/core/theme/app_colors.dart';
|
||||
import 'package:nuanji_app/data/models/journal_entry.dart';
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
import '../bloc/mood_bloc.dart';
|
||||
|
||||
/// 心情页面 — 统计卡片 + 心情分布饼图 + 趋势折线图
|
||||
/// 心情页面 — 统计卡片 + 心情分布饼图 + 详情列表
|
||||
class MoodPage extends StatefulWidget {
|
||||
const MoodPage({super.key});
|
||||
|
||||
@@ -15,11 +17,12 @@ class MoodPage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _MoodPageState extends State<MoodPage> {
|
||||
final _bloc = MoodBloc();
|
||||
late final MoodBloc _bloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_bloc = MoodBloc(api: context.read<ApiClient>());
|
||||
_bloc.load();
|
||||
}
|
||||
|
||||
@@ -43,6 +46,24 @@ class _MoodPageState extends State<MoodPage> {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (state.errorMessage != null) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 48, color: colorScheme.error),
|
||||
const SizedBox(height: 12),
|
||||
Text(state.errorMessage!, style: theme.textTheme.bodyMedium),
|
||||
const SizedBox(height: 16),
|
||||
FilledButton.tonal(
|
||||
onPressed: _bloc.load,
|
||||
child: const Text('重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
@@ -207,7 +228,8 @@ class _MoodDistributionChart extends StatelessWidget {
|
||||
child: PieChart(
|
||||
PieChartData(
|
||||
sections: moodCounts.map((mc) {
|
||||
final color = AppColors.moodColors[mc.mood.value] ?? colorScheme.primary;
|
||||
final color =
|
||||
AppColors.moodColors[mc.mood.value] ?? colorScheme.primary;
|
||||
return PieChartSectionData(
|
||||
value: mc.count.toDouble(),
|
||||
color: color,
|
||||
@@ -239,7 +261,8 @@ class _MoodCountTile extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final color = AppColors.moodColors[mc.mood.value] ?? theme.colorScheme.primary;
|
||||
final color =
|
||||
AppColors.moodColors[mc.mood.value] ?? theme.colorScheme.primary;
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 4),
|
||||
|
||||
@@ -1,24 +1,13 @@
|
||||
// 设置 BLoC — 主题切换 + 应用设置管理
|
||||
//
|
||||
// ChangeNotifier 模式(同 MoodBloc),通过 ListenableBuilder 消费。
|
||||
// Phase 1: 内存态 + TODO 持久化到 SharedPreferences。
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
// ===== Events =====
|
||||
|
||||
sealed class SettingsEvent {
|
||||
const SettingsEvent();
|
||||
}
|
||||
|
||||
final class SettingsThemeChanged extends SettingsEvent {
|
||||
final ThemeMode themeMode;
|
||||
const SettingsThemeChanged(this.themeMode);
|
||||
}
|
||||
|
||||
final class SettingsLoad extends SettingsEvent {
|
||||
const SettingsLoad();
|
||||
}
|
||||
|
||||
// ===== State =====
|
||||
|
||||
/// 设置页面状态
|
||||
class SettingsState {
|
||||
final ThemeMode themeMode;
|
||||
final bool isLoading;
|
||||
@@ -37,6 +26,7 @@ class SettingsState {
|
||||
|
||||
// ===== BLoC =====
|
||||
|
||||
/// 设置管理器 — 全局单例,在 NuanjiApp 中创建
|
||||
class SettingsBloc extends ChangeNotifier {
|
||||
SettingsState _state = const SettingsState();
|
||||
SettingsState get state => _state;
|
||||
@@ -45,7 +35,7 @@ class SettingsBloc extends ChangeNotifier {
|
||||
void changeTheme(ThemeMode mode) {
|
||||
_state = _state.copyWith(themeMode: mode);
|
||||
notifyListeners();
|
||||
// TODO: 持久化到 SharedPreferences/Isar
|
||||
// TODO: 持久化到 SharedPreferences
|
||||
}
|
||||
|
||||
/// 循环切换: system → light → dark → system
|
||||
|
||||
@@ -111,11 +111,7 @@ class ProfilePage extends StatelessWidget {
|
||||
icon: Icons.settings_outlined,
|
||||
iconColor: colorScheme.onSurface.withValues(alpha: 0.5),
|
||||
title: '设置',
|
||||
onTap: () {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('设置页面开发中')),
|
||||
);
|
||||
},
|
||||
onTap: () => context.go('/settings'),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
|
||||
|
||||
499
app/lib/features/settings/views/settings_page.dart
Normal file
499
app/lib/features/settings/views/settings_page.dart
Normal file
@@ -0,0 +1,499 @@
|
||||
// 设置页面 — 主题切换 + 关于 + 隐私政策
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:nuanji_app/core/theme/app_colors.dart';
|
||||
import 'package:nuanji_app/features/profile/bloc/settings_bloc.dart';
|
||||
|
||||
/// 设置页面
|
||||
class SettingsPage extends StatelessWidget {
|
||||
const SettingsPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final colorScheme = theme.colorScheme;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('设置')),
|
||||
body: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// ===== 外观设置 =====
|
||||
_SectionHeader(title: '外观', theme: theme),
|
||||
const SizedBox(height: 8),
|
||||
const _ThemeSelectorCard(),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// ===== 关于 =====
|
||||
_SectionHeader(title: '关于', theme: theme),
|
||||
const SizedBox(height: 8),
|
||||
_AboutCard(colorScheme: colorScheme),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// ===== 法律信息 =====
|
||||
_SectionHeader(title: '法律信息', theme: theme),
|
||||
const SizedBox(height: 8),
|
||||
_LegalCard(colorScheme: colorScheme),
|
||||
const SizedBox(height: 32),
|
||||
|
||||
// ===== 底部版本号 =====
|
||||
Center(
|
||||
child: Text(
|
||||
'暖记 v1.0.0 (Phase 1)',
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: colorScheme.onSurface.withValues(alpha: 0.4),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 分区标题 =====
|
||||
|
||||
class _SectionHeader extends StatelessWidget {
|
||||
const _SectionHeader({required this.title, required this.theme});
|
||||
|
||||
final String title;
|
||||
final ThemeData theme;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 4),
|
||||
child: Text(
|
||||
title,
|
||||
style: theme.textTheme.titleSmall?.copyWith(
|
||||
color: theme.colorScheme.primary,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 主题选择器卡片 =====
|
||||
|
||||
class _ThemeSelectorCard extends StatelessWidget {
|
||||
const _ThemeSelectorCard();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
final settingsBloc = context.read<SettingsBloc>();
|
||||
|
||||
return Card(
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(22),
|
||||
side: BorderSide(color: colorScheme.outlineVariant),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
children: [
|
||||
// 标题行
|
||||
Row(
|
||||
children: [
|
||||
Icon(Icons.palette_outlined, color: colorScheme.primary),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'主题模式',
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
|
||||
// 三选一 SegmentedButton(实时响应主题切换)
|
||||
ListenableBuilder(
|
||||
listenable: settingsBloc,
|
||||
builder: (context, _) {
|
||||
final current = settingsBloc.state.themeMode;
|
||||
return SegmentedButton<ThemeMode>(
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: ThemeMode.system,
|
||||
icon: Icon(Icons.brightness_auto),
|
||||
label: Text('跟随系统'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: ThemeMode.light,
|
||||
icon: Icon(Icons.light_mode),
|
||||
label: Text('浅色'),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: ThemeMode.dark,
|
||||
icon: Icon(Icons.dark_mode),
|
||||
label: Text('深色'),
|
||||
),
|
||||
],
|
||||
selected: {current},
|
||||
onSelectionChanged: (modes) {
|
||||
settingsBloc.changeTheme(modes.first);
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 关于卡片 =====
|
||||
|
||||
class _AboutCard extends StatelessWidget {
|
||||
const _AboutCard({required this.colorScheme});
|
||||
|
||||
final ColorScheme colorScheme;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
|
||||
return Card(
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(22),
|
||||
side: BorderSide(color: colorScheme.outlineVariant),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
// 应用 Logo 信息
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 56,
|
||||
height: 56,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.accent.withValues(alpha: 0.15),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: const Text('📝', style: TextStyle(fontSize: 28)),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
'暖记',
|
||||
style: theme.textTheme.titleMedium?.copyWith(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
'温暖治愈的手账日记',
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: colorScheme.onSurface.withValues(alpha: 0.6),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const Divider(height: 1, indent: 20, endIndent: 20),
|
||||
_SettingsTile(
|
||||
icon: Icons.info_outline,
|
||||
iconColor: colorScheme.primary,
|
||||
title: '版本信息',
|
||||
subtitle: 'v1.0.0 · Phase 1',
|
||||
onTap: () => _showAboutDialog(context),
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.favorite_outline,
|
||||
iconColor: AppColors.accent,
|
||||
title: '给暖记评分',
|
||||
subtitle: '你的鼓励是我们前进的动力',
|
||||
onTap: () {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('应用商店评分功能即将上线')),
|
||||
);
|
||||
},
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.feedback_outlined,
|
||||
iconColor: AppColors.secondary,
|
||||
title: '意见反馈',
|
||||
subtitle: '告诉我们你的想法',
|
||||
onTap: () {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('反馈功能即将上线')),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _showAboutDialog(BuildContext context) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (ctx) => AlertDialog(
|
||||
title: const Row(
|
||||
children: [
|
||||
Text('📝', style: TextStyle(fontSize: 24)),
|
||||
SizedBox(width: 8),
|
||||
Text('暖记'),
|
||||
],
|
||||
),
|
||||
content: const Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('温暖治愈的手账日记 App'),
|
||||
SizedBox(height: 8),
|
||||
Text('版本: v1.0.0 (Phase 1)'),
|
||||
SizedBox(height: 8),
|
||||
Text('面向小学生首发,以手写/涂鸦为核心输入方式。'),
|
||||
SizedBox(height: 16),
|
||||
Text(
|
||||
'© 2026 暖记团队',
|
||||
style: TextStyle(fontSize: 12),
|
||||
),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(ctx),
|
||||
child: const Text('确定'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ===== 法律信息卡片 =====
|
||||
|
||||
class _LegalCard extends StatelessWidget {
|
||||
const _LegalCard({required this.colorScheme});
|
||||
|
||||
final ColorScheme colorScheme;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Card(
|
||||
elevation: 0,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(22),
|
||||
side: BorderSide(color: colorScheme.outlineVariant),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
_SettingsTile(
|
||||
icon: Icons.shield_outlined,
|
||||
iconColor: colorScheme.primary,
|
||||
title: '隐私政策',
|
||||
subtitle: '了解我们如何保护你的数据',
|
||||
onTap: () => _showLegalDialog(context, page: _LegalPage.privacy),
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.description_outlined,
|
||||
iconColor: AppColors.tertiary,
|
||||
title: '用户协议',
|
||||
subtitle: '使用条款和服务说明',
|
||||
onTap: () => _showLegalDialog(context, page: _LegalPage.terms),
|
||||
),
|
||||
_SettingsTile(
|
||||
icon: Icons.child_care_outlined,
|
||||
iconColor: AppColors.secondary,
|
||||
title: '儿童隐私保护',
|
||||
subtitle: '我们如何保护未成年人的权益',
|
||||
subtitleColor: AppColors.secondary,
|
||||
onTap: () => _showLegalDialog(context, page: _LegalPage.child),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _showLegalDialog(BuildContext context, {required _LegalPage page}) {
|
||||
final (title, icon, content) = switch (page) {
|
||||
_LegalPage.privacy => (
|
||||
'隐私政策',
|
||||
'🔒',
|
||||
'''
|
||||
暖记隐私政策(最后更新:2026年6月)
|
||||
|
||||
一、我们收集的信息
|
||||
• 昵称和年级(不收集真实姓名和身份证号)
|
||||
• 日记内容(仅存储在你的设备上,云端加密存储)
|
||||
• 心情记录(仅用于统计分析)
|
||||
|
||||
二、信息使用
|
||||
• 提供日记手账服务
|
||||
• 班级互动功能
|
||||
• 个性化体验
|
||||
|
||||
三、信息保护
|
||||
• 所有数据传输采用 TLS 加密
|
||||
• 云端数据采用 AES-256-GCM 加密
|
||||
• 本地数据采用设备级加密
|
||||
|
||||
四、你的权利
|
||||
• 查阅、更正你的个人数据
|
||||
• 要求删除所有数据
|
||||
• 导出你的数据
|
||||
|
||||
五、儿童保护
|
||||
• 未满 14 岁需家长授权
|
||||
• 最小必要数据原则
|
||||
• 家长可管理孩子的数据
|
||||
|
||||
如有疑问,请联系:privacy@nuanji.app''',
|
||||
),
|
||||
_LegalPage.terms => (
|
||||
'用户协议',
|
||||
'📋',
|
||||
'''
|
||||
暖记用户协议(最后更新:2026年6月)
|
||||
|
||||
一、服务说明
|
||||
暖记是一款面向小学生的手账日记应用,提供日记书写、心情记录、班级互动等功能。
|
||||
|
||||
二、用户行为规范
|
||||
• 尊重他人,友善交流
|
||||
• 不发布不当内容
|
||||
• 遵守学校规章制度
|
||||
|
||||
三、内容归属
|
||||
• 用户创作的日记内容归用户所有
|
||||
• 暖记不会在未经授权的情况下使用用户内容
|
||||
|
||||
四、免责声明
|
||||
• 因不可抗力导致的服务中断不承担责任
|
||||
• 用户因不当使用导致的损失自行承担
|
||||
|
||||
五、协议修改
|
||||
• 修改协议将提前通知用户
|
||||
• 继续使用视为同意修改后的协议''',
|
||||
),
|
||||
_LegalPage.child => (
|
||||
'儿童隐私保护',
|
||||
'👶',
|
||||
'''
|
||||
暖记特别重视儿童个人信息保护,严格遵守《儿童个人信息网络保护规定》。
|
||||
|
||||
一、家长授权
|
||||
• 未满 14 周岁的用户需家长同意后方可使用
|
||||
• 注册时需完成家长授权验证
|
||||
• 家长可随时撤回授权
|
||||
|
||||
二、最小必要原则
|
||||
• 仅收集提供服务必需的最少数据
|
||||
• 不收集真实姓名、身份证号等敏感信息
|
||||
• 不进行用户画像和个性化广告推送
|
||||
|
||||
三、数据安全
|
||||
• 采用多重加密保护儿童数据
|
||||
• 严格限制数据访问权限
|
||||
• 定期进行安全审计
|
||||
|
||||
四、家长权利
|
||||
• 查阅孩子的所有数据
|
||||
• 要求更正错误数据
|
||||
• 要求删除孩子数据(30天内完成)
|
||||
• 导出孩子数据
|
||||
|
||||
五、账号注销
|
||||
• 注销后30天内删除所有关联数据
|
||||
• 包括日记、贴纸、成就等
|
||||
• 删除后不可恢复
|
||||
|
||||
六、内容安全
|
||||
• 自动过滤敏感内容
|
||||
• 老师可审核班级内容
|
||||
• 举报机制保护儿童安全
|
||||
|
||||
如需联系:child-safety@nuanji.app''',
|
||||
),
|
||||
};
|
||||
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (ctx) => AlertDialog(
|
||||
title: Row(
|
||||
children: [
|
||||
Text(icon, style: const TextStyle(fontSize: 24)),
|
||||
const SizedBox(width: 8),
|
||||
Expanded(child: Text(title)),
|
||||
],
|
||||
),
|
||||
content: SingleChildScrollView(
|
||||
child: Text(
|
||||
content.trim(),
|
||||
style: const TextStyle(fontSize: 13, height: 1.6),
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(ctx),
|
||||
child: const Text('我知道了'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
enum _LegalPage { privacy, terms, child }
|
||||
|
||||
// ===== 通用设置列表项 =====
|
||||
|
||||
class _SettingsTile extends StatelessWidget {
|
||||
const _SettingsTile({
|
||||
required this.icon,
|
||||
required this.iconColor,
|
||||
required this.title,
|
||||
required this.onTap,
|
||||
this.subtitle,
|
||||
this.subtitleColor,
|
||||
});
|
||||
|
||||
final IconData icon;
|
||||
final Color iconColor;
|
||||
final String title;
|
||||
final String? subtitle;
|
||||
final Color? subtitleColor;
|
||||
final VoidCallback onTap;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
return ListTile(
|
||||
leading: Icon(icon, color: iconColor),
|
||||
title: Text(title, style: theme.textTheme.bodyMedium),
|
||||
subtitle: subtitle != null
|
||||
? Text(
|
||||
subtitle!,
|
||||
style: theme.textTheme.bodySmall?.copyWith(
|
||||
color: subtitleColor ??
|
||||
theme.colorScheme.onSurface.withValues(alpha: 0.5),
|
||||
),
|
||||
)
|
||||
: null,
|
||||
trailing: const Icon(Icons.chevron_right, size: 20),
|
||||
onTap: onTap,
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 20),
|
||||
);
|
||||
}
|
||||
}
|
||||
181
app/lib/features/stickers/bloc/sticker_bloc.dart
Normal file
181
app/lib/features/stickers/bloc/sticker_bloc.dart
Normal file
@@ -0,0 +1,181 @@
|
||||
// 贴纸 BLoC — 通过 API 加载贴纸包和贴纸数据
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
|
||||
// ===== 模型 =====
|
||||
|
||||
/// 贴纸包
|
||||
class StickerPack {
|
||||
final String id;
|
||||
final String name;
|
||||
final String? description;
|
||||
final String? coverImageUrl;
|
||||
final int stickerCount;
|
||||
final bool isFree;
|
||||
final String? category;
|
||||
|
||||
const StickerPack({
|
||||
required this.id,
|
||||
required this.name,
|
||||
this.description,
|
||||
this.coverImageUrl,
|
||||
this.stickerCount = 0,
|
||||
this.isFree = true,
|
||||
this.category,
|
||||
});
|
||||
|
||||
/// 兼容旧 UI 的 emoji 封面(优先用 coverImageUrl,否则用默认)
|
||||
String get displayCover => coverImageUrl ?? '🎨';
|
||||
}
|
||||
|
||||
/// 单张贴纸
|
||||
class Sticker {
|
||||
final String id;
|
||||
final String packId;
|
||||
final String name;
|
||||
final String imageUrl;
|
||||
final String? category;
|
||||
|
||||
const Sticker({
|
||||
required this.id,
|
||||
required this.packId,
|
||||
required this.name,
|
||||
required this.imageUrl,
|
||||
this.category,
|
||||
});
|
||||
}
|
||||
|
||||
// ===== State =====
|
||||
|
||||
/// 贴纸页面状态
|
||||
class StickerState {
|
||||
final List<StickerPack> packs;
|
||||
final String selectedCategory;
|
||||
final bool isLoading;
|
||||
final String? errorMessage;
|
||||
|
||||
const StickerState({
|
||||
this.packs = const [],
|
||||
this.selectedCategory = '全部',
|
||||
this.isLoading = false,
|
||||
this.errorMessage,
|
||||
});
|
||||
|
||||
/// 按分类过滤贴纸包
|
||||
List<StickerPack> get filteredPacks => selectedCategory == '全部'
|
||||
? packs
|
||||
: packs.where((p) => p.category == selectedCategory).toList();
|
||||
|
||||
/// 所有分类(去重 + 加"全部")
|
||||
List<String> get categories {
|
||||
final cats = packs
|
||||
.map((p) => p.category)
|
||||
.whereType<String>()
|
||||
.toSet()
|
||||
.toList();
|
||||
return ['全部', ...cats];
|
||||
}
|
||||
|
||||
StickerState copyWith({
|
||||
List<StickerPack>? packs,
|
||||
String? selectedCategory,
|
||||
bool? isLoading,
|
||||
String? errorMessage,
|
||||
}) =>
|
||||
StickerState(
|
||||
packs: packs ?? this.packs,
|
||||
selectedCategory: selectedCategory ?? this.selectedCategory,
|
||||
isLoading: isLoading ?? this.isLoading,
|
||||
errorMessage: errorMessage,
|
||||
);
|
||||
}
|
||||
|
||||
// ===== BLoC =====
|
||||
|
||||
/// 贴纸 BLoC — ChangeNotifier 模式
|
||||
class StickerBloc extends ChangeNotifier {
|
||||
final ApiClient _api;
|
||||
StickerState _state = const StickerState();
|
||||
StickerState get state => _state;
|
||||
|
||||
StickerBloc({required ApiClient api}) : _api = api;
|
||||
|
||||
/// 加载贴纸包列表
|
||||
void load() {
|
||||
_state = _state.copyWith(isLoading: true);
|
||||
notifyListeners();
|
||||
_fetchPacks();
|
||||
}
|
||||
|
||||
/// 选择分类
|
||||
void selectCategory(String category) {
|
||||
_state = _state.copyWith(selectedCategory: category);
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
/// 按分类加载贴纸包
|
||||
void loadByCategory(String? category) {
|
||||
_state = _state.copyWith(isLoading: true);
|
||||
notifyListeners();
|
||||
_fetchPacks(category: category);
|
||||
}
|
||||
|
||||
Future<void> _fetchPacks({String? category}) async {
|
||||
try {
|
||||
final queryParams = category != null && category != '全部'
|
||||
? {'category': category}
|
||||
: null;
|
||||
|
||||
final response = await _api.get(
|
||||
'/diary/sticker-packs',
|
||||
queryParams: queryParams,
|
||||
);
|
||||
final body = response.data as Map<String, dynamic>;
|
||||
final list = body['data'] as List? ?? [];
|
||||
|
||||
final packs = list.map((item) {
|
||||
final m = item as Map<String, dynamic>;
|
||||
return StickerPack(
|
||||
id: m['id'] as String,
|
||||
name: m['name'] as String,
|
||||
description: m['description'] as String?,
|
||||
coverImageUrl: m['cover_image_url'] as String?,
|
||||
stickerCount: (m['sticker_count'] as num?)?.toInt() ?? 0,
|
||||
isFree: m['is_free'] as bool? ?? true,
|
||||
category: m['category'] as String?,
|
||||
);
|
||||
}).toList();
|
||||
|
||||
_state = _state.copyWith(isLoading: false, packs: packs);
|
||||
} catch (e) {
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
errorMessage: '加载贴纸包失败',
|
||||
);
|
||||
}
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
/// 获取贴纸包内的贴纸列表
|
||||
Future<List<Sticker>> fetchStickersInPack(String packId) async {
|
||||
try {
|
||||
final response = await _api.get('/diary/sticker-packs/$packId/stickers');
|
||||
final body = response.data as Map<String, dynamic>;
|
||||
final list = body['data'] as List? ?? [];
|
||||
|
||||
return list.map((item) {
|
||||
final m = item as Map<String, dynamic>;
|
||||
return Sticker(
|
||||
id: m['id'] as String,
|
||||
packId: m['pack_id'] as String,
|
||||
name: m['name'] as String,
|
||||
imageUrl: m['image_url'] as String,
|
||||
category: m['category'] as String?,
|
||||
);
|
||||
}).toList();
|
||||
} catch (e) {
|
||||
return [];
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,26 +1,10 @@
|
||||
// 贴纸库页面 — 贴纸包浏览 + 贴纸网格
|
||||
// 贴纸库页面 — 贴纸包浏览 + 分类 Tab
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:nuanji_app/core/theme/app_colors.dart';
|
||||
|
||||
/// 贴纸包数据模型
|
||||
class StickerPack {
|
||||
final String id;
|
||||
final String name;
|
||||
final String? coverEmoji;
|
||||
final int stickerCount;
|
||||
final bool isFree;
|
||||
final String? category;
|
||||
|
||||
const StickerPack({
|
||||
required this.id,
|
||||
required this.name,
|
||||
this.coverEmoji,
|
||||
this.stickerCount = 0,
|
||||
this.isFree = true,
|
||||
this.category,
|
||||
});
|
||||
}
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
import '../bloc/sticker_bloc.dart';
|
||||
|
||||
/// 贴纸库页面 — 分类浏览贴纸包
|
||||
class StickerLibraryPage extends StatefulWidget {
|
||||
@@ -30,93 +14,106 @@ class StickerLibraryPage extends StatefulWidget {
|
||||
State<StickerLibraryPage> createState() => _StickerLibraryPageState();
|
||||
}
|
||||
|
||||
class _StickerLibraryPageState extends State<StickerLibraryPage>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late TabController _tabController;
|
||||
|
||||
// Phase 1 占位数据
|
||||
final _categories = ['全部', '动物', '食物', '自然', '节日', '表情'];
|
||||
|
||||
final _packs = const [
|
||||
StickerPack(id: '1', name: '可爱猫咪', coverEmoji: '🐱', stickerCount: 24, isFree: true, category: '动物'),
|
||||
StickerPack(id: '2', name: '小兔子系列', coverEmoji: '🐰', stickerCount: 20, isFree: true, category: '动物'),
|
||||
StickerPack(id: '3', name: '甜品派对', coverEmoji: '🍰', stickerCount: 18, isFree: true, category: '食物'),
|
||||
StickerPack(id: '4', name: '花朵合集', coverEmoji: '🌸', stickerCount: 22, isFree: true, category: '自然'),
|
||||
StickerPack(id: '5', name: '夏日清凉', coverEmoji: '🍉', stickerCount: 16, isFree: true, category: '食物'),
|
||||
StickerPack(id: '6', name: '星空物语', coverEmoji: '⭐', stickerCount: 20, isFree: false, category: '自然'),
|
||||
StickerPack(id: '7', name: '开心表情', coverEmoji: '😄', stickerCount: 30, isFree: true, category: '表情'),
|
||||
StickerPack(id: '8', name: '新年快乐', coverEmoji: '🎉', stickerCount: 15, isFree: false, category: '节日'),
|
||||
];
|
||||
class _StickerLibraryPageState extends State<StickerLibraryPage> {
|
||||
late final StickerBloc _bloc;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_tabController = TabController(length: _categories.length, vsync: this);
|
||||
_bloc = StickerBloc(api: context.read<ApiClient>());
|
||||
_bloc.load();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_tabController.dispose();
|
||||
_bloc.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final colorScheme = theme.colorScheme;
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('贴纸库'),
|
||||
bottom: TabBar(
|
||||
controller: _tabController,
|
||||
isScrollable: true,
|
||||
tabAlignment: TabAlignment.start,
|
||||
tabs: _categories.map((c) => Tab(text: c)).toList(),
|
||||
),
|
||||
appBar: AppBar(title: const Text('贴纸库')),
|
||||
body: ListenableBuilder(
|
||||
listenable: _bloc,
|
||||
builder: (context, _) {
|
||||
final state = _bloc.state;
|
||||
|
||||
if (state.isLoading) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (state.errorMessage != null) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 48, color: colorScheme.error),
|
||||
const SizedBox(height: 16),
|
||||
FilledButton.tonal(
|
||||
onPressed: _bloc.load,
|
||||
child: const Text('重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
final categories = state.categories;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 分类选择器(横向滚动 Chips)
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
children: categories.map((cat) {
|
||||
final isSelected = cat == state.selectedCategory;
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: FilterChip(
|
||||
selected: isSelected,
|
||||
label: Text(cat),
|
||||
onSelected: (_) => _bloc.selectCategory(cat),
|
||||
selectedColor: colorScheme.primaryContainer,
|
||||
checkmarkColor: colorScheme.primary,
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
|
||||
// 贴纸包网格
|
||||
Expanded(
|
||||
child: state.filteredPacks.isEmpty
|
||||
? const Center(child: Text('暂无贴纸包'))
|
||||
: GridView.builder(
|
||||
padding: const EdgeInsets.all(16),
|
||||
gridDelegate:
|
||||
const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.85,
|
||||
),
|
||||
itemCount: state.filteredPacks.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _StickerPackCard(
|
||||
pack: state.filteredPacks[index],
|
||||
colorScheme: colorScheme,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
body: TabBarView(
|
||||
controller: _tabController,
|
||||
children: _categories.map((category) {
|
||||
final filtered = category == '全部'
|
||||
? _packs
|
||||
: _packs.where((p) => p.category == category).toList();
|
||||
return _StickerPackGrid(packs: filtered, colorScheme: colorScheme);
|
||||
}).toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 贴纸包网格
|
||||
class _StickerPackGrid extends StatelessWidget {
|
||||
const _StickerPackGrid({
|
||||
required this.packs,
|
||||
required this.colorScheme,
|
||||
});
|
||||
|
||||
final List<StickerPack> packs;
|
||||
final ColorScheme colorScheme;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (packs.isEmpty) {
|
||||
return const Center(child: Text('暂无贴纸包'));
|
||||
}
|
||||
|
||||
return GridView.builder(
|
||||
padding: const EdgeInsets.all(16),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.85,
|
||||
),
|
||||
itemCount: packs.length,
|
||||
itemBuilder: (context, index) {
|
||||
final pack = packs[index];
|
||||
return _StickerPackCard(pack: pack, colorScheme: colorScheme);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -143,7 +140,6 @@ class _StickerPackCard extends StatelessWidget {
|
||||
),
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
// Phase 1: 展示贴纸包详情页(待实现)
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('打开贴纸包: ${pack.name}')),
|
||||
);
|
||||
@@ -164,7 +160,7 @@ class _StickerPackCard extends StatelessWidget {
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Text(
|
||||
pack.coverEmoji ?? '🎨',
|
||||
pack.coverImageUrl != null ? '🎨' : pack.displayCover,
|
||||
style: const TextStyle(fontSize: 32),
|
||||
),
|
||||
),
|
||||
@@ -192,7 +188,8 @@ class _StickerPackCard extends StatelessWidget {
|
||||
if (!pack.isFree) ...[
|
||||
const SizedBox(width: 8),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 6, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.accent.withValues(alpha: 0.15),
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
|
||||
135
app/lib/features/templates/bloc/template_bloc.dart
Normal file
135
app/lib/features/templates/bloc/template_bloc.dart
Normal file
@@ -0,0 +1,135 @@
|
||||
// 模板 BLoC — 通过 API 加载模板列表
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
|
||||
// ===== 模型 =====
|
||||
|
||||
/// 日记模板
|
||||
class Template {
|
||||
final String id;
|
||||
final String name;
|
||||
final String? description;
|
||||
final String? previewUrl;
|
||||
final Map<String, dynamic>? templateData;
|
||||
final String? category;
|
||||
final bool isFree;
|
||||
|
||||
/// 用于 UI 显示的 emoji(基于 category 推导)
|
||||
String get emoji => switch (category) {
|
||||
'日常' => '☀️',
|
||||
'旅行' => '🗺️',
|
||||
'校园' => '📚',
|
||||
'节日' => '🎄',
|
||||
'创意' => '✨',
|
||||
_ => '📝',
|
||||
};
|
||||
|
||||
const Template({
|
||||
required this.id,
|
||||
required this.name,
|
||||
this.description,
|
||||
this.previewUrl,
|
||||
this.templateData,
|
||||
this.category,
|
||||
this.isFree = true,
|
||||
});
|
||||
}
|
||||
|
||||
// ===== State =====
|
||||
|
||||
/// 模板页面状态
|
||||
class TemplateState {
|
||||
final List<Template> templates;
|
||||
final String selectedCategory;
|
||||
final bool isLoading;
|
||||
final String? errorMessage;
|
||||
|
||||
const TemplateState({
|
||||
this.templates = const [],
|
||||
this.selectedCategory = '全部',
|
||||
this.isLoading = false,
|
||||
this.errorMessage,
|
||||
});
|
||||
|
||||
/// 按分类过滤模板
|
||||
List<Template> get filteredTemplates => selectedCategory == '全部'
|
||||
? templates
|
||||
: templates.where((t) => t.category == selectedCategory).toList();
|
||||
|
||||
/// 所有分类(去重 + 加"全部")
|
||||
List<String> get categories {
|
||||
final cats = templates
|
||||
.map((t) => t.category)
|
||||
.whereType<String>()
|
||||
.toSet()
|
||||
.toList();
|
||||
return ['全部', ...cats];
|
||||
}
|
||||
|
||||
TemplateState copyWith({
|
||||
List<Template>? templates,
|
||||
String? selectedCategory,
|
||||
bool? isLoading,
|
||||
String? errorMessage,
|
||||
}) =>
|
||||
TemplateState(
|
||||
templates: templates ?? this.templates,
|
||||
selectedCategory: selectedCategory ?? this.selectedCategory,
|
||||
isLoading: isLoading ?? this.isLoading,
|
||||
errorMessage: errorMessage,
|
||||
);
|
||||
}
|
||||
|
||||
// ===== BLoC =====
|
||||
|
||||
/// 模板 BLoC — ChangeNotifier 模式
|
||||
class TemplateBloc extends ChangeNotifier {
|
||||
final ApiClient _api;
|
||||
TemplateState _state = const TemplateState();
|
||||
TemplateState get state => _state;
|
||||
|
||||
TemplateBloc({required ApiClient api}) : _api = api;
|
||||
|
||||
/// 加载模板列表
|
||||
void load() {
|
||||
_state = _state.copyWith(isLoading: true);
|
||||
notifyListeners();
|
||||
_fetchTemplates();
|
||||
}
|
||||
|
||||
/// 选择分类
|
||||
void selectCategory(String category) {
|
||||
_state = _state.copyWith(selectedCategory: category);
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
Future<void> _fetchTemplates() async {
|
||||
try {
|
||||
final response = await _api.get('/diary/templates');
|
||||
final body = response.data as Map<String, dynamic>;
|
||||
final list = body['data'] as List? ?? [];
|
||||
|
||||
final templates = list.map((item) {
|
||||
final m = item as Map<String, dynamic>;
|
||||
return Template(
|
||||
id: m['id'] as String,
|
||||
name: m['name'] as String,
|
||||
description: m['description'] as String?,
|
||||
previewUrl: m['preview_url'] as String?,
|
||||
templateData: m['template_data'] as Map<String, dynamic>?,
|
||||
category: m['category'] as String?,
|
||||
isFree: m['is_free'] as bool? ?? true,
|
||||
);
|
||||
}).toList();
|
||||
|
||||
_state = _state.copyWith(isLoading: false, templates: templates);
|
||||
} catch (e) {
|
||||
_state = _state.copyWith(
|
||||
isLoading: false,
|
||||
errorMessage: '加载模板列表失败',
|
||||
);
|
||||
}
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
@@ -1,27 +1,11 @@
|
||||
// 模板画廊页面 — 日记模板浏览和选择
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import 'package:nuanji_app/core/theme/app_colors.dart';
|
||||
|
||||
/// 模板数据模型
|
||||
class Template {
|
||||
final String id;
|
||||
final String name;
|
||||
final String emoji;
|
||||
final String? category;
|
||||
final bool isFree;
|
||||
final String? description;
|
||||
|
||||
const Template({
|
||||
required this.id,
|
||||
required this.name,
|
||||
required this.emoji,
|
||||
this.category,
|
||||
this.isFree = true,
|
||||
this.description,
|
||||
});
|
||||
}
|
||||
import 'package:nuanji_app/data/remote/api_client.dart';
|
||||
import '../bloc/template_bloc.dart';
|
||||
|
||||
/// 模板画廊页面 — 浏览和选择日记模板
|
||||
class TemplateGalleryPage extends StatefulWidget {
|
||||
@@ -32,81 +16,104 @@ class TemplateGalleryPage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _TemplateGalleryPageState extends State<TemplateGalleryPage> {
|
||||
String _selectedCategory = '全部';
|
||||
late final TemplateBloc _bloc;
|
||||
|
||||
final _categories = ['全部', '日常', '旅行', '校园', '节日', '创意'];
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_bloc = TemplateBloc(api: context.read<ApiClient>());
|
||||
_bloc.load();
|
||||
}
|
||||
|
||||
// Phase 1 占位数据
|
||||
final _templates = const [
|
||||
Template(id: '1', name: '今日心情', emoji: '💭', category: '日常', description: '记录今天的心情和感受'),
|
||||
Template(id: '2', name: '校园日记', emoji: '📚', category: '校园', description: '在学校的一天'),
|
||||
Template(id: '3', name: '旅行手账', emoji: '🗺️', category: '旅行', description: '记录旅行中的美好瞬间'),
|
||||
Template(id: '4', name: '美食记录', emoji: '🍜', category: '日常', description: '记录今天吃到的美食'),
|
||||
Template(id: '5', name: '读书笔记', emoji: '📖', category: '校园', description: '记录读完一本书的感想'),
|
||||
Template(id: '6', name: '节日特辑', emoji: '🎄', category: '节日', description: '特别的节日记录'),
|
||||
Template(id: '7', name: '自然观察', emoji: '🌿', category: '创意', description: '记录大自然的发现'),
|
||||
Template(id: '8', name: '梦想清单', emoji: '✨', category: '创意', description: '写下心中的梦想'),
|
||||
Template(id: '9', name: '周末时光', emoji: '☀️', category: '日常', description: '悠闲的周末记录'),
|
||||
Template(id: '10', name: '运动打卡', emoji: '🏃', category: '日常', description: '记录运动和锻炼'),
|
||||
];
|
||||
@override
|
||||
void dispose() {
|
||||
_bloc.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final colorScheme = theme.colorScheme;
|
||||
|
||||
final filtered = _selectedCategory == '全部'
|
||||
? _templates
|
||||
: _templates.where((t) => t.category == _selectedCategory).toList();
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('模板画廊'),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
// 分类选择器
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
children: _categories.map((cat) {
|
||||
final isSelected = cat == _selectedCategory;
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: FilterChip(
|
||||
selected: isSelected,
|
||||
label: Text(cat),
|
||||
onSelected: (_) {
|
||||
setState(() => _selectedCategory = cat);
|
||||
},
|
||||
selectedColor: colorScheme.primaryContainer,
|
||||
checkmarkColor: colorScheme.primary,
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
appBar: AppBar(title: const Text('模板画廊')),
|
||||
body: ListenableBuilder(
|
||||
listenable: _bloc,
|
||||
builder: (context, _) {
|
||||
final state = _bloc.state;
|
||||
|
||||
// 模板网格
|
||||
Expanded(
|
||||
child: GridView.builder(
|
||||
padding: const EdgeInsets.all(16),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.78,
|
||||
if (state.isLoading) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
|
||||
if (state.errorMessage != null) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 48, color: colorScheme.error),
|
||||
const SizedBox(height: 16),
|
||||
FilledButton.tonal(
|
||||
onPressed: _bloc.load,
|
||||
child: const Text('重试'),
|
||||
),
|
||||
],
|
||||
),
|
||||
itemCount: filtered.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _TemplateCard(template: filtered[index]);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
final categories = state.categories;
|
||||
|
||||
return Column(
|
||||
children: [
|
||||
// 分类选择器
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
children: categories.map((cat) {
|
||||
final isSelected = cat == state.selectedCategory;
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: FilterChip(
|
||||
selected: isSelected,
|
||||
label: Text(cat),
|
||||
onSelected: (_) => _bloc.selectCategory(cat),
|
||||
selectedColor: colorScheme.primaryContainer,
|
||||
checkmarkColor: colorScheme.primary,
|
||||
),
|
||||
);
|
||||
}).toList(),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
|
||||
// 模板网格
|
||||
Expanded(
|
||||
child: state.filteredTemplates.isEmpty
|
||||
? const Center(child: Text('暂无模板'))
|
||||
: GridView.builder(
|
||||
padding: const EdgeInsets.all(16),
|
||||
gridDelegate:
|
||||
const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
childAspectRatio: 0.78,
|
||||
),
|
||||
itemCount: state.filteredTemplates.length,
|
||||
itemBuilder: (context, index) {
|
||||
return _TemplateCard(
|
||||
template: state.filteredTemplates[index],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@@ -430,4 +430,140 @@ mod tests {
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"is_active\":true"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn achievement_resp_serializes() {
|
||||
let resp = AchievementResp {
|
||||
id: uuid::Uuid::nil(),
|
||||
code: "first_diary".into(),
|
||||
name: "初次落笔".into(),
|
||||
description: Some("写下第一篇日记".into()),
|
||||
icon: Some("✏️".into()),
|
||||
category: "writing".into(),
|
||||
is_unlocked: true,
|
||||
unlocked_at: None,
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"code\":\"first_diary\""));
|
||||
assert!(json.contains("\"is_unlocked\":true"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn achievement_resp_unlocked_at_present() {
|
||||
let now = chrono::Utc::now();
|
||||
let resp = AchievementResp {
|
||||
id: uuid::Uuid::nil(),
|
||||
code: "streak_7".into(),
|
||||
name: "坚持一周".into(),
|
||||
description: None,
|
||||
icon: None,
|
||||
category: "writing".into(),
|
||||
is_unlocked: true,
|
||||
unlocked_at: Some(now),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("unlocked_at"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn mood_stats_resp_structure() {
|
||||
let resp = MoodStatsResp {
|
||||
mood_counts: vec![
|
||||
MoodCount {
|
||||
mood: Mood::Happy,
|
||||
count: 12,
|
||||
percentage: 60.0,
|
||||
},
|
||||
MoodCount {
|
||||
mood: Mood::Calm,
|
||||
count: 8,
|
||||
percentage: 40.0,
|
||||
},
|
||||
],
|
||||
streak_days: 7,
|
||||
total_journals: 20,
|
||||
dominant_mood: Some(Mood::Happy),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"streak_days\":7"));
|
||||
assert!(json.contains("\"total_journals\":20"));
|
||||
assert!(json.contains("\"dominant_mood\":\"happy\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn sticker_resp_fields() {
|
||||
let resp = StickerResp {
|
||||
id: uuid::Uuid::nil(),
|
||||
pack_id: uuid::Uuid::nil(),
|
||||
name: "笑脸".into(),
|
||||
image_url: "https://cdn.example.com/smile.png".into(),
|
||||
category: Some("表情".into()),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"image_url\""));
|
||||
assert!(json.contains("\"category\":\"表情\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn template_resp_with_layout_data() {
|
||||
let resp = TemplateResp {
|
||||
id: uuid::Uuid::nil(),
|
||||
name: "校园日记".into(),
|
||||
description: Some("在学校的一天".into()),
|
||||
preview_url: Some("https://cdn.example.com/preview.png".into()),
|
||||
template_data: Some(serde_json::json!({
|
||||
"sections": [{"type": "title"}, {"type": "body"}]
|
||||
})),
|
||||
category: Some("校园".into()),
|
||||
is_free: true,
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"sections\""));
|
||||
assert!(json.contains("\"preview_url\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn create_journal_req_with_class() {
|
||||
let json = r#"{
|
||||
"title": "班级日记",
|
||||
"date": "2026-06-01",
|
||||
"mood": "happy",
|
||||
"weather": "sunny",
|
||||
"tags": ["校园"],
|
||||
"is_private": false,
|
||||
"class_id": "00000000-0000-0000-0000-000000000001"
|
||||
}"#;
|
||||
let req: CreateJournalReq = serde_json::from_str(json).unwrap();
|
||||
assert!(!req.is_private);
|
||||
assert!(req.class_id.is_some());
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn join_class_req() {
|
||||
let json = r#"{"class_code": "ABC123"}"#;
|
||||
let req: JoinClassReq = serde_json::from_str(json).unwrap();
|
||||
assert_eq!(req.class_code, "ABC123");
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn create_class_req() {
|
||||
let json = r#"{"name": "三年二班", "school_name": "阳光小学"}"#;
|
||||
let req: CreateClassReq = serde_json::from_str(json).unwrap();
|
||||
assert_eq!(req.name, "三年二班");
|
||||
assert_eq!(req.school_name, Some("阳光小学".into()));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn notification_payload_structure() {
|
||||
let payload = NotificationPayload {
|
||||
notification_type: NotificationType::AchievementUnlocked,
|
||||
recipient_id: uuid::Uuid::nil(),
|
||||
title: "成就解锁".into(),
|
||||
body: "你解锁了「初次落笔」成就".into(),
|
||||
business_id: Some(uuid::Uuid::nil()),
|
||||
extra: None,
|
||||
};
|
||||
let json = serde_json::to_string(&payload).unwrap();
|
||||
assert!(json.contains("\"notification_type\":\"achievement_unlocked\""));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
|
||||
use axum::extract::{Extension, FromRef, Path, State};
|
||||
use axum::response::Json;
|
||||
use uuid::Uuid;
|
||||
|
||||
use erp_core::error::AppError;
|
||||
use erp_core::rbac::require_permission;
|
||||
|
||||
@@ -156,3 +156,64 @@ impl AchievementService {
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg(test)]
|
||||
mod tests {
|
||||
use super::*;
|
||||
|
||||
#[test]
|
||||
fn achievement_not_found_error() {
|
||||
let err = DiaryError::NotFound("成就 xxx 不存在".to_string());
|
||||
assert!(err.to_string().contains("xxx"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn achievement_resp_structure() {
|
||||
let resp = AchievementResp {
|
||||
id: Uuid::nil(),
|
||||
code: "first_diary".into(),
|
||||
name: "初次落笔".into(),
|
||||
description: Some("写下第一篇日记".into()),
|
||||
icon: Some("✏️".into()),
|
||||
category: "writing".into(),
|
||||
is_unlocked: false,
|
||||
unlocked_at: None,
|
||||
};
|
||||
assert_eq!(resp.code, "first_diary");
|
||||
assert!(!resp.is_unlocked);
|
||||
assert!(resp.unlocked_at.is_none());
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn achievement_resp_serializes() {
|
||||
let resp = AchievementResp {
|
||||
id: Uuid::nil(),
|
||||
code: "streak_7".into(),
|
||||
name: "坚持一周".into(),
|
||||
description: None,
|
||||
icon: None,
|
||||
category: "writing".into(),
|
||||
is_unlocked: true,
|
||||
unlocked_at: Some(Utc::now()),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"is_unlocked\":true"));
|
||||
assert!(json.contains("\"code\":\"streak_7\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn unlocked_map_construction() {
|
||||
// 测试 unlocked_map 构建逻辑
|
||||
use std::collections::HashMap;
|
||||
let mut map: HashMap<Uuid, chrono::DateTime<Utc>> = HashMap::new();
|
||||
let id = Uuid::now_v7();
|
||||
let now = Utc::now();
|
||||
map.insert(id, now);
|
||||
|
||||
assert!(map.contains_key(&id));
|
||||
assert_eq!(map.len(), 1);
|
||||
|
||||
let missing = Uuid::now_v7();
|
||||
assert!(!map.contains_key(&missing));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -298,3 +298,56 @@ fn member_model_to_resp(model: class_member::Model) -> ClassMemberResp {
|
||||
joined_at: model.joined_at,
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg(test)]
|
||||
mod tests {
|
||||
use super::*;
|
||||
|
||||
// ===== 班级码生成测试 =====
|
||||
|
||||
#[test]
|
||||
fn generate_class_code_is_6_chars() {
|
||||
let code = generate_class_code();
|
||||
assert_eq!(code.len(), 6, "班级码必须是 6 位");
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn generate_class_code_is_alphanumeric() {
|
||||
let code = generate_class_code();
|
||||
assert!(
|
||||
code.chars().all(|c| c.is_ascii_alphanumeric()),
|
||||
"班级码必须全部是字母数字"
|
||||
);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn generate_class_code_is_unique() {
|
||||
let codes: std::collections::HashSet<String> = (0..100)
|
||||
.map(|_| generate_class_code())
|
||||
.collect();
|
||||
// 100 个码应该全部不同(概率上几乎确定)
|
||||
assert!(codes.len() > 90, "生成的班级码应该高度唯一");
|
||||
}
|
||||
|
||||
// ===== 错误映射测试 =====
|
||||
|
||||
#[test]
|
||||
fn invalid_class_code_error() {
|
||||
let err = DiaryError::InvalidClassCode;
|
||||
assert!(err.to_string().contains("无效"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn class_code_expired_error() {
|
||||
let err = DiaryError::ClassCodeExpired;
|
||||
assert!(err.to_string().contains("过期"));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn class_code_locked_error() {
|
||||
let err = DiaryError::ClassCodeLocked {
|
||||
lockout_minutes: 30,
|
||||
};
|
||||
assert!(err.to_string().contains("30"));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -148,6 +148,8 @@ fn parse_mood(s: &str) -> Mood {
|
||||
mod tests {
|
||||
use super::*;
|
||||
|
||||
// ===== parse_mood 测试 =====
|
||||
|
||||
#[test]
|
||||
fn parse_mood_known_values() {
|
||||
assert!(matches!(parse_mood("happy"), Mood::Happy));
|
||||
@@ -160,12 +162,131 @@ mod tests {
|
||||
#[test]
|
||||
fn parse_mood_unknown_defaults_happy() {
|
||||
assert!(matches!(parse_mood("unknown"), Mood::Happy));
|
||||
assert!(matches!(parse_mood(""), Mood::Happy));
|
||||
assert!(matches!(parse_mood("HAPPY"), Mood::Happy));
|
||||
}
|
||||
|
||||
// ===== StatsPeriod 测试 =====
|
||||
|
||||
#[test]
|
||||
fn stats_period_days() {
|
||||
assert_eq!(StatsPeriod::Week.days(), 7);
|
||||
assert_eq!(StatsPeriod::Month.days(), 30);
|
||||
assert_eq!(StatsPeriod::Quarter.days(), 90);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn stats_period_deserialize() {
|
||||
assert!(matches!(
|
||||
serde_json::from_str::<StatsPeriod>("\"Week\"").unwrap(),
|
||||
StatsPeriod::Week
|
||||
));
|
||||
}
|
||||
|
||||
// ===== 连续天数算法测试 =====
|
||||
|
||||
#[test]
|
||||
fn streak_calculation_empty_dates() {
|
||||
// 无日记时 streak = 0
|
||||
let dates: std::collections::HashSet<NaiveDate> = std::collections::HashSet::new();
|
||||
assert!(dates.is_empty());
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn streak_from_consecutive_dates() {
|
||||
// 模拟连续 3 天写日记
|
||||
let today = Utc::now().date_naive();
|
||||
let dates: std::collections::HashSet<NaiveDate> = [
|
||||
today,
|
||||
today - Duration::days(1),
|
||||
today - Duration::days(2),
|
||||
]
|
||||
.into_iter()
|
||||
.collect();
|
||||
|
||||
let mut streak = 0i32;
|
||||
let mut check_date = today;
|
||||
let mut mutable_dates = dates.clone();
|
||||
while mutable_dates.remove(&check_date) {
|
||||
streak += 1;
|
||||
check_date -= Duration::days(1);
|
||||
}
|
||||
assert_eq!(streak, 3);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn streak_broken_midway() {
|
||||
// 今天写了,昨天没写 → streak = 1
|
||||
let today = Utc::now().date_naive();
|
||||
let dates: std::collections::HashSet<NaiveDate> =
|
||||
[today, today - Duration::days(2)].into_iter().collect();
|
||||
|
||||
let mut streak = 0i32;
|
||||
let mut check_date = today;
|
||||
let mut mutable_dates = dates.clone();
|
||||
while mutable_dates.remove(&check_date) {
|
||||
streak += 1;
|
||||
check_date -= Duration::days(1);
|
||||
}
|
||||
assert_eq!(streak, 1);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn streak_no_diary_today() {
|
||||
// 今天没写日记 → streak = 0(即使昨天写了)
|
||||
let today = Utc::now().date_naive();
|
||||
let dates: std::collections::HashSet<NaiveDate> =
|
||||
[today - Duration::days(1)].into_iter().collect();
|
||||
|
||||
let mut streak = 0i32;
|
||||
let mut check_date = today;
|
||||
let mut mutable_dates = dates.clone();
|
||||
while mutable_dates.remove(&check_date) {
|
||||
streak += 1;
|
||||
check_date -= Duration::days(1);
|
||||
}
|
||||
assert_eq!(streak, 0);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn streak_long_consecutive() {
|
||||
// 连续 30 天
|
||||
let today = Utc::now().date_naive();
|
||||
let dates: std::collections::HashSet<NaiveDate> = (0..30)
|
||||
.map(|d| today - Duration::days(d))
|
||||
.collect();
|
||||
|
||||
let mut streak = 0i32;
|
||||
let mut check_date = today;
|
||||
let mut mutable_dates = dates.clone();
|
||||
while mutable_dates.remove(&check_date) {
|
||||
streak += 1;
|
||||
check_date -= Duration::days(1);
|
||||
}
|
||||
assert_eq!(streak, 30);
|
||||
}
|
||||
|
||||
// ===== 心情计数聚合测试 =====
|
||||
|
||||
#[test]
|
||||
fn mood_counts_percentage_calculation() {
|
||||
// 模拟聚合逻辑:3 happy + 2 calm = 5 total
|
||||
let total = 5i32;
|
||||
let happy_count = 3i32;
|
||||
let calm_count = 2i32;
|
||||
|
||||
let happy_pct = (happy_count as f64 / total as f64) * 100.0;
|
||||
let calm_pct = (calm_count as f64 / total as f64) * 100.0;
|
||||
|
||||
assert!((happy_pct - 60.0).abs() < 0.01);
|
||||
assert!((calm_pct - 40.0).abs() < 0.01);
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn mood_counts_empty_total_zero_percentage() {
|
||||
// 无日记时,百分比为 0
|
||||
let total = 0i32;
|
||||
let percentage = if total > 0 { 100.0 } else { 0.0 };
|
||||
assert_eq!(percentage, 0.0);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
// 贴纸服务 — 贴纸包与贴纸管理
|
||||
|
||||
use sea_orm::{
|
||||
ColumnTrait, DatabaseConnection, EntityTrait, PaginatorTrait, QueryFilter, QueryOrder, Set,
|
||||
ColumnTrait, DatabaseConnection, EntityTrait, PaginatorTrait, QueryFilter, QueryOrder,
|
||||
};
|
||||
use uuid::Uuid;
|
||||
|
||||
@@ -152,3 +152,72 @@ impl StickerService {
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg(test)]
|
||||
mod tests {
|
||||
use super::*;
|
||||
|
||||
// ===== DTO 序列化测试 =====
|
||||
|
||||
#[test]
|
||||
fn sticker_pack_resp_serializes() {
|
||||
let resp = StickerPackResp {
|
||||
id: Uuid::nil(),
|
||||
name: "可爱猫咪".into(),
|
||||
description: Some("超萌的猫咪贴纸".into()),
|
||||
cover_image_url: Some("https://example.com/cat.png".into()),
|
||||
sticker_count: 24,
|
||||
is_free: true,
|
||||
category: Some("动物".into()),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"sticker_count\":24"));
|
||||
assert!(json.contains("\"is_free\":true"));
|
||||
assert!(json.contains("\"category\":\"动物\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn sticker_resp_serializes() {
|
||||
let resp = StickerResp {
|
||||
id: Uuid::nil(),
|
||||
pack_id: Uuid::nil(),
|
||||
name: "笑脸猫".into(),
|
||||
image_url: "https://example.com/cat-smile.png".into(),
|
||||
category: Some("表情".into()),
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"name\":\"笑脸猫\""));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn template_resp_serializes() {
|
||||
let resp = TemplateResp {
|
||||
id: Uuid::nil(),
|
||||
name: "今日心情".into(),
|
||||
description: Some("记录今天的心情".into()),
|
||||
preview_url: None,
|
||||
template_data: Some(serde_json::json!({"layout": "grid"})),
|
||||
category: Some("日常".into()),
|
||||
is_free: true,
|
||||
};
|
||||
let json = serde_json::to_string(&resp).unwrap();
|
||||
assert!(json.contains("\"is_free\":true"));
|
||||
assert!(json.contains("\"layout\":\"grid\""));
|
||||
}
|
||||
|
||||
// ===== 错误处理测试 =====
|
||||
|
||||
#[test]
|
||||
fn sticker_pack_not_found_error() {
|
||||
let pack_id = Uuid::now_v7();
|
||||
let err = DiaryError::NotFound(format!("贴纸包 {} 不存在", pack_id));
|
||||
assert!(err.to_string().contains(&pack_id.to_string()));
|
||||
}
|
||||
|
||||
#[test]
|
||||
fn template_not_found_error() {
|
||||
let template_id = Uuid::now_v7();
|
||||
let err = DiaryError::NotFound(format!("模板 {} 不存在", template_id));
|
||||
assert!(err.to_string().contains(&template_id.to_string()));
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user