319 lines
10 KiB
Dart
319 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
||
import '../../app/theme/app_colors.dart';
|
||
import '../../app/theme/app_typography.dart';
|
||
import '../../app/theme/app_spacing.dart';
|
||
import '../../app/i18n/app_localizations.dart';
|
||
import 'genex_button.dart';
|
||
|
||
/// AI操作确认弹窗组件
|
||
///
|
||
/// AI Agent 执行操作前的二次确认弹窗
|
||
/// 场景：AI帮你出售、AI帮你购买、AI帮你转赠 等需要确认的代理操作
|
||
///
|
||
/// 展示内容：
|
||
/// - AI建议的操作描述
|
||
/// - 操作详情（金额/数量/对象等）
|
||
/// - 风险提示
|
||
/// - 确认/取消按钮
|
||
class AiConfirmDialog extends StatelessWidget {
|
||
final String actionTitle;
|
||
final String actionDescription;
|
||
final List<AiConfirmDetail> details;
|
||
final String? riskWarning;
|
||
final String? confirmText;
|
||
final String? cancelText;
|
||
final VoidCallback onConfirm;
|
||
final VoidCallback? onCancel;
|
||
final AiConfirmLevel level;
|
||
|
||
const AiConfirmDialog({
|
||
super.key,
|
||
required this.actionTitle,
|
||
required this.actionDescription,
|
||
required this.details,
|
||
this.riskWarning,
|
||
this.confirmText,
|
||
this.cancelText,
|
||
required this.onConfirm,
|
||
this.onCancel,
|
||
this.level = AiConfirmLevel.normal,
|
||
});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Dialog(
|
||
backgroundColor: Colors.transparent,
|
||
insetPadding: const EdgeInsets.symmetric(horizontal: 24),
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: AppColors.surface,
|
||
borderRadius: AppSpacing.borderRadiusLg,
|
||
boxShadow: const [
|
||
BoxShadow(
|
||
color: Color(0x1A000000),
|
||
blurRadius: 24,
|
||
offset: Offset(0, 8),
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
// Header with AI icon
|
||
_buildHeader(context),
|
||
|
||
// Body
|
||
Padding(
|
||
padding: const EdgeInsets.fromLTRB(20, 0, 20, 20),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// Action Description
|
||
Text(
|
||
actionDescription,
|
||
style: AppTypography.bodyMedium.copyWith(
|
||
color: AppColors.textSecondary,
|
||
height: 1.5,
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
|
||
// Detail Items
|
||
Container(
|
||
padding: const EdgeInsets.all(14),
|
||
decoration: BoxDecoration(
|
||
color: AppColors.gray50,
|
||
borderRadius: AppSpacing.borderRadiusMd,
|
||
),
|
||
child: Column(
|
||
children: details.asMap().entries.map((entry) {
|
||
final isLast = entry.key == details.length - 1;
|
||
final detail = entry.value;
|
||
return Column(
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text(
|
||
detail.label,
|
||
style: AppTypography.bodySmall.copyWith(
|
||
color: AppColors.textSecondary,
|
||
),
|
||
),
|
||
Text(
|
||
detail.value,
|
||
style: detail.isHighlight
|
||
? AppTypography.labelMedium.copyWith(
|
||
color: AppColors.primary,
|
||
)
|
||
: AppTypography.labelMedium,
|
||
),
|
||
],
|
||
),
|
||
if (!isLast) ...[
|
||
const SizedBox(height: 10),
|
||
Divider(color: AppColors.gray200, height: 1),
|
||
const SizedBox(height: 10),
|
||
],
|
||
],
|
||
);
|
||
}).toList(),
|
||
),
|
||
),
|
||
|
||
// Risk Warning
|
||
if (riskWarning != null) ...[
|
||
const SizedBox(height: 12),
|
||
Container(
|
||
padding: const EdgeInsets.all(12),
|
||
decoration: BoxDecoration(
|
||
color: level == AiConfirmLevel.high
|
||
? AppColors.errorLight
|
||
: AppColors.warningLight,
|
||
borderRadius: AppSpacing.borderRadiusSm,
|
||
),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Icon(
|
||
level == AiConfirmLevel.high
|
||
? Icons.warning_amber_rounded
|
||
: Icons.info_outline_rounded,
|
||
size: 16,
|
||
color: level == AiConfirmLevel.high
|
||
? AppColors.error
|
||
: AppColors.warning,
|
||
),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
riskWarning!,
|
||
style: AppTypography.bodySmall.copyWith(
|
||
color: AppColors.gray700,
|
||
height: 1.4,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
|
||
const SizedBox(height: 20),
|
||
|
||
// Buttons
|
||
GenexButton(
|
||
label: confirmText ?? context.t('aiChat.confirmAction'),
|
||
onPressed: () {
|
||
Navigator.of(context).pop(true);
|
||
onConfirm();
|
||
},
|
||
),
|
||
const SizedBox(height: 8),
|
||
GenexButton(
|
||
label: cancelText ?? context.t('common.cancel'),
|
||
variant: GenexButtonVariant.text,
|
||
onPressed: () {
|
||
Navigator.of(context).pop(false);
|
||
onCancel?.call();
|
||
},
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildHeader(BuildContext context) {
|
||
return Container(
|
||
padding: const EdgeInsets.fromLTRB(20, 20, 20, 16),
|
||
child: Row(
|
||
children: [
|
||
// AI Avatar
|
||
Container(
|
||
width: 40,
|
||
height: 40,
|
||
decoration: BoxDecoration(
|
||
gradient: AppColors.primaryGradient,
|
||
borderRadius: AppSpacing.borderRadiusSm,
|
||
),
|
||
child: const Center(
|
||
child: Text(
|
||
'✨',
|
||
style: TextStyle(fontSize: 20),
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 12),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(context.t('aiChat.title'), style: AppTypography.labelMedium),
|
||
const SizedBox(height: 2),
|
||
Text(
|
||
actionTitle,
|
||
style: AppTypography.h3.copyWith(color: AppColors.primary),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
// Level indicator
|
||
Container(
|
||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
||
decoration: BoxDecoration(
|
||
color: _levelColor.withValues(alpha: 0.1),
|
||
borderRadius: AppSpacing.borderRadiusFull,
|
||
),
|
||
child: Text(
|
||
_getLevelText(context),
|
||
style: TextStyle(
|
||
fontSize: 10,
|
||
fontWeight: FontWeight.w600,
|
||
color: _levelColor,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Color get _levelColor {
|
||
switch (level) {
|
||
case AiConfirmLevel.low:
|
||
return AppColors.success;
|
||
case AiConfirmLevel.normal:
|
||
return AppColors.warning;
|
||
case AiConfirmLevel.high:
|
||
return AppColors.error;
|
||
}
|
||
}
|
||
|
||
String _getLevelText(BuildContext context) {
|
||
switch (level) {
|
||
case AiConfirmLevel.low:
|
||
return context.t('aiChat.riskLow');
|
||
case AiConfirmLevel.normal:
|
||
return context.t('aiChat.riskNormal');
|
||
case AiConfirmLevel.high:
|
||
return context.t('aiChat.riskHigh');
|
||
}
|
||
}
|
||
|
||
/// 显示AI确认弹窗的便捷方法
|
||
static Future<bool?> show(
|
||
BuildContext context, {
|
||
required String actionTitle,
|
||
required String actionDescription,
|
||
required List<AiConfirmDetail> details,
|
||
String? riskWarning,
|
||
String? confirmText,
|
||
String? cancelText,
|
||
AiConfirmLevel level = AiConfirmLevel.normal,
|
||
}) {
|
||
return showDialog<bool>(
|
||
context: context,
|
||
barrierDismissible: false,
|
||
builder: (ctx) => AiConfirmDialog(
|
||
actionTitle: actionTitle,
|
||
actionDescription: actionDescription,
|
||
details: details,
|
||
riskWarning: riskWarning,
|
||
confirmText: confirmText,
|
||
cancelText: cancelText,
|
||
level: level,
|
||
onConfirm: () {},
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// AI确认弹窗的详情项
|
||
class AiConfirmDetail {
|
||
final String label;
|
||
final String value;
|
||
final bool isHighlight;
|
||
|
||
const AiConfirmDetail({
|
||
required this.label,
|
||
required this.value,
|
||
this.isHighlight = false,
|
||
});
|
||
}
|
||
|
||
/// AI操作风险等级
|
||
enum AiConfirmLevel {
|
||
/// 低风险：查看信息、获取建议等
|
||
low,
|
||
|
||
/// 需确认：购买、出售、转赠等涉及资产操作
|
||
normal,
|
||
|
||
/// 高风险：大额操作、提现到外部钱包等
|
||
high,
|
||
}
|