feat(messages): add MessageActionSheet component

2026-03-11 20:59:22 +08:00
parent 1b05e4c619
commit e99725400f
1 changed files with 127 additions and 0 deletions
@@ -0,0 +1,127 @@
+import 'package:flutter/material.dart';
+import '../../../../core/theme/design_tokens.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: '拒绝',
+                    isOutlined: true,
+                    onPressed: () {
+                      Navigator.pop(context);
+                      onDecline?.call();
+                    },
+                  ),
+                ),
+                const SizedBox(width: AppSpacing.md),
+                Expanded(
+                  child: AppButton(
+                    text: '接受',
+                    onPressed: () {
+                      Navigator.pop(context);
+                      onAccept?.call();
+                    },
+                  ),
+                ),
+              ],
+            ),
+          ],
+          SizedBox(height: MediaQuery.of(context).padding.bottom + 12),
+        ],
+      ),
+    );
+  }
+}