0.4.3 • Published 8 years ago
rci-dnd v0.4.3
rci-dnd
React-dnd
Screenshots
Usage
see examples
npm i rci-dndAPI
Dnd props
| name | description | type | default |
|---|---|---|---|
| className | additional css class of root dom node | String | '' |
| prefixCls | prefix class | String | 'rci-dnd' |
| data | data of dnd (unique id across all data) | Array | {id:Number/String, content:Node/any}, |
Block props
| name | description | type | default |
|---|---|---|---|
| className | additional css class of root dom node | String | '' |
| index | the index of Block | Number |
Card props
| name | description | type | default |
|---|---|---|---|
| className | additional css class of root dom node | String | '' |
| index | the index of Card | Number | |
| bIndex | the index of Block (Card inside) | Number | |
| placeholder | the placeholder of Card in Block (it's temporary appear) | bool | |
| content | the content of Card | node |
Development
npm install
npm startresource
drag-drop
- https://gaearon.github.io/react-dnd/docs-overview.html
- the-future-of-drag-and-drop-apis
- angular-drag-and-drop-lists
infinite scroll
Test Case
npm test
npm run chrome-testCoverage
npm run coverageopen coverage/ dir
License
rc-tree is released under the MIT license.