フロー保存の実装

frontend/src/components/left/EventTree.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="q-pa-md q-gutter-sm">
+  <!-- <div class="q-pa-md q-gutter-sm"> -->
     <q-tree
       :nodes="store.eventTree.screens"
       node-key="label"
       children-key="events"
       no-connectors
-      v-model:expanded="expanded"
+      v-model:expanded="store.expandedScreen"
       :dense="true"
     >
       <template v-slot:default-header="prop">
@@ -19,7 +19,7 @@
         </div>
       </template>
     </q-tree>
-  </div>
+  <!-- </div> -->
 </template>
 
 <script lang="ts">
@@ -36,9 +36,7 @@ export default defineComponent({
     // const eventTree=ref(kintoneEvents);
     // const selectedFlow = store.currentFlow;
 
-    const expanded=ref([
-        store.currentFlow?.getRoot()?.title
-    ]);
+    // const expanded=ref();
     const selectedEvent = ref<IKintoneEvent|null>(null);
     const onSelected=(node:IKintoneEvent)=>{
         if(!node.eventId){
@@ -63,7 +61,7 @@ export default defineComponent({
     }
     return {
       // eventTree,
-      expanded,
+      // expanded,
       onSelected,
       selectedEvent,
       store