You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
830 B
34 lines
830 B
12 months ago
|
import type { FunctionalComponent } from 'vue';
|
||
|
|
import type { RouteLocation } from 'vue-router';
|
||
|
|
|
||
|
|
export interface DefaultContext {
|
||
|
|
Component: FunctionalComponent & { type: Recordable };
|
||
|
|
route: RouteLocation;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function getTransitionName({
|
||
|
|
route,
|
||
|
|
openCache,
|
||
|
|
cacheTabs,
|
||
|
|
enableTransition,
|
||
|
|
def,
|
||
|
|
}: Pick<DefaultContext, 'route'> & {
|
||
|
|
enableTransition: boolean;
|
||
|
|
openCache: boolean;
|
||
|
|
def: string;
|
||
|
|
cacheTabs: string[];
|
||
|
|
}): string | undefined {
|
||
|
|
if (!enableTransition) {
|
||
|
|
return undefined;
|
||
|
|
}
|
||
|
|
|
||
|
|
const isInCache = cacheTabs.includes(route.name as string);
|
||
|
|
const transitionName = 'fade-slide';
|
||
|
|
let name: string | undefined = transitionName;
|
||
|
|
|
||
|
|
if (openCache) {
|
||
|
|
name = isInCache && route.meta.loaded ? transitionName : undefined;
|
||
|
|
}
|
||
|
|
return name || (route.meta.transitionName as string) || def;
|
||
|
|
}
|