Você pode agrupar vários campos de entrada usando o "container" tipo de entrada. Isso permite alguma clareza visual no painel de configuração, separando os diferentes aspectos que podem ser configurados.

Por exemplo, um grupo pode conter opções de configuração da interface do usuário (por exemplo, título, botões, imagens), enquanto outro contém a configuração da funcionalidade real do componente.

Ao mesmo tempo, a funcionalidade de agrupamento permite que os usuários dupliquem um grupo de elementos, criando assim a opção de configurar uma quantidade dinâmica de elementos configuráveis.

Alguns dos atributos específicos são:

  • <containerGroup>: Permite diferenciar entre diferentes tipos de grupos. Isso pode ser usado ao iterar sobre contêineres na marcação do fluxo de trabalho.
  • <repetível>: Permite criar cópias de um grupo que podem ser alteradas separadamente. Dessa forma, você pode implementar elementos repetíveis.
  • <dobrável>: Define se deve ser possível remover o contêiner da configuração. Isso é definido automaticamente para contêineres copiados (consulte repetível) e não deve ser usado para contêineres base.
  • <editável>: Define se deve ser possível alterar o título do contêiner.
"base_sensor": {
            "title": "Sensor 1",
            "inputType": "container",
            "containerGroup": "sensors",
            "repeatable": true,
            "collapsible": true,
            "deleteable": false,
            "editable": true,
            "value": {
                "sensor_shown": {
                    "title": "Value Shown",
                    "inputType": "checkbox-input",
                    "value": false,
                    "showIfComputed": true
                },
                "sensor_type": {
                    "inputType": "file-upload",
                    "title": "Icon",
                    "accept": "image/png",
                    "multiple": false,
                    "value": "",
                    "showIfComputed": true
                },
                "sensor_unit": {
                    "title": "Unit",
                    "inputType": "textinput",
                    "value": "rpm",
                    "showIfComputed": true
                },
                "sensor_json_path": {
                    "title": "JSON Path ",
                    "inputType": "textinput",
                    "value": "rpm",
                    "showIfComputed": true
                }
            },
            "showIfComputed": true,
            "container_editing": false,
            "container_opened": true
        }