feat: 为每次复制添加toast提示

This commit is contained in:
ZiuChen 2022-09-18 09:23:45 +08:00
parent 68d1e46870
commit d48df53173
4 changed files with 37 additions and 8 deletions

View File

@ -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)
}

View File

@ -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)

View File

@ -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)
})

View File

@ -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) => {