初步代替几个bat脚本的功能
This commit is contained in:
commit
d0fbc89012
19 changed files with 4002 additions and 0 deletions
14
ui/.eslintrc.cjs
Normal file
14
ui/.eslintrc.cjs
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
/* eslint-env node */
|
||||
require('@rushstack/eslint-patch/modern-module-resolution')
|
||||
|
||||
module.exports = {
|
||||
root: true,
|
||||
'extends': [
|
||||
'plugin:vue/vue3-essential',
|
||||
'eslint:recommended',
|
||||
'@vue/eslint-config-prettier/skip-formatting'
|
||||
],
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest'
|
||||
}
|
||||
}
|
||||
30
ui/.gitignore
vendored
Normal file
30
ui/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
coverage
|
||||
*.local
|
||||
|
||||
/cypress/videos/
|
||||
/cypress/screenshots/
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
*.tsbuildinfo
|
||||
9
ui/.prettierrc.json
Normal file
9
ui/.prettierrc.json
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"$schema": "https://json.schemastore.org/prettierrc",
|
||||
"semi": false,
|
||||
"tabWidth": 2,
|
||||
"singleQuote": true,
|
||||
"printWidth": 100,
|
||||
"trailingComma": "none",
|
||||
"endOfLine": "auto"
|
||||
}
|
||||
7
ui/.vscode/extensions.json
vendored
Normal file
7
ui/.vscode/extensions.json
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"recommendations": [
|
||||
"Vue.volar",
|
||||
"dbaeumer.vscode-eslint",
|
||||
"esbenp.prettier-vscode"
|
||||
]
|
||||
}
|
||||
13
ui/index.html
Normal file
13
ui/index.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite App</title>
|
||||
</head>
|
||||
<body style="background-color: black">
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
8
ui/jsconfig.json
Normal file
8
ui/jsconfig.json
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"paths": {
|
||||
"@/*": ["./src/*"]
|
||||
}
|
||||
},
|
||||
"exclude": ["node_modules", "dist"]
|
||||
}
|
||||
3383
ui/package-lock.json
generated
Normal file
3383
ui/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
30
ui/package.json
Normal file
30
ui/package.json
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
{
|
||||
"name": "ui",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview",
|
||||
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
|
||||
"format": "prettier --write src/"
|
||||
},
|
||||
"dependencies": {
|
||||
"vue": "^3.4.29"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@rushstack/eslint-patch": "^1.8.0",
|
||||
"@vicons/ionicons5": "^0.12.0",
|
||||
"@vitejs/plugin-vue": "^5.0.5",
|
||||
"@vue/eslint-config-prettier": "^9.0.0",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-plugin-vue": "^9.23.0",
|
||||
"naive-ui": "^2.39.0",
|
||||
"prettier": "^3.2.5",
|
||||
"unplugin-auto-import": "^0.18.3",
|
||||
"unplugin-vue-components": "^0.27.4",
|
||||
"vfonts": "^0.0.3",
|
||||
"vite": "^5.3.1"
|
||||
}
|
||||
}
|
||||
79
ui/src/App.vue
Normal file
79
ui/src/App.vue
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
<script setup>
|
||||
import Init from '@/pages/Init.vue'
|
||||
import Launch from '@/pages/Launch.vue'
|
||||
import Update from '@/pages/Update.vue'
|
||||
import { darkTheme, dateZhCN, zhCN } from 'naive-ui'
|
||||
|
||||
const loading = ref(true)
|
||||
const page = ref(null)
|
||||
|
||||
function load_config() {
|
||||
console.log('load_config')
|
||||
console.log(pywebview)
|
||||
pywebview.api.get_page().then((value) => {
|
||||
page.value = value
|
||||
loading.value = false
|
||||
})
|
||||
}
|
||||
|
||||
const log = ref('')
|
||||
provide('log', log)
|
||||
const log_ele = ref(null)
|
||||
provide('log_ele', log_ele)
|
||||
watch(log, () => {
|
||||
nextTick(() => {
|
||||
log_ele.value?.scrollTo({ position: 'bottom' })
|
||||
})
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
if (window.pywebview && pywebview.api) {
|
||||
load_config()
|
||||
} else {
|
||||
window.addEventListener('pywebviewready', load_config)
|
||||
}
|
||||
window.addEventListener('log', (e) => {
|
||||
log.value += e.detail.log
|
||||
})
|
||||
})
|
||||
|
||||
function set_page(value) {
|
||||
log.value = ''
|
||||
pywebview.api.set_page(value)
|
||||
}
|
||||
|
||||
const running = ref(false)
|
||||
provide('running', running)
|
||||
|
||||
const steps = ref([])
|
||||
provide('steps', steps)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-config-provider :theme="darkTheme" :locale="zhCN" :dateLocale="dateZhCN">
|
||||
<n-spin v-if="loading" class="container">
|
||||
<template #description>加载中</template>
|
||||
</n-spin>
|
||||
<n-tabs
|
||||
v-else
|
||||
type="card"
|
||||
placement="left"
|
||||
class="container"
|
||||
:default-value="page"
|
||||
@update:value="set_page"
|
||||
:disabled="running"
|
||||
>
|
||||
<n-tab-pane name="init" tab="初始化"><init /></n-tab-pane>
|
||||
<n-tab-pane name="update" tab="更新代码"><update /></n-tab-pane>
|
||||
<n-tab-pane name="launch" tab="启动程序"><launch /></n-tab-pane>
|
||||
</n-tabs>
|
||||
<n-global-style />
|
||||
</n-config-provider>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.container {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
</style>
|
||||
48
ui/src/components/FloatButton.vue
Normal file
48
ui/src/components/FloatButton.vue
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<script setup>
|
||||
import PlayIcon from '@vicons/ionicons5/Play'
|
||||
import { inject } from 'vue'
|
||||
|
||||
const running = inject('running')
|
||||
const log = inject('log')
|
||||
const steps = inject('steps')
|
||||
const current_step = inject('current_step')
|
||||
const current_state = inject('current_state')
|
||||
|
||||
async function start() {
|
||||
log.value = ''
|
||||
running.value = true
|
||||
for (const [i, step] of steps.value.entries()) {
|
||||
current_step.value = i + 1
|
||||
current_state.value = 'process'
|
||||
for (const cmd of step.command) {
|
||||
await pywebview.api.run(cmd, step.cwd)
|
||||
}
|
||||
}
|
||||
current_state.value = 'finish'
|
||||
running.value = false
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-button class="float" type="primary" :loading="running" :disabled="running" @click="start">
|
||||
<template #icon>
|
||||
<n-icon>
|
||||
<play-icon />
|
||||
</n-icon>
|
||||
</template>
|
||||
{{ running ? '' : '运行' }}
|
||||
</n-button>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.float {
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.float:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
</style>
|
||||
8
ui/src/components/LogComponent.vue
Normal file
8
ui/src/components/LogComponent.vue
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<script setup>
|
||||
const log = inject('log')
|
||||
const log_ele = inject('log_ele')
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-log :log="log" style="flex-grow: 1" ref="log_ele" />
|
||||
</template>
|
||||
7
ui/src/main.js
Normal file
7
ui/src/main.js
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import 'vfonts/Lato.css'
|
||||
import 'vfonts/FiraCode.css'
|
||||
|
||||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
const app = createApp(App)
|
||||
app.mount('#app')
|
||||
26
ui/src/pages/Init.vue
Normal file
26
ui/src/pages/Init.vue
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<script setup>
|
||||
const steps = ref([
|
||||
{ title: '设置Git LFS', command: ['git/bin/git lfs install'] },
|
||||
{ title: '安装pip', command: ['../python/python -m ensurepip --default-pip'] },
|
||||
{
|
||||
title: '下载代码',
|
||||
command: ['git/bin/git clone https://git.zhaozuohong.vip/mower-ng/mower-ng.git --branch slow']
|
||||
}
|
||||
])
|
||||
provide('steps', steps)
|
||||
const current_step = ref(1)
|
||||
provide('current_step', current_step)
|
||||
const current_state = ref('wait')
|
||||
provide('current_state', current_state)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-flex vertical style="gap: 16px; height: 100%; padding: 16px; box-sizing: border-box">
|
||||
<n-alert title="以下步骤仅需运行一次" type="warning" />
|
||||
<n-steps :current="current_step" :status="current_state" size="small">
|
||||
<n-step v-for="step in steps" :title="step.title" />
|
||||
</n-steps>
|
||||
<log-component />
|
||||
</n-flex>
|
||||
<float-button />
|
||||
</template>
|
||||
33
ui/src/pages/Launch.vue
Normal file
33
ui/src/pages/Launch.vue
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<script setup>
|
||||
function webview() {
|
||||
pywebview.api.run('start ../python/pythonw webview_ui.py', './mower-ng')
|
||||
}
|
||||
|
||||
function manager() {
|
||||
pywebview.api.run('start ../python/pythonw manager.py', './mower-ng')
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-flex
|
||||
vertical
|
||||
style="
|
||||
gap: 16px;
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
box-sizing: border-box;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<n-button class="launch-btn" @click="webview">单开运行</n-button>
|
||||
<n-button class="launch-btn" @click="manager">多开器</n-button>
|
||||
</n-flex>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.launch-btn {
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
56
ui/src/pages/Update.vue
Normal file
56
ui/src/pages/Update.vue
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<script setup>
|
||||
const branch = ref(null)
|
||||
|
||||
onMounted(() => {
|
||||
pywebview.api.get_branch().then((value) => {
|
||||
branch.value = value
|
||||
})
|
||||
})
|
||||
|
||||
watch(branch, () => {
|
||||
pywebview.api.set_branch(branch.value)
|
||||
})
|
||||
|
||||
const steps = ref([
|
||||
{
|
||||
title: '下载源码',
|
||||
command: [
|
||||
'../git/bin/git fetch',
|
||||
`../git/bin/git switch -f ${branch.value}`,
|
||||
`../git/bin/git reset --hard origin/${branch.value}`
|
||||
],
|
||||
cwd: './mower-ng'
|
||||
},
|
||||
{
|
||||
title: '安装依赖',
|
||||
command: [
|
||||
'../python/Scripts/pip install -i https://mirror.sjtu.edu.cn/pypi/web/simple -r requirements.txt'
|
||||
],
|
||||
cwd: './mower-ng'
|
||||
}
|
||||
])
|
||||
provide('steps', steps)
|
||||
const current_step = ref(1)
|
||||
provide('current_step', current_step)
|
||||
const current_state = ref('wait')
|
||||
provide('current_state', current_state)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-flex vertical style="gap: 16px; height: 100%; padding: 16px; box-sizing: border-box">
|
||||
<n-flex>
|
||||
<div>代码分支：</div>
|
||||
<n-radio-group v-model:value="branch">
|
||||
<n-flex>
|
||||
<n-radio value="fast">fast</n-radio>
|
||||
<n-radio value="slow">slow</n-radio>
|
||||
</n-flex>
|
||||
</n-radio-group>
|
||||
</n-flex>
|
||||
<n-steps :current="current_step" :status="current_state" size="small">
|
||||
<n-step v-for="step in steps" :title="step.title" />
|
||||
</n-steps>
|
||||
<log-component />
|
||||
</n-flex>
|
||||
<float-button />
|
||||
</template>
|
||||
31
ui/vite.config.js
Normal file
31
ui/vite.config.js
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
import { fileURLToPath, URL } from 'node:url'
|
||||
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import AutoImport from 'unplugin-auto-import/vite'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
// vueDevTools(),
|
||||
AutoImport({
|
||||
imports: [
|
||||
'vue',
|
||||
{
|
||||
'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar']
|
||||
}
|
||||
]
|
||||
}),
|
||||
Components({
|
||||
resolvers: [NaiveUiResolver()]
|
||||
})
|
||||
],
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||
}
|
||||
}
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue