From 83eb9581db716fa69d1b3519e33bb2bf51cabbf1 Mon Sep 17 00:00:00 2001
From: 20savage <1833496831@qq.com>
Date: Thu, 19 Jun 2025 14:28:30 +0800
Subject: [PATCH] refactor: optimized the retrieval of the first model card
 element (#514)

---
 src/pages/preference/components/model/index.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/pages/preference/components/model/index.vue b/src/pages/preference/components/model/index.vue
index dcd2793..d7daf97 100644
--- a/src/pages/preference/components/model/index.vue
+++ b/src/pages/preference/components/model/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Model } from '@/stores/model'
+import type { ComponentPublicInstance } from 'vue'
 
 import { convertFileSrc } from '@tauri-apps/api/core'
 import { remove } from '@tauri-apps/plugin-fs'
@@ -20,6 +21,18 @@ const firstItemRef = ref<HTMLElement>()
 
 const { height } = useElementSize(firstItemRef)
 
+function setFirstItemRef(el: Element | ComponentPublicInstance | null, index: number) {
+  if (!el || index > 0) return
+
+  if ('$el' in el) {
+    return firstItemRef.value = el.$el
+  }
+
+  if (el instanceof HTMLElement) {
+    firstItemRef.value = el
+  }
+}
+
 async function handleDelete(item: Model) {
   const { id, path } = item
 
@@ -53,7 +66,7 @@ async function handleDelete(item: Model) {
       :key="item.id"
     >
       <Card
-        :ref="index === 0 ? 'firstItemRef' : void 0"
+        :ref="(el) => setFirstItemRef(el, index)"
         hoverable
         size="small"
         @click="modelStore.currentModel = item"