ParseStyle no es una función

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Firefox 104.0.1

Enlace de demo reproducible

https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771

Describe el bicho

¿Cómo reproducir el bicho?

1. Crear un componente personalizado con la propiedad 'style' en su 'modelo'.
2. Utiliza 'this.addAttributes' en la función de componentes 'model', 'init'.
3. Añadir ese componente al editor.

Básicamente, usando 'this.addAttributes' cuando tengo una propiedad 'style' en la definición de mi componente 'model', me da este problema.

Tuve el mismo problema en la v0.19.4.

Puedes ver el siguiente error en el navegador.

TypeError: this.parseStyle no es una función
    valor Component.js:499
    valor Component.js:407
    Backbone 5
    Valor Component.js:425
    valor Component.js:437
    init tabs-content.jsx:20
    valor Component.js:174
    Columna vertebral de modelos
    v bundle.js:27066
    n StyleableModel.js:7
    E bundle.js:24773
    n bundle.js:24799
    r Columna vertebral
    Valor Components.js:151
    Backbone 3
    Valor Components.js:197
    valor Component.js:909
    valor Component.js:169
    Columna vertebral de modelos
    v bundle.js:27066
    n StyleableModel.js:7
    E bundle.js:24773
    n bundle.js:24799
    r Columna vertebral
    Valor Components.js:151
    Backbone 3
    Valor Components.js:197
    valor Component.js:909
    valor Component.js:169
    Columna vertebral de modelos
    v bundle.js:27066
    n StyleableModel.js:7
    E bundle.js:24773
    n bundle.js:24799
    r Columna vertebral
    Valor Components.js:151
    Backbone 3
    Valor Components.js:197
    valor Component.js:909
    valor Component.js:169
    Columna vertebral de modelos
    v bundle.js:27066
    n StyleableModel.js:7
    E bundle.js:24773
    n bundle.js:24799
    Él bundle.js:45517
    n bundle.js:45529
    e Frame.ts:55
    s Page.ts:29
    e Page.ts:26
    modelo Pages.ts:13
    Backbone 4
    loadProjectData Module.ts:164
    carga index.ts:285
    O Editor.ts:721
    loadData Editor.ts:720
    O Editor.ts:703
    s bundle.js:50594
    s bundle.js:50606
    A bundle.js:50495
    Promesa de Llamada de Respuesta*L bundle.js:50513
    v bundle.js:50516
    v bundle.js:50492
    carga bundle.js:51037
    loadOnStart Editor.ts:209
    s bundle.js:50594
    s bundle.js:50606
    v bundle.js:50516
    v bundle.js:50492
    loadOnStart Editor.ts:204
    handler setTimeout*./node_modules/grapesjs/dist/grapes.min.js/</n.prototype.loadOnStart Editor.ts:199
    Init index.js:76
    FormBuilder FormBuilder.jsx:27
    React 8
    WorkLoop scheduler.development.js:266
    Flush scheduler.development.js:239
    performWorkUntilDeadline scheduler.development.js:533
    js scheduler.development.js:571
    JS scheduler.development.js:633
    React de fábrica actualización:6
    Webpack 18
 
Object { level: "error" }
backbone.js:370

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js importar uvas de "uvasjs"; importación "grapesjs-bloques-básico";

const customPlugin = (editor) => { editor. DomComponents.addType("custom", { modelo: { Predeterminados: { etiquetaNombre: "div", nombre: "Custom", estilo: { "Altura mínima": "64px" } }, init() { this.addAttributes({ Rol: "Tabpanel" }); } } }); };

const editor = grapesjs.init({ contenedor: "#gjs", fromElement: 1, storageManager: { type: 0 }, plugins: [customPlugin] });

editor.addComponents({ type: "custom" });

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto