Tengo la siguiente función:
function generarTabla({
dataSource,
fieldPanel = {
visible: true,
showColumnFields: false,
showRowFields: true,
showDataFields: false,
showFilterFields: false
},
}){
console.log({ fieldPanel })
}
Cuando llamo la función y no paso nada en fieldPanel toma los valores establecidos por defecto. Pero si paso en el objeto una sola propiedad, elimina el resto de los valores y solo toma el que pasé. Ejemplo:
generarTabla({
'dataSource',
fieldPanel: {
showColumnFields: true,
}
})
En la consola me aparece lo siguiente:
{ "fieldPanel": { "showColumnFields": true } }
Cómo puedo hacer para que tome el resto de las propiedades de la declaración por defecto. Resultado esperado:
{
"visible": true,
"showColumnFields": true,
"showRowFields": true,
"showDataFields": false,
"showFilterFields": false
}
Agradezco cualquier orientación o sugerencia sobre cómo implementar esto de manera efectiva.