diff --git a/components/i/action/Collect.vue b/components/i/action/Collect.vue
index d83e9b84e54a526926ef1ecd1c11dda4957ed42a..ae67bcceed898cfeb0d8158878583d5a12a606be 100644
--- a/components/i/action/Collect.vue
+++ b/components/i/action/Collect.vue
@@ -9,6 +9,10 @@
     <ILibraryEdit :id="id" ref="refEdit" />
 </template>
 <script setup>
+import { IConfirm } from '#components'
+const { deleteCollection } = useCollectionRequest()
+const emit = defineEmits(['delete'])
+const modal = useModal()
 const props = defineProps({
     id: {
         type: [String, Number],
@@ -26,7 +30,10 @@ const actionItems = [
         },
         {
             label: '删除合集',
-            icon: 'i-heroicons-trash'
+            icon: 'i-heroicons-trash',
+            click: () => {
+                handleOpenDelete()
+            }
         }
     ]
 ]
@@ -34,4 +41,18 @@ const refEdit = ref(null)
 function handleOpen () {
     refEdit.value.open()
 }
+function handleOpenDelete () {
+    modal.open(IConfirm, {
+        title: '删除确认',
+        description: '确定要删除该合集吗？',
+        async onSuccess() {
+            modal.close()
+            await deleteCollection(props.id)
+            emit('delete')
+        },
+        onCancel () {
+            modal.close()
+        }
+    })
+}
 </script>
diff --git a/components/i/action/Thread.vue b/components/i/action/Thread.vue
index 2e3bb21283b9b563982ceb902a183a3eb7193331..b49a0c88ff08782058fd252b744062fa8ab4d6db 100644
--- a/components/i/action/Thread.vue
+++ b/components/i/action/Thread.vue
@@ -9,7 +9,7 @@
     </UDropdown>
 </template>
 <script setup>
-import { IConfirm } from '#components';
+import { IConfirm } from '#components'
 const { $openLibrarySelect, $getCollection } = useLibraryStore()
 const { deleteCollectionRecord, deleteThread } = useCollectionRequest()
 const Layout = inject('Layout')
diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index 1cd1b1bcb051802871c87f7bc80ef5f8aaf17acb..c44695d4450615dd6d8ac01e31ab33c688a93673 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -23,7 +23,7 @@
                 </div>
                 <div class="flex flex-grow justify-end items-center gap-4">
                     <div class="flex">
-                        <IActionCollect :id="collectId" />
+                        <IActionCollect :id="collectId" v-if="collect" />
                     </div>
                     <div class="flex">
                         <UInput