mirror of
https://github.com/Syngnat/GoNavi.git
synced 2026-08-10 16:53:35 +08:00
365c72ad22
## 背景 V2 工作区的活动 Tab 顶部仍显示一条绿色强调线，与当前圆角标签样式不协调。同时，自定义标题栏使用独立的固定背景，切换内置或自定义主题后无法与侧栏表面颜色保持一致。 ## 变更点 - 移除 V2 主工作区活动 Tab 顶部的 inset 强调条 - 保留活动 Tab 的选中背景、8px 圆角及原有交互状态 - V2 自定义标题栏改为复用侧栏的 `--gn-bg-panel-2` 主题表面 - 补充活动 Tab 和标题栏主题来源的回归断言 ## 影响范围 - 仅影响 V2 主工作区 Tab 和应用自定义标题栏的视觉表现 - legacy 标题栏继续使用原有 `bgMain`，透明度与模糊逻辑不变 - Modal、Drawer 等其他 Ant Tabs 的强调条不受影响 - 不修改标签尺寸、拖拽、关闭、窗口控制或主题配置逻辑 - 无后端、数据库、依赖或配置变更 ## 验证 - `npm test -- --run src/components/TabManager.adaptive-width.test.ts src/App.sidebar-collapse.test.ts`：12/12 通过 - `npx tsc --noEmit --pretty false`：通过 - Playwright 运行时验证：标题栏与侧栏背景一致，主题 token 更新后同步变化 - Playwright 活动 Tab 样式验证：`box-shadow: none`、顶部伪元素隐藏、圆角保持 8px - `git diff --check origin/dev...HEAD`：通过
Lite DB Client
一个基于 Electron、React 和 Ant Design 构建的轻量级 MySQL 数据库客户端。
✨ 功能特性
- 连接管理: 轻松创建和保存 MySQL 数据库连接。
- 结构浏览: 通过树形视图快速查看数据库和表结构。
- 数据查看: 双击表名即可查看数据（支持分页/滚动加载）。
- SQL 编辑器: 集成 Monaco Editor，提供强大的 SQL 编写和执行体验（支持语法高亮）。
- 多标签页: 支持多窗口并行操作，类似 Navicat 的使用体验。
🛠️ 技术栈
- Electron: 桌面端运行环境。
- React + Vite: 前端框架与极速构建工具。
- Ant Design: 企业级 UI 组件库。
- Zustand: 轻量级状态管理。
- MySQL2: 高性能 Node.js MySQL 驱动。
- Monaco Editor: VS Code 同款代码编辑器。
🚀 快速开始
-
安装依赖
npm install -
启动开发模式
npm run electron:dev这将启动 Vite 开发服务器并打开 Electron 窗口。
-
构建生产版本
npm run build构建完成的安装包（dmg/exe/deb）将位于
dist/或release/目录下。
⚠️ 说明
- 本项目目前处于 MVP (最小可行性产品) 阶段。
- 当前版本主要支持 MySQL 数据库。
- 密码目前保存在内存/本地存储中，请注意在生产环境中的安全性。
希望这款轻量级工具能成为你开发路上的好帮手！