From 3fcbd5494858f5af98c64ad6ab8294a7772e69e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Thu, 26 May 2022 00:50:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E5=8F=B0=E7=9A=84=E4=B8=80=E4=BA=9B=E8=AD=A6=E5=91=8A=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  | 3 ++-
 src/components/RightPanel/index.vue           | 2 +-
 src/layout/components/TagsView/ScrollPane.vue | 5 ++---
 src/layout/components/TagsView/index.vue      | 8 ++++----
 src/main.ts                                   | 2 ++
 src/utils/resize.ts                           | 5 +++--
 6 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 28836a4..e697ef1 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 621a0b9..ff0a45d 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 60cb9bb..8a58641 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 2a0d0ad..b2b51c6 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -8,6 +8,7 @@
       <router-link
         v-for="tag in visitedViews"
         :key="tag.path"
+        :data-path="tag.path"
         :class="isActive(tag) ? 'active' : ''"
         :to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
         class="tags-view__item"
@@ -64,8 +65,7 @@ import {
   nextTick,
   ref,
   watch,
-  onMounted,
-  ComponentInternalInstance
+  onMounted
 } from 'vue';
 
 import path from 'path-browserify';
@@ -80,7 +80,7 @@ import useStore from '@/store';
 
 const { tagsView, permission } = useStore();
 
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { proxy } = getCurrentInstance() as any;
 const router = useRouter();
 const route = useRoute();
 
@@ -108,7 +108,7 @@ watch(
 
 watch(visible, value => {
   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 a288cb9..01c65ac 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 4cfdab8..343bb0f 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}
       );
     }
   };
-- 
GitLab