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

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

Browse Source
This commit is contained in:
qzl
2026-03-27 14:05:03 +08:00
parent b1f0eb8921
commit c592cc7854
178 changed files with 10748 additions and 5764 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/lib/features/messages/presentation/widgets/calendar_message_card.dart
+243
View File
@@ -0,0 +1,243 @@
import 'package:flutter/material.dart';
import 'package:social_app/core/l10n/l10n.dart';
import '../../../../core/theme/design_tokens.dart';
import '../../../../shared/widgets/app_button.dart';
import '../../data/inbox_api.dart';
class CalendarInviteCard extends StatelessWidget {
final InboxMessageResponse message;
final VoidCallback onAccept;
final VoidCallback onReject;
const CalendarInviteCard({
super.key,
required this.message,
required this.onAccept,
required this.onReject,
});
String? get eventTitle {
final data = message.content;
return data?['title'] as String?;
}
@override
Widget build(BuildContext context) {
final l10n = context.l10n;
return Container(
margin: const EdgeInsets.symmetric(
horizontal: AppSpacing.md,
vertical: AppSpacing.xs,
),
padding: const EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.circular(AppRadius.md),
border: Border.all(color: AppColors.border),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColors.blue100,
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: const Icon(
Icons.calendar_today,
color: AppColors.blue600,
size: 20,
),
),
const SizedBox(width: AppSpacing.sm),
Expanded(
child: Text(
l10n.messagesCalendarCardInviteTitle,
style: const TextStyle(
fontWeight: FontWeight.w600,
fontSize: 14,
),
),
),
],
),
const SizedBox(height: AppSpacing.sm),
Text(
eventTitle != null
? l10n.messagesCalendarCardInviteWithTitle(eventTitle!)
: l10n.messagesCalendarCardInviteWithoutTitle,
style: const TextStyle(fontSize: 14, color: AppColors.slate700),
),
const SizedBox(height: AppSpacing.md),
Row(
children: [
Expanded(
child: AppButton(
text: l10n.messagesReject,
isOutlined: true,
onPressed: onReject,
),
),
const SizedBox(width: AppSpacing.sm),
Expanded(
child: AppButton(
text: l10n.messagesAccept,
onPressed: onAccept,
),
),
],
),
],
),
);
}
}
class CalendarUpdateCard extends StatelessWidget {
final InboxMessageResponse message;
final VoidCallback? onTap;
const CalendarUpdateCard({super.key, required this.message, this.onTap});
String? get eventTitle {
final data = message.content;
return data?['title'] as String?;
}
@override
Widget build(BuildContext context) {
final l10n = context.l10n;
return GestureDetector(
onTap: onTap,
child: Container(
margin: const EdgeInsets.symmetric(
horizontal: AppSpacing.md,
vertical: AppSpacing.xs,
),
padding: const EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.circular(AppRadius.md),
border: Border.all(color: AppColors.border),
),
child: Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColors.blue100,
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: const Icon(
Icons.calendar_today,
color: AppColors.blue600,
size: 20,
),
),
const SizedBox(width: AppSpacing.sm),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
eventTitle != null
? l10n.messagesCalendarCardUpdatedWithTitle(eventTitle!)
: l10n.messagesCalendarCardUpdatedWithoutTitle,
style: const TextStyle(
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
const SizedBox(height: 2),
Text(
_formatTime(context, message.createdAt),
style: const TextStyle(
fontSize: 12,
color: AppColors.slate500,
),
),
],
),
),
const Icon(Icons.chevron_right, color: AppColors.slate400),
],
),
),
);
}
String _formatTime(BuildContext context, DateTime time) {
final l10n = context.l10n;
final now = DateTime.now();
final diff = now.difference(time);
if (diff.inMinutes < 60) {
return l10n.messagesCalendarCardTimeMinutesAgo(diff.inMinutes);
} else if (diff.inHours < 24) {
return l10n.messagesCalendarCardTimeHoursAgo(diff.inHours);
} else if (diff.inDays < 7) {
return l10n.messagesCalendarCardTimeDaysAgo(diff.inDays);
} else {
return l10n.messagesCalendarCardTimeDate(time.month, time.day);
}
}
}
class CalendarDeleteCard extends StatelessWidget {
final InboxMessageResponse message;
const CalendarDeleteCard({super.key, required this.message});
String? get eventTitle {
final data = message.content;
return data?['title'] as String?;
}
@override
Widget build(BuildContext context) {
final l10n = context.l10n;
return Container(
margin: const EdgeInsets.symmetric(
horizontal: AppSpacing.md,
vertical: AppSpacing.xs,
),
padding: const EdgeInsets.all(AppSpacing.md),
decoration: BoxDecoration(
color: AppColors.slate50,
borderRadius: BorderRadius.circular(AppRadius.md),
border: Border.all(color: AppColors.slate200),
),
child: Row(
children: [
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: AppColors.slate200,
borderRadius: BorderRadius.circular(AppRadius.sm),
),
child: const Icon(
Icons.calendar_today,
color: AppColors.slate500,
size: 20,
),
),
const SizedBox(width: AppSpacing.sm),
Expanded(
child: Text(
eventTitle != null
? l10n.messagesCalendarCardDeletedWithTitle(eventTitle!)
: l10n.messagesCalendarCardDeletedWithoutTitle,
style: const TextStyle(fontSize: 14, color: AppColors.slate500),
),
),
],
),
);
}
}
apps/lib/features/messages/presentation/widgets/message_action_sheet.dart
+128
View File
@@ -0,0 +1,128 @@
import 'package:flutter/material.dart';
import '../../../../core/theme/design_tokens.dart';
import '../../../../core/l10n/l10n.dart';
import '../../../../shared/widgets/app_button.dart';
class MessageActionSheet extends StatelessWidget {
final String title;
final String? description;
final String? statusText;
final bool isReadOnly;
final VoidCallback? onAccept;
final VoidCallback? onDecline;
final IconData? icon;
final Color? iconColor;
const MessageActionSheet({
super.key,
required this.title,
this.description,
this.statusText,
this.isReadOnly = false,
this.onAccept,
this.onDecline,
this.icon,
this.iconColor,
});
@override
Widget build(BuildContext context) {
return Container(
width: double.infinity,
padding: const EdgeInsets.fromLTRB(24, 20, 24, 0),
decoration: const BoxDecoration(
color: AppColors.white,
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 40,
height: 4,
decoration: BoxDecoration(
color: AppColors.slate300,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(height: 20),
if (icon != null) ...[
Container(
width: 72,
height: 72,
decoration: BoxDecoration(
color: (iconColor ?? AppColors.blue500).withValues(alpha: 0.1),
shape: BoxShape.circle,
),
child: Icon(
icon,
size: 32,
color: iconColor ?? AppColors.blue500,
),
),
const SizedBox(height: 16),
],
Text(
title,
style: const TextStyle(
fontSize: 20,
fontWeight: FontWeight.w600,
color: AppColors.slate900,
),
textAlign: TextAlign.center,
),
if (description != null && description!.isNotEmpty) ...[
const SizedBox(height: 8),
Text(
description!,
style: const TextStyle(fontSize: 14, color: AppColors.slate500),
textAlign: TextAlign.center,
),
],
if (statusText != null) ...[
const SizedBox(height: 16),
Container(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
decoration: BoxDecoration(
color: AppColors.slate100,
borderRadius: BorderRadius.circular(16),
),
child: Text(
statusText!,
style: const TextStyle(fontSize: 14, color: AppColors.slate600),
),
),
],
const SizedBox(height: 24),
if (!isReadOnly) ...[
Row(
children: [
Expanded(
child: AppButton(
text: context.l10n.messagesReject,
isOutlined: true,
onPressed: () {
Navigator.pop(context);
onDecline?.call();
},
),
),
const SizedBox(width: AppSpacing.md),
Expanded(
child: AppButton(
text: context.l10n.messagesAccept,
onPressed: () {
Navigator.pop(context);
onAccept?.call();
},
),
),
],
),
],
SizedBox(height: MediaQuery.of(context).padding.bottom + 12),
],
),
);
}
}