vuetifyjs/vuetify

[Feature Request] Add duration Prop to Automatically Dismiss v-alert

Open

#20.409 aperta il 1 set 2024

Vedi su GitHub
 (2 commenti) (5 reazioni) (0 assegnatari)TypeScript (7139 fork)batch import
T: enhancementT: featuregood first issue

Metriche repository

Star
 (40.995 star)
Metriche merge PR
 (Merge medio 59g 10h) (8 PR mergiate in 30 g)

Descrizione

Problem to solve

Currently, v-alert components remain visible until manually dismissed, requiring developers to implement a setTimeout() to hide the alert after a certain period. This can lead to repetitive code.

Proposed solution

Introduce a duration prop to the v-alert component. This prop accepts a number representing the duration (in milliseconds) for which the alert should remain visible before automatically closing usage example :

<v-alert :duration="5000" text=" This alert will automatically close after 5 seconds."/>

Guida contributor

Direzione di ricerca
L'implementazione dovrebbe aggiungere una prop `duration` al componente VAlert. Esamina il file sorgente di VAlert (probabilmente packages/vuetify/src/components/VAlert/VAlert.ts) per le prop e i pattern esistenti. Il comportamento di chiusura automatica dovrebbe utilizzare setTimeout ed emettere un evento simile a close dopo la scadenza della durata. Assicurati di cancellare il timer allo smontaggio del componente o alle modifiche delle prop. Scrivi i test unitari nel file spec corrispondente.
Tech stack
vuetypescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
VueTypeScriptGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75