diff --git a/package.json b/package.json index 28836a4949181b0d9bf4146e86ee28584f596a2e..e697ef110150199029f8a41de094e95d1daa229b 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@wangeditor/editor-for-vue": "^5.1.10", "axios": "^0.24.0", "better-scroll": "^2.4.2", + "default-passive-events": "^2.0.0", "echarts": "^5.2.2", "element-plus": "^2.1.8", "nprogress": "^0.2.0", @@ -40,12 +41,12 @@ "eslint-config-prettier": "^8.5.0", "eslint-plugin-prettier": "^4.0.0", "eslint-plugin-vue": "^8.6.0", + "fast-glob": "^3.2.11", "husky": "^7.0.4", "prettier": "^2.6.2", "sass": "^1.43.4", "typescript": "^4.5.4", "vite": "^2.9.7", - "fast-glob": "^3.2.11", "vite-plugin-svg-icons": "^2.0.1", "vue-tsc": "^0.34.7" }, diff --git a/src/components/RightPanel/index.vue b/src/components/RightPanel/index.vue index 621a0b97787a0739f2c3d6657aa5dd66ebb60b78..ff0a45d34210997696df6a8b4bafd290e4bae7e1 100644 --- a/src/components/RightPanel/index.vue +++ b/src/components/RightPanel/index.vue @@ -58,7 +58,7 @@ watch(show, value => { }); function addEventClick() { - window.addEventListener('click', closeSidebar); + window.addEventListener('click', closeSidebar, {passive:true}); } function closeSidebar(evt: any) { diff --git a/src/layout/components/TagsView/ScrollPane.vue b/src/layout/components/TagsView/ScrollPane.vue index 60cb9bb853af39f9b07d3d5b0e7e41fef047dc24..8a586411b4d9b92c17f54d7886f948113621ef26 100644 --- a/src/layout/components/TagsView/ScrollPane.vue +++ b/src/layout/components/TagsView/ScrollPane.vue @@ -35,7 +35,7 @@ const visitedViews = computed(() => tagsView.visitedViews); const scrollWrapper = computed(() => proxy?.$refs.scrollContainer.$refs.wrap$); onMounted(() => { - scrollWrapper.value.addEventListener('scroll', emitScroll, true) + scrollWrapper.value.addEventListener('scroll', emitScroll, {passive:true}) }) onBeforeUnmount(() => { scrollWrapper.value.removeEventListener('scroll', emitScroll) @@ -81,8 +81,7 @@ function moveToTarget(currentTag: TagView) { ) { prevTag = tagListDom[k]; } - if ( - (tagListDom[k] as any).dataset.path === + if ((tagListDom[k] as any).dataset.path === visitedViews.value[currentIndex + 1].path ) { nextTag = tagListDom[k]; diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue index 2a0d0ad13132ee99bbe09cbe73c7274f45d9c9b3..b2b51c6cc44940b912905bbf9bda2e9f7206ac76 100644 --- a/src/layout/components/TagsView/index.vue +++ b/src/layout/components/TagsView/index.vue @@ -8,6 +8,7 @@ { if (value) { - document.body.addEventListener('click', closeMenu); + document.body.addEventListener('click', closeMenu, {passive:true}); } else { document.body.removeEventListener('click', closeMenu); } diff --git a/src/main.ts b/src/main.ts index a288cb9bd8fa21eb206d2a84e03c9eff736f32d5..01c65accb281b1eedc6088f1701470a3490e808e 100644 --- a/src/main.ts +++ b/src/main.ts @@ -9,6 +9,8 @@ import 'element-plus/theme-chalk/index.css'; import Pagination from '@/components/Pagination/index.vue'; import '@/permission'; +import 'default-passive-events' + // 引入svg注册脚本 import 'virtual:svg-icons-register'; diff --git a/src/utils/resize.ts b/src/utils/resize.ts index 4cfdab8484709257d2ec8f87d3d2fee4a0a57c9d..343bb0f3c2887220350a7611fd6f64106ab5ff0a 100644 --- a/src/utils/resize.ts +++ b/src/utils/resize.ts @@ -16,7 +16,7 @@ export default function () { }; const initResizeEvent = () => { - window.addEventListener('resize', chartResizeHandler); + window.addEventListener('resize', chartResizeHandler, {passive:true}); }; const destroyResizeEvent = () => { @@ -28,7 +28,8 @@ export default function () { if (sidebarElm.value) { sidebarElm.value.addEventListener( 'transitionend', - sidebarResizeHandler as EventListener + sidebarResizeHandler as EventListener, + {passive:true} ); } };