From 376fd17a615c444f499830a3e0051651c90bf9c5 Mon Sep 17 00:00:00 2001 From: Vben Date: Sun, 28 Jul 2024 14:29:05 +0800 Subject: [PATCH] feat: Feature/pro docs (#70) * chore: merge main * feat: update docs * feat: remove coze-assistant * feat: add watermark plugin * feat: update preferences * feat: update docs --------- Co-authored-by: vince --- .changeset/config.json | 2 +- .github/workflows/action-build.yml | 2 +- .github/workflows/ci.yml | 2 +- .ls-lint.yml | 3 +- .vscode/settings.json | 5 +- LICENSE | 2 +- README.md | 2 +- apps/backend-mock/middleware/1.api.ts | 14 + apps/backend-mock/nitro.config.ts | 12 + apps/backend-mock/utils/mock-data.ts | 28 +- apps/web-antd/.env | 9 +- apps/web-antd/.env.analyze | 5 +- apps/web-antd/.env.development | 15 +- apps/web-antd/.env.production | 19 +- apps/web-antd/index.html | 13 + apps/web-antd/package.json | 2 +- apps/web-antd/src/api/core/auth.ts | 33 + apps/web-antd/src/{apis => api}/core/index.ts | 0 apps/web-antd/src/{apis => api}/core/menu.ts | 2 +- apps/web-antd/src/{apis => api}/core/user.ts | 2 +- .../web-antd/src/{apis => api}/demos/index.ts | 0 .../src/{apis => api}/demos/status.ts | 2 +- apps/web-antd/src/{apis => api}/index.ts | 1 - apps/web-antd/src/{apis => api}/request.ts | 25 +- apps/web-antd/src/apis/core/auth.ts | 17 - apps/web-antd/src/apis/types/index.ts | 1 - apps/web-antd/src/apis/types/user.ts | 19 - apps/web-antd/src/bootstrap.ts | 9 +- apps/web-antd/src/locales/index.ts | 15 +- apps/web-antd/src/locales/langs/en-US.json | 6 + apps/web-antd/src/locales/langs/zh-CN.json | 6 + apps/web-antd/src/main.ts | 37 +- apps/web-antd/src/preferences.ts | 6 + apps/web-antd/src/router/access.ts | 2 +- apps/web-antd/src/router/index.ts | 13 +- .../src/router/routes/modules/dashboard.ts | 5 +- .../src/router/routes/modules/demos.ts | 223 +- .../src/router/routes/modules/vben.ts | 7 +- apps/web-antd/src/store/modules/access.ts | 2 +- .../src/views/_core/fallback/forbidden.vue | 2 + .../views/_core/fallback/internal-error.vue | 2 + .../src/views/_core/fallback/not-found.vue | 2 + .../src/views/_core/fallback/offline.vue | 2 + .../dashboard/analytics/analytics-trends.vue | 2 - .../analytics/analytics-visits-data.vue | 2 - .../analytics/analytics-visits-sales.vue | 2 - .../analytics/analytics-visits-source.vue | 2 - .../dashboard/analytics/analytics-visits.vue | 2 - .../src/views/dashboard/analytics/index.vue | 2 - .../src/views/dashboard/workspace/index.vue | 2 - .../src/views/demos/access/admin-visible.vue | 2 - .../src/views/demos/access/button-control.vue | 2 - .../web-antd/src/views/demos/access/index.vue | 6 +- .../views/demos/access/menu-visible-403.vue | 2 - .../src/views/demos/access/super-visible.vue | 2 - .../src/views/demos/access/user-visible.vue | 2 - .../src/views/demos/active-icon/index.vue | 11 + apps/web-antd/src/views/demos/badge/index.vue | 2 - .../views/demos/breadcrumb/lateral-detail.vue | 2 - .../src/views/demos/breadcrumb/lateral.vue | 4 +- .../views/demos/breadcrumb/level-detail.vue | 2 - .../features/hide-menu-children/parent.vue | 2 - .../src/views/demos/features/icons/index.vue | 61 + .../demos/features/login-expired/index.vue | 4 +- .../src/views/demos/features/tabs/index.vue | 2 - .../views/demos/features/tabs/tab-detail.vue | 2 - .../views/demos/features/watermark/index.vue | 66 + .../src/views/demos/nested/menu-1.vue | 7 +- .../src/views/demos/nested/menu-2-1.vue | 7 +- .../src/views/demos/nested/menu-3-1.vue | 7 +- .../src/views/demos/nested/menu-3-2-1.vue | 7 +- apps/web-antd/tsconfig.node.json | 1 + apps/web-antd/vite.config.mts | 5 +- .../lint-configs/eslint-config/package.json | 12 +- .../eslint-config/src/configs/import.ts | 8 +- .../stylelint-config/package.json | 2 +- internal/node-utils/package.json | 2 +- internal/tailwind-config/package.json | 6 +- internal/tsconfig/package.json | 2 +- internal/vite-config/package.json | 10 +- .../vite-config/src/config/application.ts | 2 +- internal/vite-config/src/options.ts | 6 +- .../src/plugins/inject-app-loading/index.ts | 5 +- .../src/plugins/inject-metadata.ts | 1 + internal/vite-config/src/plugins/license.ts | 2 +- internal/vite-config/src/utils/env.ts | 34 +- package.json | 25 +- packages/@core/hooks/package.json | 2 +- packages/@core/preferences/package.json | 2 +- packages/@core/preferences/src/config.ts | 12 +- packages/@core/preferences/src/constants.ts | 34 +- .../@core/preferences/src/preferences.test.ts | 11 - packages/@core/preferences/src/preferences.ts | 2 +- packages/@core/preferences/src/types.ts | 16 +- .../preferences/src/update-css-variables.ts | 12 +- packages/@core/shared/constants/src/vben.ts | 2 +- .../@core/shared/design/src/css/global.css | 10 +- packages/@core/shared/icons/package.json | 4 +- packages/@core/shared/toolkit/package.json | 2 +- packages/@core/shared/typings/package.json | 2 +- packages/@core/shared/typings/src/app.d.ts | 42 +- .../@core/shared/typings/src/menu-record.ts | 4 + .../@core/shared/typings/src/vue-router.d.ts | 16 +- packages/@core/ui-kit/layout-ui/package.json | 2 +- packages/@core/ui-kit/menu-ui/package.json | 2 +- .../menu-ui/src/components/menu-item.vue | 8 +- .../components/normal-menu/normal-menu.vue | 11 +- .../menu-ui/src/components/sub-menu.vue | 8 +- .../ui-kit/menu-ui/src/interface/index.ts | 8 + .../@core/ui-kit/menu-ui/src/sub-menu.vue | 8 + packages/@core/ui-kit/shadcn-ui/package.json | 4 +- .../dropdown-menu/dropdown-menu.vue | 4 +- .../dropdown-menu/dropdown-radio-menu.vue | 10 +- .../src/components/dropdown-menu/interface.ts | 8 +- packages/@core/ui-kit/tabs-ui/package.json | 2 +- .../tabs-ui/src/components/widgets/index.ts | 1 + .../src/components/widgets/tool-refresh.vue | 31 + packages/constants/src/core.ts | 23 +- packages/effects/access/package.json | 2 +- .../effects/access/src/generate-accessible.ts | 43 +- packages/effects/chart-ui/package.json | 2 +- packages/effects/common-ui/package.json | 2 +- packages/effects/hooks/package.json | 5 +- packages/effects/hooks/src/index.ts | 3 + .../hooks/src/unmount-global-loading.ts | 30 + packages/effects/hooks/src/use-app-config.ts | 24 + packages/effects/hooks/src/use-watermark.ts | 88 + packages/effects/hooks/tsconfig.json | 5 +- packages/effects/layouts/package.json | 3 +- .../layouts/src/basic/content/content.vue | 43 +- packages/effects/layouts/src/basic/layout.vue | 30 +- .../layouts/src/basic/menu/use-mixed-menu.ts | 2 +- .../layouts/src/basic/tabbar/tabbar.vue | 25 +- .../layouts/src/widgets/breadcrumb.vue | 4 +- .../layouts/src/widgets/coze-assistant.vue | 70 - packages/effects/layouts/src/widgets/index.ts | 1 - .../layouts/src/widgets/language-toggle.vue | 14 +- .../layouts/src/widgets/layout-toggle.vue | 12 +- .../preferences/blocks/general/general.vue | 15 +- .../preferences/blocks/layout/tabbar.vue | 18 +- .../preferences/blocks/layout/widget.vue | 4 - .../preferences/blocks/theme/builtin.vue | 13 +- .../widgets/preferences/preferences-sheet.vue | 13 +- .../src/widgets/preferences/preferences.vue | 4 +- packages/effects/layouts/tsconfig.json | 2 +- .../src/request-client/request-client.ts | 42 +- .../request/src/request-client/types.ts | 14 + packages/icons/src/iconify/index.ts | 4 + packages/icons/src/svg/index.ts | 8 +- packages/icons/src/svg/load.ts | 8 +- packages/locales/package.json | 3 +- packages/locales/src/i18n.ts | 8 +- packages/locales/src/index.ts | 2 +- packages/locales/src/langs/en-US.json | 5 +- packages/locales/src/langs/zh-CN.json | 5 +- packages/locales/src/typing.ts | 15 +- packages/stores/package.json | 2 +- packages/stores/src/modules/tabbar.ts | 13 +- packages/types/global.d.ts | 16 + packages/types/package.json | 2 +- packages/utils/src/helpers/generate-menus.ts | 2 + pnpm-lock.yaml | 2188 ++++++++++------- pnpm-workspace.yaml | 1 + scripts/vsh/package.json | 3 +- scripts/vsh/src/lint/index.ts | 3 +- tea.yaml | 6 + turbo.json | 8 + website/.vitepress/config.mts | 298 ++- .../theme/components/site-layout.vue | 38 + .../theme/components/vben-contributors.vue | 26 + website/.vitepress/theme/index.ts | 14 +- website/.vitepress/theme/styles/base.css | 7 + website/.vitepress/theme/styles/index.ts | 2 + .../theme/{style.css => styles/variables.css} | 11 +- website/package.json | 5 +- website/src/api-examples.md | 55 - website/src/commercial/customized.md | 12 + website/src/commercial/technical-support.md | 29 + website/src/en/guide/index.md | 3 + website/src/en/index.md | 83 +- website/src/friend-links/index.md | 27 + website/src/guide/essentials/build.md | 251 ++ website/src/guide/essentials/concept.md | 21 + website/src/guide/essentials/development.md | 136 + .../src/guide/essentials/external-module.md | 58 + website/src/guide/essentials/icons.md | 80 + website/src/guide/essentials/route.md | 559 +++++ website/src/guide/essentials/server.md | 271 ++ website/src/guide/essentials/settings.md | 526 ++++ website/src/guide/essentials/styles.md | 106 + website/src/guide/in-depth/access.md | 276 +++ website/src/guide/in-depth/features.md | 84 + website/src/guide/in-depth/layout.md | 1 + website/src/guide/in-depth/loading.md | 37 + website/src/guide/in-depth/locale.md | 223 ++ website/src/guide/in-depth/theme.md | 1243 ++++++++++ website/src/guide/introduction/changelog.md | 3 + website/src/guide/introduction/quick-start.md | 84 + website/src/guide/introduction/roadmap.md | 3 + website/src/guide/introduction/vben.md | 51 + website/src/guide/introduction/why.md | 9 + website/src/guide/other/faq.md | 137 ++ website/src/guide/other/project-update.md | 55 + website/src/guide/other/remove-code.md | 18 + website/src/guide/project/changeset.md | 25 + website/src/guide/project/cli.md | 108 + website/src/guide/project/standard.md | 165 ++ website/src/guide/project/tailwindcss.md | 13 + website/src/guide/project/test.md | 33 + website/src/guide/project/vite.md | 33 + website/src/index.md | 88 +- website/src/markdown-examples.md | 65 - website/src/public/favicon.ico | Bin 0 -> 5430 bytes website/src/public/guide/devtools.png | Bin 0 -> 402172 bytes website/src/public/guide/loading.png | Bin 0 -> 89250 bytes website/src/public/guide/locale.png | Bin 0 -> 482275 bytes website/src/public/guide/login-expired.png | Bin 0 -> 569303 bytes website/src/public/guide/preferences.png | Bin 0 -> 126147 bytes website/src/public/guide/report.png | Bin 0 -> 1024246 bytes website/src/public/guide/test.png | Bin 0 -> 254971 bytes website/src/public/logos/nitro.svg | 42 + website/src/public/logos/shadcn-ui.svg | 1 + website/src/public/logos/turborepo.svg | 32 + website/src/public/logos/vite.svg | 15 + website/src/sponsor/personal.md | 12 + 225 files changed, 7737 insertions(+), 1790 deletions(-) create mode 100644 apps/backend-mock/middleware/1.api.ts create mode 100644 apps/web-antd/src/api/core/auth.ts rename apps/web-antd/src/{apis => api}/core/index.ts (100%) rename apps/web-antd/src/{apis => api}/core/menu.ts (81%) rename apps/web-antd/src/{apis => api}/core/user.ts (77%) rename apps/web-antd/src/{apis => api}/demos/index.ts (100%) rename apps/web-antd/src/{apis => api}/demos/status.ts (78%) rename apps/web-antd/src/{apis => api}/index.ts (62%) rename apps/web-antd/src/{apis => api}/request.ts (78%) delete mode 100644 apps/web-antd/src/apis/core/auth.ts delete mode 100644 apps/web-antd/src/apis/types/index.ts delete mode 100644 apps/web-antd/src/apis/types/user.ts create mode 100644 apps/web-antd/src/views/demos/active-icon/index.vue create mode 100644 apps/web-antd/src/views/demos/features/icons/index.vue create mode 100644 apps/web-antd/src/views/demos/features/watermark/index.vue create mode 100644 packages/@core/ui-kit/tabs-ui/src/components/widgets/tool-refresh.vue create mode 100644 packages/effects/hooks/src/unmount-global-loading.ts create mode 100644 packages/effects/hooks/src/use-app-config.ts create mode 100644 packages/effects/hooks/src/use-watermark.ts delete mode 100644 packages/effects/layouts/src/widgets/coze-assistant.vue create mode 100644 tea.yaml create mode 100644 website/.vitepress/theme/components/site-layout.vue create mode 100644 website/.vitepress/theme/components/vben-contributors.vue create mode 100644 website/.vitepress/theme/styles/base.css create mode 100644 website/.vitepress/theme/styles/index.ts rename website/.vitepress/theme/{style.css => styles/variables.css} (95%) delete mode 100644 website/src/api-examples.md create mode 100644 website/src/commercial/customized.md create mode 100644 website/src/commercial/technical-support.md create mode 100644 website/src/en/guide/index.md create mode 100644 website/src/friend-links/index.md create mode 100644 website/src/guide/essentials/build.md create mode 100644 website/src/guide/essentials/concept.md create mode 100644 website/src/guide/essentials/development.md create mode 100644 website/src/guide/essentials/external-module.md create mode 100644 website/src/guide/essentials/icons.md create mode 100644 website/src/guide/essentials/route.md create mode 100644 website/src/guide/essentials/server.md create mode 100644 website/src/guide/essentials/settings.md create mode 100644 website/src/guide/essentials/styles.md create mode 100644 website/src/guide/in-depth/access.md create mode 100644 website/src/guide/in-depth/features.md create mode 100644 website/src/guide/in-depth/layout.md create mode 100644 website/src/guide/in-depth/loading.md create mode 100644 website/src/guide/in-depth/locale.md create mode 100644 website/src/guide/in-depth/theme.md create mode 100644 website/src/guide/introduction/changelog.md create mode 100644 website/src/guide/introduction/quick-start.md create mode 100644 website/src/guide/introduction/roadmap.md create mode 100644 website/src/guide/introduction/vben.md create mode 100644 website/src/guide/introduction/why.md create mode 100644 website/src/guide/other/faq.md create mode 100644 website/src/guide/other/project-update.md create mode 100644 website/src/guide/other/remove-code.md create mode 100644 website/src/guide/project/changeset.md create mode 100644 website/src/guide/project/cli.md create mode 100644 website/src/guide/project/standard.md create mode 100644 website/src/guide/project/tailwindcss.md create mode 100644 website/src/guide/project/test.md create mode 100644 website/src/guide/project/vite.md delete mode 100644 website/src/markdown-examples.md create mode 100644 website/src/public/favicon.ico create mode 100644 website/src/public/guide/devtools.png create mode 100644 website/src/public/guide/loading.png create mode 100644 website/src/public/guide/locale.png create mode 100644 website/src/public/guide/login-expired.png create mode 100644 website/src/public/guide/preferences.png create mode 100644 website/src/public/guide/report.png create mode 100644 website/src/public/guide/test.png create mode 100644 website/src/public/logos/nitro.svg create mode 100644 website/src/public/logos/shadcn-ui.svg create mode 100644 website/src/public/logos/turborepo.svg create mode 100644 website/src/public/logos/vite.svg create mode 100644 website/src/sponsor/personal.md diff --git a/.changeset/config.json b/.changeset/config.json index 7f7695436..f954fb4ba 100644 --- a/.changeset/config.json +++ b/.changeset/config.json @@ -11,7 +11,7 @@ }, "privatePackages": { "version": true, "tag": true }, "linked": [], - "access": "restricted", + "access": "public", "baseBranch": "main", "updateInternalDependencies": "patch", "ignore": [] diff --git a/.github/workflows/action-build.yml b/.github/workflows/action-build.yml index 55fcadf71..b1820591a 100644 --- a/.github/workflows/action-build.yml +++ b/.github/workflows/action-build.yml @@ -45,5 +45,5 @@ jobs: - name: Test and Build run: | - pnpm run test + pnpm run test:unit pnpm run build diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index da7758a5e..e308ec576 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -68,7 +68,7 @@ jobs: # run: git config --global user.email "you@example.com" && git config --global user.name "Your Name" - name: Vitest tests - run: pnpm run test + run: pnpm run test:unit # - name: Upload coverage # uses: codecov/codecov-action@v4 diff --git a/.ls-lint.yml b/.ls-lint.yml index 63d6b761d..7f8b7ce6e 100644 --- a/.ls-lint.yml +++ b/.ls-lint.yml @@ -7,7 +7,7 @@ ls: .css: kebab-case | pointcase .d.ts: kebab-case | pointcase # shadcn 自动生成文件为 PascalCase 格式 - packages/@vben-core/ui-kit/shadcn-ui/src/components/ui: + packages/@core/ui-kit/shadcn-ui/src/components/ui: .vue: PascalCase ignore: @@ -25,3 +25,4 @@ ignore: - .vscode - .idea - node_modules + - .cache diff --git a/.vscode/settings.json b/.vscode/settings.json index ffba678d5..9b97c9e26 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -71,7 +71,8 @@ "**/CVS": true, "**/.stylelintcache": true, "**/.DS_Store": true, - "**/vite.config.mts.*": true + "**/vite.config.mts.*": true, + "**/tea.yaml": true }, "files.watcherExclude": { "**/.git/objects/**": true, @@ -190,7 +191,7 @@ "eslint.config.mjs": ".eslintignore,.prettierignore,.stylelintignore,.commitlintrc.*,.prettierrc.*,stylelint.config.*,.lintstagedrc.mjs,.ls-lint*,cspell.json", "tailwind.config.mjs": "postcss.*" }, - "commentTranslate.hover.enabled": true, + "commentTranslate.hover.enabled": false, "i18n-ally.keystyle": "nested", "commentTranslate.multiLineMerge": true } diff --git a/LICENSE b/LICENSE index a4a2fe5cc..cec5b4274 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2024-present, Vben Admin +Copyright (c) 2024-present, Vben Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: diff --git a/README.md b/README.md index f2119b6a5..a33ae3e20 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ [![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE) -

Vue vben admin

+

Vue Vben Admin

**English** | [中文](./README.zh-CN.md) diff --git a/apps/backend-mock/middleware/1.api.ts b/apps/backend-mock/middleware/1.api.ts new file mode 100644 index 000000000..315d7e0cd --- /dev/null +++ b/apps/backend-mock/middleware/1.api.ts @@ -0,0 +1,14 @@ +export default defineEventHandler((event) => { + // setResponseHeaders(event, { + // 'Access-Control-Allow-Credentials': 'true', + // 'Access-Control-Allow-Headers': '*', + // 'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE', + // 'Access-Control-Allow-Origin': '*', + // 'Access-Control-Expose-Headers': '*', + // }); + if (event.method === 'OPTIONS') { + event.node.res.statusCode = 204; + event.node.res.statusMessage = 'No Content.'; + return 'OK'; + } +}); diff --git a/apps/backend-mock/nitro.config.ts b/apps/backend-mock/nitro.config.ts index 76b12dc18..b3013298d 100644 --- a/apps/backend-mock/nitro.config.ts +++ b/apps/backend-mock/nitro.config.ts @@ -3,4 +3,16 @@ import errorHandler from './error'; export default defineNitroConfig({ devErrorHandler: errorHandler, errorHandler: '~/error', + routeRules: { + '/api/**': { + cors: true, + headers: { + 'Access-Control-Allow-Credentials': 'true', + 'Access-Control-Allow-Headers': '*', + 'Access-Control-Allow-Methods': 'GET,HEAD,PUT,PATCH,POST,DELETE', + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Expose-Headers': '*', + }, + }, + }, }); diff --git a/apps/backend-mock/utils/mock-data.ts b/apps/backend-mock/utils/mock-data.ts index 10076ac9e..46c0e5a2b 100644 --- a/apps/backend-mock/utils/mock-data.ts +++ b/apps/backend-mock/utils/mock-data.ts @@ -80,8 +80,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { icon: 'mdi:button-cursor', title: 'page.demos.access.adminVisible', }, - name: 'AccessAdminVisible', - path: 'admin-visible', + name: 'AccessAdminVisibleDemo', + path: '/demos/access/admin-visible', }, super: { component: '/demos/access/super-visible', @@ -89,8 +89,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { icon: 'mdi:button-cursor', title: 'page.demos.access.superVisible', }, - name: 'AccessSuperVisible', - path: 'super-visible', + name: 'AccessSuperVisibleDemo', + path: '/demos/access/super-visible', }, user: { component: '/demos/access/user-visible', @@ -98,8 +98,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { icon: 'mdi:button-cursor', title: 'page.demos.access.userVisible', }, - name: 'AccessUserVisible', - path: 'user-visible', + name: 'AccessUserVisibleDemo', + path: '/demos/access/user-visible', }, }; @@ -117,8 +117,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { redirect: '/demos/access', children: [ { - name: 'Access', - path: 'access', + name: 'AccessDemos', + path: '/demosaccess', meta: { icon: 'mdi:cloud-key-outline', title: 'page.demos.access.backendPermissions', @@ -126,8 +126,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { redirect: '/demos/access/page-control', children: [ { - name: 'AccessPageControl', - path: 'page-control', + name: 'AccessPageControlDemo', + path: '/demos/access/page-control', component: '/demos/access/index', meta: { icon: 'mdi:page-previous-outline', @@ -135,8 +135,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { }, }, { - name: 'AccessButtonControl', - path: 'button-control', + name: 'AccessButtonControlDemo', + path: '/demos/access/button-control', component: '/demos/access/button-control', meta: { icon: 'mdi:button-cursor', @@ -144,8 +144,8 @@ const createDemosMenus = (role: 'admin' | 'super' | 'user') => { }, }, { - name: 'AccessMenuVisible403', - path: 'menu-visible-403', + name: 'AccessMenuVisible403Demo', + path: '/demos/access/menu-visible-403', component: '/demos/access/menu-visible-403', meta: { authority: ['no-body'], diff --git a/apps/web-antd/.env b/apps/web-antd/.env index 5a7032d47..57000a52a 100644 --- a/apps/web-antd/.env +++ b/apps/web-antd/.env @@ -1,6 +1,5 @@ -VITE_PORT = 5555 +# 应用标题 +VITE_GLOB_APP_TITLE=Vben Admin -# spa-title -VITE_GLOB_APP_TITLE = Vben Admin - -VITE_APP_NAMESPACE = web-antd +# 应用命名空间，用于缓存、store等功能的前缀，确保隔离 +VITE_APP_NAMESPACE=vben-web-antd diff --git a/apps/web-antd/.env.analyze b/apps/web-antd/.env.analyze index f367addb1..ffafa8dd5 100644 --- a/apps/web-antd/.env.analyze +++ b/apps/web-antd/.env.analyze @@ -1,8 +1,7 @@ - # public path -VITE_PUBLIC_PATH = / +VITE_BASE=/ # Basic interface address SPA VITE_GLOB_API_URL=/api -VITE_VISUALIZER = true +VITE_VISUALIZER=true diff --git a/apps/web-antd/.env.development b/apps/web-antd/.env.development index 447b41c4f..dcf361e73 100644 --- a/apps/web-antd/.env.development +++ b/apps/web-antd/.env.development @@ -1,5 +1,16 @@ -VITE_PUBLIC_PATH = / +# 端口号 +VITE_PORT=5555 +VITE_BASE=/ + +# 接口地址 VITE_GLOB_API_URL=/api -VITE_NITRO_MOCK = true +# 是否开启 Nitro Mock服务，true 为开启，false 为关闭 +VITE_NITRO_MOCK=true + +# 是否打开 devtools，true 为打开，false 为关闭 +VITE_DEVTOOLS=false + +# 是否注入全局loading +VITE_INJECT_APP_LOADING=true diff --git a/apps/web-antd/.env.production b/apps/web-antd/.env.production index 209bd7a0f..ce8f55031 100644 --- a/apps/web-antd/.env.production +++ b/apps/web-antd/.env.production @@ -1,9 +1,16 @@ -# public path -VITE_PUBLIC_PATH = / +VITE_BASE=/ -# Basic interface address SPA -VITE_GLOB_API_URL = https://mock-napi.vben.pro/api +# 接口地址 +VITE_GLOB_API_URL=https://mock-napi.vben.pro/api -VITE_COMPRESS = gzip +# 是否开启压缩，可以设置为 none, brotli, gzip +VITE_COMPRESS=gzip -VITE_PWA = false +# 是否开启 PWA +VITE_PWA=false + +# vue-router 的模式 +VITE_ROUTER_HISTORY=hash + +# 是否注入全局loading +VITE_INJECT_APP_LOADING=true diff --git a/apps/web-antd/index.html b/apps/web-antd/index.html index 64c4ff88f..01d77c1e3 100644 --- a/apps/web-antd/index.html +++ b/apps/web-antd/index.html @@ -14,6 +14,19 @@ <%= VITE_GLOB_APP_TITLE %> +
diff --git a/apps/web-antd/package.json b/apps/web-antd/package.json index b970d8ca1..38a7cd8f8 100644 --- a/apps/web-antd/package.json +++ b/apps/web-antd/package.json @@ -44,7 +44,7 @@ "ant-design-vue": "^4.2.3", "dayjs": "^1.11.12", "pinia": "2.1.7", - "vue": "^3.4.33", + "vue": "^3.4.34", "vue-router": "^4.4.0" } } diff --git a/apps/web-antd/src/api/core/auth.ts b/apps/web-antd/src/api/core/auth.ts new file mode 100644 index 000000000..6950e3bf1 --- /dev/null +++ b/apps/web-antd/src/api/core/auth.ts @@ -0,0 +1,33 @@ +import { requestClient } from '#/api/request'; + +export namespace AuthApi { + /** 登录接口参数 */ + export interface LoginParams { + password: string; + username: string; + } + + /** 登录接口返回值 */ + export interface LoginResult { + accessToken: string; + desc: string; + realName: string; + refreshToken: string; + userId: string; + username: string; + } +} + +/** + * 登录 + */ +export async function login(data: AuthApi.LoginParams) { + return requestClient.post('/auth/login', data); +} + +/** + * 获取用户权限码 + */ +export async function getAccessCodes() { + return requestClient.get('/auth/codes'); +} diff --git a/apps/web-antd/src/apis/core/index.ts b/apps/web-antd/src/api/core/index.ts similarity index 100% rename from apps/web-antd/src/apis/core/index.ts rename to apps/web-antd/src/api/core/index.ts diff --git a/apps/web-antd/src/apis/core/menu.ts b/apps/web-antd/src/api/core/menu.ts similarity index 81% rename from apps/web-antd/src/apis/core/menu.ts rename to apps/web-antd/src/api/core/menu.ts index 57088acaf..62c40f17e 100644 --- a/apps/web-antd/src/apis/core/menu.ts +++ b/apps/web-antd/src/api/core/menu.ts @@ -1,6 +1,6 @@ import type { RouteRecordStringComponent } from '@vben/types'; -import { requestClient } from '#/apis/request'; +import { requestClient } from '#/api/request'; /** * 获取用户所有菜单 diff --git a/apps/web-antd/src/apis/core/user.ts b/apps/web-antd/src/api/core/user.ts similarity index 77% rename from apps/web-antd/src/apis/core/user.ts rename to apps/web-antd/src/api/core/user.ts index 5eecf0bdb..34c14ea9b 100644 --- a/apps/web-antd/src/apis/core/user.ts +++ b/apps/web-antd/src/api/core/user.ts @@ -1,6 +1,6 @@ import type { UserInfo } from '@vben/types'; -import { requestClient } from '#/apis/request'; +import { requestClient } from '#/api/request'; /** * 获取用户信息 diff --git a/apps/web-antd/src/apis/demos/index.ts b/apps/web-antd/src/api/demos/index.ts similarity index 100% rename from apps/web-antd/src/apis/demos/index.ts rename to apps/web-antd/src/api/demos/index.ts diff --git a/apps/web-antd/src/apis/demos/status.ts b/apps/web-antd/src/api/demos/status.ts similarity index 78% rename from apps/web-antd/src/apis/demos/status.ts rename to apps/web-antd/src/api/demos/status.ts index 7da2d49cc..daa3d6383 100644 --- a/apps/web-antd/src/apis/demos/status.ts +++ b/apps/web-antd/src/api/demos/status.ts @@ -1,4 +1,4 @@ -import { requestClient } from '#/apis/request'; +import { requestClient } from '#/api/request'; /** * 模拟任意状态码 diff --git a/apps/web-antd/src/apis/index.ts b/apps/web-antd/src/api/index.ts similarity index 62% rename from apps/web-antd/src/apis/index.ts rename to apps/web-antd/src/api/index.ts index 911672b77..2b42e898a 100644 --- a/apps/web-antd/src/apis/index.ts +++ b/apps/web-antd/src/api/index.ts @@ -1,3 +1,2 @@ export * from './core'; export * from './demos'; -export type * from './types'; diff --git a/apps/web-antd/src/apis/request.ts b/apps/web-antd/src/api/request.ts similarity index 78% rename from apps/web-antd/src/apis/request.ts rename to apps/web-antd/src/api/request.ts index f56ba744c..817d0d6da 100644 --- a/apps/web-antd/src/apis/request.ts +++ b/apps/web-antd/src/api/request.ts @@ -3,6 +3,7 @@ */ import type { HttpResponse } from '@vben/request'; +import { useAppConfig } from '@vben/hooks'; import { preferences } from '@vben/preferences'; import { RequestClient } from '@vben/request'; @@ -10,13 +11,11 @@ import { message } from 'ant-design-vue'; import { useAccessStore } from '#/store'; -/** - * 创建请求实例 - * Create a request instance - */ -function createRequestClient() { +const { apiURL } = useAppConfig(import.meta.env, import.meta.env.PROD); + +function createRequestClient(baseURL: string) { const client = new RequestClient({ - baseURL: import.meta.env.VITE_GLOB_API_URL, + baseURL, // 为每个请求携带 Authorization makeAuthorization: () => { return { @@ -43,6 +42,13 @@ function createRequestClient() { }; }, makeErrorMessage: (msg) => message.error(msg), + + makeRequestHeaders: () => { + return { + // 为每个请求携带 Accept-Language + 'Accept-Language': preferences.app.locale, + }; + }, }); client.addResponseInterceptor((response) => { const { data: responseData, status } = response; @@ -56,9 +62,4 @@ function createRequestClient() { return client; } -const requestClient = createRequestClient(); - -// 其他配置的请求方法 -// const { request: xxxRequest } = createRequest(); - -export { requestClient }; +export const requestClient = createRequestClient(apiURL); diff --git a/apps/web-antd/src/apis/core/auth.ts b/apps/web-antd/src/apis/core/auth.ts deleted file mode 100644 index 227d0f2a8..000000000 --- a/apps/web-antd/src/apis/core/auth.ts +++ /dev/null @@ -1,17 +0,0 @@ -import type { UserApi } from '../types'; - -import { requestClient } from '#/apis/request'; - -/** - * 登录 - */ -export async function login(data: UserApi.LoginParams) { - return requestClient.post('/auth/login', data); -} - -/** - * 获取用户权限码 - */ -export async function getAccessCodes() { - return requestClient.get('/auth/codes'); -} diff --git a/apps/web-antd/src/apis/types/index.ts b/apps/web-antd/src/apis/types/index.ts deleted file mode 100644 index d20c6861a..000000000 --- a/apps/web-antd/src/apis/types/index.ts +++ /dev/null @@ -1 +0,0 @@ -export type * from './user'; diff --git a/apps/web-antd/src/apis/types/user.ts b/apps/web-antd/src/apis/types/user.ts deleted file mode 100644 index 6c49df91c..000000000 --- a/apps/web-antd/src/apis/types/user.ts +++ /dev/null @@ -1,19 +0,0 @@ -namespace UserApi { - /** 登录接口参数 */ - export interface LoginParams { - password: string; - username: string; - } - - /** 登录接口返回值 */ - export interface LoginResult { - accessToken: string; - desc: string; - realName: string; - refreshToken: string; - userId: string; - username: string; - } -} - -export type { UserApi }; diff --git a/apps/web-antd/src/bootstrap.ts b/apps/web-antd/src/bootstrap.ts index 607f7fa7d..8141e95f3 100644 --- a/apps/web-antd/src/bootstrap.ts +++ b/apps/web-antd/src/bootstrap.ts @@ -1,10 +1,9 @@ import { createApp } from 'vue'; -import { preferences } from '@vben/preferences'; import '@vben/styles'; import '@vben/styles/antd'; -import { loadMessages, setupI18n } from '#/locales'; +import { setupI18n } from '#/locales'; import { setupStore } from '#/store'; import App from './app.vue'; @@ -14,11 +13,7 @@ async function bootstrap(namespace: string) { const app = createApp(App); // 国际化 i18n 配置 - await setupI18n(app, { - defaultLocale: preferences.app.locale, - loadMessages, - missingWarn: !import.meta.env.PROD, - }); + await setupI18n(app); // 配置 pinia-store await setupStore(app, { namespace }); diff --git a/apps/web-antd/src/locales/index.ts b/apps/web-antd/src/locales/index.ts index 114385448..a3e23661e 100644 --- a/apps/web-antd/src/locales/index.ts +++ b/apps/web-antd/src/locales/index.ts @@ -1,9 +1,11 @@ -import type { SupportedLanguagesType } from '@vben/types'; +import type { LocaleSetupOptions, SupportedLanguagesType } from '@vben/locales'; import type { Locale } from 'ant-design-vue/es/locale'; +import type { App } from 'vue'; import { ref } from 'vue'; -import { $t, loadLocalesMap, setupI18n } from '@vben/locales'; +import { $t, setupI18n as coreSetup, loadLocalesMap } from '@vben/locales'; +import { preferences } from '@vben/preferences'; import antdEnLocale from 'ant-design-vue/es/locale/en_US'; import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN'; @@ -76,4 +78,13 @@ async function loadAntdLocale(lang: SupportedLanguagesType) { } } +async function setupI18n(app: App, options: LocaleSetupOptions = {}) { + await coreSetup(app, { + defaultLocale: preferences.app.locale, + loadMessages, + missingWarn: !import.meta.env.PROD, + ...options, + }); +} + export { $t, antdLocale, loadMessages, setupI18n }; diff --git a/apps/web-antd/src/locales/langs/en-US.json b/apps/web-antd/src/locales/langs/en-US.json index 014aabaa8..6b1d636ed 100644 --- a/apps/web-antd/src/locales/langs/en-US.json +++ b/apps/web-antd/src/locales/langs/en-US.json @@ -33,11 +33,17 @@ "text": "Text Badge", "color": "Badge Color" }, + "activeIcon": { + "title": "Active Menu Icon", + "children": "Children Active Icon" + }, "fallback": { "title": "Fallback Page" }, "features": { "title": "Features", "hideChildrenInMenu": "Hide Menu Children", "loginExpired": "Login Expired", + "icons": "Icons", + "watermark": "Watermark", "tabs": "Tabs", "tabDetail": "Tab Detail Page" }, diff --git a/apps/web-antd/src/locales/langs/zh-CN.json b/apps/web-antd/src/locales/langs/zh-CN.json index 08b3fa1f9..0ce11b74e 100644 --- a/apps/web-antd/src/locales/langs/zh-CN.json +++ b/apps/web-antd/src/locales/langs/zh-CN.json @@ -33,6 +33,10 @@ "text": "文本徽标", "color": "徽标颜色" }, + "activeIcon": { + "title": "菜单激活图标", + "children": "子级激活图标" + }, "fallback": { "title": "缺省页" }, @@ -40,6 +44,8 @@ "title": "功能", "hideChildrenInMenu": "隐藏子菜单", "loginExpired": "登录过期", + "icons": "图标", + "watermark": "水印", "tabs": "标签页", "tabDetail": "标签详情页" }, diff --git a/apps/web-antd/src/main.ts b/apps/web-antd/src/main.ts index 89d7b2cd6..dedabbcbf 100644 --- a/apps/web-antd/src/main.ts +++ b/apps/web-antd/src/main.ts @@ -1,3 +1,4 @@ +import { unmountGlobalLoading } from '@vben/hooks'; import { initPreferences } from '@vben/preferences'; import { overridesPreferences } from './preferences'; @@ -9,7 +10,8 @@ async function initApplication() { // name用于指定项目唯一标识 // 用于区分不同项目的偏好设置以及存储数据的key前缀以及其他一些需要隔离的数据 const env = import.meta.env.PROD ? 'prod' : 'dev'; - const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${env}`; + const appVersion = import.meta.env.VITE_APP_VERSION; + const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${appVersion}-${env}`; // app偏好设置初始化 await initPreferences({ @@ -23,38 +25,7 @@ async function initApplication() { await bootstrap(namespace); // 移除并销毁loading - destroyAppLoading(); -} - -/** - * 移除并销毁loading - * 放在这里是而不是放在 index.html 的app标签内，是因为这样比较不会生硬，渲染过快可能会有闪烁 - * 通过先添加css动画隐藏，在动画结束后在移除loading节点来改善体验 - * 不好的地方是会增加一些代码量 - */ -function destroyAppLoading() { - // 查找全局 loading 元素 - const loadingElement = document.querySelector('#__app-loading__'); - - if (loadingElement) { - // 添加隐藏类，触发过渡动画 - loadingElement.classList.add('hidden'); - - // 查找所有需要移除的注入 loading 元素 - const injectLoadingElements = document.querySelectorAll( - '[data-app-loading^="inject"]', - ); - - // 当过渡动画结束时，移除 loading 元素和所有注入的 loading 元素 - loadingElement.addEventListener( - 'transitionend', - () => { - loadingElement.remove(); // 移除 loading 元素 - injectLoadingElements.forEach((el) => el.remove()); // 移除所有注入的 loading 元素 - }, - { once: true }, - ); // 确保事件只触发一次 - } + unmountGlobalLoading(); } initApplication(); diff --git a/apps/web-antd/src/preferences.ts b/apps/web-antd/src/preferences.ts index 9683596a0..e8607fbdb 100644 --- a/apps/web-antd/src/preferences.ts +++ b/apps/web-antd/src/preferences.ts @@ -1,9 +1,15 @@ +import { useAppConfig } from '@vben/hooks'; import { defineOverridesPreferences } from '@vben/preferences'; +const { appTitle } = useAppConfig(import.meta.env, import.meta.env.PROD); + /** * @description 项目配置文件 * 只需要覆盖项目中的一部分配置，不需要的配置不用覆盖，会自动使用默认配置 */ export const overridesPreferences = defineOverridesPreferences({ // overrides + app: { + name: appTitle, + }, }); diff --git a/apps/web-antd/src/router/access.ts b/apps/web-antd/src/router/access.ts index b2a0a4f88..251db72f5 100644 --- a/apps/web-antd/src/router/access.ts +++ b/apps/web-antd/src/router/access.ts @@ -8,7 +8,7 @@ import { preferences } from '@vben/preferences'; import { message } from 'ant-design-vue'; -import { getAllMenus } from '#/apis'; +import { getAllMenus } from '#/api'; import { BasicLayout, IFrameView } from '#/layouts'; import { $t } from '#/locales'; diff --git a/apps/web-antd/src/router/index.ts b/apps/web-antd/src/router/index.ts index bddd05c3d..0c9d2c4a1 100644 --- a/apps/web-antd/src/router/index.ts +++ b/apps/web-antd/src/router/index.ts @@ -1,6 +1,10 @@ import type { RouteRecordName, RouteRecordRaw } from 'vue-router'; -import { createRouter, createWebHashHistory } from 'vue-router'; +import { + createRouter, + createWebHashHistory, + createWebHistory, +} from 'vue-router'; import { traverseTreeValues } from '@vben/utils'; @@ -11,11 +15,14 @@ import { routes } from './routes'; * @zh_CN 创建vue-router实例 */ const router = createRouter({ - history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH), + history: + import.meta.env.VITE_ROUTER_HISTORY === 'hash' + ? createWebHashHistory(import.meta.env.VITE_BASE) + : createWebHistory(import.meta.env.VITE_BASE), // 应该添加到路由的初始路由列表。 routes, scrollBehavior: () => ({ left: 0, top: 0 }), - // 是否应该禁止尾部斜杠。默认为假 + // 是否应该禁止尾部斜杠。 // strict: true, }); diff --git a/apps/web-antd/src/router/routes/modules/dashboard.ts b/apps/web-antd/src/router/routes/modules/dashboard.ts index 123bdbeb9..a8cdb05da 100644 --- a/apps/web-antd/src/router/routes/modules/dashboard.ts +++ b/apps/web-antd/src/router/routes/modules/dashboard.ts @@ -13,11 +13,10 @@ const routes: RouteRecordRaw[] = [ }, name: 'Dashboard', path: '/', - redirect: '/analytics', children: [ { name: 'Analytics', - path: 'analytics', + path: '/analytics', component: () => import('#/views/dashboard/analytics/index.vue'), meta: { affixTab: true, @@ -27,7 +26,7 @@ const routes: RouteRecordRaw[] = [ }, { name: 'Workspace', - path: 'workspace', + path: '/workspace', component: () => import('#/views/dashboard/workspace/index.vue'), meta: { title: $t('page.dashboard.workspace'), diff --git a/apps/web-antd/src/router/routes/modules/demos.ts b/apps/web-antd/src/router/routes/modules/demos.ts index c0e369a4a..1c766832e 100644 --- a/apps/web-antd/src/router/routes/modules/demos.ts +++ b/apps/web-antd/src/router/routes/modules/demos.ts @@ -14,7 +14,6 @@ const routes: RouteRecordRaw[] = [ }, name: 'Demos', path: '/demos', - redirect: '/demos/access', children: [ // 权限控制 { @@ -22,13 +21,12 @@ const routes: RouteRecordRaw[] = [ icon: 'mdi:shield-key-outline', title: $t('page.demos.access.frontendPermissions'), }, - name: 'Access', - path: 'access', - redirect: '/demos/access/page-control', + name: 'AccessDemos', + path: '/demos/access', children: [ { - name: 'AccessPageControl', - path: 'page-control', + name: 'AccessPageControlDemo', + path: '/demos/access/page-control', component: () => import('#/views/demos/access/index.vue'), meta: { icon: 'mdi:page-previous-outline', @@ -36,8 +34,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'AccessButtonControl', - path: 'button-control', + name: 'AccessButtonControlDemo', + path: '/demos/access/button-control', component: () => import('#/views/demos/access/button-control.vue'), meta: { icon: 'mdi:button-cursor', @@ -45,8 +43,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'AccessMenuVisible403', - path: 'menu-visible-403', + name: 'AccessMenuVisible403Demo', + path: '/demos/access/menu-visible-403', component: () => import('#/views/demos/access/menu-visible-403.vue'), meta: { @@ -57,8 +55,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'AccessSuperVisible', - path: 'super-visible', + name: 'AccessSuperVisibleDemo', + path: '/demos/access/super-visible', component: () => import('#/views/demos/access/super-visible.vue'), meta: { authority: ['super'], @@ -67,8 +65,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'AccessAdminVisible', - path: 'admin-visible', + name: 'AccessAdminVisibleDemo', + path: '/demos/access/admin-visible', component: () => import('#/views/demos/access/admin-visible.vue'), meta: { authority: ['admin'], @@ -77,8 +75,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'AccessUserVisible', - path: 'user-visible', + name: 'AccessUserVisibleDemo', + path: '/demos/access/user-visible', component: () => import('#/views/demos/access/user-visible.vue'), meta: { authority: ['user'], @@ -94,13 +92,39 @@ const routes: RouteRecordRaw[] = [ icon: 'mdi:feature-highlight', title: $t('page.demos.features.title'), }, - name: 'Features', - path: 'features', - redirect: '/demos/features/tabs', + name: 'FeaturesDemos', + path: '/demos/features', children: [ + { + name: 'LoginExpiredDemo', + path: '/demos/features/login-expired', + component: () => + import('#/views/demos/features/login-expired/index.vue'), + meta: { + icon: 'mdi:encryption-expiration', + title: $t('page.demos.features.loginExpired'), + }, + }, + { + name: 'IconsDemo', + path: '/demos/features/icons', + component: () => import('#/views/demos/features/icons/index.vue'), + meta: { + title: $t('page.demos.features.icons'), + }, + }, + { + name: 'WatermarkDemo', + path: '/demos/features/watermark', + component: () => + import('#/views/demos/features/watermark/index.vue'), + meta: { + title: $t('page.demos.features.watermark'), + }, + }, { name: 'FeatureTabsDemo', - path: 'tabs', + path: '/demos/features/tabs', component: () => import('#/views/demos/features/tabs/index.vue'), meta: { icon: 'lucide:app-window', @@ -109,7 +133,7 @@ const routes: RouteRecordRaw[] = [ }, { name: 'FeatureTabDetailDemo', - path: 'tabs/detail/:id', + path: '/demos/features/tabs/detail/:id', component: () => import('#/views/demos/features/tabs/tab-detail.vue'), meta: { @@ -120,19 +144,19 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'HideChildrenInMenuParent', - path: 'hide-menu-children', + name: 'HideChildrenInMenuParentDemo', + path: '/demos/features/hide-menu-children', component: () => import('#/views/demos/features/hide-menu-children/parent.vue'), meta: { hideChildrenInMenu: true, icon: 'ic:round-menu', - title: 'page.demos.features.hideChildrenInMenu', + title: $t('page.demos.features.hideChildrenInMenu'), }, children: [ { - name: 'HideChildrenInMenuChildren', - path: 'hide-children-in-menu', + name: 'HideChildrenInMenuChildrenDemo', + path: '/demos/features/hide-menu-children/children', component: () => import( '#/views/demos/features/hide-menu-children/children.vue' @@ -140,31 +164,20 @@ const routes: RouteRecordRaw[] = [ }, ], }, - { - name: 'LoginExpired', - path: 'login-expired', - component: () => - import('#/views/demos/features/login-expired/index.vue'), - meta: { - icon: 'mdi:encryption-expiration', - title: $t('page.demos.features.loginExpired'), - }, - }, ], }, // 面包屑导航 { name: 'BreadcrumbDemos', - path: 'breadcrumb', + path: '/demos/breadcrumb', meta: { icon: 'lucide:navigation', title: $t('page.demos.breadcrumb.navigation'), }, - redirect: '/demos/breadcrumb/lateral', children: [ { - name: 'BreadcrumbLateral', - path: 'lateral', + name: 'BreadcrumbLateralDemo', + path: '/demos/breadcrumb/lateral', component: () => import('#/views/demos/breadcrumb/lateral.vue'), meta: { icon: 'lucide:navigation', @@ -172,8 +185,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'BreadcrumbLateralDetail', - path: 'lateral-detail', + name: 'BreadcrumbLateralDetailDemo', + path: '/demos/breadcrumb/lateral-detail', component: () => import('#/views/demos/breadcrumb/lateral-detail.vue'), meta: { @@ -183,17 +196,16 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'BreadcrumbLevel', - path: 'level', + name: 'BreadcrumbLevelDemo', + path: '/demos/breadcrumb/level', meta: { icon: 'lucide:navigation', title: $t('page.demos.breadcrumb.level'), }, - redirect: '/demos/breadcrumb/level/detail', children: [ { - name: 'BreadcrumbLevelDetail', - path: 'detail', + name: 'BreadcrumbLevelDetailDemo', + path: '/demos/breadcrumb/level/detail', component: () => import('#/views/demos/breadcrumb/level-detail.vue'), meta: { @@ -210,13 +222,12 @@ const routes: RouteRecordRaw[] = [ icon: 'mdi:lightbulb-error-outline', title: $t('page.demos.fallback.title'), }, - name: 'Fallback', - path: 'fallback', - redirect: '/demos/fallback/403', + name: 'FallbackDemos', + path: '/demos/fallback', children: [ { - name: 'Fallback403', - path: '403', + name: 'Fallback403Demo', + path: '/demos/fallback/403', component: () => import('#/views/_core/fallback/forbidden.vue'), meta: { icon: 'mdi:do-not-disturb-alt', @@ -224,8 +235,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'Fallback404', - path: '404', + name: 'Fallback404Demo', + path: '/demos/fallback/404', component: () => import('#/views/_core/fallback/not-found.vue'), meta: { icon: 'mdi:table-off', @@ -233,8 +244,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'Fallback500', - path: '500', + name: 'Fallback500Demo', + path: '/demos/fallback/500', component: () => import('#/views/_core/fallback/internal-error.vue'), meta: { @@ -243,8 +254,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'FallbackOffline', - path: 'offline', + name: 'FallbackOfflineDemo', + path: '/demos/fallback/offline', component: () => import('#/views/_core/fallback/offline.vue'), meta: { icon: 'mdi:offline', @@ -261,14 +272,13 @@ const routes: RouteRecordRaw[] = [ icon: 'lucide:circle-dot', title: $t('page.demos.badge.title'), }, - name: 'BadgeDemo', - path: 'badge', - redirect: '/demos/badge/dot', + name: 'BadgeDemos', + path: '/demos/badge', children: [ { name: 'BadgeDotDemo', component: () => import('#/views/demos/badge/index.vue'), - path: 'dot', + path: '/demos/badge/dot', meta: { badgeType: 'dot', icon: 'lucide:square-dot', @@ -278,7 +288,7 @@ const routes: RouteRecordRaw[] = [ { name: 'BadgeTextDemo', component: () => import('#/views/demos/badge/index.vue'), - path: 'text', + path: '/demos/badge/text', meta: { badge: '10', icon: 'lucide:square-dot', @@ -288,7 +298,7 @@ const routes: RouteRecordRaw[] = [ { name: 'BadgeColorDemo', component: () => import('#/views/demos/badge/index.vue'), - path: 'color', + path: '/demos/badge/color', meta: { badge: 'Hot', badgeVariants: 'destructive', @@ -298,28 +308,48 @@ const routes: RouteRecordRaw[] = [ }, ], }, + // 菜单激活图标 + { + meta: { + activeIcon: 'fluent-emoji:radioactive', + icon: 'bi:radioactive', + title: $t('page.demos.activeIcon.title'), + }, + name: 'ActiveIconDemos', + path: '/demos/active-icon', + children: [ + { + name: 'ActiveIconDemo', + component: () => import('#/views/demos/active-icon/index.vue'), + path: '/demos/active-icon/children', + meta: { + activeIcon: 'fluent-emoji:radioactive', + icon: 'bi:radioactive', + title: $t('page.demos.activeIcon.children'), + }, + }, + ], + }, // 外部链接 { meta: { icon: 'ic:round-settings-input-composite', title: $t('page.demos.outside.title'), }, - name: 'Outside', - path: 'outside', - redirect: '/demos/outside/iframe', + name: 'OutsideDemos', + path: '/demos/outside', children: [ { - name: 'iframe', - path: 'iframe', + name: 'IframeDemos', + path: '/demos/outside/iframe', meta: { icon: 'mdi:newspaper-variant-outline', title: $t('page.demos.outside.embedded'), }, - redirect: '/demos/outside/iframe/vue-document', children: [ { - name: 'VueDocument', - path: 'vue-document', + name: 'VueDocumentDemo', + path: '/demos/outside/iframe/vue-document', component: IFrameView, meta: { icon: 'logos:vue', @@ -329,8 +359,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'Tailwindcss', - path: 'tailwindcss', + name: 'TailwindcssDemo', + path: '/demos/outside/iframe/tailwindcss', component: IFrameView, meta: { icon: 'devicon:tailwindcss', @@ -342,17 +372,16 @@ const routes: RouteRecordRaw[] = [ ], }, { - name: 'ExternalLink', - path: 'external-link', + name: 'ExternalLinkDemos', + path: '/demos/outside/external-link', meta: { icon: 'mdi:newspaper-variant-multiple-outline', title: $t('page.demos.outside.externalLink'), }, - redirect: '/demos/outside/external-link/vite', children: [ { - name: 'Vite', - path: 'vite', + name: 'ViteDemo', + path: '/demos/outside/external-link/vite', component: IFrameView, meta: { icon: 'logos:vitejs', @@ -361,8 +390,8 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'VueUse', - path: 'vue-use', + name: 'VueUseDemo', + path: '/demos/outside/external-link/vue-use', component: IFrameView, meta: { icon: 'logos:vueuse', @@ -380,13 +409,12 @@ const routes: RouteRecordRaw[] = [ icon: 'ic:round-menu', title: $t('page.demos.nested.title'), }, - name: 'Nested', - path: 'nested', - redirect: '/demos/nested/menu1', + name: 'NestedDemos', + path: '/demos/nested', children: [ { - name: 'Menu1', - path: 'menu1', + name: 'Menu1Demo', + path: '/demos/nested/menu1', component: () => import('#/views/demos/nested/menu-1.vue'), meta: { icon: 'ic:round-menu', @@ -395,18 +423,17 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'Menu2', - path: 'menu2', + name: 'Menu2Demo', + path: '/demos/nested/menu2', meta: { icon: 'ic:round-menu', keepAlive: true, title: $t('page.demos.nested.menu2'), }, - redirect: '/demos/nested/menu2/menu2-1', children: [ { - name: 'Menu21', - path: 'menu2-1', + name: 'Menu21Demo', + path: '/demos/nested/menu2/menu2-1', component: () => import('#/views/demos/nested/menu-2-1.vue'), meta: { icon: 'ic:round-menu', @@ -417,16 +444,15 @@ const routes: RouteRecordRaw[] = [ ], }, { - name: 'Menu3', - path: 'menu3', + name: 'Menu3Demo', + path: '/demos/nested/menu3', meta: { icon: 'ic:round-menu', title: $t('page.demos.nested.menu3'), }, - redirect: '/demos/nested/menu3/menu3-1', children: [ { - name: 'Menu31', + name: 'Menu31Demo', path: 'menu3-1', component: () => import('#/views/demos/nested/menu-3-1.vue'), meta: { @@ -436,17 +462,16 @@ const routes: RouteRecordRaw[] = [ }, }, { - name: 'Menu32', + name: 'Menu32Demo', path: 'menu3-2', meta: { icon: 'ic:round-menu', title: $t('page.demos.nested.menu3_2'), }, - redirect: '/demos/nested/menu3/menu3-2/menu3-2-1', children: [ { - name: 'Menu321', - path: 'menu3-2-1', + name: 'Menu321Demo', + path: '/demos/nested/menu3/menu3-2/menu3-2-1', component: () => import('#/views/demos/nested/menu-3-2-1.vue'), meta: { diff --git a/apps/web-antd/src/router/routes/modules/vben.ts b/apps/web-antd/src/router/routes/modules/vben.ts index 4df1475e5..2d1fdf24e 100644 --- a/apps/web-antd/src/router/routes/modules/vben.ts +++ b/apps/web-antd/src/router/routes/modules/vben.ts @@ -17,11 +17,10 @@ const routes: RouteRecordRaw[] = [ }, name: 'VbenProject', path: '/vben-admin', - redirect: '/vben-admin/about', children: [ { name: 'VbenAbout', - path: 'about', + path: '/vben-admin/about', component: () => import('#/views/_core/vben/about/index.vue'), meta: { badgeType: 'dot', @@ -32,7 +31,7 @@ const routes: RouteRecordRaw[] = [ }, { name: 'VbenDocument', - path: 'document', + path: '/vben-admin/document', component: IFrameView, meta: { icon: 'lucide:book-open-text', @@ -43,7 +42,7 @@ const routes: RouteRecordRaw[] = [ }, { name: 'VbenGithub', - path: 'github', + path: '/vben-admin/github', component: IFrameView, meta: { icon: 'mdi:github', diff --git a/apps/web-antd/src/store/modules/access.ts b/apps/web-antd/src/store/modules/access.ts index c459931d8..b4afb5466 100644 --- a/apps/web-antd/src/store/modules/access.ts +++ b/apps/web-antd/src/store/modules/access.ts @@ -11,7 +11,7 @@ import { resetAllStores, useCoreAccessStore } from '@vben/stores'; import { notification } from 'ant-design-vue'; import { defineStore } from 'pinia'; -import { getAccessCodes, getUserInfo, login } from '#/apis'; +import { getAccessCodes, getUserInfo, login } from '#/api'; import { $t } from '#/locales'; export const useAccessStore = defineStore('access', () => { diff --git a/apps/web-antd/src/views/_core/fallback/forbidden.vue b/apps/web-antd/src/views/_core/fallback/forbidden.vue index e6c47bae4..8ea65fedb 100644 --- a/apps/web-antd/src/views/_core/fallback/forbidden.vue +++ b/apps/web-antd/src/views/_core/fallback/forbidden.vue @@ -1,5 +1,7 @@