release: v2.2.11

package.json

@@ -1,6 +1,6 @@
 {
   "name": "MegSpot",
-  "version": "v2.2.10",
+  "version": "v2.2.11",
   "author": "weiyajun <[email protected]>",
   "description": "A tool to improve the viewing of pictures and videos by researchers",
   "homepage": "https://github.com/MegEngine/MegSpot",
@@ -44,8 +44,8 @@
     "appId": "org.megvii.megspot",
     "copyright": " Copyright (c) 2022 Megvii Inc. All rights reserved.",
     "releaseInfo": {
-      "releaseNotes": "一、新增功能：\n    1. 拖拽对比 模式中显示图像名称；\n    2. 支持在图像对比及视频对比中进入 拖拽对比 模式；\n二、bug修复：\n    1. 已修复拖拽对比中图像展示的顺序；",
-      "releaseDate": "2024.06.02"
+      "releaseNotes": "一、性能优化：\n    1. 对gallery画廊的图像列表启用懒加载，解决了文件过多时导致的卡顿问题",
+      "releaseDate": "2024.10.28"
     },
     "directories": {
       "output": "build"
@@ -237,4 +237,4 @@
     "node": "16.20.2",
     "yarn": "1.22.21"
   }
-}
+}

src/renderer/components/gallery/index.vue

@@ -52,8 +52,8 @@
                         </span>
                       </div>
                       <div class="content" flex="main:center cross:center">
-                        <img name="dragItem" loading="lazy" decoding="async" :src="getImageUrlSync(item)" v-if="isImage(item)" />
-                        <video name="dragItem" loading="lazy" :src="getImageUrlSync(item)" v-if="isVideo(item)" />
+                        <img name="dragItem" width="200px" height="130px" loading="lazy" decoding="async" :src="getImageUrlSync(item)" v-if="isImage(item)" />
+                        <video name="dragItem" width="200px" height="130px" loading="lazy" :src="getImageUrlSync(item)" v-if="isVideo(item)" />
                       </div>
                       <div class="name" :title="item">
                         <span v-html="$options.filters.getFileName(item)"></span>