From 4ac4c9e9f45b37b06a37281abdf357ab38da785d Mon Sep 17 00:00:00 2001
From: Mouriya <mouriya@bu.edu>
Date: Thu, 11 Jul 2024 20:23:48 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=8Ckintone=20lookup=E3=80=8D=E3=81=A8?=
 =?UTF-8?q?=E7=B5=84=E3=81=BF=E5=90=88=E3=82=8F=E3=81=9B=E3=82=8B=E3=81=A8?=
 =?UTF-8?q?=E3=83=AD=E3=83=83=E3=82=AF=E3=81=95=E3=82=8C=E3=81=9F=E3=83=95?=
 =?UTF-8?q?=E3=82=A3=E3=83=BC=E3=83=AB=E3=83=89=E3=82=92=E9=99=A4=E5=A4=96?=
 =?UTF-8?q?=E3=81=97=E3=81=BE=E3=81=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ConditionEditor/ConditionObject.vue       | 12 ++-
 frontend/src/components/right/DataMapping.vue | 75 +++++++++++++------
 .../src/actions/data-mapping.ts               | 43 ++++++++---
 3 files changed, 97 insertions(+), 33 deletions(-)

diff --git a/frontend/src/components/ConditionEditor/ConditionObject.vue b/frontend/src/components/ConditionEditor/ConditionObject.vue
index 77ea9cf..40ca757 100644
--- a/frontend/src/components/ConditionEditor/ConditionObject.vue
+++ b/frontend/src/components/ConditionEditor/ConditionObject.vue
@@ -1,6 +1,6 @@
 <template>
-  <q-field labelColor="primary" class="condition-object" :clearable="isSelected" stack-label :dense="true"
-    :outlined="true">
+  <q-field labelColor="primary" class="condition-object" dense outlined :label="label" :disable="disabled"
+    :clearable="isSelected">
     <template v-slot:control>
       <!-- <q-chip  color="primary" text-color="white" v-if="isSelected && selectedObject.objectType==='field'" :dense="true" class="selected-obj">
         {{ selectedObject.name }}
@@ -44,6 +44,14 @@ export default defineComponent({
     // ConditionObjects
   },
   props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
     config: {
       type: Object,
       default: () => {
diff --git a/frontend/src/components/right/DataMapping.vue b/frontend/src/components/right/DataMapping.vue
index 4ab715b..7e6e745 100644
--- a/frontend/src/components/right/DataMapping.vue
+++ b/frontend/src/components/right/DataMapping.vue
@@ -16,7 +16,7 @@
                 </q-card>
             </template>
         </q-field>
-        <show-dialog v-model:visible="dgIsShow" name="データマッピング" @close="closeDg" min-width="50vw" min-height="60vh">
+        <show-dialog v-model:visible="dgIsShow" name="データマッピング" @close="closeDg" min-width="55vw" min-height="60vh">
 
             <div class="q-mx-none">
                 <div class="row q-col-gutter-x-xs flex-center">
@@ -26,9 +26,13 @@
                     <!-- <div class="col-1">
                     </div> -->
                     <div class="col-5">
-                        <div class="q-mx-xs">目標</div>
+                        <div class="row justify-between q-mx-sm">
+                            <div class="">目標</div>
+                            <q-btn outline color="primary" size="xs" label="最新のフィールドを取得する"
+                                @click="() => updateFields(sourceAppId!, undefined)" />
+                        </div>
                     </div>
-                    <div class="col-1">
+                    <div class="col-1 q-pl-md">
                         キー
                     </div>
                 </div>
@@ -36,12 +40,13 @@
                     <!-- <div class="q-my-sm" v-for="(item, index) in mappingProps" :key="item.id"> -->
                     <div class="row q-my-md q-col-gutter-x-md flex-center">
                         <div class="col-5">
-                            <ConditionObject :config="config" v-model="item.from" />
+                            <ConditionObject :config="config" v-model="item.from" :disabled="item.disabled" :label="item.disabled ? '「Lookup」によってロックされる': ''"/>
                         </div>
                         <!-- <div class="col-1">
                         </div> -->
                         <div class="col-5">
-                            <q-field v-model="item.vName" type="text" outlined dense>
+                            <q-field v-model="item.vName" type="text" outlined dense 
+                            :disable="item.disabled" >
                                 <!-- <template v-slot:append>
                                     <q-icon name="search" class="cursor-pointer"
                                         @click="() => { mappingProps[index].to.isDialogVisible = true }" />
@@ -62,7 +67,7 @@
                             </q-field>
                         </div>
                         <div class="col-1">
-                            <q-checkbox size="sm" v-model="item.isKey" />
+                            <q-checkbox size="sm" v-model="item.isKey" :disable="item.disabled"/>
                             <!-- <q-btn flat round dense icon="delete" size="sm" @click="() => deleteMappingObject(index)" /> -->
                         </div>
                     </div>
@@ -120,9 +125,10 @@ type MappingValueType = {
         isDialogVisible: boolean;
     };
     isKey: boolean;
+    disabled: boolean;
 }
 
-const blackListLabelName = ['レコード番号','作業者','更新者','更新日時','作成日時','作成者']
+const blackListLabelName = ['レコード番号', '作業者', '更新者', '更新日時', '作成日時', '作成者']
 
 export default defineComponent({
     name: 'DataMapping',
@@ -163,7 +169,7 @@ export default defineComponent({
         const source = props.context.find(element => element?.props?.name === 'sources')
 
         const sourceApp = computed(() => source?.props?.modelValue?.app);
-        
+
         const sourceAppId = computed(() => sourceApp.value?.id);
 
         const closeDg = () => {
@@ -180,6 +186,14 @@ export default defineComponent({
 
         watch(() => sourceAppId.value, async (newId, oldId) => {
             if (!newId) return;
+            updateFields(newId, oldId)
+        })
+
+        const updateFields = async (newId: string, oldId: string | undefined) => {
+            const modelValueData = props.modelValue?.data ?? [];
+
+            
+
             const ktAppFields = await api.get('api/v1/appfields', {
                 params: {
                     app: newId
@@ -191,31 +205,47 @@ export default defineComponent({
                     .map(f => {
                         return {
                             id: uuidv4(),
-                            from: {},
+                            from: modelValueData.find(m => m.to.fields[0].code === f.code),
                             to: {
                                 app: sourceApp.value,
                                 fields: [f],
                                 isDialogVisible: false
                             },
-                            isKey: false
+                            isKey: false,
+                            disabled: false
                         }
                     })
             })
-            const modelValueData = props.modelValue?.data ?? [];
+            
 
-            const createWithNull = props.modelValue?.createWithNull ?? false
+            // const createWithNull = props.modelValue?.createWithNull ?? false
 
-            if (modelValueData.length === 0 || newId !== oldId) {
-                emit('update:modelValue', { data: ktAppFields, createWithNull: createWithNull });
-                return;
+            // if (modelValueData.length === 0 || newId !== oldId) {
+            //     emit('update:modelValue', { data: ktAppFields, createWithNull: createWithNull });
+            //     return;
+            // }
+            // const modelValueFieldNames = modelValueData.map(item => item.to.fields[0].name);
+
+            // const newFields = ktAppFields.filter(field => !modelValueFieldNames.includes(field.to.fields[0].name));
+
+            // const updatedModelValueData = [...modelValueData, ...newFields];
+
+            const lookupFixedField = ktAppFields
+                .filter(field => field.to.fields[0].lookup !== undefined)
+                .flatMap(field => field.to.fields[0].lookup.fieldMappings.map((m) => m.field))
+
+            console.log(lookupFixedField);
+
+            if (lookupFixedField.length > 0) {
+
+                ktAppFields.filter(f => lookupFixedField.includes( f.to.fields[0].code)).forEach(f => f.disabled = true)
+                // for (const field of ktAppFields) {
+                //     field.disabled = true
+                // }
             }
-            const modelValueFieldNames = modelValueData.map(item => item.to.fields[0].name);
 
-            const newFields = ktAppFields.filter(field => !modelValueFieldNames.includes(field.to.fields[0].name));
-
-            const updatedModelValueData = [...modelValueData, ...newFields];
-            emit('update:modelValue', { data: updatedModelValueData, createWithNull: createWithNull });
-        })
+            emit('update:modelValue', { data: ktAppFields, createWithNull: createWithNull });
+        }
 
         console.log(createWithNull.value);
 
@@ -250,6 +280,7 @@ export default defineComponent({
             closeToDg,
             mappingProps,
             createWithNull,
+            updateFields,
             // addMappingObject: () => mappingProps.push(defaultMappingProp()),
             // deleteMappingObject,
             mappingObjectsInputDisplay,
@@ -265,5 +296,7 @@ export default defineComponent({
         };
     },
 });
+
+
 </script>
 <style lang="scss"></style>
diff --git a/plugin/kintone-addins/src/actions/data-mapping.ts b/plugin/kintone-addins/src/actions/data-mapping.ts
index 73bc119..df8926a 100644
--- a/plugin/kintone-addins/src/actions/data-mapping.ts
+++ b/plugin/kintone-addins/src/actions/data-mapping.ts
@@ -7,6 +7,7 @@ import {
 } from "../types/ActionTypes";
 import { actionAddins } from ".";
 import { KintoneRestAPIClient } from "@kintone/rest-api-client";
+import { Lookup } from "@kintone/rest-api-client/lib/src/KintoneFields/types/property";
 
 interface Props {
   displayName: string;
@@ -86,19 +87,24 @@ export class DataMappingAction implements IAction {
   ): Promise<IActionResult> {
     this.actionProps = prop.actionProps;
     this.dataMappingProps = prop.ActionValue as Props;
-    console.log(prop.ActionValue);
+    console.log(context);
     let result = {
       canNext: true,
       result: "",
     } as IActionResult;
     try {
+      const lookupFixedFieldCodes = await getLookupFixedFieldCodes(
+        this.dataMappingProps.sources.app.id
+      );
+
       // createWithNull が有効な場合は、4 番目のパラメーターを true にして doUpdate 関数ブランチを実行します。
       if (this.dataMappingProps.dataMapping.createWithNull === true) {
         await doUpdate(
           this.dataMappingProps.dataMapping.data,
           this.dataMappingProps.sources.app.id,
           context,
-          true // キーがない場合、またはキーでターゲットが見つからない場合に、マッピング条件によって新しいレコードを作成するかどうかを決定するために使用されます。
+          true, // キーがない場合、またはキーでターゲットが見つからない場合に、マッピング条件によって新しいレコードを作成するかどうかを決定するために使用されます。
+          lookupFixedFieldCodes
         );
       } else if (
         // キーがないと更新対象を取得できないため、この時点でのみ更新が行われます。 doUpdate 関数の 4 番目のパラメーターは false です。
@@ -110,13 +116,15 @@ export class DataMappingAction implements IAction {
           this.dataMappingProps.dataMapping.data,
           this.dataMappingProps.sources.app.id,
           context,
-          false
+          false,
+          lookupFixedFieldCodes
         );
       } else {
         await doCreate(
           this.dataMappingProps.dataMapping.data,
           this.dataMappingProps.sources.app.id,
-          context
+          context,
+          lookupFixedFieldCodes
         );
       }
     } catch (error) {
@@ -154,16 +162,21 @@ const doUpdate = async (
   mappingData: Mapping[],
   appId: string,
   context: any,
-  needCreate: boolean
+  needCreate: boolean,
+  lookupFixedFieldCodes: string[]
 ) => {
   const targetField = await findUpdateField(mappingData, appId, context);
   console.log(targetField);
   if (targetField.records.length === 0 && needCreate) {
-    await doCreate(mappingData, appId, context);
+    await doCreate(mappingData, appId, context, lookupFixedFieldCodes);
   } else {
     // マッピングデータを単純なオブジェクトに処理し、ソース値が変数の場合は変数を置き換えます。
     const mappingRules = mappingData
-      .filter((m) => Object.keys(m.from).length > 0)
+      .filter(
+        (m) =>
+          Object.keys(m.from).length > 0 &&
+          !lookupFixedFieldCodes.includes(m.to.fields[0].code)
+      )
       .map((m) => {
         if (m.from.objectType === "variable") {
           return {
@@ -198,8 +211,6 @@ const doUpdate = async (
       }
     );
 
-    console.log(updateRecords);
-
     await client.record.updateRecords({
       app: appId,
       records: updateRecords,
@@ -242,7 +253,8 @@ const findUpdateField = async (
 const doCreate = async (
   mappingData: Mapping[],
   appId: string,
-  context: any
+  context: any,
+  lookupFixedFieldCodes: string[]
 ) => {
   const record = mappingData
     .filter(
@@ -253,6 +265,7 @@ const doCreate = async (
         item.to.fields &&
         item.to.fields.length > 0
     )
+    .filter((item) => !lookupFixedFieldCodes.includes(item.to.fields[0].code))
     .reduce((accumulator, item) => {
       return {
         ...accumulator,
@@ -268,3 +281,13 @@ const doCreate = async (
     });
   }
 };
+
+const getLookupFixedFieldCodes = async (appId: string) => {
+  return await client.app
+    .getFormFields({ app: appId, lang: "ja" })
+    .then((resp) =>
+      Object.values(resp.properties)
+        .filter((f) => (f as Lookup).lookup !== undefined)
+        .flatMap((f) => (f as Lookup).lookup.fieldMappings.map((m) => m.field))
+    );
+};