xinyouhe/photo-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(mobile): UI-01 upload center, capture and auxiliary pages

Browse Source 
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
2026-09-21 17:20:43 +08:00
parent f6929ae18f
commit 1f67b7c818
26 changed files with 2144 additions and 771 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mobile/lib/pages/password_change_page.dart
+115 -100
View File
@@ -1,3 +1,12 @@
/// 修改密码页（UI-01 §4.5 主题统一，P3 计划 Task 3 基础；入口在设置页）。
///
/// 当前/新/确认三字段；客户端校验（新密码 ≥8 位、两次一致）先行，
/// 服务端 [ApiClient.changePassword] 成功后 204——当前会话被服务端保留，
/// 无需重登录：toast 提示后直接 pop 回设置页。失败以内联 StateBadge
/// （图标 + 文案 + 错误色）展示；AUTH_INVALID_CREDENTIALS 在本页语义为
/// 「当前密码错误」（覆写通用映射）。
library;
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -6,13 +15,10 @@ import '../core/app_exception.dart';
import '../core/error_codes.dart';
import '../core/error_l10n.dart';
import '../l10n/app_localizations.dart';
import '../ui/components/state_badge.dart';
import '../ui/tokens.dart';
/// 修改密码页（P3 计划 Task 3；入口在设置页）。
///
/// 当前/新/确认三字段；客户端校验（新密码 ≥8 位、两次一致）先行，
/// 服务端 [ApiClient.changePassword] 成功后 204——当前会话被服务端保留，
/// 无需重登录：toast 提示后直接 pop 回设置页。
/// AUTH_INVALID_CREDENTIALS 在本页语义为「当前密码错误」（覆写通用映射）。
/// 修改密码页。
class PasswordChangePage extends ConsumerStatefulWidget {
const PasswordChangePage({super.key});
@@ -30,6 +36,9 @@ class _PasswordChangePageState extends ConsumerState<PasswordChangePage> {
bool _obscureAll = true;
bool _submitting = false;
/// 最近一次提交失败文案（内联 StateBadge 展示；null = 无错误）。
String? _errorText;
@override
void dispose() {
_oldController.dispose();
@@ -40,7 +49,10 @@ class _PasswordChangePageState extends ConsumerState<PasswordChangePage> {
Future<void> _submit() async {
if (!_formKey.currentState!.validate()) return;
setState(() => _submitting = true);
setState(() {
_submitting = true;
_errorText = null;
});
final l10n = AppLocalizations.of(context);
final messenger = ScaffoldMessenger.of(context);
final navigator = Navigator.of(context);
@@ -55,19 +67,16 @@ class _PasswordChangePageState extends ConsumerState<PasswordChangePage> {
);
navigator.pop();
} on AppException catch (error) {
messenger.showSnackBar(
SnackBar(
content: Text(
error.code == ErrorCodes.authInvalidCredentials
? l10n.errorOldPasswordIncorrect
: l10n.messageForError(error),
),
),
);
if (mounted) {
setState(
() => _errorText =
error.code == ErrorCodes.authInvalidCredentials
? l10n.errorOldPasswordIncorrect
: l10n.messageForError(error),
);
}
} on Object {
messenger.showSnackBar(
SnackBar(content: Text(l10n.errorGeneric)),
);
if (mounted) setState(() => _errorText = l10n.errorGeneric);
} finally {
if (mounted) setState(() => _submitting = false);
}
@@ -81,92 +90,98 @@ class _PasswordChangePageState extends ConsumerState<PasswordChangePage> {
body: Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 420),
child: Padding(
padding: const EdgeInsets.all(24),
child: Form(
key: _formKey,
autovalidateMode: AutovalidateMode.onUserInteraction,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
TextFormField(
controller: _oldController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
decoration: InputDecoration(
labelText: l10n.currentPassword,
border: const OutlineInputBorder(),
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(kSpace24),
child: Form(
key: _formKey,
autovalidateMode: AutovalidateMode.onUserInteraction,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
TextFormField(
controller: _oldController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
decoration: InputDecoration(
labelText: l10n.currentPassword,
),
validator: (value) => (value == null || value.isEmpty)
? l10n.fieldRequired
: null,
),
validator: (value) => (value == null || value.isEmpty)
? l10n.fieldRequired
: null,
),
const SizedBox(height: 16),
TextFormField(
controller: _newController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
decoration: InputDecoration(
labelText: l10n.newPassword,
border: const OutlineInputBorder(),
const SizedBox(height: kSpace16),
TextFormField(
controller: _newController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
decoration: InputDecoration(
labelText: l10n.newPassword,
),
validator: (value) {
if (value == null || value.isEmpty) {
return l10n.fieldRequired;
}
if (value.length < 8) return l10n.passwordMinLength;
return null;
},
),
validator: (value) {
if (value == null || value.isEmpty) {
return l10n.fieldRequired;
}
if (value.length < 8) return l10n.passwordMinLength;
return null;
},
),
const SizedBox(height: 16),
TextFormField(
controller: _confirmController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
onFieldSubmitted: (_) => _submitting ? null : _submit(),
decoration: InputDecoration(
labelText: l10n.confirmNewPassword,
border: const OutlineInputBorder(),
const SizedBox(height: kSpace16),
TextFormField(
controller: _confirmController,
obscureText: _obscureAll,
enableSuggestions: false,
autocorrect: false,
onFieldSubmitted: (_) => _submitting ? null : _submit(),
decoration: InputDecoration(
labelText: l10n.confirmNewPassword,
),
validator: (value) {
if (value == null || value.isEmpty) {
return l10n.fieldRequired;
}
if (value != _newController.text) {
return l10n.passwordMismatch;
}
return null;
},
),
validator: (value) {
if (value == null || value.isEmpty) {
return l10n.fieldRequired;
}
if (value != _newController.text) {
return l10n.passwordMismatch;
}
return null;
},
),
const SizedBox(height: 8),
Align(
alignment: Alignment.centerRight,
child: IconButton(
onPressed: () =>
setState(() => _obscureAll = !_obscureAll),
icon: Icon(
_obscureAll
? Icons.visibility_outlined
: Icons.visibility_off_outlined,
const SizedBox(height: kSpace8),
Align(
alignment: Alignment.centerRight,
child: IconButton(
onPressed: () =>
setState(() => _obscureAll = !_obscureAll),
icon: Icon(
_obscureAll
? Icons.visibility_outlined
: Icons.visibility_off_outlined,
),
),
),
),
const SizedBox(height: 16),
FilledButton(
onPressed: _submitting ? null : _submit,
child: _submitting
? const SizedBox(
height: 20,
width: 20,
child: CircularProgressIndicator(strokeWidth: 2),
)
: Text(l10n.passwordChangeTitle),
),
],
if (_errorText != null) ...[
const SizedBox(height: kSpace8),
StateBadge(
variant: BadgeVariant.error,
label: _errorText!,
),
],
const SizedBox(height: kSpace16),
FilledButton(
onPressed: _submitting ? null : _submit,
child: _submitting
? const SizedBox(
height: 20,
width: 20,
child: CircularProgressIndicator(strokeWidth: 2),
)
: Text(l10n.passwordChangeTitle),
),
],
),
),
),
),