@lazycatcloud/vue-router-stack 0.0.1 → 0.0.2

package/dist/router/transitions.d.ts

@@ -1,6 +1,6 @@
 import type { StackTransitionContext, StackTransitionFactory, StackTransitionName, StackTransitionRegistry } from "./types";
 export declare const DEFAULT_STACK_TRANSITION = "slide";
-export declare const DEFAULT_STACK_TRANSITION_EASING = "cubic-bezier(0.2, 0, 0, 1)";
+export declare const DEFAULT_STACK_TRANSITION_EASING = "cubic-bezier(0.3, 0, 0.66, 1)";
 export declare function defineStackTransition(factory: StackTransitionFactory): StackTransitionFactory;
 export declare const builtinStackTransitions: StackTransitionRegistry;
 export declare function resolveStackTransition(name: StackTransitionName, transitions: StackTransitionRegistry): StackTransitionFactory;

package/dist/vue-router-stack.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),b=require("vue-router"),J={};function z(e="route"){const r=(J[e]??0)+1;return J[e]=r,`${e}-${r}`}const v="slide",re="cubic-bezier(0.2, 0, 0, 1)";function oe(e){return e}const ne=({direction:e})=>{const r=e==="back";return{entering:r?[{transform:"translateX(-18%)",opacity:.96},{transform:"translateX(0)",opacity:1}]:[{transform:"translateX(100%)"},{transform:"translateX(0)"}],leaving:r?[{transform:"translateX(0)",opacity:1},{transform:"translateX(100%)",opacity:1}]:[{transform:"translateX(0)",opacity:1},{transform:"translateX(-18%)",opacity:.96}]}},ae=()=>({entering:[{opacity:0},{opacity:1}],leaving:[{opacity:1},{opacity:0}]}),ce=({direction:e})=>{const r=e==="back";return{entering:r?[{transform:"scale(0.98)",opacity:0},{transform:"scale(1)",opacity:1}]:[{transform:"scale(1.04)",opacity:0},{transform:"scale(1)",opacity:1}],leaving:r?[{transform:"scale(1)",opacity:1},{transform:"scale(1.04)",opacity:0}]:[{transform:"scale(1)",opacity:1},{transform:"scale(0.98)",opacity:0}]}},ie=()=>({}),se={slide:ne,fade:ae,scale:ce,none:ie};function ue(e,r){const n=r[e];return n||r[v]}function Q(e,r,n){if(!r||!e.animate||Number(n.duration)<=0)return Promise.resolve();const l=e.animate(r,n);return l.finished.then(()=>l.cancel())}async function le(e,r){const n=e(r),l={duration:r.duration,easing:r.easing,fill:"both",...n.options};await Promise.all([Q(r.enteringElement,n.entering,l),Q(r.leavingElement,n.leaving,l)])}const H=Symbol("stack-router");function fe(){const e=window.history.state;return typeof(e==null?void 0:e.position)=="number"?e.position:window.history.length}function M(e,r){return r||(e==="pop"?"back":e==="replace"?"none":"forward")}function de(e){const r=b.createRouter(e),n=[],l=i.shallowRef(),f=e.transitionDuration??240,T=e.transitionEasing??re,S=e.transition??v,p={...se,...e.transitions},E=e.maxStackSize??30;let d=-1,s,g=!1;const P=(c,a,u,h,k=!1,w="stack")=>{s={action:c,direction:M(c,a),source:w,delta:u,transition:h==null?void 0:h.transition,duration:h==null?void 0:h.duration,easing:h==null?void 0:h.easing,resetRoot:k}},F=(c,a)=>{const u=(s==null?void 0:s.action)??"push",h=M(u,s==null?void 0:s.direction),k=l.value,w=u==="push"&&h==="forward",te=L(c);return{id:z("route"),key:c.fullPath,fullPath:c.fullPath,pathname:c.path,params:c.params,query:c.query,action:u,direction:h,source:(s==null?void 0:s.source)??"stack",entryDirection:h,lastPathname:(k==null?void 0:k.pathname)||(a.name?a.path:void 0),pushedByRoute:w?k==null?void 0:k.pathname:k==null?void 0:k.pushedByRoute,position:fe(),delta:s==null?void 0:s.delta,transition:(s==null?void 0:s.transition)??S,transitionDuration:(s==null?void 0:s.duration)??f,transitionEasing:(s==null?void 0:s.easing)??T,cache:te}},L=c=>{const a=c.meta.stack;return c.meta.stackCache!==!1&&(a==null?void 0:a.cache)!==!1},x=()=>{if(E<=0||n.length<=E)return;const c=n.length-E;n.splice(0,c),d=Math.max(0,d-c)},W=c=>{if(c.action==="pop"){let a=-1;if(c.direction==="forward"||(c.delta??0)>0){for(let u=d+1;u<n.length;u++)if(n[u].key===c.key){a=u;break}}else for(let u=d-1;u>=0;u--)if(n[u].key===c.key){a=u;break}if(a>=0){const u=n[a];n[a]={...u,...c,id:u.id,source:c.source,entryDirection:u.entryDirection,transition:u.transition,transitionDuration:u.transitionDuration,transitionEasing:u.transitionEasing},d=a}else n.push({...c,direction:"none",entryDirection:"none",transition:"none",isStackFallback:!0}),d=n.length-1}else if(c.action==="replace"){if(s!=null&&s.resetRoot){n.splice(0,n.length,c),d=0,l.value=n[d];return}d>=0?n[d]=c:(n.push(c),d=0)}else d<n.length-1&&n.splice(d+1),n.push(c),d=n.length-1;x(),l.value=n[d]};e.history.listen((c,a,u)=>{const h="delta"in u?u.delta:void 0,k=u.direction==="back"?"back":u.direction==="forward"?"forward":void 0;s?(s.delta=h,s.direction=M(s.action,s.direction??k)):P(u.type==="pop"?"pop":u.type,k,h,void 0,!1,"external")}),r.beforeEach(c=>!((s==null?void 0:s.action)==="pop"&&g&&!n.some(a=>a.fullPath===c.fullPath))),r.afterEach((c,a,u)=>{if(u){s=void 0;return}W(F(c,a)),s=void 0});const B=r.push.bind(r),A=r.replace.bind(r),G=r.back.bind(r),V=r.forward.bind(r),$=r.go.bind(r),j=(c,a)=>(P("push",(a==null?void 0:a.direction)??"forward",void 0,a),B(c)),K=(c,a)=>(P("replace",(a==null?void 0:a.direction)??"root",void 0,a),A(c)),t=(c,a)=>{const u=r.resolve(c).fullPath;let h=-1;for(let w=d;w>=0;w--)if(n[w].fullPath===u){h=w;break}if(h<0)return!1;const k=h-d;return k===0||(P("pop",(a==null?void 0:a.direction)??"back",k,a),$(k)),!0},o=(c,a)=>{const u=r.resolve(c).fullPath;if(d>=0&&r.currentRoute.value.fullPath===u){const h=n[d],k={...h,id:z("route"),action:"replace",direction:(a==null?void 0:a.direction)??"root",source:"stack",entryDirection:(a==null?void 0:a.direction)??"root",delta:void 0,transition:(a==null?void 0:a.transition)??h.transition,transitionDuration:(a==null?void 0:a.duration)??h.transitionDuration,transitionEasing:(a==null?void 0:a.easing)??h.transitionEasing,cache:!0,isStackFallback:!1};return n.splice(0,n.length,k),d=0,g=!0,l.value=k,Promise.resolve(void 0)}return P("replace",(a==null?void 0:a.direction)??"root",void 0,a,!0),g=!0,A(c)},m=()=>{P("pop","back",-1),G()},R=()=>{P("pop","forward",1),V()},y=r;y.push=j,y.replace=K,y.popTo=t,y.resetRoot=o,y.back=m,y.forward=R;const _={router:y,transitionDuration:f,transitionEasing:T,transition:S,transitions:p,maxStackSize:E,shouldTransition:e.shouldTransition,current:l,get history(){return n},canGoBack:(c=1)=>d-c>=0,push:j,replace:K,popTo:t,resetRoot:o,back:m,forward:R},X=r.install.bind(r);return r.install=c=>{c.provide(H,_),X(c)},y}const Y="onPageWillEnter",U="onPageDidEnter",Z="onPageWillLeave",N="onPageDidLeave";function he(e,r,n){if(!n)throw new Error(`${e} must be called inside setup().`);const l=n.proxy,f=l[e]??[];f.push(()=>{n.isUnmounted||r()}),l[e]=f,n.exposed&&(n.exposed[e]=f)}function C(e){return(r,n=i.getCurrentInstance())=>he(e,r,n)}const me=C(Y),ye=C(U),ke=C(Z),pe=C(N);function Re(){const e=i.inject(H);if(!e)throw new Error("useStackRouter must be used after createStackRouter().");return{router:e.router,canGoBack:e.canGoBack,push:e.push,replace:e.replace,popTo:e.popTo,resetRoot:e.resetRoot,back:e.back,forward:e.forward}}function O(){const e=i.inject(H);if(!e)throw new Error("RouterOutlet must be used with createStackRouter().");return e}function D(e,r){const n=e.value;if(!n)return;const l=n[r];Array.isArray(l)?l.forEach(f=>f()):typeof l=="function"&&l.call(n)}function I(e){e.classList.remove("rs-page-hidden","rs-page-invisible"),e.removeAttribute("aria-hidden")}function q(e){e.classList.add("rs-page-hidden"),e.setAttribute("aria-hidden","true")}function ee(e){var r;return(r=e.components)==null?void 0:r.default}function be(e){const r=ee(e);return r!==void 0&&typeof r=="object"&&"name"in r&&r.name==="RouterView"}const Pe=i.defineComponent({name:"RouterOutlet",setup(){const e=O(),r=b.useRoute(),n=i.inject(b.routeLocationKey),l=i.inject(b.matchedRouteKey,void 0),f=i.computed(()=>{const t=l==null?void 0:l.value;if(!t)return 0;const o=r.matched.findIndex(m=>m===t);return o>=0?o+1:0}),T=i.computed(()=>r.matched[f.value]),S=i.computed(()=>{for(let t=f.value;t<r.matched.length;t++){const o=r.matched[t];if(!be(o))return o}return T.value}),p=i.shallowRef([]),E=i.ref("");let d=0;i.provide(b.matchedRouteKey,S);const s=t=>p.value.find(o=>o.key===t),g=t=>{p.value.forEach(o=>{o.pageElement&&(o===t?I(o.pageElement):q(o.pageElement))})},P=t=>{const o=p.value.findIndex(m=>m===t);o>=0&&(p.value=p.value.slice(0,o+1))},F=t=>{p.value=p.value.filter(o=>o!==t)},L=t=>{const o=new Set(e.history.map(m=>m.key));p.value=p.value.filter(m=>m===t||m.routeInfo.cache&&o.has(m.key))},x=t=>{var m;const o=t.props.default;return o?o===!0?((m=e.current.value)==null?void 0:m.params)??{}:typeof o=="function"?o(n):o:{}},W=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transition??t.routeInfo.transition??e.transition:t.routeInfo.transition??e.transition,B=(t,o)=>!(t.routeInfo.isStackFallback||t.routeInfo.direction==="none"||t.routeInfo.direction==="root"||t.routeInfo.action==="pop"&&(o.routeInfo.entryDirection==="none"||o.routeInfo.entryDirection==="root"||o.routeInfo.transition==="none")),A=(t,o)=>{var R;const m=B(t,o);return((R=e.shouldTransition)==null?void 0:R.call(e,{action:t.routeInfo.action,direction:t.routeInfo.direction,source:t.routeInfo.source,entering:t.routeInfo,leaving:o.routeInfo,defaultResult:m}))??m},G=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionDuration??t.routeInfo.transitionDuration??e.transitionDuration:t.routeInfo.transitionDuration??e.transitionDuration,V=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionEasing??t.routeInfo.transitionEasing??e.transitionEasing:t.routeInfo.transitionEasing??e.transitionEasing,$=async(t,o)=>{const m=++d;await i.nextTick();const R=t.pageElement;if(!R)return;if(D(t.componentRef,Y),!o||o===t||!o.pageElement){I(R),D(t.componentRef,U),L(t),g(t);return}const y=o.pageElement,_=A(t,o),X=_?W(t,o):"none",c=_?G(t,o):0,a=V(t,o),u=ue(X||v,e.transitions);D(o.componentRef,Z),I(R),I(y),await le(u,{direction:t.routeInfo.direction,action:t.routeInfo.action,routeInfo:t.routeInfo,enteringElement:R,leavingElement:y,duration:c,easing:a}),m===d&&(q(y),D(o.componentRef,N),D(t.componentRef,U),t.routeInfo.action==="pop"?P(t):t.routeInfo.action==="replace"&&F(o),L(t),g(t))},j=async()=>{const t=S.value,o=e.current.value;if(!t||!o)return;const m=ee(t);if(!m)return;const R=s(E.value);let y=s(o.key);y?(y.routeInfo=o,y.matchedRoute=t,y.component=m,y.props=x(t),y.mounted=!0):(y={id:z("view"),key:o.key,routeInfo:o,matchedRoute:t,component:m,props:x(t),componentRef:i.ref(),mounted:!0},p.value=[...p.value,y]),E.value=y.key,await $(y,R)};return i.watch(()=>{var t;return[(t=e.current.value)==null?void 0:t.id,S.value]},()=>{j()},{immediate:!0}),i.onUnmounted(()=>{d++,p.value=[]}),{injectedRoute:n,viewItems:p,registerStackPage:(t,o)=>{t.pageElement=o,t.key===E.value?I(o):q(o)}}},render(){return i.h("div",{class:"rs-outlet"},this.viewItems.filter(e=>e.mounted).map(e=>i.h(e.component,{key:e.id,ref:e.componentRef,...e.props,registerStackPage:r=>this.registerStackPage(e,r)})))}}),Ee=i.defineComponent({name:"RouterPage",props:{registerStackPage:{type:Function,default:void 0}},setup(e,{attrs:r,slots:n}){const l=i.ref();return i.onMounted(()=>{var f;l.value&&((f=e.registerStackPage)==null||f.call(e,l.value))}),()=>{var f;return i.h("section",{...r,ref:l,class:["rs-page",r.class]},(f=n.default)==null?void 0:f.call(n))}}}),we=i.defineComponent({name:"StackRouterDebugPanel",props:{initialOpen:{type:Boolean,default:!1}},setup(e){const r=O(),n=i.ref(e.initialOpen);return()=>{const l=r.current.value;return i.h("aside",{class:"rs-debug-panel"},[i.h("button",{class:"rs-debug-toggle",type:"button",onClick:()=>{n.value=!n.value}},n.value?"Stack x":"Stack"),n.value?i.h("section",{class:"rs-debug-body"},[i.h("header",[i.h("strong","Router Stack"),i.h("span",`${r.history.length} pages`)]),i.h("dl",[i.h("dt","current"),i.h("dd",(l==null?void 0:l.fullPath)??"-"),i.h("dt","canGoBack"),i.h("dd",String(r.canGoBack()))]),i.h("ol",r.history.map(f=>i.h("li",{key:f.id,class:{"rs-debug-active":f.id===(l==null?void 0:l.id),"rs-debug-no-cache":!f.cache}},[i.h("code",f.fullPath),i.h("span",[`${f.action}/${f.direction}`,` source:${f.source}`,` entry:${f.entryDirection}`,` cache:${f.cache?"yes":"no"}`,` transition:${f.transition??"-"}`])])))]):void 0])}}});Object.defineProperty(exports,"RouterLink",{enumerable:!0,get:()=>b.RouterLink});Object.defineProperty(exports,"RouterView",{enumerable:!0,get:()=>b.RouterView});Object.defineProperty(exports,"createMemoryHistory",{enumerable:!0,get:()=>b.createMemoryHistory});Object.defineProperty(exports,"createWebHashHistory",{enumerable:!0,get:()=>b.createWebHashHistory});Object.defineProperty(exports,"createWebHistory",{enumerable:!0,get:()=>b.createWebHistory});Object.defineProperty(exports,"useRoute",{enumerable:!0,get:()=>b.useRoute});Object.defineProperty(exports,"useRouter",{enumerable:!0,get:()=>b.useRouter});exports.RouterOutlet=Pe;exports.RouterPage=Ee;exports.StackRouterDebugPanel=we;exports.createStackRouter=de;exports.defineStackTransition=oe;exports.onPageDidEnter=ye;exports.onPageDidLeave=pe;exports.onPageWillEnter=me;exports.onPageWillLeave=ke;exports.stackRouterKey=H;exports.useStackRouter=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),b=require("vue-router"),J={};function U(e="route"){const r=(J[e]??0)+1;return J[e]=r,`${e}-${r}`}const v="slide",re="cubic-bezier(0.3, 0, 0.66, 1)";function oe(e){return e}const ne=({direction:e})=>e==="back"?{leaving:[{transform:"translateX(0)"},{transform:"translateX(100%)"}]}:{entering:[{transform:"translateX(100%)"},{transform:"translateX(0)"}]},ae=()=>({entering:[{opacity:0},{opacity:1}],leaving:[{opacity:1},{opacity:0}]}),ce=({direction:e})=>{const r=e==="back";return{entering:r?[{transform:"scale(0.98)",opacity:0},{transform:"scale(1)",opacity:1}]:[{transform:"scale(1.04)",opacity:0},{transform:"scale(1)",opacity:1}],leaving:r?[{transform:"scale(1)",opacity:1},{transform:"scale(1.04)",opacity:0}]:[{transform:"scale(1)",opacity:1},{transform:"scale(0.98)",opacity:0}]}},ie=()=>({}),se={slide:ne,fade:ae,scale:ce,none:ie};function ue(e,r){const n=r[e];return n||r[v]}function Q(e,r,n){if(!r||!e.animate||Number(n.duration)<=0)return Promise.resolve();const l=e.animate(r,n);return l.finished.then(()=>l.cancel())}async function le(e,r){const n=e(r),l={duration:r.duration,easing:r.easing,fill:"both",...n.options};await Promise.all([Q(r.enteringElement,n.entering,l),Q(r.leavingElement,n.leaving,l)])}const H=Symbol("stack-router");function fe(){const e=window.history.state;return typeof(e==null?void 0:e.position)=="number"?e.position:window.history.length}function q(e,r){return r||(e==="pop"?"back":e==="replace"?"none":"forward")}function de(e){const r=b.createRouter(e),n=[],l=i.shallowRef(),f=e.transitionDuration??210,T=e.transitionEasing??re,S=e.transition??v,p={...se,...e.transitions},E=e.maxStackSize??30;let d=-1,s,g=!1;const P=(c,a,u,h,k=!1,w="stack")=>{s={action:c,direction:q(c,a),source:w,delta:u,transition:h==null?void 0:h.transition,duration:h==null?void 0:h.duration,easing:h==null?void 0:h.easing,resetRoot:k}},C=(c,a)=>{const u=(s==null?void 0:s.action)??"push",h=q(u,s==null?void 0:s.direction),k=l.value,w=u==="push"&&h==="forward",te=L(c);return{id:U("route"),key:c.fullPath,fullPath:c.fullPath,pathname:c.path,params:c.params,query:c.query,action:u,direction:h,source:(s==null?void 0:s.source)??"stack",entryDirection:h,lastPathname:(k==null?void 0:k.pathname)||(a.name?a.path:void 0),pushedByRoute:w?k==null?void 0:k.pathname:k==null?void 0:k.pushedByRoute,position:fe(),delta:s==null?void 0:s.delta,transition:(s==null?void 0:s.transition)??S,transitionDuration:(s==null?void 0:s.duration)??f,transitionEasing:(s==null?void 0:s.easing)??T,cache:te}},L=c=>{const a=c.meta.stack;return c.meta.stackCache!==!1&&(a==null?void 0:a.cache)!==!1},x=()=>{if(E<=0||n.length<=E)return;const c=n.length-E;n.splice(0,c),d=Math.max(0,d-c)},F=c=>{if(c.action==="pop"){let a=-1;if(c.direction==="forward"||(c.delta??0)>0){for(let u=d+1;u<n.length;u++)if(n[u].key===c.key){a=u;break}}else for(let u=d-1;u>=0;u--)if(n[u].key===c.key){a=u;break}if(a>=0){const u=n[a];n[a]={...u,...c,id:u.id,source:c.source,entryDirection:u.entryDirection,transition:u.transition,transitionDuration:u.transitionDuration,transitionEasing:u.transitionEasing},d=a}else n.push({...c,direction:"none",entryDirection:"none",transition:"none",isStackFallback:!0}),d=n.length-1}else if(c.action==="replace"){if(s!=null&&s.resetRoot){n.splice(0,n.length,c),d=0,l.value=n[d];return}d>=0?n[d]=c:(n.push(c),d=0)}else d<n.length-1&&n.splice(d+1),n.push(c),d=n.length-1;x(),l.value=n[d]};e.history.listen((c,a,u)=>{const h="delta"in u?u.delta:void 0,k=u.direction==="back"?"back":u.direction==="forward"?"forward":void 0;s?(s.delta=h,s.direction=q(s.action,s.direction??k)):P(u.type==="pop"?"pop":u.type,k,h,void 0,!1,"external")}),r.beforeEach(c=>!((s==null?void 0:s.action)==="pop"&&g&&!n.some(a=>a.fullPath===c.fullPath))),r.afterEach((c,a,u)=>{if(u){s=void 0;return}F(C(c,a)),s=void 0});const W=r.push.bind(r),A=r.replace.bind(r),G=r.back.bind(r),V=r.forward.bind(r),$=r.go.bind(r),j=(c,a)=>(P("push",(a==null?void 0:a.direction)??"forward",void 0,a),W(c)),K=(c,a)=>(P("replace",(a==null?void 0:a.direction)??"root",void 0,a),A(c)),t=(c,a)=>{const u=r.resolve(c).fullPath;let h=-1;for(let w=d;w>=0;w--)if(n[w].fullPath===u){h=w;break}if(h<0)return!1;const k=h-d;return k===0||(P("pop",(a==null?void 0:a.direction)??"back",k,a),$(k)),!0},o=(c,a)=>{const u=r.resolve(c).fullPath;if(d>=0&&r.currentRoute.value.fullPath===u){const h=n[d],k={...h,id:U("route"),action:"replace",direction:(a==null?void 0:a.direction)??"root",source:"stack",entryDirection:(a==null?void 0:a.direction)??"root",delta:void 0,transition:(a==null?void 0:a.transition)??h.transition,transitionDuration:(a==null?void 0:a.duration)??h.transitionDuration,transitionEasing:(a==null?void 0:a.easing)??h.transitionEasing,cache:!0,isStackFallback:!1};return n.splice(0,n.length,k),d=0,g=!0,l.value=k,Promise.resolve(void 0)}return P("replace",(a==null?void 0:a.direction)??"root",void 0,a,!0),g=!0,A(c)},m=()=>{P("pop","back",-1),G()},R=()=>{P("pop","forward",1),V()},y=r;y.push=j,y.replace=K,y.popTo=t,y.resetRoot=o,y.back=m,y.forward=R;const _={router:y,transitionDuration:f,transitionEasing:T,transition:S,transitions:p,maxStackSize:E,shouldTransition:e.shouldTransition,current:l,get history(){return n},canGoBack:(c=1)=>d-c>=0,push:j,replace:K,popTo:t,resetRoot:o,back:m,forward:R},M=r.install.bind(r);return r.install=c=>{c.provide(H,_),M(c)},y}const Y="onPageWillEnter",X="onPageDidEnter",Z="onPageWillLeave",N="onPageDidLeave";function he(e,r,n){if(!n)throw new Error(`${e} must be called inside setup().`);const l=n.proxy,f=l[e]??[];f.push(()=>{n.isUnmounted||r()}),l[e]=f,n.exposed&&(n.exposed[e]=f)}function B(e){return(r,n=i.getCurrentInstance())=>he(e,r,n)}const me=B(Y),ye=B(X),ke=B(Z),pe=B(N);function Re(){const e=i.inject(H);if(!e)throw new Error("useStackRouter must be used after createStackRouter().");return{router:e.router,canGoBack:e.canGoBack,push:e.push,replace:e.replace,popTo:e.popTo,resetRoot:e.resetRoot,back:e.back,forward:e.forward}}function O(){const e=i.inject(H);if(!e)throw new Error("RouterOutlet must be used with createStackRouter().");return e}function D(e,r){const n=e.value;if(!n)return;const l=n[r];Array.isArray(l)?l.forEach(f=>f()):typeof l=="function"&&l.call(n)}function I(e){e.classList.remove("rs-page-hidden","rs-page-invisible"),e.removeAttribute("aria-hidden")}function z(e){e.classList.add("rs-page-hidden"),e.setAttribute("aria-hidden","true")}function ee(e){var r;return(r=e.components)==null?void 0:r.default}function be(e){const r=ee(e);return r!==void 0&&typeof r=="object"&&"name"in r&&r.name==="RouterView"}const Pe=i.defineComponent({name:"RouterOutlet",setup(){const e=O(),r=b.useRoute(),n=i.inject(b.routeLocationKey),l=i.inject(b.matchedRouteKey,void 0),f=i.computed(()=>{const t=l==null?void 0:l.value;if(!t)return 0;const o=r.matched.findIndex(m=>m===t);return o>=0?o+1:0}),T=i.computed(()=>r.matched[f.value]),S=i.computed(()=>{for(let t=f.value;t<r.matched.length;t++){const o=r.matched[t];if(!be(o))return o}return T.value}),p=i.shallowRef([]),E=i.ref("");let d=0;i.provide(b.matchedRouteKey,S);const s=t=>p.value.find(o=>o.key===t),g=t=>{p.value.forEach(o=>{o.pageElement&&(o===t?I(o.pageElement):z(o.pageElement))})},P=t=>{const o=p.value.findIndex(m=>m===t);o>=0&&(p.value=p.value.slice(0,o+1))},C=t=>{p.value=p.value.filter(o=>o!==t)},L=t=>{const o=new Set(e.history.map(m=>m.key));p.value=p.value.filter(m=>m===t||m.routeInfo.cache&&o.has(m.key))},x=t=>{var m;const o=t.props.default;return o?o===!0?((m=e.current.value)==null?void 0:m.params)??{}:typeof o=="function"?o(n):o:{}},F=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transition??t.routeInfo.transition??e.transition:t.routeInfo.transition??e.transition,W=(t,o)=>!(t.routeInfo.isStackFallback||t.routeInfo.direction==="none"||t.routeInfo.direction==="root"||t.routeInfo.action==="pop"&&(o.routeInfo.entryDirection==="none"||o.routeInfo.entryDirection==="root"||o.routeInfo.transition==="none")),A=(t,o)=>{var R;const m=W(t,o);return((R=e.shouldTransition)==null?void 0:R.call(e,{action:t.routeInfo.action,direction:t.routeInfo.direction,source:t.routeInfo.source,entering:t.routeInfo,leaving:o.routeInfo,defaultResult:m}))??m},G=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionDuration??t.routeInfo.transitionDuration??e.transitionDuration:t.routeInfo.transitionDuration??e.transitionDuration,V=(t,o)=>t.routeInfo.action==="pop"?o.routeInfo.transitionEasing??t.routeInfo.transitionEasing??e.transitionEasing:t.routeInfo.transitionEasing??e.transitionEasing,$=async(t,o)=>{const m=++d;await i.nextTick();const R=t.pageElement;if(!R)return;if(D(t.componentRef,Y),!o||o===t||!o.pageElement){I(R),D(t.componentRef,X),L(t),g(t);return}const y=o.pageElement,_=A(t,o),M=_?F(t,o):"none",c=_?G(t,o):0,a=V(t,o),u=ue(M||v,e.transitions);D(o.componentRef,Z),I(R),I(y),await le(u,{direction:t.routeInfo.direction,action:t.routeInfo.action,routeInfo:t.routeInfo,enteringElement:R,leavingElement:y,duration:c,easing:a}),m===d&&(z(y),D(o.componentRef,N),D(t.componentRef,X),t.routeInfo.action==="pop"?P(t):t.routeInfo.action==="replace"&&C(o),L(t),g(t))},j=async()=>{const t=S.value,o=e.current.value;if(!t||!o)return;const m=ee(t);if(!m)return;const R=s(E.value);let y=s(o.key);y?(y.routeInfo=o,y.matchedRoute=t,y.component=m,y.props=x(t),y.mounted=!0):(y={id:U("view"),key:o.key,routeInfo:o,matchedRoute:t,component:m,props:x(t),componentRef:i.ref(),mounted:!0},p.value=[...p.value,y]),E.value=y.key,await $(y,R)};return i.watch(()=>{var t;return[(t=e.current.value)==null?void 0:t.id,S.value]},()=>{j()},{immediate:!0}),i.onUnmounted(()=>{d++,p.value=[]}),{injectedRoute:n,viewItems:p,registerStackPage:(t,o)=>{t.pageElement=o,t.key===E.value?I(o):z(o)}}},render(){return i.h("div",{class:"rs-outlet"},this.viewItems.filter(e=>e.mounted).map(e=>i.h(e.component,{key:e.id,ref:e.componentRef,...e.props,registerStackPage:r=>this.registerStackPage(e,r)})))}}),Ee=i.defineComponent({name:"RouterPage",props:{registerStackPage:{type:Function,default:void 0}},setup(e,{attrs:r,slots:n}){const l=i.ref();return i.onMounted(()=>{var f;l.value&&((f=e.registerStackPage)==null||f.call(e,l.value))}),()=>{var f;return i.h("section",{...r,ref:l,class:["rs-page",r.class]},(f=n.default)==null?void 0:f.call(n))}}}),we=i.defineComponent({name:"StackRouterDebugPanel",props:{initialOpen:{type:Boolean,default:!1}},setup(e){const r=O(),n=i.ref(e.initialOpen);return()=>{const l=r.current.value;return i.h("aside",{class:"rs-debug-panel"},[i.h("button",{class:"rs-debug-toggle",type:"button",onClick:()=>{n.value=!n.value}},n.value?"Stack x":"Stack"),n.value?i.h("section",{class:"rs-debug-body"},[i.h("header",[i.h("strong","Router Stack"),i.h("span",`${r.history.length} pages`)]),i.h("dl",[i.h("dt","current"),i.h("dd",(l==null?void 0:l.fullPath)??"-"),i.h("dt","canGoBack"),i.h("dd",String(r.canGoBack()))]),i.h("ol",r.history.map(f=>i.h("li",{key:f.id,class:{"rs-debug-active":f.id===(l==null?void 0:l.id),"rs-debug-no-cache":!f.cache}},[i.h("code",f.fullPath),i.h("span",[`${f.action}/${f.direction}`,` source:${f.source}`,` entry:${f.entryDirection}`,` cache:${f.cache?"yes":"no"}`,` transition:${f.transition??"-"}`])])))]):void 0])}}});Object.defineProperty(exports,"RouterLink",{enumerable:!0,get:()=>b.RouterLink});Object.defineProperty(exports,"RouterView",{enumerable:!0,get:()=>b.RouterView});Object.defineProperty(exports,"createMemoryHistory",{enumerable:!0,get:()=>b.createMemoryHistory});Object.defineProperty(exports,"createWebHashHistory",{enumerable:!0,get:()=>b.createWebHashHistory});Object.defineProperty(exports,"createWebHistory",{enumerable:!0,get:()=>b.createWebHistory});Object.defineProperty(exports,"useRoute",{enumerable:!0,get:()=>b.useRoute});Object.defineProperty(exports,"useRouter",{enumerable:!0,get:()=>b.useRouter});exports.RouterOutlet=Pe;exports.RouterPage=Ee;exports.StackRouterDebugPanel=we;exports.createStackRouter=de;exports.defineStackTransition=oe;exports.onPageDidEnter=ye;exports.onPageDidLeave=pe;exports.onPageWillEnter=me;exports.onPageWillLeave=ke;exports.stackRouterKey=H;exports.useStackRouter=Re;

package/dist/vue-router-stack.css

@@ -1 +1 @@
-.rs-outlet{position:relative;display:block;width:100%;height:100%;overflow:hidden;contain:layout size style}.rs-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--rs-page-background, #fff);z-index:0}.rs-page-hidden,[hidden].rs-page{display:none!important}.rs-page-invisible{opacity:0}.rs-debug-panel{position:fixed;right:12px;bottom:12px;z-index:9999;color:#d9e5ef;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.rs-debug-toggle{min-width:72px;border:0;border-radius:6px;padding:8px 10px;color:#f8fafc;background:#111827;cursor:pointer}.rs-debug-body{width:min(420px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 96px));overflow:auto;margin-top:8px;border:1px solid rgb(148 163 184 / 28%);border-radius:8px;padding:12px;background:#0f172af0;box-shadow:0 18px 48px #0f172a4d}.rs-debug-body header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rs-debug-body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:0 0 10px}.rs-debug-body dt{color:#94a3b8}.rs-debug-body dd{min-width:0;margin:0;overflow-wrap:anywhere}.rs-debug-body ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.rs-debug-body li{display:grid;gap:3px;border-radius:6px;padding:7px;background:#ffffff0f}.rs-debug-body code{overflow-wrap:anywhere;color:#f8fafc}.rs-debug-body li span{color:#a7b7c8}.rs-debug-body .rs-debug-active{background:#14b8a638}.rs-debug-body .rs-debug-no-cache{outline:1px solid rgb(248 113 113 / 55%)}
+.rs-outlet{position:relative;display:block;width:100%;height:100%;overflow:hidden;contain:layout size style}.rs-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;z-index:0}.rs-page-hidden,[hidden].rs-page{display:none!important}.rs-page-invisible{opacity:0}.rs-debug-panel{position:fixed;right:12px;bottom:12px;z-index:9999;color:#d9e5ef;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.rs-debug-toggle{min-width:72px;border:0;border-radius:6px;padding:8px 10px;color:#f8fafc;background:#111827;cursor:pointer}.rs-debug-body{width:min(420px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 96px));overflow:auto;margin-top:8px;border:1px solid rgb(148 163 184 / 28%);border-radius:8px;padding:12px;background:#0f172af0;box-shadow:0 18px 48px #0f172a4d}.rs-debug-body header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rs-debug-body dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:0 0 10px}.rs-debug-body dt{color:#94a3b8}.rs-debug-body dd{min-width:0;margin:0;overflow-wrap:anywhere}.rs-debug-body ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.rs-debug-body li{display:grid;gap:3px;border-radius:6px;padding:7px;background:#ffffff0f}.rs-debug-body code{overflow-wrap:anywhere;color:#f8fafc}.rs-debug-body li span{color:#a7b7c8}.rs-debug-body .rs-debug-active{background:#14b8a638}.rs-debug-body .rs-debug-no-cache{outline:1px solid rgb(248 113 113 / 55%)}

package/dist/vue-router-stack.js

@@ -1,44 +1,39 @@
-import { shallowRef as tt, getCurrentInstance as st, inject as F, defineComponent as Q, h as k, computed as z, ref as B, provide as it, watch as ut, onUnmounted as lt, nextTick as ft, onMounted as dt } from "vue";
-import { createRouter as ht, useRoute as mt, routeLocationKey as yt, matchedRouteKey as v } from "vue-router";
-import { RouterLink as Kt, RouterView as jt, createMemoryHistory as zt, createWebHashHistory as Ut, createWebHistory as Mt, useRoute as qt, useRouter as Jt } from "vue-router";
+import { shallowRef as tt, getCurrentInstance as it, inject as B, defineComponent as Q, h as y, computed as U, ref as F, provide as st, watch as ut, onUnmounted as lt, nextTick as ft, onMounted as dt } from "vue";
+import { createRouter as ht, useRoute as mt, routeLocationKey as kt, matchedRouteKey as v } from "vue-router";
+import { RouterLink as jt, RouterView as zt, createMemoryHistory as Ut, createWebHashHistory as Xt, createWebHistory as Mt, useRoute as qt, useRouter as Jt } from "vue-router";
 const N = {};
 function q(t = "route") {
-  const r = (N[t] ?? 0) + 1;
-  return N[t] = r, `${t}-${r}`;
+  const o = (N[t] ?? 0) + 1;
+  return N[t] = o, `${t}-${o}`;
 }
-const Y = "slide", kt = "cubic-bezier(0.2, 0, 0, 1)";
+const Y = "slide", yt = "cubic-bezier(0.3, 0, 0.66, 1)";
 function Lt(t) {
   return t;
 }
-const pt = ({ direction: t }) => {
-  const r = t === "back";
-  return {
-    entering: r ? [
-      { transform: "translateX(-18%)", opacity: 0.96 },
-      { transform: "translateX(0)", opacity: 1 }
-    ] : [{ transform: "translateX(100%)" }, { transform: "translateX(0)" }],
-    leaving: r ? [
-      { transform: "translateX(0)", opacity: 1 },
-      { transform: "translateX(100%)", opacity: 1 }
-    ] : [
-      { transform: "translateX(0)", opacity: 1 },
-      { transform: "translateX(-18%)", opacity: 0.96 }
-    ]
-  };
+const pt = ({ direction: t }) => t === "back" ? {
+  leaving: [
+    { transform: "translateX(0)" },
+    { transform: "translateX(100%)" }
+  ]
+} : {
+  entering: [
+    { transform: "translateX(100%)" },
+    { transform: "translateX(0)" }
+  ]
 }, Rt = () => ({
   entering: [{ opacity: 0 }, { opacity: 1 }],
   leaving: [{ opacity: 1 }, { opacity: 0 }]
 }), bt = ({ direction: t }) => {
-  const r = t === "back";
+  const o = t === "back";
   return {
-    entering: r ? [
+    entering: o ? [
       { transform: "scale(0.98)", opacity: 0 },
       { transform: "scale(1)", opacity: 1 }
     ] : [
       { transform: "scale(1.04)", opacity: 0 },
       { transform: "scale(1)", opacity: 1 }
     ],
-    leaving: r ? [
+    leaving: o ? [
       { transform: "scale(1)", opacity: 1 },
       { transform: "scale(1.04)", opacity: 0 }
     ] : [
@@ -52,26 +47,26 @@ const pt = ({ direction: t }) => {
   scale: bt,
   none: Et
 };
-function wt(t, r) {
-  const n = r[t];
-  return n || r[Y];
+function wt(t, o) {
+  const n = o[t];
+  return n || o[Y];
 }
-function O(t, r, n) {
-  if (!r || !t.animate || Number(n.duration) <= 0)
+function O(t, o, n) {
+  if (!o || !t.animate || Number(n.duration) <= 0)
     return Promise.resolve();
-  const u = t.animate(r, n);
+  const u = t.animate(o, n);
   return u.finished.then(() => u.cancel());
 }
-async function It(t, r) {
-  const n = t(r), u = {
-    duration: r.duration,
-    easing: r.easing,
+async function It(t, o) {
+  const n = t(o), u = {
+    duration: o.duration,
+    easing: o.easing,
     fill: "both",
     ...n.options
   };
   await Promise.all([
-    O(r.enteringElement, n.entering, u),
-    O(r.leavingElement, n.leaving, u)
+    O(o.enteringElement, n.entering, u),
+    O(o.leavingElement, n.leaving, u)
   ]);
 }
 const Z = Symbol("stack-router");
@@ -79,28 +74,28 @@ function St() {
   const t = window.history.state;
   return typeof (t == null ? void 0 : t.position) == "number" ? t.position : window.history.length;
 }
-function U(t, r) {
-  return r || (t === "pop" ? "back" : t === "replace" ? "none" : "forward");
+function X(t, o) {
+  return o || (t === "pop" ? "back" : t === "replace" ? "none" : "forward");
 }
 function At(t) {
-  const r = ht(t), n = [], u = tt(), l = t.transitionDuration ?? 240, T = t.transitionEasing ?? kt, w = t.transition ?? Y, p = {
+  const o = ht(t), n = [], u = tt(), l = t.transitionDuration ?? 210, T = t.transitionEasing ?? yt, w = t.transition ?? Y, p = {
     ...Pt,
     ...t.transitions
   }, E = t.maxStackSize ?? 30;
-  let f = -1, s, I = !1;
-  const b = (c, a, i, d, y = !1, P = "stack") => {
-    s = {
+  let f = -1, i, I = !1;
+  const b = (c, a, s, d, k = !1, P = "stack") => {
+    i = {
       action: c,
-      direction: U(c, a),
+      direction: X(c, a),
       source: P,
-      delta: i,
+      delta: s,
       transition: d == null ? void 0 : d.transition,
       duration: d == null ? void 0 : d.duration,
       easing: d == null ? void 0 : d.easing,
-      resetRoot: y
+      resetRoot: k
     };
   }, C = (c, a) => {
-    const i = (s == null ? void 0 : s.action) ?? "push", d = U(i, s == null ? void 0 : s.direction), y = u.value, P = i === "push" && d === "forward", ct = g(c);
+    const s = (i == null ? void 0 : i.action) ?? "push", d = X(s, i == null ? void 0 : i.direction), k = u.value, P = s === "push" && d === "forward", ct = g(c);
     return {
       id: q("route"),
       key: c.fullPath,
@@ -108,17 +103,17 @@ function At(t) {
       pathname: c.path,
       params: c.params,
       query: c.query,
-      action: i,
+      action: s,
       direction: d,
-      source: (s == null ? void 0 : s.source) ?? "stack",
+      source: (i == null ? void 0 : i.source) ?? "stack",
       entryDirection: d,
-      lastPathname: (y == null ? void 0 : y.pathname) || (a.name ? a.path : void 0),
-      pushedByRoute: P ? y == null ? void 0 : y.pathname : y == null ? void 0 : y.pushedByRoute,
+      lastPathname: (k == null ? void 0 : k.pathname) || (a.name ? a.path : void 0),
+      pushedByRoute: P ? k == null ? void 0 : k.pathname : k == null ? void 0 : k.pushedByRoute,
       position: St(),
-      delta: s == null ? void 0 : s.delta,
-      transition: (s == null ? void 0 : s.transition) ?? w,
-      transitionDuration: (s == null ? void 0 : s.duration) ?? l,
-      transitionEasing: (s == null ? void 0 : s.easing) ?? T,
+      delta: i == null ? void 0 : i.delta,
+      transition: (i == null ? void 0 : i.transition) ?? w,
+      transitionDuration: (i == null ? void 0 : i.duration) ?? l,
+      transitionEasing: (i == null ? void 0 : i.easing) ?? T,
       cache: ct
     };
   }, g = (c) => {
@@ -132,28 +127,28 @@ function At(t) {
     if (c.action === "pop") {
       let a = -1;
       if (c.direction === "forward" || (c.delta ?? 0) > 0) {
-        for (let i = f + 1; i < n.length; i++)
-          if (n[i].key === c.key) {
-            a = i;
+        for (let s = f + 1; s < n.length; s++)
+          if (n[s].key === c.key) {
+            a = s;
             break;
           }
       } else
-        for (let i = f - 1; i >= 0; i--)
-          if (n[i].key === c.key) {
-            a = i;
+        for (let s = f - 1; s >= 0; s--)
+          if (n[s].key === c.key) {
+            a = s;
             break;
           }
       if (a >= 0) {
-        const i = n[a];
+        const s = n[a];
         n[a] = {
-          ...i,
+          ...s,
           ...c,
-          id: i.id,
+          id: s.id,
           source: c.source,
-          entryDirection: i.entryDirection,
-          transition: i.transition,
-          transitionDuration: i.transitionDuration,
-          transitionEasing: i.transitionEasing
+          entryDirection: s.entryDirection,
+          transition: s.transition,
+          transitionDuration: s.transitionDuration,
+          transitionEasing: s.transitionEasing
         }, f = a;
       } else
         n.push({
@@ -164,7 +159,7 @@ function At(t) {
           isStackFallback: !0
         }), f = n.length - 1;
     } else if (c.action === "replace") {
-      if (s != null && s.resetRoot) {
+      if (i != null && i.resetRoot) {
         n.splice(0, n.length, c), f = 0, u.value = n[f];
         return;
       }
@@ -173,56 +168,56 @@ function At(t) {
       f < n.length - 1 && n.splice(f + 1), n.push(c), f = n.length - 1;
     x(), u.value = n[f];
   };
-  t.history.listen((c, a, i) => {
-    const d = "delta" in i ? i.delta : void 0, y = i.direction === "back" ? "back" : i.direction === "forward" ? "forward" : void 0;
-    s ? (s.delta = d, s.direction = U(
-      s.action,
-      s.direction ?? y
+  t.history.listen((c, a, s) => {
+    const d = "delta" in s ? s.delta : void 0, k = s.direction === "back" ? "back" : s.direction === "forward" ? "forward" : void 0;
+    i ? (i.delta = d, i.direction = X(
+      i.action,
+      i.direction ?? k
     )) : b(
-      i.type === "pop" ? "pop" : i.type,
-      y,
+      s.type === "pop" ? "pop" : s.type,
+      k,
       d,
       void 0,
       !1,
       "external"
     );
-  }), r.beforeEach((c) => !((s == null ? void 0 : s.action) === "pop" && I && !n.some((a) => a.fullPath === c.fullPath))), r.afterEach((c, a, i) => {
-    if (i) {
-      s = void 0;
+  }), o.beforeEach((c) => !((i == null ? void 0 : i.action) === "pop" && I && !n.some((a) => a.fullPath === c.fullPath))), o.afterEach((c, a, s) => {
+    if (s) {
+      i = void 0;
       return;
     }
-    H(C(c, a)), s = void 0;
+    H(C(c, a)), i = void 0;
   });
-  const V = r.push.bind(r), L = r.replace.bind(r), $ = r.back.bind(r), W = r.forward.bind(r), X = r.go.bind(r), A = (c, a) => (b(
+  const V = o.push.bind(o), L = o.replace.bind(o), $ = o.back.bind(o), W = o.forward.bind(o), K = o.go.bind(o), A = (c, a) => (b(
     "push",
     (a == null ? void 0 : a.direction) ?? "forward",
     void 0,
     a
-  ), V(c)), K = (c, a) => (b(
+  ), V(c)), j = (c, a) => (b(
     "replace",
     (a == null ? void 0 : a.direction) ?? "root",
     void 0,
     a
   ), L(c)), e = (c, a) => {
-    const i = r.resolve(c).fullPath;
+    const s = o.resolve(c).fullPath;
     let d = -1;
     for (let P = f; P >= 0; P--)
-      if (n[P].fullPath === i) {
+      if (n[P].fullPath === s) {
         d = P;
         break;
       }
     if (d < 0) return !1;
-    const y = d - f;
-    return y === 0 || (b(
+    const k = d - f;
+    return k === 0 || (b(
       "pop",
       (a == null ? void 0 : a.direction) ?? "back",
-      y,
+      k,
       a
-    ), X(y)), !0;
-  }, o = (c, a) => {
-    const i = r.resolve(c).fullPath;
-    if (f >= 0 && r.currentRoute.value.fullPath === i) {
-      const d = n[f], y = {
+    ), K(k)), !0;
+  }, r = (c, a) => {
+    const s = o.resolve(c).fullPath;
+    if (f >= 0 && o.currentRoute.value.fullPath === s) {
+      const d = n[f], k = {
         ...d,
         id: q("route"),
         action: "replace",
@@ -236,7 +231,7 @@ function At(t) {
         cache: !0,
         isStackFallback: !1
       };
-      return n.splice(0, n.length, y), f = 0, I = !0, u.value = y, Promise.resolve(void 0);
+      return n.splice(0, n.length, k), f = 0, I = !0, u.value = k, Promise.resolve(void 0);
     }
     return b(
       "replace",
@@ -249,8 +244,8 @@ function At(t) {
     b("pop", "back", -1), $();
   }, R = () => {
     b("pop", "forward", 1), W();
-  }, m = r;
-  m.push = A, m.replace = K, m.popTo = e, m.resetRoot = o, m.back = h, m.forward = R;
+  }, m = o;
+  m.push = A, m.replace = j, m.popTo = e, m.resetRoot = r, m.back = h, m.forward = R;
   const _ = {
     router: m,
     transitionDuration: l,
@@ -265,31 +260,31 @@ function At(t) {
     },
     canGoBack: (c = 1) => f - c >= 0,
     push: A,
-    replace: K,
+    replace: j,
     popTo: e,
-    resetRoot: o,
+    resetRoot: r,
     back: h,
     forward: R
-  }, j = r.install.bind(r);
-  return r.install = (c) => {
-    c.provide(Z, _), j(c);
+  }, z = o.install.bind(o);
+  return o.install = (c) => {
+    c.provide(Z, _), z(c);
   }, m;
 }
-const et = "onPageWillEnter", J = "onPageDidEnter", rt = "onPageWillLeave", ot = "onPageDidLeave";
-function Dt(t, r, n) {
+const et = "onPageWillEnter", J = "onPageDidEnter", ot = "onPageWillLeave", rt = "onPageDidLeave";
+function Dt(t, o, n) {
   if (!n)
     throw new Error(`${t} must be called inside setup().`);
   const u = n.proxy, l = u[t] ?? [];
   l.push(() => {
-    n.isUnmounted || r();
+    n.isUnmounted || o();
   }), u[t] = l, n.exposed && (n.exposed[t] = l);
 }
 function G(t) {
-  return (r, n = st()) => Dt(t, r, n);
+  return (o, n = it()) => Dt(t, o, n);
 }
-const _t = G(et), Ft = G(J), Bt = G(rt), Gt = G(ot);
+const _t = G(et), Bt = G(J), Ft = G(ot), Gt = G(rt);
 function Ct() {
-  const t = F(Z);
+  const t = B(Z);
   if (!t)
     throw new Error("useStackRouter must be used after createStackRouter().");
   return {
@@ -304,15 +299,15 @@ function Ct() {
   };
 }
 function nt() {
-  const t = F(Z);
+  const t = B(Z);
   if (!t)
     throw new Error("RouterOutlet must be used with createStackRouter().");
   return t;
 }
-function S(t, r) {
+function S(t, o) {
   const n = t.value;
   if (!n) return;
-  const u = n[r];
+  const u = n[o];
   Array.isArray(u) ? u.forEach((l) => l()) : typeof u == "function" && u.call(n);
 }
 function D(t) {
@@ -322,78 +317,78 @@ function M(t) {
   t.classList.add("rs-page-hidden"), t.setAttribute("aria-hidden", "true");
 }
 function at(t) {
-  var r;
-  return (r = t.components) == null ? void 0 : r.default;
+  var o;
+  return (o = t.components) == null ? void 0 : o.default;
 }
 function Tt(t) {
-  const r = at(t);
-  return r !== void 0 && typeof r == "object" && "name" in r && r.name === "RouterView";
+  const o = at(t);
+  return o !== void 0 && typeof o == "object" && "name" in o && o.name === "RouterView";
 }
 const Ht = Q({
   name: "RouterOutlet",
   setup() {
-    const t = nt(), r = mt(), n = F(yt), u = F(v, void 0), l = z(() => {
+    const t = nt(), o = mt(), n = B(kt), u = B(v, void 0), l = U(() => {
       const e = u == null ? void 0 : u.value;
       if (!e) return 0;
-      const o = r.matched.findIndex(
+      const r = o.matched.findIndex(
         (h) => h === e
       );
-      return o >= 0 ? o + 1 : 0;
-    }), T = z(() => r.matched[l.value]), w = z(() => {
-      for (let e = l.value; e < r.matched.length; e++) {
-        const o = r.matched[e];
-        if (!Tt(o))
-          return o;
+      return r >= 0 ? r + 1 : 0;
+    }), T = U(() => o.matched[l.value]), w = U(() => {
+      for (let e = l.value; e < o.matched.length; e++) {
+        const r = o.matched[e];
+        if (!Tt(r))
+          return r;
       }
       return T.value;
-    }), p = tt([]), E = B("");
+    }), p = tt([]), E = F("");
     let f = 0;
-    it(v, w);
-    const s = (e) => p.value.find((o) => o.key === e), I = (e) => {
-      p.value.forEach((o) => {
-        o.pageElement && (o === e ? D(o.pageElement) : M(o.pageElement));
+    st(v, w);
+    const i = (e) => p.value.find((r) => r.key === e), I = (e) => {
+      p.value.forEach((r) => {
+        r.pageElement && (r === e ? D(r.pageElement) : M(r.pageElement));
       });
     }, b = (e) => {
-      const o = p.value.findIndex((h) => h === e);
-      o >= 0 && (p.value = p.value.slice(0, o + 1));
+      const r = p.value.findIndex((h) => h === e);
+      r >= 0 && (p.value = p.value.slice(0, r + 1));
     }, C = (e) => {
-      p.value = p.value.filter((o) => o !== e);
+      p.value = p.value.filter((r) => r !== e);
     }, g = (e) => {
-      const o = new Set(
+      const r = new Set(
         t.history.map((h) => h.key)
       );
       p.value = p.value.filter(
-        (h) => h === e || h.routeInfo.cache && o.has(h.key)
+        (h) => h === e || h.routeInfo.cache && r.has(h.key)
       );
     }, x = (e) => {
       var h;
-      const o = e.props.default;
-      return o ? o === !0 ? ((h = t.current.value) == null ? void 0 : h.params) ?? {} : typeof o == "function" ? o(n) : o : {};
-    }, H = (e, o) => e.routeInfo.action === "pop" ? o.routeInfo.transition ?? e.routeInfo.transition ?? t.transition : e.routeInfo.transition ?? t.transition, V = (e, o) => !(e.routeInfo.isStackFallback || e.routeInfo.direction === "none" || e.routeInfo.direction === "root" || e.routeInfo.action === "pop" && (o.routeInfo.entryDirection === "none" || o.routeInfo.entryDirection === "root" || o.routeInfo.transition === "none")), L = (e, o) => {
+      const r = e.props.default;
+      return r ? r === !0 ? ((h = t.current.value) == null ? void 0 : h.params) ?? {} : typeof r == "function" ? r(n) : r : {};
+    }, H = (e, r) => e.routeInfo.action === "pop" ? r.routeInfo.transition ?? e.routeInfo.transition ?? t.transition : e.routeInfo.transition ?? t.transition, V = (e, r) => !(e.routeInfo.isStackFallback || e.routeInfo.direction === "none" || e.routeInfo.direction === "root" || e.routeInfo.action === "pop" && (r.routeInfo.entryDirection === "none" || r.routeInfo.entryDirection === "root" || r.routeInfo.transition === "none")), L = (e, r) => {
       var R;
-      const h = V(e, o);
+      const h = V(e, r);
       return ((R = t.shouldTransition) == null ? void 0 : R.call(t, {
         action: e.routeInfo.action,
         direction: e.routeInfo.direction,
         source: e.routeInfo.source,
         entering: e.routeInfo,
-        leaving: o.routeInfo,
+        leaving: r.routeInfo,
         defaultResult: h
       })) ?? h;
-    }, $ = (e, o) => e.routeInfo.action === "pop" ? o.routeInfo.transitionDuration ?? e.routeInfo.transitionDuration ?? t.transitionDuration : e.routeInfo.transitionDuration ?? t.transitionDuration, W = (e, o) => e.routeInfo.action === "pop" ? o.routeInfo.transitionEasing ?? e.routeInfo.transitionEasing ?? t.transitionEasing : e.routeInfo.transitionEasing ?? t.transitionEasing, X = async (e, o) => {
+    }, $ = (e, r) => e.routeInfo.action === "pop" ? r.routeInfo.transitionDuration ?? e.routeInfo.transitionDuration ?? t.transitionDuration : e.routeInfo.transitionDuration ?? t.transitionDuration, W = (e, r) => e.routeInfo.action === "pop" ? r.routeInfo.transitionEasing ?? e.routeInfo.transitionEasing ?? t.transitionEasing : e.routeInfo.transitionEasing ?? t.transitionEasing, K = async (e, r) => {
       const h = ++f;
       await ft();
       const R = e.pageElement;
       if (!R) return;
-      if (S(e.componentRef, et), !o || o === e || !o.pageElement) {
+      if (S(e.componentRef, et), !r || r === e || !r.pageElement) {
         D(R), S(e.componentRef, J), g(e), I(e);
         return;
       }
-      const m = o.pageElement, _ = L(e, o), j = _ ? H(e, o) : "none", c = _ ? $(e, o) : 0, a = W(e, o), i = wt(
-        j || Y,
+      const m = r.pageElement, _ = L(e, r), z = _ ? H(e, r) : "none", c = _ ? $(e, r) : 0, a = W(e, r), s = wt(
+        z || Y,
         t.transitions
       );
-      S(o.componentRef, rt), D(R), D(m), await It(i, {
+      S(r.componentRef, ot), D(R), D(m), await It(s, {
         direction: e.routeInfo.direction,
         action: e.routeInfo.action,
         routeInfo: e.routeInfo,
@@ -401,24 +396,24 @@ const Ht = Q({
         leavingElement: m,
         duration: c,
         easing: a
-      }), h === f && (M(m), S(o.componentRef, ot), S(e.componentRef, J), e.routeInfo.action === "pop" ? b(e) : e.routeInfo.action === "replace" && C(o), g(e), I(e));
+      }), h === f && (M(m), S(r.componentRef, rt), S(e.componentRef, J), e.routeInfo.action === "pop" ? b(e) : e.routeInfo.action === "replace" && C(r), g(e), I(e));
     }, A = async () => {
-      const e = w.value, o = t.current.value;
-      if (!e || !o) return;
+      const e = w.value, r = t.current.value;
+      if (!e || !r) return;
       const h = at(e);
       if (!h) return;
-      const R = s(E.value);
-      let m = s(o.key);
-      m ? (m.routeInfo = o, m.matchedRoute = e, m.component = h, m.props = x(e), m.mounted = !0) : (m = {
+      const R = i(E.value);
+      let m = i(r.key);
+      m ? (m.routeInfo = r, m.matchedRoute = e, m.component = h, m.props = x(e), m.mounted = !0) : (m = {
         id: q("view"),
-        key: o.key,
-        routeInfo: o,
+        key: r.key,
+        routeInfo: r,
         matchedRoute: e,
         component: h,
         props: x(e),
-        componentRef: B(),
+        componentRef: F(),
         mounted: !0
-      }, p.value = [...p.value, m]), E.value = m.key, await X(m, R);
+      }, p.value = [...p.value, m]), E.value = m.key, await K(m, R);
     };
     return ut(
       () => {
@@ -434,21 +429,21 @@ const Ht = Q({
     }), {
       injectedRoute: n,
       viewItems: p,
-      registerStackPage: (e, o) => {
-        e.pageElement = o, e.key === E.value ? D(o) : M(o);
+      registerStackPage: (e, r) => {
+        e.pageElement = r, e.key === E.value ? D(r) : M(r);
       }
     };
   },
   render() {
-    return k(
+    return y(
       "div",
       { class: "rs-outlet" },
       this.viewItems.filter((t) => t.mounted).map(
-        (t) => k(t.component, {
+        (t) => y(t.component, {
           key: t.id,
           ref: t.componentRef,
           ...t.props,
-          registerStackPage: (r) => this.registerStackPage(t, r)
+          registerStackPage: (o) => this.registerStackPage(t, o)
         })
       )
     );
@@ -461,19 +456,19 @@ const Ht = Q({
       default: void 0
     }
   },
-  setup(t, { attrs: r, slots: n }) {
-    const u = B();
+  setup(t, { attrs: o, slots: n }) {
+    const u = F();
     return dt(() => {
       var l;
       u.value && ((l = t.registerStackPage) == null || l.call(t, u.value));
     }), () => {
       var l;
-      return k(
+      return y(
         "section",
         {
-          ...r,
+          ...o,
           ref: u,
-          class: ["rs-page", r.class]
+          class: ["rs-page", o.class]
         },
         (l = n.default) == null ? void 0 : l.call(n)
       );
@@ -488,11 +483,11 @@ const Ht = Q({
     }
   },
   setup(t) {
-    const r = nt(), n = B(t.initialOpen);
+    const o = nt(), n = F(t.initialOpen);
     return () => {
-      const u = r.current.value;
-      return k("aside", { class: "rs-debug-panel" }, [
-        k(
+      const u = o.current.value;
+      return y("aside", { class: "rs-debug-panel" }, [
+        y(
           "button",
           {
             class: "rs-debug-toggle",
@@ -503,21 +498,21 @@ const Ht = Q({
           },
           n.value ? "Stack x" : "Stack"
         ),
-        n.value ? k("section", { class: "rs-debug-body" }, [
-          k("header", [
-            k("strong", "Router Stack"),
-            k("span", `${r.history.length} pages`)
+        n.value ? y("section", { class: "rs-debug-body" }, [
+          y("header", [
+            y("strong", "Router Stack"),
+            y("span", `${o.history.length} pages`)
           ]),
-          k("dl", [
-            k("dt", "current"),
-            k("dd", (u == null ? void 0 : u.fullPath) ?? "-"),
-            k("dt", "canGoBack"),
-            k("dd", String(r.canGoBack()))
+          y("dl", [
+            y("dt", "current"),
+            y("dd", (u == null ? void 0 : u.fullPath) ?? "-"),
+            y("dt", "canGoBack"),
+            y("dd", String(o.canGoBack()))
           ]),
-          k(
+          y(
             "ol",
-            r.history.map(
-              (l) => k(
+            o.history.map(
+              (l) => y(
                 "li",
                 {
                   key: l.id,
@@ -527,8 +522,8 @@ const Ht = Q({
                   }
                 },
                 [
-                  k("code", l.fullPath),
-                  k("span", [
+                  y("code", l.fullPath),
+                  y("span", [
                     `${l.action}/${l.direction}`,
                     ` source:${l.source}`,
                     ` entry:${l.entryDirection}`,
@@ -545,20 +540,20 @@ const Ht = Q({
   }
 });
 export {
-  Kt as RouterLink,
+  jt as RouterLink,
   Ht as RouterOutlet,
   Vt as RouterPage,
-  jt as RouterView,
+  zt as RouterView,
   $t as StackRouterDebugPanel,
-  zt as createMemoryHistory,
+  Ut as createMemoryHistory,
   At as createStackRouter,
-  Ut as createWebHashHistory,
+  Xt as createWebHashHistory,
   Mt as createWebHistory,
   Lt as defineStackTransition,
-  Ft as onPageDidEnter,
+  Bt as onPageDidEnter,
   Gt as onPageDidLeave,
   _t as onPageWillEnter,
-  Bt as onPageWillLeave,
+  Ft as onPageWillLeave,
   Z as stackRouterKey,
   qt as useRoute,
   Jt as useRouter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazycatcloud/vue-router-stack",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Page stack, caching, transitions, and lifecycle utilities built on vue-router.",
   "private": false,
   "type": "module",
@@ -32,13 +32,17 @@
     "keep-alive"
   ],
   "scripts": {
-    "dev": "vite --config demo/vite.config.ts --port 2244 --host",
+    "dev": "vite --config demo/vite.config.ts --port 2389 --host",
     "build": "pnpm run type-check && pnpm run build:lib && pnpm run build:demo",
     "build:lib": "vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json",
     "build:demo": "vite build --config demo/vite.config.ts",
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
     "test": "vitest run"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "peerDependencies": {
     "vue": "^3.3.0",
     "vue-router": "^4.2.0"