From f4af12e76285f3ef61ebafe7cb87745f20f1250c Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Sat, 24 Sep 2022 22:53:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E5=9C=A8=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E5=B1=95=E7=A4=BA=E7=9B=91=E5=90=AC=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=8F=E8=BF=90=E8=A1=8C=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/global/initPlugin.js      |  4 ++--
 src/global/registerElement.js |  7 +++++--
 src/style/cpns/setting.less   |  6 +++++-
 src/views/Setting.vue         | 20 ++++++++++++++++++--
 4 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/global/initPlugin.js b/src/global/initPlugin.js
index 82b9bc7..2200746 100644
--- a/src/global/initPlugin.js
+++ b/src/global/initPlugin.js
@@ -239,8 +239,8 @@ export default function initPlugin() {
       utools.outPlugin()
     }
     const errorHandler = (error) => {
-      const info = '请手动安装 clipboard-event-handler 到 剪贴板数据库目录'
-      utools.showNotification('启动剪贴板监听出错: ' + error + info)
+      const info = '请到设置页手动安装 clipboard-event-handler 剪贴板监听程序'
+      utools.showNotification('启动剪贴板监听程序启动出错: ' + error + info)
       addCommonListener()
     }
     listener
diff --git a/src/global/registerElement.js b/src/global/registerElement.js
index 7ddab2c..daffe7a 100644
--- a/src/global/registerElement.js
+++ b/src/global/registerElement.js
@@ -9,6 +9,7 @@ import 'element-plus/theme-chalk/el-input.css'
 import 'element-plus/theme-chalk/el-select.css'
 import 'element-plus/theme-chalk/el-option.css'
 import 'element-plus/theme-chalk/el-scrollbar.css'
+import 'element-plus/theme-chalk/el-tag.css'
 import {
   ElButton,
   ElMessageBox,
@@ -17,7 +18,8 @@ import {
   ElInput,
   ElSelect,
   ElOption,
-  ElScrollbar
+  ElScrollbar,
+  ElTag
 } from 'element-plus'
 
 const components = [
@@ -28,7 +30,8 @@ const components = [
   ElInput,
   ElSelect,
   ElOption,
-  ElScrollbar
+  ElScrollbar,
+  ElTag
 ]
 
 document.querySelector('html').className = utools.isDarkColors() ? 'dark' : ''
diff --git a/src/style/cpns/setting.less b/src/style/cpns/setting.less
index 9e19af8..dcd0c99 100644
--- a/src/style/cpns/setting.less
+++ b/src/style/cpns/setting.less
@@ -12,12 +12,16 @@
           width: 85px;
         }
         &.operation-select {
-          width: 450px;
+          width: 520px;
         }
       }
       .el-textarea {
         width: 70%;
       }
+      .el-tag {
+        margin: 0 10px;
+        cursor: pointer;
+      }
       .path {
         width: 65%;
       }
diff --git a/src/views/Setting.vue b/src/views/Setting.vue
index e9c7929..a2efade 100644
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -3,11 +3,21 @@
     <el-card class="setting-card">
       <template #header>
         <el-button type="primary" @click="handleLinkClick(0)">🚀 主页</el-button>
-        <el-button @click="handleLinkClick(1)">⚡ 手动安装剪贴板监听程序</el-button>
+        <el-button @click="handleLinkClick(1)">⚡ 迁移数据 | 云同步 | 自定义功能</el-button>
         <el-button @click="handleLinkClick(2)">⭐ 开源代码</el-button>
         <el-button @click="handleLinkClick(3)">🎈 论坛发布页</el-button>
       </template>
       <div class="setting-card-content">
+        <div class="setting-card-content-item">
+          <span>剪贴板监听程序状态</span>
+          <el-tag
+            :type="listenStatus ? 'success' : 'warning'"
+            @click="handleLinkClick(1)"
+            title="手动安装剪贴板监听程序"
+          >
+            {{ listenStatus ? '已安装' : '未安装' }}
+          </el-tag>
+        </div>
         <div class="setting-card-content-item">
           <span>数据库路径</span>
           <el-input class="path" v-model="path" :title="path" disabled></el-input>
@@ -65,7 +75,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import setting from '../global/readSetting'
 import restoreSetting from '../global/restoreSetting'
@@ -82,6 +92,8 @@ const shown = ref(operation.shown)
 const custom = ref(operation.custom)
 const stringCustom = ref(JSON.stringify(operation.custom))
 
+const listenStatus = ref(false)
+
 const handleLinkClick = (index) => {
   const links = [
     'https://ziuchen.gitee.io/project/ClipboardManager/',
@@ -168,6 +180,10 @@ const handleRestoreBtnClick = () => {
     })
     .catch(() => {})
 }
+
+onMounted(() => {
+  listenStatus.value = window.listener.listening
+})
 </script>
 
 <style lang="less" scoped>