mirror of
https://github.com/Syngnat/GoNavi.git
synced 2026-08-11 09:13:36 +08:00
2f427d3baf
## 背景 Issue #695 希望统一右侧工作区标签的圆角样式。同时，查询页打开 Monaco 搜索后，顶部按钮的悬浮提示会被编辑器区域裁剪，影响操作提示阅读。 ## 变更点 - 将 V2 工作区标签四角统一为 8px 圆角 - 使用尊重圆角边界的 inset 激活色，避免顶部绿色条遮住圆角或形成悬浮短条 - Monaco 查找组件可见时放开编辑器区域的浮层裁剪，保持搜索按钮及查找框位置不变 - 补充标签圆角和搜索提示显示的回归测试 ## 影响范围 - 仅影响 V2 主工作区标签样式及查询编辑器查找浮层 - 不改变标签尺寸、间距、拖拽和关闭逻辑 - 不改变 Monaco 查找框位置，也不恢复顶部额外留白 - 无后端、数据库、依赖或配置变更 ## 验证 - `npx vitest run src/components/TabManager.adaptive-width.test.ts`（7/7 通过） - `npx vitest run src/components/QueryEditor.external-sql-save.test.tsx -t "shows Monaco find button hovers without moving the find widget"`（1/1 通过） - `npx tsc --noEmit` - `npm run build` - Playwright 实际页面验证标签圆角、激活色和 Monaco 搜索按钮 Tooltip Closes #695
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 数据库。
- 密码目前保存在内存/本地存储中，请注意在生产环境中的安全性。
希望这款轻量级工具能成为你开发路上的好帮手！