55 lines
1.8 KiB
JSON
55 lines
1.8 KiB
JSON
[
|
|
{
|
|
"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の範囲内の数値を入力してください']"
|
|
}
|
|
}
|
|
] |