feat(client): Flutter 逐屏还原 + iPad ≥900 断点 (tsk_gpPXi-icyeOE)
对照 design/ui_kits mobile+tablet 原型逐屏补齐 Flutter 客户端: - l10n 资源层(strings_zh/en,单显)+ Riverpod 状态层(连接状态机/免费额度/ 节点选择/语言/主题),UI 与数据解耦,mock 数据接 API 不动 UI。 - 连接键严格三态(off 虚线轨道环 / connecting 旋转弧 / on 满环+计时+光晕), 状态来自 connectionProvider,点击只派发事件——禁止乐观显示。 - 节点页置顶「智能选择」推荐卡(clay 渐变 zap + 推荐胶囊,默认选中); 免费额度卡(剩余分钟+进度条 ≤3 分钟切 warning + 看广告解锁变绿)。 - Tab 左右滑动切换(手势竞技场仲裁,子页滚动不误触发,200ms 方向感知滑入)。 - iPad/宽屏 ≥900 LayoutBuilder 切侧栏分栏(导航行高 ≥48,连接页双栏/节点双列网格), 复用同一批原子组件,不 fork 页面。 - 语义 token 零硬编码;文案全部走 l10n;套餐数字对齐 §7;无支付表单/emoji 国旗。 - CI 红线词扫描扩展到 client/lib;新增 Flutter analyze+test CI 任务。 - 测试:连接状态机/额度/节点单测、连接键三态与卡片组件测试、 golden(连接键三态/推荐卡/额度卡 × 明暗)。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
wangjia
@@ -0,0 +1,152 @@
|
||||
// app_text.dart — 文案契约(l10n 资源层)
|
||||
//
|
||||
// 产品任一时刻只显示中文【或】英文(设计铁律 §6 单语言显示),由
|
||||
// `localeProvider` 段控切换。所有界面文案必须经此处取用,禁止在组件内
|
||||
// 写死中/英字面量。zh / en 两份资源分别在 strings_zh.dart / strings_en.dart。
|
||||
//
|
||||
// 红线词约束(设计铁律 §13):资源文件不得出现 VPN / 翻墙 / 科学上网 /
|
||||
// 突破封锁 / 自由穿越 / Go anywhere。CI `ci/scan-redline.sh` 对本目录做扫描。
|
||||
//
|
||||
// 注意:这是手写资源(非 flutter gen-l10n 代码生成),保证离线可编译;
|
||||
// 接口形态与 .arb 一致,后续可平滑迁移到官方 l10n 工具链。
|
||||
|
||||
/// 受支持语言。单显——任一时刻只渲染其一。
|
||||
enum AppLang { zh, en }
|
||||
|
||||
/// 全部界面文案的抽象契约。zh / en 各实现一份。
|
||||
abstract class AppText {
|
||||
const AppText();
|
||||
|
||||
AppLang get lang;
|
||||
|
||||
// ── 品牌 / 连接状态 ──
|
||||
String get brand;
|
||||
String get online;
|
||||
String get offline;
|
||||
String get capOff;
|
||||
String get capConnecting;
|
||||
String get capOn;
|
||||
String get connectNow; // 连接键 off 态圆内文字
|
||||
String get secure; // 连接键圆内「已加密」
|
||||
|
||||
// ── 底部 / 侧栏导航 ──
|
||||
String get tabConnect;
|
||||
String get tabServers;
|
||||
String get tabStats;
|
||||
String get tabMe;
|
||||
|
||||
// ── 连接页 ──
|
||||
String get currentNode;
|
||||
String get download;
|
||||
String get upload;
|
||||
String get latency;
|
||||
|
||||
// ── 免费额度卡 ──
|
||||
String get quotaToday;
|
||||
String get minutes;
|
||||
String get quotaFree;
|
||||
String get watchAd;
|
||||
String get adUnlocked;
|
||||
|
||||
// ── 节点页 ──
|
||||
String get chooseNode;
|
||||
String get searchPh;
|
||||
String get smartSelect;
|
||||
String get smartSub;
|
||||
String get recommended;
|
||||
|
||||
// ── 统计页 ──
|
||||
String get statsTitle;
|
||||
String get trafficMonth;
|
||||
String get avgPing;
|
||||
String get durMonth;
|
||||
String get weekTraffic;
|
||||
List<String> get days7;
|
||||
|
||||
// ── 账户页 ──
|
||||
String get meTitle;
|
||||
String get proMember;
|
||||
String get freePlanName;
|
||||
String get expires;
|
||||
String get upgradeBtn;
|
||||
String get accInfoTitle;
|
||||
String get accEmail;
|
||||
String get accPassword;
|
||||
String get accChange;
|
||||
String get myDevices;
|
||||
String get devicesSub;
|
||||
String get thisDevice;
|
||||
String get remove;
|
||||
String get redeemEntry;
|
||||
String get contactEntry;
|
||||
String get signOut;
|
||||
String get language;
|
||||
String get darkAppearance;
|
||||
String get stateOn;
|
||||
String get followLight;
|
||||
String get protocol;
|
||||
|
||||
// ── 套餐选择 ──
|
||||
String get choosePlan;
|
||||
String get freePlan;
|
||||
String get proPlan;
|
||||
String get teamPlan;
|
||||
String get perMonth;
|
||||
String get current;
|
||||
String get upgrade;
|
||||
String get choose;
|
||||
String get mostPopular;
|
||||
List<String> get featsFree;
|
||||
List<String> get featsPro;
|
||||
List<String> get featsTeam;
|
||||
|
||||
// ── 兑换 & 购买 ──
|
||||
String get redeemTitle;
|
||||
String get redeemCodeTitle;
|
||||
String get redeemPh;
|
||||
String get redeemBtn;
|
||||
String get redeemOk;
|
||||
String get buyTitle;
|
||||
String get buySub;
|
||||
String get chStore;
|
||||
String get chEmail;
|
||||
|
||||
// ── 联系我们 ──
|
||||
String get contactTitle;
|
||||
String get contactIntro;
|
||||
String get contactEmail;
|
||||
String get contactStore;
|
||||
String get contactHoursTitle;
|
||||
String get contactHours;
|
||||
|
||||
// ── 登录 / 注册 ──
|
||||
String get authTagline;
|
||||
String get tabLogin;
|
||||
String get tabRegister;
|
||||
String get emailLabel;
|
||||
String get emailPh;
|
||||
String get pwLabel;
|
||||
String get pwPh;
|
||||
String get setPwPh;
|
||||
String get codeLabel;
|
||||
String codeSentTo(String email);
|
||||
String get sendCode;
|
||||
String get resend;
|
||||
String get doLogin;
|
||||
String get doNext;
|
||||
String get doCreate;
|
||||
String get forgotPw;
|
||||
String get tos;
|
||||
|
||||
// ── 首次引导 ──
|
||||
String get obSkip;
|
||||
String get obNext;
|
||||
String get obAllow;
|
||||
String get obStart;
|
||||
String get ob1Title;
|
||||
String get ob1Sub;
|
||||
String get ob2Title;
|
||||
String get ob2Sub;
|
||||
String get ob3Title;
|
||||
String get ob3Sub;
|
||||
}
|
||||
@@ -0,0 +1,247 @@
|
||||
// strings_en.dart — English copy resources (single-language display)
|
||||
//
|
||||
// Red-line words forbidden: VPN / 翻墙 / 科学上网 / 突破封锁 / 自由穿越 / Go anywhere.
|
||||
// Positioning: network acceleration / experience optimization + privacy.
|
||||
// Plan numbers follow design/CLAUDE.md §7.
|
||||
import 'app_text.dart';
|
||||
|
||||
class StringsEn extends AppText {
|
||||
const StringsEn();
|
||||
|
||||
@override
|
||||
AppLang get lang => AppLang.en;
|
||||
|
||||
@override
|
||||
String get brand => 'Pangolin';
|
||||
@override
|
||||
String get online => '● Online';
|
||||
@override
|
||||
String get offline => '○ Offline';
|
||||
@override
|
||||
String get capOff => 'Tap to connect';
|
||||
@override
|
||||
String get capConnecting => 'Connecting…';
|
||||
@override
|
||||
String get capOn => 'Connected · Encrypted';
|
||||
@override
|
||||
String get connectNow => 'CONNECT';
|
||||
@override
|
||||
String get secure => 'SECURE';
|
||||
|
||||
@override
|
||||
String get tabConnect => 'Connect';
|
||||
@override
|
||||
String get tabServers => 'Servers';
|
||||
@override
|
||||
String get tabStats => 'Stats';
|
||||
@override
|
||||
String get tabMe => 'Account';
|
||||
|
||||
@override
|
||||
String get currentNode => 'Current node';
|
||||
@override
|
||||
String get download => 'Down';
|
||||
@override
|
||||
String get upload => 'Up';
|
||||
@override
|
||||
String get latency => 'Ping';
|
||||
|
||||
@override
|
||||
String get quotaToday => 'Left today';
|
||||
@override
|
||||
String get minutes => 'min';
|
||||
@override
|
||||
String get quotaFree => 'Free · 10 min/day';
|
||||
@override
|
||||
String get watchAd => 'Watch ad to start';
|
||||
@override
|
||||
String get adUnlocked => 'Unlocked for today';
|
||||
|
||||
@override
|
||||
String get chooseNode => 'Choose server';
|
||||
@override
|
||||
String get searchPh => 'Search country / city';
|
||||
@override
|
||||
String get smartSelect => 'Smart select';
|
||||
@override
|
||||
String get smartSub => 'Picks the best node for your network';
|
||||
@override
|
||||
String get recommended => 'Recommended';
|
||||
|
||||
@override
|
||||
String get statsTitle => 'Statistics';
|
||||
@override
|
||||
String get trafficMonth => 'Traffic';
|
||||
@override
|
||||
String get avgPing => 'Avg ping';
|
||||
@override
|
||||
String get durMonth => 'Time';
|
||||
@override
|
||||
String get weekTraffic => 'This week (GB)';
|
||||
@override
|
||||
List<String> get days7 => const ['M', 'T', 'W', 'T', 'F', 'S', 'S'];
|
||||
|
||||
@override
|
||||
String get meTitle => 'Account';
|
||||
@override
|
||||
String get proMember => 'PRO member';
|
||||
@override
|
||||
String get freePlanName => 'Free';
|
||||
@override
|
||||
String get expires => 'Expires';
|
||||
@override
|
||||
String get upgradeBtn => 'Renew / Upgrade';
|
||||
@override
|
||||
String get accInfoTitle => 'Account info';
|
||||
@override
|
||||
String get accEmail => 'Email';
|
||||
@override
|
||||
String get accPassword => 'Password';
|
||||
@override
|
||||
String get accChange => 'Change';
|
||||
@override
|
||||
String get myDevices => 'My devices';
|
||||
@override
|
||||
String get devicesSub => 'Up to 5 devices on PRO';
|
||||
@override
|
||||
String get thisDevice => 'This device';
|
||||
@override
|
||||
String get remove => 'Remove';
|
||||
@override
|
||||
String get redeemEntry => 'Redeem & buy';
|
||||
@override
|
||||
String get contactEntry => 'Contact us';
|
||||
@override
|
||||
String get signOut => 'Sign out';
|
||||
@override
|
||||
String get language => 'Language';
|
||||
@override
|
||||
String get darkAppearance => 'Dark appearance';
|
||||
@override
|
||||
String get stateOn => 'On';
|
||||
@override
|
||||
String get followLight => 'Off';
|
||||
@override
|
||||
String get protocol => 'Protocol';
|
||||
|
||||
@override
|
||||
String get choosePlan => 'Choose plan';
|
||||
@override
|
||||
String get freePlan => 'Free';
|
||||
@override
|
||||
String get proPlan => 'Pro';
|
||||
@override
|
||||
String get teamPlan => 'Team';
|
||||
@override
|
||||
String get perMonth => '/mo';
|
||||
@override
|
||||
String get current => 'Current';
|
||||
@override
|
||||
String get upgrade => 'Upgrade';
|
||||
@override
|
||||
String get choose => 'Choose';
|
||||
@override
|
||||
String get mostPopular => 'Popular';
|
||||
@override
|
||||
List<String> get featsFree => const [
|
||||
'1 basic node only',
|
||||
'10 min per day',
|
||||
'Watch an ad to start',
|
||||
'7-day free trial on sign-up',
|
||||
];
|
||||
@override
|
||||
List<String> get featsPro =>
|
||||
const ['80+ locations', 'Unlimited · fast', '5 devices', 'Streaming optimized'];
|
||||
@override
|
||||
List<String> get featsTeam =>
|
||||
const ['Everything in Pro', '10 seats', 'Central billing', 'Priority support'];
|
||||
|
||||
@override
|
||||
String get redeemTitle => 'Redeem & buy';
|
||||
@override
|
||||
String get redeemCodeTitle => 'Redeem a code';
|
||||
@override
|
||||
String get redeemPh => 'Enter activation code';
|
||||
@override
|
||||
String get redeemBtn => 'Redeem';
|
||||
@override
|
||||
String get redeemOk => 'Activated · PRO unlocked';
|
||||
@override
|
||||
String get buyTitle => 'Where to buy';
|
||||
@override
|
||||
String get buySub => 'In-app payment is unavailable. Get a code via:';
|
||||
@override
|
||||
String get chStore => 'Self-serve store';
|
||||
@override
|
||||
String get chEmail => 'Email support';
|
||||
|
||||
@override
|
||||
String get contactTitle => 'Contact us';
|
||||
@override
|
||||
String get contactIntro =>
|
||||
'Need help? Reach us via any channel below — usually replies in minutes.';
|
||||
@override
|
||||
String get contactEmail => 'Email support';
|
||||
@override
|
||||
String get contactStore => 'Self-serve store';
|
||||
@override
|
||||
String get contactHoursTitle => 'Support hours';
|
||||
@override
|
||||
String get contactHours => 'Daily 9:00 – 24:00 (GMT+8)';
|
||||
|
||||
@override
|
||||
String get authTagline => 'Fast · Stable · Effortless';
|
||||
@override
|
||||
String get tabLogin => 'Log in';
|
||||
@override
|
||||
String get tabRegister => 'Sign up';
|
||||
@override
|
||||
String get emailLabel => 'Email';
|
||||
@override
|
||||
String get emailPh => 'your@email.com';
|
||||
@override
|
||||
String get pwLabel => 'Password';
|
||||
@override
|
||||
String get pwPh => 'Enter password';
|
||||
@override
|
||||
String get setPwPh => 'Set a password (for multi-device login)';
|
||||
@override
|
||||
String get codeLabel => 'Verification code';
|
||||
@override
|
||||
String codeSentTo(String email) => 'Code sent to $email';
|
||||
@override
|
||||
String get sendCode => 'Send code';
|
||||
@override
|
||||
String get resend => 'Resend';
|
||||
@override
|
||||
String get doLogin => 'Log in';
|
||||
@override
|
||||
String get doNext => 'Next';
|
||||
@override
|
||||
String get doCreate => 'Create account';
|
||||
@override
|
||||
String get forgotPw => 'Forgot password?';
|
||||
@override
|
||||
String get tos => 'By continuing you agree to our Terms & Privacy Policy';
|
||||
|
||||
@override
|
||||
String get obSkip => 'Skip';
|
||||
@override
|
||||
String get obNext => 'Next';
|
||||
@override
|
||||
String get obAllow => 'Allow & continue';
|
||||
@override
|
||||
String get obStart => 'Get started';
|
||||
@override
|
||||
String get ob1Title => 'Connect worldwide';
|
||||
@override
|
||||
String get ob1Sub => '80+ locations, auto-fastest routing, rock-solid.';
|
||||
@override
|
||||
String get ob2Title => 'Allow network setup';
|
||||
@override
|
||||
String get ob2Sub => 'The system will ask to add a network profile to build the encrypted tunnel.';
|
||||
@override
|
||||
String get ob3Title => 'Private by design';
|
||||
@override
|
||||
String get ob3Sub => 'End-to-end encrypted. We keep zero browsing logs.';
|
||||
}
|
||||
@@ -0,0 +1,241 @@
|
||||
// strings_zh.dart — 中文文案资源(单显)
|
||||
//
|
||||
// 红线词禁用:VPN / 翻墙 / 科学上网 / 突破封锁 / 自由穿越 / Go anywhere。
|
||||
// 脱敏口径:网络加速 / 体验优化 + 隐私保护。套餐数字以 design/CLAUDE.md §7 为准。
|
||||
import 'app_text.dart';
|
||||
|
||||
class StringsZh extends AppText {
|
||||
const StringsZh();
|
||||
|
||||
@override
|
||||
AppLang get lang => AppLang.zh;
|
||||
|
||||
@override
|
||||
String get brand => '穿山甲';
|
||||
@override
|
||||
String get online => '● 在线';
|
||||
@override
|
||||
String get offline => '○ 离线';
|
||||
@override
|
||||
String get capOff => '未连接 · 轻点连接';
|
||||
@override
|
||||
String get capConnecting => '连接中…';
|
||||
@override
|
||||
String get capOn => '已连接 · 网络已加密';
|
||||
@override
|
||||
String get connectNow => '点击连接';
|
||||
@override
|
||||
String get secure => '已加密';
|
||||
|
||||
@override
|
||||
String get tabConnect => '连接';
|
||||
@override
|
||||
String get tabServers => '节点';
|
||||
@override
|
||||
String get tabStats => '统计';
|
||||
@override
|
||||
String get tabMe => '我的';
|
||||
|
||||
@override
|
||||
String get currentNode => '当前节点';
|
||||
@override
|
||||
String get download => '下载';
|
||||
@override
|
||||
String get upload => '上传';
|
||||
@override
|
||||
String get latency => '延迟';
|
||||
|
||||
@override
|
||||
String get quotaToday => '今日剩余';
|
||||
@override
|
||||
String get minutes => '分钟';
|
||||
@override
|
||||
String get quotaFree => '免费版 · 每日 10 分钟';
|
||||
@override
|
||||
String get watchAd => '看广告开始使用';
|
||||
@override
|
||||
String get adUnlocked => '已解锁 · 今日可用';
|
||||
|
||||
@override
|
||||
String get chooseNode => '选择节点';
|
||||
@override
|
||||
String get searchPh => '搜索国家 / 城市';
|
||||
@override
|
||||
String get smartSelect => '智能选择';
|
||||
@override
|
||||
String get smartSub => '根据当前网络环境,自动选择最优节点';
|
||||
@override
|
||||
String get recommended => '推荐';
|
||||
|
||||
@override
|
||||
String get statsTitle => '使用统计';
|
||||
@override
|
||||
String get trafficMonth => '本月流量';
|
||||
@override
|
||||
String get avgPing => '平均延迟';
|
||||
@override
|
||||
String get durMonth => '本月时长';
|
||||
@override
|
||||
String get weekTraffic => '本周流量 (GB)';
|
||||
@override
|
||||
List<String> get days7 => const ['一', '二', '三', '四', '五', '六', '日'];
|
||||
|
||||
@override
|
||||
String get meTitle => '我的';
|
||||
@override
|
||||
String get proMember => 'PRO 会员';
|
||||
@override
|
||||
String get freePlanName => '免费版';
|
||||
@override
|
||||
String get expires => '有效期至';
|
||||
@override
|
||||
String get upgradeBtn => '续费 / 升级';
|
||||
@override
|
||||
String get accInfoTitle => '账户信息';
|
||||
@override
|
||||
String get accEmail => '邮箱';
|
||||
@override
|
||||
String get accPassword => '密码';
|
||||
@override
|
||||
String get accChange => '修改';
|
||||
@override
|
||||
String get myDevices => '我的设备';
|
||||
@override
|
||||
String get devicesSub => 'PRO 套餐最多 5 台设备同时在线';
|
||||
@override
|
||||
String get thisDevice => '当前设备';
|
||||
@override
|
||||
String get remove => '移除';
|
||||
@override
|
||||
String get redeemEntry => '兑换 & 购买';
|
||||
@override
|
||||
String get contactEntry => '联系我们';
|
||||
@override
|
||||
String get signOut => '退出登录';
|
||||
@override
|
||||
String get language => '语言';
|
||||
@override
|
||||
String get darkAppearance => '深色外观';
|
||||
@override
|
||||
String get stateOn => '已开启';
|
||||
@override
|
||||
String get followLight => '跟随浅色';
|
||||
@override
|
||||
String get protocol => '协议';
|
||||
|
||||
@override
|
||||
String get choosePlan => '选择套餐';
|
||||
@override
|
||||
String get freePlan => '免费版';
|
||||
@override
|
||||
String get proPlan => '专业版';
|
||||
@override
|
||||
String get teamPlan => '团队版';
|
||||
@override
|
||||
String get perMonth => '/月';
|
||||
@override
|
||||
String get current => '当前';
|
||||
@override
|
||||
String get upgrade => '立即升级';
|
||||
@override
|
||||
String get choose => '选择';
|
||||
@override
|
||||
String get mostPopular => '最受欢迎';
|
||||
@override
|
||||
List<String> get featsFree =>
|
||||
const ['仅 1 个基础节点', '每日 10 分钟时长', '使用前观看广告', '注册享 7 天免费试用'];
|
||||
@override
|
||||
List<String> get featsPro =>
|
||||
const ['80+ 全球节点', '无限流量 · 极速', '5 台设备同时在线', '流媒体优化'];
|
||||
@override
|
||||
List<String> get featsTeam =>
|
||||
const ['专业版全部功能', '10 个成员席位', '集中计费与管理', '优先客服'];
|
||||
|
||||
@override
|
||||
String get redeemTitle => '兑换 & 购买';
|
||||
@override
|
||||
String get redeemCodeTitle => '兑换激活码';
|
||||
@override
|
||||
String get redeemPh => '输入激活码';
|
||||
@override
|
||||
String get redeemBtn => '激活';
|
||||
@override
|
||||
String get redeemOk => '激活成功 · PRO 已开通';
|
||||
@override
|
||||
String get buyTitle => '购买渠道';
|
||||
@override
|
||||
String get buySub => 'App 内不支持直接支付。请通过以下渠道获取激活码:';
|
||||
@override
|
||||
String get chStore => '自助发卡商店';
|
||||
@override
|
||||
String get chEmail => '邮箱客服';
|
||||
|
||||
@override
|
||||
String get contactTitle => '联系我们';
|
||||
@override
|
||||
String get contactIntro => '遇到问题?通过以下任一渠道联系我们,通常数分钟内回复。';
|
||||
@override
|
||||
String get contactEmail => '邮箱客服';
|
||||
@override
|
||||
String get contactStore => '自助发卡商店';
|
||||
@override
|
||||
String get contactHoursTitle => '服务时间';
|
||||
@override
|
||||
String get contactHours => '每日 9:00 – 24:00 (GMT+8)';
|
||||
|
||||
@override
|
||||
String get authTagline => '极速 · 稳定 · 省心';
|
||||
@override
|
||||
String get tabLogin => '登录';
|
||||
@override
|
||||
String get tabRegister => '注册';
|
||||
@override
|
||||
String get emailLabel => '邮箱';
|
||||
@override
|
||||
String get emailPh => '你的邮箱地址';
|
||||
@override
|
||||
String get pwLabel => '密码';
|
||||
@override
|
||||
String get pwPh => '输入密码';
|
||||
@override
|
||||
String get setPwPh => '设置登录密码(用于多端登录)';
|
||||
@override
|
||||
String get codeLabel => '邮箱验证码';
|
||||
@override
|
||||
String codeSentTo(String email) => '验证码已发送至 $email';
|
||||
@override
|
||||
String get sendCode => '发送验证码';
|
||||
@override
|
||||
String get resend => '重新发送';
|
||||
@override
|
||||
String get doLogin => '登录';
|
||||
@override
|
||||
String get doNext => '下一步';
|
||||
@override
|
||||
String get doCreate => '创建账户';
|
||||
@override
|
||||
String get forgotPw => '忘记密码?';
|
||||
@override
|
||||
String get tos => '继续即代表同意《服务条款》与《隐私政策》';
|
||||
|
||||
@override
|
||||
String get obSkip => '跳过';
|
||||
@override
|
||||
String get obNext => '下一步';
|
||||
@override
|
||||
String get obAllow => '允许并继续';
|
||||
@override
|
||||
String get obStart => '开始使用';
|
||||
@override
|
||||
String get ob1Title => '一键连接全球';
|
||||
@override
|
||||
String get ob1Sub => '80+ 节点,智能选择最快线路,稳定不掉线。';
|
||||
@override
|
||||
String get ob2Title => '授权网络配置';
|
||||
@override
|
||||
String get ob2Sub => '系统会请求添加一个网络配置,用于建立加密隧道。';
|
||||
@override
|
||||
String get ob3Title => '安全 · 无日志';
|
||||
@override
|
||||
String get ob3Sub => '端到端加密,我们不记录你的任何浏览数据。';
|
||||
}
|
||||
Reference in New Issue
Block a user