ns-field

Visão geral

O componente ns-field é o renderizador genérico de campos usado pelos formulários do NexoPOS. Ele recebe uma definição de campo e delega a renderização ao componente correspondente de acordo com field.type.

Use este componente quando um formulário for gerado a partir de um esquema CRUD ou quando um módulo precisar renderizar um campo dinamicamente sem escolher manualmente o componente concreto.

Tipos de campos compatíveis

• texto, senha, e-mail, número e tel renderizam ns-input.
• hidden renderiza um input oculto.
• a data renderiza ns-date.
• selecione renderiza ns-select.
• search-select renderiza ns-search-select.
• A área de texto renderiza ns-textarea.
• A caixa de seleção renderiza ns-checkbox.
• multiselect renderiza ns-multiselect.
• inline-multiselect renderiza ns-inline-multiselect.
• O select-audio renderiza ns-select-audio.
• switch renderiza ns-switch.
• os renders de mídia ns-media-input.
• O CKEditor renderiza ns-ckeditor.
• O datetimepicker renderiza ns-date-time-picker.
• O daterangepicker renderiza ns-daterange-picker.
• carrega field.component personalizado de nsExtraComponents ou nsComponents.

Acessórios e eventos

• field: a definição do campo a renderizar.
• siblings: campos relacionados opcionais passados pelo formulário pai.
• Emite blur, change, saved, keypress e keyup.

<ns-field
    :field="field"
    :siblings="fields"
    @change="handleFieldChange"
    @saved="handleSaved"
/>

Campos personalizados

Para field.type = "custom", defina field.component como um nome de componente registrado. O componente é carregado primeiro de nsExtraComponents e depois de nsComponents. Para registro de componentes de módulo, consulte Injetando um Componente Vue.