vuetifyjs/vuetify

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

Open

#20.409 aberto em 1 de set. de 2024

Ver no GitHub
 (2 comments) (5 reactions) (0 assignees)TypeScript (7.139 forks)batch import
T: enhancementT: featuregood first issue

Métricas do repositório

Stars
 (40.995 stars)
Métricas de merge de PR
 (Mesclagem média 36d 4h) (23 fundiu PRs em 30d)

Description

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."/>

Guia do colaborador

Direção de pesquisa
A implementação deve adicionar uma prop `duration` ao componente VAlert. Examine o arquivo de origem do VAlert (provavelmente packages/vuetify/src/components/VAlert/VAlert.ts) para ver as props e padrões existentes. O comportamento de fechamento automático deve usar setTimeout e emitir um evento semelhante a close após a duração expirar. Certifique se de limpar o timer quando o componente for desmontado ou as props forem alteradas. Escreva testes unitários no arquivo de spec correspondente.
Pilha de tecnologia
vuetypescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
VueTypeScriptGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75