From d48df5317313d9a774a1e2c696cf5fefefaf3031 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Sun, 18 Sep 2022 09:23:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E6=AF=8F=E6=AC=A1=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E6=B7=BB=E5=8A=A0toast=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cpns/ClipItemList.vue     | 13 +++++++++++++
 src/cpns/ClipOperate.vue      |  5 +++++
 src/global/registerElement.js |  7 ++++---
 src/views/Main.vue            | 20 +++++++++++++++-----
 4 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/cpns/ClipItemList.vue b/src/cpns/ClipItemList.vue
index 879842f..457081d 100644
--- a/src/cpns/ClipItemList.vue
+++ b/src/cpns/ClipItemList.vue
@@ -60,6 +60,7 @@
 
 <script setup>
 import { ref, onMounted, watch } from 'vue'
+import { ElMessage } from 'element-plus'
 import FileList from './FileList.vue'
 import ClipOperate from './ClipOperate.vue'
 import { dateFormat } from '../utils'
@@ -170,6 +171,10 @@ const handleItemClick = (ev, item) => {
       // 右键 仅复制
       window.copy(item)
     }
+    ElMessage({
+      message: '复制成功',
+      type: 'success'
+    })
   }
 }
 const activeIndex = ref(0)
@@ -214,6 +219,10 @@ onMounted(() => {
         // 如果侧栏中有数据 证明侧栏是打开的 不执行复制
         if (!props.isMultiple) {
           window.copy(props.showList[activeIndex.value])
+          ElMessage({
+            message: '复制成功',
+            type: 'success'
+          })
         } else {
           emit('onMultiCopyExecute', false)
         }
@@ -222,6 +231,10 @@ onMounted(() => {
       if (!props.isMultiple) {
         window.copy(props.showList[activeIndex.value])
         window.paste()
+        ElMessage({
+          message: '复制成功',
+          type: 'success'
+        })
       } else {
         emit('onMultiCopyExecute', true)
       }
diff --git a/src/cpns/ClipOperate.vue b/src/cpns/ClipOperate.vue
index eae0388..97d48d4 100644
--- a/src/cpns/ClipOperate.vue
+++ b/src/cpns/ClipOperate.vue
@@ -29,6 +29,7 @@
 </template>
 
 <script setup>
+import { ElMessage } from 'element-plus'
 const props = defineProps({
   item: {
     type: Object,
@@ -58,6 +59,10 @@ const handleOperateClick = ({ id, item }) => {
   switch (id) {
     case 'copy':
       window.copy(item, false)
+      ElMessage({
+        message: '复制成功',
+        type: 'success'
+      })
       break
     case 'view':
       emit('onDataChange', item)
diff --git a/src/global/registerElement.js b/src/global/registerElement.js
index e99bc0d..4af980f 100644
--- a/src/global/registerElement.js
+++ b/src/global/registerElement.js
@@ -1,14 +1,15 @@
 import 'element-plus/theme-chalk/base.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import 'element-plus/theme-chalk/el-overlay.css'
-import { ElButton, ElMessageBox } from 'element-plus'
+import { ElButton, ElMessageBox, ElMessage } from 'element-plus'
 
-const components = [ElButton, ElMessageBox]
+const components = [ElButton, ElMessageBox, ElMessage]
 
 export default function registerElement(app) {
   components.forEach((c) => {
     let name = transferCamel(c.name)
-    if (name === 'message-box') name = 'el-message-box'
+    if (c.name === 'MessageBox') name = 'el-message-box'
+    if (c.name === 'message') name = 'el-message'
     require(`element-plus/theme-chalk/${name}.css`)
     app.component(name, c)
   })
diff --git a/src/views/Main.vue b/src/views/Main.vue
index 6fd0f47..a7caa2a 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -58,7 +58,7 @@
 
 <script setup>
 import { ref, watch, onMounted, computed, nextTick } from 'vue'
-import { ElMessageBox } from 'element-plus'
+import { ElMessageBox, ElMessage } from 'element-plus'
 import ClipCard from '../cpns/ClipCard.vue'
 import ClipItemList from '../cpns/ClipItemList.vue'
 import ClipFullData from '../cpns/ClipFullData.vue'
@@ -119,6 +119,10 @@ const handleMultiCopyBtnClick = (isPaste) => {
       data: result
     })
   }
+  ElMessage({
+    message: '复制成功',
+    type: 'success'
+  })
   isPaste && window.paste()
   ClipItemListRef.value.emptySelectItemList()
   isMultiple.value = false
@@ -163,10 +167,16 @@ const updateShowList = (type) => {
 
 const restoreDataBase = () => {
   // 清空数据库
-  if (window.confirm('确定要清空剪贴板记录吗?')) {
-    window.db.emptyDataBase()
-    updateShowList('all')
-  }
+  ElMessageBox.confirm('确定要清空剪贴板记录吗', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(() => {
+      window.db.emptyDataBase()
+      updateShowList('all')
+    })
+    .catch(() => {})
 }
 
 const handleNavClick = (type) => {