@umijs/plugins 4.0.0-canary.20230811.1 → 4.0.0-canary.20230831.1

package/dist/antd.js

@@ -54,6 +54,7 @@ var antd_default = (api) => {
   } catch (e) {
   }
   const isV5 = antdVersion.startsWith("5");
+  const isV4 = antdVersion.startsWith("4");
   const appComponentAvailable = import_plugin_utils.semver.gte(antdVersion, "5.1.0");
   const appConfigAvailable = import_plugin_utils.semver.gte(antdVersion, "5.3.0");
   const day2MomentAvailable = import_plugin_utils.semver.gte(antdVersion, "5.0.0");
@@ -106,7 +107,7 @@ var antd_default = (api) => {
       memo.antd = antd = Object.assign(defaultConfig, antd);
     }
     memo.alias.antd = pkgPath;
-    if (antdVersion.startsWith("5")) {
+    if (isV5) {
       const theme = require("@ant-design/antd-theme-variable");
       memo.theme = {
         ...theme,
@@ -120,22 +121,21 @@ var antd_default = (api) => {
         throw Error(errorMessage);
       }
     }
-    if (antd.dark || antd.compact) {
-      const { getThemeVariables } = require("antd/dist/theme");
+    if (isV4) {
+      if (antd.dark || antd.compact) {
+        const { getThemeVariables } = require("antd/dist/theme");
+        memo.theme = {
+          ...getThemeVariables(antd),
+          ...memo.theme
+        };
+      }
       memo.theme = {
-        ...getThemeVariables(antd),
+        "root-entry-name": "default",
         ...memo.theme
       };
     }
-    memo.theme = {
-      "root-entry-name": "default",
-      ...memo.theme
-    };
     if (antd.theme) {
-      (0, import_assert.default)(
-        antdVersion.startsWith("5"),
-        `antd.theme is only valid when antd is 5`
-      );
+      (0, import_assert.default)(isV5, `antd.theme is only valid when antd is 5`);
       antd.configProvider ?? (antd.configProvider = {});
       antd.configProvider.theme = (0, import_plugin_utils.deepmerge)(
         antd.configProvider.theme || {},
@@ -169,26 +169,29 @@ var antd_default = (api) => {
     return memo;
   });
   api.addExtraBabelPlugins(() => {
-    const style = isV5 ? false : api.config.antd.style || "less";
-    return api.config.antd.import && !api.appData.vite ? [
-      [
-        require.resolve("babel-plugin-import"),
-        {
-          libraryName: "antd",
-          libraryDirectory: "es",
-          ...style ? {
-            style: style === "less" || "css"
-          } : {}
-        },
-        "antd"
-      ]
-    ] : [];
+    const style = api.config.antd.style || "less";
+    if (api.config.antd.import && !api.appData.vite) {
+      return [
+        [
+          require.resolve("babel-plugin-import"),
+          {
+            libraryName: "antd",
+            libraryDirectory: "es",
+            ...isV5 ? {} : { style: style === "less" || "css" }
+          },
+          "antd"
+        ]
+      ];
+    }
+    return [];
   });
   api.onGenerateFiles(() => {
     var _a;
     const withConfigProvider = !!api.config.antd.configProvider;
     const withAppConfig = appConfigAvailable && !!api.config.antd.appConfig;
     const styleProvider = api.config.antd.styleProvider;
+    const userInputCompact = api.config.antd.compact;
+    const userInputDark = api.config.antd.dark;
     const ieTarget = !!((_a = api.config.targets) == null ? void 0 : _a.ie) || !!api.config.legacy;
     let styleProviderConfig = false;
     if (isV5 && (ieTarget || styleProvider)) {
@@ -199,7 +202,7 @@ var antd_default = (api) => {
       }) || (0, import_path.dirname)(require.resolve("@ant-design/cssinjs/package.json"));
       if (cssinjs) {
         styleProviderConfig = {
-          cssinjs
+          cssinjs: (0, import_plugin_utils.winPath)(cssinjs)
         };
         if (ieTarget) {
           styleProviderConfig.hashPriority = "high";
@@ -216,7 +219,9 @@ var antd_default = (api) => {
       context: {
         configProvider: withConfigProvider && JSON.stringify(api.config.antd.configProvider),
         appConfig: appComponentAvailable && JSON.stringify(api.config.antd.appConfig),
-        styleProvider: styleProviderConfig
+        styleProvider: styleProviderConfig,
+        // 是否启用了 v5 的 theme algorithm
+        enableV5ThemeAlgorithm: isV5 && (userInputCompact || userInputDark) ? { compact: userInputCompact, dark: userInputDark } : false
       },
       tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(ANTD_TEMPLATES_DIR, "runtime.ts.tpl"))
     });
@@ -259,16 +264,15 @@ export type IRuntimeConfig = {
     });
   });
   api.addRuntimePlugin(() => {
-    if (api.config.antd.configProvider || appComponentAvailable && api.config.antd.appConfig) {
+    if (api.config.antd.styleProvider || api.config.antd.configProvider || appComponentAvailable && api.config.antd.appConfig) {
       return [(0, import_withTmpPath.withTmpPath)({ api, path: "runtime.tsx" })];
     }
     return [];
   });
   api.addEntryImportsAhead(() => {
-    const isAntd5 = antdVersion.startsWith("5");
     const style = api.config.antd.style || "less";
     const imports = [];
-    if (isAntd5) {
+    if (isV5) {
       imports.push({ source: "antd/dist/reset.css" });
     } else if (!api.config.antd.import || api.appData.vite) {
       imports.push({
@@ -278,5 +282,3 @@ export type IRuntimeConfig = {
     return imports;
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/layout.js

@@ -116,11 +116,14 @@ var layout_default = (api) => {
     }
     return memo;
   });
-  const isFlattedDepsDir = [import_plugin_utils.NpmClientEnum.npm, import_plugin_utils.NpmClientEnum.yarn].includes(
-    api.appData.npmClient
-  );
   api.onGenerateFiles(() => {
-    const PKG_TYPE_REFERENCE = `/// <reference types="${isFlattedDepsDir ? ANT_PRO_COMPONENT : resolvedPkgPath}" />`;
+    const isFlattedDepsDir = [import_plugin_utils.NpmClientEnum.npm, import_plugin_utils.NpmClientEnum.yarn].includes(
+      api.appData.npmClient
+    );
+    const PKG_TYPE_REFERENCE = `
+/// <reference types="${isFlattedDepsDir ? ANT_PRO_COMPONENT : resolvedPkgPath}" />
+${isFlattedDepsDir ? '/// <reference types="antd" />' : ""}
+`.trimStart();
     const hasInitialStatePlugin = api.config.initialState;
     api.writeTmpFile({
       path: "Layout.tsx",
@@ -726,5 +729,3 @@ export default Exception;
     return [(0, import_withTmpPath.withTmpPath)({ api, path: "runtime.tsx" })];
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/qiankun/slave.js

@@ -173,7 +173,7 @@ export interface IRuntimeConfig {
   });
   api.chainWebpack((config) => {
     (0, import_assert.default)(api.pkg.name, "You should have name in package.json.");
-    const { shouldNotAddLibraryChunkName } = (api.config.qiankun || {}).slave;
+    const { shouldNotAddLibraryChunkName = !Boolean(api.config.mfsu) } = (api.config.qiankun || {}).slave;
     config.output.libraryTarget("umd").library(
       shouldNotAddLibraryChunkName ? api.pkg.name : `${api.pkg.name}-[name]`
     );
@@ -335,5 +335,3 @@ export { MicroAppLink } from './MicroAppLink';
     };
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-canary.20230811.1",
+  "version": "4.0.0-canary.20230831.1",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -44,12 +44,12 @@
     "styled-components": "6.0.0-rc.0",
     "tslib": "^2",
     "warning": "^4.0.3",
-    "@umijs/valtio": "1.0.3",
-    "@umijs/bundler-utils": "4.0.0-canary.20230811.1"
+    "@umijs/bundler-utils": "4.0.0-canary.20230831.1",
+    "@umijs/valtio": "1.0.3"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.0.0-canary.20230811.1"
+    "umi": "4.0.0-canary.20230831.1"
   },
   "publishConfig": {
     "access": "public"

package/templates/antd/runtime.ts.tpl

@@ -1,14 +1,15 @@
 import React from 'react';
 import {
   Modal,
-{{#configProvider}}
   ConfigProvider,
-{{/configProvider}}
 {{#appConfig}}
   App,
 {{/appConfig}}
   message,
   notification,
+{{#enableV5ThemeAlgorithm}}
+  theme,
+{{/enableV5ThemeAlgorithm}}
 } from 'antd';
 import { ApplyPluginsType } from 'umi';
 {{#styleProvider}}
@@ -47,6 +48,7 @@ export function rootContainer(rawContainer) {
     ...finalConfigProvider
   } = getAntdConfig();
   let container = rawContainer;
+
 {{#configProvider}}
   if (finalConfigProvider.prefixCls) {
     Modal.config({
@@ -77,11 +79,31 @@ export function rootContainer(rawContainer) {
   container = <ConfigProvider {...finalConfigProvider}>{container}</ConfigProvider>;
 {{/configProvider}}
 
+{{#enableV5ThemeAlgorithm}}
+  // Add token algorithm for antd5 only
+  container = (
+    <ConfigProvider
+      theme={({
+        algorithm: [
+          {{#enableV5ThemeAlgorithm.compact}}
+          theme.compactAlgorithm,
+          {{/enableV5ThemeAlgorithm.compact}}
+          {{#enableV5ThemeAlgorithm.dark}}
+          theme.darkAlgorithm,
+          {{/enableV5ThemeAlgorithm.dark}}
+        ],
+      })}
+    >
+      {container}
+    </ConfigProvider>
+  );
+{{/enableV5ThemeAlgorithm}}
+
 {{#styleProvider}}
   container = (
     <StyleProvider
       {{#styleProvider.hashPriority}}
-      hashPriority="{{{styleProviderConfig.hashPriority}}}"
+      hashPriority="{{{styleProvider.hashPriority}}}"
       {{/styleProvider.hashPriority}}
       {{#styleProvider.legacyTransformer}}
       transformers={[legacyLogicalPropertiesTransformer]}