Angular Undo Redo 履歴ストア | ng-hub-ui-history

Signals に優しい API、トランザクション、上限、リアクティブフォーム対応を備えた Angular の undo redo 履歴ストア。

API リファレンス

history の完全な仕様をここにまとめました。バインド、リッスン、プロジェクション、テーマ設定ができるすべてが一か所に集約されています。必要なものを接続し、好きなようにスタイリングしてください — standalone で signal フレンドリーです。

インプット

4 個のインプットで history を調整。通常の Angular @Input と同じようにバインドできます。

名前デフォルト説明
createHistoryStore(config)HistoryStoreConfig<T, K>任意の制限値とカスタムの diff/patch 関数を指定して、Signals ベースのストアを作成します。
registerObject(id, initialState)必須(id: K, initialState: T) => voidオブジェクトのベース状態を登録し、そのキーの線形履歴を開始します。
commit(id, newState, options?)必須(id: K, state: T, options?: { label?: string }) => booleandiff パッチを保存し、ポインタが末尾になかった場合は redo ブランチを無効化します。
watchForm(id, form, options?)(id: K, form: FormGroup, options?: WatchFormOptions) => () => voidフォーム値の変更を自動的にコミットし、購読解除のコールバックを返します。

アウトプット

history の動作に反応 — ロジックを接続できる 1 個のイベント。

名前説明
statesSignal<Map<K, T>>オブジェクト ID ごとに現在のイミュータブルなスナップショットを保持するリアクティブな signal マップ。

テンプレート

テンプレートはまだドキュメント化されていません。

CSS 変数

CSS 変数はまだドキュメント化されていません。

スタイリングとテーマ設定

スタイリングのサンプルはまだドキュメント化されていません。このセクションには、カスタマイズのレシピやテーマ設定のサンプルが含まれる予定です。