oantd
v0.0.1
Published
基于antd4.0封装的业务组件,包含了如下:
Downloads
3
Readme
Oantd
基于antd4.0封装的业务组件,包含了如下:
SearchTableContainer
基于antd4.0 Table组件而封装。
实现了搜索,筛选,分页,排序,渲染,序号 一体化服务。
适配屏幕高度和撑满剩余高度两种模式,轻松适配所有页面,不在需要去计算scrollY.
封装有各种自定义的筛选组件。基础搜索,基于接口的筛选,数字搜索,时间搜索,多种select搜索等。
重构封装了render的入口,不在为每一次表格使用而复制之前的封装。
也不需要在一个render里处理各种封装。
只要传入一个接口的url,一键完成表格的展示。
添加数据适配函数,可以处理各种数据。
可以实现原地刷新,刷新以后分页和页数不变。
通过透传的方式传入table的参数,封装并不会影响原有table功能的使用。
SearchContainer
基于antd4.0的筛选组件工厂。
轻量级的筛选组件工厂,提供两种数据模式。
筛选和输入,筛选返回数组结构,输入返回对象结构。
提供收起展开功能,默认展开,也可以通过参数来调整。
抽象定义了公共的接口,可以轻松扩展,也可以使用原有的组件。
使用栅格的方式进行组件的布局,适配多种情况,也可以自定义设置span。
目前提供的组件有:
- InputComponent 普通字符输入
- InputNumberComponent 数字输入
- MultipleSelectComponent 自己封装的多选组件--凡是用到多选,就用该组件
- SingleSelectComponent 单选组件
- SpreadFilterComponent 平铺筛选组件
- RangePickerComponent 时间范围组件
- DatePickerComponent 时间选择器组件
- TreeSelectComponent 由官方提供的树形结构组件--已支持高亮搜索titleh和key
- InputNumberRangeComponent 数字范围搜索组件
TopTabsContainer和TabsContainerHOC
实现通过tabs方式来渲染页面。不走路由的方式。
HoverButtonComponent
自定义button,支持传入四种模式的.