verce-vue-test 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/extensions.json +3 -0
- package/.vscode/settings.json +8 -0
- package/README.md +42 -0
- package/env.d.ts +1 -0
- package/index.html +13 -0
- package/package.json +50 -0
- package/public/favicon.ico +0 -0
- package/src/App.vue +54 -0
- package/src/assets/logo.svg +1 -0
- package/src/components/ElTablePro.vue +539 -0
- package/src/components/icons/IconCommunity.vue +7 -0
- package/src/components/icons/IconDocumentation.vue +7 -0
- package/src/components/icons/IconEcosystem.vue +7 -0
- package/src/components/icons/IconSupport.vue +7 -0
- package/src/components/icons/IconTooling.vue +19 -0
- package/src/main.ts +15 -0
- package/src/router/index.ts +40 -0
- package/src/stores/counter.ts +12 -0
- package/src/views/AboutView.vue +5 -0
- package/src/views/DashboardView.vue +86 -0
- package/src/views/FormView.vue +97 -0
- package/src/views/HomeView.vue +35 -0
- package/src/views/TableProView.vue +111 -0
- package/src/views/UserView.vue +85 -0
- package/tsconfig.app.json +18 -0
- package/tsconfig.json +11 -0
- package/tsconfig.node.json +27 -0
- package/vite.config.ts +18 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
{
|
|
2
|
+
"explorer.fileNesting.enabled": true,
|
|
3
|
+
"explorer.fileNesting.patterns": {
|
|
4
|
+
"tsconfig.json": "tsconfig.*.json, env.d.ts, typed-router.d.ts",
|
|
5
|
+
"vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
|
|
6
|
+
"package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
|
|
7
|
+
}
|
|
8
|
+
}
|
package/README.md
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
# verce-vue-test
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
+
|
|
5
|
+
## Recommended IDE Setup
|
|
6
|
+
|
|
7
|
+
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
+
|
|
9
|
+
## Recommended Browser Setup
|
|
10
|
+
|
|
11
|
+
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
|
|
12
|
+
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
|
|
13
|
+
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
|
|
14
|
+
- Firefox:
|
|
15
|
+
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
|
|
16
|
+
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
|
|
17
|
+
|
|
18
|
+
## Type Support for `.vue` Imports in TS
|
|
19
|
+
|
|
20
|
+
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
21
|
+
|
|
22
|
+
## Customize configuration
|
|
23
|
+
|
|
24
|
+
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
25
|
+
|
|
26
|
+
## Project Setup
|
|
27
|
+
|
|
28
|
+
```sh
|
|
29
|
+
npm install
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### Compile and Hot-Reload for Development
|
|
33
|
+
|
|
34
|
+
```sh
|
|
35
|
+
npm run dev
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### Type-Check, Compile and Minify for Production
|
|
39
|
+
|
|
40
|
+
```sh
|
|
41
|
+
npm run build
|
|
42
|
+
```
|
package/env.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|
package/index.html
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<link rel="icon" href="/favicon.ico">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>Vite App</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
package/package.json
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "verce-vue-test",
|
|
3
|
+
"version": "0.0.0",
|
|
4
|
+
"private": false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "run-p type-check \"build-only {@}\" --",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"build-only": "vite build",
|
|
11
|
+
"type-check": "vue-tsc --build",
|
|
12
|
+
"发布": "npm publish",
|
|
13
|
+
"修订 ": "npm version patch",
|
|
14
|
+
"次版本": "npm version minor",
|
|
15
|
+
"主版本": "npm version major",
|
|
16
|
+
"登录": "npm login ",
|
|
17
|
+
"一键发布": "npm version patch && npm publish"
|
|
18
|
+
},
|
|
19
|
+
"keywords": [
|
|
20
|
+
"express",
|
|
21
|
+
"web",
|
|
22
|
+
"application"
|
|
23
|
+
],
|
|
24
|
+
"author": "",
|
|
25
|
+
"license": "ISC",
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"element-plus": "^2.14.0",
|
|
28
|
+
"pinia": "^3.0.4",
|
|
29
|
+
"vue": "^3.5.32",
|
|
30
|
+
"vue-router": "^5.0.4"
|
|
31
|
+
},
|
|
32
|
+
"devDependencies": {
|
|
33
|
+
"@tsconfig/node24": "^24.0.4",
|
|
34
|
+
"@types/node": "^24.12.2",
|
|
35
|
+
"@vitejs/plugin-vue": "^6.0.6",
|
|
36
|
+
"@vue/tsconfig": "^0.9.1",
|
|
37
|
+
"npm-run-all2": "^8.0.4",
|
|
38
|
+
"typescript": "~6.0.0",
|
|
39
|
+
"vite": "^8.0.8",
|
|
40
|
+
"vite-plugin-vue-devtools": "^8.1.1",
|
|
41
|
+
"vue-tsc": "^3.2.6"
|
|
42
|
+
},
|
|
43
|
+
"engines": {
|
|
44
|
+
"node": "^20.19.0 || >=22.12.0"
|
|
45
|
+
},
|
|
46
|
+
"publishConfig": {
|
|
47
|
+
"access": "public",
|
|
48
|
+
"registry": "https://registry.npmjs.org"
|
|
49
|
+
}
|
|
50
|
+
}
|
|
Binary file
|
package/src/App.vue
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { RouterView } from 'vue-router'
|
|
3
|
+
</script>
|
|
4
|
+
|
|
5
|
+
<template>
|
|
6
|
+
<el-container style="min-height: 100vh">
|
|
7
|
+
<el-aside width="200px">
|
|
8
|
+
<el-menu
|
|
9
|
+
:default-active="$route.path"
|
|
10
|
+
router
|
|
11
|
+
background-color="#304156"
|
|
12
|
+
text-color="#bfcbd9"
|
|
13
|
+
active-text-color="#409eff"
|
|
14
|
+
>
|
|
15
|
+
<el-menu-item index="/">
|
|
16
|
+
<span>首页</span>
|
|
17
|
+
</el-menu-item>
|
|
18
|
+
<el-menu-item index="/dashboard">
|
|
19
|
+
<span>仪表盘</span>
|
|
20
|
+
</el-menu-item>
|
|
21
|
+
<el-menu-item index="/users">
|
|
22
|
+
<span>用户管理</span>
|
|
23
|
+
</el-menu-item>
|
|
24
|
+
<el-menu-item index="/form">
|
|
25
|
+
<span>表单页面</span>
|
|
26
|
+
</el-menu-item>
|
|
27
|
+
<el-menu-item index="/table-pro">
|
|
28
|
+
<span>高级表格</span>
|
|
29
|
+
</el-menu-item>
|
|
30
|
+
<el-menu-item index="/about">
|
|
31
|
+
<span>关于</span>
|
|
32
|
+
</el-menu-item>
|
|
33
|
+
</el-menu>
|
|
34
|
+
</el-aside>
|
|
35
|
+
|
|
36
|
+
<el-container>
|
|
37
|
+
<el-header>
|
|
38
|
+
<el-dropdown>
|
|
39
|
+
<span>管理员</span>
|
|
40
|
+
<template #dropdown>
|
|
41
|
+
<el-dropdown-menu>
|
|
42
|
+
<el-dropdown-item>个人中心</el-dropdown-item>
|
|
43
|
+
<el-dropdown-item divided>退出登录</el-dropdown-item>
|
|
44
|
+
</el-dropdown-menu>
|
|
45
|
+
</template>
|
|
46
|
+
</el-dropdown>
|
|
47
|
+
</el-header>
|
|
48
|
+
|
|
49
|
+
<el-main>
|
|
50
|
+
<RouterView />
|
|
51
|
+
</el-main>
|
|
52
|
+
</el-container>
|
|
53
|
+
</el-container>
|
|
54
|
+
</template>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|