javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(vue): add hardware back button hook (#22069)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-09-11 11:20:48 -04:00
committed by GitHub
parent 5ffa65f84a
commit a7f564b818
11 changed files with 33 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/vue-router/src/router.ts
View File

@ -1,6 +1,7 @@
import {
Router,
RouteLocationNormalizedLoaded,
RouteLocationNormalized,
NavigationGuardNext
} from 'vue-router';
import { createLocationHistory } from './locationHistory';
import { generateId } from './utils';
@ -10,11 +11,18 @@ import {
RouteParams,
RouteAction,
RouteDirection,
IonicVueRouterOptions
IonicVueRouterOptions,
IonRouter
} from './types';
import { AnimationBuilder } from '@ionic/core';
export const createIonRouter = (opts: IonicVueRouterOptions, router: Router) => {
router.beforeEach((to: RouteLocationNormalized, _: RouteLocationNormalized, next: NavigationGuardNext) => {
handleHistoryChange(to);
next();
});
const locationHistory = createLocationHistory();
let currentRouteInfo: RouteInfo;
let incomingRouteParams: RouteParams;
@ -188,22 +196,8 @@ export const createIonRouter = (opts: IonicVueRouterOptions, router: Router) =>
const getCurrentRouteInfo = () => currentRouteInfo;
const setInitialRoute = (routeInfo: RouteLocationNormalizedLoaded) => {
const info: RouteInfo = {
id: generateId('routeInfo'),
pathname: routeInfo.fullPath,
search: ''
}
locationHistory.add(info);
}
const canGoBack = (deep: number = 1) => locationHistory.canGoBack(deep);
const setIncomingRouteParams = (params: RouteParams) => {
incomingRouteParams = params;
}
const navigate = (navigationOptions: ExternalNavigationOptions) => {
const { routerAnimation, routerDirection, routerLink } = navigationOptions;
@ -216,8 +210,6 @@ export const createIonRouter = (opts: IonicVueRouterOptions, router: Router) =>
router.push(routerLink);
}
const getLocationHistory = () => locationHistory;
const resetTab = (tab: string, originalHref: string) => {
const routeInfo = locationHistory.getFirstRouteInfoForTab(tab);
if (routeInfo) {
@ -258,15 +250,11 @@ export const createIonRouter = (opts: IonicVueRouterOptions, router: Router) =>
}
return {
handleHistoryChange,
handleNavigateBack,
handleSetCurrentTab,
getCurrentRouteInfo,
setInitialRoute,
canGoBack,
navigate,
getLocationHistory,
setIncomingRouteParams,
resetTab,
changeTab,
registerHistoryChangeListener