Xh-draggable NPM

xh-draggable

实现任意元素、组件拖动、排序、改变大小，无需修改原组件代码

import Draggable from 'xh-draggable';

const d = new Draggable(
    $dom, // 需要控制的元素元素
    options // 配置参数
);
d.on('dragOut', () => {
    .....
});

参数	类型	默认值	说明
dragId	string		拖动ID，在使用跨元素拖动时必传
isChildren	boolean	false	元素内的子元素是否能被拖动
isAllowOut	boolean	false	子元素是否能拖出父元素，跨元素拖动需设置为ture
isAllowIn	boolean	false	其他子元素是否能拖入本元素，跨元素拖动需设置为ture
isSort	boolean	false	是否支持拖动排序
resizeId	string		元素可以被拖动改变宽度、高度
direction	right / left / top / bottom		元素被拖动的改变方向

事件	参数	说明
drag	{id: dragId, index: 索引}	元素被拖动

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago