TextInputView

Źródło: views/TextInputView.js

TextInputView

Widok wieloliniowego pola tekstowego (textarea) z obsługą reaktywnych akcji.

Schema

type: textinput
id: myTextarea
name: description
placeholder: "Wpisz opis..."
label: Opis
value: ""
rows: 4
resize: vertical
debounce: 300
onChange:
  action: reload
  target: previewId

Parametry

• type - Typ widoku: "textinput"
• id - Identyfikator widoku (wymagane dla onChange)
• name - Nazwa zmiennej do zbierania danych (używaj kropki dla zagnieżdżonych obiektów)
• placeholder - Placeholder (opcjonalne)
• label - Etykieta pola (opcjonalne)
• value - Wartość początkowa (opcjonalne)
• rows - Liczba widocznych wierszy (domyślnie: 3)
• resize - Możliwość zmiany rozmiaru: none, both, horizontal, vertical (domyślnie: vertical)
• debounce - Opóźnienie w ms przed wywołaniem onChange (opcjonalne)
• disabled - Czy pole jest wyłączone (opcjonalne)
• onChange - Akcja na zmianę wartości (opcjonalne)
• variant - Wygląd pola: default, borderless, plaintext, rounded (opcjonalne)
• size - Rozmiar pola: sm, md, lg (opcjonalne)

Publiczne API (kontrakt kontrolki wartości)

view.getValue()                               // string
view.setValue(value, { emitChange = false })  // ustawia wartość i synchronizuje VarStore

Wartość początkowa trafia do VarStore już przy budowie widoku, więc withData działa bez interakcji użytkownika.

Przykład użycia

type: textinput
id: noteInput
name: note
placeholder: "Wpisz notatkę..."
label: Notatka
rows: 5
debounce: 500
onChange:
  action: reload
  target: notePreview