lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: encapsulate connection state and behavior into classes

This commit is contained in:
Lykin 2023-12-26 15:40:31 +08:00
parent 21a569d9bb
commit 0fb93258e9
3 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/dialogs/NewKeyDialog.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import { computed, h, reactive, ref, watch } from 'vue' import { computed, h, nextTick, reactive, ref, watch } from 'vue'
import { types, typesColor } from '@/consts/support_redis_type.js' import { types, typesColor } from '@/consts/support_redis_type.js'
import useDialog from 'stores/dialog' import useDialog from 'stores/dialog'
import { endsWith, get, isEmpty, keys, map, trim } from 'lodash' import { endsWith, get, isEmpty, keys, map, trim } from 'lodash'
@ -148,6 +148,7 @@ const onAdd = async () => {
}) })
if (success) { if (success) {
// select current key // select current key
await nextTick()
tabStore.setSelectedKeys(server, nodeKey) tabStore.setSelectedKeys(server, nodeKey)
browserStore.loadKeySummary({ server, db, key, clearValue: true }) browserStore.loadKeySummary({ server, db, key, clearValue: true })
} else if (!isEmpty(msg)) { } else if (!isEmpty(msg)) {

8
frontend/src/objects/redisNodeItem.js
View File

@ -1,4 +1,4 @@
import { isEmpty, remove, size, sortBy, sortedIndexBy, sumBy } from 'lodash' import { isEmpty, remove, size, sortedIndexBy, sumBy } from 'lodash'
import { ConnectionType } from '@/consts/connection_type.js' import { ConnectionType } from '@/consts/connection_type.js'
/** /**
@ -79,7 +79,7 @@ export class RedisNodeItem {
} else if (this.type === ConnectionType.RedisKey || this.type === ConnectionType.RedisDB) { } else if (this.type === ConnectionType.RedisKey || this.type === ConnectionType.RedisDB) {
let keyCount = 0 let keyCount = 0
if (!isEmpty(this.children)) { if (!isEmpty(this.children)) {
if (skipSort !== true) { if (!!!skipSort) {
this.sortChildren() this.sortChildren()
} }
for (const child of this.children) { for (const child of this.children) {
@ -98,7 +98,9 @@ export class RedisNodeItem {
} }
sortChildren() { sortChildren() {
sortBy(this.children, (item) => item.key) this.children.sort((a, b) => {
return a.key > b.key ? 1 : -1
})
} }
/** /**

7
frontend/src/stores/browser.js
View File

@ -282,10 +282,6 @@ const useBrowserStore = defineStore('browser', {
throw new Error(msg) throw new Error(msg)
} }
const { keys = [], end = false, maxKeys = 0 } = data const { keys = [], end = false, maxKeys = 0 } = data
const selDB = this.getDatabase(server, db)
if (selDB == null) {
return
}
/** @type {RedisServerState} **/ /** @type {RedisServerState} **/
const serverInst = this.servers[server] const serverInst = this.servers[server]
@ -297,13 +293,12 @@ const useBrowserStore = defineStore('browser', {
serverInst.loadingState.fullLoaded = end serverInst.loadingState.fullLoaded = end
if (isEmpty(keys)) { if (isEmpty(keys)) {
selDB.children = []
serverInst.nodeMap.clear() serverInst.nodeMap.clear()
} else { } else {
// append db node to current connection's children // append db node to current connection's children
serverInst.addKeyNodes(keys) serverInst.addKeyNodes(keys)
} }
serverInst.tidyNode() serverInst.tidyNode('', false)
}, },
/** /**