fix nested routes navigate

This commit is contained in:
cudr
2018-12-25 16:06:14 +03:00
parent 02cef046aa
commit cfba9b2168

View File

@@ -36,7 +36,7 @@ const root_props: RootProps = {
export let prefetching: {
href: string;
promise: Promise<{ redirect?: Redirect, data?: any, nullable_depth?: number }>;
promise: Promise<{ redirect?: Redirect, data?: any, nullable_depth?: number, new_segments?: any }>;
} = null;
export function set_prefetching(href, promise) {
prefetching = { href, promise };
@@ -137,10 +137,13 @@ export function navigate(target: Target, id: number, noscroll?: boolean, hash?:
const token = current_token = {};
return loaded.then(({ redirect, data, nullable_depth }) => {
return loaded.then(({ redirect, data, nullable_depth, new_segments }) => {
if (redirect) {
return goto(redirect.location, { replaceState: true });
}
if (new_segments) {
segments = new_segments;
}
render(data, nullable_depth, scroll_history[id], noscroll, hash, token);
if (document.activeElement) document.activeElement.blur();
});
@@ -285,11 +288,9 @@ export function prepare_page(target: Target): Promise<{
}
}).then(results => {
if (redirect) {
return { redirect };
return { redirect, new_segments };
}
segments = new_segments;
const get_params = page.parts[page.parts.length - 1].params || (() => ({}));
const params = get_params(target.match);
@@ -303,6 +304,7 @@ export function prepare_page(target: Target): Promise<{
};
return {
new_segments,
data: Object.assign({}, props, {
preloading: false,
child: {
@@ -318,7 +320,7 @@ export function prepare_page(target: Target): Promise<{
path,
preloading: false,
child: Object.assign({}, root_props.child, {
segment: segments[0]
segment: new_segments[0]
})
};
if (changed(query, root_props.query)) data.query = query;
@@ -349,10 +351,10 @@ export function prepare_page(target: Target): Promise<{
}
level = level.props.child;
level.segment = segments[i + 1];
level.segment = new_segments[i + 1];
}
return { data, nullable_depth };
return { data, nullable_depth, new_segments };
});
}
@@ -386,4 +388,4 @@ function detach(node: Node) {
function changed(a: Record<string, string | true>, b: Record<string, string | true>) {
return JSON.stringify(a) !== JSON.stringify(b);
}
}