import { h } from 'vue'
|
class ComponentLoader {
|
constructor() {
|
this.modules = import.meta.glob('../../views/**/*.vue')
|
}
|
/**
|
* 加载组件
|
*/
|
load(componentPath) {
|
if (!componentPath) {
|
return this.createEmptyComponent()
|
}
|
const fullPath = `../../views${componentPath}.vue`
|
const fullPathWithIndex = `../../views${componentPath}/index.vue`
|
const module = this.modules[fullPath] || this.modules[fullPathWithIndex]
|
if (!module) {
|
console.error(
|
`[ComponentLoader] 未找到组件: ${componentPath}，尝试过的路径: ${fullPath} 和 ${fullPathWithIndex}`
|
)
|
return this.createErrorComponent(componentPath)
|
}
|
return module
|
}
|
/**
|
* 加载布局组件
|
*/
|
loadLayout() {
|
return () => import('@/views/index/index.vue')
|
}
|
/**
|
* 加载 iframe 组件
|
*/
|
loadIframe() {
|
return () => import('@/views/outside/Iframe.vue')
|
}
|
/**
|
* 创建空组件
|
*/
|
createEmptyComponent() {
|
return () =>
|
Promise.resolve({
|
render() {
|
return h('div', {})
|
}
|
})
|
}
|
/**
|
* 创建错误提示组件
|
*/
|
createErrorComponent(componentPath) {
|
return () =>
|
Promise.resolve({
|
render() {
|
return h('div', { class: 'route-error' }, `组件未找到: ${componentPath}`)
|
}
|
})
|
}
|
}
|
export { ComponentLoader }
|
