@umijs/plugins 4.0.0-canary.20220428.2 → 4.0.0-canary.20220429.3

package/dist/initial-state.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const withTmpPath_1 = require("./utils/withTmpPath");
-exports.default = (api) => {
-    api.describe({
-        config: {
-            schema(Joi) {
-                return Joi.object({
-                    loading: Joi.string(),
-                });
-            },
-        },
-        enableBy: api.EnableBy.config,
-    });
-    api.register({
-        key: 'addExtraModels',
-        fn: () => [(0, withTmpPath_1.withTmpPath)({ api, path: '@@initialState.ts' })],
-    });
-    api.addRuntimePluginKey(() => ['getInitialState']);
-    api.addRuntimePlugin(() => {
-        return [(0, withTmpPath_1.withTmpPath)({ api, path: 'runtime.tsx' })];
-    });
-    api.onGenerateFiles(() => {
-        var _a;
-        const { loading } = api.config.initialState;
-        // Provider.tsx
-        api.writeTmpFile({
-            path: 'Provider.tsx',
-            content: `
-import React from 'react';
-import { useModel } from '@@/plugin-model';
-${loading
-                ? `import Loading from '${loading}'`
-                : `function Loading() { return <div />; }`}
-export default function InitialStateProvider(props: any) {
-  const appLoaded = React.useRef(false);
-  const { loading = false } = useModel("@@initialState") || {};
-  React.useEffect(() => {
-    if (!loading) {
-      appLoaded.current = true;
-    }
-  }, [loading]);
-  if (loading && !appLoaded.current) {
-    return <Loading />;
-  }
-  return props.children;
-}
-      `,
-        });
-        // @@initialState.ts
-        api.writeTmpFile({
-            path: '@@initialState.ts',
-            content: ((_a = api.appData.appJS) === null || _a === void 0 ? void 0 : _a.exports.includes('getInitialState'))
-                ? `
-import { useState, useEffect, useCallback } from 'react';
-import { getInitialState } from '@/app';
-
-const initState = {
-  initialState: undefined,
-  loading: true,
-  error: undefined,
-};
-
-export default () => {
-  const [state, setState] = useState(initState);
-  const refresh = useCallback(async () => {
-    setState((s) => ({ ...s, loading: true, error: undefined }));
-    try {
-      const ret = await getInitialState();
-      setState((s) => ({ ...s, initialState: ret, loading: false }));
-    } catch (e) {
-      setState((s) => ({ ...s, error: e, loading: false }));
-    }
-    // [?]
-    // await sleep(10);
-  }, []);
-
-  const setInitialState = useCallback(async (initialState) => {
-    setState((s) => {
-      if (typeof initialState === 'function') {
-        return { ...s, initialState: initialState(s.initialState), loading: false };
-      }
-      return { ...s, initialState, loading: false };
-    });
-    // [?]
-    // await sleep(10)
-  }, []);
-
-  useEffect(() => {
-    refresh();
-  }, []);
-
-  return {
-    ...state,
-    refresh,
-    setInitialState,
-  };
-}
-        `
-                : `
-export default () => ({ loading: false, refresh: () => {} })
-      `,
-        });
-        // runtime.tsx
-        api.writeTmpFile({
-            path: 'runtime.tsx',
-            content: `
-import React from 'react';
-import Provider from './Provider';
-export function dataflowProvider(container) {
-  return <Provider>{ container }</Provider>;
-}
-      `,
-        });
-    });
-};

package/dist/layout.d.ts

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

package/dist/layout.js

@@ -1,538 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.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, useRouteData, matchRoutes } from 'umi';
-import { useMemo } from 'react';
-import ProLayout, {
-  PageLoading,
-} from '@ant-design/pro-layout';
-import './Layout.less';
-import Logo from './Logo';
-import Exception from './Exception';
-import { getRightRenderContent } from './rightRender';
-${hasInitialStatePlugin
-                ? `import { useModel } from '@@/plugin-model';`
-                : 'const useModel = null;'}
-${api.config.access
-                ? `
-import { useAccessMarkedRoutes } from '@@/plugin-access';
-   `.trim()
-                : 'const useAccessMarkedRoutes = (r) => r;'}
-${api.config.locale
-                ? `
-import { useIntl } from '@@/plugin-locale';
-    `.trim()
-                : ''}
-
-
-export default (props: any) => {
-  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 matchedRoute = useMemo(() => matchRoutes(clientRoutes, location.pathname).pop()?.route, [location.pathname]);
-  const [route] = useAccessMarkedRoutes(clientRoutes.filter(({ id }) => id === 'ant-design-pro-layout'));
-  return (
-    <ProLayout
-      route={route}
-      location={location}
-      title={userConfig.title || '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;
-        })
-      }
-    >
-      <Exception
-        route={matchedRoute}
-        notFound={runtimeConfig.notFound}
-        noAccessible={runtimeConfig.noAccessible}
-      >
-        {runtimeConfig.childrenRender
-          ? runtimeConfig.childrenRender(<Outlet />, props)
-          : <Outlet />
-        }
-      </Exception>
-    </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, plugin_utils_1.winPath)((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.writeTmpFile({
-            path: 'Exception.tsx',
-            content: `
-import React from 'react';
-import { history, type IRoute } from 'umi';
-import { Result, Button } from 'antd';
-
-const Exception: React.FC<{
-  children: React.ReactNode;
-  route?: IRoute;
-  notFound?: React.ReactNode;
-  noAccessible?: React.ReactNode;
-}> = (props) => (
-  // render custom 404
-  (!props.route && props.notFound) ||
-  // render custom 403
-  (props.route.unaccessible && props.noAccessible) ||
-  // render default exception
-  ((!props.route || props.route.unaccessible) && (
-    <Result
-      status={props.route ? '403' : '404'}
-      title={props.route ? '403' : '404'}
-      subTitle={props.route ? '抱歉，你无权访问该页面' : '抱歉，你访问的页面不存在'}
-      extra={
-        <Button type="primary" onClick={() => history.push('/')}>
-          返回首页
-        </Button>
-      }
-    />
-  )) ||
-  // normal render
-  props.children
-);
-
-export default Exception;
-`,
-        });
-    });
-    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,4 +0,0 @@
-import { IApi } from 'umi';
-export declare const packageNormalize: (packageName: string) => string;
-declare const _default: (api: IApi) => void;
-export default _default;