fix(client): 修聚焦时输入框橙边漏出错位/被裁(登录·注册·搜索·兑换码)

主题 inputDecorationTheme 设了 focusedBorder: OutlineInputBorder(accent)，而登录/注册的邮箱·密码·验证码、节点页搜索框、兑换码框这几处的 TextField 只写 border: InputBorder.none、未覆盖 focusedBorder —— 聚焦瞬间主题的橙色 OutlineInputBorder 漏到内层 TextField 上，与外层自定义容器圆角错位/左右被裁。统一加共享 kBareInput 装饰(pangolin_theme.dart)关掉所有边框状态泄漏，四处替换。只压边框、不动 filled/fillColor —— 未聚焦态外观与改前一致，不动 golden；聚焦指示仍由外层容器自己的 Border.all(accent) 负责。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-28 22:21:50 +08:00
parent 1adf088c68
commit 25e8330e3b
4 changed files with 29 additions and 5 deletions
@@ -24,6 +24,27 @@ import 'package:google_fonts/google_fonts.dart';
 import 'pangolin_tokens.gen.dart';
 export 'pangolin_tokens.gen.dart';

+/// 自定义容器（自带圆角/边框/聚焦态）里嵌 [TextField] 时用此装饰：
+/// 彻底关掉主题 [inputDecorationTheme] 的边框/填充泄漏。
+///
+/// 坑：主题里设了 `focusedBorder: OutlineInputBorder(accent)` + `filled:true`。
+/// 字段只写 `border: InputBorder.none` **不覆盖 focusedBorder** 时，聚焦瞬间主题的
+/// 橙色 OutlineInputBorder + 填充会画到内层 TextField 上，与外层容器圆角错位/被裁
+/// （登录/注册的邮箱·密码·验证码、节点页搜索框聚焦时左右各缺一截即此因）。
+/// 聚焦指示交给外层容器自己负责（如 [Border.all(accent)]）。
+///
+/// 注意：只压边框、不动 `filled`/`fillColor`——未聚焦态外观与改前完全一致（不动 golden），
+/// 漏出的橙框只来自 `focusedBorder`（未聚焦态早已解析为无边框）。
+const InputDecoration kBareInput = InputDecoration(
+  isCollapsed: true,
+  border: InputBorder.none,
+  enabledBorder: InputBorder.none,
+  focusedBorder: InputBorder.none,
+  disabledBorder: InputBorder.none,
+  errorBorder: InputBorder.none,
+  focusedErrorBorder: InputBorder.none,
+);
+
 /// ── Semantic tokens, resolved per brightness ───────────────────────
@immutable
 class PangolinScheme extends ThemeExtension<PangolinScheme> {