0.0.1 • Published 3 years ago

oantd v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

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,支持传入四种模式的.