TRKJ/LinuxMirrors
2
0
Fork 0
mirror of https://gitee.com/SuperManito/LinuxMirrors synced 2025-11-15 05:40:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新文档

Browse Source
This commit is contained in:
Super Manito
2025-06-15 20:18:44 +08:00
parent 2b683ba9e4
commit b9a0235861
8 changed files with 172 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
docs/assets/js/components/mirrors-table/data.js
View File

@@ -382,24 +382,144 @@ const mirrorsTableData = [
// 表格列配置
const mirrorsTableColumns = [
{ colKey: 'name', title: '镜像站', align: 'left', width: '180', fixed: 'left' },
{ colKey: 'ipv6', title: 'IPv6', align: 'center' },
{ colKey: 'epel', title: 'EPEL', align: 'center', tooltip: 'Extra Packages for Enterprise Linux (EPEL) 是由 Fedora 组织维护的一个附加软件包仓库，它主要适用于除 Fedora 操作系统以外的红帽系 Linux 发行版。' },
{ colKey: 'archlinux', title: 'Arch Linux', align: 'center' },
{ colKey: 'manjaro', title: 'Manjaro', align: 'center' },
{ colKey: 'kalilinux', title: 'Kali Linux', align: 'center' },
{ colKey: 'armbian', title: 'Armbian', align: 'center' },
{ colKey: 'deepin', title: 'Deepin', align: 'center' },
{ colKey: 'raspberry', title: 'Raspberry Pi OS', align: 'center', width: '130' },
{ colKey: 'linuxmint', title: 'Linux Mint', align: 'center' },
{ colKey: 'proxmox', title: 'Proxmox VE', align: 'center' },
{ colKey: 'fedora', title: 'Fedora', align: 'center' },
{ colKey: 'rockylinux', title: 'Rocky Linux', align: 'center' },
{ colKey: 'almalinux', title: 'AlmaLinux', align: 'center' },
{ colKey: 'opencloudos', title: 'OpenCloudOS', align: 'center', width: '120' },
{ colKey: 'anolis', title: 'Anolis OS', align: 'center' },
{ colKey: 'openkylin', title: 'openKylin', align: 'center' },
{ colKey: 'alpinelinux', title: 'Alpine Linux', align: 'center' },
{ colKey: 'gentoo', title: 'Gentoo', align: 'center' },
{ colKey: 'nix', title: 'NixOS', align: 'center' },
]
{
colKey: 'name',
title: '镜像站',
align: 'left',
width: '180',
fixed: 'left',
},
{
colKey: 'ipv6',
title: 'IPv6',
align: 'center',
width: '70',
},
{
colKey: 'epel',
title: 'EPEL',
align: 'center',
width: '90',
tooltip: 'EPEL (Extra Packages for Enterprise Linux) 是由 Fedora 组织维护的一个附加软件包仓库，它主要适用于除 Fedora 操作系统以外的红帽系 Linux 发行版。',
},
{
colKey: 'archlinux',
title: 'Arch Linux',
align: 'center',
width: '120',
},
{
colKey: 'manjaro',
title: 'Manjaro',
align: 'center',
width: '100',
},
{
colKey: 'kalilinux',
title: 'Kali Linux',
align: 'center',
width: '110',
},
{
colKey: 'armbian',
title: 'Armbian',
align: 'center',
width: '100',
},
{
colKey: 'deepin',
title: 'Deepin',
align: 'center',
width: '90',
},
{
colKey: 'raspberry',
title: 'Raspberry Pi OS',
align: 'center',
width: '150',
},
{
colKey: 'linuxmint',
title: 'Linux Mint',
align: 'center',
width: '120',
},
{
colKey: 'proxmox',
title: 'Proxmox VE',
align: 'center',
width: '120',
},
{
colKey: 'fedora',
title: 'Fedora',
align: 'center',
width: '90',
},
{
colKey: 'rockylinux',
title: 'Rocky Linux',
align: 'center',
width: '120',
},
{
colKey: 'almalinux',
title: 'AlmaLinux',
align: 'center',
width: '110',
},
{
colKey: 'opencloudos',
title: 'OpenCloudOS',
align: 'center',
width: '140',
},
{
colKey: 'anolis',
title: 'Anolis OS',
align: 'center',
width: '110',
},
{
colKey: 'openkylin',
title: 'openKylin',
align: 'center',
width: '110',
},
{
colKey: 'alpinelinux',
title: 'Alpine Linux',
align: 'center',
width: '130',
},
{
colKey: 'gentoo',
title: 'Gentoo',
align: 'center',
width: '90',
},
{
colKey: 'nix',
title: 'NixOS',
align: 'center',
width: '80',
},
].map((item) => {
if (['ipv6', 'epel', 'archlinux', 'manjaro', 'kalilinux', 'armbian', 'deepin', 'raspberry', 'linuxmint', 'proxmox', 'fedora', 'rockylinux', 'almalinux', 'opencloudos', 'anolis', 'openkylin', 'alpinelinux', 'gentoo', 'nix'].includes(item.colKey)) {
item.sortType = 'all'
item.sorter = (a, b) => {
const getValue = (row) => {
if (typeof row[item.colKey] === 'boolean') {
return row[item.colKey] ? 0 : 1
}
return 2
}
const aValue = getValue(a)
const bValue = getValue(b)
return aValue - bValue
}
}
return item
})
console.log(mirrorsTableColumns)

18
docs/assets/js/components/mirrors-table/index.js
View File

@@ -7,6 +7,7 @@ ComponentSystem.register('mirrors-table', {
row-key="name"
size="small"
verticalAlign="bottom"
@data-change="dataChange"
>
<template v-for="col in columns" :key="col.colKey" #[col.title]>
<div v-if="col.tooltip" class="t-table__th-cell-inner">
@@ -28,9 +29,11 @@ ComponentSystem.register('mirrors-table', {
<a :href="row.url" target="_blank" style="color: var(--md-typeset-a-color)">{{ row.domain }}</a>
</t-space>
</template>
<a :href="row.url" target="_blank" style=>
<a :href="row.url" target="_blank">
<t-space align="center" style="gap: 6px">
<img v-if="row.icon" :src="\`/assets/images/icon/mirrors/\${row.icon}\`" width="16" height="16" :style="row.iconStyle || {}">
<span style="display: flex; height: 100%; align-items: center; justify-content: center">
<img v-if="row.icon" :src="\`/assets/images/icon/mirrors/\${row.icon}\`" width="16" height="16">
</span>
<span>{{ row.name }}</span>
</t-space>
</a>
@@ -39,12 +42,12 @@ ComponentSystem.register('mirrors-table', {
<template v-else>
<t-tag v-if="typeof row[col.colKey] === 'boolean'" :theme="row[col.colKey] ? 'success' : 'danger'" variant="light" size="small" style="background-color: transparent; height: 100%; vertical-align: -0.35em">
<template #icon>
<svg v-if="row[col.colKey]" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z" /></svg>
<svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="vertical-align: -0.2em"><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/></svg>
<svg v-if="row[col.colKey]" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z"></svg>
<svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="vertical-align: -0.2em"><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"></svg>
</template>
</t-tag>
<t-tag v-else theme="warning" variant="light" size="small" style="background-color: transparent; vertical-align: -0.35em">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" style="vertical-align: -0.1em"><path fill="#F6B604" d="M22.11 21.46L2.39 1.73L1.11 3l2.95 2.95A9.95 9.95 0 0 0 2 12c0 5.5 4.5 10 10 10c2.28 0 4.37-.77 6.05-2.06l2.79 2.79l1.27-1.27M12 20c-4.42 0-8-3.58-8-8c0-1.73.56-3.32 1.5-4.62L16.62 18.5A7.78 7.78 0 0 1 12 20M8.17 4.97L6.72 3.5C8.25 2.56 10.06 2 12 2c5.5 0 10 4.5 10 10c0 1.94-.56 3.75-1.5 5.28l-1.47-1.45c.62-1.14.97-2.44.97-3.83c0-4.42-3.58-8-8-8c-1.39 0-2.69.35-3.83.97Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="vertical-align: -0.1em"><path fill="#F6B604" d="M22.11 21.46L2.39 1.73L1.11 3l2.95 2.95A9.95 9.95 0 0 0 2 12c0 5.5 4.5 10 10 10c2.28 0 4.37-.77 6.05-2.06l2.79 2.79l1.27-1.27M12 20c-4.42 0-8-3.58-8-8c0-1.73.56-3.32 1.5-4.62L16.62 18.5A7.78 7.78 0 0 1 12 20M8.17 4.97L6.72 3.5C8.25 2.56 10.06 2 12 2c5.5 0 10 4.5 10 10c0 1.94-.56 3.75-1.5 5.28l-1.47-1.45c.62-1.14.97-2.44.97-3.83c0-4.42-3.58-8-8-8c-1.39 0-2.69.35-3.83.97Z"></svg>
</t-tag>
</template>
</template>
@@ -57,4 +60,9 @@ ComponentSystem.register('mirrors-table', {
data: mirrorsTableData,
}
},
methods: {
dataChange(data) {
this.data = data
},
},
})