前端移除多开器
This commit is contained in:
parent
99b0384f44
commit
b643b1a992
3 changed files with 0 additions and 198 deletions
|
|
@ -1,181 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import PlusIcon from '@vicons/ionicons5/Add'
|
|
||||||
import CheckIcon from '@vicons/ionicons5/CheckmarkSharp'
|
|
||||||
import CrossIcon from '@vicons/ionicons5/CloseSharp'
|
|
||||||
import DotIcon from '@vicons/ionicons5/EllipsisHorizontal'
|
|
||||||
import PencilIcon from '@vicons/ionicons5/Pencil'
|
|
||||||
import PlayIcon from '@vicons/ionicons5/Play'
|
|
||||||
import TrashOutline from '@vicons/ionicons5/TrashOutline'
|
|
||||||
|
|
||||||
const loading = ref(true)
|
|
||||||
|
|
||||||
const instances = ref([])
|
|
||||||
|
|
||||||
const editing = ref(-1)
|
|
||||||
|
|
||||||
const new_name = ref('')
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
window.addEventListener('pywebviewready', async () => {
|
|
||||||
instances.value = await pywebview.api.get_instances()
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
async function add() {
|
|
||||||
instances.value.push({
|
|
||||||
name: '新实例',
|
|
||||||
path: ''
|
|
||||||
})
|
|
||||||
await pywebview.api.add('新实例', '')
|
|
||||||
}
|
|
||||||
|
|
||||||
async function remove(idx) {
|
|
||||||
instances.value.splice(idx, 1)
|
|
||||||
await pywebview.api.remove(idx)
|
|
||||||
}
|
|
||||||
|
|
||||||
function edit_name(idx) {
|
|
||||||
editing.value = idx
|
|
||||||
new_name.value = instances.value[idx].name
|
|
||||||
}
|
|
||||||
|
|
||||||
async function accept_name() {
|
|
||||||
const idx = editing.value
|
|
||||||
editing.value = -1
|
|
||||||
instances.value[idx].name = new_name.value
|
|
||||||
await pywebview.api.rename(idx, new_name.value)
|
|
||||||
}
|
|
||||||
|
|
||||||
function drop_name() {
|
|
||||||
editing.value = -1
|
|
||||||
}
|
|
||||||
|
|
||||||
async function select_path(idx) {
|
|
||||||
const response = await pywebview.api.select_path(idx)
|
|
||||||
if (response) {
|
|
||||||
instances.value[idx].path = response
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function start(idx) {
|
|
||||||
await pywebview.api.start(idx)
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="mower-list">
|
|
||||||
<template v-if="loading">
|
|
||||||
<n-card size="small" v-for="i in 3" :key="i">
|
|
||||||
<template #header>
|
|
||||||
<div class="header">
|
|
||||||
<n-skeleton text width="40%" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<n-skeleton text />
|
|
||||||
</n-card>
|
|
||||||
</template>
|
|
||||||
<n-card size="small" v-for="(instance, idx) in instances" :key="idx">
|
|
||||||
<template #header>
|
|
||||||
<div class="header">
|
|
||||||
<div v-if="editing != idx">{{ instance.name }}</div>
|
|
||||||
<n-button size="tiny" v-if="editing == -1" @click="edit_name(idx)">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<pencil-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
<n-button type="error" ghost size="tiny" @click="remove(idx)" v-if="editing == -1">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<trash-outline />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
<div class="expand" v-if="editing != idx"></div>
|
|
||||||
<n-button
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
v-if="editing == -1"
|
|
||||||
:disabled="!instance.path"
|
|
||||||
@click="start(idx)"
|
|
||||||
>
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<play-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
<template v-if="editing == idx">
|
|
||||||
<n-input placeholder="实例名称" v-model:value="new_name" />
|
|
||||||
<n-button type="primary" size="tiny" circle @click="accept_name">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<check-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
<n-button type="error" size="tiny" circle @click="drop_name">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<cross-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div class="folder">
|
|
||||||
<code class="folder-content">{{ instance.path || '请选择该实例配置文件的保存路径' }}</code>
|
|
||||||
<n-button size="tiny" @click="select_path(idx)" v-if="editing == -1">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<dot-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
</n-button>
|
|
||||||
</div>
|
|
||||||
</n-card>
|
|
||||||
<n-button size="large" dashed v-if="!loading" @click="add">
|
|
||||||
<template #icon>
|
|
||||||
<n-icon>
|
|
||||||
<plus-icon />
|
|
||||||
</n-icon>
|
|
||||||
</template>
|
|
||||||
添加实例
|
|
||||||
</n-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.mower-list {
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100vw;
|
|
||||||
padding: 12px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
align-items: center;
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.expand {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder {
|
|
||||||
display: flex;
|
|
||||||
gap: 6px;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.folder-content {
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
<!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>Mower Manager</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
|
||||||
<script type="module" src="/manager/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
import MowerManager from './MowerManager.vue'
|
|
||||||
|
|
||||||
const app = createApp(MowerManager)
|
|
||||||
app.mount('#app')
|
|
||||||
Loading…
Add table
Reference in a new issue