11import Navigator from './components/Navigator'
22
33export default function install ( Vue , { routes} ) {
4+ let appRoot ;
5+ const start = Vue . prototype . $start
6+ Vue . prototype . $start = function ( ) {
7+ appRoot = this
8+ start . call ( this )
9+ }
410Vue . component ( 'Navigator' , Navigator )
511
612Object . keys ( routes ) . map ( path => {
@@ -20,24 +26,29 @@ export default function install(Vue, {routes}) {
2026data :{
2127path :false ,
2228paths :{ } ,
23- defaultPath : '/'
29+ defaultPaths : { } ,
2430} ,
2531computed :{
2632route ( ) {
27- return routes [ this . path || this . defaultPath ]
33+ return this . routes ( 'navigator' )
34+ } ,
35+ routes ( ) {
36+ return id => routes [ this . paths [ id ] || this . defaultPaths [ id ] ]
2837} ,
2938} ,
3039methods :{
31- _resolveComponent ( defaultPath ) {
32- if ( defaultPath ) this . defaultPath = defaultPath
40+ _resolveComponent ( defaultPath , id ) {
41+ if ( defaultPath ) {
42+ this . $set ( this . defaultPaths , id , defaultPath )
43+ }
3344
34- if ( this . route ) {
35- return this . route . component
45+ if ( this . routes ( id ) ) {
46+ return this . routes ( id ) . component
3647}
3748return false
3849} ,
3950_updatePath ( path , id = 'navigator' ) {
40- if ( id === 'navigator' ) {
51+ if ( id === 'navigator' ) {
4152this . path = path
4253}
4354this . $set ( this . paths , id , path )
@@ -48,17 +59,18 @@ export default function install(Vue, {routes}) {
4859
4960if ( ! matchedRoute ) {
5061if ( TNS_ENV === 'development' ) {
51- throw new Error ( `Navigating to a route that does not exist:${ to } )
62+ throw new Error ( `[Navigator] Navigating to a route that does not exist:${ to } )
5263}
5364return false
5465}
5566
56- options = Object . assign ( { frame :'navigator' } , options )
67+ options = Object . assign ( { frame :'navigator' } , options )
5768
5869return this . $navigateTo ( matchedRoute . component , options )
70+ . catch ( err => console . log ( `[Navigator] Failed to navigate:${ err } ) )
5971} ,
6072back ( options , ...args ) {
61- options = Object . assign ( { frame :'navigator' } , options )
73+ options = Object . assign ( { frame :'navigator' } , options )
6274return this . $navigateBack . call ( this , options , ...args )
6375}
6476} ,