wangjia
be9afcf68d
对齐移动原型体系（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>
90 lines
3.6 KiB
Dart
90 lines
3.6 KiB
Dart
// 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),
|
||
]),
|
||
),
|
||
);
|
||
}),
|
||
],
|
||
]);
|
||
}),
|
||
);
|
||
}
|