feat: numInput属性UI追加
inputText,numInputにrules設定追加、入力ルール設定可能
This commit is contained in:
232
sample.json
232
sample.json
@@ -2,25 +2,22 @@
|
||||
"id": "",
|
||||
"actionNodes": [
|
||||
{
|
||||
"id": "cdd696f5-7e9c-4fd7-bf8b-9cd1b1605870",
|
||||
"name": "app.record.create.submit",
|
||||
"id": "c5cd772a-04be-418e-a811-3787f98a2285",
|
||||
"name": "app.record.create.show",
|
||||
"title": "レコード追加画面",
|
||||
"subTitle": "保存をクリックしたとき",
|
||||
"subTitle": "レコード追加画面を表示した後",
|
||||
"inputPoint": "",
|
||||
"outputPoints": [],
|
||||
"isRoot": true,
|
||||
"actionProps": [],
|
||||
"ActionValue": {},
|
||||
"nextNodeIds": [
|
||||
[
|
||||
"",
|
||||
"dfa6df09-7b3e-4848-89ad-2e9147004f31"
|
||||
]
|
||||
]
|
||||
"nextNodeIds": {
|
||||
"": "1eb097b1-9d08-462e-97b0-6e3e1232edef"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "dfa6df09-7b3e-4848-89ad-2e9147004f31",
|
||||
"name": "自動採番する",
|
||||
"id": "1eb097b1-9d08-462e-97b0-6e3e1232edef",
|
||||
"name": "属性UIテスト用",
|
||||
"inputPoint": "",
|
||||
"outputPoints": [],
|
||||
"actionProps": [
|
||||
@@ -31,185 +28,86 @@
|
||||
"displayName": "表示名",
|
||||
"placeholder": "表示を入力してください",
|
||||
"hint": "",
|
||||
"modelValue": "文書番号を自動採番する"
|
||||
"modelValue": "属性UIテスト用"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "FieldInput",
|
||||
"component": "AppFieldSelect",
|
||||
"props": {
|
||||
"displayName": "採番項目",
|
||||
"displayName": "フィールド選択(複数)",
|
||||
"modelValue": {
|
||||
"name": "文書番号",
|
||||
"type": "SINGLE_LINE_TEXT",
|
||||
"code": "文書番号",
|
||||
"label": "文書番号",
|
||||
"noLabel": false,
|
||||
"required": false,
|
||||
"minLength": "",
|
||||
"maxLength": "",
|
||||
"expression": "",
|
||||
"hideExpression": false,
|
||||
"unique": false,
|
||||
"defaultValue": ""
|
||||
"app": {
|
||||
"id": "64",
|
||||
"name": "日報テスト",
|
||||
"description": "日々の業務内容、報告事項、所感などを記載していくアプリです。\n記録を行うだけでなく、あとからの振り返りやメンバー間のコミュニケーションにも活用できます。",
|
||||
"createdate": "2023/07/15 10:15:03"
|
||||
},
|
||||
"fields": [
|
||||
{
|
||||
"name": "ステータス",
|
||||
"type": "STATUS",
|
||||
"code": "ステータス",
|
||||
"label": "ステータス",
|
||||
"enabled": false
|
||||
}
|
||||
]
|
||||
},
|
||||
"name": "field",
|
||||
"placeholder": "採番項目を選択してください"
|
||||
"name": "selectFields",
|
||||
"placeholder": "アプリ選択後、フィールドを選んでください",
|
||||
"selectType": "multiple"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "InputText",
|
||||
"component": "AppFieldSelect",
|
||||
"props": {
|
||||
"displayName": "フォーマット",
|
||||
"modelValue": "000000",
|
||||
"name": "format",
|
||||
"placeholder": "数値書式文字列を指定します"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"displayName": "前につける文字列",
|
||||
"modelValue": "",
|
||||
"name": "prefix",
|
||||
"placeholder": "前につける文字列を入力してください"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"displayName": "後ろにつける文字列",
|
||||
"modelValue": "{$format('yyyyMMdd')}",
|
||||
"name": "suffix",
|
||||
"placeholder": "後ろにつける文字列を入力してください"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"displayName": "結果(戻り値)",
|
||||
"modelValue": "docNumber",
|
||||
"name": "verName",
|
||||
"placeholder": "変数名を入力してください"
|
||||
}
|
||||
}
|
||||
],
|
||||
"prevNodeId": "cdd696f5-7e9c-4fd7-bf8b-9cd1b1605870",
|
||||
"nextNodeIds": [
|
||||
[
|
||||
"",
|
||||
"b32bf329-f05a-486f-9b79-9920b57fe324"
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "b32bf329-f05a-486f-9b79-9920b57fe324",
|
||||
"name": "条件式",
|
||||
"inputPoint": "",
|
||||
"outputPoints": [
|
||||
"はい",
|
||||
"いいえ"
|
||||
],
|
||||
"actionProps": [
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"name": "displayName",
|
||||
"displayName": "表示名",
|
||||
"placeholder": "表示を入力してください",
|
||||
"hint": "",
|
||||
"modelValue": "条件式を設定する"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "ConditionInput",
|
||||
"props": {
|
||||
"displayName": "条件",
|
||||
"modelValue": "{\"index\":0,\"type\":\"root\",\"children\":[{\"index\":1,\"type\":\"condition\",\"parent\":\"root\",\"object\":{\"name\":\"部署\",\"objectType\":\"field\",\"type\":\"DROP_DOWN\",\"code\":\"ドロップダウン\",\"label\":\"部署\",\"noLabel\":false,\"required\":false,\"options\":{\"総務\":{\"label\":\"総務\",\"index\":\"2\"},\"サポート\":{\"label\":\"サポート\",\"index\":\"3\"},\"マーケティング\":{\"label\":\"マーケティング\",\"index\":\"1\"},\"営業\":{\"label\":\"営業\",\"index\":\"0\"},\"開発\":{\"label\":\"開発\",\"index\":\"4\"}},\"defaultValue\":\"\"},\"operator\":\"!=\",\"value\":\"\"},{\"index\":2,\"type\":\"condition\",\"parent\":\"root\",\"object\":{\"name\":\"所感、学び\",\"objectType\":\"field\",\"type\":\"MULTI_LINE_TEXT\",\"code\":\"文字列__複数行__0\",\"label\":\"所感、学び\",\"noLabel\":false,\"required\":false,\"defaultValue\":\"\"},\"operator\":\"!=\",\"value\":\"\"},{\"index\":3,\"type\":\"condition\",\"parent\":\"root\",\"object\":{\"name\":\"業務内容\",\"objectType\":\"field\",\"type\":\"MULTI_LINE_TEXT\",\"code\":\"文字列__複数行_\",\"label\":\"業務内容\",\"noLabel\":false,\"required\":false,\"defaultValue\":\"\"},\"operator\":\"!=\",\"value\":\"\"},{\"index\":4,\"type\":\"condition\",\"parent\":\"root\",\"object\":{\"name\":\"ステータス\",\"objectType\":\"field\",\"type\":\"STATUS\",\"code\":\"ステータス\",\"label\":\"ステータス\",\"enabled\":true},\"operator\":\"=\",\"value\":\"作成中\"}],\"parent\":null,\"logicalOperator\":\"AND\"}",
|
||||
"name": "condition",
|
||||
"placeholder": "条件式を設定してください"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"displayName": "結果(戻り値)",
|
||||
"modelValue": "conditionResult",
|
||||
"name": "verName",
|
||||
"placeholder": "変数名を入力してください"
|
||||
}
|
||||
}
|
||||
],
|
||||
"prevNodeId": "dfa6df09-7b3e-4848-89ad-2e9147004f31",
|
||||
"nextNodeIds": [
|
||||
[
|
||||
"いいえ",
|
||||
"82bdcbcc-d8c1-4e2c-b38f-f736c95b193a"
|
||||
]
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "82bdcbcc-d8c1-4e2c-b38f-f736c95b193a",
|
||||
"name": "表示/非表示",
|
||||
"inputPoint": "いいえ",
|
||||
"outputPoints": [],
|
||||
"actionProps": [
|
||||
{
|
||||
"component": "InputText",
|
||||
"props": {
|
||||
"name": "displayName",
|
||||
"displayName": "表示名",
|
||||
"placeholder": "表示を入力してください",
|
||||
"hint": "",
|
||||
"modelValue": "指定項目の表示・非表示を設定する"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "FieldInput",
|
||||
"props": {
|
||||
"displayName": "フィールド",
|
||||
"displayName": "フィールド選択(単一)",
|
||||
"modelValue": {
|
||||
"name": "文書番号",
|
||||
"type": "SINGLE_LINE_TEXT",
|
||||
"code": "文書番号",
|
||||
"label": "文書番号",
|
||||
"noLabel": false,
|
||||
"required": false,
|
||||
"minLength": "",
|
||||
"maxLength": "",
|
||||
"expression": "",
|
||||
"hideExpression": false,
|
||||
"unique": false,
|
||||
"defaultValue": ""
|
||||
"app": {
|
||||
"id": "58",
|
||||
"name": "日報",
|
||||
"description": "",
|
||||
"createdate": "2023/07/13 19:05:26"
|
||||
},
|
||||
"fields": [
|
||||
{
|
||||
"name": "所感、学び",
|
||||
"type": "MULTI_LINE_TEXT",
|
||||
"code": "文字列__複数行__0",
|
||||
"label": "所感、学び",
|
||||
"noLabel": false,
|
||||
"required": false,
|
||||
"defaultValue": ""
|
||||
}
|
||||
]
|
||||
},
|
||||
"name": "field",
|
||||
"placeholder": "対象項目を選択してください"
|
||||
"name": "selectField",
|
||||
"placeholder": "アプリ選択後、フィールドを選んでください",
|
||||
"selectType": "single"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "SelectBox",
|
||||
"component": "ColorPicker",
|
||||
"props": {
|
||||
"displayName": "表示/非表示",
|
||||
"options": [
|
||||
"表示",
|
||||
"非表示"
|
||||
],
|
||||
"modelValue": "非表示",
|
||||
"name": "show",
|
||||
"placeholder": ""
|
||||
"displayName": "色選択",
|
||||
"modelValue": "#f50000",
|
||||
"name": "color",
|
||||
"placeholder": "カラーを選択してください"
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "ConditionInput",
|
||||
"component": "NumInput",
|
||||
"props": {
|
||||
"displayName": "条件",
|
||||
"modelValue": "{\"index\":0,\"type\":\"root\",\"children\":[{\"index\":1,\"type\":\"condition\",\"parent\":\"root\",\"object\":{},\"operator\":\"=\",\"value\":\"\"}],\"parent\":null,\"logicalOperator\":\"AND\"}",
|
||||
"name": "condition",
|
||||
"placeholder": "条件式を設定してください"
|
||||
"displayName": "数値入力フィールド",
|
||||
"modelValue": 100,
|
||||
"name": "num",
|
||||
"max": 100,
|
||||
"min": 0,
|
||||
"placeholder": "数値を入力してください"
|
||||
}
|
||||
}
|
||||
],
|
||||
"prevNodeId": "b32bf329-f05a-486f-9b79-9920b57fe324",
|
||||
"nextNodeIds": []
|
||||
"prevNodeId": "c5cd772a-04be-418e-a811-3787f98a2285",
|
||||
"nextNodeIds": {}
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user