# dome

**Repository Path**: kjss/dome

## Basic Information

- **Project Name**: dome
- **Description**: react antd form-list
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-29
- **Last Updated**: 2023-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

FormList

### props参数
|   参数  |   说明   |   类型  |  默认值  |
| ------- | ------- | ------- | ------- |
|    list  |   列表（下）      |  Array[object]       |  [] |      
|   formAttr  |   Form参数字段 参数可参考👇https://ant.design/components/form-cn/#Form      | object       |  {} |    
|   expandData  |   可放入组件的拓展数据（任何类型函数）[可使用Method(getExpandData方法进行获取)]     |  any      |  null |      
|   phantomFiled  |   幽灵字段(隐藏不会显示在表单的字段)[可以将额外的数据放进这个字段]      |  string       |  "" |      

#### list参数
|   参数  |   说明   |   类型  |  默认值  |
| ------- | ------- | ------- | ------- |
|label| 标签名称|string/jsx| ""|
|name| 字段名 |string/jsx| ""|
|formItemAttr| form.item参数Form参数字段 参数可参考👇https://ant.design/components/form-cn/#Form.Item |object| {}|
|componentAttr| 组件参数 |obejct| {} |
|template| 模板名称[input,autoComplete,number,datePicker,dateSelect,radio,checkbox,select,textArea,text,mip,slot] |string| '' |
|slot|插槽[template ='slot']|React|''|
|display|是否显示(为函数时是响应式) |boolean|function|true|
|initialEvent|表单初始时执行的函数|function|null|
|initialValue|该字段初始值|any|null|


### 方法 methods
|   参数  |   说明   |   类型  |  返回值  |
| ------- | ------- | ------- | ------- |
|Form本身方法| 可参考👇https://ant.design/components/form-cn/#Form || 
|initialFieldsValue|初始化表单数据，会触发initialEvent事件以及initialValue默认值|Function(Object):void|
|getAttrMapping|获取所有字段属性表数据|Function():object||
|setAttrMapping|设置属性表字段|Function(Object):void||
|validateFieldsSync|同步校验表单|async Function():boolean||
|getExpandData|获取拓展数据|Function():any||
|setItemStatus|设置某个字段当前状态| Function(target:string|Array[string],{msg:string,status:[error,loading,warning,success,validating,text] }):void||
|clearItemStatus|清除字段当前状态|Function(target:string|Array[string]):void||

### 插槽 slot
explame:(props参数必须要有value,onChange属性，与form双向绑定数据)
```
const App = forwardRef((props, cref) => {
  const { value, onChange, ...attr } = props;
  return (
    <span>123</span>
  );
});

App.displayName = '';
App.propTypes = {
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
  onChange: PropTypes.func,
};
App.defaultProps = {
  value: undefined,
  onChange: undefined,
};
export default App;

```