Increase complexity of test demo
This commit is contained in:
@@ -63,6 +63,40 @@ not construct X again from its recipe. Cancelling a forward edge restores its
|
||||
source and removes the newly created target branch; cancelling a back edge
|
||||
re-parks its retained target.
|
||||
|
||||
Committing a replace from Y to Z creates Z but links it directly to Y's
|
||||
previous entry:
|
||||
|
||||
```text
|
||||
Before: X (parked) ← Y (visible)
|
||||
After: X (parked) ← Z (visible)
|
||||
```
|
||||
|
||||
Y remains mounted while the operation is interactive and is removed only on
|
||||
commit. Cancelling removes Z and restores Y, making replacement one atomic
|
||||
operation rather than a visible back followed by a forward push.
|
||||
|
||||
### Connected partial presentations
|
||||
|
||||
Most committed pushes collapse their temporary operation edge and park the
|
||||
retained source. A choreography with `persistAtRest: true` instead keeps its
|
||||
progress-`1` effects as a settled coordinate relationship:
|
||||
|
||||
```text
|
||||
Page (exposed, inert) → Drawer (active)
|
||||
```
|
||||
|
||||
This supports partial destinations without copying or remounting either Vue
|
||||
component. For a two-thirds drawer, the settled source effect translates the
|
||||
page right by two thirds, while the target finishes at its identity position.
|
||||
The page's left third therefore remains physically visible in the final third
|
||||
of the viewport.
|
||||
|
||||
Settled relationships are not live operations and are omitted from the public
|
||||
operation diagnostics. Beginning back temporarily suspends the relationship
|
||||
and lets a reciprocal close choreography start at the same endpoints. A
|
||||
cancelled close restores the settled edge; a committed close removes the drawer
|
||||
and returns the page to its normal root position.
|
||||
|
||||
## Interaction
|
||||
|
||||
Gesture recognition is declared within each component through
|
||||
@@ -101,5 +135,6 @@ X (parked) ← Y (parked) ← Z (visible)
|
||||
|
||||
Back targets the previous node key directly. A node is unmounted only when a
|
||||
committed back operation pops it, a forward operation is cancelled, or the
|
||||
whole scene is destroyed. Because the same DOM survives parking, nested scroll
|
||||
positions and component-local state survive without `<KeepAlive>`.
|
||||
current entry is successfully replaced, or the whole scene is destroyed.
|
||||
Because the same DOM survives parking, nested scroll positions and
|
||||
component-local state survive without `<KeepAlive>`.
|
||||
|
||||
Reference in New Issue
Block a user