canrd-outside / order-erp-front · Files

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;

}