feat(apps): 重构 UI 架构为 presentation 层并新增 l10n 国际化支持

2026-03-27 14:05:03 +08:00
parent b1f0eb8921
commit c592cc7854
178 changed files with 10748 additions and 5764 deletions
@@ -0,0 +1,88 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import '../../../../core/theme/design_tokens.dart';
+
+class AuthField extends StatelessWidget {
+  const AuthField({
+    super.key,
+    this.label,
+    required this.hint,
+    required this.controller,
+    this.keyboardType,
+    this.obscureText = false,
+    this.suffixIcon,
+    this.onChanged,
+    this.prefix,
+    this.inputFormatters,
+  });
+
+  final String? label;
+  final String hint;
+  final TextEditingController controller;
+  final TextInputType? keyboardType;
+  final bool obscureText;
+  final Widget? suffixIcon;
+  final ValueChanged<String>? onChanged;
+  final Widget? prefix;
+  final List<TextInputFormatter>? inputFormatters;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        if (label != null) ...[
+          Text(
+            label!,
+            style: const TextStyle(
+              fontSize: 13,
+              fontWeight: FontWeight.w700,
+              color: AppColors.slate700,
+            ),
+          ),
+          SizedBox(height: AppSpacing.sm),
+        ],
+        Semantics(
+          label: label,
+          textField: true,
+          child: TextField(
+            controller: controller,
+            keyboardType: keyboardType,
+            obscureText: obscureText,
+            onChanged: onChanged,
+            inputFormatters: inputFormatters,
+            style: const TextStyle(fontSize: 16, color: AppColors.slate900),
+            decoration: InputDecoration(
+              hintText: hint,
+              hintStyle: const TextStyle(
+                fontSize: 15,
+                color: AppColors.slate400,
+              ),
+              filled: true,
+              fillColor: AppColors.authInputBackground,
+              contentPadding: const EdgeInsets.symmetric(
+                horizontal: AppSpacing.lg,
+                vertical: AppSpacing.lg,
+              ),
+              prefixIcon: prefix,
+              suffixIcon: suffixIcon,
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(AppRadius.lg),
+                borderSide: BorderSide.none,
+              ),
+              enabledBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(AppRadius.lg),
+                borderSide: const BorderSide(color: AppColors.authInputBorder),
+              ),
+              focusedBorder: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(AppRadius.lg),
+                borderSide: const BorderSide(color: AppColors.authInputFocus),
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}