From f0d4aa324e57dce23c656101c156a7e54fa0bbda Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 3 Aug 2023 17:11:57 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=8F=AF=E8=A7=81?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                                  | 2 +-
 resources/assets/js/pages/manage/components/DialogWrapper.vue | 1 +
 resources/assets/sass/pages/components/dialog-wrapper.scss    | 4 ++++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 348b13ac3..46ff53f06 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
         "vue-resize-observer": "^2.0.16",
         "vue-router": "^3.6.5",
         "vue-template-compiler": "~2.6.14",
-        "vue-virtual-scroll-list-hi": "^2.3.4-6",
+        "vue-virtual-scroll-list-hi": "^2.3.5-3",
         "vuedraggable": "^2.24.3",
         "vuex": "^3.6.2"
     },
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 4461ab3e6..61597d99d 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -146,6 +146,7 @@
         <VirtualList
             ref="scroller"
             class="dialog-scroller scrollbar-virtual"
+            item-inactive-class="inactive"
             :class="scrollerClass"
             :data-key="'id'"
             :data-sources="allMsgs"
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 9f844a595..cb30c4462 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -424,6 +424,10 @@
             -webkit-overflow-scrolling: touch;
         }
 
+        .inactive {
+            visibility: hidden;
+        }
+
         .dialog-item {
             display: flex;
             flex-direction: row;