vite-plugin-css-injected-by-jsはメンテナンスされていないため、通常のソースマップ生成に影響を与えるので、vite-plugin-lib-injected-cssを使用してください

backend/app/api/api_v1/routers/kintone.py

@@ -218,8 +218,6 @@ def deoployappfromkintone(app:str,revision:str,c:config.KINTONE_ENV):
     r = httpx.post(url,headers=headers,data=json.dumps(data))
     return r.json
     
-# 既定項目に含めるアプリのフィールドのみ取得する
-# スペース、枠線、ラベルを含まない    
 def getfieldsfromkintone(app:str,c:config.KINTONE_ENV):
     headers={config.API_V1_AUTH_KEY:c.API_V1_AUTH_VALUE}
     params = {"app":app}
@@ -227,44 +225,6 @@ def getfieldsfromkintone(app:str,c:config.KINTONE_ENV):
     r = httpx.get(url,headers=headers,params=params)
     return r.json()
 
-# フォームに配置するフィールドのみ取得する
-# スペース、枠線、ラベルも含める
-def getformfromkintone(app:str,c:config.KINTONE_ENV):
-    headers={config.API_V1_AUTH_KEY:c.API_V1_AUTH_VALUE}
-    params = {"app":app}
-    url = f"{c.BASE_URL}{config.API_V1_STR}/form.json"
-    r = httpx.get(url,headers=headers,params=params)
-    return r.json()
-
-
-def merge_kintone_fields(fields_response: dict, form_response: dict) -> dict:
-    fields_properties = fields_response.get('properties', {})
-    form_properties = form_response.get('properties', [])
-
-    merged_properties = {k: v for k, v in fields_properties.items()}
-
-    for index, form_field in enumerate(form_properties):
-        code = form_field.get('code')
-        if code:
-            if code and code not in merged_properties:
-                merged_properties[code] = form_field
-        else:
-            element_id = form_field.get('elementId')
-            if element_id:
-                key = element_id
-                form_field['code']=element_id
-                form_field['label']=form_field.get('type')
-            # else:
-            #     key = f"{form_field.get('type')}_{index}"
-                merged_properties[key] = form_field 
-
-    merged_response = {
-        'revision': fields_response.get('revision', ''),
-        'properties': merged_properties
-    }
-    
-    return merged_response
-
 def analysefields(excel,kintone):
     updatefields={}
     addfields={}
@@ -522,15 +482,6 @@ async def appfields(request:Request,app:str,env = Depends(getkintoneenv)):
     except Exception as e:
        raise APIException('kintone:appfields',request.url._url, f"Error occurred while get app fileds({env.DOMAIN_NAM}->{app}):",e) 
 
-@r.get("/allfields")
-async def allfields(request:Request,app:str,env = Depends(getkintoneenv)):
-    try:
-        field_resp = getfieldsfromkintone(app,env)
-        form_resp = getformfromkintone(app,env)
-        return merge_kintone_fields(field_resp,form_resp)
-    except Exception as e:
-       raise APIException('kintone:allfields',request.url._url, f"Error occurred while get form fileds({env.DOMAIN_NAM}->{app}):",e) 
-
 @r.get("/appprocess")
 async def appprocess(request:Request,app:str,env = Depends(getkintoneenv)):
     try:

backend/app/core/config.py

@@ -13,7 +13,7 @@ API_V1_AUTH_KEY = "X-Cybozu-Authorization"
 DEPLOY_MODE = "DEV" #DEV,PROD
 
 DEPLOY_JS_URL = "https://ka-addin.azurewebsites.net/alc_runtime.js"
-#DEPLOY_JS_URL = "https://ce1c-133-139-70-194.ngrok-free.app/alc_runtime.js"
+#DEPLOY_JS_URL = "https://e84c-133-139-70-142.ngrok-free.app/alc_runtime.js"
 
 KINTONE_FIELD_TYPE=["GROUP","GROUP_SELECT","CHECK_BOX","SUBTABLE","DROP_DOWN","USER_SELECT","RADIO_BUTTON","RICH_TEXT","LINK","REFERENCE_TABLE","CALC","TIME","NUMBER","ORGANIZATION_SELECT","FILE","DATETIME","DATE","MULTI_SELECT","SINGLE_LINE_TEXT","MULTI_LINE_TEXT"]
 

backend/readme.md

@@ -25,7 +25,3 @@ python -m venv env
    pip install -r requirements.txt
 
    ```
-4. backend 起動
-   ```bash
-   uvicorn app.main:app --reload
-   ```

frontend/.env

@@ -1,2 +1,3 @@
 KAB_BACKEND_URL="https://kab-backend.azurewebsites.net/"
 #KAB_BACKEND_URL="http://127.0.0.1:8000/"
+

frontend/src/components/AppFieldSelectBox.vue

@@ -4,7 +4,7 @@
         <div class="q-mb-xs q-ml-md text-primary">アプリ選択</div>
 
         <div class="q-pa-md row" style="border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px;">
-            <div v-if="selField?.app && !showSelectApp">{{ selField?.app?.name }}</div>
+            <div v-if="selField?.app && !showSelectApp">{{ selField.app?.name }}</div>
             <q-space />
             <div>
                 <q-btn outline dense label="選 択" padding="none sm" color="primary" @click="() => {
@@ -14,7 +14,7 @@
         </div>
     </div>
 
-    <div v-if="!showSelectApp && selField?.app?.name">
+    <div v-if="!showSelectApp && selField.app?.name">
         <div>
             <div class="row q-mb-md">
                 <!-- <div class="col"> -->
@@ -31,9 +31,9 @@
                 </div>
             </div>
             <div class="row">
-                <field-select ref="fieldDlg" name="フィールド" :type="selectType" :updateSelectFields="updateSelectFields"
+                <field-select ref="fieldDlg" name="フィールド" :type="selectType" :updateSelects="updateItems"
-                    :appId="selField?.app?.id" not_page :filter="fieldFilter"
+                    :appId="selField.app?.id" not_page :filter="fieldFilter"
-                    :selectedFields="selField.fields"></field-select>
+                    :selFields="selField.fields"></field-select>
             </div>
         </div>
     </div>
@@ -41,7 +41,7 @@
     </div>
 
 
-    <show-dialog v-model:visible="showSelectApp" name="アプリ選択">
+    <show-dialog v-model:visible="showSelectApp" name="アプリ選択" @close="closeAppDlg">
         <template v-slot:toolbar>
             <q-input dense debounce="300" v-model="filter" placeholder="検索" clearable>
                 <template v-slot:before>
@@ -51,14 +51,15 @@
         </template>
 
         <AppSelectBox ref="appDlg" name="アプリ" type="single" :filter="filter"
-            :updateSelectApp="updateSelectApp"></AppSelectBox>
+            :updateExternalSelectAppInfo="updateExternalSelectAppInfo"></AppSelectBox>
     </show-dialog>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, watchEffect, computed, reactive } from 'vue';
+import { defineComponent, ref, watchEffect, computed ,reactive} from 'vue';
 import ShowDialog from './ShowDialog.vue';
 import FieldSelect from './FieldSelect.vue';
+import { useFlowEditorStore } from 'stores/flowEditor';
 import AppSelectBox from './AppSelectBox.vue';
 interface IApp {
     id: string,
@@ -95,18 +96,37 @@ export default defineComponent({
 
     },
     setup(props, { emit }) {
+        const appDlg = ref();
+        const fieldDlg = ref();
         const showSelectApp = ref(false);
         const selField = reactive(props.selectedField);
+        console.log(props.selectedField);
+
+        const store = useFlowEditorStore();
 
         const isSelected = computed(() => {
             return selField !== null && typeof selField === 'object' && ('app' in selField)
         });
 
-        const updateSelectApp = (newAppinfo: IApp) => {
+
+        const closeAppDlg = (val: string) => {
+            if (val == 'OK') {
+                selField.app = appDlg.value.selected[0];
+                selField.fields = [];
+                showSelectApp.value = false;
+            }
+        };
+
+        const closeFieldDialog = (val: string) => {
+            if (val == 'OK') {
+                selField.fields = fieldDlg.value.selected;
+            }
+        };
+        const updateExternalSelectAppInfo = (newAppinfo: IApp) => {
             selField.app = newAppinfo
         }
 
-        const updateSelectFields = (newFields: IField[]) => {
+        const updateItems = (newFields: IField[]) => {
             selField.fields = newFields
         }
 
@@ -115,11 +135,15 @@ export default defineComponent({
         });
 
         return {
+            appDlg,
+            fieldDlg,
+            closeAppDlg,
+            closeFieldDialog,
             showSelectApp,
             isSelected,
-            updateSelectApp,
+            updateExternalSelectAppInfo,
             filter: ref(),
-            updateSelectFields,
+            updateItems,
             fieldFilter: ref(),
             selField
         };

frontend/src/components/AppSelectBox.vue

@@ -26,7 +26,7 @@ export default {
     name: String,
     type: String,
     filter: String,
-    updateSelectApp: {
+    updateExternalSelectAppInfo: {
       type: Function
     }
   },
@@ -42,8 +42,8 @@ export default {
     const selected = ref([])
 
     watchEffect(()=>{
-      if (selected.value && selected.value[0] && props.updateSelectApp) {
+      if (selected.value && selected.value[0] && props.updateExternalSelectAppInfo) {
-        props.updateSelectApp(selected.value[0])
+        props.updateExternalSelectAppInfo(selected.value[0])
       }
     });
     onMounted(() => {

frontend/src/components/ConditionEditor/ConditionObject.vue

@@ -1,21 +1,20 @@
 <template>
-  <q-field labelColor="primary" class="condition-object" :clearable="isSelected" stack-label :dense="true"
+  <q-field v-model="selectedObject" labelColor="primary" class="condition-object"
-    :outlined="true">
+          :clearable="isSelected" stack-label  :dense="true" :outlined="true" >
-    <template v-slot:control>
+    <template v-slot:control >
-      <!-- <q-chip  color="primary" text-color="white" v-if="isSelected && selectedObject.objectType==='field'" :dense="true" class="selected-obj">
+      <q-chip  color="primary" text-color="white" v-if="isSelected && selectedObject.objectType==='field'" :dense="true" class="selected-obj">
         {{ selectedObject.name }}
       </q-chip>
       <q-chip  color="info" text-color="white" v-if="isSelected && selectedObject.objectType==='variable'" :dense="true" class="selected-obj">
         {{ selectedObject.name.name }}
-      </q-chip> -->
+      </q-chip>
-      {{ selectedObject?.sharedText }}
     </template>
    <template v-slot:append>
-      <q-icon name="search" class="cursor-pointer" @click="showDg" />
+    <q-icon name="search" class="cursor-pointer"  @click="showDg"/>
     </template>
   </q-field>
-  <show-dialog v-model:visible="show" name="設定項目" @close="closeDg" min-width="400px">
+  <show-dialog v-model:visible="show" name="設定項目一覧" @close="closeDg" min-width="400px">
-    <!-- <template v-slot:toolbar>
+    <template v-slot:toolbar>
         <q-input  dense debounce="200" v-model="filter" placeholder="検索" clearable>
           <template v-slot:before>
             <q-icon name="search" />
@@ -23,68 +22,47 @@
         </q-input>
     </template>
     <condition-objects ref="appDg" name="フィールド" type="single" :filter="filter" :appId="store.appInfo?.appId" :vars="vars"></condition-objects>
-  -->
-    <DynamicItemInput v-model:selectedObject="selectedObject" :canInput="config.canInput"
-      :buttonsConfig="config.buttonsConfig" :appId="store.appInfo?.appId" />
   </show-dialog>
-</template>
+  </template>
 
-<script lang="ts">
+  <script lang="ts">
-import { defineComponent, reactive, ref, watchEffect, computed } from 'vue';
+  import { defineComponent, reactive, ref ,watchEffect,computed} from 'vue';
-import ShowDialog from '../ShowDialog.vue';
+  import ShowDialog from '../ShowDialog.vue';
-// import ConditionObjects from '../ConditionObjects.vue';
+  import ConditionObjects from '../ConditionObjects.vue';
-import DynamicItemInput from '../DynamicItemInput/DynamicItemInput.vue';
+  import { useFlowEditorStore } from '../../stores/flowEditor';
-import { useFlowEditorStore } from '../../stores/flowEditor';
+  import {IActionFlow,IActionNode,IActionVariable} from '../../types/ActionTypes';
-import { IActionFlow, IActionNode, IActionVariable } from '../../types/ActionTypes';
+  export default defineComponent({
-export default defineComponent({
     name: 'ConditionObject',
     components: {
       ShowDialog,
-    DynamicItemInput,
+      ConditionObjects
-    // ConditionObjects
     },
     props: {
-    config: {
-      type: Object,
-      default: () => {
-        return {
-          canInput: false,
-          buttonsConfig: [
-            { label: 'フィールド', color: 'primary', type: 'FieldAdd' },
-            { label: '変数', color: 'green', type: 'VariableAdd' },
-          ]
-        };
-      }
-    },
       modelValue: {
         type: Object,
         default: null
       },
     },
     setup(props, { emit }) {
-    // const appDg = ref();
+      const appDg = ref();
       const show = ref(false);
       const selectedObject = ref(props.modelValue);
       const store = useFlowEditorStore();
-    // const sharedText = ref(''); // 共享的文本状态
+      const isSelected = computed(()=>{
-    const isSelected = computed(() => {
+        return selectedObject.value!==null && typeof selectedObject.value === 'object' && ('name' in selectedObject.value)
-      return selectedObject?.value?.sharedText !== '';
       });
-    // const isSelected = computed(()=>{
+      let vars:IActionVariable[] =[];
-    //   return selectedObject.value!==null && typeof selectedObject.value === 'object' && ('name' in selectedObject.value)
+      if(store.currentFlow!==undefined && store.activeNode!==undefined ){
-    // });
+        vars =store.currentFlow.getVarNames(store.activeNode);
-    let vars: IActionVariable[] = [];
-    if (store.currentFlow !== undefined && store.activeNode !== undefined) {
-      vars = store.currentFlow.getVarNames(store.activeNode);
       }
-    // const filter=ref('');
+      const filter=ref('');
       const showDg = () => {
         show.value = true;
       };
 
-    const closeDg = (val: string) => {
+      const closeDg = (val:string) => {
         if (val == 'OK') {
-        // selectedObject.value = appDg.value.selected[0];
+          selectedObject.value = appDg.value.selected[0];
         }
       };
 
@@ -94,30 +72,25 @@ export default defineComponent({
 
       return {
         store,
-      // appDg,
+        appDg,
         show,
         showDg,
         closeDg,
         selectedObject,
-      vars: reactive(vars),
+        vars:reactive(vars),
         isSelected,
-      buttonsConfig: [
+        filter
-        { label: 'フィールド', color: 'primary', type: 'FieldAdd' },
-        { label: '変数', color: 'green', type: 'VariableAdd' },
-      ]
-      // filter
       };
     }
-});
+  });
-</script>
+  </script>
 <style lang="scss">
-.condition-object {
+.condition-object{
   min-width: 200px;
   max-height: 40px;
   margin: 0 2px;
 }
-
+.selected-obj{
-.selected-obj {
   margin: 0 2px;
 }
 </style>

frontend/src/components/ConditionEditor/NodeCondition.vue

@@ -67,13 +67,11 @@
           <!-- condition -->
           <div @click.stop @keypress.stop v-else >
             <div class="row no-wrap items-center q-my-xs">
-              <ConditionObject v-bind="prop.node" v-model="prop.node.object" :config="leftDynamicItemConfig" class="col-4"/>
+              <ConditionObject v-bind="prop.node" v-model="prop.node.object" class="col-4"></ConditionObject>
               <q-select v-model="prop.node.operator" :options="operators"  class="operator" :outlined="true" :dense="true"></q-select>
-              <ConditionObject v-bind="prop.node" v-model="prop.node.value" :config="rightDynamicItemConfig" class="col-4"/>
+              <q-input v-if="!prop.node.object || !('options' in prop.node.object)"
-              <!-- <ConditionObject v-bind="prop.node" v-model="prop.node.object" class="col-4"/> -->
-              <!-- <q-input v-if="!prop.node.object || !('options' in prop.node.object)"
                         v-model="prop.node.value"
-                        class="condition-value" :outlined="true" :dense="true" ></q-input> -->
+                        class="condition-value" :outlined="true" :dense="true" ></q-input>
               <q-select v-if="prop.node.object && ('options' in prop.node.object)"
                         v-model="prop.node.value"
                         :options="objectValueOptions(prop.node.object.options)"
@@ -227,8 +225,6 @@ export default defineComponent( {
     // addCondition(tree.root);
 
     return {
-      leftDynamicItemConfig :inject('leftDynamicItemConfig'),
-      rightDynamicItemConfig:inject('rightDynamicItemConfig'),
       showingCondition,
       conditionString,
       tree,

frontend/src/components/DynamicItemInput/DynamicItemInput.vue

@@ -1,141 +0,0 @@
-<template>
-    <div class="q-mx-md" style="max-width: 600px;">
-        <!-- <q-card> -->
-        <div class="q-mb-md">
-            <q-input ref="inputRef" outlined dense debounce="200" @update:model-value="updateSharedText"
-                v-model="sharedText" :readonly="!canInput">
-                <template v-slot:append>
-                    <q-btn flat round padding="none" icon="cancel" @click="clearSharedText" color="grey-6" />
-                </template>
-            </q-input>
-
-        </div>
-
-        <div class="row q-gutter-sm">
-            <q-btn v-for="button in buttonsConfig" :key="button.type" :color="button.color" @mousedown.prevent
-                @click="openDialog(button)" size="sm">
-                {{ button.label }}
-            </q-btn>
-        </div>
-
-        <show-dialog v-model:visible="dialogVisible" :name="currentDialogName" @close="closeDialog" min-width="400px">
-            <template v-slot:toolbar>
-                <q-input dense debounce="200" v-model="filter" clearable>
-                    <template v-slot:before>
-                        <q-icon name="search" />
-                    </template>
-                </q-input>
-            </template>
-            <!-- asdf -->
-            <component :is="currentComponent" @select="handleSelect" :filter="filter" :appId="appId" />
-        </show-dialog>
-        <!-- </q-card> -->
-    </div>
-</template>
-
-<script lang="ts">
-import { ref, inject, watchEffect, defineComponent } from 'vue';
-import FieldAdd from './FieldAdd.vue';
-import VariableAdd from './VariableAdd.vue';
-// import FunctionAdd from './FunctionAdd.vue';
-import ShowDialog from '../ShowDialog.vue';
-
-type ButtonConfig = {
-    label: string;
-    color: string;
-    type: string;
-    editable: boolean;
-};
-
-export default defineComponent({
-    name: 'DynamicItemInput',
-    components: {
-        FieldAdd,
-        VariableAdd,
-        // FunctionAdd,
-        ShowDialog
-    },
-    props: {
-        // canInput: {
-        //     type: Boolean,
-        //     default: false
-        // },
-        appId: {
-            type: String,
-        },
-        selectedObject: {
-            default: {}
-        },
-        buttonsConfig: {
-            type: Array as () => ButtonConfig[],
-            default: () => [
-                { label: 'フィールド', color: 'primary', type: 'FieldAdd' }
-            ]
-        }
-    },
-    setup(props, { emit }) {
-        const filter = ref('');
-        const dialogVisible = ref(false);
-        const currentDialogName = ref('');
-        const currentComponent = ref('FieldAdd');
-        const sharedText = ref(props.selectedObject?.sharedText ?? '');
-        const inputRef = ref();
-        const canInput = ref(true);
-        const editable = ref(false);
-
-        const openDialog = (button: ButtonConfig) => {
-            currentDialogName.value = button.label;
-            currentComponent.value = button.type;
-            dialogVisible.value = true;
-            editable.value = button.editable ?? true;
-        };
-
-        const closeDialog = () => {
-            dialogVisible.value = false;
-        };
-
-        const handleSelect = (value) => {
-            // 获取当前光标位置
-            // const cursorPosition = inputRef.value.getNativeElement().selectionStart;
-            // if (cursorPosition === undefined || cursorPosition === 0) {
-            sharedText.value = `${value._t}`;
-            // } else {
-            //     const textBefore = sharedText.value.substring(0, cursorPosition);
-            //     const textAfter = sharedText.value.substring(cursorPosition);
-            //     sharedText.value = `${textBefore}${value._t}${textAfter}`;
-            // }
-            
-            if (value && value._t && (value._t as string).length > 0) {
-                canInput.value = editable.value;
-            }
-            emit('update:selectedObject', { sharedText: sharedText.value, ...value });
-            dialogVisible.value = false;
-        };
-
-        const clearSharedText = () => {
-            sharedText.value = '';
-            canInput.value = true;
-            emit('update:selectedObject', {});
-        }
-        const updateSharedText = (value) => {
-            sharedText.value = value;
-            emit('update:selectedObject', { ...props.selectedObject, sharedText: value });
-        }
-
-        return {
-            filter,
-            dialogVisible,
-            currentDialogName,
-            currentComponent,
-            canInput,
-            openDialog,
-            closeDialog,
-            handleSelect,
-            clearSharedText,
-            updateSharedText,
-            sharedText,
-            inputRef
-        };
-    }
-});
-</script>

frontend/src/components/DynamicItemInput/FieldAdd.vue

@@ -1,41 +0,0 @@
-<template>
-    <field-list v-model="selected" type="single" :filter="filter" :appId="sourceApp ? sourceApp : appId"
-        :fields="sourceFields" @update:modelValue="handleSelect" />
-</template>
-<script lang="ts">
-import { computed, inject, ref } from 'vue';
-import FieldList from '../FieldList.vue';
-export default {
-    name: 'FieldAdd',
-    components: {
-        FieldList,
-    },
-    props: {
-        appId: Number,
-        filter: String
-    },
-    setup(props, { emit }) {
-        const sourceFields = inject<Array<unknown>>('sourceFields')
-        const sourceApp = inject<number>('sourceApp')
-        const appId = computed(() => {
-            if (sourceFields || sourceApp) {
-                return sourceApp.value
-            } else {
-                return props.appId
-            }
-        });
-        return {
-            sourceFields,
-            sourceApp,
-            selected: ref([]),
-            handleSelect: (newSelection: any[]) => {
-                
-                if (newSelection.length > 0) {
-                    const v = newSelection[0]
-                    emit('select', { _t: `field(${appId.value},${v.name})`, ...v }); // 假设您只需要选择的第一个字段的名称
-                }
-            }
-        }
-    },
-}
-</script>

frontend/src/components/DynamicItemInput/VariableAdd.vue

@@ -1,42 +0,0 @@
-<template>
-    <variable-list v-model="selected" type="single" :vars="vars" :filter="filter" @update:modelValue="handleSelect" />
-</template>
-<script lang="ts">
-import { ref } from 'vue';
-import VariableList from '../VariableList.vue';
-import { useFlowEditorStore } from 'src/stores/flowEditor';
-import { IActionVariable } from 'src/types/ActionTypes';
-export default {
-    name: 'VariableAdd',
-    components: {
-        VariableList,
-    },
-    props: {
-        appId: Number,
-        filter: String
-    },
-    setup(props, { emit }) {
-        const store = useFlowEditorStore();
-        let vars: IActionVariable[] = [];
-        console.log(store.currentFlow !== undefined && store.activeNode !== undefined);
-        
-        if (store.currentFlow !== undefined && store.activeNode !== undefined) {
-            vars = store.currentFlow.getVarNames(store.activeNode);
-        }
-        return {
-            vars,
-            selected: ref([]),
-            handleSelect: (newSelection: any[]) => {
-                if (newSelection.length > 0) {
-                    const v = newSelection[0];
-                    let name = v.name
-                    if (typeof name === 'object') {
-                        name = name.name
-                    }
-                    emit('select', { _t: `var(${name})`, ...v }); // 假设您只需要选择的第一个字段的名称
-                }
-            }
-        }
-    },
-}
-</script>

frontend/src/components/FieldList.vue

@@ -32,7 +32,7 @@ export default {
     ]
 
     const { state : rows, isReady: isLoaded, isLoading } = useAsyncState((args) => {
-      if (props.fields && Object.keys(props.fields).length > 0) {
+      if (props.fields) {
         return props.fields.map(f => ({ name: f.label, objectType: 'field', ...f }));
       } else {
         return api.get('api/v1/appfields', {

frontend/src/components/FieldSelect.vue

@@ -11,7 +11,6 @@
 import { ref, onMounted, reactive, watchEffect } from 'vue'
 import { api } from 'boot/axios';
 
-
 export default {
   name: 'fieldSelect',
   props: {
@@ -29,14 +28,10 @@ export default {
       type:Array,
       default:()=>[]
     },
-    fieldTypes:{
+    updateSelects: {
-      type:Array,
-      default:()=>[]
-    },
-    filter: String,
-    updateSelectFields: {
       type: Function
     },
+    filter: String,
   },
   setup(props) {
     const isLoaded = ref(false);
@@ -48,36 +43,33 @@ export default {
     const pageSetting = ref({
       sortBy: 'desc',
       descending: false,
-      page: 1,
+      page: 2,
       rowsPerPage: props.not_page ? 0 : 5
       // rowsNumber: xx if getting data from a server
     });
     const rows = reactive([]);
     const selected = ref(props.selectedFields && props.selectedFields.length>0?props.selectedFields:[]);
 
+    watchEffect(() => {
+        props.updateSelects(selected);
+    });
+
     onMounted(async () => {
-      const url = props.fieldTypes.includes('SPACER')?'api/v1/allfields':'api/v1/appfields';
+      const res = await api.get('api/v1/appfields', {
-      const res = await api.get(url, {
         params: {
           app: props.appId
         }
       });
       let fields = res.data.properties;
+      console.log(fields);
       Object.keys(fields).forEach((key) => {
         const fld = fields[key];
-        if(props.fieldTypes.length===0 || props.fieldTypes.includes(fld.type)){
+        // rows.push({name:fields[key].label,code:fields[key].code,type:fields[key].type});
-          rows.push({ name: fld.label || fld.code, ...fld });
+        rows.push({ name: fld.label, ...fld });
-        }
       });
       isLoaded.value = true;
     });
 
-    watchEffect(()=>{
-      if (selected.value && selected.value[0] && props.updateSelectFields) {
-        props.updateSelectFields(selected)
-      }
-    });
-
     return {
       columns,
       rows,

frontend/src/components/ShowDialog.vue

@@ -1,17 +1,20 @@
 <template>
   <!-- <div class="q-pa-md q-gutter-sm" > -->
     <q-dialog :model-value="visible" persistent bordered >
-      <q-card class="" style="min-width: 40vw; max-width: 80vw; max-height: 95vh;" :style="cardStyle">
+      <q-card style="min-width: 40vw; max-width: 80vw; max-height: 95vh;" :style="cardStyle">
         <q-toolbar class="bg-grey-4">
           <q-toolbar-title>{{ name }}</q-toolbar-title>
           <q-space></q-space>
           <slot name="toolbar"></slot>
           <q-btn flat round dense icon="close" @click="CloseDialogue('Cancel')" />
         </q-toolbar>
-        <q-card-section class="q-mt-md" :style="sectionStyle">
+        <q-card-section>
+          <!-- <div class="text-h6">{{ name }}</div> -->
+        </q-card-section>
+        <q-card-section class="q-pt-none" :style="sectionStyle">
          <slot></slot>
         </q-card-section>
-        <q-card-actions align="right" class="text-primary">
+        <q-card-actions align="right" class="text-primary q-mt-lg">
           <q-btn flat label="確定" v-close-popup @click="CloseDialogue('OK')" />
           <q-btn flat label="キャンセル" v-close-popup @click="CloseDialogue('Cancel')" />
         </q-card-actions>

frontend/src/components/VariableList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="q-pa-md">
-    <q-table flat bordered row-key="id" :selection="type" :selected="modelValue" :filter="filter"
+    <q-table flat bordered row-key="id" :selection="type" :selected="modelValue"
       @update:selected="$emit('update:modelValue', $event)" :columns="columns" :rows="rows" />
   </div>
 </template>
@@ -19,8 +19,7 @@ export default {
       reqired: true,
       default: () => []
     },
-    modelValue: Array,
+    modelValue: Array
-    filter: String
   },
   emits: [
     'update:modelValue'

frontend/src/components/left/EventTree.vue

@@ -3,11 +3,11 @@
   <q-tree :nodes="store.eventTree.screens" node-key="eventId" children-key="events" no-connectors
     v-model:expanded="store.expandedScreen" :dense="true" :ref="tree">
     <template v-slot:header-EVENT="prop">
-      <div :ref="prop.node.eventId" class="row col items-center no-wrap event-node" @click="onSelected(prop.node)">
+      <div :ref="prop.node.eventId" class="row col items-center no-wrap event-node">
         <q-icon v-if="prop.node.eventId" name="play_circle" :color="prop.node.hasFlow ? 'green' : 'grey'" size="16px"
           class="q-mr-sm">
         </q-icon>
-        <div class="no-wrap"
+        <div class="no-wrap" @click="onSelected(prop.node)"
           :class="selectedEvent && prop.node.eventId === selectedEvent.eventId ? 'selected-node' : ''">{{
             prop.node.label }}</div>
         <q-space></q-space>
@@ -15,21 +15,25 @@
       </div>
     </template>
     <template v-slot:header-CHANGE="prop">
-      <div class="row col items-start no-wrap event-node">
+      <div class="row col items-center no-wrap event-node">
-        <div class="no-wrap"
+        <div class="no-wrap">{{ prop.node.label }}</div>
-        :class="selectedEvent && prop.node.eventId === selectedEvent.eventId ? 'selected-node' : ''"
-        >{{ prop.node.label }}</div>
         <q-space></q-space>
         <q-icon name="add_circle" color="primary" size="16px" class="q-mr-sm"
           @click="addChangeEvent(prop.node)"></q-icon>
       </div>
     </template>
     <template v-slot:header-DELETABLE="prop">
-      <div class="row col items-start event-node" @click="onSelected(prop.node)">
+      <div class="row col items-center event-node">
-          <q-icon v-if="prop.node.eventId" name="play_circle" :color="prop.node.hasFlow ? 'green' : 'grey'" size="16px" class="q-mr-sm" />
+        <div class="row col items-center" @click="onSelected(prop.node)">
-          <div class="no-wrap" :class="selectedEvent && prop.node.eventId === selectedEvent.eventId ? 'selected-node' : ''" >{{ prop.node.label }}</div>
+          <q-icon v-if="prop.node.eventId" name="play_circle" :color="prop.node.hasFlow ? 'green' : 'grey'" size="16px"
-          <q-space></q-space>
+            class="q-mr-sm">
-          <q-icon  name="delete_forever"  color="negative" size="16px" @click="deleteEvent(prop.node)"></q-icon>
+          </q-icon>
+          <div>{{ prop.node.label }}</div>
+        </div>
+        <div>
+          <q-btn class="q-mr-sm delete-btn" flat fab-mini icon="delete_forever" padding="none" color="negative"
+            @click="deleteEvent(prop.node)"></q-btn>
+        </div>
       </div>
     </template>
   </q-tree>

frontend/src/components/right/AppFieldSelect.vue

@@ -48,8 +48,8 @@
             </q-card-section>
         </q-card>
     </div>
-    <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeAFBox">
+    <show-dialog v-model:visible="show" name="フィールド一覧" @close="closeFieldDialog" ref="fieldDlg">
-        <AppFieldSelectBox v-model:selectedField="selectedField" :selectType="selectType" ref="afBox"/>
+        <AppFieldSelectBox v-model:selectedField="selectedField" :selectType="selectType" />
     </show-dialog>
 </template>
 
@@ -105,12 +105,11 @@ export default defineComponent({
     },
     setup(props, { emit }) {
         const show = ref(false);
-        const afBox = ref();
         const selectedField = ref<IAppFields>({
             app: undefined,
             fields: []
         });
-        if (props.modelValue && 'app' in props.modelValue && 'fields' in props.modelValue) {
+        if (props.modelValue && "app" in props.modelValue && "fields" in props.modelValue) {
             selectedField.value = props.modelValue as IAppFields;
         }
         const store = useFlowEditorStore();
@@ -124,28 +123,17 @@ export default defineComponent({
         const removeField = (index: number) => {
             selectedField.value.fields.splice(index, 1);
         }
-
-        const closeAFBox = (val: string) => {
-            if (val == 'OK') {
-                console.log(afBox.value);
-                
-                selectedField.value = afBox.value.selField;
-            }
-        };
-
         watchEffect(() => {
             emit('update:modelValue', selectedField.value);
         });
 
         return {
             store,
-            afBox,
             show,
             showDg: () => { show.value = true },
             selectedField,
             clear,
             removeField,
-            closeAFBox,
         };
     }
 });

frontend/src/components/right/ConditionInput.vue

@@ -42,15 +42,6 @@ type Props = {
   }
 };
 
-type InputConfg = {
-  canInput: boolean;
-  buttonsConfig: {
-    label: string;
-    color: string;
-    type: string;
-  }[]
-};
-
 
 export default defineComponent({
   name: 'FieldInput',
@@ -93,24 +84,6 @@ export default defineComponent({
     },
     operatorList: {
       type: Array,
-    },
-    inputConfig: {
-      type: Object,
-      default: () => ({
-        left: {
-          canInput: false,
-          buttonsConfig: [
-            { label: 'フィールド', color: 'primary', type: 'FieldAdd' },
-            { label: '変数', color: 'green', type: 'VariableAdd' },
-          ]
-        },
-        right: {
-          canInput: true,
-          buttonsConfig: [
-            { label: '変数', color: 'green', type: 'VariableAdd' },
-          ]
-        },
-      })
     }
   },
 
@@ -125,8 +98,6 @@ export default defineComponent({
       }
     }
 
-    provide('leftDynamicItemConfig', props.inputConfig.left);
-    provide('rightDynamicItemConfig', props.inputConfig.right);
     provide('Operator', props.operatorList);
 
     const btnDisable = computed(() => {

frontend/src/components/right/DataMapping.vue

@@ -20,48 +20,41 @@
 
             <div class="q-mx-md">
                 <div class="row q-col-gutter-x-xs flex-center">
-                    <div class="col-6">
+                    <div class="col-5">
-                        <div class="q-mx-xs">ソース</div>
+                        <div class="q-mx-xs">From</div>
                     </div>
-                    <!-- <div class="col-1">
+                    <div class="col-1">
-                    </div> -->
-                    <div class="col-6">
-                        <div class="q-mx-xs">目標</div>
                     </div>
-                    <!-- <div class="col-1"><q-btn flat round dense icon="add" size="sm" @click="addMappingObject" /> -->
+                    <div class="col-5">
-                    <!-- </div> -->
+                        <div class="q-mx-xs">To</div>
                     </div>
-                <q-virtual-scroll style="max-height: 75vh;" :items="mappingProps" separator v-slot="{ item, index }">
+                    <div class="col-1"><q-btn flat round dense icon="add" size="sm" @click="addMappingObject" />
-                    <!-- <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-6">
-                            <ConditionObject :config="config" v-model="item.from" />
                     </div>
-                        <!-- <div class="col-1">
+                </div>
-                        </div> -->
+                <div class="q-my-sm" v-for="(item, index) in mappingProps" :key="item.id">
-                        <div class="col-6">
+                    <div class="row q-col-gutter-x-xs flex-center">
+                        <div class="col-5">
+                            <ConditionObject v-model="item.from" />
+                        </div>
+                        <div class="col-1">
+                        </div>
+                        <div class="col-5">
                             <q-field v-model="item.vName" type="text" outlined dense>
-                                <!-- <template v-slot:append>
+                                <template v-slot:append>
                                     <q-icon name="search" class="cursor-pointer"
                                         @click="() => { mappingProps[index].to.isDialogVisible = true }" />
-                                </template> -->
+                                </template>
                                 <template v-slot:control>
                                     <div class="self-center full-width no-outline" tabindex="0"
                                         v-if="item.to.app?.name && item.to.fields?.length > 0 && item.to.fields[0].label">
-                                        {{ `${item.to.fields[0].label}` }}
+                                        {{ `${item.to.app?.name} : ${item.to.fields[0].label}` }}
-                                        <q-tooltip>
-                                            <div>アプリ : {{ item.to.app.name }}</div>
-                                            <div>フィールドのコード : {{ item.to.fields[0].code }}</div>
-                                            <div>フィールドのタイプ : {{ item.to.fields[0].type }}</div>
-                                            <div>フィールド : {{ item.to.fields[0] }}</div>
-                                        </q-tooltip>
                                     </div>
                                 </template>
                             </q-field>
                         </div>
-                        <!-- <div class="col-1">
+                        <div class="col-1">
                             <q-btn flat round dense icon="delete" size="sm" @click="() => deleteMappingObject(index)" />
-                        </div> -->
+                        </div>
                     </div>
 
                     <show-dialog v-model:visible="mappingProps[index].to.isDialogVisible" name="フィールド一覧"
@@ -72,8 +65,7 @@
                         </FieldSelect>
                         <AppFieldSelectBox v-else v-model:selectedField="mappingProps[index].to" />
                     </show-dialog>
-                    <!-- </div> -->
+                </div>
-                </q-virtual-scroll>
             </div>
         </show-dialog>
     </div>
@@ -81,13 +73,12 @@
 
 <script lang="ts">
 import { v4 as uuidv4 } from 'uuid';
-import { computed, defineComponent, watch, isRef, reactive, ref, watchEffect } from 'vue';
+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';
-import { api } from 'boot/axios';
 
 type Props = {
     props?: {
@@ -108,6 +99,7 @@ type ValueType = {
     };
 }
 
+const defaultMappingProp = () => ({ id: uuidv4(), to: { app: {}, fields: [], isDialogVisible: false } });
 
 export default defineComponent({
     name: 'DataMapping',
@@ -145,84 +137,50 @@ export default defineComponent({
     },
 
     setup(props, { emit }) {
+        const closeDg = () => {
+            emit('update:modelValue', mappingProps
+            );
+        }
+
+        const closeToDg = () => {
+            emit('update:modelValue', mappingProps
+            );
+        }
+
+        const mappingProps: ValueType[] = props.modelValue
+            ? props.modelValue
+            : reactive([defaultMappingProp()]);
+
+
+        const deleteMappingObject = (index: number) => mappingProps.length === 1
+            ? mappingProps.splice(0, mappingProps.length, defaultMappingProp())
+            : mappingProps.splice(index, 1);
+
+        const mappingObjectsInputDisplay = computed(() =>
+            mappingProps ?
+                mappingProps
+                    .filter(item => item.from?.name && item.to.fields?.length > 0)
+                    .map(item => {
+                        const name = typeof item.from?.name === 'string'
+                            ? item.from.name
+                            : item.from?.name.name;
+                        return `[${name}] - (${item.to.app?.name} : ${item.to.fields[0].label})`;
+                    })
+                : []
+        );
+
         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 = () => {
-            emit('update:modelValue', mappingProps.value
-            );
-        }
-
-        const closeToDg = () => {
-            emit('update:modelValue', mappingProps.value
-            );
-        }
-
-        const mappingProps = computed(() => props.modelValue ?? []);
-
-        watch(() => sourceAppId.value, async (newId, oldId) => {
-            if (!newId) return;
-            const a = await api.get('api/v1/appfields', {
-                params: {
-                    app: newId
-                }
-            }).then(res => {
-                return Object.values(res.data.properties)
-                    .map(f => ({ name: f.label, objectType: 'field', ...f }))
-                    .map(f => {
-                        return {
-                            id: uuidv4(),
-                            from: {},
-                            to: {
-                                app: sourceApp.value,
-                                fields: [f],
-                                isDialogVisible: false
-                            }
-                        }
-                    })
-            })
-            const modelValue = props.modelValue ?? [];
-
-            if (modelValue.length === 0 || newId !== oldId) {
-                emit('update:modelValue', a);
-                return;
-            }
-            const modelValueFieldNames = modelValue.map(item => item.to.fields[0].name);
-
-            const newFields = a.filter(field => !modelValueFieldNames.includes(field.to.fields[0].name));
-
-            const updatedModelValue = [...modelValue, ...newFields];
-
-            emit('update:modelValue', updatedModelValue);
-        })
-
-        console.log(mappingProps.value);
-
-        // const deleteMappingObject = (index: number) => mappingProps.length === 1
-        //     ? mappingProps.splice(0, mappingProps.length, defaultMappingProp())
-        //     : mappingProps.splice(index, 1);
-
-        const mappingObjectsInputDisplay = computed(() =>
-            (mappingProps.value && Array.isArray(mappingProps.value)) ?
-                mappingProps.value
-                    .filter(item => item.from?.sharedText && item.to.fields?.length > 0)
-                    .map(item => {
-                        return `field(${item.to.app?.id},${item.to.fields[0].label}) = ${item.from.sharedText} `;
-                    })
-                : []
-        );
-
-
-
         const btnDisable = computed(() => props.onlySourceSelect ? !(source?.props?.modelValue?.app?.id) : false);
 
         //集計処理方法
 
         watchEffect(() => {
-            emit('update:modelValue', mappingProps.value);
+            emit('update:modelValue', mappingProps);
         });
         return {
             uuidv4,
@@ -231,18 +189,12 @@ export default defineComponent({
             toDgIsShow: ref(false),
             closeToDg,
             mappingProps,
-            // addMappingObject: () => mappingProps.push(defaultMappingProp()),
+            addMappingObject: () => mappingProps.push(defaultMappingProp()),
-            // deleteMappingObject,
+            deleteMappingObject,
             mappingObjectsInputDisplay,
             sourceApp,
             sourceAppId,
-            btnDisable,
+            btnDisable
-            config: {
-                canInput: false,
-                buttonsConfig: [
-                    { label: '変数', color: 'green', type: 'VariableAdd',editable:false },
-                ]
-            }
         };
     },
 });

frontend/src/components/right/DataProcessing.vue

@@ -139,7 +139,6 @@ export default defineComponent({
         }
         return null;
       }));
-      provide('sourceApp', computed(() => source.props?.modelValue?.app?.id));
     }
 
     const actionName = props.context.find(element => element?.props?.name === 'displayName')
@@ -169,7 +168,12 @@ export default defineComponent({
         processingObjects
           .filter(item => item.field && item.logicalOperator && item.vName)
           .map(item => {
-            return`var(${processingProps.name}.${item.vName}) = ${item.field.sharedText}`
+            const name = typeof item.field?.name === 'string'
+              ? item.field.name
+              : item.field?.name.name;
+            return item.logicalOperator.operator!==''?
+                     `${processingProps.name}.${item.vName} = ${item.logicalOperator.operator}(${name})`
+                    :`${processingProps.name}.${item.vName} = ${name}`
           })
         : []
     );

frontend/src/components/right/EventSetter.vue

@@ -61,12 +61,12 @@ export default defineComponent({
         if(store.eventTree.findEventById(addEventId)){
           return;
         }
-        customEvents.events.push({
+        customEvents.events.push(
-          eventId: addEventId,
+          new kintoneEvent(
-          label: displayName,
+            displayName,
-          parentId: customButtonId,
+            addEventId,
-          header: 'DELETABLE'
+            customButtonId)
-        });
+        );
       }
     }
 

frontend/src/components/right/FieldInput.vue

@@ -7,6 +7,9 @@
           {{ selectedField.name }}
         </q-chip>
       </template>
+      <!-- <template v-slot:hint v-if="isSelected">
+        <div> 項目コード：<q-chip  size="sm" outline color="secondary" text-color="white">{{selectedField.code}}</q-chip></div>
+      </template> -->
       <template v-slot:hint v-if="!isSelected">
         {{ placeholder }}
       </template>
@@ -16,7 +19,7 @@
       </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>
+      <field-select ref="appDg" name="フィールド" type="single" :appId="store.appInfo?.appId"></field-select>
     </show-dialog>
   </div>
 </template>
@@ -51,14 +54,6 @@ export default defineComponent({
       type: String,
       default: '',
     },
-    selectType:{
-        type:String,
-        default:'single'
-    },
-    fieldTypes:{
-      type:Array,
-      default:()=>[]
-    },
     hint: {
       type: String,
       default: '',

frontend/src/components/right/InputText.vue

@@ -33,10 +33,6 @@ export default defineComponent({
       type: String,
       default: '',
     },
-    fieldTypes:{
-      type:Array,
-      default:()=>[]
-    },
     hint: {
       type: String,
       default: '',

frontend/src/components/right/SelectBox.vue

@@ -29,7 +29,7 @@ export default defineComponent({
       default:'',
     },
     modelValue: {
-      type: [Array,String],
+      type: Object,
       default: null,
     },
   },

frontend/src/stores/flowEditor.ts

@@ -113,19 +113,19 @@ export const useFlowEditorStore = defineStore('flowEditor', {
     },
 
 
-    async deleteEvent(event: IKintoneEvent) {
+    deleteEvent(event: IKintoneEvent) {
       const store = useFlowEditorStore();
       if (event.flowData) {
         const flow = event.flowData;
-        if (flow.id !== '') {
+        if (flow.id === '') {
-          await flowCtrl.DeleteFlow(flow.id)
+          return;
-          if (this.flows) {
+        }
+        flowCtrl.DeleteFlow(flow.id)
+        eventTree.deleteEvent(event, store);
+        if(this.flows){
           this.flows = this.flows.filter((f) => f.id !== flow.id);
         }
-        }
+      } else {
-        eventTree.deleteEvent(event, store);
-      }
-      else {
         eventTree.deleteEvent(event, store);
       }
     },

frontend/src/types/Conditions.ts

@@ -201,12 +201,11 @@ export class ConditionTree {
     } else {
       const condNode=node as ConditionNode;
       if (condNode.object && condNode.operator ) {
-        // let value=condNode.value;
+        let value=condNode.value;
-        // if(value && typeof value ==='object' && ('label' in value)){
+        if(value && typeof value ==='object' && ('label' in value)){
-        //     value =condNode.value.label;
+            value =condNode.value.label;
-        // }
+        }
-        return `${condNode.object.sharedText} ${typeof condNode.operator === 'object' ? condNode.operator.label : condNode.operator} ${condNode.value.sharedText}`;
+        return `${typeof condNode.object.name === 'object' ? condNode.object.name.name : condNode.object.name} ${typeof condNode.operator === 'object' ? condNode.operator.label : condNode.operator} '${value}'`;
-        // return `${typeof condNode.object.name === 'object' ? condNode.object.name.name : condNode.object.name} ${typeof condNode.operator === 'object' ? condNode.operator.label : condNode.operator} '${value}'`;
       } else {
         return '';
       }
@@ -238,10 +237,11 @@ export class ConditionTree {
     } else {
       const condNode=node as ConditionNode;
       if (condNode.object && condNode.operator ) {
-        if (!condNode.object.code || !condNode.value.sharedText){
+        let value=condNode.value;
-          return '';
+        if(value && typeof value ==='object' && ('label' in value)){
+            value =condNode.value.label;
         }      
-        return `${condNode.object.code} ${typeof condNode.operator === 'object' ? condNode.operator.value : condNode.operator} "${condNode.value.sharedText}"`;
+        return `${condNode.object.code} ${typeof condNode.operator === 'object' ? condNode.operator.value : condNode.operator} "${value}"`;
       } else {
         return '';
       }

frontend/src/types/KintoneEvents.ts

@@ -95,7 +95,10 @@ export class KintoneEventManager {
           const lastIndex = eventId.lastIndexOf('.');
           const groupId = eventId.substring(0, lastIndex);
           const eventNode = this.findEventById(groupId);
-          if (eventNode && (eventNode.header === 'EVENTGROUP' || eventNode.header === 'CHANGE')) {
+          if (
+            eventNode &&
+            (eventNode.header === 'EVENTGROUP' || eventNode.header === 'CHANGE')
+          ) {
             const groupEvent = eventNode as kintoneEventGroup;
 
             const newEvent = {

node_modules/.package-lock.json

@@ -1,6 +0,0 @@
-{
-  "name": "App Builder for kintone",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {}
-}

node_modules/.yarn-integrity

@@ -1,10 +0,0 @@
-{
-  "systemParams": "win32-x64-115",
-  "modulesFolders": [],
-  "flags": [],
-  "linkedModules": [],
-  "topLevelPatterns": [],
-  "lockfileEntries": {},
-  "files": [],
-  "artifacts": {}
-}

plugin/kintone-addins/package-lock.json

@@ -8,8 +8,7 @@
       "name": "kintone-addins",
       "version": "0.0.0",
       "dependencies": {
-        "jquery": "^3.7.1",
+        "jquery": "^3.7.1"
-        "yarn": "^1.22.22"
       },
       "devDependencies": {
         "@types/jquery": "^3.5.24",
@@ -796,19 +795,6 @@
           "optional": true
         }
       }
-    },
-    "node_modules/yarn": {
-      "version": "1.22.22",
-      "resolved": "https://registry.npmjs.org/yarn/-/yarn-1.22.22.tgz",
-      "integrity": "sha512-prL3kGtyG7o9Z9Sv8IPfBNrWTDmXB4Qbes8A9rEzt6wkJV8mUvoirjU0Mp3GGAU06Y0XQyA3/2/RQFVuK7MTfg==",
-      "hasInstallScript": true,
-      "bin": {
-        "yarn": "bin/yarn.js",
-        "yarnpkg": "bin/yarn.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
     }
   }
 }

plugin/kintone-addins/package.json

@@ -8,12 +8,10 @@
     "watch": "vite build --watch --mode dev",
     "server": "vite dev --mode dev",
     "ngrok": "ngrok http 4173",
-
     "build": "run-s b:production copy:windows",
     "build:dev": "run-s b:dev copy:windows",
     "build:linux": "run-s b:production copy:linux",
     "build:linux-dev": "run-s b:dev copy:linux",
-
     "b:production": "vite build --mode production",
     "b:dev": "vite build --mode dev",
     "copy:windows": "xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
@@ -26,11 +24,10 @@
     "sass": "^1.69.5",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
-    "vite-plugin-checker": "^0.6.4"
+    "vite-plugin-checker": "^0.6.4",
+    "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "dependencies": {
-    "jquery": "^3.7.1",
+    "jquery": "^3.7.1"
-    "vite-plugin-css-injected-by-js": "^3.5.1",
-    "yarn": "^1.22.22"
   }
 }

plugin/kintone-addins/src/actions/auto-numbering.css

@@ -0,0 +1,24 @@
+.alc-button-normal {
+    display: inline-block;
+    box-sizing: border-box;
+    padding: 0 16px;
+    margin-left: 16px;
+    margin-top: 8px;
+    min-width: 100px;
+    outline: none;
+    border: 1px solid #e3e7e8;
+    background-color: #f7f9fa;
+    box-shadow: 1px 1px 1px #fff inset;
+    color: #3498db;
+    text-align: center;
+    line-height: 32px;
+}
+.alc-button-normal:hover {
+    background-color: #c8d6dd;
+    box-shadow: none;
+    cursor: pointer;
+  }
+.alc-button-normal:active {
+    color: #f7f9fa;
+    background-color: #54b8eb;
+}

plugin/kintone-addins/src/actions/auto-numbering.ts

@@ -1,7 +1,8 @@
 
 import { actionAddins } from ".";
-import { IField, IAction,IActionResult, IActionNode, IActionProperty, IContext, IVarName } from "../types/ActionTypes";
+import { IField, IAction,IActionResult, IActionNode, IActionProperty, IContext } from "../types/ActionTypes";
 import { Formatter } from "../util/format";
+import "./auto-numbering.css";
 
 declare global {
     interface Window { $format: any; }  
@@ -13,7 +14,7 @@ interface IAutoNumberingProps{
     format:string;
     prefix:string;
     suffix:string;
-    verName:IVarName;
+    verName:string;
 }
 
 export class AutoNumbering implements IAction{
@@ -29,7 +30,7 @@ export class AutoNumbering implements IAction{
             format:'',
             prefix:'',
             suffix:'',
-            verName:{name:''}
+            verName:''
         }
         globalThis.window.$format=this.format;
         this.register();
@@ -56,8 +57,8 @@ export class AutoNumbering implements IAction{
             const docNum = await this.createNumber(this.props);
             record[this.props.field.code].value=docNum;
             //変数設定
-            if(this.props.verName && this.props.verName.name!==''){
+            if(this.props.verName){
-                context.variables[this.props.verName.name]=docNum;
+                context.variables[this.props.verName]=docNum;
             }
             result= {
               canNext:true,

plugin/kintone-addins/src/actions/button-add.css

@@ -1,24 +0,0 @@
-.alc-button-normal {
-    display: inline-block;
-    box-sizing: border-box;
-    padding: 0 16px;
-    margin-left: 16px;
-    margin-top: 8px;
-    min-width: 100px;
-    outline: none;
-    border: 1px solid #e3e7e8;
-    background-color: #f7f9fa;
-    box-shadow: 1px 1px 1px #fff inset;
-    color: #3498db;
-    text-align: center;
-    line-height: 32px;
-}
-.alc-button-normal:hover {
-    background-color: #c8d6dd;
-    box-shadow: none;
-    cursor: pointer;
-  }
-.alc-button-normal:active {
-    color: #f7f9fa;
-    background-color: #54b8eb;
-}

plugin/kintone-addins/src/actions/button-add.ts

@@ -10,18 +10,12 @@ import "./button-add.css";
 interface IButtonAddProps {
     //ボタン表示名
     buttonName: string;
-    space?:ISpace;
     //配置位置
     position: string;
     //イベント名
     eventName:string
 }   
 
-interface ISpace{
-    type:string,
-    elementId:string
-}
-
 export class ButtonAddAction implements IAction {
     name: string; 
     actionProps: IActionProperty[]; 
@@ -55,19 +49,20 @@ export class ButtonAddAction implements IAction {
             }
             this.props = actionNode.ActionValue as IButtonAddProps; 
             //ボタンを配置する
-            let buttonSpace;
+            const menuSpace = kintone.app.record.getHeaderMenuSpaceElement();
-            if(this.props.space && this.props.space.elementId){
+            if(!menuSpace) return result;
-                buttonSpace = kintone.app.record.getSpaceElement(this.props.space.elementId);
+            if($("style#alc-button-add").length===0){
-            }else{
+                const css=`
-                buttonSpace = kintone.app.record.getHeaderMenuSpaceElement();
+                `;
+                const style = $("<style id='alc-button-add'>/<style>");
+                style.text(css);
+                $("head").append(style);
             }
-            if(!buttonSpace) return result;
-  
             const button =$(`<button id='${this.props.eventName}' class='alc-button-normal' >${this.props.buttonName}</button>`);
             if(this.props.position==="一番左に追加する"){
-                $(buttonSpace).prepend(button);
+                $(menuSpace).prepend(button);
             }else{
-                $(buttonSpace).append(button);
+                $(menuSpace).append(button);
             }
             const clickEventName = `${event.type}.customButtonClick.${this.props.eventName}`;
             button.on("click",()=>{

plugin/kintone-addins/src/actions/condition-action.ts

@@ -1,13 +1,13 @@
 
 import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IContext, IVarName } from "../types/ActionTypes";
+import {  IAction,IActionResult, IActionNode, IActionProperty, IContext } from "../types/ActionTypes";
 import { ConditionTree } from '../types/Conditions';
 /**
  * アクションの属性定義
  */
 interface ICondition{
     condition:string;
-    verName:IVarName;
+    verName:string;
 }
 /**
  * 条件分岐アクション
@@ -21,7 +21,7 @@ export class ConditionAction implements IAction{
         this.actionProps=[];
         this.props={
             condition:'',
-            verName:{name:''}
+            verName:''
         }
         //アクションを登録する
         this.register();
@@ -58,8 +58,8 @@ export class ConditionAction implements IAction{
                     result:'いいえ'
                   }
             }
-            if(this.props.verName && this.props.verName.name!==''){
+            if(this.props.verName){
-                context.variables[this.props.verName.name]=result.result;
+                context.variables[this.props.verName]=result.result;
             }
             return result;
         }catch(error){

plugin/kintone-addins/src/actions/counter-check.ts

@@ -1,75 +0,0 @@
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField} from "../types/ActionTypes";
-/**
- * アクションの属性定義
- */
-interface IStrCountCheckProps{
-    field:IField;//チェックするフィールドの対象
-    message:string;//エラーメッセージ
-    maxLength:number;//
-}
-/**
- * 正規表現チェックアクション
- */
-export class StrCountCheckAciton implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:IStrCountCheckProps;
-    constructor(){
-        this.name="文字数チェック";
-        this.actionProps=[];
-        this.props={
-            field:{code:''},
-            message:'',
-            maxLength:0
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode 
-     * @param event 
-     * @returns 
-     */
-    async process(actionNode:IActionNode,event:any):Promise<IActionResult> {
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps=actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) && !('message' in actionNode.ActionValue) && !('strExpression'in actionNode.ActionValue)) {
-                return result
-            }
-            
-            this.props = actionNode.ActionValue as IStrCountCheckProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code].value;
-            const maxLength = this.props.maxLength;
-            if(value === undefined || value === '' ){
-                return result;
-            }else if(maxLength < value.length){
-                record[this.props.field.code].error = this.props.message;
-            }else{
-                result= {
-                    canNext:true,
-                    result:true
-                  }
-            }
-            return result;
-        }catch(error){
-            event.error=error;
-            console.error(error);
-            result.canNext=false;
-            return result;
-        }
-    };
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-    
-}
-new StrCountCheckAciton();

plugin/kintone-addins/src/actions/current-field-get.ts

@@ -1,74 +0,0 @@
-import {
-  IAction,
-  IActionResult,
-  IActionNode,
-  IActionProperty,
-  IContext,
-} from "../types/ActionTypes";
-import { actionAddins } from ".";
-
-
-interface Props {
-  displayName: string;
-  field: Field;
-  verName: VerName;
-}
-
-interface VerName {
-  name: string;
-}
-
-interface Field {
-  name: string;
-  type: string;
-  code: string;
-  label: string;
-  noLabel: boolean;
-  required: boolean;
-  minLength: string;
-  maxLength: string;
-  expression: string;
-  hideExpression: boolean;
-  unique: boolean;
-  defaultValue: string;
-}
-
-export class CurrentFieldGetAction implements IAction {
-  name: string;
-  actionProps: IActionProperty[];
-  currentFieldGetProps: Props;
-  constructor() {
-    this.name = "フィールドの値を取得する";
-    this.actionProps = [];
-    this.currentFieldGetProps = {} as Props;
-    this.register();
-  }
-
-  async process(
-    prop: IActionNode,
-    event: any,
-    context: IContext
-  ): Promise<IActionResult> {
-    this.currentFieldGetProps = prop.ActionValue as Props;
-    this.actionProps = prop.actionProps;
-
-    let result = {
-      canNext: true,
-      result: "",
-    } as IActionResult;
-    
-    try {
-      context.variables[this.currentFieldGetProps.verName.name] = context.record[this.currentFieldGetProps.field.code].value;
-    } catch (error) {
-      console.error("CurrentFieldGetAction error", error);
-      result.canNext = false;
-    }
-    return result;
-  }
-
-  register(): void {
-    actionAddins[this.name] = this;
-  }
-}
-
-new CurrentFieldGetAction();

plugin/kintone-addins/src/actions/data-mapping.ts

@@ -7,70 +7,41 @@ import {
 } from "../types/ActionTypes";
 import { actionAddins } from ".";
 
-interface Props {
+export type IApp = {
-  displayName: string;
-  sources: Sources;
-  dataMapping: DataMapping[];
-}
-
-interface DataMapping {
   id: string;
-  from: From;
-  to: To;
-}
-
-interface To {
-  app: App;
-  fields: Field[];
-  isDialogVisible: boolean;
-}
-
-interface Field {
   name: string;
-  type: string;
+};
+export type IField = {
+  name: string;
   code: string;
-  label: string;
+  type: string;
-  noLabel: boolean;
+};
-  required: boolean;
-  minLength: string;
-  maxLength: string;
-  expression: string;
-  hideExpression: boolean;
-  unique: boolean;
-  defaultValue: string;
-}
 
-interface From {
+export type IAppFields = {
-  sharedText: string;
+  app?: IApp;
-  _t: string;
+  fields: IField[];
+};
+
+type ValueType = {
   id: string;
-  objectType: string;
+  from: {
-  name: Name;
+    objectType: "variable" | "field";
-  actionName: string;
+    name: { name: string };
-  displayName: string;
+    code: string;
-}
+  };
+  to: IAppFields & {
+    isDialogVisible: boolean;
+  };
+};
 
-interface Name {
+type Props = { app: IApp; field: ValueType[] };
-  name: string;
-}
-
-interface Sources {
-  app: App;
-}
-
-interface App {
-  id: string;
-  name: string;
-  description: string;
-  createdate: string;
-}
 
 export class DataMappingAction implements IAction {
   name: string;
   actionProps: IActionProperty[];
   dataMappingProps: Props;
   constructor() {
-    this.name = "データマッピング";
+    this.name = "DataMapping";
     this.actionProps = [];
     this.dataMappingProps = {} as Props;
     this.register();
@@ -81,35 +52,67 @@ export class DataMappingAction implements IAction {
     event: any,
     context: IContext
   ): Promise<IActionResult> {
-    this.actionProps = prop.actionProps;
+    this.initActionProps(prop);
-    this.dataMappingProps = prop.ActionValue as Props;
+    this.initTypedActionProps();
-    console.log(prop.ActionValue);
-
-    // this.initTypedActionProps();
     let result = {
       canNext: true,
       result: "",
     } as IActionResult;
     try {
-      const record = this.dataMappingProps.dataMapping
+      for (const item of this.dataMappingProps.field) {
-        .filter(
+        if (item.from.objectType === "variable") {
-          (item) =>
+          if (
-            item.from.objectType === "variable" &&
             item.from.name.name &&
             item.to.app &&
             item.to.fields &&
             item.to.fields.length > 0
-        )
+          ) {
-        .reduce((accumulator, item) => {
+            const value = getValueByPath(
-          return {...accumulator, [item.to.fields[0].code]: {
+              context.variables,
-            value: getValueByPath(context.variables, item.from.name.name),
+              item.from.name.name
-          }};
+            );
-      }, {});
+            if (value) {
-      if (record && Object.keys(record).length > 0) {
+              await kintone.api(
-        await kintone.api(kintone.api.url("/k/v1/record.json", true), "POST", {
+                kintone.api.url("/k/v1/record.json", true),
-          app: this.dataMappingProps.sources.app.id,
+                "POST",
-          record: record,
+                {
-        });
+                  app: item.to.app.id,
+                  record: {
+                    [item.to.fields[0].code]: {
+                      value: value,
+                    },
+                  },
+                }
+              );
+            }
+          }
+        } else if (item.from.objectType === "field") {
+          if (
+            item.from.code &&
+            item.to.app &&
+            item.to.fields &&
+            item.to.fields.length > 0
+          ) {
+            const value = await selectData(
+              item.to.app.id,
+              item.to.fields[0].code
+            );
+            if (value && value.type === context.record[item.from.code].type) {
+              await kintone.api(
+                kintone.api.url("/k/v1/records.json", true),
+                "POST",
+                {
+                  app: item.to.app.id,
+                  records: value.value.map((v) => ({
+                    [item.to.fields[0].code]: {
+                      value: v,
+                    },
+                  })),
+                }
+              );
+            }
+          }
+        }
       }
     } catch (error) {
       console.error("DataMappingAction error", error);
@@ -120,6 +123,19 @@ export class DataMappingAction implements IAction {
     return result;
   }
 
+  private initActionProps(nodes: IActionNode) {
+    this.actionProps = nodes.actionProps;
+  }
+  private initTypedActionProps() {
+    for (const action of this.actionProps) {
+      if (action.component === "DataMapping") {
+        this.dataMappingProps.field = action.props.modelValue as ValueType[];
+      } else if (action.component === "AppSelect") {
+        this.dataMappingProps.app = action.props.modelValue.app as IApp;
+      }
+    }
+  }
+
   register(): void {
     actionAddins[this.name] = this;
   }

plugin/kintone-addins/src/actions/data-processing.ts

@@ -7,136 +7,31 @@ import {
 } from "../types/ActionTypes";
 import { actionAddins } from ".";
 
-interface Props {
-  displayName: string;
-  sources: Sources;
-  condition: string;
-  conditionO: Condition;
-  verName: VerName;
-}
 
-interface Condition {
+type DataProcessingProps = {
-  queryString: string;
+  app: {
-  index: number;
-  type: string;
-  children: Child[];
-  parent: null;
-  logicalOperator: string;
-}
-
-interface Child {
-  index: number;
-  type: string;
-  parent: string;
-  object: Object;
-  operator: ChildOperator;
-  value: Value;
-}
-
-interface Value {
-  sharedText: string;
-  _t: string;
-  objectType: string;
-  actionName: string;
-  displayName: string;
-  name: Name;
-}
-
-interface Name {
-  name: string;
-}
-
-interface ChildOperator {
-  label: string;
-  value: string;
-}
-
-interface Object {
-  sharedText: string;
-  _t: string;
-  name: string;
-  objectType: string;
-  type: string;
-  code: string;
-  label: string;
-  noLabel: boolean;
-  required: boolean;
-  minLength: string;
-  maxLength: string;
-  expression: string;
-  hideExpression: boolean;
-  unique: boolean;
-  defaultValue: string;
-}
-
-interface VerName {
-  name: string;
-  actionName: string;
-  displayName: string;
-  vars: Var[];
-}
-
-interface Var {
     id: string;
-  field: Field2;
-  logicalOperator: LogicalOperator;
-  vName: string;
-}
-
-interface LogicalOperator {
-  operator: string;
-  label: string;
-}
-
-interface Field2 {
-  sharedText: string;
-  _t: string;
     name: string;
-  objectType: string;
+  };
-  type: string;
+  conditionsQuery: string;
-  code: string;
+  propcessing: {
-  label: string;
+    varRootName: string;
-  noLabel: boolean;
-  required: boolean;
-  minLength: string;
-  maxLength: string;
-  expression: string;
-  hideExpression: boolean;
-  unique: boolean;
-  defaultValue: string;
-}
-
-interface Sources {
-  app: App;
     fields: Field[];
-}
+  };
+};
 
-interface Field {
+type Field = {
   name: string;
-  type: string;
   code: string;
-  label: string;
+  type: string;
-  noLabel: boolean;
+  varName: string;
-  required: boolean;
+  operator: string;
-  minLength: string;
+};
-  maxLength: string;
-  expression: string;
-  hideExpression: boolean;
-  unique: boolean;
-  defaultValue: string;
-}
-
-interface App {
-  id: string;
-  name: string;
-  description: string;
-  createdate: string;
-}
 
 export class DataProcessingAction implements IAction {
   name: string;
   actionProps: IActionProperty[];
-  dataProcessingProps: Props | null;
+  dataProcessingProps: DataProcessingProps | null;
   constructor() {
     this.name = "データ処理";
     this.actionProps = [];
@@ -145,15 +40,10 @@ export class DataProcessingAction implements IAction {
   }
 
   async process(
-    nodes: IActionNode,
+    nodes: IActionNode,event: any,context: IContext
-    event: any,
-    context: IContext
   ): Promise<IActionResult> {
-    this.actionProps = nodes.actionProps;
+    this.initActionProps(nodes);
-    this.dataProcessingProps = nodes.ActionValue as Props;
+    this.initTypedActionProps();
-    this.dataProcessingProps.conditionO = JSON.parse(
-      this.dataProcessingProps.condition
-    );
     let result = {
       canNext: true,
       result: "",
@@ -163,28 +53,23 @@ export class DataProcessingAction implements IAction {
         return result;
       }
     
-      const data = await selectData(
+      const data = await selectData(this.dataProcessingProps.conditionsQuery);
-        varGet(
-          this.dataProcessingProps.conditionO.queryString,
-          context.variables
-        )
-      );
       console.log("data ", data);
 
-      context.variables[this.dataProcessingProps.verName.name] =
+      context.variables[this.dataProcessingProps.propcessing.varRootName] =
-        this.dataProcessingProps.verName.vars.reduce((acc, f) => {
+        this.dataProcessingProps.propcessing.fields.reduce((acc, f) => {
           const v = calc(f, data);
           if (v) {
-            acc[f.vName] = calc(f, data);
+            acc[f.varName] = calc(f, data);
           }
           return acc;
-        }, {} as AnyObject);
+        }, {} as Var);
 
       console.log("context ", context);
       return result;
     } catch (error) {
       console.error(error);
-      event.error = error;
+      event.error=error;
       return result;
     }
   }
@@ -192,27 +77,50 @@ export class DataProcessingAction implements IAction {
   register(): void {
     actionAddins[this.name] = this;
   }
+
+  private initActionProps(nodes: IActionNode) {
+    this.actionProps = nodes.actionProps;
+  }
+
+  private initTypedActionProps() {
+    this.dataProcessingProps = {
+      app: {
+        id: "",
+        name: "",
+      },
+      conditionsQuery: "",
+      propcessing: {
+        varRootName: "",
+        fields: [],
+      },
+    };
+    for (const action of this.actionProps) {
+      if (action.component === "AppFieldSelect") {
+        this.dataProcessingProps.app.id = action.props.modelValue.app.id;
+        this.dataProcessingProps.app.name = action.props.modelValue.app.name;
+      } else if (action.component === "DataProcessing") {
+        this.dataProcessingProps.propcessing.varRootName =
+          action.props.modelValue.name;
+        for (const f of action.props.modelValue.vars) {
+          this.dataProcessingProps.propcessing.fields.push({
+            name: f.field.name,
+            code: f.field.code,
+            type: f.field.type,
+            varName: f.vName,
+            operator: f.logicalOperator.operator,
+          });
+        }
+      } else if (action.component === "ConditionInput") {
+        this.dataProcessingProps.conditionsQuery = JSON.parse(
+          action.props.modelValue
+        ).queryString;
+      }
+    }
+  }
 }
 
 new DataProcessingAction();
 
-const varGet = (str: string, vars: any) => {
-  console.log(str);
-
-  const regex = /var\((.*?)\)/g;
-  let match;
-  while ((match = regex.exec(str)) !== null) {
-    const varName = match[1];
-    if (varName in vars) {
-      str = str.replace(match[0], vars[varName]);
-    } else {
-      throw new Error(`変数${varName}が見つかりません`);
-    }
-  }
-  console.log(str);
-  return str;
-};
-
 const selectData = async (query?: string) => {
   return kintone
     .api(kintone.api.url("/k/v1/records", true), "GET", {
@@ -249,26 +157,24 @@ type Result = {
   };
 };
 
-type AnyObject = {
+type Var = {
   [key: string]: any;
 };
 
 const ERROR_TYPE = "ERROR_TYPE";
 
-const calc = (f: Var, result: Result) => {
+const calc = (field: Field, result: Result) => {
-  const type = typeCheck(f.field.type);
+  const type = typeCheck(field.type);
   if (!type) {
     return ERROR_TYPE;
   }
 
   const fun =
-    calcFunc[
+    calcFunc[`${type}_${Operator[field.operator as keyof typeof Operator]}`];
-      `${type}_${Operator[f.logicalOperator.operator as keyof typeof Operator]}`
-    ];
   if (!fun) {
     return ERROR_TYPE;
   }
-  const values = result[f.field.code].value;
+  const values = result[field.code].value;
   if (!values) {
     return null;
   }
@@ -302,7 +208,7 @@ enum Operator {
   MAX = "MAX",
   MIN = "MIN",
   COUNT = "COUNT",
-  FIRST = "FIRST",
+  FIRST = "FIRST"
 }
 
 enum CalcType {
@@ -368,7 +274,7 @@ const calcFunc: Record<string, (value: string[]) => string | null> = {
         ? minDateTime
         : currentDateTime
     ),
-  [`${CalcType.STRING}_${Operator.FIRST}`]: (value: string[]) => {
+  [`${CalcType.STRING}_${Operator.FIRST}`]:(value: string[])=>{
     return value[0];
-  },
+  }
 };

plugin/kintone-addins/src/actions/datetime-getter.ts

@@ -1,66 +0,0 @@
-import { actionAddins } from ".";
-import { IAction, IActionResult, IActionNode, IActionProperty, IField ,IContext, IVarName} from "../types/ActionTypes";
-/**
- * アクションの属性定義
- */
-interface IDatetimeGetterProps {
-    /**変数の名前 */
-    verName:IVarName;
-}
-/**
- * 現在日時を取得するアクション
- */
-export class DatetimeGetterAction implements IAction {
-    name: string;
-    actionProps: IActionProperty[];
-    props: IDatetimeGetterProps;
-    constructor() {
-        this.name = "現在日時";
-        this.actionProps = [];
-        this.props = {
-            verName:{name:''}
-        }
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode 
-     * @param event 
-     * @returns 
-     */
-    async process(actionNode: IActionNode, event: any,context:IContext): Promise<IActionResult> {
-        let result = {
-            canNext: true,
-            result: false
-        };
-
-        try {
-            //属性設定を取得する
-            this.actionProps = actionNode.actionProps;
-
-            if (!('verName' in actionNode.ActionValue) ) {
-                return result
-            }
-            this.props = actionNode.ActionValue as IDatetimeGetterProps;
-            
-            let today = new Date();
-          
-            if(this.props.verName && this.props.verName.name!==''){
-                context.variables[this.props.verName.name]=today.toISOString();
-            }
-
-            return result;
-
-        } catch (error) {
-            event.error = error;
-            console.error(error);
-            result.canNext = false;
-            return result;
-        }
-    };
-    register(): void {
-        actionAddins[this.name] = this;
-    }
-
-}
-new DatetimeGetterAction();

plugin/kintone-addins/src/actions/field-shown.ts

@@ -103,5 +103,6 @@ export class FieldShownAction implements IAction{
     register(): void {
         actionAddins[this.name]=this;
     }
+    
 }
 new FieldShownAction();

plugin/kintone-addins/src/actions/insert-value.ts

@@ -1,507 +0,0 @@
-
-
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField, IContext } from "../types/ActionTypes";
-import { ConditionTree } from '../types/Conditions';
-
-
-
-/**
- * アクションの属性定義
- */
-interface IInsertValueProps{
-    field:IField;
-    condition:string;
-    value:string;
-    show:string;
-}
-/**
- *
- */
-export class InsertValueAction implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:IInsertValueProps;
-    constructor(){
-        this.name="値を挿入する";// DBに登録したアクション名
-        this.actionProps=[];
-        //プロパティ属性の初期化
-        this.props={
-            field:{code:''},
-            condition:'',
-            value:'',
-            show:''
-        }
-        //アクションを登録する
-        this.register();
-    }
-
-    /**
-     * 空白文字を空白文字が非対応のフィールドに挿入しようとしていないか、必須項目フィールドに挿入しようとしていないかチェックする
-     * @param {string} inputValue - 挿入する値
-     * @return {boolean} -入力値が有効な日付形式の場合はtrueを返し、そうでない場合は例外を発生させる
-     */
-    checkInputBlank(fieldType :string | undefined,inputValue :string,fieldCode :string,fieldRequired :boolean | undefined,event :any): boolean{
-        //正規表現チェック
-        let blankCheck= inputValue.match(/^(\s|　)+?$/);//半角スペース・タブ文字・改行・改ページ・全角スペース
-
-        if(blankCheck !== null){
-            //空白文字を空白文字が非対応のフィールドに挿入しようとしている場合、例外を発生させる
-            if(fieldType === "NUMBER" || fieldType === "DATE" || fieldType === "DATETIME" || fieldType === "TIME" || fieldType === "USER_SELECT"
-                        || fieldType === "ORGANIZATION_SELECT" || fieldType === "GROUP_SELECT" || fieldType === "RADIO_BUTTON" || fieldType === "DROP_DOWN" || fieldType === "CHECK_BOX" || fieldType === "MULTI_SELECT"){
-                event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドには、空白文字は挿入できません。"; //レコードにエラーを表示
-                throw new Error("「"+fieldCode+"」"+"フィールドには、空白文字は挿入できません。「値を挿入する」コンポーネントの処理を中断しました。");
-
-            //空白文字を必須項目フィールドに挿入しようとしている場合、例外を発生させる
-            }else if(fieldRequired){
-                event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドは必須項目のため、空白文字は挿入できません。"; //レコードにエラーを表示
-                throw new Error("「"+fieldCode+"」"+"フィールドは必須項目のため、空白文字は挿入できません。「値を挿入する」コンポーネントの処理を中断しました。");
-            }
-        }
-
-        return true;
-    }
-
-    /**
-     * 入力値が半角数字かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {boolean} -入力値が有効な数値の場合はtrueを返し、そうでない場合は例外を発生させる
-     */
-    checkInputNumber(inputValue :string,fieldCode :string,event :any): boolean{
-        let inputNumberValue = Number(inputValue);//数値型に変換
-
-        //有限数かどうか判定s
-        if(!isFinite(inputNumberValue)){
-            event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な日付形式です。"; //レコードにエラーを表示
-            throw new Error("「"+fieldCode+"」"+"フィールドに入れようとした値は、有効な数値ではありません。「値を挿入する」コンポーネントの処理を中断しました。");
-        }
-        return true;
-    }
-
-    /** 入力値が有効な日付形式かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {boolean} -入力値が有効な日付形式の場合はtrueを返し、そうでない場合は例外を発生させる
-     */
-    checkInputDate(inputValue :string,fieldCode :string,event :any): boolean{
-        //正規表現チェック
-        let twoDigitMonthDay = inputValue.match(/(\d{4})-(\d{2})-(\d{2})$/);//4桁の数字-2桁の数字-2桁の数字
-        let singleDigitMonthDay = inputValue.match(/(\d{4})-(\d{1})-(\d{1})$/);//4桁の数字-1桁の数字-2桁の数字
-        let singleDigitMonth = inputValue.match(/(\d{4})-(\d{1})-(\d{2})$/);//4桁の数字-1桁の数字-2桁の数字
-        let singleDigitDay = inputValue.match(/(\d{4})-(\d{2})-(\d{1})$/);//4桁の数字-2桁の数字-1桁の数字
-        let dateTime = inputValue.match(/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}).000Z/);//時刻入りのUTCの日付形式
-        let date;
-        //date型に変換
-        date = new Date(inputValue);
-
-        //date型変換できたか確認
-        if(date !== undefined && !isNaN(date.getDate())){
-            //正規表現チェック確認
-            if(twoDigitMonthDay === null && singleDigitMonth === null && singleDigitDay === null && singleDigitMonthDay === null && dateTime === null){
-                    event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な日付形式です。"; //レコードにエラーを表示
-                    throw new Error("「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な日付形式です。「値を挿入する」コンポーネントの処理を中断しました。");
-            }
-        }
-        return true;
-    }
-
-    /** 入力値が有効な時刻形式かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {boolean} -入力値が有効な日付形式の場合はtrueを返し、そうでない場合は例外を発生させる
-     */
-    checkInputTime(inputValue :string,fieldCode :string,event :any): boolean{
-        //正規表現チェック
-        let timeFormat =inputValue.match(/^([0-9]|1[0-9]|2[0-3]):[0-5][0-9]$/);
-
-            //正規表現チェック確認
-            if(timeFormat === null){
-                    event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な時刻形式です。"; //レコードにエラーを表示
-                    throw new Error("「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な時刻形式です。「値を挿入する」コンポーネントの処理を中断しました。");
-            }
-        return true;
-    }
-
-    /**
-     * 入力値のフィールドタイプがDATETIMEであれば、時刻ありの日付形式変換し、DATEであれば時刻なしの日付形式変換する関数
-     * @param {string} inputValue -挿入する値
-     * @param {string} fieldType  -フィールドタイプ
-     * @return {string} -入力値が日付形式に変換できた場合は文字列を返し、そうでない場合は例外を発生させる
-     */
-    changeDateFormat(inputValue :string, fieldType :string,fieldCode :string,event :any): string{
-        let dateTime;
-        let date;
-
-        //挿入する値をdate型に変換
-        date = new Date(inputValue);
-        //date型変換できたか確認
-        if(date !== undefined && !isNaN(date.getDate())){
-
-            //日時フィールドの場合、時刻ありの日付形式変換
-            if(fieldType === "DATETIME"){
-                dateTime =date.toISOString();
-                return dateTime;
-            }
-
-            //日付フィールドの場合、時刻なしの日付形式変換
-            let dateArray=inputValue.match(/(\d{4})-(\d{1,2})-(\d{1,2})$/);//4桁の数字-1～2桁の数字-1～2桁の数字
-            if(dateArray !== null){
-                let yearIndex = 1;
-                let monthIndex = 2;
-                let dayIndex = 3;
-                let dateFormatted=`${dateArray[yearIndex]}-${dateArray[monthIndex]}-${dateArray[dayIndex]}`
-                return dateFormatted;
-            }
-
-        }
-
-        event.record[fieldCode]['error'] = "「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な日付形式です。"; //レコードにエラーを表示
-        throw new Error("「"+fieldCode+"」"+"フィールドに入れようとした値は、無効な日付形式です。「値を挿入する」コンポーネントの処理を中断しました。");
-    }
-
-    /**
-     * 入力値がフィールドタイプ(ラジオボタン・ドロップダウン・複数選択・ドロップダウン)の選択肢に存在する値かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {boolean} -入力値が有効な値の場合はtrueを返し、そうでない場合は例外を発生させる
-     */
-    checkInputOption(inputValue :string,fieldOptions :string | undefined,fieldCode :string,event :any): boolean {
-
-        //入力値が選択肢に存在する値かチェックし、存在したらtrueを返す
-        if(fieldOptions !== undefined){
-            let options = Object.keys(fieldOptions);
-            for(var optionsIndex in options){
-                if(options[optionsIndex] === inputValue){
-                    return true;
-                }
-            }
-        }
-
-        event.record[fieldCode]['error']="「"+fieldCode+"」"+"には、存在しない値を挿入しようとしたため、処理を中断しました。";
-        throw new Error("「"+fieldCode+"」"+"には、存在しない値を挿入しようとしたため、処理を中断しました。「値を挿入する」コンポーネントの処理を中断しました。");
-    }
-
-    /**
-     * 入力値がフィールドタイプ(ユーザー選択)で、ユーザー情報に存在する値かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {string | boolean} 入力値が登録されているユーザー情報から見つかった場合、trueを返し、見つからなかった場合、falseを返す
-     */
-    async setInputUser(inputValue :string): Promise<string | boolean>{
-
-        //ユーザー名を格納する変数
-        let usersName;
-        const usersInfoColumnIndex=0;
-
-        try{
-            //APIでユーザー情報を取得する
-            const resp =await kintone.api(kintone.api.url('/v1/users', true), 'GET', {codes:[inputValue ]})
-
-            //入力されたログイン名(メールアドレス)がユーザー情報に登録されている場合、そのユーザー名を取得する
-            if (resp.users[usersInfoColumnIndex].code === inputValue) {
-                usersName=resp.users[usersInfoColumnIndex].name;
-            }
-
-            //ユーザー名が取得できた場合、ログイン名とユーザー名をフィールドにセットする
-            if(usersName === undefined){
-                throw new Error();
-            }
-        }catch{
-            return false;
-        }
-
-        return usersName;
-    }
-
-    /**
-     * 入力値がフィールドタイプ(組織選択)で、組織情報に存在する値かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {string | boolean} 入力値が登録されている組織情報から見つかった場合、trueを返し、見つからなかった場合、falseを返す
-     */
-    async setInputOrganization(inputValue :string): Promise<string | boolean>{
-
-        //組織名を格納する変数
-        let organizationName;
-        const organizationsInfoColumnIndex=0;
-
-        try{
-            //APIで組織情報を取得する
-            const resp =await kintone.api(kintone.api.url('/v1/organizations.json', true), 'GET', {codes:[inputValue ]})
-
-            //入力された組織コードが組織情報に登録されている場合、その組織名を取得する
-                if (resp.organizations[organizationsInfoColumnIndex].code === inputValue) {
-                    organizationName=resp.organizations[organizationsInfoColumnIndex].name;
-                }
-
-            //組織名が取得できた場合、組織コードと組織名をフィールドにセットする
-            if(organizationName === undefined){
-                throw new Error();
-            }
-        }catch{
-            return false;
-        }
-
-        return organizationName;
-    }
-
-    /**
-     * 入力値がフィールドタイプ(グループ選択)で、グループ情報に存在する値かチェックする関数
-     * @param {string} inputValue - 挿入する値
-     * @return {string | boolean} 入力値が登録されているグループ情報から見つかった場合、trueを返し、見つからなかった場合、falseを返す
-     */
-    async setInputGroup(inputValue :string): Promise<string | boolean>{
-
-        //グループ名を格納する変数
-        let groupsName;
-        const groupsInfoColumnIndex=0;
-
-        try{
-            //APIでグループ情報を取得する
-            const resp =await kintone.api(kintone.api.url('/v1/groups.json', true), 'GET', {codes:[inputValue ]})
-
-            //入力されたグループコードがグループ情報に登録されている場合、そのグループ名を取得する
-            if (resp.groups[groupsInfoColumnIndex].code === inputValue) {
-                groupsName=resp.groups[groupsInfoColumnIndex].name;
-            }
-
-            //グループ名が取得できた場合、グループコードとグループ名をフィールドにセットする
-            if(groupsName === undefined){
-                throw new Error();
-            }
-        }catch{
-            return false;
-        }
-
-        return groupsName;
-    }
-
-
-
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode
-     * @param event
-     * @returns
-     */
-    async process(actionNode:IActionNode,event:any,context:IContext):Promise<IActionResult> {
-
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps = actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) && !('value' in actionNode.ActionValue)) {
-                return result
-            }
-
-            const fieldColumnIndex=1;
-            const valueColumnIndex=3;
-
-            //プロパティで選択されたフィールド
-            const field=this.actionProps[fieldColumnIndex].props.modelValue.type;
-            //プロパティの挿入する値
-            const value=this.actionProps[valueColumnIndex].props.modelValue;
-
-            //条件式の結果を取得
-            const conditionResult = this.getConditionResult(context);
-            if(!conditionResult){
-                return result;
-            }
-
-            //プロパティの値を挿入するフィールドが未選択の場合、例外を発生させる
-            if(field === null){
-                throw new Error("「値を挿入する」コンポーネントで、値を挿入するフィールドが指定されていなかったため、処理が中断されました。");
-            }
-
-            //プロパティの値を挿入するフィールドが非対応フィールドの場合、例外を発生させる
-            //添付ファイル・テーブル・カテゴリー・ステータス・作成者・更新者・作業者・リビジョン番号・レコード番号・レコードID・計算・作成日時・更新日時フィールドが選択されている場合、例外を発生させる
-            if(field === "FILE" || field === "SUBTABLE" || field === "CATEGORY" || field === "STATUS"
-                    || field === "STATUS_ASSIGNEE" || field === "CREATOR" || field === "MODIFIER" || field === "__REVISION__"
-                        || field === "RECORD_NUMBER"|| field === "__ID__" || field ==="CALC" || field === "CREATED_TIME" || field === "UPDATED_TIME" ){
-                throw new Error("「値を挿入する」コンポーネントで、選択されたフィールドは、値を挿入するコンポーネントでは非対応のフィールドのため、処理を中断しました。");
-            }
-
-            //プロパティの挿入する値が未入力の場合、例外を発生させる
-            if(value === ""){
-                throw new Error("「値を挿入する」コンポーネントで、フィールドに挿入する値が指定されていなかったため、処理が中断されました。");
-            }
-
-            //既定のプロパティのインターフェースへ変換する
-            this.props = actionNode.ActionValue as IInsertValueProps;
-
-            //挿入する値を取得
-            let fieldValue = this.props.value;
-            //フィールドの種類を取得
-            const fieldType = this.props.field.type;
-            //フィールドが必須項目なのか取得
-            const fieldRequired=this.props.field.required;
-            //挿入するフィールドのコードを取得
-            const fieldCode=this.props.field.code;
-            //挿入する値の形式（手入力か変数）を取得
-            const insertValueType=this.props.show;
-            //ラジオボタン・チェックボックス・複数選択・ドロップダウンの選択肢を取得
-            let fieldOptions =this.props.field.options;
-            //変数の値を格納する
-            let variableValue;
-
-            //変数の場合、値が取得できるかチェック
-            if(insertValueType === "変数" && conditionResult){
-                variableValue = context.variables[fieldValue];
-
-                if(variableValue === undefined){
-                    throw new Error("「"+fieldCode+"」"+"フィールドに入れようとした変数は、無効な入力形式です。");
-                }
-                fieldValue = variableValue;
-            }
-
-            //入力値チェック後、形式変換、型変換した値を格納する変数
-            let correctFormattedValue;
-            //入力値チェック後、形式変換、型変換した値を格納する配列
-            let correctValues :string[] = [];
-            //入力エラー（空白文字の混入）がないことをチェック
-            let notInputError=this.checkInputBlank(fieldType,fieldValue,fieldCode,fieldRequired,event);
-
-            //条件式の結果がtrue、入力エラー（空白文字の混入）がない場合、挿入する値をフィールドタイプ別にチェックする
-            if(conditionResult && notInputError){
-
-                //文字列型のフィールドに挿入しようとしている値が適切の場合、correctFormattedValueに代入する
-                if(fieldType === "SINGLE_LINE_TEXT" || fieldType === "MULTI_LINE_TEXT" || fieldType === "RICH_TEXT" || fieldType === "LINK" ){
-                    correctFormattedValue = fieldValue;
-
-                //数値型のフィールドに挿入しようとしている値が適切の場合、数値型に型変換してcorrectFormattedValueに代入する
-                }else if(fieldType === "NUMBER" ){
-                    if(this.checkInputNumber(fieldValue,fieldCode,event)){//入力値チェック
-                        correctFormattedValue = Number(fieldValue);//型変換
-                    }
-
-                //日付・日時型のフィールドに挿入しようとしている値が適切の場合、指定の日付・日時に形式変換してcorrectFormattedValueに代入する
-                }else if(fieldType === "DATE" || fieldType === "DATETIME" ){
-                    if(this.checkInputDate(fieldValue,fieldCode,event)){//入力値チェック
-                        let formattedDate = this.changeDateFormat(fieldValue,fieldType,fieldCode,event)
-                        if(formattedDate){
-                            correctFormattedValue = formattedDate
-                        }
-                    }
-
-                //時刻フィールドに挿入しようとしている値が適切の場合、correctFormattedValueに代入する
-                }else if(fieldType === "TIME"){
-                    if(this.checkInputTime(fieldValue,fieldCode,event)){//入力値チェック
-                        correctFormattedValue = fieldValue;
-                    }
-
-                //ラジオボタン・ドロップダウンのフィールドの選択肢と入力値が一致した場合、correctFormattedValueに代入する
-                }else if(fieldType === "RADIO_BUTTON" || fieldType === "DROP_DOWN"){
-                    if(this.checkInputOption(fieldValue,fieldOptions,fieldCode,event)){//入力値チェック
-                        correctFormattedValue = fieldValue;
-                    }
-
-                //チェックボックス・複数選択のフィールドの選択肢と入力値が一致した場合、correctValuesの配列に代入する
-                }else if(fieldType === "CHECK_BOX" || fieldType === "MULTI_SELECT" ){
-                    if(this.checkInputOption(fieldValue,fieldOptions,fieldCode,event)){//入力値チェック
-                        correctValues[0] = fieldValue;
-                    }
-
-                //ユーザー情報フィードに挿入しようとした値が適切な場合、correctFormattedValueに代入する
-                }else if(fieldType === "USER_SELECT"){
-                    //挿入する値がユーザー情報から見つかれば、ユーザー名を格納
-                    let users=await this.setInputUser(fieldValue);
-
-                    //ユーザー名が格納できている場合、ログイン名とユーザー名をcorrectFormattedValueに代入する
-                    if(!users){
-                        event.record[fieldCode]['error']="ユーザー選択に、挿入しようとしたユーザー情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。";
-                        throw new Error("ユーザー選択に、挿入しようとしたユーザー情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。");
-                    }else{
-                        correctFormattedValue=[{ code: fieldValue, name: users }];
-                    }
-
-                //組織情報フィードに挿入しようとした値が適切な場合、correctFormattedValueに代入する
-                }else if(fieldType === "ORGANIZATION_SELECT"){
-                    //挿入する値が組織情報から見つかれば、組織名を格納
-                    let organizations=await this.setInputOrganization(fieldValue);
-
-                    //組織名が格納できている場合、組織コードと組織名をcorrectFormattedValueに代入する
-                    if(!organizations){
-                        event.record[fieldCode]['error']="組織選択フィールドに、挿入しようとした組織情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。";
-                        throw new Error("組織選択フィールドに、挿入しようとした組織情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。");
-                    }else{
-                        correctFormattedValue=[{ code: fieldValue, name: organizations}];
-                    }
-
-                //グループ情報フィードに挿入しようとした値が適切な場合、correctFormattedValueに代入する
-                }else if(fieldType === "GROUP_SELECT"){
-                    //挿入する値がグループ情報から見つかれば、グループ名を格納
-                    let groups=await this.setInputGroup(fieldValue);
-
-                    //グループ名が格納できている場合、グループコードとグループ名をcorrectFormattedValueに代入する
-                    if(!groups){
-                        event.record[fieldCode]['error']="グループ選択フィールドに、挿入しようとしたグループ情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。";
-                        throw new Error("グループ選択フィールドに、挿入しようとしたグループ情報は見つかりませんでした。「値を挿入する」コンポーネントの処理を中断しました。");
-                    }else{
-                        correctFormattedValue=[{ code: fieldValue, name: groups}];
-                    }
-                }
-            }
-
-            //条件式の結果がtrueかつ挿入する値が変換できた場合、フィールド（ラジオボタン・ドロップダウン・チェックボックス・複数選択・文字列一行・文字列複数行・リッチエディタ・数値・日付・日時・時刻）にセット
-            if(conditionResult && (correctFormattedValue || correctValues)){
-                //条件式の結果がtureかつ、値を正しい形式に変換できた場合、フィールドに値をセットする
-                if(correctFormattedValue){
-                    event.record[fieldCode].value = correctFormattedValue;
-                //条件式の結果がtureかつ、値を正しい形式（配列）に変換できた場合、フィールドに値（配列）をセットする
-                }else if(correctValues.length > 0){
-                    event.record[fieldCode].value = correctValues;
-                }
-            }
-
-            result= {
-                canNext:true,
-                result:true
-            }
-            return result;
-        }catch(error:any){
-            event.record;
-            event.error=error.message;
-            console.error(error);
-            result.canNext=true;//次のノードは処理を続ける
-            return result;
-        }
-
-    }
-
-    /**
-     *
-     * @param context 条件式を実行する
-     * @returns
-     */
-    getConditionResult(context:any):boolean{
-        //プロパティ`condition`から条件ツリーを取得する
-        const tree =this.getCondition(this.props.condition);
-        if(!tree){
-            //条件を設定されていません
-            return true;
-        }
-        return tree.evaluate(tree.root,context);
-    }
-
-    /**
-     * @param condition 条件式ツリーを取得する
-     * @returns
-     */
-    getCondition(condition:string):ConditionTree|null{
-        try{
-            const tree = new ConditionTree();
-            tree.fromJson(condition);
-            if(tree.getConditions(tree.root).length>0){
-                return tree;
-            }else{
-                return null;
-            }
-        }catch(error){
-            return null;
-        }
-    }
-
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-
-}
-new InsertValueAction();

plugin/kintone-addins/src/actions/mail-check.ts

@@ -1,80 +0,0 @@
-import { actionAddins } from ".";
-import { IAction, IActionResult, IActionNode, IActionProperty, IField } from "../types/ActionTypes";
-/**
- * アクションの属性定義
- */
-interface IMailCheckProps {
-    field: IField;//チェックするフィールドの対象
-    message: string;//エラーメッセージ
-    emailCheck:string;
-}
-/**
- * メールアドレスチェックアクション
- */
-export class MailCheckAction implements IAction {
-    name: string;
-    actionProps: IActionProperty[];
-    props: IMailCheckProps;
-    constructor() {
-        this.name = "メールアドレスチェック";
-        this.actionProps = [];
-        this.props = {
-            field: { code: '' },
-            message: '',
-            emailCheck:''
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode 
-     * @param event 
-     * @returns 
-     */
-    async process(actionNode: IActionNode, event: any): Promise<IActionResult> {
-        let result = {
-            canNext: true,
-            result: false
-        };
-
-        try {
-            //属性設定を取得する
-            this.actionProps = actionNode.actionProps;
-
-            if (!('field' in actionNode.ActionValue) && !('message' in actionNode.ActionValue) && !('emailCheck' in actionNode.ActionValue)) {
-                return result
-            }
-            this.props = actionNode.ActionValue as IMailCheckProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code].value;
-
-            if (this.props.emailCheck === '厳格') {
-                if (!/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value)) {
-                    record[this.props.field.code].error = this.props.message;
-                }
-            } else if (this.props.emailCheck === 'ゆるめ') {
-                if (!/^[^@]+@[^@]+$/.test(value)) {
-                    record[this.props.field.code].error = this.props.message;
-                }
-            } else {
-                result = {
-                    canNext: true,
-                    result: true
-                }
-            }
-            return result;
-        } catch (error) {
-            event.error = error;
-            console.error(error);
-            result.canNext = false;
-            return result;
-        }
-    };
-    register(): void {
-        actionAddins[this.name] = this;
-    }
-
-}
-new MailCheckAction();

plugin/kintone-addins/src/actions/regular-check.ts

@@ -1,72 +0,0 @@
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField} from "../types/ActionTypes";
-/**
- * アクションの属性定義
- */
-interface IRegularCheckProps{
-    field:IField;//チェックするフィールドの対象
-    message:string;//エラーメッセージ
-    regExpression:string;//正規表現式
-}
-/**
- * 正規表現チェックアクション
- */
-export class RegularCheckAction implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:IRegularCheckProps;
-    constructor(){
-        this.name="正規表現チェック";
-        this.actionProps=[];
-        this.props={
-            field:{code:''},
-            message:'',
-            regExpression:''
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode 
-     * @param event 
-     * @returns 
-     */
-    async process(actionNode:IActionNode,event:any):Promise<IActionResult> {
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps=actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) && !('message' in actionNode.ActionValue) && !('regExpression'in actionNode.ActionValue)) {
-                return result
-            }
-            this.props = actionNode.ActionValue as IRegularCheckProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code].value;
-            const regex = new RegExp(this.props.regExpression);
-            if(!regex.test(value)){
-                record[this.props.field.code].error=this.props.message;
-            }else{
-                result= {
-                    canNext:true,
-                    result:true
-                  }
-            }
-            return result;
-        }catch(error){
-            event.error=error;
-            console.error(error);
-            result.canNext=false;
-            return result;
-        }
-    };
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-    
-}
-new RegularCheckAction();

plugin/kintone-addins/src/actions/string-join.ts

@@ -1,211 +0,0 @@
-import { actionAddins } from ".";
-import { IField, IAction,IActionResult, IActionNode, IActionProperty } from "../types/ActionTypes";
-import { Formatter } from "../util/format";
-
-//右UI画面propertyのname:型：
-interface IStringJoinProps{
-    //保存先フィールド
-    saveField:IField;
-    //結合元フィールド1
-    joinField1:IField;
-    //結合元フィールド2
-    joinField2:IField;
-    //区切り文字
-    delimiter:string;
-}
-
-//IActionインタフェースを実装する新しいクラスActionを作成：
-export class StringJoinAction implements IAction{
-    name: string;
-    //importから導入顕示定義
-    actionProps: IActionProperty[];
-    //上方のinterface Propsから、props受ける属性を定義：
-    props:IStringJoinProps;
-    //関数定義に必要な類名を構築：
-    constructor(){
-        //pgAdminDBに登録したアクション名(name/subtitle)一致する必要がある：
-        this.name="文字結合";
-        this.actionProps=[];
-        this.register();
-        //プロパティ属性初期化：
-        this.props={
-            saveField:{code:''},
-            joinField1:{code:''},
-            joinField2:{code:''},
-            delimiter:''
-        }
-        //リセット上記登録表：
-        this.register();
-    }
-/**
- * アクションの処理を実装する
- * @param actionNode アクションノード
- * @param event Kintoneのイベント
- * @param context コンテキスト（レコード、変数情報を持っている）
- * @returns 
- */
-    //非同期処理ある関数下のある属性：
-    async process(actionNode:IActionNode,event:any):Promise<IActionResult> {
-        let result={
-            //後継処理不可：
-            canNext:false,
-            result:false
-        };
-        try{
-            //属性設定を取得する：
-            this.actionProps=actionNode.actionProps;
-            //プロパティ設定のデータ型は必要な情報含めますか？全部不存在時return:
-            if (!('saveField' in actionNode.ActionValue) && !('joinField1' in actionNode.ActionValue) && !('joinField2' in actionNode.ActionValue)) {
-                return result
-            }
-
-            //既定のプロパティのインタフェースへ変換：
-            this.props = actionNode.ActionValue as IStringJoinProps;
-            const record = event.record;
-
-            //kintoneフィールドタイプ取得：
-            const joinField1type=this.props.joinField1.type;
-            const joinField2type=this.props.joinField2.type;
-            const saveFieldtype=this.props.saveField.type;
-
-//////////////////////////////////////////////////////////////////////////////////////////////////////
-            // //保存先フィールドは文字列フィールドではない場合、エラー発生：
-            if(!(saveFieldtype==='SINGLE_LINE_TEXT'||saveFieldtype==='MULTI_LINE_TEXT'||saveFieldtype==='RICH_TEXT')){
-                event.error='[エラーメッセージ]：結合保存先対応不可。結合しません';
-                if (event.type.includes('success')){
-                    window.alert("[windows alert]："+event.error);
-                }
-                result = {
-                    canNext: false,
-                    result: false
-                }
-                return result;
-            }
-//////////////////////////////////////////////////////////////////////////////////////////
-    //値取得方法定義：
-    function getValue(value:string,type:string|undefined,fieldCode:string,event:any){
-        if(event.record[fieldCode]?.value===undefined||event.record[fieldCode]?.value===null){
-            event.record[fieldCode].value='';
-        }
-        //作成者、更新者：
-        if(type==='CREATOR'||type==='MODIFIER'){
-            value = event.record[fieldCode]?.value.name;
-        //日時、作成日時、更新日時：
-        }else if(type==='DATETIME'||type==='CREATED_TIME'||type==='UPDATED_TIME'){
-            if(event.record[fieldCode]?.value!==undefined && event.record[fieldCode]?.value!==''){
-                value = Formatter.dateFormat(new Date(event.record[fieldCode]?.value),'yyyy-MM-dd HH:mm');
-                }else{
-                    value=event.record[fieldCode]?.value;
-                }
-        //ユーザ選択、組織選択、グループ選択、添付ファイル名、作業者、カテゴリー：
-        }else if(type==='USER_SELECT'||type==='ORGANIZATION_SELECT'||type==='GROUP_SELECT'||type==='FILE'||type==='STATUS_ASSIGNEE'){
-            if(event.record[fieldCode]?.value===undefined || event.record[fieldCode]?.value===''){
-                value = event.record[fieldCode]?.value;
-            }else{
-                const mototext=event.record[fieldCode]?.value;
-                let arr=[];
-                for(let i=0;i<mototext.length;i++){
-                    arr.push(mototext[i].name);
-                }
-                //配列要素を,で連結して文字列を作成：
-                value=arr.join();
-            }
-        //カテゴリー、チェックボックス、複数選択：
-        }else if(type==='CATEGORY'||type==='CHECK_BOX'||type==='MULTI_SELECT'){
-            if(event.record[fieldCode]?.value===undefined || event.record[fieldCode]?.value===''){
-                value = event.record[fieldCode]?.value;
-            }else{
-                const mototext=event.record[fieldCode]?.value;
-                let arr=[];
-                for(let i=0;i<mototext.length;i++){
-                    arr.push(mototext[i]);
-                }
-                //配列要素を,で連結して文字列を作成：
-                value=arr.join();
-            }
-        //詳細画面プロセス実行後のステータス：
-        }else if(type==='STATUS'&&event.type.includes('process')){
-            value = event.nextStatus.value;
-        }else{
-            value = event.record[fieldCode]?.value;
-        }
-        if (value===undefined || value===null){
-            value='';
-        }        
-        return value;     
-    }
-//////////////////////////////////////////////////////////////////////
-            //値取得方法呼出：
-            let joinValue1:string='';
-            joinValue1=getValue(joinValue1,joinField1type,this.props.joinField1.code,event);
-/////////////////////////////////////////////////////////////////////////////////////
-            let joinValue2:string='';
-            joinValue2=getValue(joinValue2,joinField2type,this.props.joinField2.code,event);
-//////////////////////////////////////////////////////////////////////////////////////////////////////////
-            const conString = this.props.delimiter;
-            let saveValue:string='';
-            //前後結合元が空白なら区切り文字も空白にする(例:1-8の8無いなら1。1-8の1無いなら8。1空白8の8無いなら1。結合元全部空白なら全部空白):
-            if(joinValue1===''&&joinValue2===''){
-                saveValue='';
-            }else if(joinValue1===''&&joinValue2!==''){
-                saveValue=joinValue2;
-            }else if(joinValue2===''&&joinValue1!==''){
-                saveValue=joinValue1;
-            }else if(joinValue1!==''&&joinValue2!==''){
-                saveValue=`${joinValue1}${conString}${joinValue2}`
-            }
-////////////////////////////////////////////////////////////////////////////////////////////////////////////
-            //新規/更新/一覧保存成功後の以外のeventでPUT使用しない：
-            if (!event.type.includes('success')){
-                 //保存先フィールドに値セット：
-                 record[this.props.saveField.code].value=saveValue;
-                 window.alert("文字結合行いました。"+this.props.joinField1.name+":"+joinValue1+","+this.props.joinField2.name+":"+joinValue2+"。");
-            }else{
-                const params={
-                    "app":event.appId,
-                    "id":event.recordId,
-                    "record":{[this.props.saveField.code]:{"value":saveValue}}
-                };
-                return await kintone.api(kintone.api.url('/k/v1/record',true),'PUT',params).then((resp) => {
-                    //kintone保存先フィールド存在確認：
-                    record[this.props.saveField.code].value=saveValue;
-                    if (event.type.includes('index')){
-                        window.alert("文字結合行いました。"+this.props.joinField1.name+":"+joinValue1+","+this.props.joinField2.name+":"+joinValue2+"。一覧画面更新成功後自動リロードしません。必要に応じて手動リロードください。");
-                    }else{
-                        window.alert("文字結合行いました。"+this.props.joinField1.name+":"+joinValue1+","+this.props.joinField2.name+":"+joinValue2+"。");
-                    }
-                        //一覧画面更新成功後リロード：
-                    // if (event.type.includes('index')){
-                    //     event.url = location.href.endsWith('/') || location.href.endsWith('&') ?
-                    //     location.href.slice(0, -1) :
-                    //     location.href + (location.href.includes('?') ? '&' : '/');
-                    // }
-                }).catch((error) => {
-                    event.error = 'エラーが発生しました。結合しません。システム管理者へお問合せください';
-                    window.alert(event.error+"error message："+error);
-                    return event;
-                });
-            }
-//////////////////////////////////////////////////////////////////////////////////////////////////////
-            result= {
-                canNext:true,
-                result:true
-            }
-            return result;
-        }catch(error){;
-            if (event.type.includes('success')){
-                window.alert("[windows alert]：処理中異常が発生しました。結合しません。システム担当者へお問合せください。errorメッセージ："+error)
-            }
-            event.error="[エラーメッセージ]：処理中異常が発生しました。結合しません。システム担当者へお問合せください。errorメッセージ："+error;
-            return {
-                canNext:false,
-                result:false
-            }
-        }
-    }
-///////////////////////////////////////////////////////////////////////////////////////////////
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-}
-new StringJoinAction();

plugin/kintone-addins/src/actions/validation-fullwidth.ts

@@ -1,96 +0,0 @@
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField, IContext } from "../types/ActionTypes";
-
-//クラス名を設計書に揃える
-/**
- * アクションの属性定義
- */
-    interface FullWidthProps{
-        //checkOption:Array<string>,
-        field:IField
-    }
-/**
- * 全角チェックアクション
- */
-export class FullWidthAction implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:FullWidthProps;
-    constructor(){
-        this.name="全角チェック"; /* pgadminのnameと同様  */
-        this.actionProps=[];
-        this.props={
-            //checkOption:[],
-            field:{code:''}
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode
-     * @param event
-     * @returns
-     */
-    async process(actionNode:IActionNode,event:any,context:IContext):Promise<IActionResult> {
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps=actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) ) {
-                return result
-            }
-            this.props = actionNode.ActionValue as FullWidthProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code]?.value;
-            //条件分岐
-            //未入力時は何も処理をせず終了
-            if(value===undefined || value===''){
-                return result;
-            }
-            //半角が含まれていた場合resultがfalse
-            if(!this.containsFullWidthChars(value)){
-                //エラー時に出力される文字設定
-                record[this.props.field.code].error="半角が含まれています";
-                //次の処理を中止する値設定
-                result.canNext=false;
-                return result;
-            }
-            //resultプロパティ指定
-            result= {
-            canNext:true,
-            result:true
-            }
-            return result;
-
-        //例外処理
-        }catch(error){
-            event.error=error;
-            console.error(error);
-            result.canNext=false;
-            return result;
-        }
-    }
-    // 全て全角の文字列の場合はtrue、そうでない場合はfalse
-    containsFullWidthChars(text: string): boolean {
-
-        // 半角英数字カナ記号を除外
-        const checkRegex="^[^\x01-\x7E\uFF61-\uFF9F]+$";
-
-        //正規表現オブジェクト生成
-        const fullWidthRegex = new RegExp(checkRegex);
-
-        //正規表現チェック
-        return fullWidthRegex.test(text);
-    }
-
-    //戻り値を持たないためvoid型
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-}
-new FullWidthAction();

plugin/kintone-addins/src/actions/validation-halfwidth.ts

@@ -1,90 +0,0 @@
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField, IContext } from "../types/ActionTypes";
-
-/**
- * アクションの属性定義
- */
-    interface HalfWidthProps{
-        field:IField
-    }
-/**
- * 半角チェックアクション
- */
-export class HalfWidthAction implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:HalfWidthProps;
-    constructor(){
-        this.name="半角チェック"; /* pgadminのnameと同様  */
-        this.actionProps=[];
-        this.props={
-            field:{code:''}
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode
-     * @param event
-     * @returns
-     */
-    async process(actionNode:IActionNode,event:any,context:IContext):Promise<IActionResult> {
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps=actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) ) {
-                return result
-            }
-            this.props = actionNode.ActionValue as HalfWidthProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code]?.value;
-            //条件分岐
-            //未入力時は何も処理をせず終了
-            if(value===undefined || value===''){
-                return result;
-            }
-            //全角が含まれていた場合保存処理中止(エラー処理)
-            if(!this.containsHalfWidthChars(value)){
-                //エラー時に出力される文字設定
-                record[this.props.field.code].error="全角が含まれています";
-                //次の処理を中止する値設定
-                result.canNext=false;
-                return result;
-            }
-            //半角の場合問題なく実行
-            //resultプロパティ指定
-            result= {
-            canNext:true,
-            result:true
-            }
-            return result;
-        //例外処理
-        }catch(error){
-            event.error=error;
-            console.error(error);
-            result.canNext=false;
-            return result;
-        }
-    }
-    // 全て全角の文字列の場合はtrue、そうでない場合はfalse
-    containsHalfWidthChars(text: string): boolean {
-
-        const checkRegex = "^[\x01-\x7E\uFF61-\uFF9F]+$";
-        //正規表現オブジェクト生成
-        const halfWidthRegex = new RegExp(checkRegex);
-
-        //正規表現チェック
-        return halfWidthRegex.test(text);
-    }
-    //戻り値を持たないためvoid型
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-}
-new HalfWidthAction();

plugin/kintone-addins/src/actions/value-getter.ts

@@ -1,70 +0,0 @@
-import { actionAddins } from ".";
-import {  IAction,IActionResult, IActionNode, IActionProperty, IField, IContext, IVarName} from "../types/ActionTypes";
-/**
- * アクションの属性定義
- */
-interface IGetValueProps{
-    field:IField;//チェックするフィールドの対象
-    verName:IVarName;
-}
-/**
- * 正規表現チェックアクション
- */
-export class GetValueAciton implements IAction{
-    name: string;
-    actionProps: IActionProperty[];
-    props:IGetValueProps;
-    constructor(){
-        this.name="値を取得する";
-        this.actionProps=[];
-        this.props={
-            field:{code:''},
-            verName:{name:''}
-        }
-        //アクションを登録する
-        this.register();
-    }
-    /**
-     * アクションの実行を呼び出す
-     * @param actionNode 
-     * @param event 
-     * @returns 
-     */
-    async process(actionNode:IActionNode,event:any,context:IContext):Promise<IActionResult> {
-        let result={
-            canNext:true,
-            result:false
-        };
-        try{
-            //属性設定を取得する
-            this.actionProps=actionNode.actionProps;
-            if (!('field' in actionNode.ActionValue) && !('verName' in actionNode.ActionValue)) {
-                return result
-            }
-            
-            this.props = actionNode.ActionValue as IGetValueProps;
-            //条件式の計算結果を取得
-            const record = event.record;
-            const value = record[this.props.field.code].value;
-            if(this.props.verName && this.props.verName.name!==''){
-                context.variables[this.props.verName.name] = value;
-            }
-            result = {
-                canNext:true,
-                result:true
-                }
-            
-            return result;
-        }catch(error){
-            event.error=error;
-            console.error(error);
-            result.canNext=false;
-            return result;
-        }
-    };
-    register(): void {
-        actionAddins[this.name]=this;
-    }
-    
-}
-new GetValueAciton();

plugin/kintone-addins/src/index.ts

@@ -1,3 +1,9 @@
+// export const sum = (a: number, b: number) => {
+//   if ('development' === process.env.NODE_ENV) {
+//     console.log('boop');
+//   }
+//   return a + b;
+// };
 import $ from 'jquery';
 import { ActionProcess } from './types/action-process';
 import { ActionFlow } from './types/ActionTypes';

plugin/kintone-addins/src/types/ActionTypes.ts

@@ -89,13 +89,6 @@ export interface IField{
   name?:string;
   code:string;
   type?:string;
-  required?:boolean;
-  options?:string;
-}
-//変数のインターフェース
-export interface IVarName{
-  name:string;
-  fields?:IVarName[];
 }
 
 /**

plugin/kintone-addins/src/types/action-process.ts

@@ -8,17 +8,6 @@ import '../actions/button-add';
 import '../actions/condition-action';
 import '../actions/data-processing';
 import '../actions/data-mapping';
-import '../actions/current-field-get';
-import '../actions/regular-check';
-import '../actions/mail-check';
-import '../actions/counter-check';
-import '../actions/datetime-getter';
-import '../actions/insert-value';
-import '../actions/value-getter';
-import '../actions/string-join';
-import '../actions/validation-fullwidth';
-import '../actions/validation-halfwidth';
-
 import { ActionFlow,IActionFlow, IActionResult,IContext } from "./ActionTypes";
 
 export class ActionProcess{

plugin/kintone-addins/vite.config.js

@@ -1,7 +1,7 @@
 // vite.config.js
 import { defineConfig, loadEnv } from "vite";
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 import checker from "vite-plugin-checker";
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
 
 export default ({ mode }) => {
   process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
@@ -11,7 +11,7 @@ export default ({ mode }) => {
       checker({
         typescript: true,
       }),
-      cssInjectedByJsPlugin(),
+      libInjectCss(),
     ],
     build: {
       cssCodeSplit: false,

sample2.json

@@ -1,22 +1,55 @@
 [
     {
-    "component": "FieldInput",
+        "component": "InputText",
         "props": {
-      "displayName": "フィールド",
+            "displayName": "文字入力",
-      "modelValue": {},
+            "modelValue": "",
-      "name": "field",
+            "name": "str",
-      "placeholder": "対象項目を選択してください"
+            "placeholder": "文字を入力してください",
+            "maxLength":"20",
+            "hint":"文字列入力<br>入力ルール指定可能。ルールの設定例：[val=>!!val||'必須入力です']",
+            "rules":"[val=>!!val||'必須入力です']"
         }
     },
     {
-    "component": "SelectBox",
+        "component": "AppFieldSelect",
         "props": {
-        "displayName": "チェックする全角文字",
+            "displayName": "フィールド選択(複数)",
-        "modelValue": null,
+            "modelValue": {},
-        "name": "options",
+            "name": "selectFields",
-        "placeholder": "チェックしたい全角文字を選択する",
+            "placeholder": "アプリ選択後、フィールドを選んでください",
-        "selectType":"multiple",
+            "selectType":"multiple"
-        "options":["全角記号および句読点","ひらがな","カタカナ","全角英数字","常用漢字","拡張漢字"]
+        }
+    },
+    {
+        "component": "AppFieldSelect",
+        "props": {
+            "displayName": "フィールド選択(単一)",
+            "modelValue": {},
+            "name": "selectField",
+            "placeholder": "アプリ選択後、フィールドを選んでください",
+            "selectType":"single"
+        }
+    },
+    {
+        "component": "ColorPicker",
+        "props": {
+            "displayName": "色選択",
+            "modelValue": "",
+            "name": "color",
+            "placeholder": "カラーを選択してください"
+        }
+    },
+    {
+        "component": "NumInput",
+        "props": {
+            "displayName": "数値入力フィールド",
+            "modelValue": "",
+            "name": "num",
+            "max":100,
+            "min":0,
+            "placeholder": "数値を入力してください",
+            "rules":"[val=>!!val ||'数値を入力してください',val=>val<=100 && val>=1 || '1-100の範囲内の数値を入力してください']"
         }
     }
 ]

yarn.lock

@@ -1,4 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-