perf: 优化可见消息列表

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"
     },

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"

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;