mirror of
https://gitee.com/ssssssss-team/magic-api.git
synced 2026-05-30 02:20:52 +08:00
初步实现插件机制
This commit is contained in:
mxd
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"name": "magic-test",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"build": "vite build"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"vue": "^3.2.26",
|
||||
"@vitejs/plugin-vue": "^2.0.1",
|
||||
"vite-plugin-svg-icons": "^1.1.0",
|
||||
"vite": "^2.7.10"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<div class="magic-task-info">
|
||||
<form>
|
||||
<label>{{ $i('message.enable') }}</label>
|
||||
<magic-checkbox v-model:value="info.enabled" />
|
||||
<label>cron</label>
|
||||
<magic-input v-model:value="info.cron" :placeholder="$i('task.form.placeholder.cron')" width="250px"/>
|
||||
<label>{{ $i('task.form.name') }}</label>
|
||||
<magic-input v-model:value="info.name" :placeholder="$i('task.form.placeholder.name')" width="250px"/>
|
||||
<label>{{ $i('task.form.path') }}</label>
|
||||
<magic-input v-model:value="info.path" :placeholder="$i('task.form.placeholder.path')" width="auto" style="flex:1"/>
|
||||
</form>
|
||||
<div style="flex:1;padding-top:5px;">
|
||||
<magic-textarea v-model:value="info.description" :placeholder="$i('task.form.placeholder.description')"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import { inject } from 'vue'
|
||||
const $i = inject('i18n.format')
|
||||
const info = inject('info')
|
||||
</script>
|
||||
<style scoped>
|
||||
.magic-task-info{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
padding: 5px;
|
||||
}
|
||||
.magic-task-info form{
|
||||
display: flex;
|
||||
}
|
||||
.magic-task-info form label{
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
font-weight: 400;
|
||||
text-align: right;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.magic-task-info form :deep(.magic-checkbox){
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
.magic-task-info form :deep(.magic-textarea){
|
||||
margin: 5px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,16 @@
|
||||
export default {
|
||||
task: {
|
||||
title: 'Task Info',
|
||||
name: 'Task',
|
||||
form: {
|
||||
name: 'Task Name',
|
||||
path: 'Task Path',
|
||||
placeholder: {
|
||||
cron: 'Please Enter Cron Expression',
|
||||
name: 'Please Enter Task Name',
|
||||
path: 'Please Enter Task Path',
|
||||
description: 'Please Enter Task Description'
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
export default {
|
||||
task: {
|
||||
title: '定时任务信息',
|
||||
name: '定时任务',
|
||||
form: {
|
||||
name: '任务名称',
|
||||
path: '任务路径',
|
||||
placeholder: {
|
||||
cron: '请输入Cron表达式',
|
||||
name: '请输入任务名称',
|
||||
path: '请输入任务路径',
|
||||
description: '请输入任务描述'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<svg class="icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512.78747336 189.40294037A372.25009177 372.25009177 0 1 1 512.73122556 933.8468761a372.25009177 372.25009177 0 0 1 0-744.50018353z m20.02433313 179.43151904h-39.93616901a6.69352725 6.69352725 0 0 0-6.69352725 6.69352725V604.2328627c0 2.19367667 1.01246621 4.1623613 2.75615881 5.39982038l137.41416897 100.23415877a6.63727863 6.63727863 0 0 0 9.28094102-1.4624511l23.79295651-32.39891977a6.5247822 6.5247822 0 0 0-1.51869891-9.22469321L539.44908511 581.17113175V375.52798666a6.69352725 6.69352725 0 0 0-6.63727862-6.69352726zM711.28710712 90.125a24.80542356 24.80542356 0 0 1-1e-8 49.61084629H314.23159262a24.80542356 24.80542356 0 0 1 0-49.61084629h397.1117623z" /></svg>
|
||||
|
After Width: | Height: | Size: 863 B |
@@ -0,0 +1,35 @@
|
||||
import MagicTask from './service/magic-task.js'
|
||||
import localZhCN from './i18n/zh-cn.js'
|
||||
import localEn from './i18n/en.js'
|
||||
import MagicTaskInfo from './components/magic-task-info.vue'
|
||||
import 'vite-plugin-svg-icons/register'
|
||||
export default (opt) => {
|
||||
const i18n = opt.i18n
|
||||
// 添加i18n 国际化信息
|
||||
i18n.add('zh-cn', localZhCN)
|
||||
i18n.add('en', localEn)
|
||||
return {
|
||||
// 左侧资源
|
||||
resource: [{
|
||||
// 资源类型，和后端存储结构一致
|
||||
type: 'task',
|
||||
// 展示图标
|
||||
icon: '#magic-task-task', // #开头表示图标在插件中
|
||||
// 展示名称
|
||||
title: 'task.name',
|
||||
// 运行服务
|
||||
service: MagicTask(opt.bus, opt.constants, i18n.format, opt.Message, opt.request),
|
||||
}],
|
||||
// 底部工具条
|
||||
toolbars: [{
|
||||
// 当打开的资源类型为 task 时显示
|
||||
type: 'task',
|
||||
// 工具条展示的标题
|
||||
title: 'task.title',
|
||||
// 展示图标
|
||||
icon: 'parameter',
|
||||
// 对应的组件
|
||||
component: MagicTaskInfo,
|
||||
}]
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
export default function (bus, constants, $i, Message, request) {
|
||||
return {
|
||||
// svg text
|
||||
getIcon: item => 'task',
|
||||
// 任务名称
|
||||
name: $i('task.name'),
|
||||
// 执行测试的逻辑
|
||||
doTest: (opened) => {
|
||||
opened.running = true
|
||||
const info = opened.item
|
||||
const requestConfig = {
|
||||
baseURL: constants.SERVER_URL,
|
||||
url: '/task/execute',
|
||||
method: 'POST',
|
||||
responseType: 'json',
|
||||
headers: {},
|
||||
withCredentials: true
|
||||
}
|
||||
bus.$emit(Message.SWITCH_TOOLBAR, 'log')
|
||||
requestConfig.headers[constants.HEADER_REQUEST_CLIENT_ID] = constants.CLIENT_ID
|
||||
requestConfig.headers[constants.HEADER_REQUEST_SCRIPT_ID] = opened.item.id
|
||||
requestConfig.headers[constants.HEADER_MAGIC_TOKEN] = constants.HEADER_MAGIC_TOKEN_VALUE
|
||||
// 设置断点
|
||||
requestConfig.headers[constants.HEADER_REQUEST_BREAKPOINTS] = (opened.decorations || []).filter(it => it.options.linesDecorationsClassName === 'breakpoints').map(it => it.range.startLineNumber).join(',')
|
||||
const fullName = opened.path()
|
||||
bus.status(`开始测试定时任务「${fullName}」`)
|
||||
request.sendPost('/task/execute', { id: info.id }, requestConfig).success(res => {
|
||||
opened.running = false
|
||||
}).end(() => {
|
||||
bus.status(`定时任务「${fullName}」测试完毕`)
|
||||
opened.running = false
|
||||
})
|
||||
},
|
||||
// 是否允许执行测试
|
||||
runnable: true,
|
||||
// 是否需要填写路径
|
||||
requirePath: true,
|
||||
// 合并
|
||||
merge: item => item
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import viteSvgIcons from 'vite-plugin-svg-icons'
|
||||
import path from 'path'
|
||||
import pkg from './package.json'
|
||||
|
||||
export default {
|
||||
base: './',
|
||||
build: {
|
||||
minify: false,
|
||||
cssCodeSplit: true, // 将组件的 style 打包到 js 文件中
|
||||
outDir: 'dist',
|
||||
lib: {
|
||||
target: 'esnext',
|
||||
formats: ['iife'],
|
||||
entry: path.resolve(__dirname, 'src/index.js'),
|
||||
name: 'MagicTask',
|
||||
fileName: (format) => `magic-task.${pkg.version}.${format}.js`
|
||||
},
|
||||
rollupOptions: {
|
||||
// 确保外部化处理那些你不想打包进库的依赖
|
||||
external: ['vue'],
|
||||
output: {
|
||||
// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
|
||||
globals: {
|
||||
vue: 'Vue'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
vue(),
|
||||
viteSvgIcons({
|
||||
iconDirs: [path.resolve(process.cwd(), 'src/icons')],
|
||||
symbolId: 'magic-task-[name]'
|
||||
}),
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user