refactor(settings): 语言/密码/U盘导入改用右侧内嵌面板
- 新增 LanguagePanel / PasswordPanel / UsbImportPanel 三个 widget - settings_page 移除 AlertDialog 弹窗逻辑 - 5 个菜单项统一走 _buildContent() switch 切换右侧内容 - 验证：flutter analyze 无新增 issue
This commit is contained in:
Developer
@@ -1,11 +1,15 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
import 'package:go_router/go_router.dart';
|
|
||||||
import '../../../core/localization/app_localizations.dart';
|
import '../../../core/localization/app_localizations.dart';
|
||||||
import '../../../core/localization/locale_provider.dart';
|
|
||||||
import '../../../core/theme/app_theme.dart';
|
import '../../../core/theme/app_theme.dart';
|
||||||
import '../../../shared/widgets/common_button.dart';
|
import '../../../shared/widgets/common_button.dart';
|
||||||
import '../services/settings_service.dart';
|
import '../widgets/language_panel.dart';
|
||||||
|
import '../widgets/password_panel.dart';
|
||||||
|
import '../widgets/serial_config_panel.dart';
|
||||||
|
import '../widgets/usb_import_panel.dart';
|
||||||
|
|
||||||
|
/// 设置页菜单
|
||||||
|
enum _SettingsMenu { upgrade, language, password, usbImport, serialConfig }
|
||||||
|
|
||||||
/// 系统设置页面
|
/// 系统设置页面
|
||||||
class SettingsPage extends ConsumerStatefulWidget {
|
class SettingsPage extends ConsumerStatefulWidget {
|
||||||
@@ -17,11 +21,11 @@ class SettingsPage extends ConsumerStatefulWidget {
|
|||||||
|
|
||||||
class _SettingsPageState extends ConsumerState<SettingsPage> {
|
class _SettingsPageState extends ConsumerState<SettingsPage> {
|
||||||
String _currentVersion = 'V1.0.0';
|
String _currentVersion = 'V1.0.0';
|
||||||
|
_SettingsMenu _currentMenu = _SettingsMenu.upgrade;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
final l10n = AppLocalizations.of(context);
|
final l10n = AppLocalizations.of(context);
|
||||||
// locale 用于语言切换，通过 ref.watch 保持监听
|
|
||||||
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
body: Container(
|
body: Container(
|
||||||
@@ -35,27 +39,6 @@ class _SettingsPageState extends ConsumerState<SettingsPage> {
|
|||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
// 返回按钮
|
|
||||||
Container(
|
|
||||||
height: 50,
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
IconButton(
|
|
||||||
icon: const Icon(Icons.arrow_back),
|
|
||||||
color: AppTheme.textPrimary,
|
|
||||||
onPressed: () => context.go('/'),
|
|
||||||
),
|
|
||||||
Text(
|
|
||||||
'返回首页',
|
|
||||||
style: TextStyle(
|
|
||||||
color: AppTheme.textSecondary,
|
|
||||||
fontSize: 14,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
// 设置标题
|
// 设置标题
|
||||||
Container(
|
Container(
|
||||||
height: 60,
|
height: 60,
|
||||||
@@ -65,7 +48,8 @@ class _SettingsPageState extends ConsumerState<SettingsPage> {
|
|||||||
),
|
),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
Icon(Icons.settings, color: AppTheme.primaryColor, size: 24),
|
Icon(Icons.settings,
|
||||||
|
color: AppTheme.primaryColor, size: 24),
|
||||||
const SizedBox(width: 12),
|
const SizedBox(width: 12),
|
||||||
Text(
|
Text(
|
||||||
l10n?.settings ?? '系统设置',
|
l10n?.settings ?? '系统设置',
|
||||||
@@ -82,25 +66,41 @@ class _SettingsPageState extends ConsumerState<SettingsPage> {
|
|||||||
_buildMenuItem(
|
_buildMenuItem(
|
||||||
icon: Icons.system_update,
|
icon: Icons.system_update,
|
||||||
title: l10n?.upgrade ?? '软件升级',
|
title: l10n?.upgrade ?? '软件升级',
|
||||||
onTap: () {},
|
selected: _currentMenu == _SettingsMenu.upgrade,
|
||||||
|
onTap: () => setState(
|
||||||
|
() => _currentMenu = _SettingsMenu.upgrade),
|
||||||
|
),
|
||||||
|
// 串口配置
|
||||||
|
_buildMenuItem(
|
||||||
|
icon: Icons.settings_input_hdmi,
|
||||||
|
title: '串口配置',
|
||||||
|
selected: _currentMenu == _SettingsMenu.serialConfig,
|
||||||
|
onTap: () => setState(
|
||||||
|
() => _currentMenu = _SettingsMenu.serialConfig),
|
||||||
),
|
),
|
||||||
// 语言设置
|
// 语言设置
|
||||||
_buildMenuItem(
|
_buildMenuItem(
|
||||||
icon: Icons.language,
|
icon: Icons.language,
|
||||||
title: l10n?.language ?? '语言设置',
|
title: l10n?.language ?? '语言设置',
|
||||||
onTap: () => _showLanguageDialog(),
|
selected: _currentMenu == _SettingsMenu.language,
|
||||||
|
onTap: () => setState(
|
||||||
|
() => _currentMenu = _SettingsMenu.language),
|
||||||
),
|
),
|
||||||
// 安全设置
|
// 密码修改
|
||||||
_buildMenuItem(
|
_buildMenuItem(
|
||||||
icon: Icons.lock,
|
icon: Icons.lock,
|
||||||
title: l10n?.password ?? '密码修改',
|
title: l10n?.password ?? '密码修改',
|
||||||
onTap: () => _showPasswordDialog(),
|
selected: _currentMenu == _SettingsMenu.password,
|
||||||
|
onTap: () => setState(
|
||||||
|
() => _currentMenu = _SettingsMenu.password),
|
||||||
),
|
),
|
||||||
// U盘导入
|
// U盘导入
|
||||||
_buildMenuItem(
|
_buildMenuItem(
|
||||||
icon: Icons.usb,
|
icon: Icons.usb,
|
||||||
title: l10n?.usbImport ?? 'U盘导入',
|
title: l10n?.usbImport ?? 'U盘导入',
|
||||||
onTap: () => _showUsbImportDialog(),
|
selected: _currentMenu == _SettingsMenu.usbImport,
|
||||||
|
onTap: () => setState(
|
||||||
|
() => _currentMenu = _SettingsMenu.usbImport),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
@@ -116,55 +116,7 @@ class _SettingsPageState extends ConsumerState<SettingsPage> {
|
|||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
borderRadius: BorderRadius.circular(12),
|
borderRadius: BorderRadius.circular(12),
|
||||||
),
|
),
|
||||||
child: Column(
|
child: _buildContent(),
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Text(
|
|
||||||
l10n?.upgrade ?? '软件升级',
|
|
||||||
style: TextStyle(
|
|
||||||
color: AppTheme.textPrimary,
|
|
||||||
fontSize: 18,
|
|
||||||
fontWeight: FontWeight.w600,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 24),
|
|
||||||
|
|
||||||
// 版本信息
|
|
||||||
Container(
|
|
||||||
padding: const EdgeInsets.all(16),
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: AppTheme.backgroundColor,
|
|
||||||
borderRadius: BorderRadius.circular(8),
|
|
||||||
),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Icon(Icons.info_outline, color: AppTheme.primaryColor),
|
|
||||||
const SizedBox(width: 12),
|
|
||||||
Text(
|
|
||||||
'当前版本: $_currentVersion',
|
|
||||||
style: TextStyle(color: AppTheme.textPrimary),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
const SizedBox(height: 24),
|
|
||||||
|
|
||||||
// 检查更新按钮
|
|
||||||
CommonButton(
|
|
||||||
text: '检查更新',
|
|
||||||
icon: Icons.refresh,
|
|
||||||
type: ButtonType.primary,
|
|
||||||
onPressed: () {
|
|
||||||
ScaffoldMessenger.of(context).showSnackBar(
|
|
||||||
SnackBar(
|
|
||||||
content: Text('已是最新版本'),
|
|
||||||
backgroundColor: AppTheme.successColor,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
@@ -173,210 +125,90 @@ class _SettingsPageState extends ConsumerState<SettingsPage> {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Widget _buildContent() {
|
||||||
|
return switch (_currentMenu) {
|
||||||
|
_SettingsMenu.serialConfig => const SerialConfigPanel(),
|
||||||
|
_SettingsMenu.language => const LanguagePanel(),
|
||||||
|
_SettingsMenu.password => const PasswordPanel(),
|
||||||
|
_SettingsMenu.usbImport => const UsbImportPanel(),
|
||||||
|
_SettingsMenu.upgrade => _buildUpgradeContent(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildUpgradeContent() {
|
||||||
|
return ListView(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'软件升级',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textPrimary,
|
||||||
|
fontSize: 18,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: AppTheme.backgroundColor,
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Icon(Icons.info_outline, color: AppTheme.primaryColor),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Text(
|
||||||
|
'当前版本: $_currentVersion',
|
||||||
|
style: TextStyle(color: AppTheme.textPrimary),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
CommonButton(
|
||||||
|
text: '检查更新',
|
||||||
|
icon: Icons.refresh,
|
||||||
|
type: ButtonType.primary,
|
||||||
|
onPressed: () {
|
||||||
|
ScaffoldMessenger.of(context).showSnackBar(
|
||||||
|
SnackBar(
|
||||||
|
content: Text('已是最新版本'),
|
||||||
|
backgroundColor: AppTheme.successColor,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
/// 导航菜单项
|
/// 导航菜单项
|
||||||
Widget _buildMenuItem({
|
Widget _buildMenuItem({
|
||||||
required IconData icon,
|
required IconData icon,
|
||||||
required String title,
|
required String title,
|
||||||
required VoidCallback onTap,
|
required VoidCallback onTap,
|
||||||
|
bool selected = false,
|
||||||
}) {
|
}) {
|
||||||
return ListTile(
|
return Container(
|
||||||
leading: Icon(icon, color: AppTheme.textSecondary),
|
color: selected
|
||||||
title: Text(title, style: TextStyle(color: AppTheme.textPrimary)),
|
? AppTheme.primaryColor.withValues(alpha: 0.08)
|
||||||
trailing: Icon(Icons.chevron_right, color: AppTheme.idleColor),
|
: Colors.transparent,
|
||||||
onTap: onTap,
|
child: ListTile(
|
||||||
);
|
leading: Icon(
|
||||||
}
|
icon,
|
||||||
|
color: selected ? AppTheme.primaryColor : AppTheme.textSecondary,
|
||||||
/// 显示语言选择对话框
|
|
||||||
void _showLanguageDialog() {
|
|
||||||
final locale = ref.read(localeProvider);
|
|
||||||
final currentLang = locale.languageCode;
|
|
||||||
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => AlertDialog(
|
|
||||||
title: Text('语言设置'),
|
|
||||||
content: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
RadioListTile<String>(
|
|
||||||
title: Text('简体中文'),
|
|
||||||
value: 'zh',
|
|
||||||
groupValue: currentLang,
|
|
||||||
onChanged: (value) {
|
|
||||||
ref.read(localeProvider.notifier).setChinese();
|
|
||||||
Navigator.of(ctx).pop();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
RadioListTile<String>(
|
|
||||||
title: Text('English'),
|
|
||||||
value: 'en',
|
|
||||||
groupValue: currentLang,
|
|
||||||
onChanged: (value) {
|
|
||||||
ref.read(localeProvider.notifier).setEnglish();
|
|
||||||
Navigator.of(ctx).pop();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
|
title: Text(
|
||||||
|
title,
|
||||||
|
style: TextStyle(
|
||||||
|
color: selected ? AppTheme.primaryColor : AppTheme.textPrimary,
|
||||||
|
fontWeight: selected ? FontWeight.w600 : FontWeight.normal,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
trailing: Icon(Icons.chevron_right, color: AppTheme.idleColor),
|
||||||
|
onTap: onTap,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
/// 显示密码修改对话框
|
|
||||||
void _showPasswordDialog() {
|
|
||||||
final oldPasswordController = TextEditingController();
|
|
||||||
final newPasswordController = TextEditingController();
|
|
||||||
final confirmPasswordController = TextEditingController();
|
|
||||||
String? errorMessage;
|
|
||||||
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (ctx) => StatefulBuilder(
|
|
||||||
builder: (context, setState) => AlertDialog(
|
|
||||||
title: Text('密码修改'),
|
|
||||||
content: SizedBox(
|
|
||||||
width: 300,
|
|
||||||
child: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
TextField(
|
|
||||||
controller: oldPasswordController,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
labelText: '原密码',
|
|
||||||
errorText: null,
|
|
||||||
),
|
|
||||||
obscureText: true,
|
|
||||||
),
|
|
||||||
const SizedBox(height: 12),
|
|
||||||
TextField(
|
|
||||||
controller: newPasswordController,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
labelText: '新密码',
|
|
||||||
helperText: '至少6位字符',
|
|
||||||
),
|
|
||||||
obscureText: true,
|
|
||||||
),
|
|
||||||
const SizedBox(height: 12),
|
|
||||||
TextField(
|
|
||||||
controller: confirmPasswordController,
|
|
||||||
decoration: InputDecoration(labelText: '确认新密码'),
|
|
||||||
obscureText: true,
|
|
||||||
),
|
|
||||||
if (errorMessage != null)
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(top: 12),
|
|
||||||
child: Text(
|
|
||||||
errorMessage!,
|
|
||||||
style: TextStyle(color: AppTheme.errorColor, fontSize: 12),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () => Navigator.of(ctx).pop(),
|
|
||||||
child: Text('取消'),
|
|
||||||
),
|
|
||||||
ElevatedButton(
|
|
||||||
onPressed: () async {
|
|
||||||
// 验证逻辑
|
|
||||||
final oldPassword = oldPasswordController.text.trim();
|
|
||||||
final newPassword = newPasswordController.text.trim();
|
|
||||||
final confirmPassword = confirmPasswordController.text.trim();
|
|
||||||
|
|
||||||
// 检查空值
|
|
||||||
if (oldPassword.isEmpty || newPassword.isEmpty || confirmPassword.isEmpty) {
|
|
||||||
setState(() => errorMessage = '请填写所有字段');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查新密码长度
|
|
||||||
if (newPassword.length < 6) {
|
|
||||||
setState(() => errorMessage = '新密码至少6位字符');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 检查新密码一致性
|
|
||||||
if (newPassword != confirmPassword) {
|
|
||||||
setState(() => errorMessage = '两次输入的新密码不一致');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 验证原密码
|
|
||||||
final isValid = await SettingsService.instance.verifyPassword(oldPassword);
|
|
||||||
if (!isValid) {
|
|
||||||
setState(() => errorMessage = '原密码错误');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 保存新密码
|
|
||||||
final success = await SettingsService.instance.setPassword(newPassword);
|
|
||||||
Navigator.of(ctx).pop();
|
|
||||||
|
|
||||||
if (success) {
|
|
||||||
ScaffoldMessenger.of(this.context).showSnackBar(
|
|
||||||
SnackBar(
|
|
||||||
content: Text('密码已修改'),
|
|
||||||
backgroundColor: AppTheme.successColor,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
ScaffoldMessenger.of(this.context).showSnackBar(
|
|
||||||
SnackBar(
|
|
||||||
content: Text('密码修改失败'),
|
|
||||||
backgroundColor: AppTheme.errorColor,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
child: Text('确认'),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/// 显示U盘导入对话框
|
|
||||||
void _showUsbImportDialog() {
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => AlertDialog(
|
|
||||||
title: Text('U盘导入'),
|
|
||||||
content: Column(
|
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: [
|
|
||||||
Icon(Icons.usb, size: 48, color: AppTheme.warningColor),
|
|
||||||
const SizedBox(height: 16),
|
|
||||||
Text('未检测到U盘'),
|
|
||||||
const SizedBox(height: 8),
|
|
||||||
Text(
|
|
||||||
'请插入U盘后重试',
|
|
||||||
style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: () => Navigator.of(context).pop(),
|
|
||||||
child: Text('关闭'),
|
|
||||||
),
|
|
||||||
ElevatedButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
ScaffoldMessenger.of(context).showSnackBar(
|
|
||||||
SnackBar(
|
|
||||||
content: Text('正在检测U盘...'),
|
|
||||||
backgroundColor: AppTheme.primaryColor,
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
child: Text('重新检测'),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
133
lib/features/settings/widgets/language_panel.dart
Normal file
133
lib/features/settings/widgets/language_panel.dart
Normal file
@@ -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,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
195
lib/features/settings/widgets/password_panel.dart
Normal file
195
lib/features/settings/widgets/password_panel.dart
Normal file
@@ -0,0 +1,195 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
|
|
||||||
|
import '../../../core/theme/app_theme.dart';
|
||||||
|
import '../../../shared/services/toast_service.dart';
|
||||||
|
import '../services/settings_service.dart';
|
||||||
|
|
||||||
|
/// 密码修改面板
|
||||||
|
///
|
||||||
|
/// 在设置页右侧主区域渲染密码修改表单，行为与原弹窗一致：
|
||||||
|
/// 校验空值、长度（≥6）、两次一致性、原密码正确性。
|
||||||
|
class PasswordPanel extends ConsumerStatefulWidget {
|
||||||
|
const PasswordPanel({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
ConsumerState<PasswordPanel> createState() => _PasswordPanelState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _PasswordPanelState extends ConsumerState<PasswordPanel> {
|
||||||
|
final _oldCtrl = TextEditingController();
|
||||||
|
final _newCtrl = TextEditingController();
|
||||||
|
final _confirmCtrl = TextEditingController();
|
||||||
|
bool _submitting = false;
|
||||||
|
String? _error;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_oldCtrl.dispose();
|
||||||
|
_newCtrl.dispose();
|
||||||
|
_confirmCtrl.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _submit() async {
|
||||||
|
if (_submitting) return;
|
||||||
|
final oldPwd = _oldCtrl.text.trim();
|
||||||
|
final newPwd = _newCtrl.text.trim();
|
||||||
|
final confirmPwd = _confirmCtrl.text.trim();
|
||||||
|
|
||||||
|
if (oldPwd.isEmpty || newPwd.isEmpty || confirmPwd.isEmpty) {
|
||||||
|
setState(() => _error = '请填写所有字段');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (newPwd.length < 6) {
|
||||||
|
setState(() => _error = '新密码至少6位字符');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (newPwd != confirmPwd) {
|
||||||
|
setState(() => _error = '两次输入的新密码不一致');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
_submitting = true;
|
||||||
|
_error = null;
|
||||||
|
});
|
||||||
|
|
||||||
|
final isValid = await SettingsService.instance.verifyPassword(oldPwd);
|
||||||
|
if (!isValid) {
|
||||||
|
if (!mounted) return;
|
||||||
|
setState(() {
|
||||||
|
_submitting = false;
|
||||||
|
_error = '原密码错误';
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
final ok = await SettingsService.instance.setPassword(newPwd);
|
||||||
|
if (!mounted) return;
|
||||||
|
setState(() => _submitting = false);
|
||||||
|
|
||||||
|
if (ok) {
|
||||||
|
_oldCtrl.clear();
|
||||||
|
_newCtrl.clear();
|
||||||
|
_confirmCtrl.clear();
|
||||||
|
ToastService.showSuccess(context, '密码已修改');
|
||||||
|
} else {
|
||||||
|
ToastService.showError(context, '密码修改失败');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return ListView(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
children: [
|
||||||
|
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(
|
||||||
|
'密码修改',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textPrimary,
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const Divider(),
|
||||||
|
_field(
|
||||||
|
controller: _oldCtrl,
|
||||||
|
label: '原密码',
|
||||||
|
hint: '请输入当前密码',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_field(
|
||||||
|
controller: _newCtrl,
|
||||||
|
label: '新密码',
|
||||||
|
hint: '至少6位字符',
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_field(
|
||||||
|
controller: _confirmCtrl,
|
||||||
|
label: '确认新密码',
|
||||||
|
hint: '再次输入新密码',
|
||||||
|
),
|
||||||
|
if (_error != null) ...[
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
Text(
|
||||||
|
_error!,
|
||||||
|
style: TextStyle(color: AppTheme.errorColor, fontSize: 12),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
OutlinedButton(
|
||||||
|
onPressed: _submitting
|
||||||
|
? null
|
||||||
|
: () {
|
||||||
|
_oldCtrl.clear();
|
||||||
|
_newCtrl.clear();
|
||||||
|
_confirmCtrl.clear();
|
||||||
|
setState(() => _error = null);
|
||||||
|
},
|
||||||
|
child: const Text('重置'),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
ElevatedButton.icon(
|
||||||
|
onPressed: _submitting ? null : _submit,
|
||||||
|
icon: _submitting
|
||||||
|
? const SizedBox(
|
||||||
|
width: 14,
|
||||||
|
height: 14,
|
||||||
|
child: CircularProgressIndicator(
|
||||||
|
strokeWidth: 2,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: const Icon(Icons.check, size: 18),
|
||||||
|
label: const Text('确认'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||||
|
child: Text(
|
||||||
|
'默认密码为 123456',
|
||||||
|
style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _field({
|
||||||
|
required TextEditingController controller,
|
||||||
|
required String label,
|
||||||
|
required String hint,
|
||||||
|
}) {
|
||||||
|
return TextField(
|
||||||
|
controller: controller,
|
||||||
|
obscureText: true,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
labelText: label,
|
||||||
|
hintText: hint,
|
||||||
|
border: const OutlineInputBorder(),
|
||||||
|
isDense: true,
|
||||||
|
contentPadding:
|
||||||
|
const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
189
lib/features/settings/widgets/usb_import_panel.dart
Normal file
189
lib/features/settings/widgets/usb_import_panel.dart
Normal file
@@ -0,0 +1,189 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||||
|
|
||||||
|
import '../../../core/theme/app_theme.dart';
|
||||||
|
import '../../../shared/services/toast_service.dart';
|
||||||
|
import '../services/usb_detection_service.dart';
|
||||||
|
|
||||||
|
/// U盘导入面板
|
||||||
|
///
|
||||||
|
/// 在设置页右侧主区域渲染 U盘检测与导入操作。
|
||||||
|
class UsbImportPanel extends ConsumerStatefulWidget {
|
||||||
|
const UsbImportPanel({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
ConsumerState<UsbImportPanel> createState() => _UsbImportPanelState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _UsbImportPanelState extends ConsumerState<UsbImportPanel> {
|
||||||
|
bool _detecting = false;
|
||||||
|
|
||||||
|
Future<void> _detect() async {
|
||||||
|
if (_detecting) return;
|
||||||
|
setState(() => _detecting = true);
|
||||||
|
final connected = await UsbDetectionService.instance.detectUsb();
|
||||||
|
if (!mounted) return;
|
||||||
|
setState(() => _detecting = false);
|
||||||
|
if (connected) {
|
||||||
|
ToastService.showInfo(context, '正在检测U盘...');
|
||||||
|
} else {
|
||||||
|
ToastService.showWarning(context, '未检测到U盘');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final state = ref.watch(_usbStateProvider);
|
||||||
|
final connected = state.maybeWhen(
|
||||||
|
data: (s) => s.isConnected,
|
||||||
|
orElse: () => UsbDetectionService.instance.isConnected,
|
||||||
|
);
|
||||||
|
final path = state.maybeWhen(
|
||||||
|
data: (s) => s.path,
|
||||||
|
orElse: () => UsbDetectionService.instance.usbPath,
|
||||||
|
);
|
||||||
|
|
||||||
|
return ListView(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
children: [
|
||||||
|
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: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Icon(
|
||||||
|
connected ? Icons.usb : Icons.usb_off,
|
||||||
|
color:
|
||||||
|
connected ? AppTheme.primaryColor : AppTheme.warningColor,
|
||||||
|
size: 28,
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
connected ? 'U盘已连接' : '未检测到U盘',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textPrimary,
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
Text(
|
||||||
|
connected
|
||||||
|
? '挂载路径: ${path ?? "未知"}'
|
||||||
|
: '请插入U盘后点击"重新检测"',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textSecondary, fontSize: 13),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [
|
||||||
|
OutlinedButton.icon(
|
||||||
|
onPressed: _detecting ? null : _detect,
|
||||||
|
icon: _detecting
|
||||||
|
? const SizedBox(
|
||||||
|
width: 14,
|
||||||
|
height: 14,
|
||||||
|
child: CircularProgressIndicator(strokeWidth: 2),
|
||||||
|
)
|
||||||
|
: const Icon(Icons.refresh, size: 18),
|
||||||
|
label: const Text('重新检测'),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
ElevatedButton.icon(
|
||||||
|
onPressed: connected ? () => _import(path) : null,
|
||||||
|
icon: const Icon(Icons.download, size: 18),
|
||||||
|
label: const Text('导入程序'),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
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.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'使用说明',
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textPrimary,
|
||||||
|
fontSize: 14,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
_bullet('将程序文件 (.json) 放入 U盘根目录的 programs 文件夹'),
|
||||||
|
_bullet('插入 U盘后点击"重新检测"'),
|
||||||
|
_bullet('检测成功后点击"导入程序"加载程序列表'),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _import(String? path) {
|
||||||
|
if (path == null) {
|
||||||
|
ToastService.showWarning(context, 'U盘路径无效');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
ToastService.showInfo(context, '正在导入程序...');
|
||||||
|
// TODO: 接入 program_import_service 实现真正的导入流程
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _bullet(String text) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
||||||
|
child: Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 6, right: 8),
|
||||||
|
child: Container(
|
||||||
|
width: 4,
|
||||||
|
height: 4,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: AppTheme.primaryColor,
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Text(
|
||||||
|
text,
|
||||||
|
style: TextStyle(
|
||||||
|
color: AppTheme.textSecondary,
|
||||||
|
fontSize: 13,
|
||||||
|
height: 1.5,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// 监听 USB 状态变化的 Riverpod StreamProvider
|
||||||
|
final _usbStateProvider = StreamProvider<UsbState>((ref) {
|
||||||
|
return UsbDetectionService.instance.stateStream;
|
||||||
|
});
|
||||||
Reference in New Issue
Block a user