如何在 Aurelia-Dragula 中设置容器特定选项？

Question

我在我的应用程序中使用 Aurelia-Dragula (https://github.com/michaelmalonenz/aurelia-dragula)，我想像在非 Aurelia Dragula 中一样为每个容器设置选项。

在我的情况下，我想在我想要 option.copy = true 的地方拥有 ContainerA，在我想要 option.removeOnSpill = true 的地方拥有 ContainerB。所以我都尝试了：

.plugin('aurelia-dragula', (options) => {
            options.removeOnSpill = true;
            options.copy = true;
        })

但结果是复制占了上风，removeOnSpill 不起作用。

登录到控制台时，选项变量在 aurelia-dragula 中的外观： {"containers":[],"copy":true,"copySortSource":false,"revertOnSpill":true,"removeOnSpill":true,"direction":"vertical","ignoreInputTextSelection":true,"mirrorContainer":{}}

如何在非 Aurelia Dragula 中完成的示例（来源：https://bevacqua.github.io/dragula/）：

dragula([document.getElementById(left), document.getElementById(right)], {
  copy: function (el, source) {
    return source === document.getElementById(left)
  },
  accepts: function (el, target) {
    return target !== document.getElementById(left)
  }
});

由于选项设置的不同，我在 aurelia-dragula 中找不到这方面的文档，我无法翻译它。

Answer 1

Righto - 所以是的，这绝对有可能。

我没有对此进行测试，但我相信这会起作用：

view.html

<template>
  <aurelia-dragula containers.one-way="containers" copy.call="shouldCopy(item, container)" accepts.call="shouldAccept(item, target, source, reference)"></aurelia-dragula>
</template>

viewmodel.js

export class ViewModel {

  get containers () {
    return [document.getElementById(left), document.getElementById(right)]
  }

  shouldCopy (item, container) {
    return container === document.getElementById(left)
  }

  shouldAccept(item, target, source, reference) {
    return target !== document.getElementById(left)
  }
}