feat(initialization): 优化镜像源选择界面和逻辑,修改后端端口为36163
- 将镜像源按类型分组展示,增加官方源和推荐标签 - 实现按速度和推荐程度排序镜像源的功能 - 添加镜像源描述信息,提高用户体验 - 优化后端服务和 WebSocket 连接端口
This commit is contained in:
@@ -507,7 +507,7 @@ export async function startBackend(appRoot: string): Promise<{ success: boolean;
|
||||
console.log('Backend output:', output)
|
||||
|
||||
// 检查是否包含启动成功的标志
|
||||
if (output.includes('Uvicorn running') || output.includes('8000')) {
|
||||
if (output.includes('Uvicorn running') || output.includes('36163')) {
|
||||
clearTimeout(timeout)
|
||||
resolve()
|
||||
}
|
||||
@@ -519,7 +519,7 @@ export async function startBackend(appRoot: string): Promise<{ success: boolean;
|
||||
console.error('Backend error:', output) // 保留原有日志
|
||||
|
||||
// ✅ 在 stderr 中也检查启动标志
|
||||
if (output.includes('Uvicorn running') || output.includes('8000')) {
|
||||
if (output.includes('Uvicorn running') || output.includes('36163')) {
|
||||
clearTimeout(timeout)
|
||||
resolve()
|
||||
}
|
||||
|
||||
@@ -4,24 +4,66 @@
|
||||
<div class="install-section">
|
||||
<p>{{ backendExists ? '更新最新的后端代码' : '获取后端源代码' }}</p>
|
||||
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in gitMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedGitMirror === mirror.key }"
|
||||
@click="selectedGitMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingGitSpeed">未测试</span>
|
||||
<span v-else-if="testingGitSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
<!-- 镜像源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>镜像源</h4>
|
||||
<a-tag color="green">推荐使用</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedMirrorMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedGitMirror === mirror.key }"
|
||||
@click="selectedGitMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<a-tag v-if="mirror.recommended" color="gold" size="small">推荐</a-tag>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingGitSpeed">未测试</span>
|
||||
<span v-else-if="testingGitSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 官方源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>官方源</h4>
|
||||
<a-tag color="orange">中国大陆连通性不佳</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedOfficialMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedGitMirror === mirror.key }"
|
||||
@click="selectedGitMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingGitSpeed">未测试</span>
|
||||
<span v-else-if="testingGitSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -36,25 +78,31 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import { getConfig, saveConfig } from '@/utils/config'
|
||||
|
||||
interface Mirror {
|
||||
key: string
|
||||
name: string
|
||||
url: string
|
||||
speed: number | null
|
||||
}
|
||||
import {
|
||||
GIT_MIRRORS,
|
||||
getOfficialMirrors,
|
||||
getMirrorMirrors,
|
||||
sortMirrorsBySpeedAndRecommendation,
|
||||
type MirrorConfig
|
||||
} from '@/config/mirrors'
|
||||
|
||||
defineProps<{
|
||||
backendExists: boolean
|
||||
}>()
|
||||
|
||||
import { GIT_MIRRORS } from '@/config/mirrors'
|
||||
const gitMirrors = ref<MirrorConfig[]>(GIT_MIRRORS)
|
||||
|
||||
const gitMirrors = ref<Mirror[]>(GIT_MIRRORS)
|
||||
// 按类型分组的镜像源
|
||||
const officialMirrors = computed(() => getOfficialMirrors('git'))
|
||||
const mirrorMirrors = computed(() => getMirrorMirrors('git'))
|
||||
|
||||
const selectedGitMirror = ref('github')
|
||||
// 按速度和推荐排序的镜像源
|
||||
const sortedOfficialMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(officialMirrors.value))
|
||||
const sortedMirrorMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(mirrorMirrors.value))
|
||||
|
||||
const selectedGitMirror = ref('ghproxy_edgeone')
|
||||
const testingGitSpeed = ref(false)
|
||||
|
||||
// 加载配置中的镜像源选择
|
||||
@@ -107,9 +155,10 @@ async function testGitMirrorSpeed() {
|
||||
})
|
||||
|
||||
await Promise.all(promises)
|
||||
gitMirrors.value.sort((a, b) => (a.speed || 9999) - (b.speed || 9999))
|
||||
|
||||
const fastest = gitMirrors.value.find(m => m.speed !== 9999)
|
||||
// 优先选择推荐的且速度最快的镜像源
|
||||
const sortedMirrors = sortMirrorsBySpeedAndRecommendation(gitMirrors.value)
|
||||
const fastest = sortedMirrors.find(m => m.speed !== 9999)
|
||||
if (fastest) {
|
||||
selectedGitMirror.value = fastest.key
|
||||
await saveMirrorConfig() // 保存最快的镜像源选择
|
||||
@@ -204,6 +253,12 @@ onMounted(async () => {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mirror-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mirror-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
@@ -211,6 +266,8 @@ onMounted(async () => {
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.speed-badge {
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
@@ -238,12 +295,37 @@ onMounted(async () => {
|
||||
color: var(--ant-color-error);
|
||||
}
|
||||
|
||||
.mirror-description {
|
||||
font-size: 13px;
|
||||
color: var(--ant-color-text-secondary);
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.mirror-url {
|
||||
font-size: 12px;
|
||||
color: var(--ant-color-text-tertiary);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.mirror-section {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.section-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
.test-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -4,24 +4,66 @@
|
||||
<div class="install-section">
|
||||
<p>通过 pip 安装项目所需的 Python 依赖包</p>
|
||||
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in pipMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPipMirror === mirror.key }"
|
||||
@click="selectedPipMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingPipSpeed">未测试</span>
|
||||
<span v-else-if="testingPipSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
<!-- 镜像源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>镜像源</h4>
|
||||
<a-tag color="green">推荐使用</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedMirrorMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPipMirror === mirror.key }"
|
||||
@click="selectedPipMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<a-tag v-if="mirror.recommended" color="gold" size="small">推荐</a-tag>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingPipSpeed">未测试</span>
|
||||
<span v-else-if="testingPipSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 官方源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>官方源</h4>
|
||||
<a-tag color="orange">中国大陆连通性不佳</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedOfficialMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPipMirror === mirror.key }"
|
||||
@click="selectedPipMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingPipSpeed">未测试</span>
|
||||
<span v-else-if="testingPipSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -36,21 +78,27 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import { getConfig, saveConfig } from '@/utils/config'
|
||||
import {
|
||||
PIP_MIRRORS,
|
||||
getOfficialMirrors,
|
||||
getMirrorMirrors,
|
||||
sortMirrorsBySpeedAndRecommendation,
|
||||
type MirrorConfig
|
||||
} from '@/config/mirrors'
|
||||
|
||||
interface Mirror {
|
||||
key: string
|
||||
name: string
|
||||
url: string
|
||||
speed: number | null
|
||||
}
|
||||
const pipMirrors = ref<MirrorConfig[]>(PIP_MIRRORS)
|
||||
|
||||
import { PIP_MIRRORS } from '@/config/mirrors'
|
||||
// 按类型分组的镜像源
|
||||
const officialMirrors = computed(() => getOfficialMirrors('pip'))
|
||||
const mirrorMirrors = computed(() => getMirrorMirrors('pip'))
|
||||
|
||||
const pipMirrors = ref<Mirror[]>(PIP_MIRRORS)
|
||||
// 按速度和推荐排序的镜像源
|
||||
const sortedOfficialMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(officialMirrors.value))
|
||||
const sortedMirrorMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(mirrorMirrors.value))
|
||||
|
||||
const selectedPipMirror = ref('tsinghua')
|
||||
const selectedPipMirror = ref('aliyun')
|
||||
const testingPipSpeed = ref(false)
|
||||
|
||||
// 加载配置中的镜像源选择
|
||||
@@ -103,9 +151,10 @@ async function testPipMirrorSpeed() {
|
||||
})
|
||||
|
||||
await Promise.all(promises)
|
||||
pipMirrors.value.sort((a, b) => (a.speed || 9999) - (b.speed || 9999))
|
||||
|
||||
const fastest = pipMirrors.value.find(m => m.speed !== 9999)
|
||||
// 优先选择推荐的且速度最快的镜像源
|
||||
const sortedMirrors = sortMirrorsBySpeedAndRecommendation(pipMirrors.value)
|
||||
const fastest = sortedMirrors.find(m => m.speed !== 9999)
|
||||
if (fastest) {
|
||||
selectedPipMirror.value = fastest.key
|
||||
await saveMirrorConfig() // 保存最快的镜像源选择
|
||||
@@ -199,6 +248,12 @@ onMounted(async () => {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mirror-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mirror-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
@@ -206,6 +261,8 @@ onMounted(async () => {
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.speed-badge {
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
@@ -233,12 +290,37 @@ onMounted(async () => {
|
||||
color: var(--ant-color-error);
|
||||
}
|
||||
|
||||
.mirror-description {
|
||||
font-size: 13px;
|
||||
color: var(--ant-color-text-secondary);
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.mirror-url {
|
||||
font-size: 12px;
|
||||
color: var(--ant-color-text-tertiary);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.mirror-section {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.section-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
.test-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -4,24 +4,66 @@
|
||||
<div v-if="!pythonInstalled" class="install-section">
|
||||
<p>需要安装 Python 3.13.0 运行环境(64位嵌入式版本)</p>
|
||||
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in pythonMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPythonMirror === mirror.key }"
|
||||
@click="selectedPythonMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingSpeed">未测试</span>
|
||||
<span v-else-if="testingSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
<!-- 镜像源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>镜像源</h4>
|
||||
<a-tag color="green">推荐使用</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedMirrorMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPythonMirror === mirror.key }"
|
||||
@click="selectedPythonMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
<a-tag v-if="mirror.recommended" color="gold" size="small">推荐</a-tag>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingSpeed">未测试</span>
|
||||
<span v-else-if="testingSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 官方源 -->
|
||||
<div class="mirror-section">
|
||||
<div class="section-header">
|
||||
<h4>官方源</h4>
|
||||
<a-tag color="orange">中国大陆连通性不佳</a-tag>
|
||||
</div>
|
||||
<div class="mirror-grid">
|
||||
<div
|
||||
v-for="mirror in sortedOfficialMirrors"
|
||||
:key="mirror.key"
|
||||
class="mirror-card"
|
||||
:class="{ active: selectedPythonMirror === mirror.key }"
|
||||
@click="selectedPythonMirror = mirror.key"
|
||||
>
|
||||
<div class="mirror-header">
|
||||
<div class="mirror-title">
|
||||
<h4>{{ mirror.name }}</h4>
|
||||
</div>
|
||||
<div class="speed-badge" :class="getSpeedClass(mirror.speed)">
|
||||
<span v-if="mirror.speed === null && !testingSpeed">未测试</span>
|
||||
<span v-else-if="testingSpeed">测试中...</span>
|
||||
<span v-else-if="mirror.speed === 9999">超时</span>
|
||||
<span v-else>{{ mirror.speed }}ms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mirror-description">{{ mirror.description }}</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
<div class="mirror-url">{{ mirror.url }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -45,25 +87,31 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import { getConfig, saveConfig } from '@/utils/config'
|
||||
|
||||
interface Mirror {
|
||||
key: string
|
||||
name: string
|
||||
url: string
|
||||
speed: number | null
|
||||
}
|
||||
import {
|
||||
PYTHON_MIRRORS,
|
||||
getOfficialMirrors,
|
||||
getMirrorMirrors,
|
||||
sortMirrorsBySpeedAndRecommendation,
|
||||
type MirrorConfig
|
||||
} from '@/config/mirrors'
|
||||
|
||||
const props = defineProps<{
|
||||
pythonInstalled: boolean
|
||||
}>()
|
||||
|
||||
import { PYTHON_MIRRORS } from '@/config/mirrors'
|
||||
const pythonMirrors = ref<MirrorConfig[]>(PYTHON_MIRRORS)
|
||||
|
||||
const pythonMirrors = ref<Mirror[]>(PYTHON_MIRRORS)
|
||||
// 按类型分组的镜像源
|
||||
const officialMirrors = computed(() => getOfficialMirrors('python'))
|
||||
const mirrorMirrors = computed(() => getMirrorMirrors('python'))
|
||||
|
||||
const selectedPythonMirror = ref('tsinghua')
|
||||
// 按速度和推荐排序的镜像源
|
||||
const sortedOfficialMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(officialMirrors.value))
|
||||
const sortedMirrorMirrors = computed(() => sortMirrorsBySpeedAndRecommendation(mirrorMirrors.value))
|
||||
|
||||
const selectedPythonMirror = ref('aliyun')
|
||||
const testingSpeed = ref(false)
|
||||
const reinstalling = ref(false)
|
||||
|
||||
@@ -118,9 +166,9 @@ async function testPythonMirrorSpeed() {
|
||||
|
||||
await Promise.all(promises)
|
||||
|
||||
pythonMirrors.value.sort((a, b) => (a.speed || 9999) - (b.speed || 9999))
|
||||
|
||||
const fastest = pythonMirrors.value.find(m => m.speed !== 9999)
|
||||
// 优先选择推荐的且速度最快的镜像源
|
||||
const sortedMirrors = sortMirrorsBySpeedAndRecommendation(pythonMirrors.value)
|
||||
const fastest = sortedMirrors.find(m => m.speed !== 9999)
|
||||
if (fastest) {
|
||||
selectedPythonMirror.value = fastest.key
|
||||
await saveMirrorConfig() // 保存最快的镜像源选择
|
||||
@@ -245,6 +293,12 @@ onMounted(async () => {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mirror-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.mirror-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
@@ -252,6 +306,8 @@ onMounted(async () => {
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.speed-badge {
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
@@ -284,12 +340,37 @@ onMounted(async () => {
|
||||
color: var(--ant-color-error);
|
||||
}
|
||||
|
||||
.mirror-description {
|
||||
font-size: 13px;
|
||||
color: var(--ant-color-text-secondary);
|
||||
margin-bottom: 4px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.mirror-url {
|
||||
font-size: 12px;
|
||||
color: var(--ant-color-text-tertiary);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.mirror-section {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.section-header h4 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: var(--ant-color-text);
|
||||
}
|
||||
|
||||
.test-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -47,7 +47,7 @@ export function useWebSocket() {
|
||||
}
|
||||
|
||||
const websocketId = response.websocketId
|
||||
const wsUrl = `ws://localhost:8000/api/dispatch/ws/${websocketId}`
|
||||
const wsUrl = `ws://localhost:36163/api/dispatch/ws/${websocketId}`
|
||||
|
||||
// 建立WebSocket连接
|
||||
const ws = new WebSocket(wsUrl)
|
||||
|
||||
@@ -8,6 +8,10 @@ export interface MirrorConfig {
|
||||
name: string
|
||||
url: string
|
||||
speed?: number | null
|
||||
type: 'official' | 'mirror'
|
||||
chinaConnectivity?: 'poor' | 'good' | 'excellent'
|
||||
description?: string
|
||||
recommended?: boolean
|
||||
}
|
||||
|
||||
export interface MirrorCategory {
|
||||
@@ -15,105 +19,192 @@ export interface MirrorCategory {
|
||||
}
|
||||
|
||||
/**
|
||||
* Git 仓库镜像源配置
|
||||
* Git 仓库官方源配置
|
||||
*/
|
||||
export const GIT_MIRRORS: MirrorConfig[] = [
|
||||
export const GIT_OFFICIAL_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'github',
|
||||
name: 'GitHub 官方',
|
||||
url: 'https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'official',
|
||||
chinaConnectivity: 'poor',
|
||||
description: '官方源,在中国大陆连通性不佳,可能需要科学上网',
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* Git 仓库镜像源配置
|
||||
*/
|
||||
export const GIT_MIRROR_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'ghproxy_cloudflare',
|
||||
name: 'gh-proxy (Cloudflare)',
|
||||
url: 'https://gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'good',
|
||||
description: 'Cloudflare CDN 镜像,适合全球用户',
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_hongkong',
|
||||
name: 'gh-proxy (香港节点)',
|
||||
url: 'https://hk.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '香港节点镜像,对中国大陆用户友好',
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_fastly',
|
||||
name: 'gh-proxy (Fastly CDN)',
|
||||
url: 'https://cdn.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'good',
|
||||
description: 'Fastly CDN 镜像服务',
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_edgeone',
|
||||
name: 'gh-proxy (EdgeOne)',
|
||||
url: 'https://edgeone.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'good',
|
||||
description: 'EdgeOne 镜像服务',
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
key: 'ghfast',
|
||||
name: 'ghfast 镜像',
|
||||
url: 'https://ghfast.top/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_cloudflare',
|
||||
name: 'gh-proxy (Cloudflare加速)',
|
||||
url: 'https://gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_hongkong',
|
||||
name: 'gh-proxy (香港节点加速)',
|
||||
url: 'https://hk.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_fastly',
|
||||
name: 'gh-proxy (Fastly CDN加速)',
|
||||
url: 'https://cdn.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
},
|
||||
{
|
||||
key: 'ghproxy_edgeone',
|
||||
name: 'gh-proxy (EdgeOne加速)',
|
||||
url: 'https://edgeone.gh-proxy.com/https://github.com/DLmaster361/AUTO_MAA.git',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'good',
|
||||
description: '第三方镜像服务',
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* Python 下载镜像源配置(3.12.0 embed版本)
|
||||
* Git 仓库所有镜像源配置(按类型分组)
|
||||
*/
|
||||
export const PYTHON_MIRRORS: MirrorConfig[] = [
|
||||
export const GIT_MIRRORS: MirrorConfig[] = [
|
||||
...GIT_MIRROR_MIRRORS,
|
||||
...GIT_OFFICIAL_MIRRORS,
|
||||
]
|
||||
|
||||
/**
|
||||
* Python 官方源配置(3.12.0 embed版本)
|
||||
*/
|
||||
export const PYTHON_OFFICIAL_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'official',
|
||||
name: 'Python 官方',
|
||||
url: 'https://www.python.org/ftp/python/3.12.0/python-3.12.0-embed-amd64.zip',
|
||||
speed: null,
|
||||
type: 'official',
|
||||
chinaConnectivity: 'poor',
|
||||
description: 'Python 官方下载源,在中国大陆连通性不佳',
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* Python 镜像源配置(3.12.0 embed版本)
|
||||
*/
|
||||
export const PYTHON_MIRROR_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'aliyun',
|
||||
name: '阿里云镜像',
|
||||
url: 'https://mirrors.aliyun.com/python-release/windows/python-3.12.0-embed-amd64.zip',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '阿里云镜像服务,国内访问速度快',
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
key: 'tsinghua',
|
||||
name: '清华 TUNA 镜像',
|
||||
url: 'https://mirrors.tuna.tsinghua.edu.cn/python/3.12.0/python-3.12.0-embed-amd64.zip',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '清华大学开源软件镜像站,国内访问速度快',
|
||||
},
|
||||
{
|
||||
key: 'huawei',
|
||||
name: '华为云镜像',
|
||||
url: 'https://mirrors.huaweicloud.com/repository/toolkit/python/3.12.0/python-3.12.0-embed-amd64.zip',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '华为云镜像服务,国内访问稳定',
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* Python 下载所有镜像源配置(按类型分组)
|
||||
*/
|
||||
export const PYTHON_MIRRORS: MirrorConfig[] = [
|
||||
...PYTHON_MIRROR_MIRRORS,
|
||||
...PYTHON_OFFICIAL_MIRRORS,
|
||||
]
|
||||
|
||||
/**
|
||||
* PyPI pip 官方源配置
|
||||
*/
|
||||
export const PIP_OFFICIAL_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'aliyun',
|
||||
name: '阿里云镜像',
|
||||
url: 'https://mirrors.aliyun.com/python-release/windows/python-3.12.0-embed-amd64.zip',
|
||||
key: 'official',
|
||||
name: 'PyPI 官方',
|
||||
url: 'https://pypi.org/simple/',
|
||||
speed: null,
|
||||
type: 'official',
|
||||
chinaConnectivity: 'poor',
|
||||
description: 'PyPI 官方源,在中国大陆连通性不佳,下载速度慢',
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* PyPI pip 镜像源配置
|
||||
*/
|
||||
export const PIP_MIRRORS: MirrorConfig[] = [
|
||||
export const PIP_MIRROR_MIRRORS: MirrorConfig[] = [
|
||||
{
|
||||
key: 'official',
|
||||
name: 'PyPI 官方',
|
||||
url: 'https://pypi.org/simple/',
|
||||
key: 'aliyun',
|
||||
name: '阿里云',
|
||||
url: 'https://mirrors.aliyun.com/pypi/simple/',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '阿里云 PyPI 镜像,国内访问速度快',
|
||||
recommended: true,
|
||||
},
|
||||
{
|
||||
key: 'tsinghua',
|
||||
name: '清华大学',
|
||||
url: 'https://pypi.tuna.tsinghua.edu.cn/simple/',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '清华大学 PyPI 镜像,国内访问速度快',
|
||||
},
|
||||
{
|
||||
key: 'ustc',
|
||||
name: '中科大',
|
||||
url: 'https://pypi.mirrors.ustc.edu.cn/simple/',
|
||||
speed: null,
|
||||
type: 'mirror',
|
||||
chinaConnectivity: 'excellent',
|
||||
description: '中科大 PyPI 镜像,国内访问稳定',
|
||||
},
|
||||
{
|
||||
key: 'aliyun',
|
||||
name: '阿里云',
|
||||
url: 'https://mirrors.aliyun.com/pypi/simple/',
|
||||
speed: null,
|
||||
},
|
||||
]
|
||||
|
||||
/**
|
||||
* PyPI pip 所有镜像源配置(按类型分组)
|
||||
*/
|
||||
export const PIP_MIRRORS: MirrorConfig[] = [
|
||||
...PIP_MIRROR_MIRRORS,
|
||||
...PIP_OFFICIAL_MIRRORS,
|
||||
]
|
||||
|
||||
/**
|
||||
@@ -121,9 +212,9 @@ export const PIP_MIRRORS: MirrorConfig[] = [
|
||||
*/
|
||||
export const API_ENDPOINTS = {
|
||||
// 本地开发服务器
|
||||
local: 'http://localhost:8000',
|
||||
local: 'http://localhost:36163',
|
||||
// WebSocket连接基础URL
|
||||
websocket: 'ws://localhost:8000',
|
||||
websocket: 'ws://localhost:36163',
|
||||
// 代理服务器示例
|
||||
proxy: 'http://127.0.0.1:7890',
|
||||
}
|
||||
@@ -202,3 +293,71 @@ export function getFastestMirror(type: keyof MirrorCategory): MirrorConfig | nul
|
||||
const sortedMirrors = sortMirrorsBySpeed(mirrors)
|
||||
return sortedMirrors.find(m => m.speed !== null && m.speed !== 9999) || null
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据类型筛选镜像源
|
||||
*/
|
||||
export function getMirrorsBySourceType(
|
||||
type: keyof MirrorCategory,
|
||||
sourceType: 'official' | 'mirror'
|
||||
): MirrorConfig[] {
|
||||
const mirrors = getMirrorsByType(type)
|
||||
return mirrors.filter(m => m.type === sourceType)
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取官方源(标注中国大陆连通性)
|
||||
*/
|
||||
export function getOfficialMirrors(type: keyof MirrorCategory): MirrorConfig[] {
|
||||
return getMirrorsBySourceType(type, 'official')
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取镜像源
|
||||
*/
|
||||
export function getMirrorMirrors(type: keyof MirrorCategory): MirrorConfig[] {
|
||||
return getMirrorsBySourceType(type, 'mirror')
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取推荐的镜像源
|
||||
*/
|
||||
export function getRecommendedMirrors(type: keyof MirrorCategory): MirrorConfig[] {
|
||||
const mirrors = getMirrorsByType(type)
|
||||
return mirrors.filter(m => m.recommended === true)
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据速度排序镜像源(推荐的排在前面)
|
||||
*/
|
||||
export function sortMirrorsBySpeedAndRecommendation(mirrors: MirrorConfig[]): MirrorConfig[] {
|
||||
return [...mirrors].sort((a, b) => {
|
||||
// 推荐的排在前面
|
||||
if (a.recommended && !b.recommended) return -1
|
||||
if (!a.recommended && b.recommended) return 1
|
||||
|
||||
// 然后按速度排序
|
||||
const speedA = a.speed === null ? 9999 : a.speed
|
||||
const speedB = b.speed === null ? 9999 : b.speed
|
||||
return speedA - speedB
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据中国大陆连通性筛选镜像源
|
||||
*/
|
||||
export function getMirrorsByChinaConnectivity(
|
||||
type: keyof MirrorCategory,
|
||||
connectivity: 'poor' | 'good' | 'excellent'
|
||||
): MirrorConfig[] {
|
||||
const mirrors = getMirrorsByType(type)
|
||||
return mirrors.filter(m => m.chinaConnectivity === connectivity)
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取适合中国大陆用户的镜像源(排除连通性差的)
|
||||
*/
|
||||
export function getChinaFriendlyMirrors(type: keyof MirrorCategory): MirrorConfig[] {
|
||||
const mirrors = getMirrorsByType(type)
|
||||
return mirrors.filter(m => m.chinaConnectivity !== 'poor')
|
||||
}
|
||||
|
||||
@@ -529,7 +529,7 @@ const cancelAddTask = () => {
|
||||
|
||||
// 连接WebSocket
|
||||
const connectWebSocket = (task: RunningTask) => {
|
||||
const wsUrl = `ws://localhost:8000/api/dispatch/ws/${task.websocketId}`
|
||||
const wsUrl = `ws://localhost:36163/api/dispatch/ws/${task.websocketId}`
|
||||
|
||||
try {
|
||||
const ws = new WebSocket(wsUrl)
|
||||
|
||||
Reference in New Issue
Block a user