feat: numInput属性UI追加

inputText,numInputにrules設定追加、入力ルール設定可能

sample2.json

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