feat:TASK617-681修正

617:属性更新時Toast表示
618:フィールドの表示件数、初期ソード順変更
その他：フローエディタの不具合修正

frontend/src/components/FieldList.vue

@@ -1,13 +1,18 @@
 <template>
   <div class="q-pa-md">
     <q-table flat bordered :loading="!isLoaded" row-key="name" :selection="type" :selected="modelValue"
-      @update:selected="$emit('update:modelValue', $event)" :filter="filter" :columns="columns" :rows="rows" />
+      @update:selected="$emit('update:modelValue', $event)"
+      :filter="filter"
+      :columns="columns"
+      :rows="rows"
+      :pagination="pagination"
+      style="max-height: 55vh;"/>
   </div>
 </template>
 <script lang="ts">
 import { useAsyncState } from '@vueuse/core';
 import { api } from 'boot/axios';
-import { computed ,Prop,PropType} from 'vue';
+import { computed ,Prop,PropType,ref} from 'vue';
 import {IField} from 'src/types/ComponentTypes';
 
 export default {
@@ -50,7 +55,13 @@ export default {
       columns,
       rows,
       // selected: ref([]),
-      isLoaded
+      isLoaded,
+      pagination: ref({
+        rowsPerPage: 25,
+        sortBy: 'name',
+        descending: false,
+        page: 1,
+      })
     }
   },
 

frontend/src/components/FieldSelect.vue

@@ -46,10 +46,10 @@ export default {
       { name: 'type', label: 'フィールドタイプ', align: 'left', field: 'type', sortable: true }
     ];
     const pageSetting = ref({
-      sortBy: 'desc',
+      sortBy: 'name',
       descending: false,
       page: 1,
-      rowsPerPage: props.not_page ? 0 : 5
+      rowsPerPage: props.not_page ? 0 : 25
       // rowsNumber: xx if getting data from a server
     });
     const rows = reactive([]);

frontend/src/components/left/EventTree.vue

@@ -43,7 +43,7 @@ import { QTree, useQuasar } from 'quasar';
 import { ActionFlow, RootAction } from 'src/types/ActionTypes';
 import { useFlowEditorStore } from 'stores/flowEditor';
 import { defineComponent, ref,watchEffect } from 'vue';
-import { IKintoneEvent, IKintoneEventGroup, IKintoneEventNode } from '../../types/KintoneEvents';
+import { IKintoneEvent, IKintoneEventGroup, IKintoneEventNode, kintoneEvent } from '../../types/KintoneEvents';
 import FieldSelect from '../FieldSelect.vue';
 import ShowDialog from '../ShowDialog.vue';
 export default defineComponent({
@@ -89,12 +89,12 @@ export default defineComponent({
         if (store.eventTree.findEventById(eventid)) {
           return;
         }
-        selectedChangeEvent.value?.events.push({
-          eventId: eventid,
-          label: field.name,
-          parentId: selectedChangeEvent.value.eventId,
-          header: 'DELETABLE'
-        });
+        selectedChangeEvent.value?.events.push(new kintoneEvent(
+           field.name,
+           eventid,
+           selectedChangeEvent.value.eventId,
+          'DELETABLE'
+        ));
         tree.value?.expanded?.push(selectedChangeEvent.value.eventId);
         tree.value?.expandAll();
       }

frontend/src/components/right/EventSetter.vue

@@ -81,12 +81,12 @@ export default defineComponent({
         if(store.eventTree.findEventById(addEventId)){
           return;
         }
-        customEvents.events.push({
-          eventId: addEventId,
-          label: displayName,
-          parentId: customButtonId,
-          header: 'DELETABLE'
-        });
+        customEvents.events.push(new kintoneEvent(
+           displayName,
+          addEventId,
+          customButtonId,
+          'DELETABLE'
+        ));
       }
     }
     watchEffect(() => {

frontend/src/components/right/PropertyPanel.vue

@@ -30,8 +30,8 @@
    </div>
  </template>
  <script lang="ts">
- import {  ref,defineComponent, PropType ,watchEffect} from 'vue'
- import PropertyList from 'components/right/PropertyList.vue';
+import {  ref,defineComponent, PropType ,watchEffect} from 'vue'
+import PropertyList from 'components/right/PropertyList.vue';
 import { IActionNode, IActionProperty } from 'src/types/ActionTypes';
  export default defineComponent({
   name: 'PropertyPanel',
@@ -53,7 +53,7 @@ import { IActionNode, IActionProperty } from 'src/types/ActionTypes';
     'saveActionProps'
   ],
   setup(props,{emit}) {
-    const showPanel =ref(props.drawerRight);
+     const showPanel =ref(props.drawerRight);
 
     const cloneProps = (actionProps:IActionProperty[]):IActionProperty[]|null=>{
         if(!actionProps){
@@ -81,7 +81,7 @@ import { IActionNode, IActionProperty } from 'src/types/ActionTypes';
     const save = async () =>{
       showPanel.value=false;
       emit('saveActionProps', actionProps.value);
-      emit('update:drawerRight',false )
+      emit('update:drawerRight',false );
     }
 
     return {