@umijs/plugins 4.0.65 → 4.0.66

package/dist/antd.js

@@ -36,8 +36,10 @@ var import_assert = __toESM(require("assert"));
 var import_path = require("path");
 var import_umi = require("umi");
 var import_plugin_utils = require("umi/plugin-utils");
+var import_constants = require("./constants");
 var import_resolveProjectDep = require("./utils/resolveProjectDep");
 var import_withTmpPath = require("./utils/withTmpPath");
+var ANTD_TEMPLATES_DIR = (0, import_path.join)(import_constants.TEMPLATES_DIR, "antd");
 var antd_default = (api) => {
   let pkgPath;
   let antdVersion = "4.0.0";
@@ -176,7 +178,7 @@ var antd_default = (api) => {
         configProvider: withConfigProvider && JSON.stringify(api.config.antd.configProvider),
         appConfig: appComponentAvailable && JSON.stringify(api.config.antd.appConfig)
       },
-      tplPath: (0, import_path.join)(__dirname, "../tpls/antd-runtime.ts.tpl")
+      tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(ANTD_TEMPLATES_DIR, "runtime.ts.tpl"))
     });
     api.writeTmpFile({
       path: "types.d.ts",
@@ -223,13 +225,17 @@ export type IRuntimeConfig = {
     return [];
   });
   api.addEntryImportsAhead(() => {
+    const isAntd5 = antdVersion.startsWith("5");
     const style = api.config.antd.style || "less";
-    const doNotImportLess = api.config.antd.import && !api.appData.vite || antdVersion.startsWith("5");
-    return doNotImportLess ? [] : [
-      {
+    const imports = [];
+    if (isAntd5) {
+      imports.push({ source: "antd/dist/reset.css" });
+    } else if (!api.config.antd.import || api.appData.vite) {
+      imports.push({
         source: style === "less" ? "antd/dist/antd.less" : "antd/dist/antd.css"
-      }
-    ];
+      });
+    }
+    return imports;
   });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const TEMPLATES_DIR: string;

package/dist/constants.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  TEMPLATES_DIR: () => TEMPLATES_DIR
+});
+module.exports = __toCommonJS(constants_exports);
+var import_path = require("path");
+var TEMPLATES_DIR = (0, import_path.join)(__dirname, "../templates");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TEMPLATES_DIR
+});

package/dist/locale.js

@@ -37,8 +37,10 @@ var import_fs = require("fs");
 var import_path = require("path");
 var import_umi = require("umi");
 var import_plugin_utils = require("umi/plugin-utils");
+var import_constants = require("./constants");
 var import_localeUtils = require("./utils/localeUtils");
 var import_withTmpPath = require("./utils/withTmpPath");
+var LOCALE_TEMPLATES_DIR = (0, import_path.join)(import_constants.TEMPLATES_DIR, "locale");
 var packageNormalize = (packageName) => packageName.replace(/[@\/\-.]/g, "_");
 var locale_default = (api) => {
   let hasAntd = false;
@@ -108,7 +110,7 @@ var locale_default = (api) => {
   api.onGenerateFiles(async () => {
     var _a, _b, _c, _d;
     const localeTpl = (0, import_fs.readFileSync)(
-      (0, import_path.join)(__dirname, "../libs/locale/locale.tpl"),
+      (0, import_path.join)(LOCALE_TEMPLATES_DIR, "locale.tpl"),
       "utf-8"
     );
     const resolveKey = api.config.moment2dayjs ? "dayjs" : "moment";
@@ -165,7 +167,7 @@ var locale_default = (api) => {
       path: "locale.tsx"
     });
     const localeExportsTpl = (0, import_fs.readFileSync)(
-      (0, import_path.join)(__dirname, "../libs/locale/localeExports.tpl"),
+      (0, import_path.join)(LOCALE_TEMPLATES_DIR, "localeExports.tpl"),
       "utf-8"
     );
     const localeDirName = "locales";
@@ -197,7 +199,7 @@ var locale_default = (api) => {
       })
     });
     const runtimeTpl = (0, import_fs.readFileSync)(
-      (0, import_path.join)(__dirname, "../libs/locale/runtime.tpl"),
+      (0, import_path.join)(LOCALE_TEMPLATES_DIR, "runtime.tpl"),
       "utf-8"
     );
     api.writeTmpFile({
@@ -207,7 +209,7 @@ var locale_default = (api) => {
       })
     });
     const selectLang = (0, import_fs.readFileSync)(
-      (0, import_path.join)(__dirname, "../libs/locale/SelectLang.tpl"),
+      (0, import_path.join)(LOCALE_TEMPLATES_DIR, "SelectLang.tpl"),
       "utf-8"
     );
     api.writeTmpFile({

package/dist/mf.js

@@ -25,10 +25,12 @@ module.exports = __toCommonJS(mf_exports);
 var import_fs = require("fs");
 var import_path = require("path");
 var import_plugin_utils = require("umi/plugin-utils");
+var import_constants = require("./constants");
 var import_mfUtils = require("./utils/mfUtils");
 var { isEmpty } = import_plugin_utils.lodash;
 var mfSetupPathFileName = "_mf_setup-public-path.js";
 var mfAsyncEntryFileName = "asyncEntry.ts";
+var MF_TEMPLATES_DIR = (0, import_path.join)(import_constants.TEMPLATES_DIR, "mf");
 function mf(api) {
   api.describe({
     key: "mf",
@@ -121,7 +123,7 @@ function mf(api) {
       context: {
         remoteCodeString: (0, import_mfUtils.toRemotesCodeString)(remotes)
       },
-      tplPath: (0, import_path.join)(__dirname, "../tpls/mf-runtime.ts.tpl")
+      tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(MF_TEMPLATES_DIR, "runtime.ts.tpl"))
     });
     if (api.env === "development" && api.config.mfsu) {
       return;

package/dist/qiankun/slave.js

@@ -263,15 +263,24 @@ export { MicroAppLink } from './MicroAppLink';
           key: "onLocalProxyStart",
           type: api.ApplyPluginsType.event
         });
+        const modifyLocalProxyOpts = await api.applyPlugins({
+          key: "modifyLocalProxyOpts",
+          type: api.ApplyPluginsType.modify,
+          initialValue: {}
+        }) ?? {};
+        const localProxyOpts = {
+          target: masterEntry,
+          secure: false,
+          ignorePath: false,
+          followRedirects: false,
+          changeOrigin: true,
+          selfHandleResponse: true,
+          ...modifyLocalProxyOpts
+        };
         return (0, import_http_proxy_middleware.createProxyMiddleware)(
           (pathname) => pathname !== "/local-dev-server",
           {
-            target: masterEntry,
-            secure: false,
-            ignorePath: false,
-            followRedirects: false,
-            changeOrigin: true,
-            selfHandleResponse: true,
+            ...localProxyOpts,
             onProxyReq(proxyReq) {
               api.applyPlugins({
                 key: "onLocalProxyReq",
@@ -284,13 +293,18 @@ export { MicroAppLink } from './MicroAppLink';
               async (responseBuffer, proxyRes, req2, res2) => {
                 var _a2;
                 if (proxyRes.statusCode === 302) {
-                  const hostname = req2.hostname;
+                  const { ignorePath = false } = localProxyOpts;
+                  const { hostname, url, protocol } = req2;
                   const port = process.env.PORT || ((_a2 = api.appData) == null ? void 0 : _a2.port);
-                  const goto = `${hostname}:${port}`;
-                  const redirectUrl = proxyRes.headers.location.replace(
-                    encodeURIComponent(new URL(masterEntry).hostname),
-                    encodeURIComponent(goto)
-                  ) || masterEntry;
+                  const gotoBasePart = `${protocol}://${hostname}:${port}${ignorePath && url ? url : "/"}`;
+                  const fromBasePart = masterEntry;
+                  const locationUrl = proxyRes.headers.location || "";
+                  const [originAndPath, searchParams] = locationUrl.split("?");
+                  const searchHandled = searchParams ? `?${searchParams.replace(
+                    encodeURIComponent(fromBasePart),
+                    encodeURIComponent(gotoBasePart)
+                  )}` : "";
+                  const redirectUrl = `${originAndPath}${searchHandled}`;
                   const redirectMessage = `[@umijs/plugin-qiankun]: redirect to ${redirectUrl}`;
                   api.logger.info(redirectMessage);
                   res2.statusCode = 302;

package/libs/qiankun/master/MicroApp.tsx

@@ -3,6 +3,7 @@
 __USE_MODEL__;
 import concat from 'lodash/concat';
 import mergeWith from 'lodash/mergeWith';
+import isEqual from 'lodash/isEqual';
 import noop from 'lodash/noop';
 import {
   FrameworkConfiguration,
@@ -58,25 +59,19 @@ export type Props = {
   className?: string;
 } & Record<string, any>;
 
-function unmountMicroApp(
-  microApp?: MicroAppType,
-  updatingPromise?: Promise<void>,
-) {
+function unmountMicroApp(microApp?: MicroAppType) {
   if (microApp) {
-    microApp.mountPromise.then(() => {
-      switch (microApp.getStatus()) {
-        case 'MOUNTED':
-          microApp.unmount();
-          break;
-        case 'UPDATING':
-          // UPDATING 阶段 updatingPromise 一定存在
-          updatingPromise!.then(() => microApp.unmount());
-          break;
-        default:
-          break;
-      }
-    });
+    microApp.mountPromise.then(() => microApp.unmount());
+  }
+}
+
+function useDeepCompare<T>(value: T): T {
+  const ref = useRef<T>(value);
+  if (!isEqual(value, ref.current)) {
+    ref.current = value;
   }
+
+  return ref.current;
 }
 
 let noneMounted = true;
@@ -159,10 +154,7 @@ export const MicroApp = forwardRef(
     const stateForSlave = (useModel || noop)(
       qiankunStateForSlaveModelNamespace,
     );
-    const {
-      entry,
-      props: { settings: settingsFromConfig = {}, ...propsFromConfig } = {},
-    } = appConfig || {};
+    const { entry, props: { settings: settingsFromConfig = {}, ...propsFromConfig } = {} } = appConfig || {};
 
     useEffect(() => {
       setComponentError(null);
@@ -231,8 +223,7 @@ export const MicroApp = forwardRef(
         },
       );
 
-      return () =>
-        unmountMicroApp(microAppRef.current, updatingPromise.current);
+      return () => unmountMicroApp(microAppRef.current, updatingPromise.current);
     }, [name]);
 
     useEffect(() => {
@@ -285,7 +276,7 @@ export const MicroApp = forwardRef(
       }
 
       return noop;
-    }, Object.values({ ...stateForSlave, ...propsFromParams }));
+    }, [useDeepCompare({ ...stateForSlave, ...propsFromParams })]);
 
     // 未配置自定义 loader 且开启了 autoSetLoading 场景下，使用插件默认的 loader，否则使用自定义 loader
     const microAppLoader =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.65",
+  "version": "4.0.66",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -14,7 +14,7 @@
   "files": [
     "dist",
     "libs",
-    "tpls"
+    "templates"
   ],
   "dependencies": {
     "@ahooksjs/use-request": "^2.0.0",
@@ -42,12 +42,12 @@
     "styled-components": "6.0.0-beta.9",
     "tslib": "^2",
     "warning": "^4.0.3",
-    "@umijs/bundler-utils": "4.0.65",
+    "@umijs/bundler-utils": "4.0.66",
     "@umijs/valtio": "1.0.3"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.0.65"
+    "umi": "4.0.66"
   },
   "publishConfig": {
     "access": "public"

package/{tpls/antd-runtime.ts.tpl → templates/antd/runtime.ts.tpl}

@@ -13,30 +13,32 @@ import {
 import { ApplyPluginsType } from 'umi';
 import { getPluginManager } from '../core/plugin';
 
+let cacheAntdConfig = null;
+
+const getAntdConfig = () => {
+  if(!cacheAntdConfig){
+    cacheAntdConfig = getPluginManager().applyPlugins({
+      key: 'antd',
+      type: ApplyPluginsType.modify,
+      initialValue: {
+  {{#configProvider}}
+        ...{{{configProvider}}},
+  {{/configProvider}}
+  {{#appConfig}}
+        appConfig: {{{appConfig}}},
+  {{/appConfig}}
+      },
+    });
+  }
+  return cacheAntdConfig;
+}
+
 export function rootContainer(rawContainer) {
   const {
-    appConfig: finalAppConfig = {},
+    appConfig,
     ...finalConfigProvider
-  } = getPluginManager().applyPlugins({
-    key: 'antd',
-    type: ApplyPluginsType.modify,
-    initialValue: {
-{{#configProvider}}
-      ...{{{configProvider}}},
-{{/configProvider}}
-{{#appConfig}}
-      appConfig: {{{appConfig}}},
-{{/appConfig}}
-    },
-  });
-
+  } = getAntdConfig();
   let container = rawContainer;
-
-{{#appConfig}}
-  // The App component should be under ConfigProvider
-  container = <App {...finalAppConfig}>{container}</App>;
-{{/appConfig}}
-
 {{#configProvider}}
   if (finalConfigProvider.prefixCls) {
     Modal.config({
@@ -61,3 +63,14 @@ export function rootContainer(rawContainer) {
 
   return container;
 }
+
+{{#appConfig}}
+// The App component should be under ConfigProvider
+// plugin-locale has other ConfigProvider
+export function innerProvider(container: any) {
+  const {
+    appConfig: finalAppConfig = {},
+  } = getAntdConfig();
+  return <App {...finalAppConfig}>{container}</App>;
+}
+{{/appConfig}}