npm package: @riil-frontend/component-add-data-group
Description: 添加数据组
Latest version: 1.0.10

# AddDataGroup

add-data-group

添加数据组 此组件为完全受控组件，value 值为必填

声明：组件数据项占用**myRowKey**作为 table 数据的索引项（primaryKey），由 uuid 方法自动生成；数据项占用**disabled**：boolean 作为控制当前项禁用删除按钮

## API

| 参数名            | 说明                                                                                             | 必填 | 类型               | 默认值   | 备注                           |
| ----------------- | ------------------------------------------------------------------------------------------------ | ---- | ------------------ | -------- | ------------------------------ |
| tableProps        | 透传 table 组件属性                                                                              | -    | object             | -        |                                |
| ColumnNodes       | table 列配置属性                                                                                 | -    | array              | -        |                                |
| onChange          | 添加行，删除行，拖拽行回调                                                                       | -    | (tableData:[])=>{} | -        |                                |
| value             | table 组件 dataSource 数据                                                                       | 必填 | array              | -        |                                |
| defaultRowData    | 组件点击添加时，默认增加一条此值的数据                                                           | 必填 | objcet             | -        |                                |
| minDataLength     | 组件数据最小长度，小于最小长度时，删除按钮禁用                                                   | -    | number             | -        |                                |
| maxDataLength     | 组件数据最大长度，大于最大长度时，添加按钮禁用                                                   | -    | number             | -        |                                |
| delNeedConfirm    | 点击删除按钮时，是否弹出二次确认提示                                                             | -    | boolean            | false    |                                |
| maxDataLengthMsg  | 添加按钮禁用时的提示信息                                                                         | -    | string             | -        | 最多允许添加${maxDataLength}组 |
| addDisabledMsg    | 添加按钮手动禁用提示信息                                                                         | -    | string             | 禁用添加 |                                |
| addDisabled       | 添加按钮禁用标记位                                                                               | -    | boolean            | -        |                                |
| optionColumnProps | 操作列配置项，可用于扩展操作列。属性同 table 的 Column。其中的 cell 对象，会被追加在删除按钮之前 | -    | object             | -        |                                |
| canDrag           | 是否可拖拽开关,若禁用，则第一列的拖拽按钮列将不显示                                              | -    | boolean            | true     |                                |
| isShowAddButton   | 是否显示添加按钮                                                                                 | -    | boolean            | true     |                                |
| isShowDeleteButton   | 是否显示删除按钮                                                                                 | -    | boolean            | true     |                                |



## CHANGE LOG

-   1.0.2 增加属性 isShowAddButton， 用于不需要显示添加按钮的场景
-   1.0.3 fix 增加属性 isShowAddButton 后引发的问题
-   1.0.4 tableProps 支持外部覆盖组件内 table 配置
-   1.0.5 修复 demo 不显示添加按钮问题