launcher/ui/src/pages/Update.vue

60 lines
2.1 KiB
Vue

<script setup>
import { useConfigStore } from '@/stores/config.js'
import { form_item_label_style } from '@/styles/styles.js'
import BaseMirrorOption from '@/components/BaseMirrorOption.vue'
const conf = useConfigStore().config
const branch = ref(null)
const mirror = ref(null)
const running = inject('running')
const steps = computed(() => [
{
title: '更新源码',
command: ['set_remote', 'set_lfs', 'fetch', 'switch', 'reset'],
cwd: 'mower-ng'
},
{
title: '安装依赖',
command: ['pip_tools_install', 'pip_sync'],
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-form label-placement="left" :show-feedback="false" label-width="auto" label-align="left">
<base-mirror-option />
<n-form-item label="mower-ng 代码分支" :label-style="form_item_label_style">
<n-radio-group v-model:value="conf.branch" :disabled="running">
<n-flex>
<n-radio value="fast">测试版</n-radio>
<n-radio value="slow">稳定版</n-radio>
</n-flex>
</n-radio-group>
</n-form-item>
<n-form-item label="PyPI 仓库镜像" :label-style="form_item_label_style">
<n-radio-group v-model:value="conf.mirror" :disabled="running">
<n-flex>
<n-radio value="pypi">PyPI</n-radio>
<n-radio value="aliyun">阿里云镜像站</n-radio>
<n-radio value="sjtu">上海交通大学镜像站</n-radio>
<n-radio value="tuna">清华大学镜像站</n-radio>
<n-radio value="ustc">中国科学技术大学镜像站</n-radio>
</n-flex>
</n-radio-group>
</n-form-item>
</n-form>
<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>