@umijs/plugins 4.0.0-beta.5 → 4.0.0-beta.9

package/dist/antd.js

@@ -1,11 +1,169 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const presets = {
+    antd: {
+        plugins: [
+            'isSameOrBefore',
+            'isSameOrAfter',
+            'advancedFormat',
+            'customParseFormat',
+            'weekday',
+            'weekYear',
+            'weekOfYear',
+            'isMoment',
+            'localeData',
+            'localizedFormat',
+        ],
+        replaceMoment: true,
+    },
+    antdv3: {
+        plugins: [
+            'isSameOrBefore',
+            'isSameOrAfter',
+            'advancedFormat',
+            'customParseFormat',
+            'weekday',
+            'weekYear',
+            'weekOfYear',
+            'isMoment',
+            'localeData',
+            'localizedFormat',
+            'badMutable',
+        ],
+        replaceMoment: true,
+    },
+};
+const getConfig = (api) => {
+    let { preset = 'antd', plugins, replaceMoment, } = api.userConfig.antdDayjs || {};
+    if (preset && presets[preset]) {
+        plugins = presets[preset].plugins;
+        replaceMoment = presets[preset].replaceMoment;
+    }
+    if (plugins)
+        plugins = plugins;
+    if (replaceMoment !== undefined)
+        replaceMoment = replaceMoment;
+    return {
+        plugins,
+        replaceMoment,
+    };
+};
+const DIR_NAME = 'plugin-antd';
 exports.default = (api) => {
-    api;
+    const opts = api.userConfig.antd;
+    // dayjs (by default)
+    const { dayjs = true } = opts;
+    api.describe({
+        config: {
+            schema(Joi) {
+                return Joi.object({
+                    dark: Joi.boolean(),
+                    compact: Joi.boolean(),
+                    config: Joi.object(),
+                    dayjs: Joi.alternatives(Joi.boolean(), Joi.object({
+                        preset: Joi.string(),
+                        plugins: Joi.array(),
+                        replaceMoment: Joi.boolean(),
+                    })),
+                });
+            },
+        },
+    });
     // antd import
+    // TODO: use api.modifyConfig for support with vite
+    api.chainWebpack((memo) => {
+        function getUserLibDir({ library }) {
+            if (
+            // @ts-ignore
+            (api.pkg.dependencies && api.pkg.dependencies[library]) ||
+                // @ts-ignore
+                (api.pkg.devDependencies && api.pkg.devDependencies[library]) ||
+                // egg project using `clientDependencies` in ali tnpm
+                // @ts-ignore
+                (api.pkg.clientDependencies && api.pkg.clientDependencies[library])) {
+                return (0, utils_1.winPath)((0, path_1.dirname)(
+                // 通过 resolve 往上找，可支持 lerna 仓库
+                // lerna 仓库如果用 yarn workspace 的依赖不一定在 node_modules，可能被提到根目录，并且没有 link
+                utils_1.resolve.sync(`${library}/package.json`, {
+                    basedir: api.paths.cwd,
+                })));
+            }
+            return null;
+        }
+        memo.resolve.alias.set('antd', getUserLibDir({ library: 'antd' }) ||
+            (0, path_1.dirname)(require.resolve('antd/package.json')));
+        if (dayjs !== false) {
+            const { replaceMoment } = getConfig(api);
+            if (replaceMoment) {
+                memo.resolve.alias.set('moment', getUserLibDir({ library: 'dayjs' }) ||
+                    (0, path_1.dirname)(require.resolve('dayjs/package.json')));
+            }
+        }
+        return memo;
+    });
     // dark mode
     // compat mode
-    // dayjs (by default?)
+    if ((opts === null || opts === void 0 ? void 0 : opts.dark) || (opts === null || opts === void 0 ? void 0 : opts.compact)) {
+        // support dark mode, user use antd 4 by default
+        const { getThemeVariables } = require('antd/dist/theme');
+        api.modifyDefaultConfig((config) => {
+            config.theme = Object.assign(Object.assign({}, getThemeVariables(opts)), config.theme);
+            return config;
+        });
+    }
+    if (dayjs !== false) {
+        api.onGenerateFiles({
+            fn: () => {
+                const { plugins } = getConfig(api);
+                const runtimeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../templates/antd/dayjs.tpl'), 'utf-8');
+                api.writeTmpFile({
+                    path: 'plugin-antd/dayjs.tsx',
+                    content: utils_1.Mustache.render(runtimeTpl, {
+                        plugins,
+                        dayjsPath: (0, path_1.dirname)(require.resolve('dayjs/package.json')),
+                        dayjsPluginPath: (0, path_1.dirname)(require.resolve('antd-dayjs-webpack-plugin/package.json')),
+                    }),
+                });
+            },
+        });
+        api.addEntryCodeAhead(() => {
+            return [`import './${DIR_NAME}/dayjs.tsx'`];
+        });
+    }
     // babel-plugin-import
-    // antd config provider (HOLD, depends on umi)
+    api.addExtraBabelPlugins(() => {
+        return [
+            [
+                require.resolve('babel-plugin-import'),
+                {
+                    libraryName: 'antd',
+                    libraryDirectory: 'es',
+                    style: true,
+                },
+            ],
+        ];
+    });
+    // antd config provider
+    // TODO: use umi provider
+    if (opts === null || opts === void 0 ? void 0 : opts.config) {
+        api.onGenerateFiles({
+            fn() {
+                // runtime.tsx
+                const runtimeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../templates/antd/runtime.tpl'), 'utf-8');
+                api.writeTmpFile({
+                    path: `${DIR_NAME}/runtime.tsx`,
+                    content: utils_1.Mustache.render(runtimeTpl, {
+                        config: JSON.stringify(opts === null || opts === void 0 ? void 0 : opts.config),
+                    }),
+                });
+            },
+        });
+        //TODO：Runtime Plugin
+        api.addRuntimePlugin(() => [
+            (0, path_1.join)(api.paths.absTmpPath, DIR_NAME, 'runtime.tsx'),
+        ]);
+    }
 };

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@umijs/plugins",
-  "version": "4.0.0-beta.5",
+  "version": "4.0.0-beta.9",
   "description": "@umijs/plugins",
+  "homepage": "https://github.com/umijs/umi-next/tree/master/packages/plugins#readme",
+  "bugs": "https://github.com/umijs/umi-next/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/umi-next"
+  },
+  "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -12,20 +19,19 @@
     "build:deps": "pnpm esno ../../scripts/bundleDeps.ts",
     "dev": "pnpm build -- --watch"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/umijs/umi-next"
+  "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.9"
   },
-  "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"
   },
-  "devDependencies": {
-    "umi": "4.0.0-beta.5"
-  }
+  "authors": [
+    "chencheng <sorrycc@gmail.com> (https://github.com/sorrycc)"
+  ]
 }