@riil-frontend/component-add-data-group
v1.0.10
Published
添加数据组
Downloads
22
Readme
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 不显示添加按钮问题