Form Field
form-builder/FormField.vue
TODO: Używane komponenty z CWBK
- token api z authStore do wywalenia
Opis
Wyświetla pole formularza w zależności od typu i trybu (edytowalne/tylko do odczytu). W zależności od typu pola wyświetla odpowiedni komponent. Wyświetla label i komunikat błędu.
Opis sekcji script
Props
| Nazwa | Typ | Domyślnie | Opis |
|---|---|---|---|
| modelValue | (v-model) String, Number, Boolean, Array, Object | null | Wartość pola |
| original | String, Number, Boolean, Object, Array | null | Oryginalna wartość pola |
| field | Object | {} | Konfiguracja pola |
| errorMessage | String | '' | Komunikat błędu pola |
| params | Object | {} | Parametry api przekazane w komponencie |
| context | Object | true | Wszystkie wartości pól formularza |
| editMode | Boolean | false | Tryb edycji pola |
| currentLevelValues | Object | {} | Wartości pól w obecnym kontenerze |
| disabled | Boolean | false | Stan wyłączenia pola |
| readOnly | Boolean | false | Stan tylko do odczytu pola |
Stałe
| Nazwa | Opis |
|---|---|
| dependsWatcher | Tablica z watcherami wartości pól depends |
Zmienne
| Nazwa | Opis |
|---|---|
| fetchedOptions | Opcje pobrane z API |
Computed
| Nazwa | Opis |
|---|---|
| widget | Zwraca komponent wyświetlania pola na podstawie trybu (edytowalne/tylko do odczytu), typu i display |
Metody
| Nazwa | Parametry | Opis |
|---|---|---|
| onUnmounted (Vue) | - | Usuwa watchery przy odmontowaniu komponentu |
| changeValue | value | Zmienia wartość pola jeśli nie jest wyłączone lub tylko do odczytu |
| handleDependsChange | oldVal, newVal | Resetuje wartość pola przy zmianie pola depends |
| createWatchers | - | Tworzy watchery dla wartości pól depends |
| fetchApi | - | Wstawia parametry i odpytuje endpoint API |