@riil-frontend/component-common-res-list NPM

通用资源列表

@riil-frontend/component-common-res-list

CHANGE LOG

2022-7-1 权限参数 urlAuth,增加控制资源树权限
2022-11-28 新增customFilterNode属性，用来扩展自定义筛选器
2023-3-20 扩展reqFormat属性，用于动态修改查询资源数据请求体
2023-3-24 扩展ref.getCiTypeProps方法，用于获取资产类型过滤器配置
2023-3-30
1. 扩展ref.getSelectedRows方法，用于获取选中的表格数据
2. 扩展ref.service方法，公开内部的service，用于外部单独调用service
2023-6-1 增加showAllType参数

API

参数名	说明	类型	默认值
request	数据请求方法，必填	-	-
defaultCondition	默认查询条件	String	-
paginationProps	fusion pagination props 透传，如表格使用在抽屉中时需要修改翻页器类型，可使用该值	`Object`	-
tableProps	fusion next table props 透传	`Object`	-
filters	内置的过滤控件：ciType 表示类型级联选择，keyword 表示搜索	`Array`	`['ciType', 'keyword']`
noConditionIsEmpty	不传 condition 条件时的行为：true 表示不进行查询结果为空；false 表示查询全部资源	`Boolean`	`false`
limitTypes	限制查询的资源类型：内置查询时自带类型范围限制，且级联选择中只展示这些类型	`Array`	-
filterCiRes	过滤资源类型级联选择 dataSource	`Function`	-
checkable	是否允许勾选	`Boolean`	`true`
onCheckedChange	勾选内容变化时回调函数	`Function`	`(checkedIds) => {}`
checkIsNeedReset	表格数据刷新时，是否重置勾选项；默认不会重置，可设置为()=>true，则表格刷新后重置勾选项	`Function`	`() => false`
columnsFormat	表格列配置转换，以该函数返回值作为表格列配置	`Function`	`(columns) => columns`
noDataPageProps	无数据组件参数透传	`Object`	`{ imgSrc: '/noDataImg/tableNotData.svg' }`
innerTreeFilters	类型选择树默认过滤项，默认过滤项集合：可监控、可发现、有实例化资源，；如果只过滤可监控，传'monitorable'即可，其他情况同理	`Array`	`['monitorable', 'discoverable', 'instances']`
searchFields	搜索哪些列，默认为显示名称和 IP 地址，传到接口参数的 condition 中，逗号分隔	`String`	`'display_name,ipv4_address'`
urlAuth	使用带权限的 url 查询，为 true 时使用 `/mdc/v1/api/cmdb/authority/commonQueryCiData` ,`/mdc/v1/api/model-asset/authority/tree`	`Boolean`	`false`
defaultSelectedRowKeys	默认选中项	`Array`	-
defaultCiType	级联选择默认选中项	-	-
customFilterNode	放置在组件过滤器前面的自定义选择器	ReactNode	-
reqFormat	资源查询数据请求转换，以该函数返回值作为请求体配	`Function`	`(reqConfig) => reqConfig`	-
showAllType	类型过滤级联选择是否展示“全部类型”，不展示时默认选中第一个可选项	`Boolean`	`true`	-

ref 公开方法：可以获取到组件内部数据和方法，通过 ref.current 进行调用

参数	说明	类型
formProps	formily props	`Object`
tableProps	fusion next table props	`Object`
paginationProps	fusion pagination props	`Object`
query	处理过的请求方法，可以在外界刷新 table，默认会带上上一次请求的参数，传入对象会自动合并	`(params?: Object) => Promise<IResponse>`
getParams	获取请求参数，只会在请求成功才更新	`() => Object`
getSelectedRowKeys	获取选中行指定的 primaryKey 值	`() => any[]`
getSelectedRows	获取选中行记录	`() => any[]`
resetAndQuery	重置请求条件并重新请求	`() => Promise<any>`
getCiTypeProps	获取资产类型过滤器配置	`() => Object`
service	内部service方法	`({ keyword, ciType, current, pageSize, sortBy, sortOrder, condition }) => ({ data: { dataSource: [], total: 0 } })`