refactor(projects): 重构路由页面组件的导入

src/views/index.ts

@@ -1,7 +1,31 @@
-export * from './system';
-export * from './dashboard';
-export * from './document';
-export * from './component';
-export * from './plugin';
-export * from './multi-menu';
-export * from './about';
+import type { Component } from 'vue';
+
+type ViewComponent = Record<string, () => Promise<Component>>;
+
+const importViews = import.meta.glob('./**/index.vue');
+
+const COMPONENTS_KEY = 'components';
+const PREFIX = './';
+const SUFFIX = '/index.vue';
+const PATH_SPLIT_MARK = '/';
+const ROUTE_KEY_SPLIT_MARK = '_';
+/** 系统的内置路由，该文件夹名称不作为RouteKey */
+const SYSTEM_VIEW = 'system-view_';
+
+/** 过滤掉组件文件 */
+const viewKeys = Object.keys(importViews).filter(key => !key.includes(COMPONENTS_KEY));
+
+function getViewComponent() {
+  const components: ViewComponent = {};
+  viewKeys.forEach(key => {
+    const routeKey = key
+      .replace(PREFIX, '')
+      .replace(SUFFIX, '')
+      .replaceAll(PATH_SPLIT_MARK, ROUTE_KEY_SPLIT_MARK)
+      .replace(SYSTEM_VIEW, '');
+    components[routeKey] = importViews[key];
+  });
+  return components;
+}
+
+export const views = getViewComponent();