chore: 依赖更新

.env

@@ -3,4 +3,4 @@ VITE_APP_TITLE = 'Vue Naive Admin'
 VITE_PORT = 3100
 
 # 打包时自动生成CNAME文件，用于配置github pages自定义域名，如不需要可注释或者直接删除
-VITE_APP_GLOB_CNAME = 'template.qszone.com'
+# VITE_APP_GLOB_CNAME = 'template.qszone.com'

build/vite/plugin/mock.js

@@ -7,7 +7,7 @@ export function configMockPlugin(isBuild) {
     localEnabled: !isBuild,
     prodEnabled: isBuild,
     injectCode: `
-      import { setupProdMockServer } from '../mock/_createProdServer';
+      import { setupProdMockServer } from '../mock/_create-prod-server';
       setupProdMockServer();
     `,
   })

mock/user/index.js

@@ -4,21 +4,21 @@ const users = {
   admin: {
     id: 1,
     name: '大脸怪(admin)',
-    avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+    avatar: 'https://assets.qszone.com/images/avatar.jpg',
     email: 'Ronnie@123.com',
     role: ['admin'],
   },
   editor: {
     id: 2,
     name: '大脸怪(editor)',
-    avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+    avatar: 'https://assets.qszone.com/images/avatar.jpg',
     email: 'Ronnie@123.com',
     role: ['editor'],
   },
   guest: {
     id: 3,
     name: '访客(guest)',
-    avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+    avatar: 'https://assets.qszone.com/images/avatar.jpg',
     role: [],
   },
 }

package.json

@@ -13,35 +13,35 @@
   "dependencies": {
     "@vicons/fa": "^0.11.0",
     "axios": "^0.21.4",
-    "dayjs": "^1.10.7",
+    "dayjs": "^1.11.0",
     "lodash-es": "^4.17.21",
-    "md-editor-v3": "^1.10.2",
+    "md-editor-v3": "^1.11.4",
     "mockjs": "^1.1.0",
-    "pinia": "^2.0.11",
-    "vue": "^3.2.30",
-    "vue-router": "^4.0.12"
+    "pinia": "^2.0.13",
+    "vue": "^3.2.31",
+    "vue-router": "^4.0.14"
   },
   "devDependencies": {
     "@unocss/preset-attributify": "^0.16.4",
     "@unocss/preset-icons": "^0.16.4",
     "@unocss/preset-uno": "^0.16.4",
     "@vitejs/plugin-vue": "^1.10.2",
-    "@vue/compiler-sfc": "^3.2.30",
-    "chalk": "^5.0.0",
+    "@vue/compiler-sfc": "^3.2.31",
+    "chalk": "^5.0.1",
     "dotenv": "^10.0.0",
-    "eslint": "^8.6.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.2.0",
+    "eslint-plugin-vue": "^8.5.0",
     "esno": "^0.13.0",
-    "fs-extra": "^10.0.0",
-    "naive-ui": "^2.25.2",
-    "prettier": "^2.5.1",
-    "sass": "^1.38.1",
+    "fs-extra": "^10.0.1",
+    "naive-ui": "^2.27.0",
+    "prettier": "^2.6.1",
+    "sass": "^1.49.10",
     "unocss": "^0.16.4",
-    "unplugin-vue-components": "^0.17.18",
-    "vite": "^2.8.0",
-    "vite-plugin-html": "^2.1.1",
+    "unplugin-vue-components": "^0.17.21",
+    "vite": "^2.9.1",
+    "vite-plugin-html": "^2.1.2",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-vue-setup-extend": "^0.3.0"
   }

src/layout/components/header/HeaderAction.vue

@@ -40,21 +40,21 @@ function switchRole() {
     {
       id: 1,
       name: '大脸怪(admin)',
-      avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+      avatar: 'https://assets.qszone.com/images/avatar.jpg',
       email: 'Ronnie@123.com',
       role: ['admin'],
     },
     {
       id: 2,
       name: '大脸怪(editor)',
-      avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+      avatar: 'https://assets.qszone.com/images/avatar.jpg',
       email: 'Ronnie@123.com',
       role: ['editor'],
     },
     {
       id: 3,
       name: '访客(guest)',
-      avatar: 'https://gitee.com/zclzone/res/raw/master/qs-zone/blob/img/lADPDiQ3QDTwsz3NAarNAaw_428_426.jpg',
+      avatar: 'https://assets.qszone.com/images/avatar.jpg',
       role: [],
     },
   ]

src/main.js

@@ -2,18 +2,18 @@ import '@/styles/index.scss'
 import 'uno.css'
 
 import { createApp } from 'vue'
-import App from './App.vue'
-
 import { setupRouter } from '@/router'
 import { setupStore } from '@/store'
+import App from './App.vue'
 
-async function bootstrap() {
+function setupApp() {
   const app = createApp(App)
 
   setupStore(app)
+
   setupRouter(app)
 
-  app.mount('#app', true)
+  app.mount('#app')
 }
 
-bootstrap()
+setupApp()

src/router/guard/index.js

@@ -1,7 +1,9 @@
-import { createPageLoadingGuard } from './pageLoadingGuard'
-import { createPermissionGuard } from './permissionGuard'
+import { createPageLoadingGuard } from './page-loading-guard'
+import { createPageTitleGuard } from './page-title-guard'
+import { createPermissionGuard } from './permission-guard'
 
 export function setupRouterGuard(router) {
   createPageLoadingGuard(router)
   createPermissionGuard(router)
+  createPageTitleGuard(router)
 }

src/router/guard/page-loading-guard.js

@@ -1,15 +1,15 @@
 export function createPageLoadingGuard(router) {
   router.beforeEach(() => {
-    $loadingBar.start()
+    window.$loadingBar?.start()
   })
 
   router.afterEach(() => {
     setTimeout(() => {
-      $loadingBar.finish()
+      window.$loadingBar?.finish()
     }, 200)
   })
 
   router.onError(() => {
-    $loadingBar.error()
+    window.$loadingBar?.error()
   })
 }

src/router/guard/page-title-guard.js

@@ -0,0 +1,12 @@
+const baseTitle = import.meta.env.VITE_APP_TITLE
+
+export function createPageTitleGuard(router) {
+  router.afterEach((to) => {
+    const pageTitle = to.meta?.title
+    if (pageTitle) {
+      document.title = `${pageTitle} | ${baseTitle}`
+    } else {
+      document.title = baseTitle
+    }
+  })
+}

src/utils/cache/index.js

@@ -1,4 +1,4 @@
-import { createWebStorage } from './webStorage'
+import { createWebStorage } from './web-storage'
 
 export const createLocalStorage = function (option = {}) {
   return createWebStorage({ prefixKey: option.prefixKey || '', storage: localStorage })

src/views/error-page/404.vue

@@ -7,7 +7,7 @@ const { replace } = useRouter()
   <div class="page-404">
     <n-result status="404" description="抱歉，您访问的页面不存在。">
       <template #icon>
-        <img src="@/assets/imgs/404/404.png" width="500" />
+        <img src="@/assets/images/404.png" width="500" />
       </template>
       <template #footer>
         <n-button color="#002d6f" @click="replace('/')">返回首页</n-button>