mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-06 20:43:03 +08:00
e72f9a8374
- 新增路由 plugin-app 与壳页，按 nav_key 尝试 AppPage{Pascal}/AppPage/Page
- DefaultLayout 与 appcenter 合并插件侧栏项；plugin/sidebar_nav 经 Pinia 去重缓存
- 工具 pluginSidebarNav、联邦 loader 与文档/示例更新；登出时清空侧栏缓存
Made-with: Cursor
51 lines
1.3 KiB
Vue
51 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
import type { Component } from 'vue'
|
||
import api from '@/api'
|
||
import { loadRemoteAppPageComponent } from '@/utils/federationLoader'
|
||
|
||
const route = useRoute()
|
||
|
||
const pluginId = computed(() => route.params.pluginId as string)
|
||
const navKey = computed(() => (route.params.navKey as string) || 'main')
|
||
|
||
const RemoteView = shallowRef<Component | null>(null)
|
||
const loadError = ref(false)
|
||
|
||
watch(
|
||
[pluginId, navKey],
|
||
async ([pid, nk]) => {
|
||
loadError.value = false
|
||
if (!pid) {
|
||
RemoteView.value = null
|
||
return
|
||
}
|
||
try {
|
||
RemoteView.value = (await loadRemoteAppPageComponent(pid, nk)) as Component
|
||
} catch (e) {
|
||
console.error(e)
|
||
RemoteView.value = null
|
||
loadError.value = true
|
||
}
|
||
},
|
||
{ immediate: true },
|
||
)
|
||
</script>
|
||
|
||
<template>
|
||
<div class="plugin-app-page">
|
||
<VAlert v-if="loadError" type="error" class="ma-4" title="组件加载错误">
|
||
无法加载插件全页组件。多入口时请暴露 AppPage 或 AppPage{Pascal}（见文档），并确认插件已启用。
|
||
</VAlert>
|
||
<VSkeletonLoader v-else-if="!RemoteView" class="ma-4" type="article, article, article" />
|
||
<component
|
||
v-else
|
||
:is="RemoteView"
|
||
:key="`${pluginId}-${navKey}`"
|
||
:api="api"
|
||
:nav-key="navKey"
|
||
:plugin-id="pluginId"
|
||
@action="() => {}"
|
||
/>
|
||
</div>
|
||
</template>
|