Javascript Dragula-将元素从多个容器拖动到目标容器

我有4个容器，其中前3个是源容器，元素将添加到第4个容器（目标容器）中。除了目标容器之外，源容器中的元素不允许将元素放到相邻容器中，而在目标容器中丢弃的元素可以放回其各自的容器中

这是我的密码

dragula（[document.getElementById（'col1'）、document.getElementById（'col2'）、document.getElementById（'col3'）、document.getElementById（'done'））{
接受：函数（el、目标、源、同级）{
返回目标==document.getElementById（'done'）；
})；

.wrapper{display:table；}
.集装箱{
边框：2个点#ccc；
边界半径：5px；
宽度：250px；
填充：10px；
显示：表格单元格；
左边距：20px；
位置：相对位置；
文本对齐：居中
}
.货柜组{
边框：2px实心#F3；
边界半径：5px；
利润率：10px；
宽度：200px；
填充：10px；
颜色：#000；
光标：移动；
}
.vl:之后{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
底部：0；
左：50%；
左边框：6px纯绿色；
转换：翻译（-50%）；
}

芒果1
芒果2
芒果3
番石榴1号
番石榴2号
番石榴3
桃子1
桃子2
桃子3