@umijs/plugins 4.0.0-beta.12 → 4.0.0-beta.16

package/dist/layout.js

@@ -1,5 +1,483 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const allIcons = __importStar(require("@ant-design/icons"));
+const assert_1 = __importDefault(require("assert"));
+const path_1 = require("path");
+const plugin_utils_1 = require("umi/plugin-utils");
+const resolveProjectDep_1 = require("./utils/resolveProjectDep");
+const withTmpPath_1 = require("./utils/withTmpPath");
 exports.default = (api) => {
-    api;
+    api.describe({
+        key: 'layout',
+        config: {
+            schema(joi) {
+                return joi.object();
+            },
+            onChange: api.ConfigChangeType.regenerateTmpFiles,
+        },
+        enableBy: api.EnableBy.config,
+    });
+    const pkgPath = (0, resolveProjectDep_1.resolveProjectDep)({
+        pkg: api.pkg,
+        cwd: api.cwd,
+        dep: '@ant-design/pro-layout',
+    }) || (0, path_1.dirname)(require.resolve('@ant-design/pro-layout/package.json'));
+    api.modifyAppData((memo) => {
+        const version = require(`${pkgPath}/package.json`).version;
+        memo.pluginLayout = {
+            pkgPath,
+            version,
+        };
+        return memo;
+    });
+    api.modifyConfig((memo) => {
+        // import from @ant-design/pro-layout
+        memo.alias['@ant-design/pro-layout'] = pkgPath;
+        return memo;
+    });
+    api.onGenerateFiles(() => {
+        const hasInitialStatePlugin = api.config.initialState;
+        // Layout.tsx
+        api.writeTmpFile({
+            path: 'Layout.tsx',
+            content: `
+import { Link, useLocation, useNavigate, Outlet, useAppData, useRouteContext } from 'umi';
+import ProLayout, {
+  PageLoading,
+} from '@ant-design/pro-layout';
+import './Layout.less';
+import Logo from './Logo';
+import { getRightRenderContent } from './rightRender';
+${hasInitialStatePlugin
+                ? `import { useModel } from '@@/plugin-model';`
+                : 'const useModel = null;'}
+
+${api.config.locale
+                ? `
+import { useIntl } from '@@/plugin-locale';
+    `.trim()
+                : ''}
+
+
+export default () => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const { clientRoutes, pluginManager } = useAppData();
+  const initialInfo = (useModel && useModel('@@initialState')) || {
+    initialState: undefined,
+    loading: false,
+    setInitialState: null,
+  };
+  const { initialState, loading, setInitialState } = initialInfo;
+  const userConfig = ${JSON.stringify(api.config.layout, null, 2)};
+${api.config.locale
+                ? `
+const { formatMessage } = useIntl();
+`.trim()
+                : 'const formatMessage = undefined;'}
+  const runtimeConfig = pluginManager.applyPlugins({
+    key: 'layout',
+    type: 'modify',
+    initialValue: {
+      ...initialInfo
+    },
+  });
+  const route = clientRoutes.filter(r => {
+    return r.id === 'ant-design-pro-layout';
+  })[0];
+  return (
+    <ProLayout
+      route={route}
+      location={location}
+      title={userConfig.name || 'plugin-layout'}
+      navTheme="dark"
+      siderWidth={256}
+      onMenuHeaderClick={(e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        navigate('/');
+      }}
+      formatMessage={userConfig.formatMessage || formatMessage}
+      menu={{ locale: userConfig.locale }}
+      logo={Logo}
+      menuItemRender={(menuItemProps, defaultDom) => {
+        if (menuItemProps.isUrl || menuItemProps.children) {
+          return defaultDom;
+        }
+        if (menuItemProps.path && location.pathname !== menuItemProps.path) {
+          return (
+            <Link to={menuItemProps.path} target={menuItemProps.target}>
+              {defaultDom}
+            </Link>
+          );
+        }
+        return defaultDom;
+      }}
+      disableContentMargin
+      fixSiderbar
+      fixedHeader
+      {...runtimeConfig}
+      rightContentRender={
+        runtimeConfig.rightContentRender !== false &&
+        ((layoutProps) => {
+          const dom = getRightRenderContent({
+            runtimeConfig,
+            loading,
+            initialState,
+            setInitialState,
+          });
+          if (runtimeConfig.rightContentRender) {
+            return runtimeConfig.rightContentRender(layoutProps, dom, {
+              // BREAK CHANGE userConfig > runtimeConfig
+              userConfig,
+              runtimeConfig,
+              loading,
+              initialState,
+              setInitialState,
+            });
+          }
+          return dom;
+        })
+      }
+    >
+      <Outlet />
+    </ProLayout>
+  );
+}
+      `,
+        });
+        const iconsMap = Object.keys(api.appData.routes).reduce((memo, id) => {
+            const { icon } = api.appData.routes[id];
+            if (icon) {
+                const upperIcon = plugin_utils_1.lodash.upperFirst(plugin_utils_1.lodash.camelCase(icon));
+                (0, assert_1.default)(
+                // @ts-ignore
+                allIcons[upperIcon] || allIcons[`${upperIcon}Outlined`], `Icon ${upperIcon} is not found`);
+                // @ts-ignore
+                if (allIcons[upperIcon]) {
+                    memo[upperIcon] = true;
+                }
+                // @ts-ignore
+                if (allIcons[`${upperIcon}Outlined`]) {
+                    memo[`${upperIcon}Outlined`] = true;
+                }
+            }
+            return memo;
+        }, {});
+        const icons = Object.keys(iconsMap);
+        const antIconsPath = (0, path_1.dirname)(require.resolve('@ant-design/icons/package'));
+        api.writeTmpFile({
+            path: 'icons.tsx',
+            content: `
+${icons
+                .map((icon) => {
+                return `import ${icon} from '${antIconsPath}/es/icons/${icon}';`;
+            })
+                .join('\n')}
+export default { ${icons.join(', ')} };
+      `,
+        });
+        // runtime.tsx
+        api.writeTmpFile({
+            path: 'runtime.tsx',
+            content: `
+import React from 'react';
+import icons from './icons';
+
+function formatIcon(name: string) {
+  return name
+    .replace(name[0], name[0].toUpperCase())
+    .replace(/-(\w)/g, function(all, letter) {
+      return letter.toUpperCase();
+    });
+}
+
+export function patchRoutes({ routes }) {
+  Object.keys(routes).forEach(key => {
+    const { icon } = routes[key];
+    if (icon && typeof icon === 'string') {
+      const upperIcon = formatIcon(icon);
+      routes[key].icon = React.createElement(icons[upperIcon] || icons[upperIcon + 'Outlined']);
+    }
+  });
+}
+      `,
+        });
+        const rightRenderContent = `
+import React from 'react';
+import { Avatar, Dropdown, Menu, Spin } from 'antd';
+import { LogoutOutlined } from '@ant-design/icons';
+{{#Locale}}
+import { SelectLang } from '@@/plugin-locale';
+{{/Locale}}
+
+export function getRightRenderContent (opts: {
+   runtimeConfig: any,
+   loading: boolean,
+   initialState: any,
+   setInitialState: any,
+ }) {
+  if (opts.runtimeConfig.rightRender) {
+    return opts.runtimeConfig.rightRender(
+      opts.initialState,
+      opts.setInitialState,
+      opts.runtimeConfig,
+    );
+  }
+
+  const menu = (
+    <Menu className="umi-plugin-layout-menu">
+      <Menu.Item
+        key="logout"
+        onClick={() =>
+          opts.runtimeConfig.logout && opts.runtimeConfig?.logout(opts.initialState)
+        }
+      >
+        <LogoutOutlined />
+        退出登录
+      </Menu.Item>
+    </Menu>
+  );
+
+  const avatar = (
+    <span className="umi-plugin-layout-action">
+        <Avatar
+          size="small"
+          className="umi-plugin-layout-avatar"
+          src={
+            opts.initialState?.avatar ||
+            'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'
+          }
+          alt="avatar"
+        />
+        <span className="umi-plugin-layout-name">{opts.initialState?.name}</span>
+      </span>
+  );
+
+  if (opts.loading) {
+    return (
+      <div className="umi-plugin-layout-right">
+        <Spin size="small" style={ { marginLeft: 8, marginRight: 8 } } />
+      </div>
+    );
+  }
+
+  return (
+    <div className="umi-plugin-layout-right anticon">
+      {opts.runtimeConfig.logout ? (
+        <Dropdown overlay={menu} overlayClassName="umi-plugin-layout-container">
+          {avatar}
+        </Dropdown>
+      ) : (
+        avatar
+      )}
+{{#Locale}}
+      <SelectLang />
+{{/Locale}}
+    </div>
+  );
+}
+      `;
+        const Locale = api.isPluginEnable('locale');
+        // rightRender.tsx
+        api.writeTmpFile({
+            path: 'rightRender.tsx',
+            content: plugin_utils_1.Mustache.render(rightRenderContent, {
+                Locale,
+            }),
+        });
+        // Layout.less
+        api.writeTmpFile({
+            path: 'Layout.less',
+            content: `
+@import '~antd/es/style/themes/default.less';
+@pro-header-hover-bg: rgba(0, 0, 0, 0.025);
+@media screen and (max-width: @screen-xs) {
+  // 在小屏幕的时候可以有更好的体验
+  .umi-plugin-layout-container {
+    width: 100% !important;
+  }
+  .umi-plugin-layout-container > * {
+    border-radius: 0 !important;
+  }
+}
+.umi-plugin-layout-menu {
+  .anticon {
+    margin-right: 8px;
+  }
+  .ant-dropdown-menu-item {
+    min-width: 160px;
+  }
+}
+.umi-plugin-layout-right {
+  display: flex !important;
+  float: right;
+  height: 100%;
+  margin-left: auto;
+  overflow: hidden;
+  .umi-plugin-layout-action {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 12px;
+    cursor: pointer;
+    transition: all 0.3s;
+    > i {
+      color: @text-color;
+      vertical-align: middle;
+    }
+    &:hover {
+      background: @pro-header-hover-bg;
+    }
+    &:global(.opened) {
+      background: @pro-header-hover-bg;
+    }
+  }
+  .umi-plugin-layout-search {
+    padding: 0 12px;
+    &:hover {
+      background: transparent;
+    }
+  }
+}
+.umi-plugin-layout-name {
+  margin-left: 8px;
+}
+      `,
+        });
+        // Logo.tsx
+        api.writeTmpFile({
+            path: 'Logo.tsx',
+            content: `
+import React from 'react';
+
+const LogoIcon: React.FC = () => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="32"
+      height="32"
+      viewBox="0 0 200 200"
+    >
+      <defs>
+        <linearGradient
+          id="linearGradient-1"
+          x1="62.102%"
+          x2="108.197%"
+          y1="0%"
+          y2="37.864%"
+        >
+          <stop offset="0%" stopColor="#4285EB"></stop>
+          <stop offset="100%" stopColor="#2EC7FF"></stop>
+        </linearGradient>
+        <linearGradient
+          id="linearGradient-2"
+          x1="69.644%"
+          x2="54.043%"
+          y1="0%"
+          y2="108.457%"
+        >
+          <stop offset="0%" stopColor="#29CDFF"></stop>
+          <stop offset="37.86%" stopColor="#148EFF"></stop>
+          <stop offset="100%" stopColor="#0A60FF"></stop>
+        </linearGradient>
+        <linearGradient
+          id="linearGradient-3"
+          x1="69.691%"
+          x2="16.723%"
+          y1="-12.974%"
+          y2="117.391%"
+        >
+          <stop offset="0%" stopColor="#FA816E"></stop>
+          <stop offset="41.473%" stopColor="#F74A5C"></stop>
+          <stop offset="100%" stopColor="#F51D2C"></stop>
+        </linearGradient>
+        <linearGradient
+          id="linearGradient-4"
+          x1="68.128%"
+          x2="30.44%"
+          y1="-35.691%"
+          y2="114.943%"
+        >
+          <stop offset="0%" stopColor="#FA8E7D"></stop>
+          <stop offset="51.264%" stopColor="#F74A5C"></stop>
+          <stop offset="100%" stopColor="#F51D2C"></stop>
+        </linearGradient>
+      </defs>
+      <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+        <g transform="translate(-20 -20)">
+          <g transform="translate(20 20)">
+            <g>
+              <g fillRule="nonzero">
+                <g>
+                  <path
+                    fill="url(#linearGradient-1)"
+                    d="M91.588 4.177L4.18 91.513a11.981 11.981 0 000 16.974l87.408 87.336a12.005 12.005 0 0016.989 0l36.648-36.618c4.209-4.205 4.209-11.023 0-15.228-4.208-4.205-11.031-4.205-15.24 0l-27.783 27.76c-1.17 1.169-2.945 1.169-4.114 0l-69.802-69.744c-1.17-1.169-1.17-2.942 0-4.11l69.802-69.745c1.17-1.169 2.944-1.169 4.114 0l27.783 27.76c4.209 4.205 11.032 4.205 15.24 0 4.209-4.205 4.209-11.022 0-15.227L108.581 4.056c-4.719-4.594-12.312-4.557-16.993.12z"
+                  ></path>
+                  <path
+                    fill="url(#linearGradient-2)"
+                    d="M91.588 4.177L4.18 91.513a11.981 11.981 0 000 16.974l87.408 87.336a12.005 12.005 0 0016.989 0l36.648-36.618c4.209-4.205 4.209-11.023 0-15.228-4.208-4.205-11.031-4.205-15.24 0l-27.783 27.76c-1.17 1.169-2.945 1.169-4.114 0l-69.802-69.744c-1.17-1.169-1.17-2.942 0-4.11l69.802-69.745c2.912-2.51 7.664-7.596 14.642-8.786 5.186-.883 10.855 1.062 17.009 5.837L108.58 4.056c-4.719-4.594-12.312-4.557-16.993.12z"
+                  ></path>
+                </g>
+                <path
+                  fill="url(#linearGradient-3)"
+                  d="M153.686 135.855c4.208 4.205 11.031 4.205 15.24 0l27.034-27.012c4.7-4.696 4.7-12.28 0-16.974l-27.27-27.15c-4.218-4.2-11.043-4.195-15.254.013-4.209 4.205-4.209 11.022 0 15.227l18.418 18.403c1.17 1.169 1.17 2.943 0 4.111l-18.168 18.154c-4.209 4.205-4.209 11.023 0 15.228z"
+                ></path>
+              </g>
+              <ellipse
+                cx="100.519"
+                cy="100.437"
+                fill="url(#linearGradient-4)"
+                rx="23.6"
+                ry="23.581"
+              ></ellipse>
+            </g>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+};
+
+export default LogoIcon;
+      `,
+        });
+    });
+    api.addLayouts(() => {
+        return [
+            {
+                id: 'ant-design-pro-layout',
+                file: (0, withTmpPath_1.withTmpPath)({ api, path: 'Layout.tsx' }),
+                test: (route) => {
+                    return route.layout !== false;
+                },
+            },
+        ];
+    });
+    api.addRuntimePluginKey(() => ['layout']);
+    api.addRuntimePlugin(() => {
+        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })];
+    });
 };

package/dist/locale.d.ts

@@ -1,3 +1,4 @@
 import { IApi } from 'umi';
+export declare const packageNormalize: (packageName: string) => string;
 declare const _default: (api: IApi) => void;
 export default _default;

package/dist/locale.js

@@ -1,5 +1,203 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageNormalize = void 0;
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const localeUtils_1 = require("./utils/localeUtils");
+const withTmpPath_1 = require("./utils/withTmpPath");
+const packageNormalize = (packageName) => packageName.replace(/[@\/\-.]/g, '_');
+exports.packageNormalize = packageNormalize;
+// TODO: runtime plugin
 exports.default = (api) => {
-    api;
+    var _a;
+    // TODO: antd 的校验考虑 antd 插件
+    let hasAntd = false;
+    try {
+        hasAntd = !!require.resolve('antd');
+    }
+    catch (e) {
+        api.logger.warn('antd is not installed. <SelecLang /> unavailable');
+    }
+    api.describe({
+        key: 'locale',
+        config: {
+            default: {
+                baseNavigator: true,
+                useLocalStorage: true,
+                baseSeparator: '-',
+                antd: hasAntd,
+            },
+            schema(joi) {
+                return joi.object({
+                    default: joi.string(),
+                    useLocalStorage: joi.boolean(),
+                    baseNavigator: joi.boolean(),
+                    title: joi.boolean(),
+                    antd: joi.boolean(),
+                    baseSeparator: joi.string(),
+                });
+            },
+        },
+        enableBy: api.EnableBy.config,
+    });
+    const reactIntlPkgPath = (0, path_1.dirname)(require.resolve('react-intl/package'));
+    // polyfill
+    if ((0, localeUtils_1.isNeedPolyfill)(((_a = api.userConfig) === null || _a === void 0 ? void 0 : _a.targets) || {})) {
+        api.addEntryImportsAhead(() => [
+            {
+                source: require.resolve('intl'),
+            },
+        ]);
+    }
+    const addAntdLocales = (args) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
+        return yield api.applyPlugins({
+            key: 'addAntdLocales',
+            type: api.ApplyPluginsType.add,
+            initialValue: [
+                `antd/${((_b = api.config) === null || _b === void 0 ? void 0 : _b.ssr) ? 'lib' : 'es'}/locale/${(0, localeUtils_1.getAntdLocale)(args.lang, args.country)}`,
+            ],
+            args,
+        });
+    });
+    const getList = (resolveKey) => __awaiter(void 0, void 0, void 0, function* () {
+        var _c, _d;
+        const { paths } = api;
+        return (0, localeUtils_1.getLocaleList)({
+            localeFolder: ((_c = api.config) === null || _c === void 0 ? void 0 : _c.singular) ? 'locale' : 'locales',
+            separator: (_d = api.config.locale) === null || _d === void 0 ? void 0 : _d.baseSeparator,
+            absSrcPath: paths.absSrcPath,
+            absPagesPath: paths.absPagesPath,
+            addAntdLocales,
+            resolveKey,
+        });
+    });
+    api.onGenerateFiles(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _e, _f, _g, _h;
+        const localeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/locale.tpl'), 'utf-8');
+        // moment2dayjs
+        const resolveKey = api.config.moment2dayjs ? 'dayjs' : 'moment';
+        const momentPkgPath = (0, path_1.dirname)(require.resolve(`${resolveKey}/package.json`));
+        const EventEmitterPkg = (0, path_1.dirname)(require.resolve('event-emitter/package'));
+        const { baseSeparator, baseNavigator, antd, title, useLocalStorage } = api
+            .config.locale;
+        const defaultLocale = ((_e = api.config.locale) === null || _e === void 0 ? void 0 : _e.default) || `zh${baseSeparator}CN`;
+        const localeList = yield getList(resolveKey);
+        const momentLocales = localeList
+            .map(({ momentLocale }) => momentLocale)
+            .filter((locale) => locale);
+        const antdLocales = localeList
+            .map(({ antdLocale }) => antdLocale)
+            .filter((locale) => locale);
+        let MomentLocales = momentLocales;
+        let DefaultMomentLocale = '';
+        // set moment default accounding to locale.default
+        if (!MomentLocales.length && ((_f = api.config.locale) === null || _f === void 0 ? void 0 : _f.default)) {
+            const [lang, country = ''] = defaultLocale.split(baseSeparator);
+            const { momentLocale } = (0, localeUtils_1.getMomentLocale)(lang, country, resolveKey);
+            if (momentLocale) {
+                MomentLocales = [momentLocale];
+                DefaultMomentLocale = momentLocale;
+            }
+        }
+        let DefaultAntdLocales = [];
+        // set antd default locale
+        if (!antdLocales.length && ((_g = api.config.locale) === null || _g === void 0 ? void 0 : _g.antd)) {
+            const [lang, country = ''] = defaultLocale.split(baseSeparator);
+            DefaultAntdLocales = utils_1.lodash.uniq(yield addAntdLocales({
+                lang,
+                country,
+            }));
+        }
+        const NormalizeAntdLocalesName = function () {
+            // @ts-ignore
+            return (0, exports.packageNormalize)(this);
+        };
+        api.writeTmpFile({
+            content: utils_1.Mustache.render(localeTpl, {
+                MomentLocales,
+                DefaultMomentLocale,
+                NormalizeAntdLocalesName,
+                DefaultAntdLocales,
+                Antd: !!antd,
+                Title: title && api.config.title,
+                BaseSeparator: baseSeparator,
+                DefaultLocale: defaultLocale,
+                DefaultLang: defaultLocale,
+                momentPkgPath,
+            }),
+            path: 'locale.tsx',
+        });
+        const localeExportsTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/localeExports.tpl'), 'utf-8');
+        const localeDirName = api.config.singular ? 'locale' : 'locales';
+        const localeDirPath = (0, path_1.join)(api.paths.absSrcPath, localeDirName);
+        api.writeTmpFile({
+            path: 'localeExports.ts',
+            content: utils_1.Mustache.render(localeExportsTpl, {
+                EventEmitterPkg,
+                BaseSeparator: baseSeparator,
+                BaseNavigator: baseNavigator,
+                UseLocalStorage: !!useLocalStorage,
+                LocaleDir: localeDirName,
+                ExistLocaleDir: (0, fs_1.existsSync)(localeDirPath),
+                LocaleList: localeList.map((locale) => (Object.assign(Object.assign({}, locale), { antdLocale: locale.antdLocale.map((antdLocale, index) => ({
+                        locale: antdLocale,
+                        index: index,
+                    })), paths: locale.paths.map((path, index) => ({
+                        path,
+                        index,
+                    })) }))),
+                Antd: !!antd,
+                DefaultLocale: JSON.stringify(defaultLocale),
+                warningPkgPath: require.resolve('warning/package'),
+                reactIntlPkgPath,
+            }),
+        });
+        // runtime.tsx
+        const runtimeTpl = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/runtime.tpl'), 'utf-8');
+        api.writeTmpFile({
+            path: 'runtime.tsx',
+            content: utils_1.Mustache.render(runtimeTpl, {
+                Title: !!title,
+            }),
+        });
+        // SelectLang.tsx
+        const selectLang = (0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../libs/locale/SelectLang.tpl'), 'utf-8');
+        api.writeTmpFile({
+            path: 'SelectLang.tsx',
+            content: utils_1.Mustache.render(selectLang, {
+                Antd: !!antd,
+                LocaleList: localeList,
+                ShowSelectLang: localeList.length > 1 && !!antd,
+                antdFiles: ((_h = api.config) === null || _h === void 0 ? void 0 : _h.ssr) ? 'lib' : 'es',
+            }),
+        });
+        // index.ts
+        api.writeTmpFile({
+            path: 'index.ts',
+            content: `
+export { useIntl, formatMessage, FormattedMessage } from './localeExports.ts';
+export { SelectLang } from './SelectLang.tsx';
+`,
+        });
+    }));
+    // Runtime Plugin
+    api.addRuntimePlugin(() => [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })]);
+    api.addRuntimePluginKey(() => ['locale']);
+    // watch locale files
+    api.addTmpGenerateWatcherPaths(() => __awaiter(void 0, void 0, void 0, function* () {
+        const resolveKey = api.config.moment2dayjs ? 'dayjs' : 'moment';
+        const localeList = yield getList(resolveKey);
+        return (0, localeUtils_1.exactLocalePaths)(localeList);
+    }));
 };