feat: complete mise env base code

This commit is contained in:
engigu
2026-02-13 17:27:55 +08:00
parent 800ac40200
commit c1c1d69e66
49 changed files with 2724 additions and 470 deletions
+2 -1
View File
@@ -1,3 +1,4 @@
.git/
web/node_modules
web/dist
web/dist
envs/
+38
View File
@@ -90,6 +90,44 @@
</details>
## 支持语言脚本和依赖
<details>
<summary><b>点击展开查看已支持的语言及依赖管理详情</b></summary>
### 脚本运行环境
白虎面板原生支持以下脚本的定时执行:
- **Python3**, **Node.js**, **Bash** (内置环境)
- 通过 **Mise** 扩展:支持几乎所有主流编程语言的动态安装与切换。
### 依赖管理支持
系统内置了高度集成的跨语言依赖管理器,支持自动化安装和管理以下语言的依赖项,并确保在容器内全局可用:
| 语言 | 包管理器 | 功能说明 |
| :--- | :--- | :--- |
| **Python** | pip | 自动使用内置虚拟环境,支持清华源 |
| **Node.js** | npm | 全局安装模式,自动配置 npmmirror 镜像 |
| **Go** | go install | 通过 `go install` 安装二进制工具 |
| **Rust** | cargo | 通过 `cargo install` 安装 Rust 依赖 |
| **Ruby** | gem | 支持 `gem install` 本地安装 |
| **Bun** | bun | 支持 `bun add -g` 全局模式 |
| **PHP** | composer | 支持 `composer global require` |
| **Deno** | deno | 支持 `deno install -g` |
| **.NET** | dotnet | 支持 `dotnet tool install -g` |
| **Elixir/Erlang** | mix | 支持 `mix archive.install` |
| **Lua** | luarocks | 通过 `luarocks` 管理 Lua 包 |
| **Nim** | nimble | 支持 `nimble install` |
| **Dart/Flutter** | pub | 支持 `pub global activate` |
| **Perl** | cpanm | 简单的 `cpanm` 安装支持 |
| **Crystal** | shards | `shards` 项目级别或工具安装 |
### 使用方法
1. **安装环境**:进入「编程语言」页面,使用 `mise` 一键安装所需的语言及版本。
2. **依赖管理**:在已安装列表点击「依赖管理」,输入名称(可选版本)即可自动在对应环境内完成安装。
3. **隔离机制**:系统基于 `mise exec` 实现了完善的环境隔离,不同版本的依赖包互不冲突。
</details>
## 效果图
![baihu-display.gif](https://raw.githubusercontent.com/engigu/resources/refs/heads/images/baihu-display.gif)
+38 -17
View File
@@ -43,15 +43,17 @@ type WSMessage struct {
}
type AgentTask struct {
ID uint `json:"id"`
Name string `json:"name"`
Command string `json:"command"`
Schedule string `json:"schedule"`
Cron string `json:"cron"`
Timeout int `json:"timeout"`
WorkDir string `json:"work_dir"`
Envs string `json:"envs"`
Enabled bool `json:"enabled"`
ID uint `json:"id"`
Name string `json:"name"`
Command string `json:"command"`
Schedule string `json:"schedule"`
Cron string `json:"cron"`
Timeout int `json:"timeout"`
WorkDir string `json:"work_dir"`
Envs string `json:"envs"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
Enabled bool `json:"enabled"`
}
func (t *AgentTask) GetID() string {
@@ -78,6 +80,22 @@ func (t *AgentTask) GetEnvs() string {
return t.Envs
}
func (t *AgentTask) GetLanguage() string {
return t.Language
}
func (t *AgentTask) GetLangVersion() string {
return t.LangVersion
}
func (t *AgentTask) GetUseMise() bool {
return false
}
func (t *AgentTask) UseMise() bool {
return false
}
func (t *AgentTask) GetSchedule() string {
if t.Schedule != "" {
return t.Schedule
@@ -495,14 +513,17 @@ func (a *Agent) handleExecute(data json.RawMessage) {
// 准备执行请求
execReq := &executor.ExecutionRequest{
TaskID: fmt.Sprintf("%d", task.ID),
LogID: req.LogID,
Name: task.Name,
Command: task.Command,
WorkDir: task.WorkDir,
Envs: executor.ParseEnvVars(task.Envs),
Timeout: task.Timeout,
Type: executor.TaskTypeManual,
TaskID: fmt.Sprintf("%d", task.ID),
LogID: req.LogID,
Name: task.Name,
Command: task.Command,
WorkDir: task.WorkDir,
Envs: executor.ParseEnvVars(task.Envs),
Timeout: task.Timeout,
Language: task.Language,
LangVersion: task.LangVersion,
UseMise: false,
Type: executor.TaskTypeManual,
}
// 立即执行任务(加入队列)
+9
View File
@@ -0,0 +1,9 @@
package constant
// MainstreamMisePlugins 主流的 mise 插件列表
var MainstreamMisePlugins = []string{
"python", "node", "go", "rust", "ruby", "java", "php",
"deno", "bun", "zig", "dotnet", "elixir", "erlang",
"crystal", "lua", "julia", "nim", "perl", "scala",
"kotlin", "clojure", "dart", "flutter", "terraform",
}
+101 -34
View File
@@ -24,8 +24,9 @@ func NewDependencyController() *DependencyController {
// List 获取依赖列表
func (c *DependencyController) List(ctx *gin.Context) {
depType := ctx.Query("type")
deps, err := c.service.List(depType)
language := ctx.Query("language")
langVersion := ctx.Query("lang_version")
deps, err := c.service.List(language, langVersion)
if err != nil {
utils.ServerError(ctx, "获取依赖列表失败")
return
@@ -40,10 +41,11 @@ func (c *DependencyController) List(ctx *gin.Context) {
// Create 添加依赖
func (c *DependencyController) Create(ctx *gin.Context) {
var req struct {
Name string `json:"name" binding:"required"`
Version string `json:"version"`
Type string `json:"type" binding:"required"`
Remark string `json:"remark"`
Name string `json:"name" binding:"required"`
Version string `json:"version"`
Language string `json:"language" binding:"required"`
LangVersion string `json:"lang_version"`
Remark string `json:"remark"`
}
if err := ctx.ShouldBindJSON(&req); err != nil {
@@ -51,16 +53,12 @@ func (c *DependencyController) Create(ctx *gin.Context) {
return
}
if req.Type != "py" && req.Type != "node" {
utils.BadRequest(ctx, "类型必须是 py 或 node")
return
}
dep := &models.Dependency{
Name: req.Name,
Version: req.Version,
Type: req.Type,
Remark: req.Remark,
Name: req.Name,
Version: req.Version,
Language: req.Language,
LangVersion: req.LangVersion,
Remark: req.Remark,
}
if err := c.service.Create(dep); err != nil {
@@ -87,13 +85,13 @@ func (c *DependencyController) Delete(ctx *gin.Context) {
utils.SuccessMsg(ctx, "删除成功")
}
// Install 安装依赖
func (c *DependencyController) Install(ctx *gin.Context) {
var req struct {
Name string `json:"name" binding:"required"`
Version string `json:"version"`
Type string `json:"type" binding:"required"`
Remark string `json:"remark"`
Name string `json:"name" binding:"required"`
Version string `json:"version"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
Remark string `json:"remark"`
}
if err := ctx.ShouldBindJSON(&req); err != nil {
@@ -101,11 +99,21 @@ func (c *DependencyController) Install(ctx *gin.Context) {
return
}
language := req.Language
if language == "" {
language = ctx.Query("language")
}
langVersion := req.LangVersion
if langVersion == "" {
langVersion = ctx.Query("lang_version")
}
dep := &models.Dependency{
Name: req.Name,
Version: req.Version,
Type: req.Type,
Remark: req.Remark,
Name: req.Name,
Version: req.Version,
Language: language,
LangVersion: langVersion,
Remark: req.Remark,
}
if err := c.service.Install(dep); err != nil {
@@ -119,6 +127,63 @@ func (c *DependencyController) Install(ctx *gin.Context) {
utils.SuccessMsg(ctx, "安装成功")
}
// GetInstallCommand 获取安装命令
func (c *DependencyController) GetInstallCommand(ctx *gin.Context) {
var req struct {
Name string `json:"name" binding:"required"`
Version string `json:"version"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
}
if err := ctx.ShouldBindJSON(&req); err != nil {
utils.BadRequest(ctx, "参数错误")
return
}
language := req.Language
if language == "" {
language = ctx.Query("language")
}
langVersion := req.LangVersion
if langVersion == "" {
langVersion = ctx.Query("lang_version")
}
dep := &models.Dependency{
Name: req.Name,
Version: req.Version,
Language: language,
LangVersion: langVersion,
}
cmd, err := c.service.GetInstallCommand(dep)
if err != nil {
utils.ServerError(ctx, err.Error())
return
}
utils.Success(ctx, gin.H{"command": cmd})
}
// GetReinstallAllCommand 获取全部重装命令
func (c *DependencyController) GetReinstallAllCommand(ctx *gin.Context) {
language := ctx.Query("language")
langVersion := ctx.Query("lang_version")
if language == "" {
utils.BadRequest(ctx, "缺少 language 参数")
return
}
cmd, err := c.service.GetReinstallAllCommand(language, langVersion)
if err != nil {
utils.ServerError(ctx, err.Error())
return
}
utils.Success(ctx, gin.H{"command": cmd})
}
// Uninstall 卸载依赖
func (c *DependencyController) Uninstall(ctx *gin.Context) {
id, err := strconv.Atoi(ctx.Param("id"))
@@ -128,7 +193,7 @@ func (c *DependencyController) Uninstall(ctx *gin.Context) {
}
// 获取依赖信息
deps, _ := c.service.List("")
deps, _ := c.service.List("", "")
var dep *models.Dependency
for _, d := range deps {
if d.ID == id {
@@ -162,7 +227,7 @@ func (c *DependencyController) Reinstall(ctx *gin.Context) {
}
// 获取依赖信息
deps, _ := c.service.List("")
deps, _ := c.service.List("", "")
var dep *models.Dependency
for _, d := range deps {
if d.ID == id {
@@ -186,13 +251,14 @@ func (c *DependencyController) Reinstall(ctx *gin.Context) {
// ReinstallAll 重新安装所有依赖
func (c *DependencyController) ReinstallAll(ctx *gin.Context) {
depType := ctx.Query("type")
if depType == "" {
utils.BadRequest(ctx, "缺少 type 参数")
language := ctx.Query("language")
langVersion := ctx.Query("lang_version")
if language == "" {
utils.BadRequest(ctx, "缺少 language 参数")
return
}
deps, err := c.service.List(depType)
deps, err := c.service.List(language, langVersion)
if err != nil {
utils.ServerError(ctx, "获取依赖列表失败")
return
@@ -215,13 +281,14 @@ func (c *DependencyController) ReinstallAll(ctx *gin.Context) {
// GetInstalled 获取已安装的包
func (c *DependencyController) GetInstalled(ctx *gin.Context) {
depType := ctx.Query("type")
if depType == "" {
utils.BadRequest(ctx, "缺少 type 参数")
language := ctx.Query("language")
langVersion := ctx.Query("lang_version")
if language == "" {
utils.BadRequest(ctx, "缺少 language 参数")
return
}
packages, err := c.service.GetInstalledPackages(depType)
packages, err := c.service.GetInstalledPackages(language, langVersion)
if err != nil {
utils.ServerError(ctx, "获取已安装包失败: "+err.Error())
return
+62
View File
@@ -0,0 +1,62 @@
package controllers
import (
"github.com/engigu/baihu-panel/internal/services"
"github.com/engigu/baihu-panel/internal/utils"
"github.com/gin-gonic/gin"
)
type MiseController struct {
service *services.MiseService
}
func NewMiseController(service *services.MiseService) *MiseController {
return &MiseController{
service: service,
}
}
// List 获取语言列表
func (c *MiseController) List(ctx *gin.Context) {
langs, err := c.service.List()
if err != nil {
utils.ServerError(ctx, "获取语言列表失败: "+err.Error())
return
}
utils.Success(ctx, langs)
}
// Sync 同步本地环境到数据库
func (c *MiseController) Sync(ctx *gin.Context) {
if err := c.service.Sync(); err != nil {
utils.ServerError(ctx, "同步本地环境失败: "+err.Error())
return
}
utils.Success(ctx, nil)
}
// Plugins 获取可用插件列表
func (c *MiseController) Plugins(ctx *gin.Context) {
plugins, err := c.service.Plugins()
if err != nil {
utils.ServerError(ctx, "获取插件列表失败: "+err.Error())
return
}
utils.Success(ctx, plugins)
}
// Versions 获取指定插件的可用版本列表
func (c *MiseController) Versions(ctx *gin.Context) {
plugin := ctx.Query("plugin")
if plugin == "" {
utils.BadRequest(ctx, "参数 plugin 不能为空")
return
}
versions, err := c.service.Versions(plugin)
if err != nil {
utils.ServerError(ctx, "获取版本列表失败: "+err.Error())
return
}
utils.Success(ctx, versions)
}
+6 -2
View File
@@ -61,6 +61,8 @@ func (tc *TaskController) CreateTask(c *gin.Context) {
WorkDir string `json:"work_dir"`
CleanConfig string `json:"clean_config"`
Envs string `json:"envs"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
AgentID *uint `json:"agent_id"`
}
@@ -86,7 +88,7 @@ func (tc *TaskController) CreateTask(c *gin.Context) {
workDir = resolveWorkDir(req.WorkDir)
}
task := tc.taskService.CreateTask(req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Type, req.Config, req.AgentID)
task := tc.taskService.CreateTask(req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Type, req.Config, req.AgentID, req.Language, req.LangVersion)
// 如果是 Agent 任务,通知 Agent;否则添加到本地 cron
if task.AgentID != nil && *task.AgentID > 0 {
@@ -156,6 +158,8 @@ func (tc *TaskController) UpdateTask(c *gin.Context) {
CleanConfig string `json:"clean_config"`
Envs string `json:"envs"`
Enabled bool `json:"enabled"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
AgentID *uint `json:"agent_id"`
}
@@ -177,7 +181,7 @@ func (tc *TaskController) UpdateTask(c *gin.Context) {
workDir = resolveWorkDir(req.WorkDir)
}
task := tc.taskService.UpdateTask(id, req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Enabled, req.Type, req.Config, req.AgentID)
task := tc.taskService.UpdateTask(id, req.Name, req.Command, req.Schedule, req.Timeout, workDir, req.CleanConfig, req.Envs, req.Enabled, req.Type, req.Config, req.AgentID, req.Language, req.LangVersion)
if task == nil {
utils.NotFound(c, "任务不存在")
return
+10
View File
@@ -23,6 +23,7 @@ func Migrate() error {
&models.Dependency{},
&models.Agent{},
&models.AgentToken{},
&models.Language{},
)
}
@@ -37,5 +38,14 @@ func customMigrations() error {
}
}
}
// 移除 deps 表中的 type 字段(如果存在)
if DB.Migrator().HasColumn(&models.Dependency{}, "type") {
if err := DB.Migrator().DropColumn(&models.Dependency{}, "type"); err != nil {
logger.Debugf("[Database] 移除 deps.type 列失败: %v", err)
} else {
logger.Infof("[Database] 已成功移除 deps 表中的冗余 type 列")
}
}
return nil
}
+19 -8
View File
@@ -78,6 +78,9 @@ func (m *CronManager) AddTask(task CronTask) error {
timeout := task.GetTimeout()
workDir := task.GetWorkDir()
envs := task.GetEnvs()
language := task.GetLanguage()
langVersion := task.GetLangVersion()
useMise := task.UseMise()
entryID, err := m.cron.AddFunc(task.GetSchedule(), func() {
defer func() {
@@ -88,13 +91,16 @@ func (m *CronManager) AddTask(task CronTask) error {
m.logger.Infof("[CronManager] 触发计划任务 #%s (%s)", taskID, name)
req := &ExecutionRequest{
TaskID: taskID,
Name: name,
Command: cmd,
Type: TaskTypeCron,
Timeout: timeout,
WorkDir: workDir,
Envs: ParseEnvVars(envs),
TaskID: taskID,
Name: name,
Command: cmd,
Type: TaskTypeCron,
Timeout: timeout,
WorkDir: workDir,
Envs: ParseEnvVars(envs),
Language: language,
LangVersion: langVersion,
UseMise: useMise,
}
// 如果有关联的 Scheduler,加入队列执行
@@ -116,7 +122,12 @@ func (m *CronManager) AddTask(task CronTask) error {
// 初始触发一次下次运行时间通知
go func() {
req := &ExecutionRequest{TaskID: taskID, Name: name, Type: TaskTypeCron}
req := &ExecutionRequest{
TaskID: taskID,
Name: name,
Type: TaskTypeCron,
UseMise: task.UseMise(),
}
m.triggerNextRunEvent(taskID, req)
}()
+26 -4
View File
@@ -23,20 +23,27 @@ type Task interface {
GetTimeout() int
GetWorkDir() string
GetEnvs() string
GetLanguage() string
GetLangVersion() string
GetUseMise() bool
}
// CronTask 计划任务接口
type CronTask interface {
Task
GetSchedule() string
UseMise() bool
}
// Request 任务执行请求
type Request struct {
Command string
WorkDir string
Envs []string
Timeout int // 任务超时时间(分钟)
Command string
WorkDir string
Envs []string
Timeout int // 任务超时时间(分钟)
Language string
LangVersion string
UseMise bool
}
// Result 任务执行结果
@@ -96,6 +103,9 @@ func ExecuteWithHooks(ctx context.Context, req Request, stdout, stderr io.Writer
defer cancel()
finalCommand := req.Command
if req.UseMise {
finalCommand = BuildLanguageCommand(req.Command, req.Language, req.LangVersion)
}
shell, args := utils.GetShellCommand(finalCommand)
cmd := exec.CommandContext(execCtx, shell, args...)
@@ -272,6 +282,18 @@ func ExecuteWithHooks(ctx context.Context, req Request, stdout, stderr io.Writer
return result, err
}
// BuildLanguageCommand 构建语言环境执行命令 (使用 mise)
func BuildLanguageCommand(command, language, version string) string {
if language == "" {
return command
}
v := version
if v == "" {
v = "latest"
}
return "mise exec " + language + "@" + v + " -- " + command
}
// ParseEnvVars 解析环境变量字符串 "KEY1=VALUE1,KEY2=VALUE2"
func ParseEnvVars(envStr string) []string {
if envStr == "" {
+25 -13
View File
@@ -61,15 +61,18 @@ const (
// ExecutionRequest 执行请求(标准接口)
type ExecutionRequest struct {
TaskID string // 任务 ID
LogID uint // 日志 ID
Name string // 任务名称
Type TaskType // 任务类型
Command string // 命令
WorkDir string // 工作目录
Envs []string // 环境变量
Timeout int // 超时时间(分钟)
Metadata map[string]interface{} // 额外元数据
TaskID string // 任务 ID
LogID uint // 日志 ID
Name string // 任务名称
Type TaskType // 任务类型
Command string // 命令
WorkDir string // 工作目录
Envs []string // 环境变量
Timeout int // 超时时间(分钟)
Language string // 语言环境
LangVersion string // 语言版本
UseMise bool // 是否使用 mise
Metadata map[string]interface{} // 额外元数据
}
// ExecutionResult 执行结果(标准接口)
@@ -194,10 +197,13 @@ func NewScheduler(config SchedulerConfig, handler SchedulerEventHandler) *Schedu
executor: func(ctx context.Context, req *ExecutionRequest, stdout, stderr io.Writer) (*Result, error) {
hooks := &schedulerHooksAdapter{handler: handler, req: req}
return ExecuteWithHooks(ctx, Request{
Command: req.Command,
WorkDir: req.WorkDir,
Envs: req.Envs,
Timeout: req.Timeout,
Command: req.Command,
WorkDir: req.WorkDir,
Envs: req.Envs,
Timeout: req.Timeout,
Language: req.Language,
LangVersion: req.LangVersion,
UseMise: req.UseMise,
}, stdout, stderr, hooks)
},
taskQueue: make(chan *ExecutionRequest, config.QueueSize),
@@ -309,6 +315,12 @@ func (s *Scheduler) executeTask(req *ExecutionRequest) (*ExecutionResult, error)
s.logger.Infof("[Scheduler] 执行任务 %s (名称: %s, 类型: %s)", req.TaskID, req.Name, req.Type)
finalCommand := req.Command
if req.UseMise {
finalCommand = BuildLanguageCommand(req.Command, req.Language, req.LangVersion)
}
s.logger.Infof("[Scheduler] 实际执行命令: %s", finalCommand)
if s.config.Verbose {
workDir := req.WorkDir
if workDir == "" {
+10 -8
View File
@@ -52,14 +52,16 @@ func (AgentToken) TableName() string {
// AgentTask Agent 任务配置(用于下发给 Agent)
type AgentTask struct {
ID uint `json:"id"`
Name string `json:"name"`
Command string `json:"command"`
Schedule string `json:"schedule"`
Timeout int `json:"timeout"`
WorkDir string `json:"work_dir"`
Envs string `json:"envs"`
Enabled bool `json:"enabled"`
ID uint `json:"id"`
Name string `json:"name"`
Command string `json:"command"`
Schedule string `json:"schedule"`
Timeout int `json:"timeout"`
WorkDir string `json:"work_dir"`
Envs string `json:"envs"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
Enabled bool `json:"enabled"`
}
// AgentTaskResult Agent 上报的任务执行结果
+11 -9
View File
@@ -1,20 +1,22 @@
package models
import (
"github.com/engigu/baihu-panel/internal/constant"
"time"
"github.com/engigu/baihu-panel/internal/constant"
)
// Dependency 依赖包模型
type Dependency struct {
ID int `json:"id" gorm:"primaryKey"`
Name string `json:"name" gorm:"size:100;not null"`
Version string `json:"version" gorm:"size:50"`
Type string `json:"type" gorm:"size:10;not null"` // py 或 node
Remark string `json:"remark" gorm:"size:255"`
Log string `json:"log" gorm:"type:text"`
CreatedAt time.Time `json:"created_at"`
UpdatedAt time.Time `json:"updated_at"`
ID int `json:"id" gorm:"primaryKey"`
Name string `json:"name" gorm:"size:100;not null"`
Version string `json:"version" gorm:"size:50"`
Language string `json:"language" gorm:"size:100;index"` // 关联语言 (node, python...)
LangVersion string `json:"lang_version" gorm:"size:100;index"` // 关联语言版本
Remark string `json:"remark" gorm:"size:255"`
Log string `json:"log" gorm:"type:text"`
CreatedAt time.Time `json:"created_at"`
UpdatedAt time.Time `json:"updated_at"`
}
func (Dependency) TableName() string {
+22
View File
@@ -0,0 +1,22 @@
package models
import (
"github.com/engigu/baihu-panel/internal/constant"
"gorm.io/gorm"
)
type Language struct {
ID uint `json:"id" gorm:"primaryKey"`
Plugin string `json:"plugin" gorm:"size:100;not null;index"`
Version string `json:"version" gorm:"size:100;not null;index"`
InstallPath string `json:"install_path" gorm:"size:255"`
Source string `json:"source" gorm:"size:255"`
InstalledAt *LocalTime `json:"installed_at"`
CreatedAt LocalTime `json:"created_at"`
UpdatedAt LocalTime `json:"updated_at"`
DeletedAt gorm.DeletedAt `json:"-" gorm:"index"`
}
func (Language) TableName() string {
return constant.TablePrefix + "languages"
}
+18
View File
@@ -44,6 +44,8 @@ type Task struct {
WorkDir string `json:"work_dir" gorm:"size:255;default:''"` // 工作目录,为空则使用 scripts 目录
CleanConfig string `json:"clean_config" gorm:"size:255;default:''"` // 清理配置 JSON
Envs string `json:"envs" gorm:"size:255;default:''"` // 环境变量ID列表,逗号分隔
Language string `json:"language" gorm:"size:50;default:''"` // 针对本地任务的语言名称 (mise)
LangVersion string `json:"lang_version" gorm:"size:50;default:''"` // 针对本地任务的语言版本 (mise)
AgentID *uint `json:"agent_id" gorm:"index"` // Agent ID,为空表示本地执行
Enabled bool `json:"enabled" gorm:"default:true"`
RunningGo string `json:"running_go" gorm:"type:text"` // 正在运行的 go routine id 数组 (JSON)
@@ -82,6 +84,22 @@ func (t *Task) GetEnvs() string {
return t.Envs
}
func (t *Task) GetLanguage() string {
return t.Language
}
func (t *Task) GetLangVersion() string {
return t.LangVersion
}
func (t *Task) GetUseMise() bool {
return t.AgentID == nil || *t.AgentID == 0
}
func (t *Task) UseMise() bool {
return t.GetUseMise()
}
func (t *Task) GetSchedule() string {
return t.Schedule
}
+18 -16
View File
@@ -8,14 +8,15 @@ import (
// DependencyVO 依赖包视图对象
type DependencyVO struct {
ID int `json:"id"`
Name string `json:"name"`
Version string `json:"version"`
Type string `json:"type"`
Remark string `json:"remark"`
Log string `json:"log,omitempty"` // 仅在需要时返回
CreatedAt time.Time `json:"created_at"`
UpdatedAt time.Time `json:"updated_at"`
ID int `json:"id"`
Name string `json:"name"`
Version string `json:"version"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
Remark string `json:"remark"`
Log string `json:"log,omitempty"` // 仅在需要时返回
CreatedAt time.Time `json:"created_at"`
UpdatedAt time.Time `json:"updated_at"`
}
// ToDependencyVO 将 Dependency 模型转换为 DependencyVO
@@ -24,14 +25,15 @@ func ToDependencyVO(dep *models.Dependency) *DependencyVO {
return nil
}
return &DependencyVO{
ID: dep.ID,
Name: dep.Name,
Version: dep.Version,
Type: dep.Type,
Remark: dep.Remark,
Log: dep.Log,
CreatedAt: dep.CreatedAt,
UpdatedAt: dep.UpdatedAt,
ID: dep.ID,
Name: dep.Name,
Version: dep.Version,
Language: dep.Language,
LangVersion: dep.LangVersion,
Remark: dep.Remark,
Log: dep.Log,
CreatedAt: dep.CreatedAt,
UpdatedAt: dep.UpdatedAt,
}
}
+4
View File
@@ -17,6 +17,8 @@ type TaskVO struct {
WorkDir string `json:"work_dir"`
CleanConfig string `json:"clean_config"`
Envs string `json:"envs"`
Language string `json:"language"`
LangVersion string `json:"lang_version"`
AgentID *uint `json:"agent_id"`
Enabled bool `json:"enabled"`
LastRun *models.LocalTime `json:"last_run"`
@@ -41,6 +43,8 @@ func ToTaskVO(task *models.Task) *TaskVO {
WorkDir: task.WorkDir,
CleanConfig: task.CleanConfig,
Envs: task.Envs,
Language: task.Language,
LangVersion: task.LangVersion,
AgentID: task.AgentID,
Enabled: task.Enabled,
LastRun: task.LastRun,
+1
View File
@@ -52,6 +52,7 @@ func RegisterControllers() *Controllers {
Settings: controllers.NewSettingsController(userService, loginLogService, executorService),
Dependency: controllers.NewDependencyController(),
Agent: controllers.NewAgentController(settingsService),
Mise: controllers.NewMiseController(services.NewMiseService()),
}
}
+12
View File
@@ -27,6 +27,7 @@ type Controllers struct {
Settings *controllers.SettingsController
Dependency *controllers.DependencyController
Agent *controllers.AgentController
Mise *controllers.MiseController
}
func mustSubFS(fsys fs.FS, dir string) fs.FS {
@@ -202,9 +203,11 @@ func Setup(c *Controllers) *gin.Engine {
deps.POST("", c.Dependency.Create)
deps.DELETE("/:id", c.Dependency.Delete)
deps.POST("/install", c.Dependency.Install)
deps.POST("/install-cmd", c.Dependency.GetInstallCommand)
deps.POST("/uninstall/:id", c.Dependency.Uninstall)
deps.POST("/reinstall/:id", c.Dependency.Reinstall)
deps.POST("/reinstall-all", c.Dependency.ReinstallAll)
deps.POST("/reinstall-all-cmd", c.Dependency.GetReinstallAllCommand)
deps.GET("/installed", c.Dependency.GetInstalled)
}
@@ -223,6 +226,15 @@ func Setup(c *Controllers) *gin.Engine {
agents.DELETE("/tokens/:id", c.Agent.DeleteToken)
}
// Mise routes (Mise 管理)
mise := authorized.Group("/mise")
{
mise.GET("/ls", c.Mise.List)
mise.POST("/sync", c.Mise.Sync)
mise.GET("/plugins", c.Mise.Plugins)
mise.GET("/versions", c.Mise.Versions)
}
// Agent API(供前端调用,保持在 v1 下)
agentAPIv1 := authorized.Group("/agent")
{
+10 -8
View File
@@ -311,14 +311,16 @@ func (s *AgentService) GetTasks(agentID uint) []models.AgentTask {
envVarsStr := s.buildEnvVarsString(task.Envs)
result[i] = models.AgentTask{
ID: task.ID,
Name: task.Name,
Command: task.Command,
Schedule: task.Schedule,
Timeout: task.Timeout,
WorkDir: task.WorkDir,
Envs: envVarsStr, // 传递 "KEY1=VALUE1,KEY2=VALUE2" 格式
Enabled: task.Enabled,
ID: task.ID,
Name: task.Name,
Command: task.Command,
Schedule: task.Schedule,
Timeout: task.Timeout,
WorkDir: task.WorkDir,
Envs: envVarsStr, // 传递 "KEY1=VALUE1,KEY2=VALUE2" 格式
Language: task.Language,
LangVersion: task.LangVersion,
Enabled: task.Enabled,
}
}
+22
View File
@@ -51,6 +51,8 @@ func (s *BackupService) getTableConfigs() []tableConfig {
{"login_logs.json", s.exportTable(&[]models.LoginLog{}, false), s.restoreTable(&[]models.LoginLog{}, false)},
{"agents.json", s.exportTable(&[]models.Agent{}, true), s.restoreTable(&[]models.Agent{}, true)},
{"tokens.json", s.exportTable(&[]models.AgentToken{}, true), s.restoreTable(&[]models.AgentToken{}, true)},
{"languages.json", s.exportTable(&[]models.Language{}, true), s.restoreTable(&[]models.Language{}, true)},
{"deps.json", s.exportTable(&[]models.Dependency{}, true), s.restoreTable(&[]models.Dependency{}, true)},
}
}
@@ -153,6 +155,20 @@ func (s *BackupService) CreateBackup() (string, error) {
}
}
// 写入元数据信息
sysInfo := map[string]interface{}{
"version": "v2",
"ts": time.Now().Format("2006-01-02 15:04:05"),
}
sysFile, err := zipWriter.Create("__sys__.json")
if err != nil {
return "", err
}
sysData, _ := json.MarshalIndent(sysInfo, "", " ")
if _, err := sysFile.Write(sysData); err != nil {
return "", err
}
// 打包 scripts 文件夹
scriptsDir := constant.ScriptsWorkDir
if _, err := os.Stat(scriptsDir); err == nil {
@@ -192,6 +208,8 @@ func (s *BackupService) Restore(zipPath string) error {
tx.Unscoped().Where("1=1").Delete(&models.LoginLog{})
tx.Unscoped().Where("1=1").Delete(&models.Agent{})
tx.Unscoped().Where("1=1").Delete(&models.AgentToken{})
tx.Unscoped().Where("1=1").Delete(&models.Language{})
tx.Unscoped().Where("1=1").Delete(&models.Dependency{})
// 2. 依次恢复每个表
for _, cfg := range configs {
@@ -258,6 +276,10 @@ func (s *BackupService) restoreFromZipFile(tx *gorm.DB, f *zip.File, filename st
return &models.Agent{}
case "tokens.json":
return &models.AgentToken{}
case "languages.json":
return &models.Language{}
case "deps.json":
return &models.Dependency{}
default:
return nil
}
+45 -126
View File
@@ -2,12 +2,10 @@ package services
import (
"errors"
"os/exec"
"strings"
"github.com/engigu/baihu-panel/internal/database"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
"github.com/engigu/baihu-panel/internal/services/deps"
)
type DependencyService struct{}
@@ -17,21 +15,25 @@ func NewDependencyService() *DependencyService {
}
// List 获取依赖列表
func (s *DependencyService) List(depType string) ([]models.Dependency, error) {
var deps []models.Dependency
func (s *DependencyService) List(language, langVersion string) ([]models.Dependency, error) {
var results []models.Dependency
query := database.DB
if depType != "" {
query = query.Where("type = ?", depType)
if language != "" {
query = query.Where("language = ?", language)
}
err := query.Order("id desc").Find(&deps).Error
return deps, err
if langVersion != "" {
query = query.Where("lang_version = ?", langVersion)
}
err := query.Order("id desc").Find(&results).Error
return results, err
}
// Create 创建依赖记录
func (s *DependencyService) Create(dep *models.Dependency) error {
// 检查是否已存在
// 检查是否已存在(名称、语言、版本 必须完全匹配)
var existing models.Dependency
if err := database.DB.Where("name = ? AND type = ?", dep.Name, dep.Type).First(&existing).Error; err == nil {
err := database.DB.Where("name = ? AND language = ? AND lang_version = ?", dep.Name, dep.Language, dep.LangVersion).First(&existing).Error
if err == nil {
return errors.New("依赖已存在")
}
return database.DB.Create(dep).Error
@@ -44,134 +46,51 @@ func (s *DependencyService) Delete(id int) error {
// Install 安装依赖
func (s *DependencyService) Install(dep *models.Dependency) error {
var cmd *exec.Cmd
var packageSpec string
if dep.Version != "" {
if dep.Type == "py" {
packageSpec = dep.Name + "==" + dep.Version
} else {
packageSpec = dep.Name + "@" + dep.Version
}
} else {
packageSpec = dep.Name
m := deps.GetManager(dep.Language)
if m == nil {
return errors.New("不支持的依赖类型: " + dep.Language)
}
switch dep.Type {
case "py":
cmd = exec.Command("pip", "install", packageSpec)
case "node":
cmd = exec.Command("npm", "install", "-g", packageSpec)
default:
return errors.New("不支持的依赖类型")
}
logger.Infof("Installing %s package: %s", dep.Type, packageSpec)
output, err := cmd.CombinedOutput()
dep.Log = string(output)
if err != nil {
logger.Errorf("Install failed: %v, output: %s", err, string(output))
return errors.New("安装失败: " + string(output))
}
logger.Infof("Install success: %s", packageSpec)
return nil
return m.Install(dep)
}
// Uninstall 卸载依赖
func (s *DependencyService) Uninstall(dep *models.Dependency) error {
var cmd *exec.Cmd
switch dep.Type {
case "py":
cmd = exec.Command("pip", "uninstall", "-y", dep.Name)
case "node":
cmd = exec.Command("npm", "uninstall", "-g", dep.Name)
default:
return errors.New("不支持的依赖类型")
m := deps.GetManager(dep.Language)
if m == nil {
return errors.New("不支持的依赖类型: " + dep.Language)
}
logger.Infof("Uninstalling %s package: %s", dep.Type, dep.Name)
output, err := cmd.CombinedOutput()
if err != nil {
logger.Errorf("Uninstall failed: %v, output: %s", err, string(output))
return errors.New("卸载失败: " + string(output))
}
return nil
return m.Uninstall(dep)
}
// GetInstalledPackages 获取已安装的包列表
func (s *DependencyService) GetInstalledPackages(depType string) ([]models.Dependency, error) {
var packages []models.Dependency
switch depType {
case "py":
return s.getPipPackages()
case "node":
return s.getNpmPackages()
default:
return packages, errors.New("不支持的依赖类型")
func (s *DependencyService) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
m := deps.GetManager(language)
if m == nil {
return nil, errors.New("不支持的依赖类型: " + language)
}
return m.GetInstalledPackages(language, langVersion)
}
// getPipPackages 获取 pip 已安装的包
func (s *DependencyService) getPipPackages() ([]models.Dependency, error) {
cmd := exec.Command("pip", "list", "--format=freeze")
output, err := cmd.Output()
// GetInstallCommand 获取安装命令
func (s *DependencyService) GetInstallCommand(dep *models.Dependency) (string, error) {
m := deps.GetManager(dep.Language)
if m == nil {
return "", errors.New("不支持的依赖类型: " + dep.Language)
}
return m.GetInstallCommand(dep)
}
// GetReinstallAllCommand 获取全部重装命令
func (s *DependencyService) GetReinstallAllCommand(language, langVersion string) (string, error) {
m := deps.GetManager(language)
if m == nil {
return "", errors.New("不支持的依赖类型: " + language)
}
deps_list, err := s.List(language, langVersion)
if err != nil {
return nil, err
return "", err
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" {
continue
}
parts := strings.SplitN(line, "==", 2)
pkg := models.Dependency{
Name: parts[0],
Type: "py",
}
if len(parts) > 1 {
pkg.Version = parts[1]
}
packages = append(packages, pkg)
}
return packages, nil
}
// getNpmPackages 获取 npm 全局安装的包
func (s *DependencyService) getNpmPackages() ([]models.Dependency, error) {
cmd := exec.Command("npm", "list", "-g", "--depth=0", "--json")
output, err := cmd.Output()
if err != nil {
// npm list 在没有包时也会返回错误,忽略
}
var packages []models.Dependency
// 简单解析,不用 json 库
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if strings.Contains(line, `"version"`) {
continue
}
if strings.HasPrefix(line, `"`) && strings.Contains(line, ":") {
// 格式: "package-name": {
name := strings.Trim(strings.Split(line, ":")[0], `" `)
if name != "" && name != "dependencies" {
packages = append(packages, models.Dependency{
Name: name,
Type: "node",
})
}
}
}
return packages, nil
return m.GetReinstallAllCommand(deps_list)
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type BunManager struct {
BaseManager
}
func NewBunManager(language string) *BunManager {
return &BunManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"bun", "add", "-g"},
UninstallCmd: []string{"bun", "remove", "-g"},
ListCmd: []string{"bun", "pm", "ls", "-g"},
Separator: "@",
},
}
}
func (m *BunManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Tool") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type CrystalManager struct {
BaseManager
}
func NewCrystalManager(language string) *CrystalManager {
return &CrystalManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"shards", "install"}, // 主要是针对当前目录,但 mise exec 下可以安装 tools
UninstallCmd: []string{"rm", "-rf"}, // 这里的逻辑可能不完全正确
ListCmd: []string{"shards", "list"},
Separator: " ",
},
}
}
func (m *CrystalManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Shards") {
continue
}
fields := strings.Fields(line)
if len(fields) > 1 {
packages = append(packages, models.Dependency{Name: fields[1], Language: language})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type DartManager struct {
BaseManager
}
func NewDartManager(language string) *DartManager {
return &DartManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"dart", "pub", "global", "activate"},
UninstallCmd: []string{"dart", "pub", "global", "deactivate"},
ListCmd: []string{"dart", "pub", "global", "list"},
Separator: " ",
},
}
}
func (m *DartManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+26
View File
@@ -0,0 +1,26 @@
package deps
import (
"github.com/engigu/baihu-panel/internal/models"
)
type DenoManager struct {
BaseManager
}
func NewDenoManager(language string) *DenoManager {
return &DenoManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"deno", "install", "--global", "-A"},
UninstallCmd: []string{"deno", "uninstall"},
ListCmd: []string{"ls", "-1", "/root/.deno/bin"}, // 这是一个简单的 fallback 尝试
Separator: "@",
},
}
}
func (m *DenoManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
// Deno 没有官方的 list 命令,暂时留空或通过文件系统猜测
return []models.Dependency{}, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type DotnetManager struct {
BaseManager
}
func NewDotnetManager(language string) *DotnetManager {
return &DotnetManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"dotnet", "tool", "install", "-g"},
UninstallCmd: []string{"dotnet", "tool", "uninstall", "-g"},
ListCmd: []string{"dotnet", "tool", "list", "-g"},
Separator: " ",
},
}
}
func (m *DotnetManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for i, line := range lines {
line = strings.TrimSpace(line)
if i < 2 || line == "" { // 跳过表头
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language, Version: fields[1]})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type ElixirManager struct {
BaseManager
}
func NewElixirManager(language string) *ElixirManager {
return &ElixirManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"mix", "archive.install", "hex", "--force"},
UninstallCmd: []string{"mix", "archive.uninstall"},
ListCmd: []string{"mix", "archive"},
Separator: " ",
},
}
}
func (m *ElixirManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "*") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type GoManager struct {
BaseManager
}
func NewGoManager(language string) *GoManager {
return &GoManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"go", "install"},
UninstallCmd: []string{"go", "clean", "-i"},
ListCmd: []string{"go", "list", "..."},
Separator: "@",
},
}
}
func (m *GoManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Tool") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type LuaManager struct {
BaseManager
}
func NewLuaManager(language string) *LuaManager {
return &LuaManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"luarocks", "install"},
UninstallCmd: []string{"luarocks", "remove"},
ListCmd: []string{"luarocks", "list"},
Separator: " ",
},
}
}
func (m *LuaManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Rock") || strings.HasPrefix(line, "--") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+174
View File
@@ -0,0 +1,174 @@
package deps
import (
"errors"
"os/exec"
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
// Manager 依赖管理器接口
type Manager interface {
Install(dep *models.Dependency) error
Uninstall(dep *models.Dependency) error
GetInstalledPackages(language, langVersion string) ([]models.Dependency, error)
GetInstallCommand(dep *models.Dependency) (string, error)
GetReinstallAllCommand(deps []models.Dependency) (string, error)
}
// BaseManager 基础管理器,提供通用方法
type BaseManager struct {
Language string
InstallCmd []string
UninstallCmd []string
ListCmd []string
Separator string
}
func (m *BaseManager) runMiseCommand(langVersion string, cmdArgs []string) ([]byte, error) {
var args []string
if langVersion != "" {
args = []string{"mise", "exec", m.Language + "@" + langVersion, "--"}
}
args = append(args, cmdArgs...)
cmd := exec.Command(args[0], args[1:]...)
return cmd.CombinedOutput()
}
func (m *BaseManager) Install(dep *models.Dependency) error {
var packageSpec string
if dep.Version != "" {
packageSpec = dep.Name + m.Separator + dep.Version
} else {
packageSpec = dep.Name
}
args := append([]string{}, m.InstallCmd...)
args = append(args, packageSpec)
logger.Infof("Installing %s package: %s", m.Language, packageSpec)
output, err := m.runMiseCommand(dep.LangVersion, args)
dep.Log = string(output)
if err != nil {
logger.Errorf("Install failed: %v, output: %s", err, string(output))
return errors.New("安装失败: " + string(output))
}
logger.Infof("Install success: %s", packageSpec)
return nil
}
func (m *BaseManager) GetInstallCommand(dep *models.Dependency) (string, error) {
var packageSpec string
if dep.Version != "" {
packageSpec = dep.Name + m.Separator + dep.Version
} else {
packageSpec = dep.Name
}
var args []string
if dep.LangVersion != "" {
args = []string{"mise", "exec", m.Language + "@" + dep.LangVersion, "--"}
}
args = append(args, m.InstallCmd...)
args = append(args, packageSpec)
fullCmd := strings.Join(args, " ")
return fullCmd + " && echo \"__INSTALL_SUCCESS__\" || echo \"__INSTALL_FAILED__\"", nil
}
func (m *BaseManager) GetReinstallAllCommand(deps []models.Dependency) (string, error) {
if len(deps) == 0 {
return "echo \"没有需要安装的依赖\"", nil
}
var packageSpecs []string
var langVersion string
for _, dep := range deps {
if dep.LangVersion != "" {
langVersion = dep.LangVersion
}
if dep.Version != "" {
packageSpecs = append(packageSpecs, dep.Name+m.Separator+dep.Version)
} else {
packageSpecs = append(packageSpecs, dep.Name)
}
}
var args []string
if langVersion != "" {
args = []string{"mise", "exec", m.Language + "@" + langVersion, "--"}
}
args = append(args, m.InstallCmd...)
args = append(args, packageSpecs...)
fullCmd := strings.Join(args, " ")
return fullCmd + " && echo \"__INSTALL_SUCCESS__\" || echo \"__INSTALL_FAILED__\"", nil
}
func (m *BaseManager) Uninstall(dep *models.Dependency) error {
args := append([]string{}, m.UninstallCmd...)
args = append(args, dep.Name)
logger.Infof("Uninstalling %s package: %s", m.Language, dep.Name)
output, err := m.runMiseCommand(dep.LangVersion, args)
if err != nil {
logger.Errorf("Uninstall failed: %v, output: %s", err, string(output))
return errors.New("卸载失败: " + string(output))
}
return nil
}
// GetManager 根据语言获取对应的管理器
func GetManager(language string) Manager {
lang := strings.ToLower(language)
if strings.Contains(lang, "python") {
return NewPythonManager(language)
}
if strings.Contains(lang, "node") {
return NewNodeManager(language)
}
if strings.Contains(lang, "ruby") {
return NewRubyManager(language)
}
if strings.Contains(lang, "go") {
return NewGoManager(language)
}
if strings.Contains(lang, "rust") {
return NewRustManager(language)
}
if strings.Contains(lang, "bun") {
return NewBunManager(language)
}
if strings.Contains(lang, "php") {
return NewPhpManager(language)
}
if strings.Contains(lang, "deno") {
return NewDenoManager(language)
}
if strings.Contains(lang, "dotnet") {
return NewDotnetManager(language)
}
if strings.Contains(lang, "elixir") || strings.Contains(lang, "erlang") {
return NewElixirManager(language)
}
if strings.Contains(lang, "lua") {
return NewLuaManager(language)
}
if strings.Contains(lang, "nim") {
return NewNimManager(language)
}
if strings.Contains(lang, "dart") || strings.Contains(lang, "flutter") {
return NewDartManager(language)
}
if strings.Contains(lang, "perl") {
return NewPerlManager(language)
}
if strings.Contains(lang, "crystal") {
return NewCrystalManager(language)
}
return nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type NimManager struct {
BaseManager
}
func NewNimManager(language string) *NimManager {
return &NimManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"nimble", "install", "-y"},
UninstallCmd: []string{"nimble", "uninstall", "-y"},
ListCmd: []string{"nimble", "list", "-i"},
Separator: "@",
},
}
}
func (m *NimManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || !strings.Contains(line, "[") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+47
View File
@@ -0,0 +1,47 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type NodeManager struct {
BaseManager
}
func NewNodeManager(language string) *NodeManager {
return &NodeManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"npm", "install", "-g"},
UninstallCmd: []string{"npm", "uninstall", "-g"},
ListCmd: []string{"npm", "list", "-g", "--depth=0", "--json"},
Separator: "@",
},
}
}
func (m *NodeManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if strings.Contains(line, `"version"`) || strings.HasPrefix(line, "{") || strings.HasPrefix(line, "}") || strings.HasPrefix(line, "]") {
continue
}
if strings.HasPrefix(line, `"`) && strings.Contains(line, ":") {
name := strings.Trim(strings.Split(line, ":")[0], `" `)
if name != "" && name != "dependencies" && name != "name" {
packages = append(packages, models.Dependency{Name: name, Language: language})
}
}
}
return packages, nil
}
+26
View File
@@ -0,0 +1,26 @@
package deps
import (
"github.com/engigu/baihu-panel/internal/models"
)
type PerlManager struct {
BaseManager
}
func NewPerlManager(language string) *PerlManager {
return &PerlManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"cpanm"}, // 需要系统预装 cpanm
UninstallCmd: []string{"cpanm", "--uninstall"}, // 部分 cpanm 版本不支持,这是一个占位
ListCmd: []string{"perldoc", "-l"}, // 很难列出所有,暂时简单处理
Separator: " ",
},
}
}
func (m *PerlManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
// Perl 依赖列出比较复杂,暂时返回空
return []models.Dependency{}, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type PhpManager struct {
BaseManager
}
func NewPhpManager(language string) *PhpManager {
return &PhpManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"composer", "global", "require"},
UninstallCmd: []string{"composer", "global", "remove"},
ListCmd: []string{"composer", "global", "show", "--name-only"},
Separator: ":",
},
}
}
func (m *PhpManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Tool") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+47
View File
@@ -0,0 +1,47 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type PythonManager struct {
BaseManager
}
func NewPythonManager(language string) *PythonManager {
return &PythonManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"pip", "install"},
UninstallCmd: []string{"pip", "uninstall", "-y"},
ListCmd: []string{"pip", "list", "--format=freeze"},
Separator: "==",
},
}
}
func (m *PythonManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" {
continue
}
parts := strings.SplitN(line, "==", 2)
pkg := models.Dependency{Name: parts[0], Language: language}
if len(parts) > 1 {
pkg.Version = parts[1]
}
packages = append(packages, pkg)
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type RubyManager struct {
BaseManager
}
func NewRubyManager(language string) *RubyManager {
return &RubyManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"gem", "install"},
UninstallCmd: []string{"gem", "uninstall", "-a", "-x"},
ListCmd: []string{"gem", "list", "--local"},
Separator: " ",
},
}
}
func (m *RubyManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(line, "Tool") || strings.HasPrefix(line, "(") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+45
View File
@@ -0,0 +1,45 @@
package deps
import (
"strings"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
)
type RustManager struct {
BaseManager
}
func NewRustManager(language string) *RustManager {
return &RustManager{
BaseManager: BaseManager{
Language: language,
InstallCmd: []string{"cargo", "install"},
UninstallCmd: []string{"cargo", "uninstall"},
ListCmd: []string{"cargo", "install", "--list"},
Separator: " v",
},
}
}
func (m *RustManager) GetInstalledPackages(language, langVersion string) ([]models.Dependency, error) {
output, err := m.runMiseCommand(langVersion, m.ListCmd)
if err != nil {
logger.Warnf("GetInstalledPackages for %s failed: %v", language, err)
}
var packages []models.Dependency
lines := strings.Split(string(output), "\n")
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || !strings.Contains(line, " v") {
continue
}
fields := strings.Fields(line)
if len(fields) > 0 {
packages = append(packages, models.Dependency{Name: fields[0], Language: language})
}
}
return packages, nil
}
+322
View File
@@ -0,0 +1,322 @@
package services
import (
"encoding/json"
"fmt"
"os"
"os/exec"
"sort"
"strings"
"time"
"github.com/engigu/baihu-panel/internal/constant"
"github.com/engigu/baihu-panel/internal/database"
"github.com/engigu/baihu-panel/internal/logger"
"github.com/engigu/baihu-panel/internal/models"
"gorm.io/gorm"
)
type MiseService struct{}
func NewMiseService() *MiseService {
return &MiseService{}
}
type MiseLanguage struct {
Plugin string `json:"plugin"`
Version string `json:"version"`
Source MiseSource `json:"source"`
Active bool `json:"active"`
InstallPath string `json:"install_path,omitempty"`
InstalledAt string `json:"installed_at,omitempty"` // 安装日期
}
type MiseSource struct {
Type string `json:"type"`
Path string `json:"path"`
}
// List 从数据库获取已保存的语言列表
func (s *MiseService) List() ([]MiseLanguage, error) {
db := database.GetDB()
var models []models.Language
if err := db.Order("installed_at DESC, plugin ASC").Find(&models).Error; err != nil {
return nil, err
}
result := make([]MiseLanguage, 0, len(models))
for _, m := range models {
lang := MiseLanguage{
Plugin: m.Plugin,
Version: m.Version,
InstallPath: m.InstallPath,
Active: true,
}
lang.Source.Path = m.Source
if m.InstalledAt != nil {
lang.InstalledAt = time.Time(*m.InstalledAt).Format("2006-01-02 15:04:05")
}
result = append(result, lang)
}
return result, nil
}
// Sync 实时检测本地 mise 环境并同步到数据库
func (s *MiseService) Sync() error {
// 获取实时数据
langs, err := s.fetchLiveLanguages()
if err != nil {
return err
}
// 同步到数据库
s.syncToDB(langs)
return nil
}
// fetchLiveLanguages 实时从系统检测 mise 语言列表
func (s *MiseService) fetchLiveLanguages() ([]MiseLanguage, error) {
// 使用 --json 获取格式化数据
cmd := exec.Command("mise", "ls", "--json")
// 强制禁用颜色和交互
cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
output, err := cmd.Output()
if err != nil {
logger.Warnf("[Mise] mise ls --json failed: %v", err)
return s.listFallback()
}
// 1. 尝试解析为数组格式 [{}, {}]
var languages []MiseLanguage
if err := json.Unmarshal(output, &languages); err == nil {
s.enrichInstallDates(languages)
s.enrichSourceInfo(languages)
s.sortByInstallDate(languages)
return languages, nil
}
// 2. 如果失败,尝试解析为对象格式 {"node": [{}], "python": [{}]}
var langMap map[string][]MiseLanguage
if err := json.Unmarshal(output, &langMap); err == nil {
var result []MiseLanguage
for plugin, items := range langMap {
for _, item := range items {
// 填充插件名称(对象格式中插件名通常是 key)
if item.Plugin == "" {
item.Plugin = plugin
}
result = append(result, item)
}
}
s.enrichInstallDates(result)
s.enrichSourceInfo(result)
s.sortByInstallDate(result)
return result, nil
}
return s.listFallback()
}
func min(a, b int) int {
if a < b {
return a
}
return b
}
func (s *MiseService) listFallback() ([]MiseLanguage, error) {
cmd := exec.Command("mise", "ls")
cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
output, err := cmd.CombinedOutput()
if err != nil {
return nil, fmt.Errorf("mise ls failed: %v, output: %s", err, string(output))
}
lines := strings.Split(string(output), "\n")
languages := []MiseLanguage{}
for _, line := range lines {
line = strings.TrimSpace(line)
if line == "" || strings.HasPrefix(strings.ToLower(line), "tool") {
continue
}
parts := strings.Fields(line)
if len(parts) < 2 {
continue
}
lang := MiseLanguage{
Plugin: parts[0],
Version: parts[1],
Active: true,
}
if len(parts) >= 3 {
lang.Source = MiseSource{Path: parts[2]}
}
languages = append(languages, lang)
}
return languages, nil
}
// Plugins 获取主流的 mise 插件列表 (固定返回以确保速度和稳定性)
func (s *MiseService) Plugins() ([]string, error) {
mainstream := constant.MainstreamMisePlugins
logger.Infof("[Mise] Returning fixed list of %d mainstream plugins", len(mainstream))
return mainstream, nil
}
// Versions 获取指定插件的所有可用版本
func (s *MiseService) Versions(plugin string) ([]string, error) {
if plugin == "" {
return []string{}, nil
}
// 只获取最新版本列表
cmd := exec.Command("mise", "ls-remote", plugin)
cmd.Env = append(cmd.Env, "MISE_NO_COLOR=1", "TERM=dumb")
output, err := cmd.CombinedOutput()
if err != nil && len(output) == 0 {
logger.Errorf("[Mise] Fetch versions for %s failed: %v", plugin, err)
return []string{}, nil
}
lines := strings.Split(string(output), "\n")
var versions []string
// 倒序排列,优先显示新版本
for i := len(lines) - 1; i >= 0; i-- {
line := strings.TrimSpace(lines[i])
if line == "" || strings.Contains(line, " ") || strings.Contains(line, "Usage:") || line == "latest" {
continue
}
versions = append(versions, line)
if len(versions) >= 300 {
break
}
}
return versions, nil
}
// enrichInstallDates 为语言列表添加安装日期信息
func (s *MiseService) enrichInstallDates(languages []MiseLanguage) {
for i := range languages {
if languages[i].InstallPath != "" {
if installDate := s.getInstallDate(languages[i].InstallPath); installDate != "" {
languages[i].InstalledAt = installDate
}
}
}
}
// enrichSourceInfo 为语言列表添加来源信息
func (s *MiseService) enrichSourceInfo(languages []MiseLanguage) {
for i := range languages {
// 如果source为空,使用install_path作为来源
if languages[i].Source.Type == "" && languages[i].Source.Path == "" {
if languages[i].InstallPath != "" {
languages[i].Source.Path = languages[i].InstallPath
}
}
}
}
// getInstallDate 获取安装路径的创建时间
func (s *MiseService) getInstallDate(installPath string) string {
if installPath == "" {
return ""
}
fileInfo, err := os.Stat(installPath)
if err != nil {
logger.Debugf("[Mise] Failed to stat install path %s: %v", installPath, err)
return ""
}
// 获取修改时间作为安装时间的近似值
modTime := fileInfo.ModTime()
return modTime.Format("2006-01-02 15:04:05")
}
// sortByInstallDate 按安装时间降序排序(最新的在前面)
func (s *MiseService) sortByInstallDate(languages []MiseLanguage) {
sort.Slice(languages, func(i, j int) bool {
// 如果都有安装时间,按时间降序排序
if languages[i].InstalledAt != "" && languages[j].InstalledAt != "" {
return languages[i].InstalledAt > languages[j].InstalledAt
}
// 有安装时间的排在前面
if languages[i].InstalledAt != "" {
return true
}
if languages[j].InstalledAt != "" {
return false
}
// 都没有安装时间,按插件名排序
return languages[i].Plugin < languages[j].Plugin
})
}
// syncToDB 将实时检测到的语言信息同步到数据库表中
func (s *MiseService) syncToDB(languages []MiseLanguage) {
db := database.GetDB()
if db == nil {
return
}
var currentIds []uint
for _, lang := range languages {
var model models.Language
// 以 plugin 和 version 作为联合唯一标识(业务逻辑上)
err := db.Where("plugin = ? AND version = ?", lang.Plugin, lang.Version).First(&model).Error
sourceStr := ""
if lang.Source.Path != "" {
sourceStr = lang.Source.Path
} else if lang.Source.Type != "" {
sourceStr = lang.Source.Type
}
var installTime *models.LocalTime
if lang.InstalledAt != "" {
t, err := time.Parse("2006-01-02 15:04:05", lang.InstalledAt)
if err == nil {
lt := models.LocalTime(t)
installTime = &lt
}
}
if err != nil {
// 如果不存在,则创建
newLang := models.Language{
Plugin: lang.Plugin,
Version: lang.Version,
InstallPath: lang.InstallPath,
Source: sourceStr,
InstalledAt: installTime,
}
if err := db.Create(&newLang).Error; err == nil {
currentIds = append(currentIds, newLang.ID)
}
} else {
// 如果已存在,更新可能变动的信息
updates := map[string]interface{}{
"install_path": lang.InstallPath,
"source": sourceStr,
"installed_at": installTime,
}
db.Model(&model).Updates(updates)
currentIds = append(currentIds, model.ID)
}
}
// 清理数据库中存在但实际 mise 已经卸载的记录
if len(currentIds) > 0 {
db.Where("id NOT IN ?", currentIds).Delete(&models.Language{})
} else {
// 如果本地一个都没有,清空表
db.Session(&gorm.Session{AllowGlobalUpdate: true}).Delete(&models.Language{})
}
}
+8 -4
View File
@@ -326,6 +326,7 @@ func (es *ExecutorService) ExecuteDispatcher(ctx context.Context, req *executor.
WorkDir: req.WorkDir,
Envs: req.Envs,
Timeout: req.Timeout,
UseMise: false, // 系统任务不使用 mise
}, stdout, stderr)
}
@@ -351,10 +352,13 @@ func (es *ExecutorService) ExecuteDispatcher(ctx context.Context, req *executor.
// 本地任务
hooks := &LocalTaskHooks{es: es, logID: req.LogID}
return executor.ExecuteWithHooks(ctx, executor.Request{
Command: req.Command,
WorkDir: req.WorkDir,
Envs: req.Envs,
Timeout: req.Timeout,
Command: req.Command,
WorkDir: req.WorkDir,
Envs: req.Envs,
Timeout: req.Timeout,
Language: task.Language,
LangVersion: task.LangVersion,
UseMise: true, // 本地业务任务启用 mise
}, stdout, stderr, hooks)
}
+6 -2
View File
@@ -11,7 +11,7 @@ func NewTaskService() *TaskService {
return &TaskService{}
}
func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, workDir, cleanConfig, envs, taskType, config string, agentID *uint) *models.Task {
func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, workDir, cleanConfig, envs, taskType, config string, agentID *uint, language, langVersion string) *models.Task {
if taskType == "" {
taskType = "task"
}
@@ -25,6 +25,8 @@ func (ts *TaskService) CreateTask(name, command, schedule string, timeout int, w
WorkDir: workDir,
CleanConfig: cleanConfig,
Envs: envs,
Language: language,
LangVersion: langVersion,
AgentID: agentID,
Enabled: true,
}
@@ -65,7 +67,7 @@ func (ts *TaskService) GetTaskByID(id int) *models.Task {
return &task
}
func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeout int, workDir, cleanConfig, envs string, enabled bool, taskType, config string, agentID *uint) *models.Task {
func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeout int, workDir, cleanConfig, envs string, enabled bool, taskType, config string, agentID *uint, language, langVersion string) *models.Task {
var task models.Task
if err := database.DB.First(&task, id).Error; err != nil {
return nil
@@ -79,6 +81,8 @@ func (ts *TaskService) UpdateTask(id int, name, command, schedule string, timeou
task.Envs = envs
task.Enabled = enabled
task.AgentID = agentID
task.Language = language
task.LangVersion = langVersion
if taskType != "" {
task.Type = taskType
}
+2 -2
View File
@@ -4,7 +4,7 @@
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"dev": "vite --host 0.0.0.0",
"build": "vue-tsc -b && vite build",
"preview": "vite preview"
},
@@ -44,4 +44,4 @@
"vite": "^7.2.4",
"vue-tsc": "^3.1.4"
}
}
}
+43 -10
View File
@@ -202,19 +202,34 @@ export const api = {
}
},
deps: {
list: (type?: string) => {
const query = type ? `?type=${type}` : ''
return request<Dependency[]>(`/deps${query}`)
list: (params?: { language?: string; lang_version?: string }) => {
const query = new URLSearchParams()
if (params?.language) query.set('language', params.language)
if (params?.lang_version) query.set('lang_version', params.lang_version)
return request<Dependency[]>(`/deps?${query}`)
},
create: (data: { name: string; version?: string; type: string; remark?: string }) =>
create: (data: { name: string; version?: string; language: string; lang_version?: string; remark?: string }) =>
request<Dependency>('/deps', { method: 'POST', body: JSON.stringify(data) }),
delete: (id: number) => request(`/deps/${id}`, { method: 'DELETE' }),
install: (data: { name: string; version?: string; type: string; remark?: string }) =>
request('/deps/install', { method: 'POST', body: JSON.stringify(data) }),
uninstall: (id: number) => request(`/deps/uninstall/${id}`, { method: 'POST' }),
install: (data: any) => request<any>('/deps/install', { method: 'POST', body: JSON.stringify(data) }),
getInstallCmd: (data: any) => request<{ command: string }>('/deps/install-cmd', { method: 'POST', body: JSON.stringify(data) }),
uninstall: (id: number) => request<any>(`/deps/uninstall/${id}`, { method: 'POST' }),
reinstall: (id: number) => request(`/deps/reinstall/${id}`, { method: 'POST' }),
reinstallAll: (type: string) => request(`/deps/reinstall-all?type=${type}`, { method: 'POST' }),
getInstalled: (type: string) => request<Dependency[]>(`/deps/installed?type=${type}`)
reinstallAll: (language: string, lang_version?: string) => {
const query = new URLSearchParams({ language })
if (lang_version) query.set('lang_version', lang_version)
return request(`/deps/reinstall-all?${query}`, { method: 'POST' })
},
getReinstallAllCmd: (language: string, lang_version?: string) => {
const query = new URLSearchParams({ language })
if (lang_version) query.set('lang_version', lang_version)
return request<{ command: string }>(`/deps/reinstall-all-cmd?${query}`, { method: 'POST' })
},
getInstalled: (language: string, lang_version?: string) => {
const query = new URLSearchParams({ language })
if (lang_version) query.set('lang_version', lang_version)
return request<Dependency[]>(`/deps/installed?${query}`)
}
},
agents: {
list: () => request<Agent[]>('/agents'),
@@ -229,6 +244,12 @@ export const api = {
createToken: (data: { remark?: string; max_uses?: number; expires_at?: string }) =>
request<AgentToken>('/agents/tokens', { method: 'POST', body: JSON.stringify(data) }),
deleteToken: (id: number) => request('/agents/tokens/' + id, { method: 'DELETE' })
},
mise: {
list: () => request<MiseLanguage[]>('/mise/ls'),
sync: () => request<void>('/mise/sync', { method: 'POST' }),
plugins: () => request<string[]>('/mise/plugins'),
versions: (plugin: string) => request<string[]>(`/mise/versions?plugin=${plugin}`)
}
}
@@ -250,6 +271,8 @@ export interface Task {
work_dir: string
clean_config: string
envs: string
language: string
lang_version: string
agent_id: number | null
enabled: boolean
last_run: string
@@ -410,7 +433,8 @@ export interface Dependency {
id: number
name: string
version: string
type: string
language: string
lang_version: string
remark: string
log: string
created_at: string
@@ -446,3 +470,12 @@ export interface AgentToken {
enabled: boolean
created_at: string
}
export interface MiseLanguage {
plugin: string
version: string
source: { type?: string; path?: string } | string
active: boolean
install_path?: string
installed_at?: string // 安装日期
}
+15 -4
View File
@@ -20,6 +20,8 @@ const props = withDefaults(
const emit = defineEmits<{
connected: []
disconnected: []
success: []
failed: []
}>()
const terminalRef = ref<HTMLDivElement | null>(null)
@@ -39,7 +41,7 @@ function initTerminal(forceConnect = false) {
terminal.dispose()
terminal = null
}
// 确保旧的 WebSocket 完全关闭
if (ws) {
if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {
@@ -47,7 +49,7 @@ function initTerminal(forceConnect = false) {
}
ws = null
}
inputBuffer = ''
isPtyMode = false
@@ -65,7 +67,7 @@ function initTerminal(forceConnect = false) {
fitAddon = new FitAddon()
terminal.loadAddon(fitAddon)
terminal.open(terminalRef.value)
// 延迟调用 fit,确保 DOM 已渲染
setTimeout(() => {
try {
@@ -74,7 +76,7 @@ function initTerminal(forceConnect = false) {
// 忽略 fit 错误
}
}, 50)
terminal.focus()
// autoConnect 或者强制连接时才连接
@@ -187,6 +189,15 @@ function connectWebSocket() {
return
}
terminal?.write(event.data)
// 检测安装结果标识
if (typeof event.data === 'string') {
if (event.data.includes('__INSTALL_SUCCESS__')) {
emit('success')
} else if (event.data.includes('__INSTALL_FAILED__')) {
emit('failed')
}
}
}
ws.onclose = () => {
+2 -2
View File
@@ -2,7 +2,7 @@
import { ref, onMounted, computed } from 'vue'
import { RouterLink, RouterView, useRoute } from 'vue-router'
import { resetAuthCache } from '@/router'
import { LayoutDashboard, ListTodo, FileCode, Settings, LogOut, ScrollText, Terminal, Variable, KeyRound, Package, Menu, X, Server } from 'lucide-vue-next'
import { LayoutDashboard, ListTodo, FileCode, Settings, LogOut, ScrollText, Terminal, Variable, KeyRound, Menu, X, Server, Globe } from 'lucide-vue-next'
import { Button } from '@/components/ui/button'
import ThemeToggle from '@/components/ThemeToggle.vue'
import { api } from '@/api'
@@ -58,7 +58,7 @@ const navItems = [
{ to: '/editor', icon: FileCode, label: '脚本编辑', exact: false },
{ to: '/history', icon: ScrollText, label: '执行历史', exact: true },
{ to: '/environments', icon: Variable, label: '环境变量', exact: true },
{ to: '/dependencies', icon: Package, label: '依赖管理', exact: true },
{ to: '/languages', icon: Globe, label: '语言依赖', exact: true },
{ to: '/terminal', icon: Terminal, label: '终端命令', exact: true },
{ to: '/loginlogs', icon: KeyRound, label: '登录日志', exact: true },
{ to: '/settings', icon: Settings, label: '系统设置', exact: true },
+2 -1
View File
@@ -42,6 +42,7 @@ const router = createRouter({
{ path: 'editor', name: 'editor', component: () => import('@/views/editor/Editor.vue') },
{ path: 'environments', name: 'environments', component: () => import('@/views/environments/Environments.vue') },
{ path: 'dependencies', name: 'dependencies', component: () => import('@/views/dependencies/Dependencies.vue') },
{ path: 'languages', name: 'languages', component: () => import('@/views/languages/Languages.vue') },
{ path: 'agents', name: 'agents', component: () => import('@/views/agents/Agents.vue') },
{ path: 'history', name: 'history', component: () => import('@/views/history/History.vue') },
{ path: 'loginlogs', name: 'loginlogs', component: () => import('@/views/loginlogs/LoginLogs.vue') },
@@ -57,7 +58,7 @@ router.beforeEach(async (to, _from, next) => {
// 首次访问或访问登录页时强制检查
const forceCheck = !authChecked || to.path === '/login'
const isAuthenticated = await getAuthStatus(forceCheck)
// 检查是否需要认证
if (to.matched.some(record => record.meta.requiresAuth)) {
if (isAuthenticated) {
+293 -186
View File
@@ -1,23 +1,29 @@
<script setup lang="ts">
import { ref, onMounted, computed } from 'vue'
import { ref, onMounted, computed, watch } from 'vue'
import { useRoute } from 'vue-router'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Badge } from '@/components/ui/badge'
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@/components/ui/dialog'
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription } from '@/components/ui/dialog'
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from '@/components/ui/alert-dialog'
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
import { Trash2, Package, Search, RefreshCw, Loader2, Download, FileText, RotateCw, AlertTriangle } from 'lucide-vue-next'
import { Trash2, Package, Search, RefreshCw, Loader2, Download, FileText, RotateCw, ChevronLeft, Terminal as TerminalIcon, X } from 'lucide-vue-next'
import { api, type Dependency } from '@/api'
import TextOverflow from '@/components/TextOverflow.vue'
import XTerminal from '@/components/XTerminal.vue'
import { toast } from 'vue-sonner'
const activeTab = ref('py')
const route = useRoute()
const language = computed(() => route.query.language as string || '')
const langVersion = computed(() => route.query.version as string || '')
const activeTab = ref('python')
const deps = ref<Dependency[]>([])
const loading = ref(false)
const installing = ref(false)
const reinstalling = ref<number | null>(null)
const reinstallingAll = ref(false)
const installedLangs = ref<string[]>([])
// 安装对话框
const showInstallDialog = ref(false)
@@ -34,11 +40,18 @@ const showLogDialog = ref(false)
const logContent = ref('')
const logPkgName = ref('')
// 终端状态
const showTerminalDialog = ref(false)
const terminalCommand = ref('')
const terminalTitle = ref('依赖安装')
const isInstallSuccess = ref(false)
const pendingInstall = ref<{ name: string; version?: string; language: string; lang_version?: string; remark?: string } | null>(null)
// 搜索
const searchQuery = ref('')
const filteredDeps = computed(() => {
const list = deps.value.filter(d => d.type === activeTab.value)
const list = deps.value.filter(d => d.language === activeTab.value)
if (!searchQuery.value) return list
const q = searchQuery.value.toLowerCase()
return list.filter(d => d.name.toLowerCase().includes(q))
@@ -47,7 +60,10 @@ const filteredDeps = computed(() => {
async function loadDeps() {
loading.value = true
try {
deps.value = await api.deps.list()
deps.value = await api.deps.list({
language: language.value || activeTab.value,
lang_version: langVersion.value
})
} catch {
toast.error('加载依赖列表失败')
} finally {
@@ -55,6 +71,23 @@ async function loadDeps() {
}
}
async function loadInstalledLangs() {
try {
const langs = await api.mise.list()
// 获取去重后的插件名,按字母排序
installedLangs.value = [...new Set(langs.map(l => l.plugin))].sort()
// 如果当前 activeTab 不在已安装列表中,且不是 system,则默认选中第一个
if (activeTab.value !== 'system' && !installedLangs.value.includes(activeTab.value)) {
if (installedLangs.value.length > 0) {
activeTab.value = installedLangs.value[0]!
}
}
} catch {
toast.error('获取已安装环境失败')
}
}
function openInstallDialog() {
newPkgName.value = ''
newPkgVersion.value = ''
@@ -67,24 +100,51 @@ async function installPackage() {
toast.error('请输入包名')
return
}
const pkgData = {
name: newPkgName.value.trim(),
version: newPkgVersion.value.trim() || undefined,
remark: newPkgRemark.value.trim() || undefined,
language: language.value || activeTab.value,
lang_version: langVersion.value || undefined
}
installing.value = true
isInstallSuccess.value = false // 重置状态
try {
await api.deps.install({
name: newPkgName.value.trim(),
version: newPkgVersion.value.trim() || undefined,
type: activeTab.value,
remark: newPkgRemark.value.trim() || undefined
})
toast.success('安装成功')
const { command } = await api.deps.getInstallCmd(pkgData)
terminalCommand.value = command
terminalTitle.value = `安装: ${pkgData.name}`
pendingInstall.value = pkgData
showInstallDialog.value = false
await loadDeps()
showTerminalDialog.value = true
} catch (e: unknown) {
toast.error((e as Error).message || '安装失败')
toast.error((e as Error).message || '获取安装命令失败')
} finally {
installing.value = false
}
}
async function handleTerminalClose() {
if (pendingInstall.value && isInstallSuccess.value) {
try {
// 终端关闭后,仅在成功时尝试在数据库中记录
await api.deps.create(pendingInstall.value)
toast.success('依赖记录已更新')
} catch (e: any) {
if (e.message !== '依赖已存在') {
toast.error('记录依赖失败: ' + e.message)
}
}
} else if (pendingInstall.value && !isInstallSuccess.value) {
toast.error('安装未成功,记录未保存')
}
pendingInstall.value = null
isInstallSuccess.value = false
loadDeps()
}
function confirmDelete(dep: Dependency) {
depToDelete.value = dep
showDeleteDialog.value = true
@@ -113,11 +173,18 @@ function showLog(dep: Dependency) {
async function reinstallPackage(dep: Dependency) {
reinstalling.value = dep.id
try {
await api.deps.reinstall(dep.id)
toast.success(`${dep.name} 重新安装成功`)
await loadDeps()
const { command } = await api.deps.getInstallCmd({
name: dep.name,
version: dep.version,
language: dep.language,
lang_version: dep.lang_version
})
terminalCommand.value = command
terminalTitle.value = `重装: ${dep.name}`
pendingInstall.value = null // 重新安装不需要再次记录
showTerminalDialog.value = true
} catch (e: unknown) {
toast.error((e as Error).message || '重新安装失败')
toast.error((e as Error).message || '获取命令失败')
} finally {
reinstalling.value = null
}
@@ -126,200 +193,240 @@ async function reinstallPackage(dep: Dependency) {
async function reinstallAll() {
reinstallingAll.value = true
try {
await api.deps.reinstallAll(activeTab.value)
toast.success('全部重新安装成功')
await loadDeps()
const lang = language.value || activeTab.value
const ver = langVersion.value
const { command } = await api.deps.getReinstallAllCmd(lang, ver)
terminalCommand.value = command
terminalTitle.value = `全部重装: ${getTypeLabel(lang)}`
pendingInstall.value = null // 全部重装不需要记录新条目
showTerminalDialog.value = true
} catch (e: unknown) {
toast.error((e as Error).message || '重新安装失败')
toast.error((e as Error).message || '获取命令失败')
} finally {
reinstallingAll.value = false
}
}
function getTypeLabel(type: string) {
return type === 'py' ? 'Python' : 'Node.js'
const labels: Record<string, string> = {
python: 'Python',
node: 'Node.js',
ruby: 'Ruby',
go: 'Go',
rust: 'Rust',
bun: 'Bun',
php: 'PHP',
deno: 'Deno',
dotnet: '.NET',
elixir: 'Elixir',
erlang: 'Erlang',
lua: 'Lua',
nim: 'Nim',
dart: 'Dart',
flutter: 'Flutter',
perl: 'Perl',
crystal: 'Crystal'
}
return labels[type] || type.charAt(0).toUpperCase() + type.slice(1)
}
onMounted(loadDeps)
watch(activeTab, loadDeps)
// 如果 URL 中带了环境参数,自动切 Tab
onMounted(async () => {
await loadInstalledLangs()
if (language.value) activeTab.value = language.value
loadDeps()
})
</script>
<template>
<div class="space-y-4">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div>
<h2 class="text-xl sm:text-2xl font-bold tracking-tight">依赖管理</h2>
<p class="text-muted-foreground text-sm">管理 Python Node.js 依赖包</p>
<div class="flex items-center gap-3">
<Button v-if="language" variant="ghost" size="icon" @click="$router.back()" class="h-8 w-8">
<ChevronLeft class="h-5 w-5" />
</Button>
<div>
<h2 class="text-xl sm:text-2xl font-bold tracking-tight">依赖管理</h2>
<p class="text-muted-foreground text-sm">管理 Python Node.js 依赖包</p>
</div>
</div>
</div>
<Tabs v-model="activeTab">
<TabsList>
<TabsTrigger value="py">Python</TabsTrigger>
<TabsTrigger value="node">Node.js</TabsTrigger>
<TabsTrigger value="system">System</TabsTrigger>
</TabsList>
<!-- 当前环境信息 -->
<div v-if="language && langVersion"
class="bg-primary/10 border border-primary/20 rounded-lg p-3 flex items-center justify-between">
<div class="flex items-center gap-2">
<Package class="h-4 w-4 text-primary" />
<span class="text-sm">正在管理环境: <span class="font-bold font-mono">{{ language }}@{{ langVersion }}</span></span>
</div>
<Badge variant="outline" class="font-mono text-xs">Scoped Environment</Badge>
</div>
<!-- 系统依赖提示 -->
<TabsContent value="system" class="mt-4">
<div class="rounded-lg border bg-card p-4 sm:p-6">
<div class="flex items-center gap-3 mb-3">
<AlertTriangle class="h-5 w-5 text-amber-500 shrink-0" />
<h3 class="font-medium">系统依赖 (System Dependencies)</h3>
<div class="mt-4">
<div class="rounded-lg border bg-card overflow-x-auto">
<!-- 工具栏 -->
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 px-4 py-3 border-b bg-muted/30">
<div class="flex items-center gap-2">
<Badge variant="secondary">{{ filteredDeps.length }} 个包</Badge>
</div>
<div class="space-y-3 text-sm text-muted-foreground">
<p>
系统依赖需要通过终端使用包管理器安装
</p>
<ul class="list-disc list-inside space-y-1 ml-1">
<li>Debian/Ubuntu: 使用 <code class="bg-muted px-1.5 py-0.5 rounded text-xs">apt-get install</code></li>
<li>Alpine: 使用 <code class="bg-muted px-1.5 py-0.5 rounded text-xs">apk add</code></li>
</ul>
<p>
注意Docker 容器重新创建后手动安装的系统依赖会丢失如需持久化请在 Dockerfile 中添加依赖或使用自定义镜像
</p>
<div class="bg-muted px-3 py-2 rounded text-xs font-mono">
<div class="text-muted-foreground"># Debian / Ubuntu</div>
<div class="mb-3">apt-get update && apt-get install -y &lt;package-name&gt;</div>
<div class="text-muted-foreground"># Alpine</div>
<div>apk add &lt;package-name&gt;</div>
<div class="flex items-center gap-2">
<div class="relative flex-1 sm:flex-none">
<Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input v-model="searchQuery" placeholder="搜索包名..." class="h-9 pl-8 w-full sm:w-48 text-sm" />
</div>
<Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadDeps" :disabled="loading">
<RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
</Button>
<Button variant="outline" size="sm" class="h-9 shrink-0" @click="reinstallAll"
:disabled="reinstallingAll || filteredDeps.length === 0">
<RotateCw class="h-4 w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
class="hidden sm:inline">全部重装</span>
</Button>
<Button size="sm" class="h-9 shrink-0" @click="openInstallDialog">
<Download class="h-4 w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装</span>
</Button>
</div>
</div>
</TabsContent>
<TabsContent :value="activeTab" v-if="activeTab !== 'system'" class="mt-4">
<div class="rounded-lg border bg-card overflow-x-auto">
<!-- 工具栏 -->
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 px-4 py-3 border-b bg-muted/30">
<div class="flex items-center gap-2">
<Badge variant="secondary">{{ filteredDeps.length }} 个包</Badge>
<!-- 表头 -->
<div
class="flex items-center gap-4 px-4 py-2 border-b bg-muted/50 text-sm text-muted-foreground font-medium min-w-[400px]">
<span class="flex-1">包名</span>
<span class="w-32">版本</span>
<span class="w-48 hidden md:block">备注</span>
<span class="w-24 text-center">操作</span>
</div>
<!-- 列表 -->
<div class="divide-y max-h-[480px] overflow-y-auto min-w-[400px]">
<div v-if="loading" class="text-center py-8 text-muted-foreground">
<Loader2 class="h-5 w-5 animate-spin mx-auto mb-2" />
加载中...
</div>
<div v-else-if="filteredDeps.length === 0" class="text-center py-8 text-muted-foreground">
<Package class="h-8 w-8 mx-auto mb-2 opacity-50" />
{{ searchQuery ? '无匹配结果' : '暂无依赖包' }}
</div>
<div v-else v-for="dep in filteredDeps" :key="dep.id"
class="flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors">
<span class="flex-1 font-mono text-sm truncate">
<TextOverflow :text="dep.name" title="包名" />
</span>
<span class="w-32 text-sm text-muted-foreground">{{ dep.version || '-' }}</span>
<span class="w-48 text-sm text-muted-foreground truncate hidden md:block">
<TextOverflow :text="dep.remark || '-'" title="备注" />
</span>
<span class="w-24 flex justify-center gap-1">
<Button v-if="dep.log" variant="ghost" size="icon" class="h-7 w-7" @click="showLog(dep)">
<FileText class="h-4 w-4" />
</Button>
<Button variant="ghost" size="icon" class="h-7 w-7" @click="reinstallPackage(dep)"
:disabled="reinstalling === dep.id">
<RotateCw class="h-4 w-4" :class="{ 'animate-spin': reinstalling === dep.id }" />
</Button>
<Button variant="ghost" size="icon" class="h-7 w-7 text-destructive" @click="confirmDelete(dep)">
<Trash2 class="h-4 w-4" />
</Button>
</span>
</div>
</div>
</div>
<!-- 安装对话框 -->
<Dialog v-model:open="showInstallDialog">
<DialogContent class="sm:max-w-[400px]" @openAutoFocus.prevent>
<DialogHeader>
<DialogTitle>安装 {{ getTypeLabel(activeTab) }} </DialogTitle>
<DialogDescription class="sr-only">输入包名和版本号进行安装</DialogDescription>
</DialogHeader>
<div class="grid gap-4 py-4">
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">包名</Label>
<Input v-model="newPkgName"
:placeholder="activeTab === 'python' ? 'requests' : (activeTab === 'node' ? 'lodash' : 'package-name')"
class="col-span-3" />
</div>
<div class="flex items-center gap-2">
<div class="relative flex-1 sm:flex-none">
<Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input v-model="searchQuery" placeholder="搜索包名..." class="h-9 pl-8 w-full sm:w-48 text-sm" />
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">版本</Label>
<Input v-model="newPkgVersion" placeholder="可选,如 1.0.0" class="col-span-3" />
</div>
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">备注</Label>
<Input v-model="newPkgRemark" placeholder="可选" class="col-span-3" />
</div>
</div>
<DialogFooter>
<Button variant="outline" @click="showInstallDialog = false">取消</Button>
<Button @click="installPackage" :disabled="installing">
<Loader2 v-if="installing" class="h-4 w-4 mr-2 animate-spin" />
安装
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<!-- 卸载确认 -->
<AlertDialog v-model:open="showDeleteDialog">
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>确认卸载</AlertDialogTitle>
<AlertDialogDescription>
确定要卸载 "{{ depToDelete?.name }}"
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>取消</AlertDialogCancel>
<AlertDialogAction class="bg-destructive text-white hover:bg-destructive/90" @click="uninstallPackage">
卸载
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
<!-- 日志对话框 -->
<Dialog v-model:open="showLogDialog">
<DialogContent class="sm:max-w-[600px]" @openAutoFocus.prevent>
<DialogHeader>
<DialogTitle>安装日志 - {{ logPkgName }}</DialogTitle>
<DialogDescription class="sr-only">查看依赖包的详细安装输出日志</DialogDescription>
</DialogHeader>
<div class="max-h-[400px] overflow-y-auto">
<pre class="text-xs bg-muted p-3 rounded-lg whitespace-pre-wrap break-all font-mono">{{ logContent }}</pre>
</div>
<DialogFooter>
<Button variant="outline" @click="showLogDialog = false">关闭</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<!-- 终端对话框 -->
<Dialog v-model:open="showTerminalDialog" @update:open="(val) => !val && handleTerminalClose()">
<DialogContent class="max-w-4xl h-[600px] p-0 overflow-hidden bg-[#1e1e1e] border-none shadow-2xl">
<DialogHeader class="sr-only">
<DialogTitle>{{ terminalTitle }}</DialogTitle>
<DialogDescription>正在执行依赖安装指令</DialogDescription>
</DialogHeader>
<div class="flex flex-col h-full">
<div class="flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-[#3c3c3c]">
<div class="flex items-center gap-2">
<TerminalIcon class="h-4 w-4 text-primary" />
<span class="text-xs font-medium text-gray-300">正在执行: {{ terminalCommand }}</span>
</div>
<Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadDeps" :disabled="loading">
<RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
</Button>
<Button variant="outline" size="sm" class="h-9 shrink-0" @click="reinstallAll"
:disabled="reinstallingAll || filteredDeps.length === 0">
<RotateCw class="h-4 w-4 sm:mr-1.5" :class="{ 'animate-spin': reinstallingAll }" /> <span
class="hidden sm:inline">全部重装</span>
</Button>
<Button size="sm" class="h-9 shrink-0" @click="openInstallDialog">
<Download class="h-4 w-4 sm:mr-1.5" /> <span class="hidden sm:inline">安装</span>
<Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white"
@click="showTerminalDialog = false">
<X class="h-4 w-4" />
</Button>
</div>
</div>
<!-- 表头 -->
<div
class="flex items-center gap-4 px-4 py-2 border-b bg-muted/50 text-sm text-muted-foreground font-medium min-w-[400px]">
<span class="flex-1">包名</span>
<span class="w-32">版本</span>
<span class="w-48 hidden md:block">备注</span>
<span class="w-24 text-center">操作</span>
</div>
<!-- 列表 -->
<div class="divide-y max-h-[480px] overflow-y-auto min-w-[400px]">
<div v-if="loading" class="text-center py-8 text-muted-foreground">
<Loader2 class="h-5 w-5 animate-spin mx-auto mb-2" />
加载中...
</div>
<div v-else-if="filteredDeps.length === 0" class="text-center py-8 text-muted-foreground">
<Package class="h-8 w-8 mx-auto mb-2 opacity-50" />
{{ searchQuery ? '无匹配结果' : '暂无依赖包' }}
</div>
<div v-else v-for="dep in filteredDeps" :key="dep.id"
class="flex items-center gap-4 px-4 py-2 hover:bg-muted/50 transition-colors">
<span class="flex-1 font-mono text-sm truncate">
<TextOverflow :text="dep.name" title="包名" />
</span>
<span class="w-32 text-sm text-muted-foreground">{{ dep.version || '-' }}</span>
<span class="w-48 text-sm text-muted-foreground truncate hidden md:block">
<TextOverflow :text="dep.remark || '-'" title="备注" />
</span>
<span class="w-24 flex justify-center gap-1">
<Button v-if="dep.log" variant="ghost" size="icon" class="h-7 w-7" @click="showLog(dep)">
<FileText class="h-4 w-4" />
</Button>
<Button variant="ghost" size="icon" class="h-7 w-7" @click="reinstallPackage(dep)"
:disabled="reinstalling === dep.id">
<RotateCw class="h-4 w-4" :class="{ 'animate-spin': reinstalling === dep.id }" />
</Button>
<Button variant="ghost" size="icon" class="h-7 w-7 text-destructive" @click="confirmDelete(dep)">
<Trash2 class="h-4 w-4" />
</Button>
</span>
<div class="flex-1">
<XTerminal v-if="showTerminalDialog" :font-size="13" :initial-command="terminalCommand"
@success="isInstallSuccess = true" @failed="isInstallSuccess = false" />
</div>
</div>
</div>
</TabsContent>
</Tabs>
<!-- 安装对话框 -->
<Dialog v-model:open="showInstallDialog">
<DialogContent class="sm:max-w-[400px]" @openAutoFocus.prevent>
<DialogHeader>
<DialogTitle>安装 {{ getTypeLabel(activeTab) }} </DialogTitle>
</DialogHeader>
<div class="grid gap-4 py-4">
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">包名</Label>
<Input v-model="newPkgName" :placeholder="activeTab === 'py' ? 'requests' : 'lodash'" class="col-span-3" />
</div>
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">版本</Label>
<Input v-model="newPkgVersion" placeholder="可选,如 1.0.0" class="col-span-3" />
</div>
<div class="grid grid-cols-4 items-center gap-4">
<Label class="text-right">备注</Label>
<Input v-model="newPkgRemark" placeholder="可选" class="col-span-3" />
</div>
</div>
<DialogFooter>
<Button variant="outline" @click="showInstallDialog = false">取消</Button>
<Button @click="installPackage" :disabled="installing">
<Loader2 v-if="installing" class="h-4 w-4 mr-2 animate-spin" />
安装
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<!-- 卸载确认 -->
<AlertDialog v-model:open="showDeleteDialog">
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>确认卸载</AlertDialogTitle>
<AlertDialogDescription>
确定要卸载 "{{ depToDelete?.name }}"
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>取消</AlertDialogCancel>
<AlertDialogAction class="bg-destructive text-white hover:bg-destructive/90" @click="uninstallPackage">
卸载
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
<!-- 日志对话框 -->
<Dialog v-model:open="showLogDialog">
<DialogContent class="sm:max-w-[600px]" @openAutoFocus.prevent>
<DialogHeader>
<DialogTitle>安装日志 - {{ logPkgName }}</DialogTitle>
</DialogHeader>
<div class="max-h-[400px] overflow-y-auto">
<pre class="text-xs bg-muted p-3 rounded-lg whitespace-pre-wrap break-all font-mono">{{ logContent }}</pre>
</div>
<DialogFooter>
<Button variant="outline" @click="showLogDialog = false">关闭</Button>
</DialogFooter>
</DialogContent>
</Dialog>
</DialogContent>
</Dialog>
</div>
</div>
</template>
+484
View File
@@ -0,0 +1,484 @@
<script setup lang="ts">
import { ref, onMounted, computed, watch } from 'vue'
import { Button } from '@/components/ui/button'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Badge } from '@/components/ui/badge'
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@/components/ui/dialog'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
import { ScrollArea } from '@/components/ui/scroll-area'
import {
Plus, Globe, Search, RefreshCw, Loader2, Trash2,
Terminal as TerminalIcon, X, AlertCircle,
Check, ChevronsUpDown
} from 'lucide-vue-next'
import { api, type MiseLanguage } from '@/api'
import { toast } from 'vue-sonner'
import XTerminal from '@/components/XTerminal.vue'
import { cn } from '@/lib/utils'
const SUPPORTED_DEPS_LANGS = [
'python', 'node', 'ruby', 'go', 'rust', 'bun', 'php',
'deno', 'dotnet', 'elixir', 'erlang', 'lua', 'nim',
'dart', 'flutter', 'perl', 'crystal'
]
interface DisplayLanguage extends Omit<MiseLanguage, 'source'> {
source: string
}
const languages = ref<DisplayLanguage[]>([])
const loading = ref(false)
const searchQuery = ref('')
const errorMsg = ref('')
const syncing = ref(false)
const showSyncConfirm = ref(false)
const showInstallDialog = ref(false)
const newLangPlugin = ref('')
const newLangVersion = ref('')
// 下拉列表相关
const availablePlugins = ref<string[]>([])
const loadingPlugins = ref(false)
const pluginSearch = ref('')
const openPluginPopover = ref(false)
const availableVersions = ref<string[]>([])
const loadingVersions = ref(false)
const versionSearch = ref('')
const openVersionPopover = ref(false)
const filteredPlugins = computed(() => {
if (!pluginSearch.value) return availablePlugins.value
const s = pluginSearch.value.toLowerCase()
return availablePlugins.value.filter(p => p.toLowerCase().includes(s))
})
const filteredVersions = computed(() => {
const list = availableVersions.value
if (!versionSearch.value) return list
const s = versionSearch.value.toLowerCase()
return list.filter(v => v.toLowerCase().includes(s))
})
const showTerminalDialog = ref(false)
const terminalCommand = ref('')
const filteredLanguages = computed(() => {
if (!searchQuery.value) return languages.value
const q = searchQuery.value.toLowerCase()
return languages.value.filter(l => l.plugin.toLowerCase().includes(q) || l.version.toLowerCase().includes(q))
})
async function loadLanguages() {
loading.value = true
errorMsg.value = ''
try {
const data = await api.mise.list()
if (!data || !Array.isArray(data)) {
languages.value = []
return
}
languages.value = data.map(item => ({
...item,
source: typeof item.source === 'object' ? (item.source.path || item.source.type || '-') : (item.source || '-')
}))
} catch (e) {
toast.error('获取语言列表失败')
errorMsg.value = String(e)
} finally {
loading.value = false
}
}
async function handleSync() {
syncing.value = true
try {
await api.mise.sync()
toast.success('本地环境同步成功')
await loadLanguages()
} catch (e) {
toast.error('同步失败: ' + e)
} finally {
syncing.value = false
showSyncConfirm.value = false
}
}
async function fetchPlugins() {
if (availablePlugins.value.length > 0) return
loadingPlugins.value = true
try {
availablePlugins.value = await api.mise.plugins()
} catch (e) {
console.error('Fetch plugins failed', e)
} finally {
loadingPlugins.value = false
}
}
async function fetchVersions(plugin: string) {
if (!plugin) return
loadingVersions.value = true
availableVersions.value = []
try {
availableVersions.value = await api.mise.versions(plugin)
} catch (e) {
console.error('Fetch versions failed', e)
} finally {
loadingVersions.value = false
// 如果当前版本为空且已经有列表,默认选择第一个(通常是最新版本)
if (!newLangVersion.value && availableVersions.value.length > 0) {
newLangVersion.value = availableVersions.value[0] || ''
}
}
}
watch(newLangPlugin, (newVal) => {
if (newVal) {
fetchVersions(newVal)
} else {
availableVersions.value = []
}
newLangVersion.value = ''
})
function openInstallDialog() {
newLangPlugin.value = ''
newLangVersion.value = ''
showInstallDialog.value = true
fetchPlugins()
}
function startInstall() {
if (!newLangPlugin.value.trim()) {
toast.error('请输入或选择语言名称')
return
}
if (!newLangVersion.value.trim()) {
toast.error('请选择版本')
return
}
const version = newLangVersion.value.trim()
const cmd = `mise install ${newLangPlugin.value.trim()}@${version}`
showInstallDialog.value = false
runInTerminal(cmd)
}
function runInTerminal(command: string) {
terminalCommand.value = command
showTerminalDialog.value = true
}
function confirmDelete(lang: MiseLanguage) {
const cmd = `mise uninstall ${lang.plugin}@${lang.version}`
runInTerminal(cmd)
}
function getLangIcon(plugin: string) {
const name = plugin.toLowerCase().trim()
const mapping: Record<string, string> = {
'python': 'python/python-original.svg',
'node': 'nodejs/nodejs-original.svg',
'nodejs': 'nodejs/nodejs-original.svg',
'go': 'go/go-original.svg',
'rust': 'rust/rust-original.svg',
'ruby': 'ruby/ruby-plain.svg',
'php': 'php/php-plain.svg',
'java': 'java/java-plain.svg',
'deno': 'deno/deno-plain.svg',
'bun': 'bun/bun-plain.svg',
'zig': 'zig/zig-original.svg',
'dotnet': 'dot-net/dot-net-original.svg',
'.net': 'dot-net/dot-net-original.svg',
'elixir': 'elixir/elixir-original.svg',
'erlang': 'erlang/erlang-original.svg',
'crystal': 'crystal/crystal-original.svg',
'lua': 'lua/lua-original.svg',
'julia': 'julia/julia-original.svg',
'nim': 'nim/nim-original.svg',
'perl': 'perl/perl-original.svg',
'scala': 'scala/scala-original.svg',
'kotlin': 'kotlin/kotlin-original.svg',
'clojure': 'clojure/clojure-line.svg',
'dart': 'dart/dart-original.svg',
'flutter': 'flutter/flutter-original.svg',
'terraform': 'terraform/terraform-original.svg',
'docker': 'docker/docker-original.svg',
'kubernetes': 'kubernetes/kubernetes-plain.svg',
'ansible': 'ansible/ansible-original.svg',
}
if (mapping[name]) {
return `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${mapping[name]}`
}
return ''
}
onMounted(loadLanguages)
</script>
<template>
<div class="space-y-4">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div>
<h2 class="text-xl sm:text-2xl font-bold tracking-tight">语言依赖</h2>
<p class="text-muted-foreground text-sm">管理系统环境中的编程语言运行时及相关包依赖 (Mise)</p>
</div>
<Button @click="openInstallDialog">
<Plus class="h-4 w-4 mr-2" /> 新增语言
</Button>
</div>
<div v-if="errorMsg"
class="bg-destructive/10 border border-destructive/20 rounded-lg p-4 flex items-center gap-3 text-destructive">
<AlertCircle class="h-5 w-5 shrink-0" />
<p class="text-sm font-medium">{{ errorMsg }}</p>
</div>
<!-- 列表部分 -->
<div class="rounded-lg border bg-card overflow-hidden">
<div class="flex flex-col sm:flex-row sm:items-center justify-between px-4 py-3 border-b bg-muted/30 gap-3">
<div class="relative w-full sm:w-64">
<Search class="absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
<Input v-model="searchQuery" placeholder="搜索语言或版本..." class="h-9 pl-8 text-sm" />
</div>
<div class="flex items-center gap-2 w-full sm:w-auto justify-end">
<Button variant="outline" class="h-9 px-3 text-sm flex-1 sm:flex-none"
@click="showSyncConfirm = true" :disabled="syncing || loading">
<RefreshCw class="h-4 w-4 sm:mr-2" :class="{ 'animate-spin': syncing }" />
<span class="hidden sm:inline">更新本地环境</span>
<span class="sm:hidden">同步</span>
</Button>
<Button variant="outline" size="icon" class="h-9 w-9 shrink-0" @click="loadLanguages"
:disabled="loading">
<RefreshCw class="h-4 w-4" :class="{ 'animate-spin': loading }" />
</Button>
</div>
</div>
<div class="divide-y max-h-[600px] overflow-y-auto min-h-[200px]">
<div v-if="loading && languages.length === 0" class="text-center py-12 text-muted-foreground">
<Loader2 class="h-8 w-8 animate-spin mx-auto mb-2 opacity-20" />
正在扫描运行环境...
</div>
<div v-else-if="filteredLanguages.length === 0 && !loading"
class="text-center py-12 text-muted-foreground">
<Globe class="h-12 w-12 mx-auto mb-2 opacity-10" />
{{ searchQuery ? '未找到匹配的语言' : '未发现已安装的语言' }}
</div>
<div v-else v-for="lang in filteredLanguages" :key="lang.plugin + lang.version"
class="flex flex-col sm:flex-row sm:items-center justify-between px-4 py-4 hover:bg-muted/50 transition-colors gap-4">
<div class="flex items-center gap-4 min-w-0">
<div
class="h-9 w-9 sm:h-10 sm:w-10 rounded-full bg-primary/10 flex items-center justify-center font-bold text-primary uppercase overflow-hidden shrink-0">
<template v-if="getLangIcon(lang.plugin)">
<div class="w-full h-full bg-white/80 p-2 flex items-center justify-center">
<img :src="getLangIcon(lang.plugin)" :alt="lang.plugin"
class="w-full h-full object-contain" />
</div>
</template>
<template v-else>
{{ lang.plugin.length > 2 ? lang.plugin.substring(0, 2) : lang.plugin }}
</template>
</div>
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span class="font-bold capitalize truncate">{{ lang.plugin }}</span>
<Badge variant="outline" class="font-mono whitespace-nowrap">{{ lang.version }}</Badge>
</div>
<div class="text-xs text-muted-foreground mt-1 space-y-0.5">
<div class="font-mono opacity-60 truncate" :title="lang.source">来源: {{ lang.source }}
</div>
<div v-if="lang.installed_at" class="opacity-50">
添加日期: {{ lang.installed_at }}
</div>
</div>
</div>
</div>
<div
class="flex items-center gap-2 sm:ml-auto w-full sm:w-auto overflow-x-auto pb-1 sm:pb-0 hide-scrollbar">
<Button v-if="SUPPORTED_DEPS_LANGS.includes(lang.plugin)" variant="outline" size="sm"
class="whitespace-nowrap flex-1 sm:flex-none"
@click="$router.push(`/dependencies?language=${lang.plugin}&version=${lang.version}`)">
依赖管理
</Button>
<Badge v-else variant="secondary"
class="h-8 opacity-60 flex-1 sm:flex-none justify-center whitespace-nowrap">
不支持管理
</Badge>
<Button variant="outline" size="sm" class="whitespace-nowrap flex-1 sm:flex-none"
@click="runInTerminal(`mise exec ${lang.plugin}@${lang.version} -- env`)">
环境验证
</Button>
<Button variant="ghost" size="icon" class="text-destructive h-8 w-8 shrink-0 ml-auto sm:ml-0"
@click="confirmDelete(lang)" title="卸载">
<Trash2 class="h-4 w-4" />
</Button>
</div>
</div>
</div>
</div>
<!-- 安装对话框 (带搜索下拉) -->
<Dialog v-model:open="showInstallDialog">
<DialogContent class="sm:max-w-[400px]">
<DialogHeader>
<DialogTitle>管理语言运行时</DialogTitle>
<DialogDescription>配置并安装新的编程语言环境</DialogDescription>
</DialogHeader>
<div class="grid gap-6 py-4">
<!-- 语言选择 -->
<div class="grid gap-2">
<Label>语言名称 (Mise Plugin)</Label>
<Popover v-model:open="openPluginPopover">
<PopoverTrigger asChild>
<Button variant="outline" role="combobox" :aria-expanded="openPluginPopover"
class="justify-between w-full font-normal">
{{ newLangPlugin || "选择或输入语言..." }}
<ChevronsUpDown class="ml-2 h-4 w-4 shrink-0 opacity-50" />
</Button>
</PopoverTrigger>
<PopoverContent class="p-0 w-[var(--reka-popover-trigger-width)]" align="start">
<div class="p-2 border-b">
<div class="relative">
<Search
class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="pluginSearch" placeholder="搜索插件..." class="h-8 pl-8 text-xs"
@keydown.enter="() => { if (pluginSearch) { newLangPlugin = pluginSearch; openPluginPopover = false } }" />
</div>
</div>
<ScrollArea class="h-64">
<div class="p-1">
<div v-if="loadingPlugins" class="flex items-center justify-center py-6">
<Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
</div>
<div v-else-if="filteredPlugins.length === 0"
class="py-6 text-center text-xs text-muted-foreground">
未找到匹配插件
</div>
<button v-else v-for="p in filteredPlugins" :key="p"
@click="() => { newLangPlugin = p; openPluginPopover = false }"
class="w-full flex items-center px-2 py-1.5 text-sm rounded-sm hover:bg-muted text-left transition-colors group">
<div
class="mr-2 h-4 w-4 shrink-0 flex items-center justify-center relative">
<div v-if="getLangIcon(p)"
class="w-full h-full rounded-sm bg-white/80 overflow-hidden p-0.5">
<img :src="getLangIcon(p)" class="w-full h-full object-contain" />
</div>
<div v-else
class="w-full h-full flex items-center justify-center bg-primary/10 rounded-sm text-[8px] font-bold uppercase">
{{ p.substring(0, 2) }}
</div>
<Check v-if="newLangPlugin === p"
class="absolute -right-2 -top-1 h-3 w-3 text-primary bg-background rounded-full border shadow-sm" />
</div>
<span :class="{ 'font-bold text-primary': newLangPlugin === p }">{{ p
}}</span>
</button>
</div>
</ScrollArea>
</PopoverContent>
</Popover>
</div>
<!-- 版本选择 -->
<div class="grid gap-2">
<Label>版本</Label>
<Popover v-model:open="openVersionPopover">
<PopoverTrigger asChild :disabled="!newLangPlugin">
<Button variant="outline" role="combobox" :aria-expanded="openVersionPopover"
class="justify-between w-full font-normal" :disabled="!newLangPlugin">
{{ newLangVersion || "选择或输入版本..." }}
<div class="flex items-center">
<Loader2 v-if="loadingVersions" class="mr-2 h-3 w-3 animate-spin opacity-50" />
<ChevronsUpDown class="h-4 w-4 shrink-0 opacity-50" />
</div>
</Button>
</PopoverTrigger>
<PopoverContent class="p-0 w-[var(--reka-popover-trigger-width)]" align="start">
<div class="p-2 border-b">
<div class="relative">
<Search
class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="versionSearch" placeholder="搜索版本..." class="h-8 pl-8 text-xs"
@keydown.enter="() => { if (versionSearch) { newLangVersion = versionSearch; openVersionPopover = false } }" />
</div>
</div>
<ScrollArea class="h-64">
<div class="p-1">
<div v-if="loadingVersions" class="flex items-center justify-center py-6">
<Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
</div>
<div v-else-if="filteredVersions.length === 0"
class="py-6 text-center text-xs text-muted-foreground">
未找到匹配版本
</div>
<button v-else v-for="v in filteredVersions" :key="v"
@click="() => { newLangVersion = v; openVersionPopover = false }"
class="w-full flex items-center px-2 py-1.5 text-sm rounded-sm hover:bg-muted text-left transition-colors">
<Check
:class="cn('mr-2 h-3.5 w-3.5', newLangVersion === v ? 'opacity-100' : 'opacity-0')" />
{{ v }}
</button>
</div>
</ScrollArea>
</PopoverContent>
</Popover>
</div>
</div>
<DialogFooter>
<Button variant="outline" @click="showInstallDialog = false">取消</Button>
<Button @click="startInstall">开始安装</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<!-- 终端对话框 -->
<Dialog v-model:open="showTerminalDialog" @update:open="(val) => !val && loadLanguages()">
<DialogContent class="max-w-4xl h-[600px] p-0 overflow-hidden bg-[#1e1e1e] border-none shadow-2xl">
<DialogHeader class="sr-only">
<DialogTitle>终端执行</DialogTitle>
<DialogDescription>正在执行 mise 相关指令</DialogDescription>
</DialogHeader>
<div class="flex flex-col h-full">
<div class="flex items-center justify-between px-4 py-2 bg-[#252526] border-b border-[#3c3c3c]">
<div class="flex items-center gap-2">
<TerminalIcon class="h-4 w-4 text-primary" />
<span class="text-xs font-medium text-gray-300">正在安装 / 执行: {{ terminalCommand }}</span>
</div>
<Button variant="ghost" size="icon" class="h-6 w-6 text-gray-400 hover:text-white"
@click="showTerminalDialog = false">
<X class="h-4 w-4" />
</Button>
</div>
<div class="flex-1">
<XTerminal v-if="showTerminalDialog" :font-size="13" :initial-command="terminalCommand" />
</div>
</div>
</DialogContent>
</Dialog>
<!-- 同步确认对话框 -->
<Dialog v-model:open="showSyncConfirm">
<DialogContent class="sm:max-w-[400px]">
<DialogHeader>
<DialogTitle>同步本地环境</DialogTitle>
<DialogDescription>
将实时扫描系统中已安装的所有 Mise 运行时并更新到数据库表中
<p class="mt-2 text-destructive font-medium italic text-xs">注意这可能会覆盖或更新表中的记录</p>
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button variant="outline" @click="showSyncConfirm = false" :disabled="syncing">取消</Button>
<Button @click="handleSync" :disabled="syncing">
<Loader2 v-if="syncing" class="mr-2 h-4 w-4 animate-spin" />
立即同步
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
</div>
</template>
+223 -13
View File
@@ -7,9 +7,11 @@ import { Label } from '@/components/ui/label'
import { Switch } from '@/components/ui/switch'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
import { ScrollArea } from '@/components/ui/scroll-area'
import DirTreeSelect from '@/components/DirTreeSelect.vue'
import { Plus, ChevronDown, X } from 'lucide-vue-next'
import { api, type Task, type EnvVar, type Agent } from '@/api'
import { Plus, ChevronDown, X, Search, Check, ChevronsUpDown, Loader2, AlertCircle } from 'lucide-vue-next'
import { cn } from '@/lib/utils'
import { api, type Task, type EnvVar, type Agent, type MiseLanguage } from '@/api'
import { toast } from 'vue-sonner'
const props = defineProps<{
@@ -84,6 +86,100 @@ const onlineAgents = computed(() => {
return allAgents.value.filter(a => a.enabled)
})
// 语言环境相关
const installedLangs = ref<MiseLanguage[]>([])
const loadingLangs = ref(false)
const availablePlugins = ref<string[]>([])
const pluginSearch = ref('')
const openPluginPopover = ref(false)
const availableVersions = ref<string[]>([])
const versionSearch = ref('')
const openVersionPopover = ref(false)
const filteredPlugins = computed(() => {
if (!pluginSearch.value) return availablePlugins.value
const s = pluginSearch.value.toLowerCase()
return availablePlugins.value.filter(p => p.toLowerCase().includes(s))
})
const filteredVersions = computed(() => {
if (!versionSearch.value) return availableVersions.value
const s = versionSearch.value.toLowerCase()
return availableVersions.value.filter(v => v.toLowerCase().includes(s))
})
async function fetchInstalledLangs() {
loadingLangs.value = true
try {
installedLangs.value = await api.mise.list()
const plugins = new Set<string>()
installedLangs.value.forEach(l => plugins.add(l.plugin))
availablePlugins.value = Array.from(plugins).sort()
} catch (e) {
console.error('Fetch installed langs failed', e)
} finally {
loadingLangs.value = false
}
}
function getLangIcon(plugin: string) {
const name = plugin?.toLowerCase().trim()
const mapping: Record<string, string> = {
'python': 'python/python-original.svg',
'node': 'nodejs/nodejs-original.svg',
'nodejs': 'nodejs/nodejs-original.svg',
'go': 'go/go-original.svg',
'rust': 'rust/rust-original.svg',
'ruby': 'ruby/ruby-plain.svg',
'php': 'php/php-plain.svg',
'java': 'java/java-plain.svg',
'deno': 'deno/deno-plain.svg',
'bun': 'bun/bun-plain.svg',
'zig': 'zig/zig-original.svg',
'dotnet': 'dot-net/dot-net-original.svg',
'.net': 'dot-net/dot-net-original.svg',
'elixir': 'elixir/elixir-original.svg',
'erlang': 'erlang/erlang-original.svg',
'crystal': 'crystal/crystal-original.svg',
'lua': 'lua/lua-original.svg',
'julia': 'julia/julia-original.svg',
'nim': 'nim/nim-original.svg',
'perl': 'perl/perl-original.svg',
'scala': 'scala/scala-original.svg',
'kotlin': 'kotlin/kotlin-original.svg',
'clojure': 'clojure/clojure-line.svg',
'dart': 'dart/dart-original.svg',
'flutter': 'flutter/flutter-original.svg',
'terraform': 'terraform/terraform-original.svg',
'docker': 'docker/docker-original.svg',
'kubernetes': 'kubernetes/kubernetes-plain.svg',
'ansible': 'ansible/ansible-original.svg',
}
if (mapping[name]) {
return `https://cdn.jsdelivr.net/gh/devicons/devicon/icons/${mapping[name]}`
}
return ''
}
watch(() => form.value.language, (newVal) => {
if (newVal) {
availableVersions.value = installedLangs.value
.filter(l => l.plugin === newVal)
.map(l => l.version)
.sort((a, b) => b.localeCompare(a, undefined, { numeric: true }))
// 如果当前选中的版本不在可用列表中,且列表不为空,则自动选中第一个(通常是最新版)
if (form.value.lang_version && !availableVersions.value.includes(form.value.lang_version)) {
// 保持原样,可能还没加载完
}
} else {
availableVersions.value = []
form.value.lang_version = ''
}
})
watch(() => props.open, async (val) => {
if (val) {
form.value = { ...props.task }
@@ -147,6 +243,16 @@ watch(() => props.open, async (val) => {
envSearchQuery.value = ''
// 加载数据
await loadData()
if (selectedAgentId.value === 'local') {
await fetchInstalledLangs()
// 如果已选择语言(编辑模式),手动触发一次版本更新
if (form.value.language) {
availableVersions.value = installedLangs.value
.filter(l => l.plugin === form.value.language)
.map(l => l.version)
.sort((a, b) => b.localeCompare(a, undefined, { numeric: true }))
}
}
}
})
@@ -229,17 +335,7 @@ async function save() {
<Label class="sm:text-right text-sm">任务名称</Label>
<Input v-model="form.name" placeholder="我的任务" class="sm:col-span-3 h-8 text-sm" />
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">执行命令</Label>
<Input v-model="form.command" placeholder="node script.js" class="sm:col-span-3 h-8 text-sm font-mono" />
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">工作目录</Label>
<div class="sm:col-span-3">
<DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" />
<Input v-else v-model="currentWorkDir" placeholder="工作目录(可选)" class="h-8 text-sm" />
</div>
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">执行位置</Label>
<div class="sm:col-span-3">
@@ -256,6 +352,120 @@ async function save() {
</Select>
</div>
</div>
<!-- 本地任务语言版本配置 -->
<template v-if="selectedAgentId === 'local'">
<div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-2 sm:gap-3">
<span></span>
<div class="sm:col-span-3">
<div
class="flex items-start gap-2 p-2 rounded-md bg-amber-500/10 border border-amber-500/20 text-amber-600 dark:text-amber-500 text-[11px] leading-relaxed">
<AlertCircle class="h-3.5 w-3.5 mt-0.5 shrink-0" />
<p>请先在<b>语言依赖</b>中安装所需的运行时任务执行时将使用该环境确保所有依赖已正确配置如果是执行 <b>bash</b> 脚本可随便选择一个环境即可</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm font-medium">语言环境</Label>
<div class="sm:col-span-3 flex gap-2">
<Popover v-model:open="openPluginPopover">
<PopoverTrigger asChild>
<Button variant="outline" role="combobox" :aria-expanded="openPluginPopover"
class="justify-between flex-1 h-8 text-sm font-normal">
<div class="flex items-center gap-2 truncate">
<div v-if="form.language && getLangIcon(form.language)"
class="w-4 h-4 shrink-0 rounded-sm bg-white p-0.5 border">
<img :src="getLangIcon(form.language)" class="w-full h-full object-contain" />
</div>
<span>{{ form.language || "选择环境..." }}</span>
</div>
<ChevronsUpDown class="ml-2 h-3.5 w-3.5 shrink-0 opacity-50" />
</Button>
</PopoverTrigger>
<PopoverContent class="p-0 w-[240px]" align="start">
<div class="p-2 border-b">
<div class="relative">
<Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="pluginSearch" placeholder="搜索已安装语言..." class="h-7 pl-8 text-xs" />
</div>
</div>
<ScrollArea class="h-48">
<div class="p-1">
<div v-if="loadingLangs" class="flex items-center justify-center py-4">
<Loader2 class="h-4 w-4 animate-spin text-muted-foreground" />
</div>
<div v-else-if="filteredPlugins.length === 0"
class="py-4 text-center text-xs text-muted-foreground">
未找到已安装语言
</div>
<button v-else v-for="p in filteredPlugins" :key="p"
@click="() => { form.language = p; openPluginPopover = false }"
class="w-full flex items-center px-2 py-1.5 text-xs rounded-sm hover:bg-muted text-left transition-colors group">
<div class="mr-2 h-4 w-4 shrink-0 flex items-center justify-center relative">
<div v-if="getLangIcon(p)"
class="w-full h-full rounded-sm bg-white overflow-hidden p-0.5 border">
<img :src="getLangIcon(p)" class="w-full h-full object-contain" />
</div>
<div v-else
class="w-full h-full flex items-center justify-center bg-primary/10 rounded-sm text-[8px] font-bold uppercase border">
{{ p.substring(0, 2) }}
</div>
<Check v-if="form.language === p"
class="absolute -right-2 -top-1 h-3 w-3 text-primary bg-background rounded-full border shadow-sm" />
</div>
<span :class="{ 'font-bold text-primary': form.language === p }">{{ p }}</span>
</button>
</div>
</ScrollArea>
</PopoverContent>
</Popover>
<Popover v-model:open="openVersionPopover">
<PopoverTrigger asChild :disabled="!form.language">
<Button variant="outline" role="combobox" :aria-expanded="openVersionPopover"
class="justify-between w-32 h-8 text-sm font-normal" :disabled="!form.language">
<span class="truncate">{{ form.lang_version || "选择版本..." }}</span>
<div class="flex items-center">
<ChevronsUpDown class="h-3.5 w-3.5 shrink-0 opacity-50" />
</div>
</Button>
</PopoverTrigger>
<PopoverContent class="p-0 w-[140px]" align="start">
<div class="p-2 border-b">
<div class="relative">
<Search class="absolute left-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" />
<Input v-model="versionSearch" placeholder="搜索版本..." class="h-7 pl-8 text-xs" />
</div>
</div>
<ScrollArea class="h-48">
<div class="p-1">
<div v-if="filteredVersions.length === 0" class="py-4 text-center text-xs text-muted-foreground">
无可用版本
</div>
<button v-else v-for="v in filteredVersions" :key="v"
@click="() => { form.lang_version = v; openVersionPopover = false }"
class="w-full flex items-center px-2 py-1.5 text-xs rounded-sm hover:bg-muted text-left transition-colors">
<Check :class="cn('mr-2 h-3 w-3', form.lang_version === v ? 'opacity-100' : 'opacity-0')" />
<span class="truncate">{{ v }}</span>
</button>
</div>
</ScrollArea>
</PopoverContent>
</Popover>
</div>
</div>
</template>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">执行命令</Label>
<Input v-model="form.command" placeholder="node script.js" class="sm:col-span-3 h-8 text-sm font-mono" />
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">工作目录</Label>
<div class="sm:col-span-3">
<DirTreeSelect v-if="selectedAgentId === 'local'" v-model="currentWorkDir" />
<Input v-else v-model="currentWorkDir" placeholder="工作目录(可选)" class="h-8 text-sm" />
</div>
</div>
<div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-2 sm:gap-3">
<Label class="sm:text-right text-sm">定时规则</Label>
<Input v-model="form.schedule" placeholder="0 * * * * *" class="sm:col-span-3 h-8 text-sm font-mono" />