action 封装为组件

components/i/action/thread.vue

+<template>
+    <UDropdown class="flex flex-grow" :items="actionItems">
+        <UButton
+            color="gray"
+            variant="ghost"
+            size="2xs"
+            icon="i-heroicons-ellipsis-horizontal"
+        />
+    </UDropdown>
+</template>
+<script setup>
+const actionItems = [
+    [
+        {
+            label: '添加到收藏',
+            icon: 'i-heroicons-plus',
+            click: () => {
+                handleOpenSelect()
+            }
+        },
+        {
+            label: '更改合集',
+            icon: 'i-heroicons-squares-plus',
+            click: () => {
+                handleOpenSelect()
+            }
+        },
+        {
+            label: '从收藏中移除',
+            icon: 'i-heroicons-x-mark'
+        },
+        {
+            label: '删除主题',
+            icon: 'i-heroicons-trash'
+        }
+    ]
+]
+</script>

components/i/library/thread.vue

@@ -43,14 +43,7 @@
                     @click="handleOpenSelect"
                 />
             </UTooltip>
-            <UDropdown class="flex flex-grow" :items="actionItems">
-                <UButton
-                    color="gray"
-                    variant="ghost"
-                    size="2xs"
-                    icon="i-heroicons-ellipsis-horizontal"
-                />
-            </UDropdown>
+            <IActionThread />
         </div>
     </div>
     <UDivider />
@@ -58,32 +51,6 @@
 <script setup>
 const { $openLibrarySelect } = useLibraryStore()
 const textColor = 'text-gray-500 dark:text-gray-400'
-const actionItems = [
-    [
-        {
-            label: '添加到收藏',
-            icon: 'i-heroicons-plus',
-            click: () => {
-                handleOpenSelect()
-            }
-        },
-        {
-            label: '更改合集',
-            icon: 'i-heroicons-squares-plus',
-            click: () => {
-                handleOpenSelect()
-            }
-        },
-        {
-            label: '从收藏中移除',
-            icon: 'i-heroicons-x-mark'
-        },
-        {
-            label: '删除主题',
-            icon: 'i-heroicons-trash'
-        }
-    ]
-]
 function handleOpenSelect (id) {
     $openLibrarySelect(id)
 }

components/i/search/Header.vue

@@ -14,10 +14,11 @@
                 />
             </div>
             <div class="flex gap-2">
+                <IActionThread />
                 <UButton
                     @click="handleOpenSelect" 
                     color="gray" variant="ghost" 
-                    leading-icon="i-heroicons-plus-20-solid"
+                    leading-icon="i-heroicons-plus-small"
                     :label="$selectCollectionId.length > 0 ? '已收藏' : '收藏'"
                 />
                 <UPopover v-model:open="isShareOpen">
@@ -76,7 +77,7 @@ const toast = useToast()
 const route = useRoute()
 const { $isSignIn } = storeToRefs(useUserStore())
 const { $selectCollectionId } = storeToRefs(useLibraryStore())
-const { $openLibraryCreate, $openLibrarySelect, $setSelectCollectionId } = useLibraryStore()
+const { $openLibrarySelect, $setSelectCollectionId } = useLibraryStore()
 const { findRecordCollection } = useCollectionRequest()
 const props = defineProps({
     query: String,