feat(client): 移动壳基建——底部 5 tab + 我的 hub + 统一底部 sheet + 移动组件四件套

对齐移动原型体系（m-*.html）的 Stage 0 共享基建，桌面形态零改动： - 导航：router 新增 branch 9（/me 我的 + /me/license 授权屏）；窄屏 tab 根（库存/入库/出库/财务/我的）出底部 MTabBar，二级屏隐藏 tabbar + 顶栏返回箭头（PopScope 拦系统返回键防退 app）；窄屏 Drawer/汉堡删除；窄屏顶栏对齐 m-top （标题 + 主题/通知铃/头像→我的） - sheet：showMSheet（grip/标题/86vh/键盘避让）+ showAdaptiveSheet；六个共享弹层呈现函数加窄屏 sheet 分支（订单/往来/财务往来/商品编辑抽屉 + 退单/登记收支 dialog 的 asSheet 形态） - 徽章：DsBadge/StatusPill/StatusBadge 加图标变体（默认圆点零漂移）+ status_icon_map 转录原型 BADGE_ICON 28 词 - 组件：MKpiGrid（2×2 可点 KPI）/ MSearchRow（搜索+状态钮+详搜钮）/ MHubGroup（hub 入口组）/ showThemeSheet（主题外观 sheet） - 授权：_LicensePanel/_SettingsCard 抽取为公共 LicensePanel/SettingsCard，窄屏授权跳转 /me/license - golden：app_shell_mobile + me 各三主题（390×844@2x）；全量 259 测试绿， check_ds_code / check-l1-sync 闸过 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-04 11:56:04 +08:00
parent b683adece9
commit be9afcf68d
34 changed files with 1851 additions and 390 deletions
@@ -0,0 +1,89 @@
+// widgets/theme_sheet.dart — 主题外观选择 sheet（镜像原型 mobile-shell openThemeSheet）。
+// m-opt 行式三主题（A 经典蓝 / B 琥珀 / C 酒窖）+ 四色 swatch 预览，选中出勾。
+// 写入 themeControllerProvider（持久化），与桌面 ThemePickerPill 同源。
+import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:lucide_icons_flutter/lucide_icons.dart';
+
+import '../core/theme/app_dims.g.dart';
+import '../core/theme/app_tokens.g.dart';
+import '../core/theme/context_tokens.dart';
+import '../core/theme/theme_controller.dart';
+import 'ds/m_sheet.dart';
+
+// (key, 名称, 说明)——与桌面 _PrefPanel._themes / 原型 THEMES 同文案。
+const _themes = [
+  ('a', 'A · 经典蓝', '浅色 · 默认'),
+  ('b', 'B · 琥珀', '深色'),
+  ('c', 'C · 酒窖', '暖浅色'),
+];
+
+/// 打开主题外观选择 sheet。
+Future<void> showThemeSheet(BuildContext context) {
+  return showMSheet<void>(
+    context,
+    title: '主题外观',
+    builder: (ctx) => Consumer(builder: (ctx, ref, _) {
+      final t = ctx.tokens;
+      final current = ref.watch(themeControllerProvider);
+      return Column(children: [
+        for (var i = 0; i < _themes.length; i++) ...[
+          Builder(builder: (_) {
+            final (key, name, desc) = _themes[i];
+            final sel = key == current;
+            final preview = appTokensOf(key);
+            return InkWell(
+              onTap: () {
+                ref.read(themeControllerProvider.notifier).set(key);
+                Navigator.of(ctx).pop();
+              },
+              child: Container(
+                padding: const EdgeInsets.symmetric(vertical: 13),
+                decoration: BoxDecoration(
+                  border: i == _themes.length - 1
+                      ? null
+                      : Border(bottom: BorderSide(color: t.borderSubtle)),
+                ),
+                child: Row(children: [
+                  // 四色 swatch（primary/primary-dark/page/accent，与桌面 tcard 同序）
+                  ClipRRect(
+                    borderRadius: BorderRadius.circular(AppDims.rSm),
+                    child: SizedBox(
+                      width: 56,
+                      height: 24,
+                      child: Row(children: [
+                        Expanded(child: Container(color: preview.primary)),
+                        Expanded(child: Container(color: preview.primaryDark)),
+                        Expanded(child: Container(color: preview.page)),
+                        Expanded(child: Container(color: preview.accent)),
+                      ]),
+                    ),
+                  ),
+                  const SizedBox(width: 12),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(name,
+                            style: TextStyle(
+                                fontSize: AppDims.fsBody,
+                                fontWeight:
+                                    sel ? FontWeight.w600 : FontWeight.w500,
+                                color: sel ? t.primary : t.text)),
+                        Text(desc,
+                            style: TextStyle(
+                                fontSize: AppDims.fsXs, color: t.muted)),
+                      ],
+                    ),
+                  ),
+                  if (sel)
+                    Icon(LucideIcons.check, size: 18, color: t.primary),
+                ]),
+              ),
+            );
+          }),
+        ],
+      ]);
+    }),
+  );
+}