feat: 同步 design/ 设计系统(含 iPad tablet kit) + 架构任务拆分(todo/)

design/ 同步自最新设计导出，新增 ui_kits/tablet/ 平板分栏布局；todo/ 录入 18 个并行实施任务。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-11 23:57:57 +08:00
parent 3ae96ef229
commit a642bf16a2
85 changed files with 19946 additions and 0 deletions
@@ -0,0 +1,51 @@
+// server_tile.dart — 服务器列表行(国家码 · 名称 · 延迟 · 信号 · 选中态)
+// 对应 React UI Kit 的 ServerRow。
+import 'package:flutter/material.dart';
+import '../pangolin_theme.dart';
+import 'country_code.dart';
+import 'pangolin_icons.dart';
+
+class ServerInfo {
+  const ServerInfo({required this.code, required this.name, required this.sub, required this.ping});
+  final String code, name, sub;
+  final int ping;
+}
+
+class ServerTile extends StatelessWidget {
+  const ServerTile({super.key, required this.server, this.active = false, this.onTap});
+  final ServerInfo server;
+  final bool active;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    final c = context.pangolin;
+    return InkWell(
+      onTap: onTap,
+      child: Container(
+        color: active ? c.accentSubtle : Colors.transparent,
+        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 12),
+        child: Row(
+          children: [
+            CountryCode(code: server.code, active: active),
+            const SizedBox(width: 13),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(server.name, style: PangolinText.sm.copyWith(color: c.fg1, fontWeight: FontWeight.w600, fontSize: 15)),
+                  const SizedBox(height: 2),
+                  Text(server.sub, style: PangolinText.caption.copyWith(color: c.fg3, fontWeight: FontWeight.w400)),
+                ],
+              ),
+            ),
+            Text('${server.ping}ms', style: PangolinText.mono.copyWith(color: c.fg2, fontSize: 12)),
+            const SizedBox(width: 8),
+            SignalBars(ping: server.ping),
+            if (active) ...[const SizedBox(width: 10), Icon(PangolinIcons.check, size: 18, color: c.accent)],
+          ],
+        ),
+      ),
+    );
+  }
+}