Update Header.vue

components/i/search/Header.vue

@@ -14,12 +14,15 @@
                 />
             </div>
             <div class="flex gap-2">
-                <IActionThread />
+                <IActionThread
+                    :collection_id="$selectCollectionId.length ? $selectCollectionId[0] : ''"
+                    :c_id="state.id"
+                />
                 <UButton
                     color="gray"
                     variant="ghost"
                     leading-icon="i-heroicons-plus-small"
-                    :label="$selectCollectionId.length > 0 ? '已收藏' : '收藏'"
+                    :label="$selectCollectionId.length ? '已收藏' : '收藏'"
                     @click="handleOpenSelect"
                 />
                 <UPopover v-model:open="isShareOpen">
@@ -91,6 +94,10 @@ const props = defineProps({
         default: false
     }
 })
+const state = reactive({
+    id: route.params.id
+})
+const Layout = inject('Layout')
 const emits = defineEmits(['update-query'])
 const isEditTitle = ref(false)
 const titleRef = ref(null)
@@ -112,7 +119,7 @@ function handleBlurTitle () {
     emits('update-query', editTitle.value)
 }
 async function handleUpdateOpenState (state) {
-    const { data } = await useRequest(`/v1/chat/${route.params.id}/public/${state}`, { method: 'post' })
+    const { data } = await useRequest(`/v1/chat/${state.id}/public/${state}`, { method: 'post' })
     if (data.value) isOpen.value = state
 }
 function handleCopyLink (url) {
@@ -136,10 +143,10 @@ async function handleSetOpenState() {
     }
 }
 function handleOpenSelect () {
-    $openLibrarySelect(route.params.id)
+    $openLibrarySelect(state.id, $selectCollectionId.value)
 }
 async function initData () {
-    const { data, error } = await findRecordCollection(route.params.id)
+    const { data, error } = await findRecordCollection(state.id)
     if (!error.value) {
         const ids = data.value.data.map(item => item.collection_id)
         $setSelectCollectionId(ids)
@@ -154,4 +161,14 @@ defineExpose({
     handleUpdateOpenState,
     handleCopyLink
 })
+function handleRemoveCollect (data) {
+    const { c_id } = data.value
+    if (c_id === state.id) {
+        $setSelectCollectionId([])
+        Layout.handleClearRemoveCollectData()
+    }
+}
+watch(()=> Layout.removeCollectData, (data) => {
+    if (data.value !== null) handleRemoveCollect(data)
+}, { deep: true })
 </script>
\ No newline at end of file