From b4766a503d37f5b856312a39faa13352f4bd61e6 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 29 May 2024 14:51:52 +0800
Subject: [PATCH] Update Create.vue

---
 components/i/Create.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/i/Create.vue b/components/i/Create.vue
index c54bc68..67c1655 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -22,14 +22,27 @@
                     value-attribute="label"
                     option-attribute="label"
                 >
-                    <UButton color="gray" variant="ghost" trailing-icon="i-heroicons-chevron-down-20-solid" :label="selectedRepo || '选择 GitHub 项目'" />
+                    <UButton color="gray" variant="ghost" :class="{ 'group': selectedRepo }">
+                        <span>{{ selectedRepo || '选择 GitHub 项目' }}</span>
+                        <UIcon name="i-heroicons-chevron-down-20-solid" class="text-xl flex group-hover:hidden" />
+                        <UButton
+                            v-if="selectedRepo"
+                            class="hidden group-hover:flex"
+                            @click.stop.prevent="handleClearRepo"
+                            icon="i-heroicons-x-mark-20-solid"
+                            :padded="false"
+                            color="gray"
+                            variant="link"
+                        />
+                    </UButton>
                 </USelectMenu>
                 <UButton
                     trailing-icon="i-heroicons-chevron-right-20-solid"
                     @click="handleSearch"
                     :loading="loading"
                     :disabled="query === ''"
-                >搜索</UButton>
+                    label="搜索"
+                />
             </div>
         </UCard>
     </div>
@@ -72,6 +85,9 @@ const handleSearch = async () => {
         $getSearchHistory()
     })  
 }
+function handleClearRepo () {
+    selectedRepo.value = ''
+}
 nextTick(async () => {
     if (!$repos.value.length) {
         const { data } = await useRequest('/v1/chat/repository')
-- 
GitLab