amis/examples/components/Form/Formula.jsx

128 lines
3.6 KiB
JavaScript

export default {
"$schema": "https://houtai.baidu.com/v2/schemas/page.json#",
"title": "公式示例",
"body": [
"<p>通过公式,可以动态的设置目标值。</p>",
{
"type": "form",
title: "自动应用",
"api": "/api/mock2/form/saveForm",
"controls": [
{
"type": "number",
"name": "a",
"label": "A"
},
{
"type": "number",
"name": "b",
"label": "B"
},
{
"type": "number",
"name": "sum",
"label": "和",
"disabled": true,
description: '自动计算 A + B'
},
{
"type": "formula",
"name": "sum",
"value": 0,
"formula": "a + b"
}
]
},
{
"type": "form",
title: "手动应用",
"api": "/api/mock2/form/saveForm",
"controls": [
{
"type": "number",
"name": "a",
"label": "A"
},
{
"type": "number",
"name": "b",
"label": "B"
},
{
type: "group",
controls: [
{
"type": "number",
"name": "sum",
"label": "和",
"disabled": true,
"columnClassName": "col-sm-11",
},
{
"type": "button",
"label": "计算",
"columnClassName": "col-sm-1 v-bottom",
"target": "theFormula"
}
]
},
{
"type": "formula",
"name": "sum",
"id": "theFormula",
"value": 0,
"formula": "a + b",
"initSet": false,
"autoSet": false
}
]
},
{
"type": "form",
title: "条件应用",
"api": "/api/mock2/form/saveForm",
"controls": [
{
"type": "radios",
"name": "radios",
"inline": true,
"label": "radios",
"options": [
{
"label": 'a',
"value": 'a'
},
{
"label": 'b',
"value": 'b'
},
],
"description": 'radios 变化会自动清空 B'
},
{
"type": "text",
"name": "b",
"label": "B"
},
{
"type": "formula",
"name": "b",
"value": 'some string',
"formula": "''",
"condition": '${radios}',
"initSet": false,
}
]
},
]
}