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
+52 -11
View File
@@ -13,6 +13,7 @@ import '../providers/finance_provider.dart';
import '../providers/partner_provider.dart';
import 'date_picker_field.dart';
import 'ds/ds_atoms.dart';
import 'ds/m_sheet.dart';
import 'searchable_option_field.dart';
import 'ds/ds_toast.dart';
@@ -22,6 +23,15 @@ Future<void> showFinanceEntryDialog(
String type = 'receipt',
int? partnerId,
}) {
// 窄屏:底部 sheet 形态(对齐原型移动 sheet 交互范式)
if (context.isMobile) {
return showMSheet<void>(
context,
title: '登记收支',
builder: (_) =>
_FinanceEntryDialog(type: type, partnerId: partnerId, asSheet: true),
);
}
return showAppDialog(
context: context,
builder: (_) => _FinanceEntryDialog(type: type, partnerId: partnerId),
@@ -31,7 +41,11 @@ Future<void> showFinanceEntryDialog(
class _FinanceEntryDialog extends ConsumerStatefulWidget {
final String type;
final int? partnerId;
const _FinanceEntryDialog({required this.type, this.partnerId});
/// true → sheet 形态(外层 showMSheet 提供标题/滚动,按钮内联在表单尾部)。
final bool asSheet;
const _FinanceEntryDialog(
{required this.type, this.partnerId, this.asSheet = false});
@override
ConsumerState<_FinanceEntryDialog> createState() =>
@@ -85,12 +99,47 @@ class _FinanceEntryDialogState extends ConsumerState<_FinanceEntryDialog> {
@override
Widget build(BuildContext context) {
final partners = ref.watch(allPartnersProvider).valueOrNull?.data ?? [];
if (widget.asSheet) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
_form(),
const SizedBox(height: 18),
Row(children: [
Expanded(
child: DsButton('取消',
onPressed:
_saving ? null : () => Navigator.of(context).pop()),
),
const SizedBox(width: 10),
Expanded(
flex: 2,
child: DsButton(_saving ? '保存中…' : '保存',
variant: DsBtnVariant.primary,
onPressed: _saving ? null : _save),
),
]),
],
);
}
return AlertDialog(
title: const Text('登记收支'),
content: SizedBox(
width: context.dialogWidth(420),
child: Form(
child: _form(),
),
actions: [
DsButton('取消',
onPressed: _saving ? null : () => Navigator.of(context).pop()),
DsButton(_saving ? '保存中…' : '保存',
variant: DsBtnVariant.primary, onPressed: _saving ? null : _save),
],
);
}
Widget _form() {
final partners = ref.watch(allPartnersProvider).valueOrNull?.data ?? [];
return Form(
key: _formKey,
child: Column(
mainAxisSize: MainAxisSize.min,
@@ -151,14 +200,6 @@ class _FinanceEntryDialogState extends ConsumerState<_FinanceEntryDialog> {
)),
],
),
),
),
actions: [
DsButton('取消',
onPressed: _saving ? null : () => Navigator.of(context).pop()),
DsButton(_saving ? '保存中…' : '保存',
variant: DsBtnVariant.primary, onPressed: _saving ? null : _save),
],
);
}
}