From 22f71e467615f5fdce9402907a048285bc10a126 Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 23 Aug 2023 16:51:55 +0800
Subject: [PATCH] perf: add expand/collapse group folder with double click

---
 frontend/src/components/sidebar/ConnectionTree.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/components/sidebar/ConnectionTree.vue b/frontend/src/components/sidebar/ConnectionTree.vue
index d7e7388..ee3313f 100644
--- a/frontend/src/components/sidebar/ConnectionTree.vue
+++ b/frontend/src/components/sidebar/ConnectionTree.vue
@@ -216,11 +216,23 @@ const removeGroup = async (name) => {
     })
 }
 
+const expandKey = (key) => {
+    const idx = indexOf(expandedKeys.value, key)
+    if (idx === -1) {
+        expandedKeys.value.push(key)
+    } else {
+        expandedKeys.value.splice(idx, 1)
+    }
+}
+
 const nodeProps = ({ option }) => {
     return {
         onDblclick: async () => {
             if (option.type === ConnectionType.Server) {
                 openConnection(option.name).then(() => {})
+            } else if (option.type === ConnectionType.Group) {
+                // toggle expand
+                nextTick().then(() => expandKey(option.key))
             }
         },
         onContextmenu(e) {