#ctx.notification

Basée sur Ant Design Notification, cette API de notification globale est utilisée pour afficher des panneaux de notification dans le coin supérieur droit de la page. Par rapport à ctx.message, les notifications peuvent inclure un titre et une description, ce qui les rend adaptées aux contenus devant être affichés plus longtemps ou nécessitant l'attention de l'utilisateur.

#Scénarios d'utilisation

#Définition du type

notification: NotificationInstance;

NotificationInstance est l'interface de notification d'Ant Design, fournissant les méthodes suivantes.

#Méthodes courantes

Paramètres de configuration (Identiques à Ant Design notification) :

#Exemples

#Usage de base

ctx.notification.open({
  message: 'Opération réussie',
  description: 'Les données ont été enregistrées sur le serveur.',
});

#Appels rapides par type

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'),
});

#Durée et clé personnalisées

ctx.notification.open({
  key: 'task-123',
  message: ctx.t('Task in progress'),
  description: ctx.t('Please wait...'),
  duration: 0,  // Ne pas fermer automatiquement
});

// Fermeture manuelle après la fin de la tâche
ctx.notification.destroy('task-123');

#Fermer toutes les notifications

ctx.notification.destroy();

#Différence avec ctx.message

#Relatif

• ctx.message - Indication légère en haut, adaptée aux retours rapides
• ctx.modal - Confirmation par fenêtre modale, interaction bloquante
• ctx.t() - Internationalisation, souvent utilisée avec les notifications