自定义界面元素定义参考

自定义元素是基于 HTML5 的 Element 和
标准。

style

使用 CSS 定义你的样式。同。

template

listeners

通过定义一个 Object 将 DOM 事件绑定到自定义函数上。这个 Object 的 Key 就是 DOM 事件名，Value
则是函数本身。同面板定义参考。

behaviors

为一个数组，behaviors 会将数组中的元素通过 mixin 的方式融合到自定义元素本身。
目前内置的 behaviors 有：

Editor.UI.Focusable
Editor.UI.Disabled
Editor.UI.Readonly
Editor.UI.Droppable
Editor.UI.ButtonState
Editor.UI.InputState

$

ready ()

当自定义元素被正确创建后，将会调动 ready 函数。

factoryImpl (arg1, arg2, …)

他相当于构建函数，可以让你的自定义元素在构建的时候传递参数。例如：

let FoobarLabel = Editor.UI.registerElement('foobar-label', {
  template: `
    <div class="text"></div>
  $: {
    text: '.text'
  },
  factoryImpl ( text ) {
  },
});
// 当定义完 factoryImpl，你可以就可以通过如下方法实例化创建
document.body.appendChild(el);