Commit e9536b5b7ccc5f667496c4ec7ab838738f804a71
1 parent
526e6ce2
perf: the existing tab switching no longer displays animation and processbar
Showing
6 changed files
with
8 additions
and
13 deletions
README.md
| @@ -202,11 +202,8 @@ yarn clean:lib # 删除node_modules，兼容window系统 | @@ -202,11 +202,8 @@ yarn clean:lib # 删除node_modules，兼容window系统 | ||
| 202 | - [x] 页面加载 loading | 202 | - [x] 页面加载 loading |
| 203 | - [x] 滚动条组件 | 203 | - [x] 滚动条组件 |
| 204 | - [x] 弹窗扩展（可拖拽,全屏,自适应高度） | 204 | - [x] 弹窗扩展（可拖拽,全屏,自适应高度） |
| 205 | -- [x] 全屏 | ||
| 206 | - [x] 模拟数据 | 205 | - [x] 模拟数据 |
| 207 | -- [x] 剪贴板封装 | ||
| 208 | - [x] hook 封装 | 206 | - [x] hook 封装 |
| 209 | -- [x] 项目可配置 | ||
| 210 | - [x] 表单组件 | 207 | - [x] 表单组件 |
| 211 | - [x] 右键菜单 | 208 | - [x] 右键菜单 |
| 212 | - [x] 水印插件 | 209 | - [x] 水印插件 |
| @@ -214,12 +211,10 @@ yarn clean:lib # 删除node_modules，兼容window系统 | @@ -214,12 +211,10 @@ yarn clean:lib # 删除node_modules，兼容window系统 | ||
| 214 | - [x] 二维码插件 | 211 | - [x] 二维码插件 |
| 215 | - [x] 国际化插件 | 212 | - [x] 国际化插件 |
| 216 | - [x] 详情组件 | 213 | - [x] 详情组件 |
| 217 | -- [x] 验证码/验证组件 | 214 | +- [x] 验证组件 |
| 218 | - [x] 树组件 | 215 | - [x] 树组件 |
| 219 | -- [x] 兼容最新`vuex`,`vue-router` | ||
| 220 | - [x] 图片预览组件 | 216 | - [x] 图片预览组件 |
| 221 | - [x] 表格组件 | 217 | - [x] 表格组件 |
| 222 | -- [x] 可编辑表格 | ||
| 223 | 218 | ||
| 224 | ## 正在开发的功能 | 219 | ## 正在开发的功能 |
| 225 | 220 |
src/assets/images/logo.png
src/design/var/index.less
src/router/guard/index.ts
| @@ -7,12 +7,15 @@ import { createProgressGuard } from './progressGuard'; | @@ -7,12 +7,15 @@ import { createProgressGuard } from './progressGuard'; | ||
| 7 | import { createPermissionGuard } from './permissionGuard'; | 7 | import { createPermissionGuard } from './permissionGuard'; |
| 8 | import { createPageLoadingGuard } from './pageLoadingGuard'; | 8 | import { createPageLoadingGuard } from './pageLoadingGuard'; |
| 9 | import { useSetting } from '/@/hooks/core/useSetting'; | 9 | import { useSetting } from '/@/hooks/core/useSetting'; |
| 10 | +import { getIsOpenTab } from '/@/utils/helper/routeHelper'; | ||
| 10 | 11 | ||
| 11 | const { projectSetting } = useSetting(); | 12 | const { projectSetting } = useSetting(); |
| 12 | export function createGuard(router: Router) { | 13 | export function createGuard(router: Router) { |
| 13 | const axiosCanceler = new AxiosCanceler(); | 14 | const axiosCanceler = new AxiosCanceler(); |
| 14 | 15 | ||
| 15 | - router.beforeEach(async () => { | 16 | + router.beforeEach(async (to) => { |
| 17 | + const isOpen = getIsOpenTab(to.path); | ||
| 18 | + to.meta.inTab = isOpen; | ||
| 16 | try { | 19 | try { |
| 17 | Modal.destroyAll(); | 20 | Modal.destroyAll(); |
| 18 | notification.destroy(); | 21 | notification.destroy(); |
src/router/guard/progressGuard.ts
| @@ -2,16 +2,13 @@ import type { Router } from 'vue-router'; | @@ -2,16 +2,13 @@ import type { Router } from 'vue-router'; | ||
| 2 | 2 | ||
| 3 | import NProgress from 'nprogress'; | 3 | import NProgress from 'nprogress'; |
| 4 | import 'nprogress/nprogress.css'; | 4 | import 'nprogress/nprogress.css'; |
| 5 | -import { getIsOpenTab } from '/@/utils/helper/routeHelper'; | ||
| 6 | 5 | ||
| 7 | export function createProgressGuard(router: Router) { | 6 | export function createProgressGuard(router: Router) { |
| 8 | // NProgress.inc(0.1); | 7 | // NProgress.inc(0.1); |
| 9 | // NProgress.configure({ easing: 'ease', speed: 200, showSpinner: false }); | 8 | // NProgress.configure({ easing: 'ease', speed: 200, showSpinner: false }); |
| 10 | 9 | ||
| 11 | router.beforeEach(async (to) => { | 10 | router.beforeEach(async (to) => { |
| 12 | - const isOpen = getIsOpenTab(to.path); | ||
| 13 | - to.meta.inTab = isOpen; | ||
| 14 | - !isOpen && NProgress.start(); | 11 | + !to.meta.inTab && NProgress.start(); |
| 15 | return true; | 12 | return true; |
| 16 | }); | 13 | }); |
| 17 | router.afterEach(async (to) => { | 14 | router.afterEach(async (to) => { |