floweditorの動き修正

frontend/src/components/left/EventTree.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="q-pa-md q-gutter-sm">
     <q-tree
-      :nodes="eventTree.screens"
+      :nodes="store.eventTree.screens"
       node-key="label"
       children-key="events"
       no-connectors
@@ -24,28 +24,45 @@
 
 <script lang="ts">
 import { defineComponent, computed, ref } from 'vue';
-import { kintoneEvents,KintoneEvent } from '../../types/KintoneEvents';
+import { IKintoneEvent } from '../../types/KintoneEvents';
 import { storeToRefs } from 'pinia';
 import { useFlowEditorStore } from 'stores/flowEditor';
+import { ActionFlow, ActionNode, RootAction } from 'src/types/ActionTypes';
+import { S } from 'app/dist/spa/assets/QTable.50486f7c';
 export default defineComponent({
   name: 'EventTree',
   setup(props, context) {
     const store = useFlowEditorStore();
-    const eventTree=ref(kintoneEvents);
-    const selectedFlow = store.currentFlow;
+    // const eventTree=ref(kintoneEvents);
+    // const selectedFlow = store.currentFlow;
 
     const expanded=ref([
-      selectedFlow?.getRoot()?.title
+        store.currentFlow?.getRoot()?.title
     ]);
-    const selectedEvent = ref<KintoneEvent|null>(null);
-    const onSelected=(node:KintoneEvent)=>{
+    const selectedEvent = ref<IKintoneEvent|null>(null);
+    const onSelected=(node:IKintoneEvent)=>{
         if(!node.eventId){
           return;
         }
         selectedEvent.value=node;
+        if(store.appInfo===undefined){
+          return;
+        }
+        const screen = store.eventTree.findScreen(node.eventId);
+        let flow =store.findFlowByEventId(node.eventId);
+        const screenName=screen!==null?screen.label:"";
+        if(flow!==undefined && flow!==null ){
+          store.selectFlow(flow);
+        }else{
+          const root = new RootAction(node.eventId,screenName,node.label)
+            const flow =new ActionFlow(root);
+            store.flows?.push(flow);
+            store.selectFlow(flow);
+            selectedEvent.value.flowData=flow;
+        }
     }
     return {
-      eventTree,
+      // eventTree,
       expanded,
       onSelected,
       selectedEvent,