From 5e07f667b70f8f4fa3748dbda615c262914c2325 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Sun, 4 Sep 2022 13:57:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=B6=E8=97=8F=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=AE=8C=E6=95=B4=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cpns/ClipItemList.vue | 9 ++++++++-
 src/views/Main.vue        | 5 ++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/cpns/ClipItemList.vue b/src/cpns/ClipItemList.vue
index 3cc6e80..ec6c039 100644
--- a/src/cpns/ClipItemList.vue
+++ b/src/cpns/ClipItemList.vue
@@ -49,7 +49,12 @@
       </div>
       <div class="clip-operate" v-show="activeIndex === index">
         <template v-for="{ id, title } of operation">
-          <div :class="id" :title="title" @click.stop="handleOperateClick({ id, item })">
+          <div
+            v-if="id !== 'collect' || (id === 'collect' && item.collect !== true)"
+            :class="id"
+            :title="title"
+            @click.stop="handleOperateClick({ id, item })"
+          >
             {{ title.slice(0, 1) }}
           </div>
         </template>
@@ -101,6 +106,8 @@ const handleOperateClick = ({ id, item }) => {
       window.copy(item)
       break
     case 'collect':
+      item.collect = true // important
+      window.db.updateDataBaseLocal(db)
       break
     case 'remove':
       window.remove(item)
diff --git a/src/views/Main.vue b/src/views/Main.vue
index 9576336..763bc5d 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -39,7 +39,9 @@ const showList = ref([]) // 展示的数据
 const updateShowList = (type) => {
   // 更新显示列表
   showList.value = list.value
-    .filter((item) => (type === 'all' ? item : item.type === type)) // 是 all则返回所有 否则按照 type返回
+    .filter((item) =>
+      type === 'collect' ? item.collect === true : type === 'all' ? item : item.type === type
+    ) // 是 collect则返回所有收藏 否则按照 type返回
     .filter((item) => (filterText.value ? item.type !== 'image' : item)) // 有过滤词 排除掉图片 DataURL
     .filter(
       (item) =>
@@ -48,6 +50,7 @@ const updateShowList = (type) => {
           : item // 无过滤词 返回全部
     )
     .slice(0, GAP) // 重新切分懒加载列表
+  console.log(showList.value)
   window.toTop()
 }