[
    {
        "component": "InputText",
        "props": {
            "displayName": "文字入力",
            "modelValue": "",
            "name": "str",
            "placeholder": "文字を入力してください",
            "maxLength":"20",
            "hint":"文字列入力<br>入力ルール指定可能。ルールの設定例：[val=>!!val||'必須入力です']",
            "rules":"[val=>!!val||'必須入力です']"
        }
    },
    {
        "component": "AppFieldSelect",
        "props": {
            "displayName": "フィールド選択(複数)",
            "modelValue": {},
            "name": "selectFields",
            "placeholder": "アプリ選択後、フィールドを選んでください",
            "selectType":"multiple"
        }
    },
    {
        "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の範囲内の数値を入力してください']"
        }
    }
]