From ee0441701989e108b0be03c7cf25ea25dec4e1eb Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 17 May 2024 10:46:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=9D=A5=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/search/Source.vue | 45 ++++++++++++++++++++++++++++++++++
 package-lock.json              |  4 ---
 pages/search/[id].vue          | 14 +----------
 3 files changed, 46 insertions(+), 17 deletions(-)
 create mode 100644 components/i/search/Source.vue

diff --git a/components/i/search/Source.vue b/components/i/search/Source.vue
new file mode 100644
index 0000000..8846f3b
--- /dev/null
+++ b/components/i/search/Source.vue
@@ -0,0 +1,45 @@
+<template>
+    <ULink v-for="(item, index) in limitSource" :to="item.link" :title="item.link" target="_blank">
+        <UCard :ui="cardUI">
+            <div class="flex flex-col gap-1">
+                <div class="items-center flex gap-1">
+                    <UIcon name="i-simple-icons-github" />
+                    <div class="truncate flex flex-grow">{{ item.repo }}</div>
+                    <div class="text-gray-200">{{ index + 1 }}</div>
+                </div>
+                <div class="text-blue-500 truncate">{{ item.label }}</div>
+            </div>
+        </UCard>
+    </ULink>
+    <UCard class="cursor-pointer" :ui="cardUI" v-if="source.length > 6" @click="handleToggleShowAll">
+        <div class="flex items-center justify-center h-full gap-1">
+            <UIcon name="i-heroicons-link-20-solid" />
+            <div v-if="!showAllSource">查看全部{{ source.length }}个来源</div>
+            <div v-else>收起</div>
+        </div>
+    </UCard>
+</template>
+<script setup>
+const props = defineProps({
+    source: {
+        type: Array,
+        default: () => []
+    }
+})
+const cardUI = {
+    body: {
+        padding: 'sm:p-3 p-3',
+        base: 'h-full'
+    }
+}
+const showAllSource = ref(false)
+const limitSource = computed(() => {
+    if (props.source.length <= 6) return props.source
+    else if (showAllSource.value) return props.source
+    else return props.source.slice(0, 5)
+})
+
+const handleToggleShowAll = () => {
+    showAllSource.value = !showAllSource.value
+}
+</script>
diff --git a/package-lock.json b/package-lock.json
index 8be2fc3..fdc6836 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3717,8 +3717,6 @@
     },
     "node_modules/@parcel/watcher-wasm/node_modules/napi-wasm": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-      "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
       "inBundle": true,
       "license": "MIT"
     },
@@ -17780,8 +17778,6 @@
       "dependencies": {
         "napi-wasm": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmmirror.com/napi-wasm/-/napi-wasm-1.1.0.tgz",
-          "integrity": "sha512-lHwIAJbmLSjF9VDRm9GoVOy9AGp3aIvkjv+Kvz9h16QR3uSVYH78PNQUnT2U4X53mhlnV2M7wrhibQ3GHicDmg==",
           "bundled": true
         }
       }
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index 8027d1b..bd734cf 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -76,17 +76,7 @@
                     <span>来源</span>
                 </div>
                 <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-                    <ULink v-for="(source, sourceIndex) in item.source" :to="source.link" target="_blank">
-                        <UCard :ui="{ body: { padding: 'sm:p-3 p-3' } }">
-                            <div class="flex flex-col space-y-1">
-                                <div class="justify-between flex space-x-1">
-                                    <span class="truncate"><UIcon class="mr-1" name="i-simple-icons-github" />{{ source.repo }}</span>
-                                    <span class="text-gray-200">{{ sourceIndex + 1 }}</span>
-                                </div>
-                                <div class="text-blue-500 truncate">{{ source.label }}</div>
-                            </div>
-                        </UCard>
-                    </ULink>
+                    <ISearchSource :source="item.source" />
                 </div>
                 <UDivider v-if="index !== data.length - 1" class="pt-2 pb-2" />
             </template>
@@ -197,8 +187,6 @@ const handleReGenerate = (index) => {
     })
 }
 
-const steps = ['', '问题分析', '代码搜索', '整理答案', '完成！']
-
 const data = ref([])
 
 const recommendQuestions = [
-- 
GitLab