收藏夹

components/i/library/select.vue

@@ -40,7 +40,8 @@ const isOpenSelect = ref(false)
 function handleClose () {
     isOpenSelect.value = false
 }
-function handleOpen () {
+function handleOpen (id) {
     isOpenSelect.value = true
 }
+defineExpose({ handleOpen })
 </script>

components/i/library/thread.vue

@@ -40,6 +40,7 @@
                     variant="ghost"
                     size="2xs"
                     icon="i-heroicons-plus"
+                    @click="handleOpenSelect"
                 />
             </UTooltip>
             <UDropdown class="flex flex-grow" :items="actionItems">
@@ -55,6 +56,7 @@
     <UDivider />
 </template>
 <script setup>
+const Library = inject('Library')
 const textColor = 'text-gray-500 dark:text-gray-400'
 const actionItems = [
     [
@@ -72,4 +74,7 @@ const actionItems = [
         }
     ]
 ]
+function handleOpenSelect (id) {
+    Library.handleOpenSelect(id)
+}
 </script>
\ No newline at end of file

pages/library.vue

@@ -58,8 +58,14 @@
 <script setup>
 const searchQuery = ref('')
 const refCreate = ref(null)
-const refSelect = ref(null)
 function handleOpenCreateLibrary () {
     refCreate.value.handleOpen()
 }
+const refSelect = ref(null)
+function handleOpenSelect (id) {
+    refSelect.value.handleOpen(id)
+}
+provide('Library', {
+    handleOpenSelect
+})
 </script>