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 }) => boolean | — | diff パッチを保存し、ポインタが末尾になかった場合は redo ブランチを無効化します。 |
watchForm(id, form, options?) | (id: K, form: FormGroup, options?: WatchFormOptions) => () => void | — | フォーム値の変更を自動的にコミットし、購読解除のコールバックを返します。 |
アウトプット
history の動作に反応 — ロジックを接続できる 1 個のイベント。
| 名前 | 型 | 説明 |
|---|---|---|
states | Signal<Map<K, T>> | オブジェクト ID ごとに現在のイミュータブルなスナップショットを保持するリアクティブな signal マップ。 |
テンプレート
テンプレートはまだドキュメント化されていません。
CSS 変数
CSS 変数はまだドキュメント化されていません。
スタイリングとテーマ設定
スタイリングのサンプルはまだドキュメント化されていません。このセクションには、カスタマイズのレシピやテーマ設定のサンプルが含まれる予定です。