npm.io
5.6.0 • Published 4 years ago

teaness

Licence
MIT
Version
5.6.0
Deps
25
Size
249 kB
Vulns
2
Weekly
0
Stars
2

name: Getting Started route: / menu: 'Getting Started'

teaness

NPM version Dependency Status react-version antd-version antd-version mobx-version async-validator-version ag-grid-community-version ag-grid-react-version


teaness 是一个的 react component 库,主要功能是

  1. 高性能、易用的、可自定义 UI 的 Form
  2. AgGrid 的 React 封装
  3. 对 Ant design 组件的增强实现
  4. 一些简单的组件封装

组件说明 Props 仅供参考,尽量直接看 interface

Install

npm i -S teaness

style

需要先导入antd样式 例如

@import 'antd/dist/antd.less';

Example

https://teaness.org/

todo

  • 升级到 antd 4.0
  • 重构 api 与不合理的组件结构
    • DataGrid
    • Form
    • Label
    • Modal删除该组件
    • Show
  • 增加错误定位方法 - [ ] 表单验证去抖真有性能问题在加这个机制
  • 表单验证/显示增加多种模式
    • 输出错误时机
      • blur
      • focus
      • default
    • 校验错误
      • 校验到一个即停止
      • 校验所有
    • 显示错误
      • 所有的错误全部显示
      • 同时显示一个错误
    • 错误显示组件
      • toolTip
      • bottomText
  • 测试用例
  • 增加更好用的 grid hook - [ ] 研究下 form 布局问题

Keywords