@riil-frontend/component-add-data-group

1.0.10 • Public • Published

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 不显示添加按钮问题

Readme

Keywords

Package Sidebar

Install

npm i @riil-frontend/component-add-data-group

Weekly Downloads

4

Version

1.0.10

License

MIT

Unpacked Size

2.31 MB

Total Files

14

Last publish

Collaborators

  • riil-frontend