收藏夹

components/i/library/select.vue

@@ -17,6 +17,7 @@
                     leading-icon="i-heroicons-plus-20-solid"
                     label="创建新集合"
                     color="gray"
+                    @click="handleOpenCreate"
                 />
                 <div class="flex flex-col gap-2">
                     <UButton color="white" size="md" class="flex">
@@ -36,6 +37,7 @@
     </UModal>
 </template>
 <script setup>
+const Library = inject('Library')
 const isOpenSelect = ref(false)
 function handleClose () {
     isOpenSelect.value = false
@@ -44,4 +46,8 @@ function handleOpen (id) {
     isOpenSelect.value = true
 }
 defineExpose({ handleOpen })
+function handleOpenCreate () {
+    handleClose()
+    Library.handleOpenCreateLibrary()
+}
 </script>

components/i/library/thread.vue

@@ -60,9 +60,19 @@ const Library = inject('Library')
 const textColor = 'text-gray-500 dark:text-gray-400'
 const actionItems = [
     [
+        {
+            label: '添加到收藏',
+            icon: 'i-heroicons-plus',
+            click: () => {
+                handleOpenSelect()
+            }
+        },
         {
             label: '更改集合',
-            icon: 'i-heroicons-squares-plus'
+            icon: 'i-heroicons-squares-plus',
+            click: () => {
+                handleOpenSelect()
+            }
         },
         {
             label: '从收藏中移除',

pages/library.vue

@@ -66,6 +66,7 @@ function handleOpenSelect (id) {
     refSelect.value.handleOpen(id)
 }
 provide('Library', {
-    handleOpenSelect
+    handleOpenSelect,
+    handleOpenCreateLibrary
 })
 </script>