更新

2026-09-28 20:12:34 +08:00
parent 847986f861
commit 5f53bd8f94
60 changed files with 14624 additions and 398 deletions
@@ -0,0 +1,136 @@
+/// ============================================================
+/// 【ExerciseConfirmBox】通用确认弹窗
+/// （1:1 迁移 Vue classExercises/ExerciseConfirmBox.vue）
+///
+/// 交互点：
+///   - 点遮罩 / 取消：onCancel（父级负责把 show 置 false）
+///   - 点确定：onConfirm（不主动关闭，与 Vue 一致由业务决定）
+///   - showCancel=false 时只显示单满宽确定按钮
+/// ============================================================
+library;
+
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:new_learn/core/utils/img_url.dart';
+
+import 'exercise_styles.dart';
+
+class ExerciseConfirmBox extends StatelessWidget {
+  const ExerciseConfirmBox({
+    super.key,
+    required this.show,
+    this.title = '提示',
+    this.content = '',
+    this.cancelText = '取消',
+    this.confirmText = '确定',
+    this.showCancel = true,
+    this.onCancel,
+    this.onConfirm,
+  });
+
+  final bool show;
+  final String title;
+  final String content;
+  final String cancelText;
+  final String confirmText;
+  final bool showCancel;
+  final VoidCallback? onCancel;
+  final VoidCallback? onConfirm;
+
+  @override
+  Widget build(BuildContext context) {
+    if (!show) return const SizedBox.shrink();
+
+    return Stack(
+      children: [
+        // mask rgba(0,0,0,.45)，点击=cancel
+        Positioned.fill(
+          child: GestureDetector(
+            behavior: HitTestBehavior.opaque,
+            onTap: onCancel,
+            child: const ColoredBox(color: Color(0x73000000)),
+          ),
+        ),
+        Center(
+          child: Container(
+            width: 315.w, // 630rpx, max calc(100vw - 80rpx)
+            constraints: BoxConstraints(
+              maxWidth: MediaQuery.sizeOf(context).width - 40.w,
+            ),
+            padding: EdgeInsets.symmetric(vertical: 30.h, horizontal: 15.w),
+            decoration: BoxDecoration(
+              color: const Color(0xFFF5F8FA),
+              borderRadius: BorderRadius.circular(20.r),
+              image: DecorationImage(
+                image: CachedNetworkImageProvider(
+                  ImgUrl.build('/StaticResource/2026-03-31/header-bac.png'),
+                ),
+                fit: BoxFit.fitWidth,
+                alignment: Alignment.topCenter,
+              ),
+            ),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                if (title.isNotEmpty)
+                  Text(
+                    title,
+                    style: TextStyle(
+                      fontSize: 16.sp,
+                      fontWeight: FontWeight.w600,
+                      color: ExerciseColors.title,
+                    ),
+                  ),
+                if (content.isNotEmpty)
+                  Padding(
+                    padding: EdgeInsets.only(top: 18.h),
+                    child: ConstrainedBox(
+                      constraints: BoxConstraints(maxWidth: 263.w),
+                      child: Text(
+                        content,
+                        textAlign: TextAlign.center,
+                        style: TextStyle(
+                          fontSize: 14.sp,
+                          color: ExerciseColors.title,
+                          height: 1.5,
+                        ),
+                      ),
+                    ),
+                  ),
+                Padding(
+                  padding: EdgeInsets.only(top: 23.h),
+                  child: showCancel
+                      ? Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: [
+                            ExerciseButton(
+                              text: cancelText,
+                              style: ExerciseButtonStyle.secondary,
+                              width: 135.w,
+                              onTap: onCancel,
+                            ),
+                            SizedBox(width: 10.w),
+                            ExerciseButton(
+                              text: confirmText,
+                              style: ExerciseButtonStyle.primary,
+                              width: 135.w,
+                              onTap: onConfirm,
+                            ),
+                          ],
+                        )
+                      : ExerciseButton(
+                          text: confirmText,
+                          style: ExerciseButtonStyle.primary,
+                          width: double.infinity,
+                          onTap: onConfirm,
+                        ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}