ClawProxyHub v1.5.0

ClawProxyHub v1.5.0

移动端与布局版。管理后台全面移动端适配（三端断点、PWA），桌面端布局固定 + 筛选条容器化，代码编辑器暗色观感对齐 One Dark。纯前端版本，无后端 / DB 变更。

概览

• 移动端适配：手机端侧栏收抽屉、筛选收底部抽屉 + 悬浮按钮、表格转卡片、弹窗/抽屉自适应，可安装为 PWA
• 桌面布局固定：侧栏/Header/内容区尺寸锁死，内容区仅纵向滚动，横向溢出由筛选折行消化
• 编辑器暗色修复：选中/光标/搜索命中/补全浮层按 One Dark 对比度补齐，搜索面板居右，恢复 Ctrl+Z

明细

三端断点体系

• useIsMobile / useIsTablet（767 / 1024px 断点）：全部布局与业务页接入
• 手机端：侧栏收抽屉、筛选收底部抽屉（CDrawer）+ MobileFab 悬浮按钮、CTable 转 mobile-cards 卡片视图（phone-cols 指定保留列）、弹窗/抽屉改全屏自适应尺寸
• PWA：web/public/manifest.webmanifest，可安装到主屏

桌面布局固定

• 外层 html/body/#app 锁死 overflow，侧栏/内层 min-width: 0 压制 flex 内容撑开，内容区仅纵向滚动（overflow-x: hidden）
• PageHeader 右侧改 flex: 1; flex-wrap: wrap：筛选条放不下自动折行，不撑破内容区
• 筛选输入宽度收敛为全局工具类 w-2xs~w-2xl（110~480px），业务页面行内 style="width: …px" 全部替换

表单与组件收口

• 抽取 FormItem / SysInfoCard 组件，业务页面散落的 label 布局统一走 FormItem
• CDialog 重写为居中弹窗；CDraw 更名 CDrawer，内置手机/桌面两态尺寸（手机 85% / 桌面 width 默认 480px，复杂抽屉显式传 px），调用方免传 placement
• CPagination 迷你折叠（页码只放前后几页中间省略）；新增 COptions / MobileFab 基础组件

代码编辑器暗色修复

• 选中双路径覆盖（::selection + .cm-selectionBackground），修复暗色下选中色与背景同色不可见
• 光标改亮蓝 2px，非聚焦半透明；搜索命中琥珀色、选中词匹配淡绿色，三者语义分离
• 补全浮层深底卡片 + 圆角描边阴影；搜索面板浮层居右上角（width: fit-content）不挤占编辑区
• 补挂 history() + historyKeymap，恢复 Ctrl+Z；统一字体度量（font-variant-ligatures: none）修复长按选择错位

升级说明

• 无 migration（本版无 DB 变更）
• 纯前端版本：后端无变更，现有插件二进制无需重编
• 部署：重新构建 web（pnpm build）或拉取新二进制即可；PWA manifest 随静态资源分发