Fils d'activite
Composants de chronologie et flux d'evenements.
BcActivityFeed
Flux d'evenements interactif. Chaque element est cliquable et emet un evenement select.
Basique
vue
<script setup>
const items = [
{ id: '1', title: 'Contrat signe', text: 'Le contrat #1234 a ete valide.',
time: '14:32', actor: 'Marie Dupont', tone: 'success' },
{ id: '2', title: 'Document modifie', text: 'Mise a jour du dossier.',
time: '13:15', actor: 'Jean Martin' },
{ id: '3', title: 'Alerte compliance', text: 'Verification KYC en attente.',
time: '11:40', actor: 'Systeme', tone: 'warn' },
]
</script>
<BcActivityFeed :items="items" @select="onItemClick" />Compact
vue
<BcActivityFeed :items="items" compact />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | FeedItem[] | [] | Liste des evenements |
compact | boolean | false | Mode compact |
FeedItem
| Propriete | Type | Description |
|---|---|---|
id | string | Identifiant unique |
title | string | Titre de l'evenement |
text | string? | Description |
time | string? | Horodatage |
actor | string? | Auteur de l'action |
tone | "default" | "success" | "warn" | "danger" | Tonalite visuelle |
Evenements
| Evenement | Payload | Description |
|---|---|---|
select | FeedItem | Clic sur un element |
BcFeed
Flux d'evenements en lecture seule, sans interaction.
Basique
- Contrat signe14:32
Le contrat #1234 a ete valide.
Marie Dupont - Document modifie13:15
Mise a jour du dossier client.
Jean Martin - Alerte compliance11:40
Verification KYC en attente.
Systeme - Erreur de traitement09:20
Le virement a ete rejete.
Systeme
vue
<BcFeed :items="items" />Compact
- Contrat signe14:32
Le contrat #1234 a ete valide.
Marie Dupont - Document modifie13:15
Mise a jour du dossier client.
Jean Martin - Alerte compliance11:40
Verification KYC en attente.
Systeme - Erreur de traitement09:20
Le virement a ete rejete.
Systeme
vue
<BcFeed :items="items" compact />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | FeedItem[] | [] | Liste des evenements |
compact | boolean | false | Mode compact |
Slots
| Slot | Description |
|---|---|
empty | Contenu affiche quand la liste est vide |
Difference avec BcActivityFeed
| BcActivityFeed | BcFeed | |
|---|---|---|
| Interactif | Oui (clic → select) | Non |
| Usage | Dashboard, notifications | Journal, historique |