136 lines
3.5 KiB
Dart
136 lines
3.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import '../theme/wise_tokens.dart';
|
|
import 'app_buttons.dart';
|
|
import 'app_card.dart';
|
|
|
|
class LoadingState extends StatelessWidget {
|
|
const LoadingState({this.label = '正在加载研报解读', super.key});
|
|
|
|
final String label;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListView.separated(
|
|
padding: const EdgeInsets.all(WiseSpacing.x4),
|
|
itemCount: 4,
|
|
separatorBuilder: (_, _) => const SizedBox(height: WiseSpacing.x3),
|
|
itemBuilder: (context, index) => const SkeletonCard(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SkeletonCard extends StatelessWidget {
|
|
const SkeletonCard({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AppCard(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: const [
|
|
SkeletonLine(width: 96),
|
|
SizedBox(height: WiseSpacing.x3),
|
|
SkeletonLine(width: double.infinity, height: 18),
|
|
SizedBox(height: WiseSpacing.x2),
|
|
SkeletonLine(width: 240),
|
|
SizedBox(height: WiseSpacing.x3),
|
|
SkeletonLine(width: 160),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SkeletonLine extends StatelessWidget {
|
|
const SkeletonLine({required this.width, this.height = 12, super.key});
|
|
|
|
final double width;
|
|
final double height;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
width: width,
|
|
height: height,
|
|
decoration: BoxDecoration(
|
|
color: WiseColors.border,
|
|
borderRadius: BorderRadius.circular(WiseRadius.pill),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class EmptyState extends StatelessWidget {
|
|
const EmptyState({
|
|
required this.title,
|
|
required this.message,
|
|
this.icon = Icons.search_off,
|
|
this.actionLabel,
|
|
this.onAction,
|
|
super.key,
|
|
});
|
|
|
|
final String title;
|
|
final String message;
|
|
final IconData icon;
|
|
final String? actionLabel;
|
|
final VoidCallback? onAction;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Center(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(WiseSpacing.x6),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(icon, size: 42, color: WiseColors.primary),
|
|
const SizedBox(height: WiseSpacing.x3),
|
|
Text(title, style: Theme.of(context).textTheme.titleMedium),
|
|
const SizedBox(height: WiseSpacing.x2),
|
|
Text(
|
|
message,
|
|
textAlign: TextAlign.center,
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
if (actionLabel != null) ...[
|
|
const SizedBox(height: WiseSpacing.x4),
|
|
AppButton(label: actionLabel!, onPressed: onAction, kind: AppButtonKind.ghost),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ErrorState extends StatelessWidget {
|
|
const ErrorState({required this.message, this.onRetry, super.key});
|
|
|
|
final String message;
|
|
final VoidCallback? onRetry;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return EmptyState(
|
|
icon: Icons.cloud_off_outlined,
|
|
title: '内容暂时加载失败',
|
|
message: message,
|
|
actionLabel: onRetry == null ? null : '重试',
|
|
onAction: onRetry,
|
|
);
|
|
}
|
|
}
|
|
|
|
void showAppToast(BuildContext context, String message) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Text(message),
|
|
behavior: SnackBarBehavior.floating,
|
|
backgroundColor: WiseColors.primary,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(WiseRadius.md)),
|
|
),
|
|
);
|
|
}
|