自定义界面元素定义参考

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

    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, …)

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

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