javascript - 使用 Dragula 调整块元素/弹性框的水平和垂直鼠标大小

Question

我正在尝试制作与典型的窗口调整大小功能相同的鼠标大小调整功能，您可以在其中抓住元素的 4 个边缘中的每一个并调整大小 - 或同时调整宽度和长度大小的角。

因为我已经在使用 Dragula 进行拖放功能（移动项目），所以我想避免使用https://jqueryui.com/resizable/来调整大小，我觉得 Dragula 应该能够处理这个作为出色地。但是除了这个https://github.com/bevacqua/dragula/issues/195之外，我找不到任何关于此的信息，其中的响应根本不是很有用。

这可能是一个愚蠢的问题，但我至少不知道如何用 Dragula 实现这个，所以我希望你们中的一个人能够启发我。:-)

Answer 1

您可以使用 move 方法仅允许从某个区域拖动，如下所示：

 constructor(private dragulaService: DragulaService,
          ) {
this.dragulaService.createGroup("CARDS", {
  direction: "vertical",
  moves: (el, source, handle): boolean => handle.className.indexOf("ri-card-header") > -1
});

}

这样你就可以指定一个 CSS 选择器来决定是否允许移动。如果moves 方法返回false，那么事件将被转发并且移动不会开始。