From a50f0cd72785b0b3ebcd8ca441fb8b1732f8a05a Mon Sep 17 00:00:00 2001
From: thofx <usnail@yeah.net>
Date: Thu, 4 Jan 2024 21:35:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=97=E8=A1=A8=E4=BD=BF=E7=94=A8useD?=
 =?UTF-8?q?efer=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/discover/TorrentCardListView.vue |  6 ++----
 src/views/discover/TorrentRowListView.vue  | 15 +++++++++------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/views/discover/TorrentCardListView.vue b/src/views/discover/TorrentCardListView.vue
index d2b4bd6b..60f8fc6d 100644
--- a/src/views/discover/TorrentCardListView.vue
+++ b/src/views/discover/TorrentCardListView.vue
@@ -1,7 +1,5 @@
 <script lang="ts" setup>
 import _ from 'lodash'
-import type { Ref } from 'vue'
-import { ref } from 'vue'
 import type { Context } from '@/api/types'
 import TorrentCard from '@/components/cards/TorrentCard.vue'
 import { useDefer } from '@/@core/utils/dom'
@@ -94,7 +92,7 @@ onMounted(() => {
   groupedDataList.value = groupMap
 })
 
-const defer: Ref<Function> = ref(() => true)
+let defer = (_: number) => true
 
 // 计算过滤后的列表
 watchEffect(() => {
@@ -135,7 +133,7 @@ watchEffect(() => {
       }
     }
   })
-  defer.value = useDefer(dataList.value.length)
+  defer = useDefer(dataList.value.length)
 })
 </script>
 
diff --git a/src/views/discover/TorrentRowListView.vue b/src/views/discover/TorrentRowListView.vue
index bfa7eb49..d5894aa0 100644
--- a/src/views/discover/TorrentRowListView.vue
+++ b/src/views/discover/TorrentRowListView.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { ref } from 'vue'
 import type { Context } from '@/api/types'
 import TorrentItem from '@/components/cards/TorrentItem.vue'
+import { useDefer } from '@/@core/utils/dom'
 
 // 定义输入参数
 const props = defineProps({
@@ -60,6 +60,8 @@ function initOptions(data: Context) {
   optionValue(resolutionFilterOptions.value, meta_info?.resource_pix)
 }
 
+let defer = (_: number) => true
+
 // 计算过滤后的列表
 watchEffect(() => {
   // 清空列表
@@ -88,6 +90,7 @@ watchEffect(() => {
     )
       dataList.value.push(data)
   })
+  defer = useDefer(dataList.value.length)
 })
 
 // 初始化过滤选项
@@ -106,11 +109,11 @@ onMounted(() => {
           <VListItemTitle>没有附合当前过滤条件的资源。</VListItemTitle>
         </VListItem>
       </VList>
-      <TorrentItem
-        v-for="(item, index) in dataList"
-        :key="`${index}_${item.torrent_info.title}_${item.torrent_info.site}`"
-        :torrent="item"
-      />
+      <div>
+        <div v-for="(item, index) in dataList" :key="`${index}_${item.torrent_info.title}_${item.torrent_info.site}`">
+          <TorrentItem v-if="defer(index)" :torrent="item" />
+        </div>
+      </div>
     </VCol>
     <VCol xl="2" md="3" class="d-none d-md-block">
       <VList lines="one" class="rounded">