rci-dnd

React-dnd

Screenshots

Usage

see examples

npm i rci-dnd

API

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 start

resource

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

• https://github.com/seatgeek/react-infinite
  • dynamic-height，issue 62
• https://github.com/orgsync/react-list
  • issue

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-tree is released under the MIT license.