wangjia
911ceca079
Select 组件（用户拍板：下拉框全端共用一个真相源）： - design/components/forms/Select.jsx：自绘下拉——触发器同 Input （control-sm/radius-sm/border-1 + chevronDown），弹层同菜单 （radius-md/shadow-menu、选中项前置对勾、hover surface-2）， 外点/Esc 收起；登记簿加卡；icons.js 新增 chevronDown 并登记 icon-map - 原型 SettingsTray 与桌面 SettingsApp 同步换用（替换原生 select—— 其系统弹层样式/位置不可控，即 12A 截图问题） 原型组件运行时可再生（修复单源缺口）： - design-pipeline/bundle-components.mjs：用 desktop 现成 esbuild 重建 _ds_bundle.js（此前为 Claude 导出产物、仓库内无法再生，组件一改即 过期）；import 'react' 经全局 shim，命名空间不变；已实测原型页正常 - _ds_bundle.js 重建（15 个组件，含 Select/Icon） 设置窗口无边框： - tauri.conf settings 窗口 titleBarStyle=Overlay + hiddenTitle， 系统红绿灯悬浮左上；SettingsApp 自绘顶条（surface-2 + 下边框 + data-tauri-drag-region 可拖拽），对齐原型 MacWindow 规格 合并 feat/design-truth-source（真相源与闸体系）进本分支 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
dudu 桌面端 UI Kit
桌面端（Tauri 2，Mac / Windows）四个界面的高保真交互演示，对应 MVP 设计方案 §8.1：
| Tab | 界面 | 交互 |
|---|---|---|
| 识别浮层 | 仿真备忘录窗口 + RecognitionOverlay | 按住按钮模拟 ⌘⇧Space：聆听中 → partial 流式 → 松开 final 注入 |
| 托盘菜单 | 常驻菜单栏下拉 | hover 高亮（accent 反白） |
| 设置 | 单页设置窗口 | Switch / 麦克风下拉 / 外观切换（驱动整页 Light/Dark） |
| 登录 / 购买 | 微信扫码 → 选时长包 → 支付 → 完成 | 点击走完整流程 |
右上角月亮/太阳切换 Light / Dark；设置中"外观"同样生效（含跟随系统）。
设计要点
- 浮层：
--overlay-bg深色玻璃（两种模式不变），淡入 + 上移 4px（--dur-base），final 亮 / partial 灰。 - 一屏一个蓝色主按钮；托盘 hover 用 accent 反白是系统菜单惯例。
- 设置窗口宽 440，行高紧凑（
--control-sm控件），分组标题 12px。 - 二维码为占位图案（
FakeQr），接入后端/v1/auth/qr后替换。
文件
index.html— 入口（tabs + 主题状态）DesktopShared.jsx— Lucide 图标子集 · DuduLogo · MacWindow · FakeQrOverlayDemo.jsx— push-to-talk 全流程模拟SettingsTray.jsx— TrayMenu + SettingsWindowLoginPurchase.jsx— 登录/时长包/支付/完成 四步