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>
This commit is contained in:
wangjia
2026-07-04 11:56:04 +08:00
parent b683adece9
commit be9afcf68d
34 changed files with 1851 additions and 390 deletions
+103
View File
@@ -0,0 +1,103 @@
// widgets/ds/m_hub.dart — 移动 hub 入口组(镜像原型 mobile-atoms .m-hub / .m-section)。
// 组 = 可选分组标题(.m-section) + 圆角组卡;行 = 34×34 圆角图标底(.hic brand50/primary)
// + 文案(fs-body) + 右侧 (.hchev faint);行间 border-subtle 分隔。
import 'package:flutter/material.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import '../../core/theme/app_dims.g.dart';
import '../../core/theme/context_tokens.dart';
class MHubItem {
final IconData icon;
final String label;
final VoidCallback? onTap;
/// 自定义尾部(如角标 / 当前值文案);null → 默认 › 箭头。
final Widget? trailing;
const MHubItem({
required this.icon,
required this.label,
this.onTap,
this.trailing,
});
}
class MHubGroup extends StatelessWidget {
/// 分组标题(.m-section);null 不渲染。
final String? label;
final List<MHubItem> items;
const MHubGroup({super.key, this.label, required this.items});
@override
Widget build(BuildContext context) {
final t = context.tokens;
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (label != null)
Padding(
padding: const EdgeInsets.fromLTRB(2, 16, 2, 8),
child: Text(label!,
style: TextStyle(
fontSize: AppDims.fsSm,
fontWeight: FontWeight.w700,
letterSpacing: .4,
color: t.muted)),
),
// Material 自带(InkWell 水波 + golden 直挂无 Scaffold 场景)
Material(
color: t.surface,
clipBehavior: Clip.antiAlias,
shape: RoundedRectangleBorder(
side: BorderSide(color: t.border),
borderRadius: BorderRadius.circular(AppDims.rLg),
),
child: Column(children: [
for (var i = 0; i < items.length; i++)
_MHubRow(item: items[i], last: i == items.length - 1),
]),
),
],
);
}
}
class _MHubRow extends StatelessWidget {
final MHubItem item;
final bool last;
const _MHubRow({required this.item, required this.last});
@override
Widget build(BuildContext context) {
final t = context.tokens;
return InkWell(
onTap: item.onTap,
child: Container(
padding: const EdgeInsets.all(14),
decoration: BoxDecoration(
border: last
? null
: Border(bottom: BorderSide(color: t.borderSubtle)),
),
child: Row(children: [
Container(
width: 34,
height: 34,
decoration: BoxDecoration(
color: t.brand50,
borderRadius: BorderRadius.circular(AppDims.rMd),
),
child: Icon(item.icon, size: 18, color: t.primary),
),
const SizedBox(width: 12),
Expanded(
child: Text(item.label,
style: TextStyle(fontSize: AppDims.fsBody, color: t.text)),
),
item.trailing ??
Icon(LucideIcons.chevronRight, size: 18, color: t.faint),
]),
),
);
}
}