feat: 添加配合超级粘贴插件实现的快存功能 支持图片预览

src/cpns/ClipFullData.vue

@@ -13,8 +13,13 @@
         <template v-if="fullData.type === 'text'">
           <div class="clip-full-content" v-text="fullData.data"></div>
         </template>
-        <div v-else-if="fullData.type === 'file'" class="clip-full-content">
+        <div v-else-if="fullData.type === 'image'">
-          <FileList :data="JSON.parse(fullData.data)"></FileList>
+          <div class="clip-full-content">
+            <img :src="fullData.data" />
+          </div>
+        </div>
+        <div v-else-if="fullData.type === 'file'">
+          <FileList class="clip-full-content" :data="JSON.parse(fullData.data)"></FileList>
         </div>
       </div>
     </Transition>

src/cpns/ClipOperate.vue

@@ -7,12 +7,15 @@
             id !== 'view' &&
             id !== 'open-folder' &&
             id !== 'un-collect' &&
-            id !== 'word-break') ||
+            id !== 'word-break' &&
+            id !== 'save-file') ||
           (id === 'collect' && item.collect !== true) ||
-          (id === 'view' && !isFullData && item.type !== 'image') ||
+          (id === 'view' && !isFullData) ||
           (id === 'open-folder' && item.type === 'file') ||
           (id === 'un-collect' && item.collect === true) ||
+          (id === 'save-file' && isFullData && item.type !== 'file') ||
           (id === 'word-break' &&
+            isFullData &&
             item.type === 'text' &&
             item.data.length <= 500 &&
             item.data.length >= 2)
@@ -46,6 +49,7 @@ const operation = [
   { id: 'collect', title: '收藏', icon: '⭐' },
   { id: 'un-collect', title: '取消收藏', icon: '📤' },
   { id: 'word-break', title: '分词', icon: '💣' },
+  { id: 'save-file', title: '保存', icon: '💾' },
   { id: 'remove', title: '删除', icon: '❌' }
 ]
 const handleOperateClick = ({ id, item }) => {
@@ -66,11 +70,18 @@ const handleOperateClick = ({ id, item }) => {
       window.db.updateDataBaseLocal(db)
       break
     case 'word-break':
-      const success = utools.redirect('超级分词', item.data)
+      utools.redirect('超级分词', item.data)
-      if (success) {
+      break
-      } else {
+    case 'save-file':
-        utools.shellOpenExternal('https://ziuchen.github.io/project/SmartWordBreak/')
+      const typeMap = {
+        text: 'text',
+        file: 'files',
+        image: 'img'
       }
+      utools.redirect('收集文件', {
+        type: typeMap[item.type],
+        data: item.data
+      })
       break
     case 'un-collect':
       item.collect = undefined

src/style/cpns/clip-full-data.less

@@ -31,6 +31,9 @@
     padding: 20px;
     border-radius: 5px;
     background-color: @text-bg-color;
+    img {
+      max-width: 100%;
+    }
   }
   &::-webkit-scrollbar {
     width: 10px;

src/views/Main.vue

@@ -183,10 +183,7 @@ const fullData = ref({ type: 'text', data: '' })
 const fullDataShow = ref(false)
 const toggleFullData = (item) => {
   // 是否显示全部数据 (查看全部)
-  const { type } = item
+  fullData.value = item
-  if (type === 'text' || type === 'file') {
-    fullData.value = item
-  }
   fullDataShow.value = !fullDataShow.value
 }