wip: suppoer vite2 -- dynamic import

src/hooks/web/useI18n.ts

@@ -22,9 +22,9 @@ export function useI18n(namespace?: string) {
 
   const { t, ...methods } = i18n.global;
 
-  const tFn = function (...arg: Parameters<typeof t>) {
-    if (!arg[0]) return '';
-    return t(getKey(arg[0]), ...(arg as Parameters<typeof t>));
+  const tFn: typeof t = (key: string, ...arg: any) => {
+    if (!key) return '';
+    return t(getKey(key), ...(arg as Parameters<typeof t>));
   };
   return {
     ...methods,

src/router/helper/routeHelper.ts

@@ -9,17 +9,10 @@ export type LayoutMapKey = 'LAYOUT';
 
 const LayoutMap = new Map<LayoutMapKey, () => Promise<typeof import('*.vue')>>();
 
+const dynamicViewsModules = import.meta.glob('../../views/**/*.{vue,tsx}');
+
 // 动态引入
 function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
-  // TODO Because xlsx does not support vite2.0 temporarily. So filter the excel example first
-  // regexp: /^(?!.*\/demo\/excel).*\.(tsx?|vue)$/,
-  const dynamicViewsModules = importContext({
-    dir: '/@/views',
-    deep: true,
-    regexp: /\.(tsx?|vue)$/,
-    dynamicImport: true,
-    dynamicEnabled: 'autoImportRoute',
-  });
   if (!routes) return;
   routes.forEach((item) => {
     const { component, name } = item;
@@ -33,15 +26,23 @@ function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
   });
 }
 
-function dynamicImport(dynamicViewsModules: DynamicImportContextResult, component: string) {
-  const keys = dynamicViewsModules.keys();
+function dynamicImport(
+  dynamicViewsModules: Record<
+    string,
+    () => Promise<{
+      [key: string]: any;
+    }>
+  >,
+  component: string
+) {
+  const keys = Object.keys(dynamicViewsModules);
   const matchKeys = keys.filter((key) => {
-    const k = key.substr(1);
-    return k.startsWith(component) || k.startsWith(`/${component}`);
+    const k = key.replace('../../views', '');
+    return k.startsWith(`${component}`) || k.startsWith(`/${component}`);
   });
   if (matchKeys?.length === 1) {
     const matchKey = matchKeys[0];
-    return dynamicViewsModules(matchKey);
+    return dynamicViewsModules[matchKey];
   }
   if (matchKeys?.length > 1) {
     warn(

src/settings/projectSetting.ts

@@ -12,7 +12,7 @@ const setting: ProjectConfig = {
   showSettingButton: true,
 
   // Permission mode
-  permissionMode: PermissionModeEnum.ROLE,
+  permissionMode: PermissionModeEnum.BACK,
 
   // Permission-related cache is stored in sessionStorage or localStorage
   permissionCacheType: CacheTypeEnum.LOCAL,

src/setup/App.ts

@@ -39,7 +39,6 @@ export function useThemeMode(mode: ThemeModeEnum) {
 export function initAppConfigStore() {
   let projCfg: ProjectConfig = getLocal(PROJ_CFG_KEY) as ProjectConfig;
   projCfg = deepMerge(projectSetting, projCfg || {});
-
   try {
     const {
       colorWeak,