@umijs/plugins 4.0.86 → 4.0.88

package/dist/access.js

@@ -193,5 +193,3 @@ export type AccessInstance = ReturnType<typeof accessFactory>;
     (0, import_path.join)(api.paths.absSrcPath, "access.js")
   ]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/analytics.js

@@ -116,5 +116,3 @@ var analytics_default = (api) => {
     return scripts.filter(Boolean);
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/antd.js

@@ -225,37 +225,24 @@ var antd_default = (api) => {
         appConfig: appComponentAvailable && JSON.stringify(api.config.antd.appConfig),
         styleProvider: styleProviderConfig,
         // 是否启用了 v5 的 theme algorithm
-        enableV5ThemeAlgorithm: isV5 && (userInputCompact || userInputDark) ? { compact: userInputCompact, dark: userInputDark } : false
+        enableV5ThemeAlgorithm: isV5 && (userInputCompact || userInputDark) ? { compact: userInputCompact, dark: userInputDark } : false,
+        /**
+         * 是否重构了全局静态配置。 重构后需要在运行时将全局静态配置传入到 ConfigProvider 中。
+         * 实际上 4.13.0 重构后有一个 bug，真正的 warn 出现在 4.13.1，并且 4.13.1 修复了这个 bug。
+         * Resolve issue: https://github.com/umijs/umi/issues/10231
+         * `InternalStatic` 指 `Modal.config` 等静态方法，详见：https://github.com/ant-design/ant-design/pull/29285
+         */
+        disableInternalStatic: import_plugin_utils.semver.gt(antdVersion, "4.13.0")
       },
       tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(ANTD_TEMPLATES_DIR, "runtime.ts.tpl"))
     });
     api.writeTmpFile({
       path: "types.d.ts",
-      content: import_plugin_utils.Mustache.render(
-        `
-{{#withConfigProvider}}
-import type { ConfigProviderProps } from 'antd/es/config-provider';
-{{/withConfigProvider}}
-{{#withAppConfig}}
-import type { AppConfig } from 'antd/es/app/context';
-{{/withAppConfig}}
-
-type Prettify<T> = {
-  [K in keyof T]: T[K];
-} & {};
-
-type AntdConfig = Prettify<{}
-{{#withConfigProvider}}  & ConfigProviderProps{{/withConfigProvider}}
-{{#withAppConfig}}  & { appConfig: AppConfig }{{/withAppConfig}}
->;
-
-export type RuntimeAntdConfig = (memo: AntdConfig) => AntdConfig;
-`.trim(),
-        {
-          withConfigProvider,
-          withAppConfig
-        }
-      )
+      context: {
+        withConfigProvider,
+        withAppConfig
+      },
+      tplPath: (0, import_plugin_utils.winPath)((0, import_path.join)(ANTD_TEMPLATES_DIR, "types.d.ts.tpl"))
     });
     api.writeTmpFile({
       path: import_umi.RUNTIME_TYPE_FILE_NAME,

package/dist/confetti.js

@@ -62,5 +62,3 @@ var confetti_default = (api) => {
     }
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/dva.js

@@ -101,7 +101,7 @@ export interface IRuntimeConfig {
       tpl: `
 // It's faked dva
 // aliased to @umijs/plugins/templates/dva
-import { create, Provider } from 'dva';
+import { create, Provider } from '${(0, import_utils.winPath)(pkgPath)}';
 import createLoading from '${(0, import_utils.winPath)(require.resolve("dva-loading"))}';
 ${((_a = api.config.dva) == null ? void 0 : _a.immer) ? `
 import dvaImmer, { enableES5, enableAllPlugins } from '${(0, import_utils.winPath)(
@@ -177,7 +177,9 @@ export function dataflowProvider(container, opts) {
     api.writeTmpFile({
       path: "index.ts",
       content: `
-export { connect, useDispatch, useStore, useSelector } from 'dva';
+export { connect, useDispatch, useStore, useSelector } from '${(0, import_utils.winPath)(
+        pkgPath
+      )}';
 export { getDvaApp } from './dva';
 `
     });

package/dist/initial-state.js

@@ -146,5 +146,3 @@ export interface IRuntimeConfig {
     });
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/model.js

@@ -108,5 +108,3 @@ async function getAllModels(api) {
     extraModels: [...extraModels, ...api.config.model.extraModels || []]
   });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/moment2dayjs.js

@@ -123,5 +123,3 @@ dayjs.extend(antdPlugin);
   });
   api.addEntryCodeAhead(() => [`import './plugin-moment2dayjs/runtime.tsx'`]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/qiankun/slave.js

@@ -173,7 +173,9 @@ export interface IRuntimeConfig {
   });
   api.chainWebpack((config) => {
     (0, import_assert.default)(api.pkg.name, "You should have name in package.json.");
-    const { shouldNotAddLibraryChunkName = api.env === "production" || !Boolean(api.config.mfsu) } = (api.config.qiankun || {}).slave;
+    const {
+      shouldNotAddLibraryChunkName = api.env === "production" || !Boolean(api.config.mfsu)
+    } = (api.config.qiankun || {}).slave;
     config.output.libraryTarget("umd").library(
       shouldNotAddLibraryChunkName ? api.pkg.name : `${api.pkg.name}-[name]`
     );

package/dist/qiankun.js

@@ -50,5 +50,3 @@ var qiankun_default = (api) => {
     require.resolve("./qiankun/slave")
   ]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/react-query.js

@@ -155,5 +155,3 @@ export type {
     });
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/request.js

@@ -374,5 +374,3 @@ export type IRuntimeConfig = {
     });
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/styled-components.js

@@ -47,12 +47,28 @@ var styled_components_default = (api) => {
     },
     enableBy: api.EnableBy.config
   });
-  api.modifyBabelPresetOpts((memo) => {
-    if (api.env === "development") {
-      memo.pluginStyledComponents = {
-        ...api.config.styledComponents.babelPlugin
-      };
-    }
+  api.modifyConfig((memo) => {
+    var _a, _b;
+    const isProd = api.env === "production";
+    const pluginConfig = {
+      // https://github.com/styled-components/babel-plugin-styled-components/blob/f8e9fb480d1645be8be797d73e49686bdf98975b/src/utils/options.js#L11
+      topLevelImportPaths: [
+        "@umijs/max",
+        "@alipay/bigfish",
+        "umi",
+        "alita",
+        "@kmi/kmi"
+      ],
+      ...isProd ? {
+        displayName: false
+      } : {},
+      ...((_a = api.config.styledComponents) == null ? void 0 : _a.babelPlugin) || {},
+      ...((_b = api.userConfig.styledComponents) == null ? void 0 : _b.babelPlugin) || {}
+    };
+    memo.extraBabelPlugins = [
+      ...memo.extraBabelPlugins || [],
+      [require.resolve("babel-plugin-styled-components"), pluginConfig]
+    ];
     return memo;
   });
   api.addRuntimePlugin(() => {
@@ -63,7 +79,7 @@ var styled_components_default = (api) => {
   });
   const libPath = (0, import_path.dirname)(require.resolve("styled-components/package"));
   api.onGenerateFiles(() => {
-    var _a;
+    var _a, _b, _c;
     api.writeTmpFile({
       path: "index.tsx",
       content: `
@@ -76,22 +92,41 @@ export { styled, ThemeProvider, createGlobalStyle, css, keyframes, StyleSheetMan
     const styledComponentsRuntimeCode = ((_a = api.appData.appJS) == null ? void 0 : _a.exports.includes(
       "styledComponents"
     )) ? `import { styledComponents as styledComponentsConfig } from '@/app';` : `const styledComponentsConfig = {};`;
+    const isLegacy = !import_utils.lodash.isEmpty((_b = api.config.targets) == null ? void 0 : _b.ie) || api.config.legacy;
+    const disableCSSOM = !!((_c = api.config.qiankun) == null ? void 0 : _c.slave);
+    const providerOptions = {
+      // https://styled-components.com/docs/faqs#vendor-prefixes-are-omitted-by-default
+      ...isLegacy ? { enableVendorPrefixes: true } : {},
+      ...disableCSSOM ? { disableCSSOMInjection: true } : {}
+    };
+    const hasProvider = !import_utils.lodash.isEmpty(providerOptions);
     api.writeTmpFile({
       path: "runtime.tsx",
       content: `
+${hasProvider ? `import { StyleSheetManager } from '${(0, import_utils.winPath)(libPath)}';` : ``}
+
 ${styledComponentsRuntimeCode}
 export function rootContainer(container) {
-  const globalStyle = styledComponentsConfig.GlobalStyle ? <styledComponentsConfig.GlobalStyle /> : null;
-  return (
+  const scConfig =
+    typeof styledComponentsConfig === 'function'
+      ? styledComponentsConfig()
+      : styledComponentsConfig;
+  const globalStyle = scConfig.GlobalStyle ? <scConfig.GlobalStyle /> : null;
+  const inner = (
     <>
       {globalStyle}
       {container}
     </>
   );
+  ${hasProvider ? `
+  return (
+    <StyleSheetManager {...${JSON.stringify(providerOptions)}}>
+      {inner}
+    </StyleSheetManager>
+  );
+  ` : "return inner;"}
 }
       `
     });
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/dist/unocss.js

@@ -69,5 +69,3 @@ var unocss_default = (api) => {
     return [{ source: generatedPath }];
   });
 };
-// 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.86",
+  "version": "4.0.88",
   "description": "@umijs/plugins",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -28,6 +28,7 @@
     "antd-dayjs-webpack-plugin": "^1.0.6",
     "axios": "^0.27.2",
     "babel-plugin-import": "^1.13.6",
+    "babel-plugin-styled-components": "2.1.4",
     "dayjs": "^1.11.7",
     "dva-core": "^2.0.4",
     "dva-immer": "^1.0.0",
@@ -41,15 +42,15 @@
     "react-intl": "3.12.1",
     "react-redux": "^8.0.5",
     "redux": "^4.2.1",
-    "styled-components": "6.0.0-rc.0",
+    "styled-components": "6.1.0",
     "tslib": "^2",
     "warning": "^4.0.3",
-    "@umijs/valtio": "1.0.4",
-    "@umijs/bundler-utils": "4.0.86"
+    "@umijs/bundler-utils": "4.0.88",
+    "@umijs/valtio": "1.0.4"
   },
   "devDependencies": {
     "antd": "^4.24.1",
-    "umi": "4.0.86"
+    "umi": "4.0.88"
   },
   "publishConfig": {
     "access": "public"

package/templates/antd/runtime.ts.tpl

@@ -1,12 +1,14 @@
 import React from 'react';
 import {
-  Modal,
   ConfigProvider,
 {{#appConfig}}
   App,
 {{/appConfig}}
+{{^disableInternalStatic}}
+  Modal,
   message,
   notification,
+{{/disableInternalStatic}}
 {{#enableV5ThemeAlgorithm}}
   theme,
 {{/enableV5ThemeAlgorithm}}
@@ -50,6 +52,7 @@ export function rootContainer(rawContainer) {
   let container = rawContainer;
 
 {{#configProvider}}
+  {{^disableInternalStatic}}
   if (finalConfigProvider.prefixCls) {
     Modal.config({
       rootPrefixCls: finalConfigProvider.prefixCls
@@ -61,6 +64,15 @@ export function rootContainer(rawContainer) {
       prefixCls: `${finalConfigProvider.prefixCls}-notification`
     });
   }
+  {{/disableInternalStatic}}
+
+  {{#disableInternalStatic}}
+  if (finalConfigProvider.prefixCls) {
+    ConfigProvider.config({
+      prefixCls: finalConfigProvider.prefixCls,
+    });
+  };
+  {{/disableInternalStatic}}
 
   if (finalConfigProvider.iconPrefixCls) {
     // Icons in message need to set iconPrefixCls via ConfigProvider.config()

package/templates/antd/types.d.ts.tpl

@@ -0,0 +1,17 @@
+{{#withConfigProvider}}
+import type { ConfigProviderProps } from 'antd/es/config-provider';
+{{/withConfigProvider}}
+{{#withAppConfig}}
+import type { AppConfig } from 'antd/es/app/context';
+{{/withAppConfig}}
+
+type Prettify<T> = {
+  [K in keyof T]: T[K];
+} & {};
+
+type AntdConfig = Prettify<{}
+{{#withConfigProvider}}  & ConfigProviderProps{{/withConfigProvider}}
+{{#withAppConfig}}  & { appConfig: AppConfig }{{/withAppConfig}}
+>;
+
+export type RuntimeAntdConfig = (memo: AntdConfig) => AntdConfig;

package/templates/locale/SelectLang.tpl

@@ -284,7 +284,7 @@ const defaultLangUConfigMap = {
   },
   'nl-NL': {
     lang: 'nl-NL',
-    label: 'Vlaams',
+    label: 'Nederlands',
     icon: '🇳🇱',
     title: 'Taal'
   },

package/templates/locale/localeExports.tpl

@@ -51,11 +51,30 @@ import lang_{{lang}}{{country}}{{index}} from "{{{path}}}";
 {{/paths}}
 {{/LocaleList}}
 
+const flattenMessages=(
+  nestedMessages: Record<string, any>,
+  prefix = '',
+) => {
+  return Object.keys(nestedMessages).reduce(
+    (messages: Record<string, any>, key) => {
+      const value = nestedMessages[key];
+      const prefixedKey = prefix ? `${prefix}.${key}` : key;
+      if (typeof value === 'string') {
+        messages[prefixedKey] = value;
+      } else {
+        Object.assign(messages, flattenMessages(value, prefixedKey));
+      }
+      return messages;
+    },
+    {},
+  );
+}
+
 export const localeInfo: {[key: string]: any} = {
   {{#LocaleList}}
   '{{name}}': {
     messages: {
-      {{#paths}}...lang_{{lang}}{{country}}{{index}},{{/paths}}
+      {{#paths}}...flattenMessages(lang_{{lang}}{{country}}{{index}}),{{/paths}}
     },
     locale: '{{locale}}',
     {{#Antd}}antd: {