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

intro component

Usage no npm install needed!

<script type="module">
  import riilFrontendComponentCommonResList from 'https://cdn.skypack.dev/@riil-frontend/component-common-res-list';
</script>

README

通用资源列表

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

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`	`Boolean`	`false`

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[]`
resetAndQuery	重置请求条件并重新请求	`() => Promise<any>`