perf: replace delete button in bottom of content panel to disconnect

This commit is contained in:
tiny-craft 2023-08-23 16:40:04 +08:00
parent 0b8ee4bd91
commit 1702246609
1 changed files with 4 additions and 11 deletions

View File

@ -6,13 +6,13 @@ import IconButton from '@/components/common/IconButton.vue'
import useTabStore from 'stores/tab.js' import useTabStore from 'stores/tab.js'
import { computed, reactive, ref } from 'vue' import { computed, reactive, ref } from 'vue'
import { get } from 'lodash' import { get } from 'lodash'
import Delete from '@/components/icons/Delete.vue'
import Refresh from '@/components/icons/Refresh.vue' import Refresh from '@/components/icons/Refresh.vue'
import useDialogStore from 'stores/dialog.js' import useDialogStore from 'stores/dialog.js'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import useConnectionStore from 'stores/connections.js' import useConnectionStore from 'stores/connections.js'
import { types } from '@/consts/support_redis_type.js' import { types } from '@/consts/support_redis_type.js'
import Search from '@/components/icons/Search.vue' import Search from '@/components/icons/Search.vue'
import Unlink from '@/components/icons/Unlink.vue'
const themeVars = useThemeVars() const themeVars = useThemeVars()
const dialogStore = useDialogStore() const dialogStore = useDialogStore()
@ -35,8 +35,8 @@ const onNewKey = () => {
const i18n = useI18n() const i18n = useI18n()
const connectionStore = useConnectionStore() const connectionStore = useConnectionStore()
const onDeleteKey = () => { const onDisconnect = () => {
browserTreeRef.value?.handleSelectContextMenu('value_remove') browserTreeRef.value?.handleSelectContextMenu('server_close')
} }
const onRefresh = () => { const onRefresh = () => {
@ -94,14 +94,7 @@ const filterTypeOptions = computed(() => {
<!-- @click="filterForm.showFilter = !filterForm.showFilter"--> <!-- @click="filterForm.showFilter = !filterForm.showFilter"-->
<!-- />--> <!-- />-->
<div class="flex-item-expand"></div> <div class="flex-item-expand"></div>
<icon-button <icon-button :icon="Unlink" size="20" stroke-width="4" t-tooltip="disconnect" @click="onDisconnect" />
:disabled="currentSelect.key == null"
:icon="Delete"
size="20"
stroke-width="4"
t-tooltip="remove_key"
@click="onDeleteKey"
/>
</div> </div>
</div> </div>
</template> </template>