mirror of
https://github.com/Syngnat/GoNavi.git
synced 2026-08-10 16:53:35 +08:00
92001b7fe9
## 背景 现有侧边栏拖拽过程中只移动一条 ghost 指示线，真正的侧边栏宽度要到 mouseup 或 blur 时才写入，因此左侧连接区域和右侧查询工作区不会随鼠标即时变化。 Closes #721 ## 主要变更 - 使用 requestAnimationFrame 合并 mousemove，在每帧通过 Sider CSS 宽度变量实时更新侧边栏与工作区布局 - 保留拖动期间禁用 Ant Design width transition 的机制，避免额外动画造成滞后 - Store 宽度仍只在拖动结束时提交一次，避免每帧触发 React 重渲染和配置持久化 - 提交后保留实时宽度覆盖两帧，等待 React 绘制最终宽度后再清理，避免交接闪动 - 移除不再需要的侧边栏 ghost 指示线 - 补充实时预览、最终提交、blur、自愈和卸载清理测试 ## 影响范围 - Legacy 与 V2 主侧边栏共用该实时拖拽行为 - 不改变侧边栏最小/最大宽度、折叠行为和持久化格式 - 不影响日志面板、AI 面板、Redis 面板等独立分隔条 ## 验证 - 侧边栏及相关布局测试通过：10/10 - TypeScript 类型检查通过 - Vite 生产构建通过，仅有项目现有 chunk-size warning
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 数据库。
- 密码目前保存在内存/本地存储中，请注意在生产环境中的安全性。
希望这款轻量级工具能成为你开发路上的好帮手！