update

2025-04-16 21:19:34 +08:00
parent 0c5e4e4f30
commit b9a9d8b0af
7 changed files with 428 additions and 82 deletions
@@ -0,0 +1,44 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+// 定义面板名称的类型，方便管理和引用 (恢复 commandBar)
+export type PaneName = 'connections' | 'terminal' | 'commandBar' | 'fileManager' | 'editor' | 'statusMonitor';
+
+// 定义 Store
+export const useLayoutStore = defineStore('layout', () => {
+  // 使用 ref 创建响应式状态，存储每个面板的可见性 (恢复 commandBar)
+  const paneVisibility = ref<Record<PaneName, boolean>>({
+    connections: true,
+    terminal: true,
+    commandBar: true, // 恢复
+    fileManager: true,
+    editor: true,
+    statusMonitor: true,
+  });
+
+  // Action: 切换指定面板的可见性
+  function togglePaneVisibility(paneName: PaneName) {
+    if (paneVisibility.value[paneName] !== undefined) {
+      paneVisibility.value[paneName] = !paneVisibility.value[paneName];
+      console.log(`[Layout Store] Toggled visibility for ${paneName}: ${paneVisibility.value[paneName]}`);
+    } else {
+      console.warn(`[Layout Store] Attempted to toggle visibility for unknown pane: ${paneName}`);
+    }
+  }
+
+  // Action: 设置指定面板的可见性
+  function setPaneVisibility(paneName: PaneName, isVisible: boolean) {
+    if (paneVisibility.value[paneName] !== undefined) {
+      paneVisibility.value[paneName] = isVisible;
+      console.log(`[Layout Store] Set visibility for ${paneName} to: ${isVisible}`);
+    } else {
+      console.warn(`[Layout Store] Attempted to set visibility for unknown pane: ${paneName}`);
+    }
+  }
+
+  return {
+    paneVisibility,
+    togglePaneVisibility,
+    setPaneVisibility,
+  };
+});