/teaness

react components(Form,DataGrid) https://teaness.org/ 其他域名 https://teaness.netlify.app/

Primary LanguageTypeScriptMIT LicenseMIT

name route menu
Getting Started
/
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.css

Example

https://teaness.org/

todo

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