msa-form

组件功能描述

Install

``bash
$ npm i msa-form --save
`

Usage

`jsx
import DynamicForm from 'msa-form';
`

自定义组件开发规范

1. 支持受控模式
`javascript

let value, onChange;
const formConfig = {
"Title": "标题",
"Envs": {},
"Parameters": {
"CustomComponent": {
"Label": {
"Zh-cn": "自定义组件",
"En": "Custom Component"
},
"Component": "Component::${product}::${componentName}",
"ComponentProps": {
"Value": value,
"Onchange": onChange,
}
}
}
}
``
注意：ComponentProps中的value onchange事件需要放到field.init的第三个参数上。

2. 业务组件为选择框的需要使用 ResourceSelect。如自定义组件选中的资源依赖于其他资源（VPC，Region等），则需监听依赖资源变化情况，并通过ref 触发ResourceSelect组件的 getList事件，从而更新datasource。