wangjia
6238b86dcb
- 登录/注册（login.html/register.html 1:1）：两栏卡片+品牌渐变面板+主题小衣服 pill（onSurface 变体）+记住我（记录并预填最近账号）+原型式 toast 校验； 登录 fidelity 1.4–2.1% 三主题全绿；注册暂不入闸（少 门店编号/兑换券 字段， 已记 CONTRACT，screens.mjs 留存根） - ds 原子补齐：DsToast（.toast 单例）/DsCheck（.check/.agree）/DsButton lg 档/ DsSelect 替换全部旧 DropdownButton/DsField label 在上/DsInput 后缀与密码形态 - 全屏统一：对话框按钮全 DsButton、盒式输入主题钉死（visualDensity.standard、 h38、InputDecorationTheme 渗漏修复）、图标全 lucide、JetBrains Mono 三端同源、 BrandMark 真相源 logo、只读模式写操作全量守卫（WriteGuard+DsToast） - 出入库列表：版式对齐原型（卡片对齐+搜索框居中）、KPI 近30天滚动、结清后 失效财务应收应付表；商品编辑抽屉介绍库改搜索下拉、图片双击全屏预览 - 删除旧 UI 死代码：DataTableCard/FormDialog/PageScaffold/SearchChip/ SelectProductDialog/tabStateProvider - golden/fidelity：stock-in/out 补注册（9%）、login 入册（8%）、goldens 全量重打； 修复 pubspec flutter_web_plugins 非法声明（CI pub get 阻断） Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
84 lines
3.0 KiB
Dart
84 lines
3.0 KiB
Dart
import 'package:lucide_icons_flutter/lucide_icons.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import '../core/theme/context_tokens.dart';
|
|
import '../core/theme/theme_controller.dart';
|
|
|
|
/// 顶栏主题选择器 pill（原型 .theme-pill）：衬衫图标 + 当前主题名 + ▾。
|
|
/// 点开 A/B/C 菜单切换主题（持久化），从「系统设置」迁来的入口。
|
|
/// [onSurface]：浅色变体（surface/border/muted），供登录注册等白底卡片使用
|
|
/// （默认深色顶栏配色 topControl/topBorder/topFg）。
|
|
class ThemePickerPill extends ConsumerWidget {
|
|
final bool onSurface;
|
|
const ThemePickerPill({super.key, this.onSurface = false});
|
|
|
|
// 主题键 → 中文名（与原型 shell.js THEMES 一致）。
|
|
static const _names = {'a': '经典蓝', 'b': '琥珀', 'c': '酒窖'};
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final t = context.tokens;
|
|
final key = ref.watch(themeControllerProvider);
|
|
final name = _names[key] ?? '经典蓝';
|
|
|
|
return PopupMenuButton<String>(
|
|
tooltip: '切换主题',
|
|
offset: const Offset(0, 38),
|
|
position: PopupMenuPosition.under,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(6)),
|
|
color: t.surface,
|
|
elevation: 8,
|
|
onSelected: (v) => ref.read(themeControllerProvider.notifier).set(v),
|
|
itemBuilder: (_) => _names.entries.map((e) {
|
|
final sel = e.key == key;
|
|
return PopupMenuItem<String>(
|
|
value: e.key,
|
|
height: 40,
|
|
child: Row(
|
|
children: [
|
|
SizedBox(
|
|
width: 18,
|
|
child: sel
|
|
? Icon(LucideIcons.check, size: 16, color: t.primary)
|
|
: null,
|
|
),
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
'${e.key.toUpperCase()} · ${e.value}',
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: sel ? t.primary : t.text,
|
|
fontWeight: sel ? FontWeight.w600 : FontWeight.w400,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}).toList(),
|
|
child: Container(
|
|
height: 30,
|
|
padding: const EdgeInsets.symmetric(horizontal: 11),
|
|
decoration: BoxDecoration(
|
|
color: onSurface ? t.surface : t.topControl,
|
|
border: Border.all(color: onSurface ? t.border : t.topBorder),
|
|
borderRadius: BorderRadius.circular(999),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(LucideIcons.shirt,
|
|
size: 15, color: onSurface ? t.muted : t.sideFg),
|
|
const SizedBox(width: 7),
|
|
Text(name,
|
|
style: TextStyle(
|
|
fontSize: 12, color: onSurface ? t.text : t.topFg)),
|
|
const SizedBox(width: 7),
|
|
Icon(LucideIcons.chevronDown,
|
|
size: 14, color: onSurface ? t.muted : t.topFg),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|