feat(flutter): 重构播放页并增加语言切换

lib/pages/mine/mine_view.dart

@@ -7,6 +7,7 @@ import 'package:provider/provider.dart';
 
 import '../../core/data/repositories/watch_history_repository.dart';
 import '../../core/data/services/auth_controller.dart';
+import '../../core/data/services/locale_controller.dart';
 import '../../core/data/services/wallet_controller.dart';
 import '../../core/theme/app_colors.dart';
 import '../../core/theme/app_dimens.dart';
@@ -122,7 +123,9 @@ class _MyPageState extends State<MyPage> {
   Widget _body(BuildContext context, AppLocalizations l10n) {
     final auth = context.watch<AuthController>();
     final wallet = context.watch<WalletController>();
+    final locale = context.watch<LocaleController>();
     return ListView(
+      key: const Key('mine-page-scroll'),
       padding: const EdgeInsets.fromLTRB(
         AppDimens.pageHorizontal,
         0,
@@ -142,7 +145,11 @@ class _MyPageState extends State<MyPage> {
         const SizedBox(height: AppDimens.spaceMd),
         MineVipCard(onOpen: () => _openDestination(MineDestination.vip)),
         const SizedBox(height: AppDimens.spaceMd),
-        MineMenuList(onOpen: _openDestination),
+        MineMenuList(
+          onOpen: _openDestination,
+          onLanguage: _openLanguage,
+          languageLabel: _languageLabel(l10n, locale.locale),
+        ),
       ],
     );
   }
@@ -203,6 +210,27 @@ class _MyPageState extends State<MyPage> {
     _openProtected(VipPage(onPurchased: () => unawaited(wallet.load())));
   }
 
+  String _languageLabel(AppLocalizations l10n, Locale? locale) {
+    return switch (locale?.languageCode) {
+      'zh' => l10n.simplifiedChinese,
+      'en' => l10n.english,
+      'id' => l10n.bahasaIndonesia,
+      _ => l10n.language,
+    };
+  }
+
+  Future<void> _openLanguage() async {
+    final selected = await showModalBottomSheet<Locale>(
+      context: context,
+      backgroundColor: Colors.transparent,
+      showDragHandle: false,
+      builder: (_) =>
+          _LanguageSheet(selected: context.read<LocaleController>().locale),
+    );
+    if (selected == null || !mounted) return;
+    await context.read<LocaleController>().select(selected);
+  }
+
   void _openRecharge() {
     final wallet = context.read<WalletController>();
     _openProtected(RechargePage(onPurchased: () => unawaited(wallet.load())));
@@ -254,6 +282,73 @@ class _MyPageState extends State<MyPage> {
   }
 }
 
+class _LanguageSheet extends StatelessWidget {
+  const _LanguageSheet({required this.selected});
+
+  final Locale? selected;
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    final options = [
+      (
+        const Locale('zh'),
+        const Key('mine-language-zh'),
+        l10n.simplifiedChinese,
+      ),
+      (const Locale('en'), const Key('mine-language-en'), l10n.english),
+      (const Locale('id'), const Key('mine-language-id'), l10n.bahasaIndonesia),
+    ];
+    return Material(
+      key: const Key('mine-language-sheet'),
+      color: AppColors.card,
+      borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
+      clipBehavior: Clip.antiAlias,
+      child: SafeArea(
+        top: false,
+        child: Padding(
+          padding: const EdgeInsets.fromLTRB(20, 14, 20, 20),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  Expanded(
+                    child: Text(
+                      l10n.language,
+                      style: const TextStyle(
+                        color: AppColors.onSurface,
+                        fontSize: 20,
+                        fontWeight: FontWeight.w800,
+                      ),
+                    ),
+                  ),
+                  IconButton(
+                    tooltip: l10n.close,
+                    onPressed: () => Navigator.pop(context),
+                    icon: const Icon(Icons.close_rounded),
+                  ),
+                ],
+              ),
+              for (final option in options)
+                ListTile(
+                  key: option.$2,
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 4),
+                  title: Text(option.$3),
+                  trailing: selected?.languageCode == option.$1.languageCode
+                      ? const Icon(Icons.check_rounded, color: AppColors.blue)
+                      : null,
+                  onTap: () => Navigator.pop(context, option.$1),
+                ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
 enum MinePlaceholderKind { works, creator, help }
 
 class _MinePlaceholderPage extends StatelessWidget {

lib/pages/mine/widgets/mine_menu.dart

@@ -265,9 +265,16 @@ class MineVipCard extends StatelessWidget {
 
 /// 我的页功能菜单。
 class MineMenuList extends StatelessWidget {
-  const MineMenuList({super.key, required this.onOpen});
+  const MineMenuList({
+    super.key,
+    required this.onOpen,
+    required this.onLanguage,
+    required this.languageLabel,
+  });
 
   final ValueChanged<MineDestination> onOpen;
+  final VoidCallback onLanguage;
+  final String languageLabel;
 
   @override
   Widget build(BuildContext context) {
@@ -313,6 +320,8 @@ class MineMenuList extends StatelessWidget {
               destination: MineDestination.settings,
             ),
             _divider(),
+            _languageRow(context),
+            _divider(),
             _row(
               key: const Key('mine-help'),
               icon: Icons.help_outline_rounded,
@@ -325,6 +334,43 @@ class MineMenuList extends StatelessWidget {
     );
   }
 
+  Widget _languageRow(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    return ListTile(
+      key: const Key('mine-language'),
+      minTileHeight: 48,
+      contentPadding: const EdgeInsets.symmetric(horizontal: 14),
+      leading: const Icon(
+        Icons.language_rounded,
+        color: AppColors.blue,
+        size: 20,
+      ),
+      title: Text(
+        l10n.language,
+        style: const TextStyle(
+          color: AppColors.onSurface,
+          fontSize: AppDimens.body,
+        ),
+      ),
+      trailing: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Text(
+            languageLabel,
+            style: const TextStyle(color: AppColors.muted, fontSize: 11),
+          ),
+          const SizedBox(width: 4),
+          const Icon(
+            Icons.chevron_right_rounded,
+            color: AppColors.subtle,
+            size: 18,
+          ),
+        ],
+      ),
+      onTap: onLanguage,
+    );
+  }
+
   Widget _row({
     required Key key,
     required IconData icon,