¿Cómo retirar correctamente los componentes?

Quiero eliminar los componentes de forma programática, lo siguiente es mi fragmento de código. '''javascript Comando const = editor. Commands.get('select-comp') editor. Commands.extend('select-comp', { Sobrescribe este método privado para que la barra de herramientas se muestre condicionalmente. updateToolbar(mod) { const em = this.config.em const model = mod == em ? em.getSelected() : mod si (modelo) { const toolbar = model.get('__toolbar') || model.get('barra de herramientas') const filtered = toolbar.filter(item => item.isDisponible === indefinido || item.isAvailable.call(this, em)) model.has('__toolbar') || model.set('__toolbar', barra de herramientas) model.set('toolbar', filtrado) } Command.updateToolbar.call(this, mod) } })

====== ↓ Eliminar lógica ↓ ====== Comando: Combinar las celdas editor. Commands.add('table:table-cells-combine', editor => { const em = editor.getModel() componentes const = editor.getSelectedAll() Elige la primera opción seleccionada como celda primaria. Componente const = componentes[0] Conserva este componente, pero elimina otros seleccionados. components.slice(1, components.length).forEach(item => item.remove()) Actualizar los atributos const [rowspan, colspan] = component.get('__span') || [] component.setAttributes({rowspan, colspan}) em.setSelected(component) })

Extiende los elementos de la barra de herramientas de celdas. editor. DomComponents.addType('cell', { extendFn: ['initToolbar'], modelo: { initToolbar() { Modelo const = esto var TB = [... model.get('toolbar') || []]

Herramienta: combinar las celdas. tb.push({ Atributos: { Clase: 'FA FA-CUADRADO' }, comando: ed => ed.runCommand('table:table-cells-combine'), isAvailable (ed) { componentes const = ed.getSelectedAll() components.forEach(component => component.unset('__span')) si (components.length > 1) { const [ tl, br ] = componentes .reduce((r, comp) => { const [ tl, br ] = r const parent = comp.parent() si (padre) { ====== ↓ Problema ↓ ====== El padre puede estar indefinido, por ejemplo: el componente se eliminó antes del comando deshacer (Ctrl + Z). const rowIndex = parent.index() const columnIndex = comp.index() tl[0] < rowIndex || (tl[0] = índiceFilas) tl[1] < columnIndex || (tl[1] = columnIndex) br[0] > rowIndex || (br[0] = rowIndex) br[1] > columnIndex || (br[1] = columnIndex) } retorno r }, [[], []]) Envergadura const = br[0] - tl[0] + 1 const colspan = br[1] - tl[1] + 1 const seleccionado = componentes[0] selected.set('__span', [rowspan, colspan]) return components.length === colspan * rowspan } return false } }) model.set('toolbar', tb) } } })

Después de eliminar los componentes, deshacer las acciones de eliminación (Ctrl + Z), hacer las múltiples selecciones con la tecla shift obtendrá el error 'Uncaught TypeError: No puede leer la propiedad 'indexOf' de undefined'.

! [{0B88A939-BEF8-46ED-83F8-21D6AFD32D88}_20190531185100](https://user-images.githubusercontent.com/11482264/58701807-8ccd1000-83d6-11e9-8127-c667a865679c.jpg)

Mi pregunta es: ¿Cómo eliminar correctamente los componentes?