Package Exports

data-cell-g
data-cell-g/lib/color-picker/style
data-cell-g/lib/color-picker/style/index.js
data-cell-g/lib/data-edit-cell/style
data-cell-g/lib/data-edit-cell/style/index.js
data-cell-g/lib/date-picker/style
data-cell-g/lib/date-picker/style/index.js
data-cell-g/lib/icon/style
data-cell-g/lib/icon/style/index.js
data-cell-g/lib/index.js
data-cell-g/lib/input-cell-phone/style
data-cell-g/lib/input-cell-phone/style/index.js
data-cell-g/lib/input-email/style
data-cell-g/lib/input-email/style/index.js
data-cell-g/lib/input-language/style
data-cell-g/lib/input-language/style/index.js
data-cell-g/lib/input-money/style
data-cell-g/lib/input-money/style/index.js
data-cell-g/lib/input-number/style
data-cell-g/lib/input-number/style/index.js
data-cell-g/lib/input-tele-phone/style
data-cell-g/lib/input-tele-phone/style/index.js
data-cell-g/lib/input-url/style
data-cell-g/lib/input-url/style/index.js
data-cell-g/lib/input/style
data-cell-g/lib/input/style/index.js
data-cell-g/lib/location-selector/style
data-cell-g/lib/location-selector/style/index.js
data-cell-g/lib/select/style
data-cell-g/lib/select/style/index.js
data-cell-g/lib/selector/style
data-cell-g/lib/selector/style/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (data-cell-g) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

data-cell-g

Basic field-type components that support read-write separation based on antd with React

Screenshot

Demo

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

install

Feature

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

Usage

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

Contact

Create a Github issue for bug reports, feature requests, or questions
Follow @GantFDT for announcements
Add a ⭐️ star on GitHub to support the project❤️!

Anthor

GantFDT

License

MIT