From 2e7fd4356f295418b86d1fb35ff6efb43200f8bd Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 31 May 2024 14:21:56 +0800
Subject: [PATCH] 132

---
 components/i/action/Thread.vue  | 11 ++++++++++-
 components/i/library/Thread.vue | 12 +++++++++++-
 layouts/default.vue             | 14 ++++++++++++--
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/components/i/action/Thread.vue b/components/i/action/Thread.vue
index 4ab25ce..195e7d5 100644
--- a/components/i/action/Thread.vue
+++ b/components/i/action/Thread.vue
@@ -10,6 +10,8 @@
 </template>
 <script setup>
 const { $openLibrarySelect } = useLibraryStore()
+const { deleteCollectionRecord } = useCollectionRequest()
+const Layout = inject('Layout')
 const props = defineProps({
     collection_id: {
         type: [String, Number],
@@ -33,7 +35,14 @@ const actionItems = computed(() => {
             },
             {
                 label: '从收藏中移除',
-                icon: 'i-heroicons-x-mark'
+                icon: 'i-heroicons-x-mark',
+                click: async () => {
+                    await deleteCollectionRecord(props.collection_id, props.c_id)
+                    Layout.handleRemoveCollectData({
+                        collection_id: props.collection_id,
+                        c_id: props.c_id
+                    })
+                }
             }
         ]
     } else {
diff --git a/components/i/library/Thread.vue b/components/i/library/Thread.vue
index bac376e..b8b1396 100644
--- a/components/i/library/Thread.vue
+++ b/components/i/library/Thread.vue
@@ -81,10 +81,20 @@ function handleUpdateCollect (data) {
     const { c_id } = data.value
     if (c_id === thread.value.c_id) {
         thread.value.collections = [data.value]
-        Layout.clearCollectData()
+        Layout.handleClearCollectData()
+    }
+}
+function handleRemoveCollect (data) {
+    const { c_id } = data.value
+    if (c_id === thread.value.c_id) {
+        thread.value.collections = []
+        Layout.handleClearRemoveCollectData()
     }
 }
 watch(()=> Layout.selectCollectData, (data) => {
     if (data.value !== null) handleUpdateCollect(data)
 }, { deep: true })
+watch(()=> Layout.removeCollectData, (data) => {
+    if (data.value !== null) handleRemoveCollect(data)
+}, { deep: true })
 </script>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index b7f1aa3..c3e8cc1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -35,6 +35,7 @@
 <script setup>
 const isOpenAside = ref(false)
 const selectCollectData = ref(null)
+const removeCollectData = ref(null)
 function handleToggleAside () {
     isOpenAside.value = !isOpenAside.value
 }
@@ -44,12 +45,21 @@ function handleCloseAside () {
 function handleCollectSuccess (data) {
     selectCollectData.value = data
 }
-function clearCollectData () {
+function handleClearCollectData () {
     selectCollectData.value = null
 }
+function handleRemoveCollectData (data) {
+    removeCollectData.value = data
+}
+function handleClearRemoveCollectData () {
+    removeCollectData.value = null
+}
 provide('Layout', {
     handleCloseAside,
     selectCollectData,
-    clearCollectData
+    handleClearCollectData,
+    removeCollectData,
+    handleRemoveCollectData,
+    handleClearRemoveCollectData
 })
 </script>
-- 
GitLab