feat(ui): 校正首页发现详情播放器预览

2026-10-19 15:50:11 +08:00
1 parent 87db548591
commit 21d457fd98
@@ -0,0 +1,158 @@
+// Author: fruit.com.cn
+
+import 'dart:async';
+
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import '../../../core/data/models/comment.dart';
+import '../../../core/data/models/drama.dart';
+import '../../../core/data/repositories/comment_repository.dart';
+import '../../../core/data/repositories/interaction_repository.dart';
+import '../../../core/data/services/comment_controller.dart';
+import '../../../core/theme/app_colors.dart';
+import '../../../l10n/app_localizations.dart';
+
+class PlayerFeaturedComment extends StatefulWidget {
+  const PlayerFeaturedComment({
+    super.key,
+    required this.drama,
+    required this.onViewAll,
+  });
+
+  final Drama drama;
+  final VoidCallback onViewAll;
+
+  @override
+  State<PlayerFeaturedComment> createState() => _PlayerFeaturedCommentState();
+}
+
+class _PlayerFeaturedCommentState extends State<PlayerFeaturedComment> {
+  late final CommentController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller = CommentController(
+      comments: context.read<CommentRepository>(),
+      interactions: context.read<InteractionRepository>(),
+      dramaId: widget.drama.id,
+    );
+    unawaited(_controller.load());
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ListenableBuilder(
+      listenable: _controller,
+      builder: (context, _) {
+        if (_controller.comments.isEmpty) return const SizedBox.shrink();
+        return _card(context, _controller.comments.first);
+      },
+    );
+  }
+
+  Widget _card(BuildContext context, DramaComment comment) {
+    final l10n = AppLocalizations.of(context)!;
+    final time = _time(l10n, comment.createdAt);
+    return InkWell(
+      key: const Key('player-featured-comment'),
+      onTap: widget.onViewAll,
+      borderRadius: BorderRadius.circular(10),
+      child: Container(
+        width: double.infinity,
+        padding: const EdgeInsets.all(9),
+        decoration: BoxDecoration(
+          color: AppColors.card,
+          borderRadius: BorderRadius.circular(10),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              children: [
+                Container(
+                  width: 18,
+                  height: 18,
+                  alignment: Alignment.center,
+                  decoration: BoxDecoration(
+                    shape: BoxShape.circle,
+                    color: AppColors.secondary.withValues(alpha: 0.2),
+                  ),
+                  child: Text(
+                    _initial(comment.nickname),
+                    style: const TextStyle(
+                      color: AppColors.onSurface,
+                      fontSize: 8,
+                      fontWeight: FontWeight.w700,
+                    ),
+                  ),
+                ),
+                const SizedBox(width: 6),
+                Expanded(
+                  child: Row(
+                    children: [
+                      Flexible(
+                        child: Text(
+                          comment.nickname.isEmpty
+                              ? l10n.localViewer
+                              : comment.nickname,
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                          style: const TextStyle(
+                            color: AppColors.onSurface,
+                            fontSize: 10,
+                            fontWeight: FontWeight.w700,
+                          ),
+                        ),
+                      ),
+                      if (time != null) ...[
+                        const SizedBox(width: 4),
+                        Text(
+                          '· $time',
+                          style: const TextStyle(
+                            color: Color(0xFF777777),
+                            fontSize: 9,
+                          ),
+                        ),
+                      ],
+                    ],
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 5),
+            Text(
+              comment.content,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(
+                color: Color(0xFFDDDDDD),
+                fontSize: 10,
+                height: 1.5,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  String? _time(AppLocalizations l10n, DateTime? createdAt) {
+    if (createdAt == null) return null;
+    final diff = DateTime.now().difference(createdAt);
+    if (diff.inMinutes < 1) return null;
+    return l10n.minutesAgo(diff.inMinutes);
+  }
+
+  String _initial(String nickname) {
+    final trimmed = nickname.trim();
+    return trimmed.isEmpty ? '?' : trimmed.substring(0, 1).toUpperCase();
+  }
+}