@umijs/plugins 4.0.0-canary.20220506.1 → 4.0.0-canary.20220506.4

package/dist/layout.js

@@ -137,7 +137,8 @@ const { formatMessage } = useIntl();
         }
         if (menuItemProps.path && location.pathname !== menuItemProps.path) {
           return (
-            <Link to={menuItemProps.path} target={menuItemProps.target}>
+            // handle wildcard route path, for example /slave/* from qiankun
+            <Link to={menuItemProps.path.replace('/*', '')} target={menuItemProps.target}>
               {defaultDom}
             </Link>
           );

package/dist/qiankun/master.js

@@ -48,7 +48,7 @@ exports.default = (api) => {
                 const normalizedRouteProps = JSON.stringify(routeProps).replace(/"/g, "'");
                 route.file = `(async () => {
           const { getMicroAppRouteComponent } = await import('@@/plugin-qiankun-master/getMicroAppRouteComponent');
-          return getMicroAppRouteComponent({ appName: '${appName}', base: '${base}', masterHistoryType: '${masterHistoryType}', routeProps: ${normalizedRouteProps} })
+          return getMicroAppRouteComponent({ appName: '${appName}', base: '${base}', routePath: '${route.path}', masterHistoryType: '${masterHistoryType}', routeProps: ${normalizedRouteProps} })
         })()`;
             }
         });

package/dist/qiankun/slave.js

@@ -30,7 +30,10 @@ exports.default = (api) => {
         key: 'addExtraModels',
         fn() {
             return [
-                `@@/plugin-qiankun-slave/qiankunModel#{"namespace":"${constants_1.qiankunStateFromMasterModelNamespace}"}`,
+                (0, withTmpPath_1.withTmpPath)({
+                    api,
+                    path: `qiankunModel.ts#{"namespace":"${constants_1.qiankunStateFromMasterModelNamespace}"}`,
+                }),
             ];
         },
     });
@@ -123,36 +126,39 @@ if (!window.__POWERED_BY_QIANKUN__) {
     function getFileContent(file) {
         return (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../../libs/qiankun/slave', file), 'utf-8');
     }
-    api.onGenerateFiles(() => {
-        //     api.writeTmpFile({
-        //       path: 'slaveOptions.ts',
-        //       content: `
-        // let options = ${JSON.stringify((api.config.qiankun || {}).slave || {})};
-        // export const getSlaveOptions = () => options;
-        // export const setSlaveOptions = (newOpts) => options = ({ ...options, ...newOpts });
-        //       `,
-        //     });
-        [
-            'qiankunModel.ts',
-            'connectMaster.tsx',
-            'slaveRuntimePlugin.ts',
-            'lifecycles.ts',
-        ].forEach((file) => {
-            api.writeTmpFile({
-                path: file.replace(/\.tpl$/, ''),
-                content: getFileContent(file)
-                    .replace('__USE_MODEL__', api.isPluginEnable('model')
-                    ? `import { useModel } from '@@/plugin-model'`
-                    : `const useModel = null;`)
-                    .replace(/from 'qiankun'/g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('qiankun/package')))}'`)
-                    .replace(/from 'lodash\//g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('lodash/package')))}/`),
+    api.onGenerateFiles({
+        fn() {
+            //     api.writeTmpFile({
+            //       path: 'slaveOptions.ts',
+            //       content: `
+            // let options = ${JSON.stringify((api.config.qiankun || {}).slave || {})};
+            // export const getSlaveOptions = () => options;
+            // export const setSlaveOptions = (newOpts) => options = ({ ...options, ...newOpts });
+            //       `,
+            //     });
+            [
+                'qiankunModel.ts',
+                'connectMaster.tsx',
+                'slaveRuntimePlugin.ts',
+                'lifecycles.ts',
+            ].forEach((file) => {
+                api.writeTmpFile({
+                    path: file.replace(/\.tpl$/, ''),
+                    content: getFileContent(file)
+                        .replace('__USE_MODEL__', api.isPluginEnable('model')
+                        ? `import { useModel } from '@@/plugin-model'`
+                        : `const useModel = null;`)
+                        .replace(/from 'qiankun'/g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('qiankun/package')))}'`)
+                        .replace(/from 'lodash\//g, `from '${(0, plugin_utils_1.winPath)((0, path_1.dirname)(require.resolve('lodash/package')))}/`),
+                });
             });
-        });
-        api.writeTmpFile({
-            path: 'index.ts',
-            content: `
+            api.writeTmpFile({
+                path: 'index.ts',
+                content: `
 export { connectMaster } from './connectMaster';
       `,
-        });
+            });
+        },
+        before: 'model',
     });
 };

package/libs/qiankun/master/common.ts

@@ -48,6 +48,7 @@ export function patchMicroAppRoute(
   getMicroAppRouteComponent: (opts: {
     appName: string;
     base: string;
+    routePath: string;
     masterHistoryType: string;
     routeProps?: any;
   }) => string | ReactComponentElement<any>,
@@ -88,6 +89,7 @@ export function patchMicroAppRoute(
     const opts = {
       appName: microAppName,
       base,
+      routePath: route.path,
       masterHistoryType,
       routeProps,
     };
@@ -103,8 +105,8 @@ const recursiveSearch = (
     if (routes[i].path === path) {
       return routes[i];
     }
-    if (routes[i].chidlren && routes[i].chidlren?.length) {
-      const found = recursiveSearch(routes[i].chidlren || [], path);
+    if (routes[i].children && routes[i].children?.length) {
+      const found = recursiveSearch(routes[i].children || [], path);
       if (found) {
         return found;
       }
@@ -126,8 +128,8 @@ export function insertRoute(routes: IRouteProps[], microAppRoute: IRouteProps) {
       );
     }
     found.exact = false;
-    found.chidlren = found.chidlren || [];
-    found.chidlren.push(microAppRoute);
+    found.children = found.children || [];
+    found.children.push(microAppRoute);
   } else {
     throw new Error(
       `[plugin-qiankun]: path "${microAppRoute.insert}" not found`,

package/libs/qiankun/master/getMicroAppRouteComponent.tsx.tpl

@@ -1,22 +1,20 @@
 import React from 'react';
 import { MicroApp } from './MicroApp';
-import { useRouteData } from 'umi';
 
 export function getMicroAppRouteComponent(opts: {
   appName: string;
   base: string;
+  routePath: string;
   masterHistoryType: string;
   routeProps?: any;
 }) {
-  const { base, masterHistoryType, appName, routeProps } = opts;
+  const { base, masterHistoryType, appName, routeProps, routePath } = opts;
   const RouteComponent = () => {
-    const { route } = useRouteData();
-
     // 默认取静态配置的 base
     let umiConfigBase = base === '/' ? '' : base;
 
     // 拼接子应用挂载路由
-    let runtimeMatchedBase = umiConfigBase + route.path.replace('/*', '');
+    let runtimeMatchedBase = umiConfigBase + routePath.replace('/*', '');
 
     {{#dynamicRoot}}
     // @see https://github.com/umijs/umi/blob/master/packages/preset-built-in/src/plugins/commands/htmlUtils.ts#L102

package/libs/qiankun/master/masterRuntimePlugin.tsx

@@ -34,10 +34,10 @@ function patchMicroAppRouteComponent(routes: any[]) {
     const rootRoute = routes.find((route) => route.path === '/');
     if (rootRoute) {
       // 如果根路由是叶子节点，则直接返回其父节点
-      if (!rootRoute.chidlren) {
+      if (!rootRoute.children) {
         return routes;
       }
-      return getRootRoutes(rootRoute.chidlren);
+      return getRootRoutes(rootRoute.children);
     }
     return routes;
   };
@@ -50,11 +50,12 @@ function patchMicroAppRouteComponent(routes: any[]) {
       const patchRoute = (route: any) => {
         patchMicroAppRoute(route, getMicroAppRouteComponent, {
           base,
+          routePath: route.path,
           masterHistoryType,
           routeBindingAlias,
         });
-        if (route.chidlren?.length) {
-          route.chidlren.forEach(patchRoute);
+        if (route.children?.length) {
+          route.children.forEach(patchRoute);
         }
       };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-canary.20220506.1",
+  "version": "4.0.0-canary.20220506.4",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -25,7 +25,7 @@
     "@ahooksjs/use-request": "^2.0.0",
     "@ant-design/icons": "^4.7.0",
     "@ant-design/pro-layout": "^6.35.1",
-    "@umijs/bundler-utils": "4.0.0-canary.20220506.1",
+    "@umijs/bundler-utils": "4.0.0-canary.20220506.4",
     "antd-dayjs-webpack-plugin": "^1.0.6",
     "axios": "^0.26.1",
     "babel-plugin-import": "^1.13.3",
@@ -44,7 +44,7 @@
     "warning": "^4.0.3"
   },
   "devDependencies": {
-    "umi": "4.0.0-canary.20220506.1"
+    "umi": "4.0.0-canary.20220506.4"
   },
   "publishConfig": {
     "access": "public"