外部アプリセレクタコンポーネントがある場合、このコンポーネントはアプリを選択せずにフィールドを選択できる。

frontend/src/components/right/DataMapping.vue

@@ -59,7 +59,11 @@
 
                     <show-dialog v-model:visible="mappingProps[index].to.isDialogVisible" name="フィールド一覧"
                         @close="closeToDg" ref="fieldDlg">
-                        <AppFieldSelectBox v-model:selectedField="mappingProps[index].to" />
+                        <FieldSelect v-if="onlySourceSelect" ref="fieldDlg" name="フィールド" :appId="sourceAppId" not_page
+                            :selectedFields="mappingProps[index].to.fields"
+                            :updateSelects="(fields) => { mappingProps[index].to.fields = fields; mappingProps[index].to.app = sourceApp }">
+                        </FieldSelect>
+                        <AppFieldSelectBox v-else v-model:selectedField="mappingProps[index].to" />
                     </show-dialog>
                 </div>
             </div>
@@ -73,6 +77,7 @@ import { computed, defineComponent, reactive, ref, watchEffect } from 'vue';
 import ConditionObject from '../ConditionEditor/ConditionObject.vue';
 import ShowDialog from '../ShowDialog.vue';
 import AppFieldSelectBox from '../AppFieldSelectBox.vue';
+import FieldSelect from '../FieldSelect.vue';
 import IAppFields from './AppFieldSelect.vue';
 
 type Props = {
@@ -102,7 +107,8 @@ export default defineComponent({
     components: {
         ShowDialog,
         ConditionObject,
-        AppFieldSelectBox
+        AppFieldSelectBox,
+        FieldSelect
     },
     props: {
         context: {
@@ -193,4 +199,4 @@ export default defineComponent({
     },
 });
 </script>
-<style lang="scss"></style>
+<style lang="scss"></style>