Typescript

Base Emits

Interfacce emit comuni condivise tra componenti simili — BaseFocusEmits, BaseKeyboardEmits, BaseOverlayEmits e altre.

BaseFocusEmits

export interface BaseFocusEmits {
  focus: [event: FocusEvent];
  blur: [event: FocusEvent];
}

Emits per eventi focus/blur. Usati da quasi tutti i componenti interattivi (InputText, Select, Button, Checkbox, ecc.).

Evento	Payload	Descrizione
`focus`	`FocusEvent`	Emesso quando il componente riceve il focus
`blur`	`FocusEvent`	Emesso quando il componente perde il focus

BaseKeyboardEmits

export interface BaseKeyboardEmits {
  keydown: [event: KeyboardEvent];
  keyup: [event: KeyboardEvent];
}

Emits per eventi tastiera base. Usati da componenti di input che richiedono gestione della tastiera.

Evento	Payload	Descrizione
`keydown`	`KeyboardEvent`	Emesso quando viene premuto un tasto
`keyup`	`KeyboardEvent`	Emesso quando viene rilasciato un tasto

BaseKeyboardExtendedEmits

export interface BaseKeyboardExtendedEmits extends BaseKeyboardEmits {
  keypress: [event: KeyboardEvent];
}

Estende BaseKeyboardEmits con l'evento keypress, emesso quando viene premuto un tasto che produce un carattere visibile. Usato da TextInputBaseEmits.

BaseClipboardEmits

export interface BaseClipboardEmits {
  paste: [event: ClipboardEvent];
}

Emits per eventi clipboard. Usato da componenti text-based che devono intercettare l'operazione di incolla.

Evento	Payload	Descrizione
`paste`	`ClipboardEvent`	Emesso quando viene incollato del contenuto

BaseClearEmits

export interface BaseClearEmits {
  clear: [event: Event];
}

Emits per l'azione di cancellazione del contenuto. Usato da componenti con la funzionalità showClear.

Evento	Payload	Descrizione
`clear`	`Event`	Emesso quando il contenuto viene cancellato tramite il pulsante clear

BaseOverlayEmits

export interface BaseOverlayEmits {
  beforeShow: [];
  beforeHide: [];
  show: [];
  hide: [];
}

Emits per il ciclo di vita degli overlay (Dialog, Drawer, Popover, Select dropdown). Permettono di reagire all'apertura e chiusura.

Evento	Payload	Descrizione
`beforeShow`	—	Emesso prima che l'overlay venga mostrato
`beforeHide`	—	Emesso prima che l'overlay venga nascosto
`show`	—	Emesso quando l'overlay viene mostrato
`hide`	—	Emesso quando l'overlay viene nascosto

BaseCloseEmits

export interface BaseCloseEmits {
  close: [event: Event];
}

Emits per la chiusura di componenti dismissable (Dialog, Drawer, Toast, Message, Badge con closable).

Evento	Payload	Descrizione
`close`	`Event`	Emesso quando il componente viene chiuso

BaseModelValueEmits

export interface BaseModelValueEmits<T> {
  'update:modelValue': [value: T];
}

Emit tipizzato per supportare v-model. Il tipo generico T corrisponde al tipo del valore del campo.

Evento	Payload	Descrizione
`update:modelValue`	`T`	Emesso per aggiornare il v-model

Esempio:

// Per un campo stringa
type MyInputEmits = BaseModelValueEmits<string>

// Per un campo multi-selezione
type MyMultiSelectEmits = BaseModelValueEmits<string[]>

BaseChangeEmits

export interface BaseChangeEmits<T> {
  change: [event: { originalEvent: Event; value: T }];
}

Emits per variazioni di valore con accesso all'evento DOM originale. Usato da Select, Checkbox, RadioButton e componenti di selezione.

Evento	Payload	Descrizione
`change`	`{ originalEvent: Event; value: T }`	Emesso quando il valore cambia, con evento originale

BaseInputEmits

export interface BaseInputEmits<T> {
  input: [event: { originalEvent: Event; value: T }];
}

Emits per input continuo (ad ogni digitazione). Differisce da change in quanto viene emesso a ogni modifica, non solo alla perdita del focus.

Evento	Payload	Descrizione
`input`	`{ originalEvent: Event; value: T }`	Emesso ad ogni input con evento originale

BaseFilterEmits

export interface BaseFilterEmits {
  filter: [event: { originalEvent: Event; value: string }];
}

Emits per la ricerca/filtro nei componenti dropdown. Permette di implementare filtro lato server.

Evento	Payload	Descrizione
`filter`	`{ originalEvent: Event; value: string }`	Emesso quando il testo del filtro cambia

Base Props

Interfacce base riutilizzabili per componenti form e display — BaseFormControlProps, BaseStyledProps, BaseDropdownProps e altre.

Composite Types

Tipi composti che combinano più interfacce base per pattern di componenti frequenti — TextInputBaseProps, DropdownBaseProps, ModalOverlayBaseProps.