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 | 202 | - [x] 页面加载 loading |
| 203 | 203 | - [x] 滚动条组件 |
| 204 | 204 | - [x] 弹窗扩展（可拖拽,全屏,自适应高度） |
| 205 | -- [x] 全屏 | |
| 206 | 205 | - [x] 模拟数据 |
| 207 | -- [x] 剪贴板封装 | |
| 208 | 206 | - [x] hook 封装 |
| 209 | -- [x] 项目可配置 | |
| 210 | 207 | - [x] 表单组件 |
| 211 | 208 | - [x] 右键菜单 |
| 212 | 209 | - [x] 水印插件 |
| ... | ... | @@ -214,12 +211,10 @@ yarn clean:lib # 删除node_modules，兼容window系统 |
| 214 | 211 | - [x] 二维码插件 |
| 215 | 212 | - [x] 国际化插件 |
| 216 | 213 | - [x] 详情组件 |
| 217 | -- [x] 验证码/验证组件 | |
| 214 | +- [x] 验证组件 | |
| 218 | 215 | - [x] 树组件 |
| 219 | -- [x] 兼容最新`vuex`,`vue-router` | |
| 220 | 216 | - [x] 图片预览组件 |
| 221 | 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 | 7 | import { createPermissionGuard } from './permissionGuard'; |
| 8 | 8 | import { createPageLoadingGuard } from './pageLoadingGuard'; |
| 9 | 9 | import { useSetting } from '/@/hooks/core/useSetting'; |
| 10 | +import { getIsOpenTab } from '/@/utils/helper/routeHelper'; | |
| 10 | 11 | |
| 11 | 12 | const { projectSetting } = useSetting(); |
| 12 | 13 | export function createGuard(router: Router) { |
| 13 | 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 | 19 | try { |
| 17 | 20 | Modal.destroyAll(); |
| 18 | 21 | notification.destroy(); | ... | ... |
src/router/guard/progressGuard.ts
| ... | ... | @@ -2,16 +2,13 @@ import type { Router } from 'vue-router'; |
| 2 | 2 | |
| 3 | 3 | import NProgress from 'nprogress'; |
| 4 | 4 | import 'nprogress/nprogress.css'; |
| 5 | -import { getIsOpenTab } from '/@/utils/helper/routeHelper'; | |
| 6 | 5 | |
| 7 | 6 | export function createProgressGuard(router: Router) { |
| 8 | 7 | // NProgress.inc(0.1); |
| 9 | 8 | // NProgress.configure({ easing: 'ease', speed: 200, showSpinner: false }); |
| 10 | 9 | |
| 11 | 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 | 12 | return true; |
| 16 | 13 | }); |
| 17 | 14 | router.afterEach(async (to) => { | ... | ... |