sort-draggable

说明

拖放排序组件

演示

源码

配置

Name
Type
Description
Required
container
string
挂载到的 DOM 容器
true
dataSource
Array<{
titleText?: string; contentText?: string;
}>
数据源
false
animate
boolean
是否开启拖拽动画
false
dragWrapperStyle
object
拖拽容器的样式
false
dragOriginStyle
object
拖拽对象的默认样式
false
dragOriginActiveStyle
object
拖拽对象被拖拽时的样式
false
dragTargetActiveStyle
object
交换目标的活跃样式
false
onDragStartHook
(origin: HTMLElement) => void
*
false
onDragEnterHook
(origin: HTMLElement) => void
*
false
onDragLeaveHook
(origin: HTMLElement) => void
*
false
onDragOverHook
(origin: HTMLElement) => void
*
false
onDropHook
(origin: HTMLElement) => void
*
false
最近更新 1yr ago
复制链接