@umijs/plugins 4.0.0-beta.8 → 4.0.0-canary-20240513.3

package/package.json

@@ -1,37 +1,67 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-beta.8",
+  "version": "4.0.0-canary-20240513.3",
   "description": "@umijs/plugins",
+  "homepage": "https://github.com/umijs/umi/tree/master/packages/plugins#readme",
+  "bugs": "https://github.com/umijs/umi/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/umi"
+  },
+  "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "libs",
+    "templates"
   ],
-  "scripts": {
-    "build": "pnpm tsc",
-    "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
-    "dev": "pnpm build -- --watch"
+  "dependencies": {
+    "@ahooksjs/use-request": "^2.0.0",
+    "@ant-design/antd-theme-variable": "^1.0.0",
+    "@ant-design/cssinjs": "^1.9.1",
+    "@ant-design/icons": "^4.7.0",
+    "@ant-design/moment-webpack-plugin": "^0.0.3",
+    "@ant-design/pro-components": "^2.0.1",
+    "@tanstack/react-query": "^4.24.10",
+    "@tanstack/react-query-devtools": "^4.24.10",
+    "antd-dayjs-webpack-plugin": "^1.0.6",
+    "axios": "^0.27.2",
+    "babel-plugin-import": "^1.13.8",
+    "babel-plugin-styled-components": "2.1.4",
+    "dayjs": "^1.11.7",
+    "dva-core": "^2.0.4",
+    "dva-immer": "^1.0.0",
+    "dva-loading": "^3.0.22",
+    "event-emitter": "~0.3.5",
+    "fast-deep-equal": "3.1.3",
+    "intl": "1.2.5",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "qiankun": "^2.10.1",
+    "react-intl": "3.12.1",
+    "react-redux": "^8.0.5",
+    "redux": "^4.2.1",
+    "styled-components": "6.1.1",
+    "tslib": "^2",
+    "warning": "^4.0.3",
+    "@umijs/bundler-utils": "4.0.0-canary-20240513.3",
+    "@umijs/valtio": "1.0.4"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/umijs/umi-next"
+  "devDependencies": {
+    "antd": "^4.24.1",
+    "umi": "4.0.0-canary-20240513.3"
   },
-  "authors": [
-    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
-  ],
-  "license": "MIT",
-  "bugs": "https://github.com/umijs/umi-next/issues",
-  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/plugins#readme",
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "antd": "^4.16.13",
-    "antd-dayjs-webpack-plugin": "^1.0.6",
-    "babel-plugin-import": "^1.13.3",
-    "dayjs": "^1.10.7"
-  },
-  "devDependencies": {
-    "umi": "4.0.0-beta.8"
+  "authors": [
+    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
+  ],
+  "scripts": {
+    "build": "umi-scripts father build",
+    "build:deps": "umi-scripts bundleDeps",
+    "dev": "umi-scripts father dev",
+    "test": "umi-scripts jest-turbo"
   }
-}
+}

package/templates/antd/runtime.ts.tpl

@@ -0,0 +1,170 @@
+import React from 'react';
+import {
+  ConfigProvider,
+{{#appConfig}}
+  App,
+{{/appConfig}}
+{{^disableInternalStatic}}
+  Modal,
+  message,
+  notification,
+{{/disableInternalStatic}}
+{{#enableV5ThemeAlgorithm}}
+  theme,
+{{/enableV5ThemeAlgorithm}}
+} from 'antd';
+import { ApplyPluginsType } from 'umi';
+{{#styleProvider}}
+import {
+  StyleProvider,
+  {{#styleProvider.legacyTransformer}}
+  legacyLogicalPropertiesTransformer
+  {{/styleProvider.legacyTransformer}}
+} from '{{{styleProvider.cssinjs}}}';
+{{/styleProvider}}
+import { getPluginManager } from '../core/plugin';
+{{#antdConfigSetter}}
+import { AntdConfigContext, AntdConfigContextSetter } from './context';
+import merge from '{{{lodashPath.merge}}}'
+{{/antdConfigSetter}}
+
+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;
+}
+
+function AntdProvider({ children }) {
+  let container = children;
+
+  const [antdConfig, _setAntdConfig] = React.useState(() => {
+    const {
+      appConfig: _,
+      ...finalConfigProvider
+    } = getAntdConfig();
+    {{#enableV5ThemeAlgorithm}}
+      finalConfigProvider.theme ??= {};
+      finalConfigProvider.theme.algorithm ??= [];
+      if (!Array.isArray(finalConfigProvider.theme.algorithm)) {
+        finalConfigProvider.theme.algorithm = [finalConfigProvider.theme.algorithm];
+      }
+      const algorithm = finalConfigProvider.theme.algorithm;
+      {{#enableV5ThemeAlgorithm.compact}}
+      if (!algorithm.includes(theme.compactAlgorithm)) {
+        algorithm.push(theme.compactAlgorithm);
+      }
+      {{/enableV5ThemeAlgorithm.compact}}
+      {{#enableV5ThemeAlgorithm.dark}}
+      if (!algorithm.includes(theme.darkAlgorithm)) {
+        algorithm.push(theme.darkAlgorithm);
+      }
+      {{/enableV5ThemeAlgorithm.dark}}
+    {{/enableV5ThemeAlgorithm}}
+    return finalConfigProvider
+  });
+  const setAntdConfig: typeof _setAntdConfig = (newConfig) => {
+    _setAntdConfig(prev => {
+      return merge({}, prev, typeof newConfig === 'function' ? newConfig(prev) : newConfig)
+    })
+  }
+
+{{#configProvider}}
+  {{^disableInternalStatic}}
+  if (antdConfig.prefixCls) {
+    Modal.config({
+      rootPrefixCls: antdConfig.prefixCls
+    });
+    message.config({
+      prefixCls: `${antdConfig.prefixCls}-message`
+    });
+    notification.config({
+      prefixCls: `${antdConfig.prefixCls}-notification`
+    });
+  }
+  {{/disableInternalStatic}}
+
+  {{#disableInternalStatic}}
+  if (antdConfig.prefixCls) {
+    ConfigProvider.config({
+      prefixCls: antdConfig.prefixCls,
+    });
+  };
+  {{/disableInternalStatic}}
+
+  if (antdConfig.iconPrefixCls) {
+    // Icons in message need to set iconPrefixCls via ConfigProvider.config()
+    ConfigProvider.config({
+      iconPrefixCls: antdConfig.iconPrefixCls,
+    });
+  };
+
+  if (antdConfig.theme) {
+    // Pass config theme to static method
+    ConfigProvider.config({
+      theme: antdConfig.theme,
+    });
+  }
+
+  container = <ConfigProvider {...antdConfig}>{container}</ConfigProvider>;
+{{/configProvider}}
+
+{{#styleProvider}}
+  container = (
+    <StyleProvider
+      {{#styleProvider.hashPriority}}
+      hashPriority="{{{styleProvider.hashPriority}}}"
+      {{/styleProvider.hashPriority}}
+      {{#styleProvider.legacyTransformer}}
+      transformers={[legacyLogicalPropertiesTransformer]}
+      {{/styleProvider.legacyTransformer}}
+    >
+      {container}
+    </StyleProvider>
+  );
+{{/styleProvider}}
+
+{{#antdConfigSetter}}
+  container = (
+    <AntdConfigContextSetter.Provider value={setAntdConfig}>
+      <AntdConfigContext.Provider value={antdConfig}>
+        {container}
+      </AntdConfigContext.Provider>
+    </AntdConfigContextSetter.Provider>
+  )
+{{/antdConfigSetter}}
+
+  return container;
+}
+
+export function rootContainer(children) {
+  return (
+    <AntdProvider>
+      {children}
+    </AntdProvider>
+  );
+}
+
+{{#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}}

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;