Store Undo Redo Angular | ng-hub-ui-history
Store undo et redo Angular avec des API compatibles Signals, des transactions, des limites et la prise en charge des formulaires réactifs.
Référence API
Voici le contrat complet de history : tout ce que vous pouvez lier, écouter, projeter et personnaliser, réuni au même endroit. Branchez ce dont vous avez besoin et stylisez ce que vous voulez — c’est standalone et compatible avec les signals.
Inputs
Réglez history à votre goût avec 4 inputs. Liez-les comme n’importe quel @Input Angular.
| Nom | Type | Par défaut | Description |
|---|---|---|---|
createHistoryStore(config) | HistoryStoreConfig<T, K> | — | Crée un magasin basé sur les Signals avec des limites optionnelles et des fonctions diff/patch personnalisées. |
registerObject(id, initialState)Obligatoire | (id: K, initialState: T) => void | — | Enregistre l'état de base de l'objet et démarre un historique linéaire pour cette clé. |
commit(id, newState, options?)Obligatoire | (id: K, state: T, options?: { label?: string }) => boolean | — | Stocke le patch diff, invalide la branche redo si le pointeur n'était pas en fin. |
watchForm(id, form, options?) | (id: K, form: FormGroup, options?: WatchFormOptions) => () => void | — | Valide automatiquement les changements de valeur du formulaire et renvoie un callback de désabonnement. |
Outputs
Réagissez à ce que fait history — 1 événements sur lesquels accrocher votre logique.
| Nom | Type | Description |
|---|---|---|
states | Signal<Map<K, T>> | Carte de signaux réactive avec les instantanés immuables courants par identifiant d'objet. |
Templates
Aucun template documenté pour le moment.
Variables CSS
Aucune variable CSS documentée pour le moment.
Styles et theming
Aucun exemple de style n’est encore documenté. Cette section inclura des recettes de personnalisation et des exemples de theming.