fix: 为插件路由增加前缀以确保不会导致其他路由出现问题

web/plugins/com.msgbyte.openapi/src/index.ts

@@ -1,4 +1,4 @@
-import { Loadable, regCustomPanel, regRootRouter } from '@capital/common';
+import { Loadable, regCustomPanel, regPluginRootRoute } from '@capital/common';
 import { Translate } from './translate';
 
 const MainPanel = Loadable(() => import('./MainPanel'));
@@ -11,7 +11,7 @@ regCustomPanel({
   render: MainPanel,
 });
 
-regRootRouter({
+regPluginRootRoute({
   name: 'com.msgbyte.openapi/route',
   path: '/openapi',
   component: MainPanel,

web/src/App.tsx

@@ -8,7 +8,7 @@ import { Helmet } from 'react-helmet';
 import { useRecordMeasure } from './utils/measure-helper';
 import { getPopupContainer, preventDefault } from './utils/dom-helper';
 import { LoadingSpinner } from './components/LoadingSpinner';
-import { pluginRootRouter } from './plugin/common';
+import { pluginRootRoute } from './plugin/common';
 import { PortalHost as FallbackPortalHost } from './components/Portal';
 
 const MainRoute = Loadable(() => import('./routes/Main'));
@@ -78,17 +78,19 @@ export const App: React.FC = React.memo(() => {
           <Route path="/main" component={MainRoute} />
           <Route path="/panel" component={PanelRoute} />
           <Route path="/invite/:inviteCode" component={InviteRoute} />
-          {/* 这个host用于处理独立页面的modal */}
+          <Route path="/plugin/*">
-          {/* NOTICE: Switch里不能出现动态路由 */}
+            {/* 这个host用于处理独立页面的modal */}
-          {/* <FallbackPortalHost>
+            {/* NOTICE: Switch里不能出现动态路由 */}
-            {pluginRootRouter.map((r, i) => (
+            <FallbackPortalHost>
-              <Route
+              {pluginRootRoute.map((r, i) => (
-                key={r.name}
+                <Route
-                path={r.path || `/fallback${i}`}
+                  key={r.name}
-                component={r.component}
+                  path={r.path ? `/plugin${r.path}` : `/plugin/fallback${i}`}
-              />
+                  component={r.component}
-            ))}
+                />
-          </FallbackPortalHost> */}
+              ))}
+            </FallbackPortalHost>
+          </Route>
           <Redirect to="/entry" />
         </Switch>
       </AppContainer>

web/src/plugin/common/reg.ts

@@ -148,7 +148,7 @@ export const [pluginMessageExtraParsers, regMessageExtraParser] = buildRegList<{
 /**
  * 注册根路由
  */
-export const [pluginRootRouter, regRootRouter] = buildRegList<{
+export const [pluginRootRoute, regPluginRootRoute] = buildRegList<{
   name: string;
   path: string;
   component: React.ComponentType;