# data-cell-g

> gantd data-cell-g

Latest version **0.1.126** (published 2025-09-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install data-cell-g
pnpm add data-cell-g
yarn add data-cell-g
bun add data-cell-g
```

## Health

**Score 30/100 (F)** — status: maintenance-mode.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.126 |
| Published | 2025-09-18 |
| First published | 2020-02-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 11 |
| Unpacked size | 927.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | GantFDT |
| Maintainers | favori, eyelly, vvey, zhangdousang, solinma, yunfang, wujiaxian, liuyanlu, superchenwb |
| Keywords | React, gantd, antd, form, schema |

## Links

- npm: https://www.npmjs.com/package/data-cell-g
- Repository: https://github.com/gantFDT/GantD
- Homepage: http://www.gant.design
- Issues: https://github.com/gantFDT/GantD/issues
- npm.io page: https://npm.io/package/data-cell-g

## Dependencies (11)

- [antd](https://npm.io/package/antd.md) ^3.26.5
- [react](https://npm.io/package/react.md) ^16.12.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.11
- [moment](https://npm.io/package/moment.md) ^2.24.0
- [numeral](https://npm.io/package/numeral.md) ^2.0.6
- [recompose](https://npm.io/package/recompose.md) ^0.30.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0
- [color-picker-g](https://npm.io/package/color-picker-g.md) ^0.0.38
- [@ant-design/icons](https://npm.io/package/@ant-design/icons.md) 2.1.1
- [react-resize-detector](https://npm.io/package/react-resize-detector.md) ^4.2.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

- 0.1.126 (latest) — 2025-09-18
- 0.1.125 — 2025-09-15
- 0.1.124 — 2025-04-21
- 0.1.123 — 2025-04-21
- 0.1.122 — 2024-11-22
- 0.1.121 — 2024-11-22
- 0.1.120 — 2024-08-23
- 0.1.119 — 2024-07-12
- 0.1.118 — 2024-07-12
- 0.1.117 — 2024-07-12
- 0.1.116 — 2024-06-03
- 0.1.115 — 2024-01-23
- 0.1.114 — 2023-12-25
- 0.1.113 — 2023-12-18
- 0.1.112 — 2023-12-15
- … 115 more at https://npm.io/package/data-cell-g/versions

## README

# data-cell-g

---
Basic field-type components that support read-write separation based on antd with [`React`](https://facebook.github.io/react/)

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/data-cell-g.svg
[npm-url]: https://www.npmjs.com/package/data-cell-g

## Screenshot

<img src='https://zos.alipayobjects.com/rmsportal/JwLASrsOYJuFRIt.png' width='408'>

## Demo

online example: https://favori.gitee.io/gantd-landing (CodePen)

## install

[![rc-tabs](https://nodei.co/npm/data-cell-g.png)](https://npmjs.org/package/data-cell-g)

## Feature

- Data-intensive field components for business
- Support read and write separation
- Keep UI style with antd

## Usage

```js
import React, { useState } from 'react';
import { Input, InputTelePhone, InputEmail, SwitchStatus } from 'data-cell-g';

function BasicUse() {
  const [edit, setEdit] = useState('CANCEL')
  return <>
    <Button onClick={() => setEdit(SwitchStatus)} style={{ marginBottom: 5 }} size="small">{!(edit === 'EDIT') ? 'toEdit' : 'toRead'}</Button>
    <Input edit={edit}/>
    <InputTelePhone edit={edit}/>
    <InputEmail edit={edit}/>
    </>
}

React.render(<BasicUse/>, mountNode);
```

## API

[Documentation](https://jhildenbiddle.github.io/css-vars-ponyfill)

## Contact

- Create a [Github issue](https://github.com/jhildenbiddle/css-vars-ponyfill/issues) for bug reports, feature requests, or questions
- Follow [@GantFDT](https://twitter.com/jhildenbiddle) for announcements
- Add a ⭐️ [star on GitHub](https://github.com/jhildenbiddle/css-vars-ponyfill) to support the project❤️!

## Anthor 

GantFDT

## License

MIT

---
_Source: https://npm.io/package/data-cell-g · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._