v1
This commit is contained in:
辉鸭蛋
30
.gitignore
vendored
Normal file
30
.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
|
||||||
3
.vscode/extensions.json
vendored
Normal file
3
.vscode/extensions.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"recommendations": ["Vue.volar"]
|
||||||
|
}
|
||||||
29
README.md
Normal file
29
README.md
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
# bettergi-scripts-web
|
||||||
|
|
||||||
|
This template should help get you started developing with Vue 3 in Vite.
|
||||||
|
|
||||||
|
## Recommended IDE Setup
|
||||||
|
|
||||||
|
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
||||||
|
|
||||||
|
## Customize configuration
|
||||||
|
|
||||||
|
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
||||||
|
|
||||||
|
## Project Setup
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compile and Hot-Reload for Development
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compile and Minify for Production
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
13
index.html
Normal file
13
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>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
8
jsconfig.json
Normal file
8
jsconfig.json
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"exclude": ["node_modules", "dist"]
|
||||||
|
}
|
||||||
1137
package-lock.json
generated
Normal file
1137
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
19
package.json
Normal file
19
package.json
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"name": "bettergi-scripts-web",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"vue": "^3.4.29"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@arco-design/web-vue": "^2.56.2",
|
||||||
|
"@vitejs/plugin-vue": "^5.0.5",
|
||||||
|
"vite": "^5.3.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 166 KiB |
130
src/App.vue
Normal file
130
src/App.vue
Normal file
@@ -0,0 +1,130 @@
|
|||||||
|
<template>
|
||||||
|
<a-layout>
|
||||||
|
<a-layout-content :style="{ padding: '0 50px', marginTop: '20px' }">
|
||||||
|
<a-space direction="vertical" size="large" fill>
|
||||||
|
<a-select
|
||||||
|
v-model="selectedRepo"
|
||||||
|
placeholder="选择仓库"
|
||||||
|
style="width: 320px"
|
||||||
|
@change="fetchRepoData"
|
||||||
|
>
|
||||||
|
<a-option value="repo1">仓库 1</a-option>
|
||||||
|
<a-option value="repo2">仓库 2</a-option>
|
||||||
|
<a-option value="repo3">仓库 3</a-option>
|
||||||
|
</a-select>
|
||||||
|
|
||||||
|
<a-tabs v-if="repoData.length">
|
||||||
|
<a-tab-pane v-for="category in repoData" :key="category.type" :title="getTabTitle(category.type)">
|
||||||
|
<a-table :columns="columns" :data="category.list" :pagination="{ pageSize: 20 }">
|
||||||
|
<template #name="{ record }">
|
||||||
|
<a-typography-paragraph copyable>
|
||||||
|
{{ record.name }}
|
||||||
|
</a-typography-paragraph>
|
||||||
|
</template>
|
||||||
|
<template #tags="{ record }">
|
||||||
|
<a-space wrap>
|
||||||
|
<a-tag v-for="tag in record.tags" :key="tag" color="blue">{{ tag }}</a-tag>
|
||||||
|
</a-space>
|
||||||
|
</template>
|
||||||
|
<template #operations="{ record }">
|
||||||
|
<a-space>
|
||||||
|
<a-button type="primary" size="mini" @click="downloadScript(record)">
|
||||||
|
下载
|
||||||
|
</a-button>
|
||||||
|
<a-button size="mini" @click="showDetails(record)">
|
||||||
|
详情
|
||||||
|
</a-button>
|
||||||
|
</a-space>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
</a-tab-pane>
|
||||||
|
</a-tabs>
|
||||||
|
|
||||||
|
<a-empty v-else description="请选择一个仓库" />
|
||||||
|
</a-space>
|
||||||
|
</a-layout-content>
|
||||||
|
|
||||||
|
<a-drawer
|
||||||
|
:visible="drawerVisible"
|
||||||
|
@cancel="closeDrawer"
|
||||||
|
@ok="closeDrawer"
|
||||||
|
unmountOnClose
|
||||||
|
>
|
||||||
|
<template #title>
|
||||||
|
脚本详情
|
||||||
|
</template>
|
||||||
|
<a-descriptions :data="drawerData" layout="vertical" bordered />
|
||||||
|
</a-drawer>
|
||||||
|
</a-layout>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed } from 'vue';
|
||||||
|
import { Message } from '@arco-design/web-vue';
|
||||||
|
|
||||||
|
const selectedRepo = ref('');
|
||||||
|
const repoData = ref([]);
|
||||||
|
const drawerVisible = ref(false);
|
||||||
|
const drawerData = ref([]);
|
||||||
|
|
||||||
|
const columns = [
|
||||||
|
{ title: '名称', dataIndex: 'name', slotName: 'name' },
|
||||||
|
{ title: '作者', dataIndex: 'author' },
|
||||||
|
{ title: '版本', dataIndex: 'version' },
|
||||||
|
{ title: '标签', dataIndex: 'tags', slotName: 'tags' },
|
||||||
|
{ title: '操作', slotName: 'operations' },
|
||||||
|
];
|
||||||
|
|
||||||
|
const getTabTitle = (type) => {
|
||||||
|
const titles = {
|
||||||
|
js: 'JS脚本',
|
||||||
|
pathing: '地图追踪',
|
||||||
|
macro: '键鼠脚本',
|
||||||
|
combat: '战斗策略',
|
||||||
|
tcg: '七圣召唤策略',
|
||||||
|
onekey: '一键宏',
|
||||||
|
};
|
||||||
|
return titles[type] || type;
|
||||||
|
};
|
||||||
|
|
||||||
|
const fetchRepoData = async () => {
|
||||||
|
if (!selectedRepo.value) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 这里替换为实际的 API 端点
|
||||||
|
const response = await fetch(`https://raw.githubusercontent.com/babalae/bettergi-scripts-list/refs/heads/main/repo/items.json`);
|
||||||
|
const data = await response.json();
|
||||||
|
repoData.value = data;
|
||||||
|
} catch (error) {
|
||||||
|
Message.error('获取仓库数据失败');
|
||||||
|
console.error('Error fetching repo data:', error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const downloadScript = (script) => {
|
||||||
|
// 实现下载逻辑
|
||||||
|
console.log('Downloading script:', script.name);
|
||||||
|
Message.success(`正在下载 ${script.name}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const showDetails = (script) => {
|
||||||
|
drawerData.value = [
|
||||||
|
{ label: '名称', value: script.name },
|
||||||
|
{ label: '作者', value: script.author },
|
||||||
|
{ label: '版本', value: script.version },
|
||||||
|
{ label: '描述', value: script.description || '无描述' },
|
||||||
|
{ label: '路径', value: script.path },
|
||||||
|
{ label: '标签', value: script.tags.join(', ') },
|
||||||
|
{ label: 'Hash', value: script.hash },
|
||||||
|
];
|
||||||
|
drawerVisible.value = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
const closeDrawer = () => {
|
||||||
|
drawerVisible.value = false;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
0
src/assets/main.css
Normal file
0
src/assets/main.css
Normal file
13
src/main.js
Normal file
13
src/main.js
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import './assets/main.css'
|
||||||
|
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
import ArcoVue from '@arco-design/web-vue';
|
||||||
|
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
|
||||||
|
import '@arco-design/web-vue/dist/arco.css';
|
||||||
|
|
||||||
|
const app = createApp(App);
|
||||||
|
app.use(ArcoVue);
|
||||||
|
app.use(ArcoVueIcon);
|
||||||
|
app.mount('#app');
|
||||||
16
vite.config.js
Normal file
16
vite.config.js
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
import { fileURLToPath, URL } from 'node:url'
|
||||||
|
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
|
||||||
|
// https://vitejs.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
Reference in New Issue
Block a user