Fix load apps

vue-project/my-kintone-plugin/src/components/Config.vue

@@ -18,9 +18,9 @@
   <kuc-spinner :container="mainArea" ref="spinner"></kuc-spinner>
 </template>
 <script setup lang="ts">
-import { createEmptyJoinTable, fetchApps } from '@/js/helper';
-import type { JoinTable, SavedData } from '@/types/model';
-import type { KucSpinnerEl } from '@/types/my-kintone';
+import { createEmptyJoinTable, loadApps, loadAppFieldsAndLayout, EMPTY_OPTION } from '@/js/helper';
+import type { CachedData, FieldsInfo, JoinTable, SavedData } from '@/types/model';
+import type { KucDropdownItem, KucSpinnerEl } from '@/types/my-kintone';
 
 import { onMounted, watch, provide, reactive, ref, shallowRef, nextTick } from 'vue';
 
@@ -31,19 +31,26 @@ const data: SavedData = reactive({
   joinTables: [] as JoinTable[],
 });
 
+const cachedData: CachedData = reactive({
+  apps: [EMPTY_OPTION],
+  currentAppFields: { fields: [], layout: [] } as FieldsInfo,
+});
+
 provide('savedData', data);
+provide('cachedData', cachedData);
 
 const mainArea = shallowRef<HTMLElement | null>(null);
 const spinner = shallowRef<KucSpinnerEl | null>(null);
 
 onMounted(async () => {
+  spinner.value?.close(); // 修复不自动挂载到节点的 bug
   const savedData = kintone.plugin.app.getConfig(props.pluginId);
   data.buttonName = savedData?.buttonName || '集約';
   data.joinTables = savedData?.joinTables ? JSON.parse(savedData.joinTables) : [createEmptyJoinTable()];
   nextTick(async () => {
-    spinner.value?.close(); // 修复不自动挂载到节点的 bug
     loading.value = true;
-    await fetchApps();
+    cachedData.apps = await loadApps();
+    cachedData.currentAppFields = await loadAppFieldsAndLayout();
     loading.value = false;
   });
 });
@@ -55,8 +62,9 @@ watch(loading, (load) => {
 watch(
   () => data.joinTables.length,
   (newLength) => {
+    console.log(data.joinTables);
     if (newLength === 1) {
-      data.joinTables[0].onConditions = [];
+      data.joinTables[0].onConditions = [{ leftField: '', rightField: '' }];
     }
   },
 );