blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-06 03:57:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(project): modify proejct name

Browse Source
This commit is contained in:
chen.home 2023-07-19 22:45:19 +08:00
parent 9ff3494045
commit 9525f80a0b
13 changed files with 63 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.env
View File

@ -1,11 +1,7 @@
# 项目根目录 # 项目根目录
VITE_BASE_URL=/ VITE_BASE_URL=/
# 项目名称 # 项目名称
VITE_APP_NAME=EnchAdmin VITE_APP_NAME=Nova - Admin
VITE_APP_TITLE=Ench管理系统
VITE_APP_DESC=EnchAdmin是一个中后台管理系统模版
# 路由模式 # 路由模式
VITE_ROUTE_MODE = web VITE_ROUTE_MODE = web

2
README.md
View File

@ -1,6 +1,6 @@
<div align="center"> <div align="center">
<img src="./public/favicon.svg" style="width:150px"/> <img src="./public/favicon.svg" style="width:150px"/>
<h1>Ench Admin</h1> <h1>Nova Admin</h1>
</div> </div>
<div align="center"> <div align="center">

28
index.html
View File

@ -1,14 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.svg" /> <link
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> rel="icon"
<title>%VITE_APP_TITLE%</title> href="/favicon.svg" />
</head> <meta
<body> name="viewport"
<div id="appLoading"></div> content="width=device-width, initial-scale=1.0" />
<div id="app"></div> <title>%VITE_APP_NAME%</title>
<script type="module" src="/src/main.ts"></script> </head>
</body> <body>
<div id="appLoading"></div>
<div id="app"></div>
<script
type="module"
src="/src/main.ts"></script>
</body>
</html> </html>

2
package.json
View File

@ -1,5 +1,5 @@
{ {
"name": "ench-admin", "name": "nova-admin",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"description": "", "description": "",

4
src/components/common/appLoading.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { useAppInfo } from '@/hooks' import { useAppInfo } from '@/hooks'
const { title } = useAppInfo() const { name } = useAppInfo()
</script> </script>
<template> <template>
@ -33,7 +33,7 @@ const { title } = useAppInfo()
</div> </div>
</div> </div>
<n-h1 class="z-1"> <n-h1 class="z-1">
{{ title }} {{ name }}
</n-h1> </n-h1>
</div> </div>
</template> </template>

28
src/hooks/useSystem.ts
View File

@ -4,24 +4,14 @@ import { isArray, isString } from '@/utils'
interface AppInfo { interface AppInfo {
/** 项目名称 */ /** 项目名称 */
name: string name: string
/** 项目标题 */
title: string
/** 项目描述 */
desc: string
} }
/** 项目信息 */ /** 项目信息 */
export function useAppInfo(): AppInfo { export function useAppInfo(): AppInfo {
const { const { VITE_APP_NAME: name } = import.meta.env
VITE_APP_NAME: name,
VITE_APP_TITLE: title,
VITE_APP_DESC: desc,
} = import.meta.env
return { return {
name, name,
title,
desc,
} }
} }
@ -29,21 +19,19 @@ export function useAppInfo(): AppInfo {
export function usePermission() { export function usePermission() {
const authStore = useAuthStore() const authStore = useAuthStore()
function hasPermission(permission: Auth.RoleType | Auth.RoleType[] | undefined) { function hasPermission(
if (!permission) permission: Auth.RoleType | Auth.RoleType[] | undefined,
return true ) {
if (!permission) return true
if (!authStore.userInfo) if (!authStore.userInfo) return false
return false
const { role } = authStore.userInfo const { role } = authStore.userInfo
let has = role === 'super' let has = role === 'super'
if (!has) { if (!has) {
if (isArray(permission)) if (isArray(permission)) has = permission.includes(role)
has = (permission).includes(role)
if (isString(permission)) if (isString(permission)) has = permission === role
has = (permission) === role
} }
return has return has
} }

4
src/layouts/components/common/Watermark.vue
View File

@ -1,16 +1,18 @@
<script setup lang="ts"> <script setup lang="ts">
interface Props { interface Props {
showWatermark: boolean showWatermark: boolean
text: string
} }
const props = withDefaults(defineProps<Props>(), { const props = withDefaults(defineProps<Props>(), {
showWatermark: false, showWatermark: false,
text: 'Watermark',
}) })
</script> </script>
<template> <template>
<n-watermark <n-watermark
v-if="props.showWatermark" v-if="props.showWatermark"
content="Ench-Admin" :content="props.text"
cross cross
fullscreen fullscreen
:font-size="16" :font-size="16"

10
src/layouts/components/header/Notices.vue
View File

@ -10,7 +10,7 @@ const MassageData = ref<Message.Tab[]>([
list: [ list: [
{ {
id: 0, id: 0,
title: 'EnchAdmin 已经完成40%了！', title: 'Admin 已经完成40%了！',
icon: 'icon-park-outline:tips-one', icon: 'icon-park-outline:tips-one',
tagTitle: '未开始', tagTitle: '未开始',
tagType: 'info', tagType: 'info',
@ -19,7 +19,7 @@ const MassageData = ref<Message.Tab[]>([
}, },
{ {
id: 1, id: 1,
title: 'EnchAdmin 已经添加通知功能！', title: 'Admin 已经添加通知功能！',
icon: 'icon-park-outline:comment-one', icon: 'icon-park-outline:comment-one',
tagTitle: '未开始', tagTitle: '未开始',
tagType: 'success', tagType: 'success',
@ -27,7 +27,7 @@ const MassageData = ref<Message.Tab[]>([
}, },
{ {
id: 2, id: 2,
title: 'EnchAdmin 已经添加路由功能！', title: 'Admin 已经添加路由功能！',
icon: 'icon-park-outline:message-emoji', icon: 'icon-park-outline:message-emoji',
tagTitle: '未开始', tagTitle: '未开始',
tagType: 'warning', tagType: 'warning',
@ -37,7 +37,7 @@ const MassageData = ref<Message.Tab[]>([
{ {
id: 3, id: 3,
title: title:
'EnchAdmin 已经添加菜单导航功能！EnchAdmin 已经添加菜单导航功能！EnchAdmin 已经添加菜单导航功能！EnchAdmin 已经添加菜单导航功能！', 'Admin 已经添加菜单导航功能！Admin 已经添加菜单导航功能！Admin 已经添加菜单导航功能！Admin 已经添加菜单导航功能！',
icon: 'icon-park-outline:tips-one', icon: 'icon-park-outline:tips-one',
tagTitle: '未开始', tagTitle: '未开始',
tagType: 'error', tagType: 'error',
@ -47,7 +47,7 @@ const MassageData = ref<Message.Tab[]>([
}, },
{ {
id: 4, id: 4,
title: 'EnchAdmin开始启动了！', title: 'Admin开始启动了！',
icon: 'icon-park-outline:tips-one', icon: 'icon-park-outline:tips-one',
tagTitle: '未开始', tagTitle: '未开始',
description: '项目稳定推进中...', description: '项目稳定推进中...',

2
src/router/guard/index.ts
View File

@ -2,7 +2,7 @@ import type { Router } from 'vue-router'
import { createPermissionGuard } from './permission' import { createPermissionGuard } from './permission'
import { useRouteStore, useTabStore } from '@/store' import { useRouteStore, useTabStore } from '@/store'
const title = import.meta.env.VITE_APP_TITLE const title = import.meta.env.VITE_APP_NAME
export function setupRouterGuard(router: Router) { export function setupRouterGuard(router: Router) {
router.beforeEach(async (to, from, next) => { router.beforeEach(async (to, from, next) => {

46
src/store/modules/app.ts
View File

@ -26,7 +26,7 @@ const isDark = useDark({
export const useAppStore = defineStore('app-store', { export const useAppStore = defineStore('app-store', {
state: (): AppStatus => { state: (): AppStatus => {
return { return {
footerText: 'Copyright ©2023 Ench Admin', footerText: 'Copyright ©2023 Nova Admin',
collapsed: false, collapsed: false,
fullScreen: false, fullScreen: false,
darkMode: isDark.value, darkMode: isDark.value,
@ -60,8 +60,9 @@ export const useAppStore = defineStore('app-store', {
} }
else { else {
// @ts-expect-error experimental API // @ts-expect-error experimental API
const isAppearanceTransition = document.startViewTransition const isAppearanceTransition
&& !window.matchMedia('(prefers-reduced-motion: reduce)').matches = document.startViewTransition
&& !window.matchMedia('(prefers-reduced-motion: reduce)').matches
if (!isAppearanceTransition) { if (!isAppearanceTransition) {
isDark.value = !isDark.value isDark.value = !isDark.value
@ -80,27 +81,24 @@ export const useAppStore = defineStore('app-store', {
this.darkMode = isDark.value this.darkMode = isDark.value
await nextTick() await nextTick()
}) })
transition.ready transition.ready.then(() => {
.then(() => { const clipPath = [
const clipPath = [ `circle(0px at ${x}px ${y}px)`,
`circle(0px at ${x}px ${y}px)`, `circle(${endRadius}px at ${x}px ${y}px)`,
`circle(${endRadius}px at ${x}px ${y}px)`, ]
] document.documentElement.animate(
document.documentElement.animate( {
{ clipPath: isDark.value ? [...clipPath].reverse() : clipPath,
clipPath: isDark.value },
? [...clipPath].reverse() {
: clipPath, duration: 400,
}, easing: 'ease-out',
{ pseudoElement: isDark.value
duration: 400, ? '::view-transition-old(root)'
easing: 'ease-out', : '::view-transition-new(root)',
pseudoElement: isDark.value },
? '::view-transition-old(root)' )
: '::view-transition-new(root)', })
},
)
})
} }
}, },
/** /**

2
src/typings/env.d.ts vendored
View File

@ -22,8 +22,6 @@ interface ImportMetaEnv {
readonly VITE_BASE_URL: string readonly VITE_BASE_URL: string
/** 项目标题 */ /** 项目标题 */
readonly VITE_APP_NAME: string readonly VITE_APP_NAME: string
readonly VITE_APP_TITLE: string
readonly VITE_APP_DESC: string
/** 开启请求代理 */ /** 开启请求代理 */
readonly VITE_HTTP_PROXY?: 'Y' | 'N' readonly VITE_HTTP_PROXY?: 'Y' | 'N'
/** 是否开启打包依赖分析 */ /** 是否开启打包依赖分析 */

2
src/views/about/index.vue
View File

@ -5,7 +5,7 @@ import lib from '~/package.json'
<template> <template>
<n-space vertical> <n-space vertical>
<n-card title="关于"> <n-card title="关于">
Ench-admin是一款基于Vue3+vite+TypeScript+Navie Nova-admin是一款基于Vue3+vite+TypeScript+Navie
UI的后台管理模板，力求使用简约的代码实现完备功能，降低学习门槛和维护成本，让大家能早点下班做自己的事情 UI的后台管理模板，力求使用简约的代码实现完备功能，降低学习门槛和维护成本，让大家能早点下班做自己的事情
</n-card> </n-card>
<n-card title="信息"> <n-card title="信息">

2
src/views/login/index.vue
View File

@ -27,7 +27,7 @@ const formComponets = {
> >
<n-gi> <n-gi>
<div class="h-full flex-col"> <div class="h-full flex-col">
<n-h2>Ench-admin</n-h2> <n-h2>Nova </n-h2>
<img <img
src="@/assets/svg/login-illus.svg" src="@/assets/svg/login-illus.svg"
class="h-80%" class="h-80%"