opt: stat widget (#520)

lib/common/widgets/stat/danmu.dart

@@ -1,36 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:PiliPlus/utils/utils.dart';
-
-Widget statDanMu({
-  required BuildContext context,
-  String? theme,
-  dynamic danmu,
-  String? size,
-  Color? textColor,
-}) {
-  Map<String, Color> colorObject = {
-    'white': Colors.white,
-    'gray': Theme.of(context).colorScheme.outline.withOpacity(0.8),
-    'black': Theme.of(context).colorScheme.onSurface.withOpacity(0.7),
-  };
-  Color color = textColor ?? colorObject[theme]!;
-  return Row(
-    children: [
-      Icon(
-        Icons.subtitles_outlined,
-        size: 14,
-        color: color,
-      ),
-      const SizedBox(width: 2),
-      Text(
-        Utils.numFormat(danmu!),
-        style: TextStyle(
-          fontSize: size == 'medium' ? 12 : 11,
-          color: color,
-        ),
-        overflow: TextOverflow.clip,
-        semanticsLabel: '${Utils.numFormat(danmu!)}条弹幕',
-      )
-    ],
-  );
-}

lib/common/widgets/stat/stat.dart

@@ -0,0 +1,93 @@
+import 'package:PiliPlus/utils/utils.dart';
+import 'package:flutter/material.dart';
+
+abstract class _StatItemBase extends StatelessWidget {
+  final BuildContext context;
+  final Object value;
+  final String? theme;
+  final String? size;
+  final Color? textColor;
+  final double iconSize;
+
+  const _StatItemBase({
+    required this.context,
+    required this.value,
+    this.theme,
+    this.size,
+    this.textColor,
+    this.iconSize = 13,
+  });
+
+  IconData get iconData;
+  String get semanticsLabel;
+
+  Color get color {
+    return textColor ??
+        switch (theme) {
+          'gray' => Theme.of(context).colorScheme.outline.withOpacity(0.8),
+          'black' => Theme.of(context).colorScheme.onSurface.withOpacity(0.7),
+          _ => Colors.white,
+        };
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Icon(
+          iconData,
+          size: iconSize,
+          color: color,
+        ),
+        const SizedBox(width: 2),
+        Text(
+          Utils.numFormat(value),
+          style: TextStyle(
+            fontSize: size == 'medium' ? 12 : 11,
+            color: color,
+          ),
+          overflow: TextOverflow.clip,
+          semanticsLabel: semanticsLabel,
+        ),
+      ],
+    );
+  }
+}
+
+class StatView extends _StatItemBase {
+  final String? goto;
+
+  const StatView({
+    required super.context,
+    required super.value,
+    this.goto,
+    super.theme,
+    super.size,
+    super.textColor,
+  }) : super(iconSize: 13);
+
+  @override
+  IconData get iconData => goto == 'picture'
+      ? Icons.remove_red_eye_outlined
+      : Icons.play_circle_outlined;
+
+  @override
+  String get semanticsLabel =>
+      '${Utils.numFormat(value)}次${goto == "picture" ? "浏览" : "播放"}';
+}
+
+class StatDanMu extends _StatItemBase {
+  const StatDanMu({
+    required super.context,
+    required super.value,
+    super.theme,
+    super.size,
+    super.textColor,
+  }) : super(iconSize: 14);
+
+  @override
+  IconData get iconData => Icons.subtitles_outlined;
+
+  @override
+  String get semanticsLabel => '${Utils.numFormat(value)}条弹幕';
+}

lib/common/widgets/stat/view.dart

@@ -1,40 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:PiliPlus/utils/utils.dart';
-
-Widget statView({
-  required BuildContext context,
-  String? theme,
-  dynamic view,
-  String? size,
-  String? goto,
-  Color? textColor,
-}) {
-  Map<String, Color> colorObject = {
-    'white': Colors.white,
-    'gray': Theme.of(context).colorScheme.outline.withOpacity(0.8),
-    'black': Theme.of(context).colorScheme.onSurface.withOpacity(0.7),
-  };
-  Color color = textColor ?? colorObject[theme]!;
-  return Row(
-    children: [
-      Icon(
-        goto == 'picture'
-            ? Icons.remove_red_eye_outlined
-            : Icons.play_circle_outlined,
-        size: 13,
-        color: color,
-      ),
-      const SizedBox(width: 2),
-      Text(
-        Utils.numFormat(view!),
-        style: TextStyle(
-          fontSize: size == 'medium' ? 12 : 11,
-          color: color,
-        ),
-        overflow: TextOverflow.clip,
-        semanticsLabel:
-            '${Utils.numFormat(view!)}次${goto == "picture" ? "浏览" : "播放"}',
-      ),
-    ],
-  );
-}

lib/common/widgets/video_card_h.dart

@@ -7,8 +7,7 @@ import '../../utils/utils.dart';
 import '../constants.dart';
 import 'badge.dart';
 import 'network_img_layer.dart';
-import 'stat/danmu.dart';
-import 'stat/view.dart';
+import 'stat/stat.dart';
 import 'video_popup_menu.dart';
 
 // 视频卡片 - 水平布局
@@ -265,18 +264,18 @@ class VideoCardH extends StatelessWidget {
           Row(
             children: [
               if (showView) ...[
-                statView(
+                StatView(
                   context: context,
                   theme: 'gray',
-                  view: videoItem.stat.view as int,
+                  value: videoItem.stat.view!,
                 ),
                 const SizedBox(width: 8),
               ],
               if (showDanmaku)
-                statDanMu(
+                StatDanMu(
                   context: context,
                   theme: 'gray',
-                  danmu: videoItem.stat.danmu as int,
+                  value: videoItem.stat.danmu!,
                 ),
               const Spacer(),
               if (source == 'normal') const SizedBox(width: 24),

lib/common/widgets/video_card_h_member_video.dart

@@ -1,6 +1,5 @@
 import 'package:PiliPlus/common/widgets/image_save.dart';
-import 'package:PiliPlus/common/widgets/stat/danmu.dart';
-import 'package:PiliPlus/common/widgets/stat/view.dart';
+import 'package:PiliPlus/common/widgets/stat/stat.dart';
 import 'package:PiliPlus/common/widgets/video_popup_menu.dart';
 import 'package:PiliPlus/common/widgets/video_progress_indicator.dart';
 import 'package:PiliPlus/models/space_archive/item.dart';
@@ -180,19 +179,19 @@ class VideoCardHMemberVideo extends StatelessWidget {
           const SizedBox(height: 3),
           Row(
             children: [
-              statView(
+              StatView(
                 context: context,
                 theme: 'gray',
                 // view: videoItem.season?['view_content'] ??
                 //     videoItem.viewContent,
-                view: videoItem.viewContent,
+                value: videoItem.viewContent!,
               ),
               const SizedBox(width: 8),
-              statDanMu(
+              StatDanMu(
                 context: context,
                 theme: 'gray',
                 // danmu: videoItem.season?['danmaku'] ?? videoItem.danmaku,
-                danmu: videoItem.danmaku,
+                value: videoItem.danmaku!,
               ),
             ],
           ),

lib/common/widgets/video_card_v.dart

@@ -5,8 +5,7 @@ import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import '../../models/home/rcmd/result.dart';
 import '../../models/model_rec_video_item.dart';
-import 'stat/danmu.dart';
-import 'stat/view.dart';
+import 'stat/stat.dart';
 import '../../http/dynamics.dart';
 import '../../utils/id_utils.dart';
 import '../../utils/utils.dart';
@@ -260,18 +259,18 @@ class VideoCardV extends StatelessWidget {
   Widget videoStat(context) {
     return Row(
       children: [
-        statView(
+        StatView(
           context: context,
           theme: 'gray',
-          view: videoItem.stat.view,
+          value: videoItem.stat.view!,
           goto: videoItem.goto,
         ),
         const SizedBox(width: 4),
         if (videoItem.goto != 'picture')
-          statDanMu(
+          StatDanMu(
             context: context,
             theme: 'gray',
-            danmu: videoItem.stat.danmu,
+            value: videoItem.stat.danmu!,
           ),
         if (videoItem is RecVideoItemModel) ...<Widget>[
           const Spacer(),