项目通过 Ant Design Pro 初始化，copy and paste OceanBase Developer Center (ODC) 项目中样式和布局的一个 web sql console 框架。
Ant Design Pro 是一个基于 Ant Design、ProComponents、Umi 的企业级后台管理系统，ODC 是一个企业级数据库协同开发工具，有桌面版、Web 版两种产品形态。odc-client 为 ODC 项目前端页面，基于 Ant Design、Umi 实现。
本项目在 Ant Design Pro 初始化的 admin 基础上，把 odc-client 的布局、风格、sql workspace 等功能复制、迁移融合进来，形成一个快速的 web sql console 开发框架。
- node。>= 18.0.0
- pnpm
# 安装
npm install # pnpm install
# 启动
npm start # pnpm start
# 编译
npm run build # pnpm run build- 布局。Ant Design Pro 是通过 ProLayout 进行布局，odc-client 布局是自己扣的，没有 Ant Design Pro 灵活。
- odc-client 的布局分为 2 部分：主页面和 sql Workspace。两块布局不通用，项目中是做了 2 个。
- 状态管理。Umi 提供了多种状态管理工具，odc-client 采用 mobx 作为状态管理工具，考虑到简单性，odc-console 项目采用了 umi 集成的 valtio
- 风格。odc-console 采用了 odc-client 的布局、样式风格，颜值更好看。这块后续可以参考 Ant Design 官网上的风格，做成 theme