ダイアログに検索追加

frontend/src/components/ConditionEditor/ConditionObject.vue

@@ -14,7 +14,14 @@
     </template>
   </q-field>
   <show-dialog v-model:visible="show" name="条件設定項目一覧" @close="closeDg" width="600px">
-    <condition-objects ref="appDg" name="フィールド" type="single" :appId="store.appInfo?.appId" :vars="vars"></condition-objects>
+    <template v-slot:toolbar>
+        <q-input  dense debounce="200" v-model="filter" placeholder="検索" clearable>
+          <template v-slot:before>
+            <q-icon name="search" />
+          </template>
+        </q-input>
+      </template>
+    <condition-objects ref="appDg" name="フィールド" type="single" :filter="filter" :appId="store.appInfo?.appId" :vars="vars"></condition-objects>
   </show-dialog>
   </template>
 
@@ -48,7 +55,7 @@
       if(store.currentFlow!==undefined && store.activeNode!==undefined ){
         vars =store.currentFlow.getVarNames(store.activeNode);
       }
-
+      const filter=ref('');
       const showDg = () => {
         show.value = true;
       };
@@ -71,7 +78,8 @@
         closeDg,
         selectedObject,
         vars:reactive(vars),
-        isSelected
+        isSelected,
+        filter
       };
     }
   });