<script setup lang="ts">
import Index from '@/views/index/tenantIndex.vue';
import { getConfigKey } from '@/api/system/config';
import {
  defineAsyncComponent,
  onMounted,
  shallowRef,
  type Component,
} from 'vue';
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import useUserStore from '@/store/modules/user';
import useLayoutStore from '@/store/modules/layout';
import useRouterStore from '@/store/modules/router';
const routerStore = useRouterStore();
const currentComponent = shallowRef<Component | null>(null);

/**匹配views里面所有的.vue或.tsx文件 */
const views = import.meta.glob('../views/**/*.{vue,tsx}') as Record<
  string,
  () => Promise<Component>
>;

/**
 * 查找页面模块
 * @param dirName 组件路径
 * @returns 路由懒加载函数
 */
function findView(dirName: string): () => Promise<Component> {
  for (const dir in views) {
    let viewDirName = '';
    const component = dir.match(/\/(.+)\.(vue|tsx)/);
    if (component && component.length === 3) {
      viewDirName = component[1];
    }
    if (viewDirName === dirName) {
      return views[dir];
    }
  }
  return () => import('@/views/configManage/neOverview/index.vue');
}

onMounted(() => {
  if (useUserStore().roles.includes('tenant')) {
    //租户
    currentComponent.value = Index;
    useLayoutStore().changeConf('layout', 'top');
    useLayoutStore().changeConf('menuTheme', 'light');
    useLayoutStore().changeConf('tabRender', false);
  } else {
    useLayoutStore().changeConf('layout', 'mix');
    //获取当前系统设置的首页路径
    getConfigKey('sys.homePage').then(res => {
      if (res.code === RESULT_CODE_SUCCESS && res.data) {
        if (res.data) {
          const asyncComponent = findView(`${res.data}`);
          currentComponent.value = defineAsyncComponent(asyncComponent);
        }
      }
    });
  }
});
</script>

<template>
  <component :is="currentComponent" />
</template>
<style lang="less" scoped></style>
