Kintoneがわファイルアップロード

frontend/src/components/left/AppSelector.vue

@@ -7,7 +7,9 @@
       style="font-size: 2em"
     />
     <div class="col-7 self-center ellipsis">
+      <a :href="!store.appInfo?'':`https://mfu07rkgnb7c.cybozu.com/k/${store.appInfo?.appId}`" target="_blank" title="Kiontoneへ">
       {{ store.appInfo?.name }}
+      </a>
     </div>
     <div class="self-center">
       <q-btn

frontend/src/components/right/FieldInput.vue

@@ -1,5 +1,5 @@
 <template>
-<q-input v-model="selectedField" :label="displayName" :placeholder="placeholder" >
+<q-input v-model="selectedField" :label="displayName" labelColor="" :placeholder="placeholder" clearable >
 <template v-slot:append>
   <q-icon name="search" class="cursor-pointer"  @click="showDg"/>
 </template>

frontend/src/components/right/MuiltInputText.vue

@@ -0,0 +1,37 @@
+<template>
+  <q-input :label="displayName" :placeholder="placeholder"  v-model="inputValue" autogrow />
+</template>
+
+<script lang="ts">
+import { defineComponent,ref,watchEffect } from 'vue';
+
+export default defineComponent({
+  name: 'MuiltInputText',
+  props: {
+    displayName:{
+      type: String,
+      default: '',
+    },
+    placeholder: {
+      type: String,
+      default: '',
+    },
+    modelValue: {
+      type: String,
+      default: '',
+    },
+  },
+
+  setup(props, { emit }) {
+    const inputValue = ref(props.modelValue);
+
+    watchEffect(() => {
+      emit('update:modelValue', inputValue.value);
+    });
+
+    return {
+      inputValue,
+    };
+  },
+});
+</script>

frontend/src/components/right/PropertyList.vue

@@ -15,6 +15,7 @@ import InputText from '../right/InputText.vue';
 import SelectBox from '../right/SelectBox.vue';
 import DatePicker from '../right/DatePicker.vue';
 import FieldInput from '../right/FieldInput.vue';
+import MuiltInputText from '../right/MuiltInputText.vue';
 import { IActionNode,IActionProperty } from 'src/types/ActionTypes';
 
 export default defineComponent({
@@ -23,7 +24,8 @@ export default defineComponent({
     InputText,
     SelectBox,
     DatePicker,
-    FieldInput
+    FieldInput,
+    MuiltInputText
   },
   props: {
     nodeProps: {

frontend/src/pages/FlowChart.vue

@@ -21,7 +21,7 @@
           </q-card-section>
         </q-card>
         <div class="flex-center fixed-bottom bg-grey-3 q-pa-md row ">
-          <q-btn color="deep-orange" glossy label="デプロイ"  @click="onDeploy" icon="sync"/>
+          <q-btn color="secondary" glossy label="デプロイ"  @click="onDeploy" icon="sync"/>
           <q-space></q-space>
           <q-btn color="primary" label="保存" @click="onSaveFlow" icon="save" />
       </div>

frontend/src/types/ActionTypes.ts

@@ -50,9 +50,14 @@ export interface IActionNode {
  */
 export interface IActionFlow {
   id: string;
-  actionNodes: Array<IActionNode>;
+  actionNodes: IActionNode[];
+  addNode(newNode: IActionNode, prevNode?: IActionNode, inputPoint?: string): IActionNode;
+  removeNode(targetNode: IActionNode): boolean;
+  removeAllNext(targetNodeId: string): void;
+  findNodeById(id: string): IActionNode | undefined;
+  toJSON(): any;
   getRoot(): IActionNode | undefined;
-  createNewId():string;
+  createNewId(): string;
 }
 
 /**