条件設定関連No511,512障害修正

frontend/src/components/right/ConditionInput.vue

@@ -18,38 +18,13 @@
   </div>
 </template>
 
-
-
 <script lang="ts">
 import { ConditionNode, ConditionTree, Operator, OperatorListItem } from 'app/src/types/Conditions';
 import { computed, defineComponent, provide, reactive, ref, watchEffect } from 'vue';
 import ConditionEditor from '../ConditionEditor/ConditionEditor.vue';
+import { IActionProperty } from 'src/types/ActionTypes';
+import {  } from 'src/types/';
 
-type Props = {
-  props?: {
-    name: string;
-    modelValue?: {
-      app: {
-        id: string;
-        name: string;
-      },
-      fields: {
-        type: string;
-        label: string;
-        code: string;
-      }[]
-    }
-  }
-};
-
-type InputConfg = {
-  canInput: boolean;
-  buttonsConfig: {
-    label: string;
-    color: string;
-    type: string;
-  }[]
-};
 
 
 export default defineComponent({
@@ -60,7 +35,7 @@ export default defineComponent({
   },
   props: {
     context: {
-      type: Array<Props>,
+      type: Array<IActionProperty>,
       default: '',
     },
     displayName: {
@@ -115,7 +90,7 @@ export default defineComponent({
   },
 
   setup(props, { emit }) {
-    const source = props.context.find(element => element?.props?.name === 'sources')
+    const source = props.context.find(element => element.props.name === 'sources')
 
     if (source) {
       if (props.sourceType === 'field') {

frontend/src/components/right/FieldInput.vue

@@ -15,8 +15,15 @@
         <q-icon name="search" class="cursor-pointer" color="primary" @click="showDg" />
       </template>
     </q-field>
-    <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeDg" widht="400px">
-      <field-select ref="appDg" name="フィールド" :type="selectType" :appId="store.appInfo?.appId" :fieldTypes="fieldTypes"></field-select>
+    <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeDg" min-width="400px">
+      <template v-slot:toolbar>
+            <q-input dense debounce="300" v-model="filter" placeholder="検索" clearable>
+                <template v-slot:before>
+                    <q-icon name="search" />
+                </template>
+            </q-input>
+        </template>
+      <field-select ref="appDg" name="フィールド" :type="selectType" :appId="store.appInfo?.appId" :fieldTypes="fieldTypes" :filter="filter"></field-select>
     </show-dialog>
   </div>
 </template>
@@ -99,7 +106,8 @@ export default defineComponent({
       showDg,
       closeDg,
       selectedField,
-      isSelected
+      isSelected,
+      filter:ref(''),
     };
   }
 });