Compare commits
No commits in common. "main" and "v2" have entirely different histories.
@ -1,4 +0,0 @@
|
|||||||
> 1%
|
|
||||||
last 2 versions
|
|
||||||
not dead
|
|
||||||
not ie 11
|
|
||||||
45
.cz-config.js
Normal file
45
.cz-config.js
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
module.exports = {
|
||||||
|
types: [
|
||||||
|
{ value: 'feat', name:'feat: 新增功能' },
|
||||||
|
{ value: 'fix', name:'fix: 修复bug' },
|
||||||
|
{ value: 'docs', name:'docs: 文档变更' },
|
||||||
|
{ value: 'style', name:'style: 代码格式（不影响功能，例如空格、分号等格式修正）' },
|
||||||
|
{ value: 'refactor', name:'refactor: 代码重构（不包括 bug 修复、功能新增）' },
|
||||||
|
{ value: 'perf', name:'perf: 性能优化' },
|
||||||
|
{ value: 'test', name:'test: 添加、修改测试用例' },
|
||||||
|
{ value: 'build', name:'build: 构建流程、外部依赖变更（如升级 npm 包、修改 脚手架 配置等）' },
|
||||||
|
{ value: 'ci', name:'ci: 修改 CI 配置、脚本' },
|
||||||
|
{ value: 'chore', name:'chore: 对构建过程或辅助工具和库的更改（不影响源文件、测试用例）' },
|
||||||
|
{ value: 'revert', name:'revert: 回滚 commit' },
|
||||||
|
{ value: 'wip', name:'wip: 开发中' },
|
||||||
|
{ value: 'mod', name:'mod: 不确定分类的修改' },
|
||||||
|
{ value: 'release', name:'release: 发布' },
|
||||||
|
],
|
||||||
|
scopes: [
|
||||||
|
['custom', '自定义'],
|
||||||
|
['projects', '项目搭建'],
|
||||||
|
['components', '组件相关'],
|
||||||
|
['utils', 'utils 相关'],
|
||||||
|
['styles', '样式相关'],
|
||||||
|
['deps', '项目依赖'],
|
||||||
|
['other', '其他修改'],
|
||||||
|
].map(([value, description]) => {
|
||||||
|
return {
|
||||||
|
value,
|
||||||
|
name: `${value.padEnd(30)} (${description})`
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
messages: {
|
||||||
|
type: '确保本次提交遵循 Angular 规范！选择你要提交的类型：\n',
|
||||||
|
scope: '选择一个 scope（可选）：',
|
||||||
|
customScope: '请输入自定义的 scope：',
|
||||||
|
subject: '填写简短精炼的变更描述：',
|
||||||
|
body: '填写更加详细的变更描述（可选）。使用 "|" 换行：',
|
||||||
|
breaking: '列举非兼容性重大的变更（可选）：',
|
||||||
|
footer: '列举出所有变更的 Issues Closed（可选）。 例如: #31, #34：',
|
||||||
|
confirmCommit: '确认提交？'
|
||||||
|
},
|
||||||
|
allowBreakingChanges: ['feat', 'fix'],
|
||||||
|
subjectLimit: 100,
|
||||||
|
breaklineChar: '|'
|
||||||
|
}
|
||||||
@ -1,21 +0,0 @@
|
|||||||
node_modules
|
|
||||||
.DS_Store
|
|
||||||
dist
|
|
||||||
dist-ssr
|
|
||||||
*.local
|
|
||||||
.eslintcache
|
|
||||||
report.html
|
|
||||||
|
|
||||||
yarn.lock
|
|
||||||
npm-debug.log*
|
|
||||||
.pnpm-error.log*
|
|
||||||
.pnpm-debug.log
|
|
||||||
tests/**/coverage/
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.idea
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
tsconfig.tsbuildinfo
|
|
||||||
19
.drone.yml
Normal file
19
.drone.yml
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
kind: pipeline
|
||||||
|
type: docker
|
||||||
|
name: wireguard-ui
|
||||||
|
|
||||||
|
trigger:
|
||||||
|
event: [tag]
|
||||||
|
|
||||||
|
steps:
|
||||||
|
- name: builder
|
||||||
|
image: plugins/docker
|
||||||
|
settings:
|
||||||
|
registry: gitea.mrx.ltd # 镜像仓库地址
|
||||||
|
repo: gitea.mrx.ltd/go-pkg/wireguard-ui # 镜像仓库地址
|
||||||
|
username:
|
||||||
|
from_secret: docker_user
|
||||||
|
password:
|
||||||
|
from_secret: docker_pwd
|
||||||
|
use_cache: true
|
||||||
|
auto_tag: true
|
||||||
@ -1,14 +1,5 @@
|
|||||||
# http://editorconfig.org
|
|
||||||
root = true
|
root = true
|
||||||
|
|
||||||
[*]
|
[*]
|
||||||
charset = utf-8
|
charset = utf-8
|
||||||
indent_style = space
|
end_of_line = lf
|
||||||
indent_size = 2
|
|
||||||
end_of_line = lf
|
|
||||||
insert_final_newline = true
|
|
||||||
trim_trailing_whitespace = true
|
|
||||||
|
|
||||||
[*.md]
|
|
||||||
insert_final_newline = false
|
|
||||||
trim_trailing_whitespace = false
|
|
||||||
7
.env
7
.env
@ -1,6 +1,3 @@
|
|||||||
# 平台本地运行端口号
|
VITE_TITLE = 'Wireguard-UI'
|
||||||
VITE_PORT = 8848
|
|
||||||
|
|
||||||
# 是否隐藏首页 隐藏 true 不隐藏 false （勿删除，VITE_HIDE_HOME只需在.env文件配置）
|
|
||||||
VITE_HIDE_HOME = false
|
|
||||||
|
|
||||||
|
VITE_PORT = 3100
|
||||||
|
|||||||
@ -1,8 +1,13 @@
|
|||||||
# 平台本地运行端口号
|
# 资源公共路径,需要以 /开头和结尾
|
||||||
VITE_PORT = 8848
|
VITE_PUBLIC_PATH = '/'
|
||||||
|
|
||||||
# 开发环境读取配置文件路径
|
VITE_USE_HASH = true
|
||||||
VITE_PUBLIC_PATH = /
|
|
||||||
|
|
||||||
# 开发环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
|
# 是否启用MOCK
|
||||||
VITE_ROUTER_HISTORY = "hash"
|
VITE_USE_MOCK = true
|
||||||
|
|
||||||
|
# 是否启用MOCK
|
||||||
|
VITE_USE_PROXY = true
|
||||||
|
|
||||||
|
# base api
|
||||||
|
VITE_BASE_API = '/api'
|
||||||
|
|||||||
13
.env.github
Normal file
13
.env.github
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
# 自定义域名CNAME
|
||||||
|
# VITE_CNAME = 'template.isme.top'
|
||||||
|
|
||||||
|
# 资源公共路径,需要以 /开头和结尾
|
||||||
|
VITE_PUBLIC_PATH = '/vue-naive-admin/'
|
||||||
|
|
||||||
|
VITE_USE_HASH = true
|
||||||
|
|
||||||
|
# 是否启用MOCK
|
||||||
|
VITE_USE_MOCK = true
|
||||||
|
|
||||||
|
# base api
|
||||||
|
VITE_BASE_API = '/api'
|
||||||
@ -1,13 +1,16 @@
|
|||||||
# 线上环境平台打包路径
|
# 资源公共路径,需要以 /开头和结尾
|
||||||
VITE_PUBLIC_PATH = /web
|
VITE_PUBLIC_PATH = '/web'
|
||||||
|
|
||||||
# 线上环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
|
VITE_USE_HASH = true
|
||||||
VITE_ROUTER_HISTORY = "hash"
|
|
||||||
|
|
||||||
# 是否在打包时使用cdn替换本地库 替换 true 不替换 false
|
# 是否启用MOCK
|
||||||
VITE_CDN = false
|
VITE_USE_MOCK = false
|
||||||
|
|
||||||
# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
|
# base api
|
||||||
# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
|
VITE_BASE_API = '/api'
|
||||||
# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
|
|
||||||
VITE_COMPRESSION = "both"
|
# 是否启用压缩
|
||||||
|
VITE_USE_COMPRESS = false
|
||||||
|
|
||||||
|
# 压缩类型
|
||||||
|
VITE_COMPRESS_TYPE = gzip
|
||||||
|
|||||||
16
.env.staging
16
.env.staging
@ -1,16 +0,0 @@
|
|||||||
# 预发布也需要生产环境的行为
|
|
||||||
# https://cn.vitejs.dev/guide/env-and-mode.html#modes
|
|
||||||
# NODE_ENV = development
|
|
||||||
|
|
||||||
VITE_PUBLIC_PATH = /
|
|
||||||
|
|
||||||
# 预发布环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
|
|
||||||
VITE_ROUTER_HISTORY = "hash"
|
|
||||||
|
|
||||||
# 是否在打包时使用cdn替换本地库 替换 true 不替换 false
|
|
||||||
VITE_CDN = true
|
|
||||||
|
|
||||||
# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
|
|
||||||
# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
|
|
||||||
# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
|
|
||||||
VITE_COMPRESSION = "none"
|
|
||||||
7
.env.test
Normal file
7
.env.test
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
VITE_PUBLIC_PATH = '/'
|
||||||
|
|
||||||
|
# 是否启用MOCK
|
||||||
|
VITE_USE_MOCK = true
|
||||||
|
|
||||||
|
# base api
|
||||||
|
VITE_BASE_API = '/api'
|
||||||
62
.eslint-global-variables.json
Normal file
62
.eslint-global-variables.json
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
{
|
||||||
|
"globals": {
|
||||||
|
"$loadingBar": true,
|
||||||
|
"$message": true,
|
||||||
|
"defineOptions": true,
|
||||||
|
"$dialog": true,
|
||||||
|
"$notification": true,
|
||||||
|
"EffectScope": true,
|
||||||
|
"computed": true,
|
||||||
|
"createApp": true,
|
||||||
|
"customRef": true,
|
||||||
|
"defineAsyncComponent": true,
|
||||||
|
"defineComponent": true,
|
||||||
|
"effectScope": true,
|
||||||
|
"getCurrentInstance": true,
|
||||||
|
"getCurrentScope": true,
|
||||||
|
"h": true,
|
||||||
|
"inject": true,
|
||||||
|
"isProxy": true,
|
||||||
|
"isReactive": true,
|
||||||
|
"isReadonly": true,
|
||||||
|
"isRef": true,
|
||||||
|
"markRaw": true,
|
||||||
|
"nextTick": true,
|
||||||
|
"onActivated": true,
|
||||||
|
"onBeforeMount": true,
|
||||||
|
"onBeforeUnmount": true,
|
||||||
|
"onBeforeUpdate": true,
|
||||||
|
"onDeactivated": true,
|
||||||
|
"onErrorCaptured": true,
|
||||||
|
"onMounted": true,
|
||||||
|
"onRenderTracked": true,
|
||||||
|
"onRenderTriggered": true,
|
||||||
|
"onScopeDispose": true,
|
||||||
|
"onServerPrefetch": true,
|
||||||
|
"onUnmounted": true,
|
||||||
|
"onUpdated": true,
|
||||||
|
"provide": true,
|
||||||
|
"reactive": true,
|
||||||
|
"readonly": true,
|
||||||
|
"ref": true,
|
||||||
|
"resolveComponent": true,
|
||||||
|
"shallowReactive": true,
|
||||||
|
"shallowReadonly": true,
|
||||||
|
"shallowRef": true,
|
||||||
|
"toRaw": true,
|
||||||
|
"toRef": true,
|
||||||
|
"toRefs": true,
|
||||||
|
"triggerRef": true,
|
||||||
|
"unref": true,
|
||||||
|
"useAttrs": true,
|
||||||
|
"useCssModule": true,
|
||||||
|
"useCssVars": true,
|
||||||
|
"useRoute": true,
|
||||||
|
"useRouter": true,
|
||||||
|
"useSlots": true,
|
||||||
|
"watch": true,
|
||||||
|
"watchEffect": true,
|
||||||
|
"watchPostEffect": true,
|
||||||
|
"watchSyncEffect": true
|
||||||
|
}
|
||||||
|
}
|
||||||
4
.eslintignore
Normal file
4
.eslintignore
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
public
|
||||||
|
package.json
|
||||||
1
.github/FUNDING.yml
vendored
Normal file
1
.github/FUNDING.yml
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
custom: ['https://afdian.net/a/isme-admin']
|
||||||
20
.gitignore
vendored
20
.gitignore
vendored
@ -1,22 +1,4 @@
|
|||||||
node_modules
|
node_modules
|
||||||
.DS_Store
|
|
||||||
dist
|
dist
|
||||||
dist-ssr
|
|
||||||
*.local
|
*.local
|
||||||
.eslintcache
|
stats.html
|
||||||
report.html
|
|
||||||
vite.config.*.timestamp*
|
|
||||||
|
|
||||||
yarn.lock
|
|
||||||
npm-debug.log*
|
|
||||||
.pnpm-error.log*
|
|
||||||
.pnpm-debug.log
|
|
||||||
tests/**/coverage/
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.idea
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
tsconfig.tsbuildinfo
|
|
||||||
|
|||||||
36
.husky/_/husky.sh
Normal file
36
.husky/_/husky.sh
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
#!/usr/bin/env sh
|
||||||
|
if [ -z "$husky_skip_init" ]; then
|
||||||
|
debug () {
|
||||||
|
if [ "$HUSKY_DEBUG" = "1" ]; then
|
||||||
|
echo "husky (debug) - $1"
|
||||||
|
fi
|
||||||
|
}
|
||||||
|
|
||||||
|
readonly hook_name="$(basename -- "$0")"
|
||||||
|
debug "starting $hook_name..."
|
||||||
|
|
||||||
|
if [ "$HUSKY" = "0" ]; then
|
||||||
|
debug "HUSKY env variable is set to 0, skipping hook"
|
||||||
|
exit 0
|
||||||
|
fi
|
||||||
|
|
||||||
|
if [ -f ~/.huskyrc ]; then
|
||||||
|
debug "sourcing ~/.huskyrc"
|
||||||
|
. ~/.huskyrc
|
||||||
|
fi
|
||||||
|
|
||||||
|
readonly husky_skip_init=1
|
||||||
|
export husky_skip_init
|
||||||
|
sh -e "$0" "$@"
|
||||||
|
exitCode="$?"
|
||||||
|
|
||||||
|
if [ $exitCode != 0 ]; then
|
||||||
|
echo "husky - $hook_name hook exited with code $exitCode (error)"
|
||||||
|
fi
|
||||||
|
|
||||||
|
if [ $exitCode = 127 ]; then
|
||||||
|
echo "husky - command not found in PATH=$PATH"
|
||||||
|
fi
|
||||||
|
|
||||||
|
exit $exitCode
|
||||||
|
fi
|
||||||
10
.husky/commit-msg
Executable file → Normal file
10
.husky/commit-msg
Executable file → Normal file
@ -1,8 +1,4 @@
|
|||||||
#!/bin/sh
|
#!/usr/bin/env sh
|
||||||
|
. "$(dirname -- "$0")/_/husky.sh"
|
||||||
|
|
||||||
# shellcheck source=./_/husky.sh
|
npx --no-install commitlint --edit "$1"
|
||||||
. "$(dirname "$0")/_/husky.sh"
|
|
||||||
|
|
||||||
PATH="/usr/local/bin:$PATH"
|
|
||||||
|
|
||||||
npx --no-install commitlint --edit "$1"
|
|
||||||
|
|||||||
@ -1,9 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
command_exists () {
|
|
||||||
command -v "$1" >/dev/null 2>&1
|
|
||||||
}
|
|
||||||
|
|
||||||
# Workaround for Windows 10, Git Bash and Pnpm
|
|
||||||
if command_exists winpty && test -t 1; then
|
|
||||||
exec < /dev/tty
|
|
||||||
fi
|
|
||||||
12
.husky/pre-commit
Executable file → Normal file
12
.husky/pre-commit
Executable file → Normal file
@ -1,10 +1,4 @@
|
|||||||
#!/bin/sh
|
#!/usr/bin/env sh
|
||||||
. "$(dirname "$0")/_/husky.sh"
|
. "$(dirname -- "$0")/_/husky.sh"
|
||||||
. "$(dirname "$0")/common.sh"
|
|
||||||
|
|
||||||
[ -n "$CI" ] && exit 0
|
npm run lint:staged
|
||||||
|
|
||||||
PATH="/usr/local/bin:$PATH"
|
|
||||||
|
|
||||||
# Perform lint check on files in the staging area through .lintstagedrc configuration
|
|
||||||
pnpm exec lint-staged
|
|
||||||
|
|||||||
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
65
.idea/codeStyles/Project.xml
generated
Normal file
65
.idea/codeStyles/Project.xml
generated
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
<component name="ProjectCodeStyleConfiguration">
|
||||||
|
<code_scheme name="Project" version="173">
|
||||||
|
<option name="LINE_SEPARATOR" value=" " />
|
||||||
|
<HTMLCodeStyleSettings>
|
||||||
|
<option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
|
||||||
|
</HTMLCodeStyleSettings>
|
||||||
|
<JSCodeStyleSettings version="0">
|
||||||
|
<option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
|
||||||
|
<option name="FORCE_SEMICOLON_STYLE" value="true" />
|
||||||
|
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
|
||||||
|
<option name="USE_DOUBLE_QUOTES" value="false" />
|
||||||
|
<option name="FORCE_QUOTE_STYlE" value="true" />
|
||||||
|
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
|
||||||
|
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
|
||||||
|
<option name="SPACES_WITHIN_IMPORTS" value="true" />
|
||||||
|
</JSCodeStyleSettings>
|
||||||
|
<TypeScriptCodeStyleSettings version="0">
|
||||||
|
<option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
|
||||||
|
<option name="FORCE_SEMICOLON_STYLE" value="true" />
|
||||||
|
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
|
||||||
|
<option name="USE_DOUBLE_QUOTES" value="false" />
|
||||||
|
<option name="FORCE_QUOTE_STYlE" value="true" />
|
||||||
|
<option name="ENFORCE_TRAILING_COMMA" value="Remove" />
|
||||||
|
<option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
|
||||||
|
<option name="SPACES_WITHIN_IMPORTS" value="true" />
|
||||||
|
</TypeScriptCodeStyleSettings>
|
||||||
|
<VueCodeStyleSettings>
|
||||||
|
<option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
|
||||||
|
<option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
|
||||||
|
</VueCodeStyleSettings>
|
||||||
|
<editorconfig>
|
||||||
|
<option name="ENABLED" value="false" />
|
||||||
|
</editorconfig>
|
||||||
|
<codeStyleSettings language="HTML">
|
||||||
|
<option name="SOFT_MARGINS" value="100" />
|
||||||
|
<indentOptions>
|
||||||
|
<option name="INDENT_SIZE" value="2" />
|
||||||
|
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||||
|
<option name="TAB_SIZE" value="2" />
|
||||||
|
</indentOptions>
|
||||||
|
</codeStyleSettings>
|
||||||
|
<codeStyleSettings language="JavaScript">
|
||||||
|
<option name="SOFT_MARGINS" value="100" />
|
||||||
|
<indentOptions>
|
||||||
|
<option name="INDENT_SIZE" value="2" />
|
||||||
|
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||||
|
<option name="TAB_SIZE" value="2" />
|
||||||
|
</indentOptions>
|
||||||
|
</codeStyleSettings>
|
||||||
|
<codeStyleSettings language="TypeScript">
|
||||||
|
<option name="SOFT_MARGINS" value="100" />
|
||||||
|
<indentOptions>
|
||||||
|
<option name="INDENT_SIZE" value="2" />
|
||||||
|
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||||
|
<option name="TAB_SIZE" value="2" />
|
||||||
|
</indentOptions>
|
||||||
|
</codeStyleSettings>
|
||||||
|
<codeStyleSettings language="Vue">
|
||||||
|
<option name="SOFT_MARGINS" value="100" />
|
||||||
|
<indentOptions>
|
||||||
|
<option name="CONTINUATION_INDENT_SIZE" value="2" />
|
||||||
|
</indentOptions>
|
||||||
|
</codeStyleSettings>
|
||||||
|
</code_scheme>
|
||||||
|
</component>
|
||||||
5
.idea/codeStyles/codeStyleConfig.xml
generated
Normal file
5
.idea/codeStyles/codeStyleConfig.xml
generated
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<component name="ProjectCodeStyleConfiguration">
|
||||||
|
<state>
|
||||||
|
<option name="USE_PER_PROJECT_SETTINGS" value="true" />
|
||||||
|
</state>
|
||||||
|
</component>
|
||||||
6
.idea/git_toolbox_blame.xml
generated
Normal file
6
.idea/git_toolbox_blame.xml
generated
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="GitToolBoxBlameSettings">
|
||||||
|
<option name="version" value="2" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
7
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
7
.idea/inspectionProfiles/Project_Default.xml
generated
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<component name="InspectionProjectProfileManager">
|
||||||
|
<profile version="1.0">
|
||||||
|
<option name="myName" value="Project Default" />
|
||||||
|
<inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
|
||||||
|
<inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
|
||||||
|
</profile>
|
||||||
|
</component>
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/wireguard-ui.iml" filepath="$PROJECT_DIR$/.idea/wireguard-ui.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
.idea/vcs.xml
generated
Normal file
6
.idea/vcs.xml
generated
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
12
.idea/wireguard-ui.iml
generated
Normal file
12
.idea/wireguard-ui.iml
generated
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
@ -1,20 +0,0 @@
|
|||||||
{
|
|
||||||
"*.{js,jsx,ts,tsx}": [
|
|
||||||
"prettier --cache --ignore-unknown --write",
|
|
||||||
"eslint --cache --fix"
|
|
||||||
],
|
|
||||||
"{!(package)*.json,*.code-snippets,.!({browserslist,nvm})*rc}": [
|
|
||||||
"prettier --cache --write--parser json"
|
|
||||||
],
|
|
||||||
"package.json": ["prettier --cache --write"],
|
|
||||||
"*.vue": [
|
|
||||||
"prettier --write",
|
|
||||||
"eslint --cache --fix",
|
|
||||||
"stylelint --fix --allow-empty-input"
|
|
||||||
],
|
|
||||||
"*.{css,scss,html}": [
|
|
||||||
"prettier --cache --ignore-unknown --write",
|
|
||||||
"stylelint --fix --allow-empty-input"
|
|
||||||
],
|
|
||||||
"*.md": ["prettier --cache --ignore-unknown --write"]
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
{
|
|
||||||
"default": true,
|
|
||||||
"MD003": false,
|
|
||||||
"MD033": false,
|
|
||||||
"MD013": false,
|
|
||||||
"MD001": false,
|
|
||||||
"MD025": false,
|
|
||||||
"MD024": false,
|
|
||||||
"MD007": { "indent": 4 },
|
|
||||||
"no-hard-tabs": false
|
|
||||||
}
|
|
||||||
3
.npmrc
3
.npmrc
@ -1,3 +0,0 @@
|
|||||||
shamefully-hoist=true
|
|
||||||
strict-peer-dependencies=false
|
|
||||||
shell-emulator=true
|
|
||||||
3
.prettierignore
Normal file
3
.prettierignore
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
/node_modules/**
|
||||||
|
/dist/*
|
||||||
|
/public/*
|
||||||
@ -1,9 +0,0 @@
|
|||||||
// @ts-check
|
|
||||||
|
|
||||||
/** @type {import("prettier").Config} */
|
|
||||||
export default {
|
|
||||||
bracketSpacing: true,
|
|
||||||
singleQuote: false,
|
|
||||||
arrowParens: "avoid",
|
|
||||||
trailingComma: "none"
|
|
||||||
};
|
|
||||||
7
.prettierrc.json
Normal file
7
.prettierrc.json
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
{
|
||||||
|
"printWidth": 100,
|
||||||
|
"singleQuote": true,
|
||||||
|
"semi": false,
|
||||||
|
"endOfLine": "lf",
|
||||||
|
"htmlWhitespaceSensitivity": "ignore"
|
||||||
|
}
|
||||||
@ -1,4 +0,0 @@
|
|||||||
/dist/*
|
|
||||||
/public/*
|
|
||||||
public/*
|
|
||||||
src/style/reset.scss
|
|
||||||
17
.vscode/extensions.json
vendored
17
.vscode/extensions.json
vendored
@ -1,18 +1,9 @@
|
|||||||
{
|
{
|
||||||
"recommendations": [
|
"recommendations": [
|
||||||
"christian-kohler.path-intellisense",
|
"vue.volar",
|
||||||
"vscode-icons-team.vscode-icons",
|
|
||||||
"davidanson.vscode-markdownlint",
|
|
||||||
"ms-azuretools.vscode-docker",
|
|
||||||
"stylelint.vscode-stylelint",
|
|
||||||
"bradlc.vscode-tailwindcss",
|
|
||||||
"dbaeumer.vscode-eslint",
|
|
||||||
"esbenp.prettier-vscode",
|
|
||||||
"redhat.vscode-yaml",
|
|
||||||
"csstools.postcss",
|
|
||||||
"mikestead.dotenv",
|
|
||||||
"eamodio.gitlens",
|
|
||||||
"antfu.iconify",
|
"antfu.iconify",
|
||||||
"Vue.volar"
|
"mikestead.dotenv",
|
||||||
|
"sdras.vue-vscode-snippets",
|
||||||
|
"cipchk.cssrem",
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
14
.vscode/launch.json
vendored
Normal file
14
.vscode/launch.json
vendored
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": [
|
||||||
|
{
|
||||||
|
"name": "一键启动",
|
||||||
|
"type": "node",
|
||||||
|
"request": "launch",
|
||||||
|
"runtimeExecutable": "npm",
|
||||||
|
"runtimeArgs": ["run-script", "dev"],
|
||||||
|
"console": "integratedTerminal",
|
||||||
|
"skipFiles": ["<node_internals>/**"]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
45
.vscode/settings.json
vendored
45
.vscode/settings.json
vendored
@ -1,31 +1,30 @@
|
|||||||
{
|
{
|
||||||
"editor.formatOnType": true,
|
|
||||||
"editor.formatOnSave": true,
|
"editor.formatOnSave": true,
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||||
|
"prettier.printWidth": 120,
|
||||||
|
"prettier.singleQuote": true,
|
||||||
|
"prettier.semi": false,
|
||||||
|
"prettier.endOfLine": "lf",
|
||||||
|
"files.eol": "\n",
|
||||||
|
|
||||||
|
"[javascript]": {
|
||||||
|
"editor.formatOnSave": false
|
||||||
|
},
|
||||||
|
"[typescript]": {
|
||||||
|
"editor.formatOnSave": false
|
||||||
|
},
|
||||||
|
"[typescriptreact]": {
|
||||||
|
"editor.formatOnSave": false
|
||||||
|
},
|
||||||
"[vue]": {
|
"[vue]": {
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
"editor.formatOnSave": false
|
||||||
},
|
|
||||||
"editor.tabSize": 2,
|
|
||||||
"editor.formatOnPaste": true,
|
|
||||||
"editor.guides.bracketPairs": "active",
|
|
||||||
"files.autoSave": "afterDelay",
|
|
||||||
"git.confirmSync": false,
|
|
||||||
"workbench.startupEditor": "newUntitledFile",
|
|
||||||
"editor.suggestSelection": "first",
|
|
||||||
"editor.acceptSuggestionOnCommitCharacter": false,
|
|
||||||
"css.lint.propertyIgnoredDueToDisplay": "ignore",
|
|
||||||
"editor.quickSuggestions": {
|
|
||||||
"other": true,
|
|
||||||
"comments": true,
|
|
||||||
"strings": true
|
|
||||||
},
|
|
||||||
"files.associations": {
|
|
||||||
"editor.snippetSuggestions": "top"
|
|
||||||
},
|
|
||||||
"[css]": {
|
|
||||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
||||||
},
|
},
|
||||||
|
"eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
|
||||||
"editor.codeActionsOnSave": {
|
"editor.codeActionsOnSave": {
|
||||||
"source.fixAll.eslint": "explicit"
|
"source.fixAll.eslint": "explicit"
|
||||||
},
|
},
|
||||||
"iconify.excludes": ["el"]
|
"files.associations": {
|
||||||
|
"*.env.*": "dotenv",
|
||||||
|
"*.css": "postcss"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
22
.vscode/vue3.0.code-snippets
vendored
22
.vscode/vue3.0.code-snippets
vendored
@ -1,22 +0,0 @@
|
|||||||
{
|
|
||||||
"Vue3.0快速生成模板": {
|
|
||||||
"scope": "vue",
|
|
||||||
"prefix": "Vue3.0",
|
|
||||||
"body": [
|
|
||||||
"<template>",
|
|
||||||
"\t<div>test</div>",
|
|
||||||
"</template>\n",
|
|
||||||
"<script lang='ts'>",
|
|
||||||
"export default {",
|
|
||||||
"\tsetup() {",
|
|
||||||
"\t\treturn {}",
|
|
||||||
"\t}",
|
|
||||||
"}",
|
|
||||||
"</script>\n",
|
|
||||||
"<style lang='scss' scoped>\n",
|
|
||||||
"</style>",
|
|
||||||
"$2"
|
|
||||||
],
|
|
||||||
"description": "Vue3.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
17
.vscode/vue3.2.code-snippets
vendored
17
.vscode/vue3.2.code-snippets
vendored
@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"Vue3.2+快速生成模板": {
|
|
||||||
"scope": "vue",
|
|
||||||
"prefix": "Vue3.2+",
|
|
||||||
"body": [
|
|
||||||
"<script setup lang='ts'>",
|
|
||||||
"</script>\n",
|
|
||||||
"<template>",
|
|
||||||
"\t<div>test</div>",
|
|
||||||
"</template>\n",
|
|
||||||
"<style lang='scss' scoped>\n",
|
|
||||||
"</style>",
|
|
||||||
"$2"
|
|
||||||
],
|
|
||||||
"description": "Vue3.2+"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
20
.vscode/vue3.3.code-snippets
vendored
20
.vscode/vue3.3.code-snippets
vendored
@ -1,20 +0,0 @@
|
|||||||
{
|
|
||||||
"Vue3.3+defineOptions快速生成模板": {
|
|
||||||
"scope": "vue",
|
|
||||||
"prefix": "Vue3.3+",
|
|
||||||
"body": [
|
|
||||||
"<script setup lang='ts'>",
|
|
||||||
"defineOptions({",
|
|
||||||
"\tname: ''",
|
|
||||||
"})",
|
|
||||||
"</script>\n",
|
|
||||||
"<template>",
|
|
||||||
"\t<div>test</div>",
|
|
||||||
"</template>\n",
|
|
||||||
"<style lang='scss' scoped>\n",
|
|
||||||
"</style>",
|
|
||||||
"$2"
|
|
||||||
],
|
|
||||||
"description": "Vue3.3+defineOptions快速生成模板"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
30
Dockerfile
30
Dockerfile
@ -1,20 +1,22 @@
|
|||||||
|
# 打包前端
|
||||||
FROM node:18-alpine as build-stage
|
FROM node:18-alpine as build-stage
|
||||||
|
|
||||||
WORKDIR /app
|
WORKDIR front
|
||||||
|
COPY . .
|
||||||
|
WORKDIR web
|
||||||
|
|
||||||
RUN corepack enable
|
RUN corepack enable
|
||||||
RUN corepack prepare pnpm@8.6.10 --activate
|
RUN corepack prepare pnpm@8.6.10 --activate
|
||||||
|
|
||||||
RUN npm config set registry https://registry.npmmirror.com
|
RUN npm config set registry https://registry.npmmirror.com
|
||||||
|
RUN pnpm install
|
||||||
|
RUN pnpm run build
|
||||||
|
|
||||||
COPY .npmrc package.json pnpm-lock.yaml ./
|
# 前端集成打包
|
||||||
RUN pnpm install --frozen-lockfile
|
FROM nginx:alpine
|
||||||
|
WORKDIR /data
|
||||||
COPY . .
|
# 替换掉Nginx默认配置
|
||||||
RUN pnpm build
|
RUN rm /etc/nginx/conf.d/default.conf
|
||||||
|
COPY --from=build-stage /front/docker/web.conf /etc/nginx/conf.d/default.conf
|
||||||
FROM nginx:stable-alpine as production-stage
|
COPY --from=build-stage /front/dist/ ./
|
||||||
|
# 复制编译后的文件到容器内
|
||||||
COPY --from=build-stage /app/dist /usr/share/nginx/html
|
RUN /bin/sh -c 'echo init ok'
|
||||||
EXPOSE 80
|
|
||||||
|
|
||||||
CMD ["nginx", "-g", "daemon off;"]
|
|
||||||
2
LICENSE
2
LICENSE
@ -1,6 +1,6 @@
|
|||||||
MIT License
|
MIT License
|
||||||
|
|
||||||
Copyright (c) 2020-present, pure-admin
|
Copyright (c) 2022 Ronnie Zhang
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|||||||
208
README.EN.md
Normal file
208
README.EN.md
Normal file
@ -0,0 +1,208 @@
|
|||||||
|
<p align="center">
|
||||||
|
<a href="https://github.com/zclzone/vue-naive-admin">
|
||||||
|
<img alt="Vue Naive Admin Logo" width="200" src="./src/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p align="center">
|
||||||
|
<a href="./LICENSE"><img allt="MIT License" src="https://badgen.net/github/license/zclzone/vue-naive-admin"/></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align='center'>
|
||||||
|
<b>英文</b> |
|
||||||
|
<a href="https://github.com/zclzone/vue-naive-admin/blob/main/README.md">中文</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
### Introduction
|
||||||
|
|
||||||
|
[Vue Naive Admin](https://github.com/zclzone/vue-naive-admin) is a **completely open source free and commercially allowed ** admin template，Based on the latest technology stack of front-end such as `Vue3、Vite3、Pinia、Unocss and Naive UI`. Compared with other more popular backend management templates, this project is more concise, lightweight, fresh style, very low learning costs, ideal for small and medium-sized projects or personal projects.
|
||||||
|
|
||||||
|
### Features
|
||||||
|
|
||||||
|
- 🍒 Integrated [Naive UI](https://www.naiveui.com)，recommended by Evan You.
|
||||||
|
- 🍑 Integrated login, logout and permission verification.
|
||||||
|
- 🍐 Integrated multi-environment configuration, dev, test, production and github pages environments.
|
||||||
|
- 🍎 Integrated `eslint + prettier`.
|
||||||
|
- 🍌 Integrated `husky + commitlint`.
|
||||||
|
- 🍉 Integrated `Mock`.
|
||||||
|
- 🍍 Integrated `pinia`，lightweight, simple and easy to use alternative to vuex.
|
||||||
|
- 📦 Integrated `unplugin` auto import.
|
||||||
|
- 🤹 Integrated `iconify` icon，support custom svg icons.
|
||||||
|
- 🍇 Integrated `unocss`.
|
||||||
|
|
||||||
|
### Preview
|
||||||
|
|
||||||
|
[https://template.isme.top](https://template.isme.top)
|
||||||
|
|
||||||
|
[https://base.isme.top](https://base.isme.top)
|
||||||
|
|
||||||
|
### Docs
|
||||||
|
|
||||||
|
[Vue Naive Admin Docs](https://zclzone.github.io/vue-naive-admin-docs)
|
||||||
|
|
||||||
|
|
||||||
|
### Getting Started
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# Recommended setup git autocrlf 为 false
|
||||||
|
git config --global core.autocrlf false
|
||||||
|
|
||||||
|
# Clone Project
|
||||||
|
git clone https://github.com/zclzone/vue-naive-admin.git
|
||||||
|
|
||||||
|
cd vue-naive-admin
|
||||||
|
|
||||||
|
# Install dependencies(Recommended use pnpm: https://pnpm.io/zh/installation)
|
||||||
|
npm i -g pnpm # Installed and can be ignored
|
||||||
|
pnpm i # or npm i
|
||||||
|
|
||||||
|
# Start
|
||||||
|
pnpm dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### Build and Release
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# Test Environment
|
||||||
|
pnpm build:test
|
||||||
|
|
||||||
|
# Github Environment
|
||||||
|
pnpm build:github
|
||||||
|
|
||||||
|
# Prod Environment
|
||||||
|
pnpm build
|
||||||
|
```
|
||||||
|
|
||||||
|
### Other
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# eslint check
|
||||||
|
pnpm lint
|
||||||
|
|
||||||
|
# eslint check and fix
|
||||||
|
pnpm lint:fix
|
||||||
|
|
||||||
|
# Preview（Need to build first）
|
||||||
|
pnpm preview
|
||||||
|
|
||||||
|
# Commit（husky+commitlint）
|
||||||
|
pnpm cz
|
||||||
|
```
|
||||||
|
|
||||||
|
### Directory description
|
||||||
|
|
||||||
|
```
|
||||||
|
Vue Naive Admin
|
||||||
|
|-- .github // github相关，如推送github仓库后自动部署gh pages
|
||||||
|
|-- .husky // git commit钩子
|
||||||
|
|-- .vscode // vscode编辑器相关
|
||||||
|
| |-- extensions.json // 插件推荐
|
||||||
|
| |-- settings.json // 项目级别的vscode配置，优先级大于全局vscode配置
|
||||||
|
|-- build // 构建相关配置
|
||||||
|
| |-- constant.js // 构建相关的常量
|
||||||
|
| |-- utils.js // 构建相关的工具方法
|
||||||
|
| |-- config
|
||||||
|
| | |-- define.js // 注入全局常量，启动或打包后将添加到window中
|
||||||
|
| | |-- proxy.js // 代理配置
|
||||||
|
| |-- plugin
|
||||||
|
| | |-- html.js // vite-plugin-html插件，用于注入变量或者html标签
|
||||||
|
| | |-- mock.js // vite-plugin-mock插件，处理mock
|
||||||
|
| | |-- unplugin.js // unplugin相关插件，包含DefineOptions和自动导入
|
||||||
|
| |-- script // 打包完成后执行的一些node脚本（不重要）
|
||||||
|
| |-- build-cname.js // 自动生成cname
|
||||||
|
|-- mock // mock
|
||||||
|
| |-- utils.js // mock请求需要用到的工具方法
|
||||||
|
| |-- api // mock接口
|
||||||
|
|-- public // 公共资源，文件夹下的文件会在打包后会直接加到dist根目录下
|
||||||
|
|-- settings // 项目配置
|
||||||
|
| |-- proxy-config.js // 代理配置文件
|
||||||
|
| |-- theme.json // 主题配置项，主题色等
|
||||||
|
|-- src
|
||||||
|
| |-- api // 公共api
|
||||||
|
| |-- assets // 静态资源
|
||||||
|
| | |-- images // 图片
|
||||||
|
| | |-- svg // svg图标
|
||||||
|
| |-- components // 全局组件
|
||||||
|
| | |-- common // 公共组件
|
||||||
|
| | |-- icon // icon相关组件
|
||||||
|
| | |-- page // 页面组件
|
||||||
|
| | |-- query-bar // 查询选项
|
||||||
|
| | |-- table // 封装的表格组件
|
||||||
|
| |-- composables // 封装的组合式函数
|
||||||
|
| |-- layout // 布局相关组件
|
||||||
|
| | |-- components
|
||||||
|
| | |-- AppMain.vue // 主体内容
|
||||||
|
| | |-- header // 头部
|
||||||
|
| | |-- sidebar // 侧边菜单栏
|
||||||
|
| | |-- tags // 多页签栏
|
||||||
|
| |-- router // 路由
|
||||||
|
| | |-- guard // 路由守卫
|
||||||
|
| | |-- routes // 路由列表
|
||||||
|
| |-- store // 状态管理（pinia）
|
||||||
|
| | |-- modules // 模块
|
||||||
|
| | |-- app // 管理页面重新加载、折叠菜单栏和keepAlive等
|
||||||
|
| | |-- permission // 权限相关，管理权限菜单
|
||||||
|
| | |-- tags // 管理多页签
|
||||||
|
| | |-- user // 用户模块，管理用户信息、登录登出
|
||||||
|
| |-- styles // 样式
|
||||||
|
| |-- utils // 封装的工具方法
|
||||||
|
| | |-- auth // 权限相关，如token、跳转登录页等
|
||||||
|
| | |-- common // 通用
|
||||||
|
| | |-- http // 封装axios
|
||||||
|
| | |-- storage // 封装localStorage和sessionStorage
|
||||||
|
| |-- views // 页面
|
||||||
|
| | |-- demo // 示例
|
||||||
|
| | |-- error-page // 错误页
|
||||||
|
| | |-- login // 登录页
|
||||||
|
| | |-- workbench // 首页
|
||||||
|
| |-- App.vue
|
||||||
|
| |-- main.js
|
||||||
|
|-- .cz-config.js // git提交配置
|
||||||
|
|-- .editorconfig // 编辑器配置
|
||||||
|
|-- .env // 环境文件，所有环境都会载入
|
||||||
|
|-- .env.development // 开发环境文件
|
||||||
|
|-- .env.production // 生产环境文件
|
||||||
|
|-- .env.test // 测试环境文件
|
||||||
|
|-- .eslintignore // eslint忽略
|
||||||
|
|-- .eslintrc.js // eslint配置
|
||||||
|
|-- .gitignore // git忽略
|
||||||
|
|-- .prettierignore // prettier格式化忽略
|
||||||
|
|-- commitlint.config.js // commitlint规范配置
|
||||||
|
|-- index.html
|
||||||
|
|-- jsconfig.json // js配置
|
||||||
|
|-- LICENSE // 协议
|
||||||
|
|-- package.json // 依赖描述文件
|
||||||
|
|-- pnpm-lock.yaml // 依赖锁定文件
|
||||||
|
|-- prettier.config.js // prettier格式化配置
|
||||||
|
|-- README.md // 项目描述文档（英文）
|
||||||
|
|-- README.zh-CN.md // 项目描述文档（中文）
|
||||||
|
|-- unocss.config.js // unocss配置
|
||||||
|
|-- vite.config.js // vite配置
|
||||||
|
```
|
||||||
|
|
||||||
|
### TS version: Qs Admin
|
||||||
|
|
||||||
|
#### source code
|
||||||
|
|
||||||
|
- github: [https://github.com/zclzone/qs-admin](https://github.com/zclzone/qs-admin)
|
||||||
|
- gitee: [https://gitee.com/zclzone/qs-admin-ts](https://gitee.com/zclzone/qs-admin-ts)
|
||||||
|
|
||||||
|
#### preview
|
||||||
|
|
||||||
|
- [https://admin.isme.top](https://admin.isme.top)
|
||||||
|
- [https://zclzone.github.io/qs-admin](https://zclzone.github.io/qs-admin)
|
||||||
|
|
||||||
|
### Open source projects that use this project:
|
||||||
|
|
||||||
|
- [gin-vue-blog](https://github.com/szluyu99/gin-vue-blog): A full-stack blog project in Golang, the frontend of the blog backend is based on vue-naive-admin and integrates with a real backend service, implementing features such as backend-controlled routing.
|
||||||
|
- [vue-fastapi-admin](https://github.com/mizhexiaoxiao/vue-fastapi-admin): A Python backend management project that integrates RBAC permission management, dynamic routing, and JWT authentication, helping small and medium-sized applications to quickly establish a foundation.
|
||||||
|
|
||||||
|
### Communication group & About the author
|
||||||
|
|
||||||
|
<a href="https://blog.isme.top/about/">
|
||||||
|
<img src="https://static.isme.top/images/about.png?t=123" style="max-width: 400px" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
<h1>vue-pure-admin Lite Edition（no i18n version）</h1>
|
|
||||||
|
|
||||||
[](LICENSE)
|
|
||||||
|
|
||||||
**English** | [中文](./README.md)
|
|
||||||
|
|
||||||
## Introduce
|
|
||||||
|
|
||||||
The simplified version is based on the shelf extracted from [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin), which contains main functions and is more suitable for actual project development. The packaged size is introduced globally [element-plus](https://element-plus.org) is still below `2.3MB`, and the full version of the code will be permanently synchronized. After enabling `brotli` compression and `cdn` to replace the local library mode, the package size is less than `350kb`
|
|
||||||
|
|
||||||
## Supporting video
|
|
||||||
|
|
||||||
[Click me to view UI design](https://www.bilibili.com/video/BV17g411T7rq)
|
|
||||||
[Click me to view the rapid development tutorial](https://www.bilibili.com/video/BV1kg411v7QT)
|
|
||||||
|
|
||||||
## Nanny-level documents
|
|
||||||
|
|
||||||
[Click me to view vue-pure-admin documentation](https://pure-admin.github.io/pure-admin-doc)
|
|
||||||
[Click me to view @pureadmin/utils documentation](https://pure-admin-utils.netlify.app)
|
|
||||||
|
|
||||||
## Quality service, software outsourcing, sponsorship support
|
|
||||||
|
|
||||||
[Click me to view details](https://pure-admin.github.io/pure-admin-doc/pages/service/)
|
|
||||||
|
|
||||||
## Preview
|
|
||||||
|
|
||||||
[Click me to view the preview station](https://pure-admin-thin.netlify.app/#/login)
|
|
||||||
|
|
||||||
## Maintainer
|
|
||||||
|
|
||||||
[xiaoxian521](https://github.com/xiaoxian521)
|
|
||||||
|
|
||||||
## ⚠️ Attention
|
|
||||||
|
|
||||||
The Lite version does not accept any issues and prs. If you have any questions, please go to the full version [issues](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) to mention, thank you!
|
|
||||||
|
|
||||||
## License
|
|
||||||
|
|
||||||
[MIT © 2020-present, pure-admin](./LICENSE)
|
|
||||||
232
README.md
232
README.md
@ -1,43 +1,229 @@
|
|||||||
<h1>vue-pure-admin精简版（非国际化版本）</h1>
|
<p align="center">
|
||||||
|
<a href="https://github.com/zclzone/vue-naive-admin">
|
||||||
|
<img alt="Vue Naive Admin Logo" width="200" src="./src/assets/images/logo.png">
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p align="center">
|
||||||
|
<a href="./LICENSE"><img alt="MIT License" src="https://badgen.net/github/license/zclzone/vue-naive-admin"/></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
[](LICENSE)
|
<p align='center'>
|
||||||
|
<b>中文</b> |
|
||||||
|
<a href="https://github.com/zclzone/vue-naive-admin/blob/main/README.EN.md">English</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
**中文** | [English](./README.en-US.md)
|
> 🎉🎉🎉 2.0 已开源，全新重构，全面简化，后端使用 nestjs + mysql + typeOrm，[👉点击前往2.0版本 | 分支 2.x](https://github.com/zclzone/vue-naive-admin/tree/2.x),
|
||||||
|
|
||||||
## 介绍
|
- 体验地址: [admin.isme.top](https://admin.isme.top)
|
||||||
|
- 后端服务: [isme-nest-serve](https://github.com/zclzone/isme-nest-serve)
|
||||||
|
- 文档: [vue-naive-admin-docs](https://docs.isme.top/web/#/624306705)
|
||||||
|
|
||||||
精简版是基于 [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 [element-plus](https://element-plus.org) 的情况下仍然低于 `2.3MB`，并且会永久同步完整版的代码。开启 `brotli` 压缩和 `cdn` 替换本地库模式后，打包大小低于 `350kb`
|
### 简介
|
||||||
|
|
||||||
## 版本选择
|
[Vue Naive Admin](https://github.com/zclzone/vue-naive-admin) 是一个 **开源免费且允许商用** 的后台管理模板，基于 `Vue3、Vite4、Pinia、Unocss 和 Naive UI` 等前端最新技术栈。相较于其他比较流行的后台管理模板，此项目更加简洁、轻量，风格清新，上手成本非常低，非常适合中小型项目或者个人项目。
|
||||||
|
|
||||||
当前是非国际化版本，如果您需要国际化版本 [请点击](https://github.com/pure-admin/pure-admin-thin/tree/i18n)
|
### 功能
|
||||||
|
|
||||||
## 配套视频
|
- 🍒 集成 [Naive UI](https://www.naiveui.com)
|
||||||
|
- 🍑 集成登陆、注销及权限验证
|
||||||
|
- 🍐 集成多环境配置，dev、测试、生产环境
|
||||||
|
- 🍎 集成 `eslint + prettier`，代码约束和格式化统一
|
||||||
|
- 🍌 集成 `husky + commitlint`，代码提交规范化
|
||||||
|
- 🍉 集成 `mock` 接口服务，dev 环境和发布环境都支持，可动态配置是否启用 mock 服务，不启用时不会加载 mock 包，减少打包体积
|
||||||
|
- 🍍 集成 `pinia`，vuex 的替代方案，轻量、简单、易用
|
||||||
|
- 📦 集成 `unplugin` 插件，自动导入，解放双手，开发效率直接起飞
|
||||||
|
- 🤹 集成 `iconify` 图标，支持自定义 svg 图标, 优雅使用icon
|
||||||
|
- 🍇 集成 `unocss`，antfu 开源的原子 css 解决方案，非常轻量
|
||||||
|
|
||||||
[点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
|
> ✨✨ 双十一香港特惠服务器推荐，~~**2C4G 100M** `71/年` `142/两年`~~，[👉点击前往](https://blog.isme.top/vps-recommend/)
|
||||||
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
|
|
||||||
|
|
||||||
## 配套保姆级文档
|
### 预览
|
||||||
|
|
||||||
[点我查看 vue-pure-admin 文档](https://pure-admin.github.io/pure-admin-doc)
|
[https://template.isme.top](https://template.isme.top)
|
||||||
[点我查看 @pureadmin/utils 文档](https://pure-admin-utils.netlify.app)
|
|
||||||
|
|
||||||
## 优质服务、软件外包、赞助支持
|
[https://base.isme.top](https://base.isme.top)
|
||||||
|
|
||||||
[点我查看详情](https://pure-admin.github.io/pure-admin-doc/pages/service/)
|
### 文档
|
||||||
|
|
||||||
## 预览
|
项目文档: [Vue Naive Admin Docs](https://zclzone.github.io/vue-naive-admin-docs)
|
||||||
|
|
||||||
[查看预览](https://pure-admin-thin.netlify.app/#/login)
|
从0到1搭建后台: [从0到1，带你搭建Vite+Vue3+Pinia+Naive UI后台](https://juejin.cn/column/7093180796424421384)
|
||||||
|
|
||||||
## 维护者
|
如何安装pnpm: [安装pnpm](docs/安装pnpm.md)
|
||||||
|
|
||||||
[xiaoxian521](https://github.com/xiaoxian521)
|
如何使用图标: [使用图标](docs/使用图标.md)
|
||||||
|
|
||||||
## ⚠️ 注意
|
如何使用unocss: [保熟的UnoCSS使用指北，优雅使用antfu大佬的原子化CSS](https://juejin.cn/post/7142466784971456548)
|
||||||
|
|
||||||
精简版不接受任何 `issues` 和 `pr`，如果有问题请到完整版 [issues](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) 去提，谢谢！
|
### 快速开始
|
||||||
|
|
||||||
## 许可证
|
```shell
|
||||||
|
# 推荐配置git autocrlf 为 false（本项目规范使用lf换行符，此配置是为防止git自动将源文件转换为crlf）
|
||||||
|
# 不清楚为什么要这样做的请参考这篇文章：https://www.freesion.com/article/4532642129
|
||||||
|
git config --global core.autocrlf false
|
||||||
|
|
||||||
[MIT © 2020-present, pure-admin](./LICENSE)
|
# 克隆项目
|
||||||
|
git clone https://github.com/zclzone/vue-naive-admin.git
|
||||||
|
|
||||||
|
# 进入项目目录
|
||||||
|
cd vue-naive-admin
|
||||||
|
|
||||||
|
# 安装依赖(建议使用pnpm: https://pnpm.io/zh/installation)
|
||||||
|
npm i -g pnpm # 装了可忽略
|
||||||
|
pnpm i # 或者 npm i
|
||||||
|
|
||||||
|
# 启动
|
||||||
|
pnpm dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### 构建发布
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# 构建测试环境
|
||||||
|
pnpm build:test
|
||||||
|
|
||||||
|
# 构建github pages环境
|
||||||
|
pnpm build:github
|
||||||
|
|
||||||
|
# 构建生产环境
|
||||||
|
pnpm build
|
||||||
|
```
|
||||||
|
|
||||||
|
### 其他指令
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# eslint代码格式检查
|
||||||
|
pnpm lint
|
||||||
|
|
||||||
|
# 代码检查并修复
|
||||||
|
pnpm lint:fix
|
||||||
|
|
||||||
|
# 预览发布包效果（需先执行构建指令）
|
||||||
|
pnpm preview
|
||||||
|
|
||||||
|
# 提交代码（husky+commitlint）
|
||||||
|
pnpm cz
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
### 目录说明
|
||||||
|
|
||||||
|
```
|
||||||
|
Vue Naive Admin
|
||||||
|
|-- .github // github相关，如推送github仓库后自动部署gh pages
|
||||||
|
|-- .husky // git commit钩子
|
||||||
|
|-- .vscode // vscode编辑器相关
|
||||||
|
| |-- extensions.json // 插件推荐
|
||||||
|
| |-- settings.json // 项目级别的vscode配置，优先级大于全局vscode配置
|
||||||
|
|-- build // 构建相关配置
|
||||||
|
| |-- constant.js // 构建相关的常量
|
||||||
|
| |-- utils.js // 构建相关的工具方法
|
||||||
|
| |-- config
|
||||||
|
| | |-- define.js // 注入全局常量，启动或打包后将添加到window中
|
||||||
|
| | |-- proxy.js // 代理配置
|
||||||
|
| |-- plugin
|
||||||
|
| | |-- html.js // vite-plugin-html插件，用于注入变量或者html标签
|
||||||
|
| | |-- mock.js // vite-plugin-mock插件，处理mock
|
||||||
|
| | |-- unplugin.js // unplugin相关插件，包含DefineOptions和自动导入
|
||||||
|
| |-- script // 打包完成后执行的一些node脚本（不重要）
|
||||||
|
| |-- build-cname.js // 自动生成cname
|
||||||
|
|-- mock // mock
|
||||||
|
| |-- utils.js // mock请求需要用到的工具方法
|
||||||
|
| |-- api // mock接口
|
||||||
|
|-- public // 公共资源，文件夹下的文件会在打包后会直接加到dist根目录下
|
||||||
|
|-- settings // 项目配置
|
||||||
|
| |-- proxy-config.js // 代理配置文件
|
||||||
|
| |-- theme.json // 主题配置项，主题色等
|
||||||
|
|-- src
|
||||||
|
| |-- api // 公共api
|
||||||
|
| |-- assets // 静态资源
|
||||||
|
| | |-- images // 图片
|
||||||
|
| | |-- svg // svg图标
|
||||||
|
| |-- components // 全局组件
|
||||||
|
| | |-- common // 公共组件
|
||||||
|
| | |-- icon // icon相关组件
|
||||||
|
| | |-- page // 页面组件
|
||||||
|
| | |-- query-bar // 查询选项
|
||||||
|
| | |-- table // 封装的表格组件
|
||||||
|
| |-- composables // 封装的组合式函数
|
||||||
|
| |-- layout // 布局相关组件
|
||||||
|
| | |-- components
|
||||||
|
| | |-- AppMain.vue // 主体内容
|
||||||
|
| | |-- header // 头部
|
||||||
|
| | |-- sidebar // 侧边菜单栏
|
||||||
|
| | |-- tags // 多页签栏
|
||||||
|
| |-- router // 路由
|
||||||
|
| | |-- guard // 路由守卫
|
||||||
|
| | |-- routes // 路由列表
|
||||||
|
| |-- store // 状态管理（pinia）
|
||||||
|
| | |-- modules // 模块
|
||||||
|
| | |-- app // 管理页面重新加载、折叠菜单栏和keepAlive等
|
||||||
|
| | |-- permission // 权限相关，管理权限菜单
|
||||||
|
| | |-- tags // 管理多页签
|
||||||
|
| | |-- user // 用户模块，管理用户信息、登录登出
|
||||||
|
| |-- styles // 样式
|
||||||
|
| |-- utils // 封装的工具方法
|
||||||
|
| | |-- auth // 权限相关，如token、跳转登录页等
|
||||||
|
| | |-- common // 通用
|
||||||
|
| | |-- http // 封装axios
|
||||||
|
| | |-- storage // 封装localStorage和sessionStorage
|
||||||
|
| |-- views // 页面
|
||||||
|
| | |-- demo // 示例
|
||||||
|
| | |-- error-page // 错误页
|
||||||
|
| | |-- login // 登录页
|
||||||
|
| | |-- workbench // 首页
|
||||||
|
| |-- App.vue
|
||||||
|
| |-- main.js
|
||||||
|
|-- .cz-config.js // git提交配置
|
||||||
|
|-- .editorconfig // 编辑器配置
|
||||||
|
|-- .env // 环境文件，所有环境都会载入
|
||||||
|
|-- .env.development // 开发环境文件
|
||||||
|
|-- .env.production // 生产环境文件
|
||||||
|
|-- .env.test // 测试环境文件
|
||||||
|
|-- .eslintignore // eslint忽略
|
||||||
|
|-- .eslintrc.js // eslint配置
|
||||||
|
|-- .gitignore // git忽略
|
||||||
|
|-- .prettierignore // prettier格式化忽略
|
||||||
|
|-- commitlint.config.js // commitlint规范配置
|
||||||
|
|-- index.html
|
||||||
|
|-- jsconfig.json // js配置
|
||||||
|
|-- LICENSE // 协议
|
||||||
|
|-- package.json // 依赖描述文件
|
||||||
|
|-- pnpm-lock.yaml // 依赖锁定文件
|
||||||
|
|-- prettier.config.js // prettier格式化配置
|
||||||
|
|-- README.md // 项目描述文档（英文）
|
||||||
|
|-- README.zh-CN.md // 项目描述文档（中文）
|
||||||
|
|-- unocss.config.js // unocss配置
|
||||||
|
|-- vite.config.js // vite配置
|
||||||
|
```
|
||||||
|
|
||||||
|
### TS 版本: Qs Admin
|
||||||
|
|
||||||
|
#### 源码
|
||||||
|
|
||||||
|
- github: [https://github.com/zclzone/qs-admin](https://github.com/zclzone/qs-admin)
|
||||||
|
- gitee: [https://gitee.com/zclzone/qs-admin-ts](https://gitee.com/zclzone/qs-admin-ts)
|
||||||
|
|
||||||
|
#### 预览
|
||||||
|
|
||||||
|
- [https://admin.isme.top](https://admin.isme.top)
|
||||||
|
- [https://zclzone.github.io/qs-admin](https://zclzone.github.io/qs-admin)
|
||||||
|
|
||||||
|
### 使用该项目的开源项目
|
||||||
|
|
||||||
|
- [gin-vue-blog](https://github.com/szluyu99/gin-vue-blog): Golang 全栈博客项目, 博客后台的前端基于 vue-naive-admin，对接真实后端服务，实现了后端控制路由等特性。
|
||||||
|
- [vue-fastapi-admin](https://github.com/mizhexiaoxiao/vue-fastapi-admin): Python 后台管理项目, 融合了 RBAC 权限管理、动态路由，JWT 鉴权，助力中小型应用快速搭建。
|
||||||
|
|
||||||
|
### 入群交流 & 关于作者
|
||||||
|
|
||||||
|
<a href="https://blog.isme.top/about/">
|
||||||
|
<img src="https://static.isme.top/images/about.png?t=123" style="max-width: 400px" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
### ☕ 赞助我
|
||||||
|
|
||||||
|
> 开源不易，请作者喝杯咖啡吧
|
||||||
|
<p>
|
||||||
|
<img src="https://static.isme.top/images/zhifu_weixin.jpg" style="width: 220px" />
|
||||||
|
<img src="https://static.isme.top/images/zhifu_zhifubao.jpg" style="width: 220px" />
|
||||||
|
</p>
|
||||||
|
|||||||
55
build/cdn.ts
55
build/cdn.ts
@ -1,55 +0,0 @@
|
|||||||
import { Plugin as importToCDN } from "vite-plugin-cdn-import";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description 打包时采用`cdn`模式，仅限外网使用（默认不采用，如果需要采用cdn模式，请在 .env.production 文件，将 VITE_CDN 设置成true）
|
|
||||||
* 平台采用国内cdn：https://www.bootcdn.cn，当然你也可以选择 https://unpkg.com 或者 https://www.jsdelivr.com
|
|
||||||
* 注意：上面提到的仅限外网使用也不是完全肯定的，如果你们公司内网部署的有相关js、css文件，也可以将下面配置对应改一下，整一套内网版cdn
|
|
||||||
*/
|
|
||||||
export const cdn = importToCDN({
|
|
||||||
//（prodUrl解释： name: 对应下面modules的name，version: 自动读取本地package.json中dependencies依赖中对应包的版本号，path: 对应下面modules的path，当然也可写完整路径，会替换prodUrl）
|
|
||||||
prodUrl: "https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}",
|
|
||||||
modules: [
|
|
||||||
{
|
|
||||||
name: "vue",
|
|
||||||
var: "Vue",
|
|
||||||
path: "vue.global.prod.min.js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "vue-router",
|
|
||||||
var: "VueRouter",
|
|
||||||
path: "vue-router.global.min.js"
|
|
||||||
},
|
|
||||||
// 项目中没有直接安装vue-demi，但是pinia用到了，所以需要在引入pinia前引入vue-demi（https://github.com/vuejs/pinia/blob/v2/packages/pinia/package.json#L77）
|
|
||||||
{
|
|
||||||
name: "vue-demi",
|
|
||||||
var: "VueDemi",
|
|
||||||
path: "index.iife.min.js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "pinia",
|
|
||||||
var: "Pinia",
|
|
||||||
path: "pinia.iife.min.js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "element-plus",
|
|
||||||
var: "ElementPlus",
|
|
||||||
path: "index.full.min.js",
|
|
||||||
css: "index.min.css"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "axios",
|
|
||||||
var: "axios",
|
|
||||||
path: "axios.min.js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "dayjs",
|
|
||||||
var: "dayjs",
|
|
||||||
path: "dayjs.min.js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "echarts",
|
|
||||||
var: "echarts",
|
|
||||||
path: "echarts.min.js"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
});
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
import type { Plugin } from "vite";
|
|
||||||
import { isArray } from "@pureadmin/utils";
|
|
||||||
import compressPlugin from "vite-plugin-compression";
|
|
||||||
|
|
||||||
export const configCompressPlugin = (
|
|
||||||
compress: ViteCompression
|
|
||||||
): Plugin | Plugin[] => {
|
|
||||||
if (compress === "none") return null;
|
|
||||||
|
|
||||||
const gz = {
|
|
||||||
// 生成的压缩包后缀
|
|
||||||
ext: ".gz",
|
|
||||||
// 体积大于threshold才会被压缩
|
|
||||||
threshold: 0,
|
|
||||||
// 默认压缩.js|mjs|json|css|html后缀文件，设置成true，压缩全部文件
|
|
||||||
filter: () => true,
|
|
||||||
// 压缩后是否删除原始文件
|
|
||||||
deleteOriginFile: false
|
|
||||||
};
|
|
||||||
const br = {
|
|
||||||
ext: ".br",
|
|
||||||
algorithm: "brotliCompress",
|
|
||||||
threshold: 0,
|
|
||||||
filter: () => true,
|
|
||||||
deleteOriginFile: false
|
|
||||||
};
|
|
||||||
|
|
||||||
const codeList = [
|
|
||||||
{ k: "gzip", v: gz },
|
|
||||||
{ k: "brotli", v: br },
|
|
||||||
{ k: "both", v: [gz, br] }
|
|
||||||
];
|
|
||||||
|
|
||||||
const plugins: Plugin[] = [];
|
|
||||||
|
|
||||||
codeList.forEach(item => {
|
|
||||||
if (compress.includes(item.k)) {
|
|
||||||
if (compress.includes("clear")) {
|
|
||||||
if (isArray(item.v)) {
|
|
||||||
item.v.forEach(vItem => {
|
|
||||||
plugins.push(
|
|
||||||
compressPlugin(Object.assign(vItem, { deleteOriginFile: true }))
|
|
||||||
);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
plugins.push(
|
|
||||||
compressPlugin(Object.assign(item.v, { deleteOriginFile: true }))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (isArray(item.v)) {
|
|
||||||
item.v.forEach(vItem => {
|
|
||||||
plugins.push(compressPlugin(vItem));
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
plugins.push(compressPlugin(item.v));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return plugins;
|
|
||||||
};
|
|
||||||
33
build/constant.js
Normal file
33
build/constant.js
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
export const OUTPUT_DIR = 'dist'
|
||||||
|
|
||||||
|
export const PROXY_CONFIG = {
|
||||||
|
/**
|
||||||
|
* @desc 替换匹配值
|
||||||
|
* @请求路径 http://localhost:3100/api/user
|
||||||
|
* @转发路径 http://localhost:8080/user
|
||||||
|
*/
|
||||||
|
'/api': {
|
||||||
|
target: 'http://localhost:6687/api',
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: (path) => path.replace(new RegExp('^/api'), ''),
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @desc 不替换匹配值
|
||||||
|
* @请求路径 http://localhost:3100/api/v2/user
|
||||||
|
* @转发路径 http://localhost:8080/api/v2/user
|
||||||
|
*/
|
||||||
|
'/api/v2': {
|
||||||
|
target: 'http://localhost:8080',
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* @desc 替换部分匹配值
|
||||||
|
* @请求路径 http://localhost:3100/api/v3/user
|
||||||
|
* @转发路径 http://localhost:8080/user
|
||||||
|
*/
|
||||||
|
'/api/v3': {
|
||||||
|
target: 'http://localhost:8080',
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: (path) => path.replace(new RegExp('^/api'), ''),
|
||||||
|
},
|
||||||
|
}
|
||||||
@ -1,57 +0,0 @@
|
|||||||
import type { Plugin } from "vite";
|
|
||||||
import { getPackageSize } from "./utils";
|
|
||||||
import dayjs, { type Dayjs } from "dayjs";
|
|
||||||
import duration from "dayjs/plugin/duration";
|
|
||||||
import gradientString from "gradient-string";
|
|
||||||
import boxen, { type Options as BoxenOptions } from "boxen";
|
|
||||||
dayjs.extend(duration);
|
|
||||||
|
|
||||||
const welcomeMessage = gradientString("cyan", "magenta").multiline(
|
|
||||||
`您好! 欢迎使用 pure-admin 开源项目\n我们为您精心准备了下面两个贴心的保姆级文档\nhttps://pure-admin.github.io/pure-admin-doc\nhttps://pure-admin-utils.netlify.app`
|
|
||||||
);
|
|
||||||
|
|
||||||
const boxenOptions: BoxenOptions = {
|
|
||||||
padding: 0.5,
|
|
||||||
borderColor: "cyan",
|
|
||||||
borderStyle: "round"
|
|
||||||
};
|
|
||||||
|
|
||||||
export function viteBuildInfo(): Plugin {
|
|
||||||
let config: { command: string };
|
|
||||||
let startTime: Dayjs;
|
|
||||||
let endTime: Dayjs;
|
|
||||||
let outDir: string;
|
|
||||||
return {
|
|
||||||
name: "vite:buildInfo",
|
|
||||||
configResolved(resolvedConfig) {
|
|
||||||
config = resolvedConfig;
|
|
||||||
outDir = resolvedConfig.build?.outDir ?? "dist";
|
|
||||||
},
|
|
||||||
buildStart() {
|
|
||||||
console.log(boxen(welcomeMessage, boxenOptions));
|
|
||||||
if (config.command === "build") {
|
|
||||||
startTime = dayjs(new Date());
|
|
||||||
}
|
|
||||||
},
|
|
||||||
closeBundle() {
|
|
||||||
if (config.command === "build") {
|
|
||||||
endTime = dayjs(new Date());
|
|
||||||
getPackageSize({
|
|
||||||
folder: outDir,
|
|
||||||
callback: (size: string) => {
|
|
||||||
console.log(
|
|
||||||
boxen(
|
|
||||||
gradientString("cyan", "magenta").multiline(
|
|
||||||
`🎉 恭喜打包完成（总用时${dayjs
|
|
||||||
.duration(endTime.diff(startTime))
|
|
||||||
.format("mm分ss秒")}，打包后的大小为${size}）`
|
|
||||||
),
|
|
||||||
boxenOptions
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
/**
|
|
||||||
* 此文件作用于 `vite.config.ts` 的 `optimizeDeps.include` 依赖预构建配置项
|
|
||||||
* 依赖预构建，`vite` 启动时会将下面 include 里的模块，编译成 esm 格式并缓存到 node_modules/.vite 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载
|
|
||||||
* 尤其当您禁用浏览器缓存时（这种情况只应该发生在调试阶段）必须将对应模块加入到 include里，否则会遇到开发环境切换页面卡顿的问题（vite 会认为它是一个新的依赖包会重新加载并强制刷新页面），因为它既无法使用浏览器缓存，又没有在本地 node_modules/.vite 里缓存
|
|
||||||
* 温馨提示：如果您使用的第三方库是全局引入，也就是引入到 src/main.ts 文件里，就不需要再添加到 include 里了，因为 vite 会自动将它们缓存到 node_modules/.vite
|
|
||||||
*/
|
|
||||||
const include = [
|
|
||||||
"qs",
|
|
||||||
"mitt",
|
|
||||||
"dayjs",
|
|
||||||
"axios",
|
|
||||||
"pinia",
|
|
||||||
"vue-types",
|
|
||||||
"js-cookie",
|
|
||||||
"vue-tippy",
|
|
||||||
"pinyin-pro",
|
|
||||||
"sortablejs",
|
|
||||||
"@vueuse/core",
|
|
||||||
"@pureadmin/utils",
|
|
||||||
"responsive-storage"
|
|
||||||
];
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 在预构建中强制排除的依赖项
|
|
||||||
* 温馨提示：所有以 `@iconify-icons/` 开头引入的的本地图标模块，都应该加入到下面的 `exclude` 里，因为平台推荐的使用方式是哪里需要哪里引入而且都是单个的引入，不需要预构建，直接让浏览器加载就好
|
|
||||||
*/
|
|
||||||
const exclude = [
|
|
||||||
"@iconify-icons/ep",
|
|
||||||
"@iconify-icons/ri",
|
|
||||||
"@pureadmin/theme/dist/browser-utils"
|
|
||||||
];
|
|
||||||
|
|
||||||
export { include, exclude };
|
|
||||||
15
build/plugin/html.js
Normal file
15
build/plugin/html.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { createHtmlPlugin } from 'vite-plugin-html'
|
||||||
|
|
||||||
|
export function configHtmlPlugin(viteEnv, isBuild) {
|
||||||
|
const { VITE_TITLE } = viteEnv
|
||||||
|
|
||||||
|
const htmlPlugin = createHtmlPlugin({
|
||||||
|
minify: isBuild,
|
||||||
|
inject: {
|
||||||
|
data: {
|
||||||
|
title: VITE_TITLE,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
|
return htmlPlugin
|
||||||
|
}
|
||||||
42
build/plugin/index.js
Normal file
42
build/plugin/index.js
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * unocss插件，原子css
|
||||||
|
* https://github.com/antfu/unocss
|
||||||
|
*/
|
||||||
|
import Unocss from 'unocss/vite'
|
||||||
|
|
||||||
|
// rollup打包分析插件
|
||||||
|
import visualizer from 'rollup-plugin-visualizer'
|
||||||
|
// 压缩
|
||||||
|
import viteCompression from 'vite-plugin-compression'
|
||||||
|
// vite-vuedevtool
|
||||||
|
import VueDevTools from 'vite-plugin-vue-devtools'
|
||||||
|
|
||||||
|
import { configHtmlPlugin } from './html'
|
||||||
|
import { configMockPlugin } from './mock'
|
||||||
|
import unplugin from './unplugin'
|
||||||
|
|
||||||
|
export function createVitePlugins(viteEnv, isBuild) {
|
||||||
|
const plugins = [VueDevTools(), vue(), ...unplugin, configHtmlPlugin(viteEnv, isBuild), Unocss()]
|
||||||
|
|
||||||
|
if (viteEnv?.VITE_USE_MOCK) {
|
||||||
|
plugins.push(configMockPlugin(isBuild))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (viteEnv.VITE_USE_COMPRESS) {
|
||||||
|
plugins.push(viteCompression({ algorithm: viteEnv.VITE_COMPRESS_TYPE || 'gzip' }))
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isBuild) {
|
||||||
|
plugins.push(
|
||||||
|
visualizer({
|
||||||
|
open: true,
|
||||||
|
gzipSize: true,
|
||||||
|
brotliSize: true,
|
||||||
|
})
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
return plugins
|
||||||
|
}
|
||||||
13
build/plugin/mock.js
Normal file
13
build/plugin/mock.js
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
import { viteMockServe } from 'vite-plugin-mock'
|
||||||
|
|
||||||
|
export function configMockPlugin(isBuild) {
|
||||||
|
return viteMockServe({
|
||||||
|
mockPath: 'mock/api',
|
||||||
|
localEnabled: !isBuild,
|
||||||
|
prodEnabled: isBuild,
|
||||||
|
injectCode: `
|
||||||
|
import { setupProdMockServer } from '../mock';
|
||||||
|
setupProdMockServer();
|
||||||
|
`,
|
||||||
|
})
|
||||||
|
}
|
||||||
46
build/plugin/unplugin.js
Normal file
46
build/plugin/unplugin.js
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
import { resolve } from 'path'
|
||||||
|
import AutoImport from 'unplugin-auto-import/vite'
|
||||||
|
import Components from 'unplugin-vue-components/vite'
|
||||||
|
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||||||
|
import { FileSystemIconLoader } from 'unplugin-icons/loaders'
|
||||||
|
import IconsResolver from 'unplugin-icons/resolver'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * unplugin-icons插件，自动引入iconify图标
|
||||||
|
* usage: https://github.com/antfu/unplugin-icons
|
||||||
|
* 图标库: https://icones.js.org/
|
||||||
|
*/
|
||||||
|
import Icons from 'unplugin-icons/vite'
|
||||||
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||||||
|
|
||||||
|
import { getSrcPath } from '../utils'
|
||||||
|
|
||||||
|
const customIconPath = resolve(getSrcPath(), 'assets/svg')
|
||||||
|
|
||||||
|
export default [
|
||||||
|
AutoImport({
|
||||||
|
imports: ['vue', 'vue-router'],
|
||||||
|
dts: false,
|
||||||
|
}),
|
||||||
|
Icons({
|
||||||
|
compiler: 'vue3',
|
||||||
|
customCollections: {
|
||||||
|
custom: FileSystemIconLoader(customIconPath),
|
||||||
|
},
|
||||||
|
scale: 1,
|
||||||
|
defaultClass: 'inline-block',
|
||||||
|
}),
|
||||||
|
Components({
|
||||||
|
resolvers: [
|
||||||
|
NaiveUiResolver(),
|
||||||
|
IconsResolver({ customCollections: ['custom'], componentPrefix: 'icon' }),
|
||||||
|
],
|
||||||
|
dts: false,
|
||||||
|
}),
|
||||||
|
createSvgIconsPlugin({
|
||||||
|
iconDirs: [customIconPath],
|
||||||
|
symbolId: 'icon-custom-[dir]-[name]',
|
||||||
|
inject: 'body-last',
|
||||||
|
customDomId: '__CUSTOM_SVG_ICON__',
|
||||||
|
}),
|
||||||
|
]
|
||||||
@ -1,56 +0,0 @@
|
|||||||
import { cdn } from "./cdn";
|
|
||||||
import vue from "@vitejs/plugin-vue";
|
|
||||||
import { viteBuildInfo } from "./info";
|
|
||||||
import svgLoader from "vite-svg-loader";
|
|
||||||
import type { PluginOption } from "vite";
|
|
||||||
import vueJsx from "@vitejs/plugin-vue-jsx";
|
|
||||||
import { configCompressPlugin } from "./compress";
|
|
||||||
import removeNoMatch from "vite-plugin-router-warn";
|
|
||||||
import { visualizer } from "rollup-plugin-visualizer";
|
|
||||||
import removeConsole from "vite-plugin-remove-console";
|
|
||||||
import { themePreprocessorPlugin } from "@pureadmin/theme";
|
|
||||||
import { genScssMultipleScopeVars } from "../src/layout/theme";
|
|
||||||
import { vitePluginFakeServer } from "vite-plugin-fake-server";
|
|
||||||
|
|
||||||
export function getPluginsList(
|
|
||||||
VITE_CDN: boolean,
|
|
||||||
VITE_COMPRESSION: ViteCompression
|
|
||||||
): PluginOption[] {
|
|
||||||
const lifecycle = process.env.npm_lifecycle_event;
|
|
||||||
return [
|
|
||||||
vue(),
|
|
||||||
// jsx、tsx语法支持
|
|
||||||
vueJsx(),
|
|
||||||
viteBuildInfo(),
|
|
||||||
/**
|
|
||||||
* 开发环境下移除非必要的vue-router动态路由警告No match found for location with path
|
|
||||||
* 非必要具体看 https://github.com/vuejs/router/issues/521 和 https://github.com/vuejs/router/issues/359
|
|
||||||
* vite-plugin-router-warn只在开发环境下启用，只处理vue-router文件并且只在服务启动或重启时运行一次，性能消耗可忽略不计
|
|
||||||
*/
|
|
||||||
removeNoMatch(),
|
|
||||||
// mock支持
|
|
||||||
vitePluginFakeServer({
|
|
||||||
logger: false,
|
|
||||||
include: "mock",
|
|
||||||
infixName: false,
|
|
||||||
enableProd: true
|
|
||||||
}),
|
|
||||||
// 自定义主题
|
|
||||||
themePreprocessorPlugin({
|
|
||||||
scss: {
|
|
||||||
multipleScopeVars: genScssMultipleScopeVars(),
|
|
||||||
extract: true
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
// svg组件化支持
|
|
||||||
svgLoader(),
|
|
||||||
VITE_CDN ? cdn : null,
|
|
||||||
configCompressPlugin(VITE_COMPRESSION),
|
|
||||||
// 线上环境删除console
|
|
||||||
removeConsole({ external: ["src/assets/iconfont/iconfont.js"] }),
|
|
||||||
// 打包分析
|
|
||||||
lifecycle === "report"
|
|
||||||
? visualizer({ open: true, brotliSize: true, filename: "report.html" })
|
|
||||||
: (null as any)
|
|
||||||
];
|
|
||||||
}
|
|
||||||
15
build/script/build-cname.js
Normal file
15
build/script/build-cname.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { resolve } from 'path'
|
||||||
|
import chalk from 'chalk'
|
||||||
|
import { writeFileSync } from 'fs-extra'
|
||||||
|
import { OUTPUT_DIR } from '../constant'
|
||||||
|
import { getEnvConfig, getRootPath } from '../utils'
|
||||||
|
|
||||||
|
export function runBuildCNAME() {
|
||||||
|
const { VITE_CNAME } = getEnvConfig()
|
||||||
|
if (!VITE_CNAME) return
|
||||||
|
try {
|
||||||
|
writeFileSync(resolve(getRootPath(), `${OUTPUT_DIR}/CNAME`), VITE_CNAME)
|
||||||
|
} catch (error) {
|
||||||
|
console.log(chalk.red('CNAME file failed to package:\n' + error))
|
||||||
|
}
|
||||||
|
}
|
||||||
14
build/script/index.js
Normal file
14
build/script/index.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import chalk from 'chalk'
|
||||||
|
import { runBuildCNAME } from './build-cname'
|
||||||
|
|
||||||
|
export const runBuild = async () => {
|
||||||
|
try {
|
||||||
|
runBuildCNAME()
|
||||||
|
console.log(`✨ ${chalk.cyan('build successfully!')}`)
|
||||||
|
} catch (error) {
|
||||||
|
console.log(chalk.red('vite build error:\n' + error))
|
||||||
|
process.exit(1)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
runBuild()
|
||||||
70
build/utils.js
Normal file
70
build/utils.js
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
import fs from 'fs'
|
||||||
|
import path from 'path'
|
||||||
|
import dotenv from 'dotenv'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 项目根路径
|
||||||
|
* @description 结尾不带/
|
||||||
|
*/
|
||||||
|
export function getRootPath() {
|
||||||
|
return path.resolve(process.cwd())
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* * 项目src路径
|
||||||
|
* @param srcName src目录名称(默认: "src")
|
||||||
|
* @description 结尾不带斜杠
|
||||||
|
*/
|
||||||
|
export function getSrcPath(srcName = 'src') {
|
||||||
|
return path.resolve(getRootPath(), srcName)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function convertEnv(envOptions) {
|
||||||
|
const result = {}
|
||||||
|
if (!envOptions) return result
|
||||||
|
|
||||||
|
for (const envKey in envOptions) {
|
||||||
|
let envVal = envOptions[envKey]
|
||||||
|
if (['true', 'false'].includes(envVal)) envVal = envVal === 'true'
|
||||||
|
|
||||||
|
if (['VITE_PORT'].includes(envKey)) envVal = +envVal
|
||||||
|
|
||||||
|
result[envKey] = envVal
|
||||||
|
}
|
||||||
|
return result
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 获取当前环境下生效的配置文件名
|
||||||
|
*/
|
||||||
|
function getConfFiles() {
|
||||||
|
const script = process.env.npm_lifecycle_script
|
||||||
|
const reg = new RegExp('--mode ([a-z_\\d]+)')
|
||||||
|
const result = reg.exec(script)
|
||||||
|
if (result) {
|
||||||
|
const mode = result[1]
|
||||||
|
return ['.env', '.env.local', `.env.${mode}`]
|
||||||
|
}
|
||||||
|
return ['.env', '.env.local', '.env.production']
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEnvConfig(match = 'VITE_', confFiles = getConfFiles()) {
|
||||||
|
let envConfig = {}
|
||||||
|
confFiles.forEach((item) => {
|
||||||
|
try {
|
||||||
|
if (fs.existsSync(path.resolve(process.cwd(), item))) {
|
||||||
|
const env = dotenv.parse(fs.readFileSync(path.resolve(process.cwd(), item)))
|
||||||
|
envConfig = { ...envConfig, ...env }
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.error(`Error in parsing ${item}`, e)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const reg = new RegExp(`^(${match})`)
|
||||||
|
Object.keys(envConfig).forEach((key) => {
|
||||||
|
if (!reg.test(key)) {
|
||||||
|
Reflect.deleteProperty(envConfig, key)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return envConfig
|
||||||
|
}
|
||||||
110
build/utils.ts
110
build/utils.ts
@ -1,110 +0,0 @@
|
|||||||
import dayjs from "dayjs";
|
|
||||||
import { readdir, stat } from "node:fs";
|
|
||||||
import { fileURLToPath } from "node:url";
|
|
||||||
import { dirname, resolve } from "node:path";
|
|
||||||
import { sum, formatBytes } from "@pureadmin/utils";
|
|
||||||
import {
|
|
||||||
name,
|
|
||||||
version,
|
|
||||||
engines,
|
|
||||||
dependencies,
|
|
||||||
devDependencies
|
|
||||||
} from "../package.json";
|
|
||||||
|
|
||||||
/** 启动`node`进程时所在工作目录的绝对路径 */
|
|
||||||
const root: string = process.cwd();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @description 根据可选的路径片段生成一个新的绝对路径
|
|
||||||
* @param dir 路径片段，默认`build`
|
|
||||||
* @param metaUrl 模块的完整`url`，如果在`build`目录外调用必传`import.meta.url`
|
|
||||||
*/
|
|
||||||
const pathResolve = (dir = ".", metaUrl = import.meta.url) => {
|
|
||||||
// 当前文件目录的绝对路径
|
|
||||||
const currentFileDir = dirname(fileURLToPath(metaUrl));
|
|
||||||
// build 目录的绝对路径
|
|
||||||
const buildDir = resolve(currentFileDir, "build");
|
|
||||||
// 解析的绝对路径
|
|
||||||
const resolvedPath = resolve(currentFileDir, dir);
|
|
||||||
// 检查解析的绝对路径是否在 build 目录内
|
|
||||||
if (resolvedPath.startsWith(buildDir)) {
|
|
||||||
// 在 build 目录内，返回当前文件路径
|
|
||||||
return fileURLToPath(metaUrl);
|
|
||||||
}
|
|
||||||
// 不在 build 目录内，返回解析后的绝对路径
|
|
||||||
return resolvedPath;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 设置别名 */
|
|
||||||
const alias: Record<string, string> = {
|
|
||||||
"@": pathResolve("../src"),
|
|
||||||
"@build": pathResolve()
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 平台的名称、版本、运行所需的`node`和`pnpm`版本、依赖、最后构建时间的类型提示 */
|
|
||||||
const __APP_INFO__ = {
|
|
||||||
pkg: { name, version, engines, dependencies, devDependencies },
|
|
||||||
lastBuildTime: dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss")
|
|
||||||
};
|
|
||||||
|
|
||||||
/** 处理环境变量 */
|
|
||||||
const wrapperEnv = (envConf: Recordable): ViteEnv => {
|
|
||||||
// 默认值
|
|
||||||
const ret: ViteEnv = {
|
|
||||||
VITE_PORT: 8848,
|
|
||||||
VITE_PUBLIC_PATH: "",
|
|
||||||
VITE_ROUTER_HISTORY: "",
|
|
||||||
VITE_CDN: false,
|
|
||||||
VITE_HIDE_HOME: "false",
|
|
||||||
VITE_COMPRESSION: "none"
|
|
||||||
};
|
|
||||||
|
|
||||||
for (const envName of Object.keys(envConf)) {
|
|
||||||
let realName = envConf[envName].replace(/\\n/g, "\n");
|
|
||||||
realName =
|
|
||||||
realName === "true" ? true : realName === "false" ? false : realName;
|
|
||||||
|
|
||||||
if (envName === "VITE_PORT") {
|
|
||||||
realName = Number(realName);
|
|
||||||
}
|
|
||||||
ret[envName] = realName;
|
|
||||||
if (typeof realName === "string") {
|
|
||||||
process.env[envName] = realName;
|
|
||||||
} else if (typeof realName === "object") {
|
|
||||||
process.env[envName] = JSON.stringify(realName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
|
|
||||||
const fileListTotal: number[] = [];
|
|
||||||
|
|
||||||
/** 获取指定文件夹中所有文件的总大小 */
|
|
||||||
const getPackageSize = options => {
|
|
||||||
const { folder = "dist", callback, format = true } = options;
|
|
||||||
readdir(folder, (err, files: string[]) => {
|
|
||||||
if (err) throw err;
|
|
||||||
let count = 0;
|
|
||||||
const checkEnd = () => {
|
|
||||||
++count == files.length &&
|
|
||||||
callback(format ? formatBytes(sum(fileListTotal)) : sum(fileListTotal));
|
|
||||||
};
|
|
||||||
files.forEach((item: string) => {
|
|
||||||
stat(`${folder}/${item}`, async (err, stats) => {
|
|
||||||
if (err) throw err;
|
|
||||||
if (stats.isFile()) {
|
|
||||||
fileListTotal.push(stats.size);
|
|
||||||
checkEnd();
|
|
||||||
} else if (stats.isDirectory()) {
|
|
||||||
getPackageSize({
|
|
||||||
folder: `${folder}/${item}/`,
|
|
||||||
callback: checkEnd
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
files.length === 0 && callback(0);
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export { root, pathResolve, alias, __APP_INFO__, wrapperEnv, getPackageSize };
|
|
||||||
@ -1,15 +1,26 @@
|
|||||||
// @ts-check
|
module.exports = {
|
||||||
|
ignores: [(commit) => commit.includes('init')],
|
||||||
/** @type {import("@commitlint/types").UserConfig} */
|
extends: ['@commitlint/config-conventional'],
|
||||||
export default {
|
|
||||||
ignores: [commit => commit.includes("init")],
|
|
||||||
extends: ["@commitlint/config-conventional"],
|
|
||||||
rules: {
|
rules: {
|
||||||
"body-leading-blank": [2, "always"],
|
'type-enum': [
|
||||||
"footer-leading-blank": [1, "always"],
|
2,
|
||||||
"header-max-length": [2, "always", 108],
|
'always',
|
||||||
"subject-empty": [2, "never"],
|
[
|
||||||
"type-empty": [2, "never"],
|
'feat',
|
||||||
"type-enum": [2, "always", []]
|
'fix',
|
||||||
}
|
'docs',
|
||||||
};
|
'style',
|
||||||
|
'refactor',
|
||||||
|
'perf',
|
||||||
|
'test',
|
||||||
|
'build',
|
||||||
|
'ci',
|
||||||
|
'chore',
|
||||||
|
'revert',
|
||||||
|
'wip',
|
||||||
|
'mod',
|
||||||
|
'release',
|
||||||
|
],
|
||||||
|
],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|||||||
26
docker/web.conf
Normal file
26
docker/web.conf
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
server {
|
||||||
|
listen 80;
|
||||||
|
server_name localhost;
|
||||||
|
|
||||||
|
proxy_send_timeout 600s; # 设置发送超时时间，
|
||||||
|
proxy_read_timeout 600s; # 设置读取超时时间。
|
||||||
|
|
||||||
|
# 前端打包好的dist目录文件
|
||||||
|
root /data/;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
try_files $uri $uri/ /index.html;
|
||||||
|
}
|
||||||
|
|
||||||
|
# 若新增后端路由前缀注意在此处添加（|新增）
|
||||||
|
location ^~ /api/ {
|
||||||
|
proxy_pass http://wireguard-srv:6687;
|
||||||
|
proxy_set_header Host $host;
|
||||||
|
proxy_set_header X-Real-IP $remote_addr;
|
||||||
|
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||||
|
proxy_set_header REMOTE-HOST $remote_addr;
|
||||||
|
proxy_set_header Upgrade $http_upgrade;
|
||||||
|
proxy_set_header Connection "upgrade";
|
||||||
|
proxy_set_header X-Forwarded-Proto $scheme;
|
||||||
|
}
|
||||||
|
}
|
||||||
3
docs/使用unocss.md
Normal file
3
docs/使用unocss.md
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
推荐阅读作者在掘金的文章：
|
||||||
|
|
||||||
|
[保熟的UnoCSS使用指北，优雅使用antfu大佬的原子化CSS](https://juejin.cn/post/7142466784971456548)
|
||||||
40
docs/使用图标.md
Normal file
40
docs/使用图标.md
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
## 使用 iconify 图标
|
||||||
|
|
||||||
|
首先去图标库地址：[icones](https://icones.js.org/) 找合适的图标
|
||||||
|
|
||||||
|
### 1. 结合 unocss 使用
|
||||||
|
|
||||||
|
```html
|
||||||
|
<i i-carbon-sun />
|
||||||
|
<i class="i-carbon-sun" />
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. 结合插件 unplugin-icons 自定义标签使用
|
||||||
|
|
||||||
|
`<icon-[iconify图标名称]`
|
||||||
|
|
||||||
|
```html
|
||||||
|
<icon-ant-design:fullscreen-exit-outlined />
|
||||||
|
<icon-ant-design:fullscreen-outlined />
|
||||||
|
```
|
||||||
|
|
||||||
|
这种方式还支持自定义 svg 图标，本项目自定义 svg 图标固定放在 src/assets/svg 下
|
||||||
|
|
||||||
|
`<icon-custom-[svg图标文件名]`
|
||||||
|
|
||||||
|
```
|
||||||
|
<icon-custom-logo />
|
||||||
|
```
|
||||||
|
|
||||||
|
具体配置参看 build/plugin/unplugin.js
|
||||||
|
|
||||||
|
### 3. 结合 Naive UI 的 NIcon 组件封装使用
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!-- iconify图标 -->
|
||||||
|
<TheIcon icon="material-symbols:delete-outline" />
|
||||||
|
<!-- 自定义svg图标 -->
|
||||||
|
<TheIcon icon="logo" type="custom" />
|
||||||
|
```
|
||||||
|
|
||||||
|
封装组件参看 src/components/icon
|
||||||
32
docs/安装pnpm.md
Normal file
32
docs/安装pnpm.md
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
## 安装pnpm
|
||||||
|
|
||||||
|
### 使用Corepack安装（推荐）
|
||||||
|
|
||||||
|
从 v16.13 开始，Node.js 发布了 Corepack 来管理包管理器。 这是一项实验性功能，需要通过运行如下脚本来启用它：
|
||||||
|
|
||||||
|
```
|
||||||
|
npx corepack enable // 可能需要管理员权限
|
||||||
|
```
|
||||||
|
|
||||||
|
这将自动在您的系统上安装 pnpm。 但是，它可能不是最新版本的 pnpm。 若要升级，请检查[最新的 pnpm 版本](https://github.com/pnpm/pnpm/releases/latest) 并运行，如 7.14.0
|
||||||
|
```
|
||||||
|
corepack prepare pnpm@7.14.0 --activate
|
||||||
|
```
|
||||||
|
|
||||||
|
如果是 Node.js v16.17 或者更新的版本，可以直接安装最新版本的 pnpm
|
||||||
|
```
|
||||||
|
corepack prepare pnpm@latest --activate
|
||||||
|
```
|
||||||
|
|
||||||
|
### 使用npm安装
|
||||||
|
|
||||||
|
```
|
||||||
|
npm i -g pnpm
|
||||||
|
```
|
||||||
|
|
||||||
|
更新，卸了重新装
|
||||||
|
|
||||||
|
```
|
||||||
|
npm uninstall -g pnpm
|
||||||
|
npm i -g pnpm
|
||||||
|
```
|
||||||
181
eslint.config.js
181
eslint.config.js
@ -1,181 +0,0 @@
|
|||||||
import js from "@eslint/js";
|
|
||||||
import pluginVue from "eslint-plugin-vue";
|
|
||||||
import * as parserVue from "vue-eslint-parser";
|
|
||||||
import configPrettier from "eslint-config-prettier";
|
|
||||||
import pluginPrettier from "eslint-plugin-prettier";
|
|
||||||
import { defineFlatConfig } from "eslint-define-config";
|
|
||||||
import * as parserTypeScript from "@typescript-eslint/parser";
|
|
||||||
import pluginTypeScript from "@typescript-eslint/eslint-plugin";
|
|
||||||
|
|
||||||
export default defineFlatConfig([
|
|
||||||
{
|
|
||||||
...js.configs.recommended,
|
|
||||||
ignores: [
|
|
||||||
"**/.*",
|
|
||||||
"dist/*",
|
|
||||||
"*.d.ts",
|
|
||||||
"public/*",
|
|
||||||
"src/assets/**",
|
|
||||||
"src/**/iconfont/**"
|
|
||||||
],
|
|
||||||
languageOptions: {
|
|
||||||
globals: {
|
|
||||||
// index.d.ts
|
|
||||||
RefType: "readonly",
|
|
||||||
EmitType: "readonly",
|
|
||||||
TargetContext: "readonly",
|
|
||||||
ComponentRef: "readonly",
|
|
||||||
ElRef: "readonly",
|
|
||||||
ForDataType: "readonly",
|
|
||||||
AnyFunction: "readonly",
|
|
||||||
PropType: "readonly",
|
|
||||||
Writable: "readonly",
|
|
||||||
Nullable: "readonly",
|
|
||||||
NonNullable: "readonly",
|
|
||||||
Recordable: "readonly",
|
|
||||||
ReadonlyRecordable: "readonly",
|
|
||||||
Indexable: "readonly",
|
|
||||||
DeepPartial: "readonly",
|
|
||||||
Without: "readonly",
|
|
||||||
Exclusive: "readonly",
|
|
||||||
TimeoutHandle: "readonly",
|
|
||||||
IntervalHandle: "readonly",
|
|
||||||
Effect: "readonly",
|
|
||||||
ChangeEvent: "readonly",
|
|
||||||
WheelEvent: "readonly",
|
|
||||||
ImportMetaEnv: "readonly",
|
|
||||||
Fn: "readonly",
|
|
||||||
PromiseFn: "readonly",
|
|
||||||
ComponentElRef: "readonly",
|
|
||||||
parseInt: "readonly",
|
|
||||||
parseFloat: "readonly"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
prettier: pluginPrettier
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
...configPrettier.rules,
|
|
||||||
...pluginPrettier.configs.recommended.rules,
|
|
||||||
"no-debugger": "off",
|
|
||||||
"no-unused-vars": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
argsIgnorePattern: "^_",
|
|
||||||
varsIgnorePattern: "^_"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"prettier/prettier": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
endOfLine: "auto"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
files: ["**/*.?([cm])ts", "**/*.?([cm])tsx"],
|
|
||||||
languageOptions: {
|
|
||||||
parser: parserTypeScript,
|
|
||||||
parserOptions: {
|
|
||||||
sourceType: "module"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
"@typescript-eslint": pluginTypeScript
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
...pluginTypeScript.configs.strict.rules,
|
|
||||||
"@typescript-eslint/ban-types": "off",
|
|
||||||
"@typescript-eslint/no-redeclare": "error",
|
|
||||||
"@typescript-eslint/ban-ts-comment": "off",
|
|
||||||
"@typescript-eslint/no-explicit-any": "off",
|
|
||||||
"@typescript-eslint/prefer-as-const": "warn",
|
|
||||||
"@typescript-eslint/no-empty-function": "off",
|
|
||||||
"@typescript-eslint/no-non-null-assertion": "off",
|
|
||||||
"@typescript-eslint/no-import-type-side-effects": "error",
|
|
||||||
"@typescript-eslint/explicit-module-boundary-types": "off",
|
|
||||||
"@typescript-eslint/consistent-type-imports": [
|
|
||||||
"error",
|
|
||||||
{ disallowTypeAnnotations: false, fixStyle: "inline-type-imports" }
|
|
||||||
],
|
|
||||||
"@typescript-eslint/prefer-literal-enum-member": [
|
|
||||||
"error",
|
|
||||||
{ allowBitwiseExpressions: true }
|
|
||||||
],
|
|
||||||
"@typescript-eslint/no-unused-vars": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
argsIgnorePattern: "^_",
|
|
||||||
varsIgnorePattern: "^_"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
files: ["**/*.d.ts"],
|
|
||||||
rules: {
|
|
||||||
"eslint-comments/no-unlimited-disable": "off",
|
|
||||||
"import/no-duplicates": "off",
|
|
||||||
"unused-imports/no-unused-vars": "off"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
files: ["**/*.?([cm])js"],
|
|
||||||
rules: {
|
|
||||||
"@typescript-eslint/no-require-imports": "off",
|
|
||||||
"@typescript-eslint/no-var-requires": "off"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
files: ["**/*.vue"],
|
|
||||||
languageOptions: {
|
|
||||||
globals: {
|
|
||||||
$: "readonly",
|
|
||||||
$$: "readonly",
|
|
||||||
$computed: "readonly",
|
|
||||||
$customRef: "readonly",
|
|
||||||
$ref: "readonly",
|
|
||||||
$shallowRef: "readonly",
|
|
||||||
$toRef: "readonly"
|
|
||||||
},
|
|
||||||
parser: parserVue,
|
|
||||||
parserOptions: {
|
|
||||||
ecmaFeatures: {
|
|
||||||
jsx: true
|
|
||||||
},
|
|
||||||
extraFileExtensions: [".vue"],
|
|
||||||
parser: "@typescript-eslint/parser",
|
|
||||||
sourceType: "module"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
vue: pluginVue
|
|
||||||
},
|
|
||||||
processor: pluginVue.processors[".vue"],
|
|
||||||
rules: {
|
|
||||||
...pluginVue.configs.base.rules,
|
|
||||||
...pluginVue.configs["vue3-essential"].rules,
|
|
||||||
...pluginVue.configs["vue3-recommended"].rules,
|
|
||||||
"no-undef": "off",
|
|
||||||
"no-unused-vars": "off",
|
|
||||||
"vue/no-v-html": "off",
|
|
||||||
"vue/require-default-prop": "off",
|
|
||||||
"vue/require-explicit-emits": "off",
|
|
||||||
"vue/multi-word-component-names": "off",
|
|
||||||
"vue/no-setup-props-reactivity-loss": "off",
|
|
||||||
"vue/html-self-closing": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
html: {
|
|
||||||
void: "always",
|
|
||||||
normal: "always",
|
|
||||||
component: "always"
|
|
||||||
},
|
|
||||||
svg: "always",
|
|
||||||
math: "always"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
100
index.html
100
index.html
@ -1,87 +1,35 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="cn">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="Expires" content="0" />
|
||||||
|
<meta http-equiv="Pragma" content="no-cache" />
|
||||||
|
<meta http-equiv="Cache-control" content="no-cache" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
<meta name="renderer" content="webkit" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta
|
<link rel="icon" href="/favicon.png" />
|
||||||
name="viewport"
|
<link rel="stylesheet" href="/resource/loading.css" />
|
||||||
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
|
|
||||||
/>
|
<title><%= title %></title>
|
||||||
<title>pure-admin-thin</title>
|
|
||||||
<link rel="icon" href="/favicon.ico" />
|
|
||||||
<script>
|
|
||||||
window.process = {};
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<style>
|
<!-- 白屏时的loading效果 -->
|
||||||
html,
|
<div class="loading-container">
|
||||||
body,
|
<img src="/resource/logo.png" alt="logo" height="128" />
|
||||||
#app {
|
<div class="loading-spin__container">
|
||||||
position: relative;
|
<div class="loading-spin">
|
||||||
display: flex;
|
<div class="left-0 top-0 loading-spin-item"></div>
|
||||||
align-items: center;
|
<div class="left-0 bottom-0 loading-spin-item loading-delay-500"></div>
|
||||||
justify-content: center;
|
<div class="right-0 top-0 loading-spin-item loading-delay-1000"></div>
|
||||||
width: 100%;
|
<div class="right-0 bottom-0 loading-spin-item loading-delay-1500"></div>
|
||||||
height: 100%;
|
</div>
|
||||||
overflow: hidden;
|
</div>
|
||||||
}
|
<div class="loading-title"><%= title %></div>
|
||||||
|
</div>
|
||||||
.loader,
|
<script src="/resource/loading.js"></script>
|
||||||
.loader::before,
|
|
||||||
.loader::after {
|
|
||||||
width: 2.5em;
|
|
||||||
height: 2.5em;
|
|
||||||
border-radius: 50%;
|
|
||||||
animation: load-animation 1.8s infinite ease-in-out;
|
|
||||||
animation-fill-mode: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loader {
|
|
||||||
position: relative;
|
|
||||||
top: 0;
|
|
||||||
margin: 80px auto;
|
|
||||||
font-size: 10px;
|
|
||||||
color: #406eeb;
|
|
||||||
text-indent: -9999em;
|
|
||||||
transform: translateZ(0);
|
|
||||||
transform: translate(-50%, 0);
|
|
||||||
animation-delay: -0.16s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loader::before,
|
|
||||||
.loader::after {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
.loader::before {
|
|
||||||
left: -3.5em;
|
|
||||||
animation-delay: -0.32s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loader::after {
|
|
||||||
left: 3.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes load-animation {
|
|
||||||
0%,
|
|
||||||
80%,
|
|
||||||
100% {
|
|
||||||
box-shadow: 0 2.5em 0 -1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
40% {
|
|
||||||
box-shadow: 0 2.5em 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<div class="loader"></div>
|
|
||||||
</div>
|
</div>
|
||||||
<script type="module" src="/src/main.ts"></script>
|
<script type="module" src="/src/main.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
14
jsconfig.json
Normal file
14
jsconfig.json
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ESNext",
|
||||||
|
"baseUrl": "./",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["src/*"],
|
||||||
|
"~/*": ["./*"]
|
||||||
|
},
|
||||||
|
"jsx": "preserve",
|
||||||
|
"allowJs": true
|
||||||
|
},
|
||||||
|
"exclude": ["node_modules", "dist"]
|
||||||
|
}
|
||||||
40
mock/api/auth.js
Normal file
40
mock/api/auth.js
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import { resolveToken } from '../utils'
|
||||||
|
|
||||||
|
const token = {
|
||||||
|
admin: 'admin',
|
||||||
|
editor: 'editor',
|
||||||
|
}
|
||||||
|
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
url: '/api/auth/login',
|
||||||
|
method: 'post',
|
||||||
|
response: ({ body }) => {
|
||||||
|
if (['admin', 'editor'].includes(body?.name)) {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
data: {
|
||||||
|
token: token[body.name],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return {
|
||||||
|
code: -1,
|
||||||
|
message: '没有此用户',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: '/api/auth/refreshToken',
|
||||||
|
method: 'post',
|
||||||
|
response: ({ headers }) => {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
data: {
|
||||||
|
token: resolveToken(headers?.authorization),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
5
mock/api/index.js
Normal file
5
mock/api/index.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
import auth from './auth'
|
||||||
|
import user from './user'
|
||||||
|
import post from './post'
|
||||||
|
|
||||||
|
export default [...auth, ...user, ...post]
|
||||||
138
mock/api/post.js
Normal file
138
mock/api/post.js
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
const posts = [
|
||||||
|
{
|
||||||
|
title: '使用纯css优雅配置移动端rem布局',
|
||||||
|
author: '大脸怪',
|
||||||
|
category: 'Css',
|
||||||
|
description: '通常配置rem布局会使用js进行处理，比如750的设计稿会这样...',
|
||||||
|
content: '通常配置rem布局会使用js进行处理，比如750的设计稿会这样',
|
||||||
|
isRecommend: true,
|
||||||
|
isPublish: true,
|
||||||
|
createDate: '2021-11-04T04:03:36.000Z',
|
||||||
|
updateDate: '2021-11-04T04:03:36.000Z',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Vue2&Vue3项目风格指南',
|
||||||
|
author: 'Ronnie',
|
||||||
|
category: 'Vue',
|
||||||
|
description: '总结的Vue2和Vue3的项目风格',
|
||||||
|
content: '### 1. 命名风格\n\n> 文件夹如果是由多个单词组成，应该始终是横线连接 ',
|
||||||
|
isRecommend: true,
|
||||||
|
isPublish: true,
|
||||||
|
createDate: '2021-10-25T08:57:47.000Z',
|
||||||
|
updateDate: '2022-02-28T04:02:39.000Z',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '如何优雅的给图片添加水印',
|
||||||
|
author: '大脸怪',
|
||||||
|
category: 'JavaScript',
|
||||||
|
description: '优雅的给图片添加水印',
|
||||||
|
content: '我之前写过一篇文章记录了一次上传图片的优化史',
|
||||||
|
isRecommend: true,
|
||||||
|
isPublish: true,
|
||||||
|
createDate: '2021-06-24T18:46:19.000Z',
|
||||||
|
updateDate: '2021-09-23T07:51:22.000Z',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '前端缓存的理解',
|
||||||
|
author: '大脸怪',
|
||||||
|
category: 'Http',
|
||||||
|
description: '谈谈前端缓存的理解',
|
||||||
|
content:
|
||||||
|
'> 背景\n\n公司有个vue-cli3移动端web项目发版更新后发现部分用户手机在钉钉内置浏览器打开出现了缓存',
|
||||||
|
isRecommend: true,
|
||||||
|
isPublish: true,
|
||||||
|
createDate: '2021-06-10T18:51:19.000Z',
|
||||||
|
updateDate: '2021-09-17T09:33:24.000Z',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Promise的五个静态方法',
|
||||||
|
author: '大脸怪',
|
||||||
|
category: 'JavaScript',
|
||||||
|
description: '简单介绍下在 Promise 类中，有5 种静态方法及它们的使用场景',
|
||||||
|
content:
|
||||||
|
'## 1. Promise.all\n\n并行执行多个 promise，并等待所有 promise 都准备就绪。再对它们进行处理。',
|
||||||
|
isRecommend: true,
|
||||||
|
isPublish: true,
|
||||||
|
createDate: '2021-02-22T22:37:06.000Z',
|
||||||
|
updateDate: '2021-09-17T09:33:24.000Z',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
url: '/api/posts',
|
||||||
|
method: 'get',
|
||||||
|
response: (data = {}) => {
|
||||||
|
const { title, pageNo, pageSize } = data.query
|
||||||
|
let pageData = []
|
||||||
|
let total = 60
|
||||||
|
const filterData = posts.filter(
|
||||||
|
(item) => item.title.includes(title) || (!title && title !== 0)
|
||||||
|
)
|
||||||
|
if (filterData.length) {
|
||||||
|
if (pageSize) {
|
||||||
|
while (pageData.length < pageSize) {
|
||||||
|
pageData.push(filterData[Math.round(Math.random() * (filterData.length - 1))])
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
pageData = filterData
|
||||||
|
}
|
||||||
|
pageData = pageData.map((item, index) => ({
|
||||||
|
id: pageSize * (pageNo - 1) + index + 1,
|
||||||
|
...item,
|
||||||
|
}))
|
||||||
|
} else {
|
||||||
|
total = 0
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
message: 'ok',
|
||||||
|
data: {
|
||||||
|
pageData,
|
||||||
|
total,
|
||||||
|
pageNo,
|
||||||
|
pageSize,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: '/api/post',
|
||||||
|
method: 'post',
|
||||||
|
response: ({ body }) => {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
message: 'ok',
|
||||||
|
data: body,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: '/api/post/:id',
|
||||||
|
method: 'put',
|
||||||
|
response: ({ query, body }) => {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
message: 'ok',
|
||||||
|
data: {
|
||||||
|
id: query.id,
|
||||||
|
body,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
url: '/api/post/:id',
|
||||||
|
method: 'delete',
|
||||||
|
response: ({ query }) => {
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
message: 'ok',
|
||||||
|
data: {
|
||||||
|
id: query.id,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
39
mock/api/user.js
Normal file
39
mock/api/user.js
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
import { resolveToken } from '../utils'
|
||||||
|
|
||||||
|
const users = {
|
||||||
|
admin: {
|
||||||
|
id: 1,
|
||||||
|
name: '大脸怪(admin)',
|
||||||
|
avatar: 'https://static.isme.top/images/avatar.jpg',
|
||||||
|
email: 'Ronnie@123.com',
|
||||||
|
role: ['admin'],
|
||||||
|
},
|
||||||
|
editor: {
|
||||||
|
id: 2,
|
||||||
|
name: '大脸怪(editor)',
|
||||||
|
avatar: 'https://static.isme.top/images/avatar.jpg',
|
||||||
|
email: 'Ronnie@123.com',
|
||||||
|
role: ['editor'],
|
||||||
|
},
|
||||||
|
guest: {
|
||||||
|
id: 3,
|
||||||
|
name: '访客(guest)',
|
||||||
|
avatar: 'https://static.isme.top/images/avatar.jpg',
|
||||||
|
role: [],
|
||||||
|
},
|
||||||
|
}
|
||||||
|
export default [
|
||||||
|
{
|
||||||
|
url: '/api/user',
|
||||||
|
method: 'get',
|
||||||
|
response: ({ headers }) => {
|
||||||
|
const token = resolveToken(headers?.authorization)
|
||||||
|
return {
|
||||||
|
code: 0,
|
||||||
|
data: {
|
||||||
|
...(users[token] || users.guest),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
@ -1,52 +0,0 @@
|
|||||||
// 模拟后端动态生成路由
|
|
||||||
import { defineFakeRoute } from "vite-plugin-fake-server/client";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* roles：页面级别权限，这里模拟二种 "user"、"common"
|
|
||||||
* user：管理员角色
|
|
||||||
* common：普通角色
|
|
||||||
*/
|
|
||||||
const permissionRouter = {
|
|
||||||
path: "/permission",
|
|
||||||
meta: {
|
|
||||||
title: "权限管理",
|
|
||||||
icon: "ep:lollipop",
|
|
||||||
rank: 10
|
|
||||||
},
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: "/permission/page/index",
|
|
||||||
name: "PermissionPage",
|
|
||||||
meta: {
|
|
||||||
title: "页面权限",
|
|
||||||
roles: ["user", "common"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/permission/button/index",
|
|
||||||
name: "PermissionButton",
|
|
||||||
meta: {
|
|
||||||
title: "按钮权限",
|
|
||||||
roles: ["user", "common"],
|
|
||||||
auths: [
|
|
||||||
"permission:btn:add",
|
|
||||||
"permission:btn:edit",
|
|
||||||
"permission:btn:delete"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
export default defineFakeRoute([
|
|
||||||
{
|
|
||||||
url: "/get-async-routes",
|
|
||||||
method: "get",
|
|
||||||
response: () => {
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
data: [permissionRouter]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
6
mock/index.js
Normal file
6
mock/index.js
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer'
|
||||||
|
import api from './api'
|
||||||
|
|
||||||
|
export function setupProdMockServer() {
|
||||||
|
createProdMockServer(api)
|
||||||
|
}
|
||||||
@ -1,39 +0,0 @@
|
|||||||
// 根据角色动态生成路由
|
|
||||||
import { defineFakeRoute } from "vite-plugin-fake-server/client";
|
|
||||||
|
|
||||||
export default defineFakeRoute([
|
|
||||||
{
|
|
||||||
url: "/login",
|
|
||||||
method: "post",
|
|
||||||
response: ({ body }) => {
|
|
||||||
if (body.username === "user") {
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
data: {
|
|
||||||
avatar: "https://avatars.githubusercontent.com/u/44761321",
|
|
||||||
username: "user",
|
|
||||||
nickname: "小铭",
|
|
||||||
// 一个用户可能有多个角色
|
|
||||||
roles: ["user"],
|
|
||||||
accessToken: "eyJhbGciOiJIUzUxMiJ9.user",
|
|
||||||
refreshToken: "eyJhbGciOiJIUzUxMiJ9.adminRefresh",
|
|
||||||
expires: "2030/10/30 00:00:00"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
data: {
|
|
||||||
avatar: "https://avatars.githubusercontent.com/u/52823142",
|
|
||||||
username: "common",
|
|
||||||
nickname: "小林",
|
|
||||||
roles: ["common"],
|
|
||||||
accessToken: "eyJhbGciOiJIUzUxMiJ9.common",
|
|
||||||
refreshToken: "eyJhbGciOiJIUzUxMiJ9.commonRefresh",
|
|
||||||
expires: "2030/10/30 00:00:00"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
import { defineFakeRoute } from "vite-plugin-fake-server/client";
|
|
||||||
|
|
||||||
// 模拟刷新token接口
|
|
||||||
export default defineFakeRoute([
|
|
||||||
{
|
|
||||||
url: "/refresh-token",
|
|
||||||
method: "post",
|
|
||||||
response: ({ body }) => {
|
|
||||||
if (body.refreshToken) {
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
data: {
|
|
||||||
accessToken: "eyJhbGciOiJIUzUxMiJ9.newAdmin",
|
|
||||||
refreshToken: "eyJhbGciOiJIUzUxMiJ9.newAdminRefresh",
|
|
||||||
// `expires`选择这种日期格式是为了方便调试，后端直接设置时间戳或许更方便（每次都应该递增）。如果后端返回的是时间戳格式，前端开发请来到这个目录`src/utils/auth.ts`，把第`38`行的代码换成expires = data.expires即可。
|
|
||||||
expires: "2030/10/30 23:59:59"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
success: false,
|
|
||||||
data: {}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
12
mock/utils.js
Normal file
12
mock/utils.js
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
export function resolveToken(authorization) {
|
||||||
|
/**
|
||||||
|
* * jwt token
|
||||||
|
* * Bearer + token
|
||||||
|
* ! 认证方案: Bearer
|
||||||
|
*/
|
||||||
|
const reqTokenSplit = authorization.split(' ')
|
||||||
|
if (reqTokenSplit.length === 2) {
|
||||||
|
return reqTokenSplit[1]
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
}
|
||||||
211
package.json
211
package.json
@ -1,153 +1,82 @@
|
|||||||
{
|
{
|
||||||
"name": "pure-admin-thin",
|
"name": "vue-naive-admin",
|
||||||
"version": "5.5.0",
|
"version": "1.0.0",
|
||||||
"private": true,
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "NODE_OPTIONS=--max-old-space-size=4096 vite",
|
"build": "vite build",
|
||||||
"serve": "pnpm dev",
|
"build:github": "vite build --mode github && esno ./build/script",
|
||||||
"build": "rimraf dist && NODE_OPTIONS=--max-old-space-size=8192 vite build",
|
"build:test": "vite build --mode test",
|
||||||
"build:staging": "rimraf dist && vite build --mode staging",
|
"cz": "cz",
|
||||||
"report": "rimraf dist && vite build",
|
"dev": "vite",
|
||||||
"preview": "vite preview",
|
"lint": "eslint --ext .js,.vue .",
|
||||||
"preview:build": "pnpm build && vite preview",
|
"lint:fix": "eslint --fix --ext .js,.vue .",
|
||||||
"typecheck": "tsc --noEmit && vue-tsc --noEmit --skipLibCheck",
|
"lint:staged": "lint-staged",
|
||||||
"svgo": "svgo -f . -r",
|
"prepare": "husky install",
|
||||||
"clean:cache": "rimraf .eslintcache && rimraf pnpm-lock.yaml && rimraf node_modules && pnpm store prune && pnpm install",
|
"preview": "vite preview"
|
||||||
"lint:eslint": "eslint --cache --max-warnings 0 \"{src,mock,build}/**/*.{vue,js,ts,tsx}\" --fix",
|
|
||||||
"lint:prettier": "prettier --write \"src/**/*.{js,ts,json,tsx,css,scss,vue,html,md}\"",
|
|
||||||
"lint:stylelint": "stylelint --cache --fix \"**/*.{html,vue,css,scss}\" --cache-location node_modules/.cache/stylelint/",
|
|
||||||
"lint": "pnpm lint:eslint && pnpm lint:prettier && pnpm lint:stylelint",
|
|
||||||
"prepare": "husky",
|
|
||||||
"preinstall": "npx only-allow pnpm"
|
|
||||||
},
|
},
|
||||||
"keywords": [
|
"lint-staged": {
|
||||||
"vue-pure-admin",
|
"*.{js,vue}": [
|
||||||
"element-plus",
|
"eslint --ext .js,.vue ."
|
||||||
"tailwindcss",
|
]
|
||||||
"pure-admin",
|
|
||||||
"typescript",
|
|
||||||
"pinia",
|
|
||||||
"vue3",
|
|
||||||
"vite",
|
|
||||||
"esm"
|
|
||||||
],
|
|
||||||
"homepage": "https://github.com/pure-admin/pure-admin-thin",
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/pure-admin/pure-admin-thin.git"
|
|
||||||
},
|
},
|
||||||
"bugs": {
|
"config": {
|
||||||
"url": "https://github.com/pure-admin/vue-pure-admin/issues"
|
"commitizen": {
|
||||||
|
"path": "node_modules/cz-customizable"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
"license": "MIT",
|
"eslintConfig": {
|
||||||
"author": {
|
"extends": [
|
||||||
"name": "xiaoxian521",
|
"@zclzone",
|
||||||
"email": "pureadmin@163.com",
|
"@unocss",
|
||||||
"url": "https://github.com/xiaoxian521"
|
".eslint-global-variables.json"
|
||||||
|
]
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@element-plus/icons-vue": "^2.3.1",
|
"@unocss/eslint-config": "^0.55.7",
|
||||||
"@pureadmin/descriptions": "^1.2.1",
|
"@vueuse/core": "^10.4.1",
|
||||||
"@pureadmin/table": "^3.1.2",
|
"@wangeditor/editor": "^5.1.23",
|
||||||
"@pureadmin/utils": "^2.4.7",
|
"@wangeditor/editor-for-vue": "5.1.12",
|
||||||
"@vueuse/core": "^10.9.0",
|
"axios": "^1.5.1",
|
||||||
"@vueuse/motion": "^2.1.0",
|
"dayjs": "^1.11.10",
|
||||||
"animate.css": "^4.1.1",
|
"echarts": "^5.4.3",
|
||||||
"axios": "^1.6.8",
|
"lodash-es": "^4.17.21",
|
||||||
"dayjs": "^1.11.11",
|
"md-editor-v3": "^4.7.0",
|
||||||
"echarts": "^5.5.0",
|
"mockjs": "^1.1.0",
|
||||||
"element-plus": "2.7.1",
|
"pinia": "^2.1.6",
|
||||||
"js-cookie": "^3.0.5",
|
"vite": "^4.4.11",
|
||||||
"localforage": "^1.10.0",
|
"vue": "3.3.4",
|
||||||
"mitt": "^3.0.1",
|
"vue-echarts": "^6.6.1",
|
||||||
"nprogress": "^0.2.0",
|
"vue-router": "^4.2.5",
|
||||||
"path": "^0.12.7",
|
"xlsx": "^0.18.5"
|
||||||
"pinia": "^2.1.7",
|
|
||||||
"pinyin-pro": "^3.20.4",
|
|
||||||
"plus-pro-components": "^0.1.4",
|
|
||||||
"qs": "^6.12.1",
|
|
||||||
"responsive-storage": "^2.2.0",
|
|
||||||
"sortablejs": "^1.15.2",
|
|
||||||
"vue": "^3.4.27",
|
|
||||||
"vue-router": "^4.3.2",
|
|
||||||
"vue-tippy": "^6.4.1",
|
|
||||||
"vue-types": "^5.1.2"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@commitlint/cli": "^19.3.0",
|
"@commitlint/cli": "^17.7.2",
|
||||||
"@commitlint/config-conventional": "^19.2.2",
|
"@commitlint/config-conventional": "^17.7.0",
|
||||||
"@commitlint/types": "^19.0.3",
|
"@iconify/json": "^2.2.125",
|
||||||
"@eslint/js": "^9.2.0",
|
"@iconify/vue": "^4.1.1",
|
||||||
"@faker-js/faker": "^8.4.1",
|
"@unocss/preset-rem-to-px": "^0.55.7",
|
||||||
"@iconify-icons/ep": "^1.2.12",
|
"@vitejs/plugin-vue": "^4.4.0",
|
||||||
"@iconify-icons/ri": "^1.2.10",
|
"@vue/compiler-sfc": "^3.3.4",
|
||||||
"@iconify/vue": "^4.1.2",
|
"@zclzone/eslint-config": "^0.0.5",
|
||||||
"@pureadmin/theme": "^3.2.0",
|
"chalk": "^5.3.0",
|
||||||
"@types/gradient-string": "^1.1.6",
|
"commitizen": "^4.3.0",
|
||||||
"@types/js-cookie": "^3.0.6",
|
"cz-conventional-changelog": "^3.3.0",
|
||||||
"@types/node": "^20.12.11",
|
"cz-customizable": "^7.0.0",
|
||||||
"@types/nprogress": "^0.2.3",
|
"dotenv": "^16.3.1",
|
||||||
"@types/qs": "^6.9.15",
|
"esno": "^0.17.0",
|
||||||
"@types/sortablejs": "^1.15.8",
|
"fs-extra": "^11.1.1",
|
||||||
"@typescript-eslint/eslint-plugin": "^7.8.0",
|
"husky": "^8.0.3",
|
||||||
"@typescript-eslint/parser": "^7.8.0",
|
"lint-staged": "^14.0.1",
|
||||||
"@vitejs/plugin-vue": "^5.0.4",
|
"naive-ui": "^2.39.0",
|
||||||
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
"rollup-plugin-visualizer": "^5.9.2",
|
||||||
"autoprefixer": "^10.4.19",
|
"sass": "^1.69.0",
|
||||||
"boxen": "^7.1.1",
|
"unocss": "0.55.3",
|
||||||
"cssnano": "^7.0.1",
|
"unplugin-auto-import": "^0.16.6",
|
||||||
"eslint": "^9.2.0",
|
"unplugin-icons": "^0.16.6",
|
||||||
"eslint-config-prettier": "^9.1.0",
|
"unplugin-vue-components": "^0.25.2",
|
||||||
"eslint-define-config": "^2.1.0",
|
|
||||||
"eslint-plugin-prettier": "^5.1.3",
|
|
||||||
"eslint-plugin-vue": "^9.25.0",
|
|
||||||
"gradient-string": "^2.0.2",
|
|
||||||
"husky": "^9.0.11",
|
|
||||||
"lint-staged": "^15.2.2",
|
|
||||||
"postcss": "^8.4.38",
|
|
||||||
"postcss-html": "^1.7.0",
|
|
||||||
"postcss-import": "^16.1.0",
|
|
||||||
"postcss-scss": "^4.0.9",
|
|
||||||
"prettier": "^3.2.5",
|
|
||||||
"rimraf": "^5.0.5",
|
|
||||||
"rollup-plugin-visualizer": "^5.12.0",
|
|
||||||
"sass": "^1.77.0",
|
|
||||||
"stylelint": "^16.5.0",
|
|
||||||
"stylelint-config-recess-order": "^5.0.1",
|
|
||||||
"stylelint-config-recommended-vue": "^1.5.0",
|
|
||||||
"stylelint-config-standard-scss": "^13.1.0",
|
|
||||||
"stylelint-prettier": "^5.0.0",
|
|
||||||
"svgo": "^3.3.0",
|
|
||||||
"tailwindcss": "^3.4.3",
|
|
||||||
"typescript": "^5.4.5",
|
|
||||||
"vite": "^5.2.11",
|
|
||||||
"vite-plugin-cdn-import": "^0.3.5",
|
|
||||||
"vite-plugin-compression": "^0.5.1",
|
"vite-plugin-compression": "^0.5.1",
|
||||||
"vite-plugin-fake-server": "^2.1.1",
|
"vite-plugin-html": "^3.2.0",
|
||||||
"vite-plugin-remove-console": "^2.2.0",
|
"vite-plugin-mock": "2.9.6",
|
||||||
"vite-plugin-router-warn": "^1.0.0",
|
"vite-plugin-svg-icons": "^2.0.1",
|
||||||
"vite-svg-loader": "^5.1.0",
|
"vite-plugin-vue-devtools": "1.0.0-rc.7"
|
||||||
"vue-eslint-parser": "^9.4.2",
|
|
||||||
"vue-tsc": "^1.8.27"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": "^18.18.0 || ^20.9.0 || >=21.1.0",
|
|
||||||
"pnpm": ">=8.6.10"
|
|
||||||
},
|
|
||||||
"packageManager": "pnpm@8.6.10",
|
|
||||||
"pnpm": {
|
|
||||||
"allowedDeprecatedVersions": {
|
|
||||||
"sourcemap-codec": "*",
|
|
||||||
"domexception": "*",
|
|
||||||
"w3c-hr-time": "*",
|
|
||||||
"stable": "*",
|
|
||||||
"abab": "*"
|
|
||||||
},
|
|
||||||
"peerDependencyRules": {
|
|
||||||
"allowedVersions": {
|
|
||||||
"eslint": "9"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
13045
pnpm-lock.yaml
generated
13045
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1,12 +0,0 @@
|
|||||||
// @ts-check
|
|
||||||
|
|
||||||
/** @type {import('postcss-load-config').Config} */
|
|
||||||
export default {
|
|
||||||
plugins: {
|
|
||||||
"postcss-import": {},
|
|
||||||
"tailwindcss/nesting": {},
|
|
||||||
tailwindcss: {},
|
|
||||||
autoprefixer: {},
|
|
||||||
...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})
|
|
||||||
}
|
|
||||||
};
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
BIN
public/favicon.png
Normal file
BIN
public/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
1
public/favicon.svg
Normal file
1
public/favicon.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 448 512" data-v-fba6e5d0=""><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-92.2 312.9c-63.4 0-85.4-28.6-97.1-64.1c-16.3-51-21.5-84.3-63-84.3c-22.4 0-45.1 16.1-45.1 61.2c0 35.2 18 57.2 43.3 57.2c28.6 0 47.6-21.3 47.6-21.3l11.7 31.9s-19.8 19.4-61.2 19.4c-51.3 0-79.9-30.1-79.9-85.8c0-57.9 28.6-92 82.5-92c73.5 0 80.8 41.4 100.8 101.9c8.8 26.8 24.2 46.2 61.2 46.2c24.9 0 38.1-5.5 38.1-19.1c0-19.9-21.8-22-49.9-28.6c-30.4-7.3-42.5-23.1-42.5-48c0-40 32.3-52.4 65.2-52.4c37.4 0 60.1 13.6 63 46.6l-36.7 4.4c-1.5-15.8-11-22.4-28.6-22.4c-16.1 0-26 7.3-26 19.8c0 11 4.8 17.6 20.9 21.3c32.7 7.1 71.8 12 71.8 57.5c.1 36.7-30.7 50.6-76.1 50.6z" fill="#316c72"></path></svg>
|
||||||
|
After Width: | Height: | Size: 825 B |
@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" class="icon" viewBox="0 0 1024 1024"><path fill="#386BF3" d="M410.558.109c0 210.974-300.876 361.752-300.876 633.548 0 174.943 134.704 316.787 300.876 316.787s300.877-141.817 300.877-316.787C711.408 361.752 410.558 210.974 410.558.109"/><path fill="#C3D2FB" d="M613.469 73.665c0 211.055-300.877 361.914-300.877 633.547C312.592 882.156 447.296 1024 613.47 1024s300.876-141.817 300.876-316.788C914.29 435.58 613.469 284.72 613.469 73.665"/><path fill="#303F5B" d="M312.592 707.212c0-183.713 137.636-312.171 226.723-441.39 81.702 106.112 172.12 218.74 172.12 367.726A309.755 309.755 0 0 1 420.36 950.064a323.1 323.1 0 0 1-107.769-242.852z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 706 B |
@ -1,26 +0,0 @@
|
|||||||
{
|
|
||||||
"Version": "5.5.0",
|
|
||||||
"Title": "Wireguard-Dashboard",
|
|
||||||
"FixedHeader": true,
|
|
||||||
"HiddenSideBar": false,
|
|
||||||
"MultiTagsCache": false,
|
|
||||||
"KeepAlive": true,
|
|
||||||
"Layout": "vertical",
|
|
||||||
"Theme": "light",
|
|
||||||
"DarkMode": false,
|
|
||||||
"OverallStyle": "light",
|
|
||||||
"Grey": false,
|
|
||||||
"Weak": false,
|
|
||||||
"HideTabs": false,
|
|
||||||
"HideFooter": false,
|
|
||||||
"Stretch": false,
|
|
||||||
"SidebarStatus": true,
|
|
||||||
"EpThemeColor": "#409EFF",
|
|
||||||
"ShowLogo": true,
|
|
||||||
"ShowModel": "smart",
|
|
||||||
"MenuArrowIconNoTransition": false,
|
|
||||||
"CachingAsyncRoutes": false,
|
|
||||||
"TooltipEffect": "light",
|
|
||||||
"ResponsiveStorageNameSpace": "responsive-",
|
|
||||||
"MenuSearchHistory": 6
|
|
||||||
}
|
|
||||||
85
public/resource/loading.css
Normal file
85
public/resource/loading.css
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
.loading-container {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-spin__container {
|
||||||
|
width: 56px;
|
||||||
|
height: 56px;
|
||||||
|
margin: 36px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-spin {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
animation: loadingSpin 1s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left-0 {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.right-0 {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.top-0 {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.bottom-0 {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-spin-item {
|
||||||
|
position: absolute;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
border-radius: 8px;
|
||||||
|
-webkit-animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||||
|
animation: loadingPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes loadingSpin {
|
||||||
|
from {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes loadingPulse {
|
||||||
|
0%, 100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-delay-500 {
|
||||||
|
-webkit-animation-delay: 500ms;
|
||||||
|
animation-delay: 500ms;
|
||||||
|
}
|
||||||
|
.loading-delay-1000 {
|
||||||
|
-webkit-animation-delay: 1000ms;
|
||||||
|
animation-delay: 1000ms;
|
||||||
|
}
|
||||||
|
.loading-delay-1500 {
|
||||||
|
-webkit-animation-delay: 1500ms;
|
||||||
|
animation-delay: 1500ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-title {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #6a6a6a;
|
||||||
|
}
|
||||||
9
public/resource/loading.js
Normal file
9
public/resource/loading.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
function addThemeColorCssVars() {
|
||||||
|
const key = '__THEME_COLOR__'
|
||||||
|
const defaultColor = '#316c72'
|
||||||
|
const themeColor = window.localStorage.getItem(key) || defaultColor
|
||||||
|
const cssVars = `--primary-color: ${themeColor}`
|
||||||
|
document.documentElement.style.cssText = cssVars
|
||||||
|
}
|
||||||
|
|
||||||
|
addThemeColorCssVars()
|
||||||
BIN
public/resource/logo.png
Normal file
BIN
public/resource/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
1
settings/index.js
Normal file
1
settings/index.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
export * from './theme.json'
|
||||||
37
settings/theme.json
Normal file
37
settings/theme.json
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
{
|
||||||
|
"header": {
|
||||||
|
"height": 60
|
||||||
|
},
|
||||||
|
"tags": {
|
||||||
|
"visible": true,
|
||||||
|
"height": 50
|
||||||
|
},
|
||||||
|
"naiveThemeOverrides": {
|
||||||
|
"common": {
|
||||||
|
"primaryColor": "#316C72FF",
|
||||||
|
"primaryColorHover": "#316C72E3",
|
||||||
|
"primaryColorPressed": "#2B4C59FF",
|
||||||
|
"primaryColorSuppl": "#316C72E3",
|
||||||
|
|
||||||
|
"infoColor": "#2080F0FF",
|
||||||
|
"infoColorHover": "#4098FCFF",
|
||||||
|
"infoColorPressed": "#1060C9FF",
|
||||||
|
"infoColorSuppl": "#4098FCFF",
|
||||||
|
|
||||||
|
"successColor": "#18A058FF",
|
||||||
|
"successColorHover": "#36AD6AFF",
|
||||||
|
"successColorPressed": "#0C7A43FF",
|
||||||
|
"successColorSuppl": "#36AD6AFF",
|
||||||
|
|
||||||
|
"warningColor": "#F0A020FF",
|
||||||
|
"warningColorHover": "#FCB040FF",
|
||||||
|
"warningColorPressed": "#C97C10FF",
|
||||||
|
"warningColorSuppl": "#FCB040FF",
|
||||||
|
|
||||||
|
"errorColor": "#D03050FF",
|
||||||
|
"errorColorHover": "#DE576DFF",
|
||||||
|
"errorColorPressed": "#AB1F3FFF",
|
||||||
|
"errorColorSuppl": "#DE576DFF"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
29
src/App.vue
29
src/App.vue
@ -1,26 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-config-provider :locale="currentLocale">
|
<AppProvider>
|
||||||
<router-view />
|
<router-view v-slot="{ Component }">
|
||||||
<ReDialog />
|
<component :is="Component" />
|
||||||
</el-config-provider>
|
</router-view>
|
||||||
|
</AppProvider>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script setup>
|
||||||
import { defineComponent } from "vue";
|
import AppProvider from '@/components/common/AppProvider.vue'
|
||||||
import { ElConfigProvider } from "element-plus";
|
|
||||||
import { ReDialog } from "@/components/ReDialog";
|
|
||||||
import zhCn from "element-plus/es/locale/lang/zh-cn";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "app",
|
|
||||||
components: {
|
|
||||||
[ElConfigProvider.name]: ElConfigProvider,
|
|
||||||
ReDialog
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
currentLocale() {
|
|
||||||
return zhCn;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -1,54 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
import { baseUri } from "@/api/utils";
|
|
||||||
|
|
||||||
// 获取服务端信息
|
|
||||||
export const getClients = (params?: object) => {
|
|
||||||
return http.request<any>("get", baseUri("/client/list"), { params });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 下载客户端配置文件
|
|
||||||
export const downloadClient = (id: string) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/download/" + id), null, {
|
|
||||||
responseType: "arraybuffer"
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// 客户端IP生成
|
|
||||||
export const generateClientIP = (data?: object) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/assignIP"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 生成客户端密钥对
|
|
||||||
export const generateClientKeys = () => {
|
|
||||||
return http.request<any>("post", baseUri("/client/generate-keys"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取客户端配置二维码
|
|
||||||
export const clientQrCode = (id: string) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/generate-qrcode/" + id));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 新增/更新客户端信息
|
|
||||||
export const saveClient = (data?: object) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/save"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 删除客户端
|
|
||||||
export const deleteClient = (id: string) => {
|
|
||||||
return http.request<any>("delete", baseUri("/client/" + id));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取客户端链接状态列表
|
|
||||||
export const getClientConnects = () => {
|
|
||||||
return http.request<any>("get", baseUri("/client/status"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 强制下线客户端
|
|
||||||
export const offlineClient = (id: string) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/offline/" + id));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 发送邮件
|
|
||||||
export const sendMail = (id: string) => {
|
|
||||||
return http.request<any>("post", baseUri("/client/to-email/" + id));
|
|
||||||
};
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
import { baseUri } from "@/api/utils";
|
|
||||||
|
|
||||||
// 获取操作日志
|
|
||||||
export const getSystemLog = (params?: object) => {
|
|
||||||
return http.request<any>("get", baseUri("/dashboard/list"), { params });
|
|
||||||
};
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
import { baseUri } from "@/api/utils";
|
|
||||||
|
|
||||||
// 获取验证码
|
|
||||||
export const getCaptcha = () => {
|
|
||||||
return http.request<any>("get", baseUri("/captcha"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 登陆
|
|
||||||
export const login = (data?: object) => {
|
|
||||||
return http.request("post", baseUri("/login"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 退出登陆
|
|
||||||
export const logout = () => {
|
|
||||||
return http.request("delete", baseUri("/user/logout"));
|
|
||||||
};
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
|
|
||||||
type Result = {
|
|
||||||
success: boolean;
|
|
||||||
data: Array<any>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getAsyncRoutes = () => {
|
|
||||||
return http.request<Result>("get", "/get-async-routes");
|
|
||||||
};
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
import { baseUri } from "@/api/utils";
|
|
||||||
|
|
||||||
// 获取服务端信息
|
|
||||||
export const getServer = () => {
|
|
||||||
return http.request<any>("get", baseUri("/server"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 更新服务端信息
|
|
||||||
export const updateServer = (data?: object) => {
|
|
||||||
return http.request<any>("post", baseUri("/server"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取全局配置
|
|
||||||
export const getGlobalConfig = () => {
|
|
||||||
return http.request<any>("get", baseUri("/setting/server"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 更新全局配置
|
|
||||||
export const updateGlobalSetting = (data?: object) => {
|
|
||||||
return http.request<any>("post", baseUri("/setting/server-global"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取当前主机的公网IP
|
|
||||||
export const getPublicIP = () => {
|
|
||||||
return http.request<any>("get", baseUri("/setting/public-ip"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取服务端重启规则
|
|
||||||
export const getServerRestartRule = () => {
|
|
||||||
return http.request<any>("get", baseUri("/setting/restart-rule"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 重启服务端
|
|
||||||
export const restartServer = (data?: object) => {
|
|
||||||
return http.request<any>("post", baseUri("/server/control-server"), {
|
|
||||||
data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
9
src/api/user.js
Normal file
9
src/api/user.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { request } from '@/utils'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
getUser: () => request.get('/user/info'), // 获取当前登陆用户信息
|
||||||
|
logout: () => request.post('/user/logout'), // 退出登陆
|
||||||
|
changePassword: (data) => request.put('/user/change-password',data), // 修改密码
|
||||||
|
generateAvatar: () => request.post('/user/generate-avatar'), // 生成头像
|
||||||
|
addOrUpdateUser: (data) => request.post('/user',data), // 新增/编辑用户信息
|
||||||
|
}
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import { http } from "@/utils/http";
|
|
||||||
import { baseUri } from "@/api/utils";
|
|
||||||
import { data } from "autoprefixer";
|
|
||||||
|
|
||||||
// 获取当前登陆用户信息
|
|
||||||
export const getUser = () => {
|
|
||||||
return http.request<any>("get", baseUri("/user"));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取用户列表
|
|
||||||
export const userList = (params?: object) => {
|
|
||||||
return http.request("get", baseUri("/user/list"), { params });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 切换用户状态
|
|
||||||
export const changeUserStatus = (data?: object) => {
|
|
||||||
return http.request("put", baseUri("/user/change-status"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 新增/编辑用户信息
|
|
||||||
export const editUser = (data?: object) => {
|
|
||||||
return http.request("post", baseUri("/user/save"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 删除管理员
|
|
||||||
export const deleteUser = (userId: string) => {
|
|
||||||
return http.request("delete", baseUri("/user/delete/" + userId));
|
|
||||||
};
|
|
||||||
|
|
||||||
// 修改密码
|
|
||||||
export const changePassword = (data?: object) => {
|
|
||||||
return http.request("post", baseUri("/user/change-password"), { data });
|
|
||||||
};
|
|
||||||
|
|
||||||
// 生成头像
|
|
||||||
export const generateAvatar = () => {
|
|
||||||
return http.request<any>("post", baseUri("/user/change-avatar"));
|
|
||||||
};
|
|
||||||
@ -1 +0,0 @@
|
|||||||
export const baseUri = (uri: string) => `/api${uri}`;
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: "iconfont"; /* Project id 2208059 */
|
|
||||||
src:
|
|
||||||
url("iconfont.woff2?t=1671895108120") format("woff2"),
|
|
||||||
url("iconfont.woff?t=1671895108120") format("woff"),
|
|
||||||
url("iconfont.ttf?t=1671895108120") format("truetype");
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
font-family: "iconfont" !important;
|
|
||||||
font-size: 16px;
|
|
||||||
font-style: normal;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-iconfont-tabs:before {
|
|
||||||
content: "\e63e";
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-iconfont-logo:before {
|
|
||||||
content: "\e620";
|
|
||||||
}
|
|
||||||
|
|
||||||
.pure-iconfont-new:before {
|
|
||||||
content: "\e615";
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user