4beed5048a
- 添加WebSocketMessageListener组件用于全局消息监听- 新增WebSocketDebugPanel调试面板(仅开发环境显示) - 在多个组件中实现基于subscriptionId的WebSocket连接管理 -为MAA和通用配置添加更可靠的连接生命周期控制 - 引入消息测试页面用于调试WebSocket消息处理- 更新调度器逻辑以支持新的WebSocket订阅机制 - 优化WebSocket连接的创建、维护和断开流程 - 添加开发环境下的调度中心调试工具导入- 重构WebSocket相关组件的导入和注册方式 - 移除冗余的电源倒计时相关状态和方法
AUTO-MAS Frontend
基于 Vue 3 + TypeScript + Ant Design Vue + Electron 的桌面应用程序。
功能特性
- 🎨 使用 Ant Design Vue 组件库
- 🌙 支持深色模式（跟随系统/深色/浅色）
- 🎨 支持多种主题色切换
- 📱 响应式侧边栏布局
- 🔧 内置开发者工具
- ⚡ 基于 Vite 的快速开发体验
项目结构
src/
├── components/ # 组件
│ └── AppLayout.vue # 主布局组件
├── views/ # 页面
│ ├── Home.vue # 主页
│ ├── Scripts.vue # 脚本管理
│ ├── Plans.vue # 计划管理
│ ├── Queue.vue # 调度队列
│ ├── Scheduler.vue # 调度中心
│ ├── History.vue # 历史记录
│ └── Settings.vue # 设置页面
├── router/ # 路由配置
├── composables/ # 组合式函数
│ └── useTheme.ts # 主题管理
└── main.ts # 应用入口
开发
安装依赖
yarn install
开发模式
直接打开electron窗口
yarn dev
构建
yarn build
技术栈
- 前端框架: Vue 3 + TypeScript
- UI 组件库: Ant Design Vue 4.x
- 图标: @ant-design/icons-vue
- 路由: Vue Router 4
- 构建工具: Vite
- 桌面端: Electron
- 包管理: Yarn