umi-plugin-dnd
react-dnd
Usage
Configure in .umirc.js
,
plugins: 'umi-plugin-dnd' options
Options
TODO
LICENSE
MIT
API
Drag
将允许被拖动的节点,用 Drag
包裹
data
- 参数类型:
any
- 描述:在拖动事件响应的时候可以取到它,你可以写满足你判断的任意数据
- 是否必须: 是
- 默认值:无
type
- 参数类型:
String
- 描述:描述拖放组件的类型,只有同类型的组件才会互相响应
- 是否必须: 是
- 默认值:'dragBox'
icon
- 参数类型:
image
- 描述:添加被拖动时的预览图片,在移动端无效
- 是否必须: 否
- 默认值:无
Drop
将允许被放置的节点,用 Drop
包裹
onDrop
- 参数类型:
func
- 描述:被放置时响应的函数
- 是否必须: 是
- 默认值:无
data
- 参数类型:
any
- 描述:在拖动事件响应的时候可以取到它,你可以写满足你判断的任意数据
- 是否必须: 是
- 默认值:无
type
- 参数类型:
String
- 描述:描述拖放组件的类型,只有同类型的组件才会互相响应
- 是否必须: 是
- 默认值:'dragBox'
style
- 参数类型:
Style
- 描述:组件的默认样式
- 是否必须: 否
- 默认值:无
canDropStyle
- 参数类型:
Style
- 描述:组件的允许被放置时的样式,是一个中间状态
- 是否必须: 否
- 默认值:无
onOverStyle
- 参数类型:
Style
- 描述:组件的允许将被放置时的样式,是一个hover状态
- 是否必须: 否
- 默认值:
{ border: '1px dashed black',}