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

package/dist/antd.js

@@ -1,168 +1,356 @@
-"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,
-    },
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: 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,
-    };
+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;
 };
-const DIR_NAME = 'plugin-antd';
-exports.default = (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(),
-                    })),
-                });
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/antd.ts
+var antd_exports = {};
+__export(antd_exports, {
+  default: () => antd_default
+});
+module.exports = __toCommonJS(antd_exports);
+var import_moment_webpack_plugin = __toESM(require("@ant-design/moment-webpack-plugin"));
+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";
+  try {
+    pkgPath = (0, import_resolveProjectDep.resolveProjectDep)({
+      pkg: api.pkg,
+      cwd: api.cwd,
+      dep: "antd"
+    }) || (0, import_path.dirname)(require.resolve("antd/package.json"));
+    antdVersion = require(`${pkgPath}/package.json`).version;
+  } 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");
+  api.describe({
+    config: {
+      schema({ zod }) {
+        const commonSchema = {
+          dark: zod.boolean(),
+          compact: zod.boolean(),
+          // babel-plugin-import
+          import: zod.boolean(),
+          // less or css, default less
+          style: zod.enum(["less", "css"]).describe("less or css, default less")
+        };
+        const createZodRecordWithSpecifiedPartial = (partial) => {
+          const keys = Object.keys(partial);
+          return zod.union([
+            zod.object(partial),
+            zod.record(zod.any()).refine((obj) => {
+              return !keys.some((key) => key in obj);
+            })
+          ]);
+        };
+        const createV5Schema = () => {
+          const componentNameSchema = zod.string().refine(
+            (value) => {
+              const firstLetter = value.slice(0, 1);
+              return firstLetter === firstLetter.toUpperCase();
             },
-        },
-    });
-    // antd import
-    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,
-                })));
+            {
+              message: "theme.components.[componentName] needs to be in PascalCase, e.g. theme.components.Button"
             }
-            return null;
+          );
+          const themeSchema = createZodRecordWithSpecifiedPartial({
+            components: zod.record(componentNameSchema, zod.record(zod.any()))
+          });
+          const configProvider = createZodRecordWithSpecifiedPartial({
+            theme: themeSchema
+          });
+          return zod.object({
+            ...commonSchema,
+            theme: themeSchema.describe("Shortcut of `configProvider.theme`"),
+            appConfig: zod.record(zod.any()).describe("Only >= antd@5.1.0 is supported"),
+            momentPicker: zod.boolean().describe("DatePicker & Calendar use moment version"),
+            styleProvider: zod.record(zod.any()),
+            configProvider
+          }).deepPartial();
+        };
+        const createV4Schema = () => {
+          return zod.object({
+            ...commonSchema,
+            configProvider: zod.record(zod.any())
+          }).deepPartial();
+        };
+        if (isV5) {
+          return createV5Schema();
         }
-        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')));
-            }
+        if (isV4) {
+          return createV4Schema();
         }
-        return memo;
-    });
-    // dark mode
-    // compat mode
-    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;
-        });
+        return zod.object({});
+      }
+    },
+    enableBy({ userConfig }) {
+      return process.env.UMI_PLUGIN_ANTD_ENABLE || userConfig.antd;
     }
-    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'`];
-        });
+  });
+  api.addRuntimePluginKey(() => ["antd"]);
+  function checkPkgPath() {
+    if (!pkgPath) {
+      throw new Error(`Can't find antd package. Please install antd first.`);
+    }
+  }
+  api.modifyAppData((memo) => {
+    checkPkgPath();
+    const version = require(`${pkgPath}/package.json`).version;
+    memo.antd = {
+      pkgPath,
+      version
+    };
+    return memo;
+  });
+  api.modifyConfig((memo) => {
+    var _a;
+    checkPkgPath();
+    let antd = memo.antd || {};
+    if (process.env.UMI_PLUGIN_ANTD_ENABLE) {
+      const { defaultConfig } = JSON.parse(process.env.UMI_PLUGIN_ANTD_ENABLE);
+      memo.antd = antd = Object.assign(defaultConfig, antd);
+    }
+    memo.alias.antd = pkgPath;
+    if (isV5) {
+      const theme = require("@ant-design/antd-theme-variable");
+      memo.theme = {
+        ...theme,
+        ...memo.theme
+      };
+      if ((_a = memo.antd) == null ? void 0 : _a.import) {
+        const errorMessage = `Can't set antd.import while using antd5 (${antdVersion})`;
+        api.logger.fatal(
+          "please change config antd.import to false, then start server again"
+        );
+        throw Error(errorMessage);
+      }
+    }
+    if (isV4) {
+      if (antd.dark || antd.compact) {
+        const { getThemeVariables } = require("antd/dist/theme");
+        memo.theme = {
+          ...getThemeVariables(antd),
+          ...memo.theme
+        };
+      }
+      memo.theme = {
+        "root-entry-name": "default",
+        ...memo.theme
+      };
     }
-    // babel-plugin-import
-    api.addExtraBabelPlugins(() => {
-        return [
-            [
-                require.resolve('babel-plugin-import'),
-                {
-                    libraryName: 'antd',
-                    libraryDirectory: 'es',
-                    style: true,
-                },
-            ],
-        ];
+    if (antd.theme) {
+      (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 || {},
+        antd.theme
+      );
+      (0, import_assert.default)(
+        !antd.configProvider.theme.algorithm,
+        `The 'algorithm' option only available for runtime config, please move it to the runtime plugin, see: https://umijs.org/docs/max/antd#运行时配置`
+      );
+    }
+    if (antd.appConfig) {
+      if (!appComponentAvailable) {
+        delete antd.appConfig;
+        api.logger.warn(
+          `antd.appConfig is only available in version 5.1.0 and above, but you are using version ${antdVersion}`
+        );
+      } else if (!appConfigAvailable && Object.keys(antd.appConfig).length > 0) {
+        api.logger.warn(
+          `versions [5.1.0 ~ 5.3.0) only allows antd.appConfig to be set to \`{}\``
+        );
+      }
+    }
+    if (antd.dark || antd.compact) {
+      antd.configProvider ?? (antd.configProvider = {});
+    }
+    return memo;
+  });
+  api.chainWebpack((memo) => {
+    if (api.config.antd.momentPicker) {
+      if (day2MomentAvailable) {
+        memo.plugin("antd-moment-webpack-plugin").use(import_moment_webpack_plugin.default);
+      } else {
+        api.logger.warn(
+          `MomentPicker is only available in version 5.0.0 and above, but you are using version ${antdVersion}`
+        );
+      }
+    }
+    return memo;
+  });
+  api.addExtraBabelPlugins(() => {
+    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 [];
+  });
+  const lodashPkg = (0, import_path.dirname)(require.resolve("lodash/package.json"));
+  const lodashPath = {
+    merge: (0, import_plugin_utils.winPath)((0, import_path.join)(lodashPkg, "merge"))
+  };
+  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)) {
+      const cssinjs = (0, import_resolveProjectDep.resolveProjectDep)({
+        pkg: api.pkg,
+        cwd: api.cwd,
+        dep: "@ant-design/cssinjs"
+      }) || (0, import_path.dirname)(require.resolve("@ant-design/cssinjs/package.json"));
+      if (cssinjs) {
+        styleProviderConfig = {
+          cssinjs: (0, import_plugin_utils.winPath)(cssinjs)
+        };
+        if (ieTarget) {
+          styleProviderConfig.hashPriority = "high";
+          styleProviderConfig.legacyTransformer = true;
+        }
+        styleProviderConfig = {
+          ...styleProviderConfig,
+          ...styleProvider
+        };
+      }
+    }
+    const configProvider = withConfigProvider && JSON.stringify(api.config.antd.configProvider);
+    const appConfig = appComponentAvailable && JSON.stringify(api.config.antd.appConfig);
+    const enableV5ThemeAlgorithm = isV5 && (userInputCompact || userInputDark) ? { compact: userInputCompact, dark: userInputDark } : false;
+    const hasConfigProvider = configProvider || enableV5ThemeAlgorithm;
+    const antdConfigSetter = isV5 && hasConfigProvider;
+    api.writeTmpFile({
+      path: `runtime.tsx`,
+      context: {
+        configProvider,
+        appConfig,
+        styleProvider: styleProviderConfig,
+        // 是否启用了 v5 的 theme algorithm
+        enableV5ThemeAlgorithm,
+        antdConfigSetter,
+        lodashPath,
+        /**
+         * 是否重构了全局静态配置。 重构后需要在运行时将全局静态配置传入到 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"))
     });
-    // 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'),
-        ]);
+    api.writeTmpFile({
+      path: "types.d.ts",
+      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,
+      content: `
+import type { RuntimeAntdConfig } from './types.d';
+export type IRuntimeConfig = {
+  antd?: RuntimeAntdConfig
+};
+      `
+    });
+    if (antdConfigSetter) {
+      api.writeTmpFile({
+        path: "index.tsx",
+        content: `import React from 'react';
+import { AntdConfigContext, AntdConfigContextSetter } from './context';
+
+export function useAntdConfig() {
+  return React.useContext(AntdConfigContext);
+}
+
+export function useAntdConfigSetter() {
+  return React.useContext(AntdConfigContextSetter);
+}`
+      });
+      api.writeTmpFile({
+        path: "context.tsx",
+        content: `import React from 'react';
+import type { ConfigProviderProps } from 'antd/es/config-provider';
+
+export const AntdConfigContext = React.createContext<ConfigProviderProps>(null!);
+export const AntdConfigContextSetter = React.createContext<React.Dispatch<React.SetStateAction<ConfigProviderProps>>>(
+  () => {
+    console.error(\`The 'useAntdConfigSetter()' method depends on the antd 'ConfigProvider', requires one of 'antd.configProvider' / 'antd.dark' / 'antd.compact' to be enabled.\`);
+  }
+);
+`
+      });
+    }
+  });
+  api.addRuntimePlugin(() => {
+    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 style = api.config.antd.style || "less";
+    const imports = [];
+    if (isV5) {
+      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;
+  });
 };

package/dist/{icons.d.ts → confetti.d.ts}

@@ -1,3 +1,3 @@
+import { IApi } from 'umi';
 declare const _default: (api: IApi) => void;
 export default _default;
-//# sourceMappingURL=icons.d.ts.map

package/dist/confetti.js

@@ -0,0 +1,64 @@
+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/confetti.ts
+var confetti_exports = {};
+__export(confetti_exports, {
+  default: () => confetti_default
+});
+module.exports = __toCommonJS(confetti_exports);
+var import_plugin_utils = require("umi/plugin-utils");
+var handleConfetti = () => {
+  const confettiShell = `
+    open raycast://confetti;
+    exit;
+  `;
+  const confetti = (0, import_plugin_utils.crossSpawn)(confettiShell, [], {
+    stdio: "pipe",
+    shell: true
+  });
+  confetti.on("error", (err) => {
+    const errStr = "[confetti] " + err;
+    import_plugin_utils.logger.error(errStr);
+  });
+  confetti.stderr && confetti.stderr.on("data", () => {
+    const err = `[confetti] 未安装 Raycast , 请安装后尝试 https://www.raycast.com`;
+    import_plugin_utils.logger.error(err);
+  });
+};
+var confetti_default = (api) => {
+  api.describe({
+    key: "confetti",
+    config: {
+      schema({ zod }) {
+        return zod.object({});
+      }
+    },
+    enableBy: api.EnableBy.config
+  });
+  api.onBuildComplete(({ err }) => {
+    if (!err) {
+      handleConfetti();
+    }
+  });
+  api.onDevCompileDone(({ isFirstCompile }) => {
+    if (isFirstCompile) {
+      handleConfetti();
+    }
+  });
+};

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/dva.d.ts

@@ -1,3 +1,6 @@
+import { IApi } from 'umi';
+import { Model, ModelUtils } from './utils/modelUtils';
 declare const _default: (api: IApi) => void;
 export default _default;
-//# sourceMappingURL=dva.d.ts.map
+export declare function getModelUtil(api: IApi | null): ModelUtils;
+export declare function getAllModels(api: IApi): Model[];