38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import type { Component } from 'vue';
|
|
import { EnumLayoutComponentName } from '@/enum';
|
|
import { BasicLayout, BlankLayout } from '@/layouts';
|
|
import { views } from '@/views';
|
|
import { consoleError } from '../common';
|
|
|
|
type LayoutComponent = Record<EnumType.LayoutComponentName, () => Promise<Component>>;
|
|
|
|
/**
|
|
* 获取页面导入的vue文件(懒加载的方式)
|
|
* @param layoutType - 布局类型
|
|
*/
|
|
export function getLayoutComponent(layoutType: EnumType.LayoutComponentName) {
|
|
const layoutComponent: LayoutComponent = {
|
|
basic: BasicLayout,
|
|
blank: BlankLayout
|
|
};
|
|
return () => setViewComponentName(layoutComponent[layoutType], EnumLayoutComponentName[layoutType]);
|
|
}
|
|
|
|
/**
|
|
* 获取页面导入的vue文件(懒加载的方式)
|
|
* @param routeKey - 路由key
|
|
*/
|
|
export function getViewComponent(routeKey: AuthRoute.RouteKey) {
|
|
if (!views[routeKey]) {
|
|
consoleError(`该路由“${routeKey}”没有对应的组件文件！`);
|
|
}
|
|
return () => setViewComponentName(views[routeKey], routeKey) as Promise<Component>;
|
|
}
|
|
|
|
/** 给页面组件设置名称 */
|
|
async function setViewComponentName(asyncComponent: () => Promise<Component>, name: string) {
|
|
const component = (await asyncComponent()) as { default: Component };
|
|
Object.assign(component.default, { name });
|
|
return component;
|
|
}
|