refactor(settings): 语言/密码/U盘导入改用右侧内嵌面板

- 新增 LanguagePanel / PasswordPanel / UsbImportPanel 三个 widget - settings_page 移除 AlertDialog 弹窗逻辑 - 5 个菜单项统一走 _buildContent() switch 切换右侧内容 - 验证：flutter analyze 无新增 issue
2026-06-04 15:10:03 +08:00
parent e311d09d31
commit 67e2c7c76c
4 changed files with 626 additions and 277 deletions
--- a/lib/features/settings/widgets/language_panel.dart
+++ b/lib/features/settings/widgets/language_panel.dart
@@ -0,0 +1,133 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+import '../../../core/localization/locale_provider.dart';
+import '../../../core/theme/app_theme.dart';
+
+/// 语言设置面板
+///
+/// 在设置页右侧主区域渲染语言切换控件，直接调用
+/// [LocaleNotifier] 修改全局 locale。
+class LanguagePanel extends ConsumerWidget {
+  const LanguagePanel({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final locale = ref.watch(localeProvider);
+    final currentLang = locale.languageCode;
+
+    return ListView(
+      padding: EdgeInsets.zero,
+      children: [
+        _SectionCard(
+          title: '语言设置',
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              _langTile(
+                context: context,
+                ref: ref,
+                value: 'zh',
+                groupValue: currentLang,
+                label: '简体中文',
+              ),
+              const Divider(height: 1),
+              _langTile(
+                context: context,
+                ref: ref,
+                value: 'en',
+                groupValue: currentLang,
+                label: 'English',
+              ),
+            ],
+          ),
+        ),
+        const SizedBox(height: 16),
+        Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 4),
+          child: Text(
+            '切换语言后立即生效',
+            style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _langTile({
+    required BuildContext context,
+    required WidgetRef ref,
+    required String value,
+    required String groupValue,
+    required String label,
+  }) {
+    final selected = value == groupValue;
+    return InkWell(
+      onTap: () {
+        if (value == 'zh') {
+          ref.read(localeProvider.notifier).setChinese();
+        } else {
+          ref.read(localeProvider.notifier).setEnglish();
+        }
+      },
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 14),
+        child: Row(
+          children: [
+            Icon(
+              selected ? Icons.radio_button_checked : Icons.radio_button_off,
+              color: selected ? AppTheme.primaryColor : AppTheme.idleColor,
+              size: 20,
+            ),
+            const SizedBox(width: 12),
+            Expanded(
+              child: Text(
+                label,
+                style: TextStyle(
+                  color: AppTheme.textPrimary,
+                  fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
+                ),
+              ),
+            ),
+            if (selected)
+              Icon(Icons.check_circle, color: AppTheme.successColor, size: 18),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _SectionCard extends StatelessWidget {
+  final String title;
+  final Widget child;
+
+  const _SectionCard({required this.title, required this.child});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(16),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(8),
+        border: Border.all(color: AppTheme.borderSubtle),
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          Text(
+            title,
+            style: TextStyle(
+              color: AppTheme.textPrimary,
+              fontSize: 16,
+              fontWeight: FontWeight.w600,
+            ),
+          ),
+          const Divider(),
+          child,
+        ],
+      ),
+    );
+  }
+}