# teaness > a react business component library,example: https://blissful-blackwell-0e6e7c.netlify.com/ Latest version **5.6.0** (published 2022-02-17) · MIT license · 0 weekly downloads ## Install ```sh npm install teaness pnpm add teaness yarn add teaness bun add teaness ``` ## Health **Score 20/100 (F)** — status: abandoned. Positive: esm support; no vulnerabilities. Warnings: low downloads; no types. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 5.6.0 | | Published | 2022-02-17 | | First published | 2019-10-22 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | ESM + CommonJS | | Dependencies | 25 | | Unpacked size | 248.6 KB | | Known vulnerabilities | 0 (+2 in 1 direct dependencies) | | Install scripts | no | | GitHub stars | 2 | | Maintainers | tea310200 | | Keywords | react, component | ## Links - npm: https://www.npmjs.com/package/teaness - Repository: https://github.com/MyCupOfTeaOo/teaness - Homepage: https://github.com/MyCupOfTeaOo/teaness#readme - Issues: https://github.com/MyCupOfTeaOo/teaness/issues - npm.io page: https://npm.io/package/teaness ## Dependencies (25) - [qs](https://npm.io/package/qs.md) ^6.9.4 - [antd](https://npm.io/package/antd.md) ~4.16.10 - [mobx](https://npm.io/package/mobx.md) ^6.3.2 - [react](https://npm.io/package/react.md) ^17.0.2 - [install](https://npm.io/package/install.md) ^0.13.0 - [numeral](https://npm.io/package/numeral.md) ^2.0.6 - [@types/qs](https://npm.io/package/@types/qs.md) ^6.9.3 - [lodash-es](https://npm.io/package/lodash-es.md) ^4.17.15 - [react-dom](https://npm.io/package/react-dom.md) ^17.0.2 - [classnames](https://npm.io/package/classnames.md) ^2.2.6 - [mobx-react](https://npm.io/package/mobx-react.md) ^6.3.1 - [querystring](https://npm.io/package/querystring.md) ^0.2.0 - [get-pkg-repo](https://npm.io/package/get-pkg-repo.md) 4.1.1 - [ag-grid-react](https://npm.io/package/ag-grid-react.md) ^25.3.0 - [framer-motion](https://npm.io/package/framer-motion.md) ^1.11.0 - [rc-queue-anim](https://npm.io/package/rc-queue-anim.md) ^1.8.2 - [@types/numeral](https://npm.io/package/@types/numeral.md) ^2.0.1 - [async-validator](https://npm.io/package/async-validator.md) ^3.2.4 - [hosted-git-info](https://npm.io/package/hosted-git-info.md) ^2.1.4 - [mobx-react-lite](https://npm.io/package/mobx-react-lite.md) ^3.2.0 - [react-draggable](https://npm.io/package/react-draggable.md) ^4.4.3 - [@types/lodash-es](https://npm.io/package/@types/lodash-es.md) ^4.17.3 - [@material-ui/core](https://npm.io/package/@material-ui/core.md) ^4.10.1 - [ag-grid-community](https://npm.io/package/ag-grid-community.md) ^25.3.0 - [@material-ui/icons](https://npm.io/package/@material-ui/icons.md) ^4.9.1 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 5.6.0 (latest) — 2022-02-17 - 5.5.5 — 2022-01-27 - 5.5.4 — 2022-01-27 - 5.5.3 — 2021-12-21 - 5.5.2 — 2021-12-10 - 5.5.1 — 2021-12-09 - 5.5.0 — 2021-12-09 - 5.4.0 — 2021-12-09 - 5.3.4 — 2021-10-13 - 5.3.3 — 2021-09-13 - 5.3.2 — 2021-09-09 - 4.3.2 — 2021-09-01 - 4.3.1 — 2021-08-31 - 5.3.1 — 2021-08-30 - 4.3.0 — 2021-08-23 - … 231 more at https://npm.io/package/teaness/versions ## README --- name: Getting Started route: / menu: 'Getting Started' --- # teaness [![NPM version](https://img.shields.io/npm/v/teaness.svg)](https://img.shields.io/npm/v/teaness.svg) [![Dependency Status](https://img.shields.io/david/MyCupOfTeaOo/teaness)](https://img.shields.io/david/MyCupOfTeaOo/teaness) [![react-version](https://img.shields.io/npm/dependency-version/teaness/react)](https://img.shields.io/npm/dependency-version/teaness/react) [![antd-version](https://img.shields.io/npm/dependency-version/teaness/@material-ui/core)](https://img.shields.io/npm/dependency-version/teaness/@material-ui/core) [![antd-version](https://img.shields.io/npm/dependency-version/teaness/antd)](https://img.shields.io/npm/dependency-version/teaness/antd) [![mobx-version](https://img.shields.io/npm/dependency-version/teaness/mobx)](https://img.shields.io/npm/dependency-version/teaness/mobx) [![async-validator-version](https://img.shields.io/npm/dependency-version/teaness/async-validator)](https://img.shields.io/npm/dependency-version/teaness/async-validator) [![ag-grid-community-version](https://img.shields.io/npm/dependency-version/teaness/ag-grid-community)](https://img.shields.io/npm/dependency-version/teaness/ag-grid-community) [![ag-grid-react-version](https://img.shields.io/npm/dependency-version/teaness/ag-grid-react)](https://img.shields.io/npm/dependency-version/teaness/ag-grid-react) --- teaness 是一个的 react component 库,主要功能是 1. 高性能、易用的、可自定义 UI 的 Form 2. AgGrid 的 React 封装 3. 对 Ant design 组件的增强实现 4. 一些简单的组件封装 组件说明 Props 仅供参考,尽量直接看 interface # Install `npm i -S teaness` # style 需要先导入antd样式 例如 ```css @import 'antd/dist/antd.less'; ``` ## Example https://teaness.org/ ## todo - [x] 升级到 antd 4.0 - [ ] 重构 api 与不合理的组件结构 - [x] DataGrid - [x] Form - [x] Label - [x] ~~Modal~~删除该组件 - [x] Show - [x] 增加错误定位方法 ~~- [ ] 表单验证去抖~~真有性能问题在加这个机制 - [ ] 表单验证/显示增加多种模式 - [x] 输出错误时机 - [x] blur - [x] focus - [x] default - [x] 校验错误 - [x] 校验到一个即停止 - [x] 校验所有 - [ ] 显示错误 - [x] 所有的错误全部显示 - [ ] 同时显示一个错误 - [x] 错误显示组件 - [x] toolTip - [x] bottomText - [ ] 测试用例 - [x] 增加更好用的 grid hook ~~- [ ] 研究下 form 布局问题~~ --- _Source: https://npm.io/package/teaness · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._