#ctx.notification

API de notificación global basada en Ant Design Notification, utilizada para mostrar paneles de notificación en la esquina superior derecha de la página. En comparación con ctx.message, las notificaciones pueden incluir un título y una descripción, lo que las hace adecuadas para contenido que debe mostrarse durante más tiempo o que requiere la atención del usuario.

#Escenarios de uso

#Definición de tipos

notification: NotificationInstance;

NotificationInstance es la interfaz de notificación de Ant Design, que proporciona los siguientes métodos.

#Métodos comunes

Parámetros de configuración (consistentes con Ant Design notification):

#Ejemplos

#Uso básico

ctx.notification.open({
  message: 'Operación exitosa',
  description: 'Los datos se han guardado en el servidor.',
});

#Llamadas rápidas por tipo

ctx.notification.success({
  message: ctx.t('Export completed'),
  description: ctx.t('Exported {{count}} records', { count: 10 }),
});

ctx.notification.error({
  message: ctx.t('Export failed'),
  description: ctx.t('Please check the console for details'),
});

ctx.notification.warning({
  message: ctx.t('Warning'),
  description: ctx.t('Some data may be incomplete'),
});

#Duración y clave personalizadas

ctx.notification.open({
  key: 'task-123',
  message: ctx.t('Task in progress'),
  description: ctx.t('Please wait...'),
  duration: 0,  // No cerrar automáticamente
});

// Cerrar manualmente tras la finalización de la tarea
ctx.notification.destroy('task-123');

#Cerrar todas las notificaciones

ctx.notification.destroy();

#Diferencia con ctx.message

#Relacionado

• ctx.message - Aviso ligero superior, adecuado para una retroalimentación rápida
• ctx.modal - Confirmación en ventana emergente, interacción de tipo bloqueante
• ctx.t() - Internacionalización, se utiliza a menudo junto con las notificaciones