sort-draggable

说明
拖放排序组件
演示
源码
​https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/business/draggable/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

最近更新 2yr ago

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