fix: block copy action when double click refresh button inside #124
This commit is contained in:
parent
9564272fd8
commit
700a54081b
|
@ -10,7 +10,7 @@ import { useI18n } from 'vue-i18n'
|
||||||
import IconButton from '@/components/common/IconButton.vue'
|
import IconButton from '@/components/common/IconButton.vue'
|
||||||
import Copy from '@/components/icons/Copy.vue'
|
import Copy from '@/components/icons/Copy.vue'
|
||||||
import { ClipboardSetText } from 'wailsjs/runtime/runtime.js'
|
import { ClipboardSetText } from 'wailsjs/runtime/runtime.js'
|
||||||
import { computed, nextTick, onUnmounted, reactive, ref, watch } from 'vue'
|
import { computed, onUnmounted, reactive, watch } from 'vue'
|
||||||
import { NIcon, useThemeVars } from 'naive-ui'
|
import { NIcon, useThemeVars } from 'naive-ui'
|
||||||
import { timeout } from '@/utils/promise.js'
|
import { timeout } from '@/utils/promise.js'
|
||||||
import AutoRefreshForm from '@/components/common/AutoRefreshForm.vue'
|
import AutoRefreshForm from '@/components/common/AutoRefreshForm.vue'
|
||||||
|
@ -107,11 +107,7 @@ const onToggleRefresh = (on) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const blockCopy = ref(false)
|
|
||||||
const onCopyKey = () => {
|
const onCopyKey = () => {
|
||||||
if (blockCopy.value) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
ClipboardSetText(props.keyPath)
|
ClipboardSetText(props.keyPath)
|
||||||
.then((succ) => {
|
.then((succ) => {
|
||||||
if (succ) {
|
if (succ) {
|
||||||
|
@ -123,17 +119,6 @@ const onCopyKey = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const onReload = () => {
|
|
||||||
blockCopy.value = true
|
|
||||||
emit('reload')
|
|
||||||
|
|
||||||
nextTick(() => {
|
|
||||||
setTimeout(() => {
|
|
||||||
blockCopy.value = false
|
|
||||||
}, 300)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const onTTL = () => {
|
const onTTL = () => {
|
||||||
dialogStore.openTTLDialog({
|
dialogStore.openTTLDialog({
|
||||||
server: props.server,
|
server: props.server,
|
||||||
|
@ -152,7 +137,11 @@ const onTTL = () => {
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<n-popover :delay="500" keep-alive-on-hover placement="bottom" trigger="hover">
|
<n-popover :delay="500" keep-alive-on-hover placement="bottom" trigger="hover">
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<icon-button :loading="props.loading" size="18" @click="onReload">
|
<icon-button
|
||||||
|
:loading="props.loading"
|
||||||
|
size="18"
|
||||||
|
@click="emit('reload')"
|
||||||
|
@dblclick.stop="() => {}">
|
||||||
<n-icon :size="props.size">
|
<n-icon :size="props.size">
|
||||||
<refresh
|
<refresh
|
||||||
:class="{ 'auto-rotate': autoRefresh.on }"
|
:class="{ 'auto-rotate': autoRefresh.on }"
|
||||||
|
|
Loading…
Reference in New Issue