Cómo trabajar con Componentes Personalizados

Hola,

Tengo algunas preguntas y problemas sobre y con el editor de uvas

Problema 1

En un componente, ¿qué clase se extiende? ¿Es realmente esta [https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js) clase?

Problema 2

He creado un codesandbox que muestra los problemas que tengo actualmente. Está orientado al plugin mjml

Salida Sandbox Código Sandbox

Pasos para reproducirse

• Arrastrar el bloque de botones al editor
• Asegurarse de que no haya clases
• Modificar el ancho
• El tamaño no cambia
• Recargar la página
• El tamaño ahora se aplica porque se ha añadido una clase
• Ahora, cuando hay una clase, las modificaciones de ancho se muestran en directo.
• Recargar la página
• Se añadió otra clase.

Esto no se comporta así si el nombre de la clase se establece manualmente. El nombre de la clase configurado manualmente siempre está preseleccionado. Aún no sé si esto viene de mi código desordenado, de un error o si esto es intencionado.

Problema 3

Sigue en el codesandbox

Si el modelo se extiende respecto al modelo del problema 1, entonces parece que todas las propiedades se ignoran. Estoy seguro de que hay algo mal en mi código. ¿Pero qué podría hacer que el editor se altere por eso?

Gracias de antemano por cualquier ayuda y que tengáis un buen día :)