ボタン配置改修

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://d433-133-139-70-173.ngrok-free.app/alc_runtime.js"
+DEPLOY_JS_URL = "https://aee6-133-139-109-232.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"]
 

sample2.json

@@ -2,54 +2,48 @@
     {
         "component": "InputText",
         "props": {
-            "displayName": "文字入力",
+            "displayName": "ボタン名",
             "modelValue": "",
-            "name": "str",
+            "name": "buttonName",
-            "placeholder": "文字を入力してください",
+            "placeholder": "ボタンのラベルを入力してください"
-            "maxLength":"20",
-            "hint":"文字列入力<br>入力ルール指定可能。ルールの設定例：[val=>!!val||'必須入力です']",
-            "rules":"[val=>!!val||'必須入力です']"
         }
     },
     {
-        "component": "AppFieldSelect",
+        "component": "FieldInput",
         "props": {
-            "displayName": "フィールド選択(複数)",
+            "displayName": "配置スペースを選択",
             "modelValue": {},
-            "name": "selectFields",
+            "name": "space",
-            "placeholder": "アプリ選択後、フィールドを選んでください",
+            "fieldTypes":["SPACER"],
-            "selectType":"multiple"
+            "placeholder": "ボタンを配置するスペースを選択"
         }
     },
     {
-        "component": "AppFieldSelect",
+        "component": "SelectBox",
         "props": {
-            "displayName": "フィールド選択(単一)",
+            "displayName": "追加位置",
-            "modelValue": {},
-            "name": "selectField",
-            "placeholder": "アプリ選択後、フィールドを選んでください",
-            "selectType":"single"
-        }
-    },
-    {
-        "component": "ColorPicker",
-        "props": {
-            "displayName": "色選択",
             "modelValue": "",
-            "name": "color",
+            "name": "position",
-            "placeholder": "カラーを選択してください"
+            "options": [
+                "一番右に追加する",
+                "一番左に追加する"
+            ],
+            "placeholder": "追加位置を選択してください"
         }
     },
     {
-        "component": "NumInput",
+        "component": "EventSetter",
         "props": {
-            "displayName": "数値入力フィールド",
+            "displayName": "イベント名",
             "modelValue": "",
-            "name": "num",
+            "name": "eventName",
-            "max":100,
+            "connectProps": [
-            "min":0,
+                {
-            "placeholder": "数値を入力してください",
+                    "key": "displayName",
-            "rules":"[val=>!!val ||'数値を入力してください',val=>val<=100 && val>=1 || '1-100の範囲内の数値を入力してください']"
+                    "propName": "buttonName"
+                }
+            ],
+            "placeholder": "イベント名を入力してください"
         }
     }
 ]