memory analysis click to key content && update version

README.md

@@ -20,7 +20,7 @@
 ## Windows
 
 - Download latest [exe](https://github.com/qishibo/AnotherRedisDesktopManager/releases) package from [release](https://github.com/qishibo/AnotherRedisDesktopManager/releases) [or [gitee](https://gitee.com/qishibo/AnotherRedisDesktopManager/releases) in China], double click to install.
-- Or by [**Chocolatey**](https://chocolatey.org/): `choco install another-redis-desktop-manager`
+- Or by **chocolatey**: `choco install another-redis-desktop-manager`
 - Or by **winget**: `winget install qishibo.AnotherRedisDesktopManager`
 - Or **sponsor** by win store, It's not free, and I will be very grateful to you.
 <br/><a href="https://www.microsoft.com/store/apps/9MTD84X0JFHZ?cid=storebadge&ocid=badge"><img src="https://cdn.jsdelivr.net/gh/qishibo/img/microsoft-store.png" height="58" width="180" alt="get from microsoft store"></a>

README.zh-CN.md

@@ -17,7 +17,7 @@
 ## Windows
 
 - 可以在[github](https://github.com/qishibo/AnotherRedisDesktopManager/releases) 或者 [gitee](https://gitee.com/qishibo/AnotherRedisDesktopManager/releases)下载`exe`安装包
-- 或者通过[**Chocolatey**](https://chocolatey.org/): `choco install another-redis-desktop-manager`
+- 或者通过**chocolatey**: `choco install another-redis-desktop-manager`
 - 或者通过**winget**: `winget install qishibo.AnotherRedisDesktopManager`
 - 或者通过Win Store**赞助**，然后让Win Store帮你自动更新版本
 <br/><a href="https://www.microsoft.com/store/apps/9MTD84X0JFHZ?cid=storebadge&ocid=badge"><img src="https://cdn.jsdelivr.net/gh/qishibo/img/microsoft-store.png" height="58" width="180" alt="get from microsoft store"></a>

pack/electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "another-redis-desktop-manager",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "A faster, better and more stable redis desktop manager.",
   "author": "Another",
   "private": true,

src/components/MemoryAnalysis.vue

@@ -169,11 +169,13 @@ export default {
       for (const item of keysList) {
         const li = document.createElement('li');
         const byte = document.createElement('span');
-        li.textContent = item[0]; // key
-        // byte.textContent = item[1]; // byte
-        byte.textContent = this.$util.humanFileSize(item[1]); // byte
-        li.appendChild(byte);
+        const key = this.$util.bufToString(item[0]);
 
+        li.textContent = key;
+        li.setAttribute('key', key);
+        byte.textContent = this.$util.humanFileSize(item[1]);
+        
+        li.appendChild(byte);
         flag.appendChild(li);
       }
 
@@ -228,6 +230,16 @@ export default {
       const showKeys = this.keysList.slice(0, this.showMax);
       this.insertIntoDom(showKeys, true);
     },
+    initClickKey() {
+      // add click to ol instead of li
+      this.$refs.keysList.addEventListener('click', e => {
+        const li = e.srcElement;
+        if (li && li.hasAttribute('key')) {
+          const key = li.getAttribute('key');
+          this.$bus.$emit('clickedKey', this.client, this.$util.xToBuffer(key), true);
+        }
+      });
+    },
     initShortcut() {
       this.$shortcut.bind('ctrl+r, ⌘+r, f5', this.hotKeyScope, () => {
         // scanning not finished, return
@@ -243,6 +255,7 @@ export default {
   mounted() {
     this.initKeys();
     this.initShortcut();
+    this.initClickKey();
   },
   beforeDestroy() {
     this.$shortcut.deleteScope(this.hotKeyScope);
@@ -274,6 +287,9 @@ export default {
   /*keys body li*/
   .memory-analysis-container .keys-body li {
     border-bottom: 1px solid #d0d0d0;
+    cursor:  pointer;
+    padding: 0 4px;
+    font-size: 92%;
   }
   .dark-mode .memory-analysis-container .keys-body li {
     border-bottom: 1px solid #444444;