fix: package.json

package.json

@@ -4,7 +4,7 @@
   "description": "",
   "repository": {
     "type": "git",
-    "url": "git://github.com/react-boilerplate/react-boilerplate.git"
+    "url": "https://g.civnet.cn:8443/test/maintenance.git"
   },
   "engines": {
     "npm": ">=5",

src/.umi/core/devScripts.ts

+// @ts-nocheck
+
+if (window.g_initWebpackHotDevClient) {
+  function tryApplyUpdates(onHotUpdateSuccess?: Function) {
+    // @ts-ignore
+    if (!module.hot) {
+      window.location.reload();
+      return;
+    }
+
+    function isUpdateAvailable() {
+      // @ts-ignore
+      return window.g_getMostRecentCompilationHash() !== __webpack_hash__;
+    }
+
+    // TODO: is update available?
+    // @ts-ignore
+    if (!isUpdateAvailable() || module.hot.status() !== 'idle') {
+      return;
+    }
+
+    function handleApplyUpdates(err: Error | null, updatedModules: any) {
+      if (err || !updatedModules || window.g_getHadRuntimeError()) {
+        window.location.reload();
+        return;
+      }
+
+      onHotUpdateSuccess?.();
+
+      if (isUpdateAvailable()) {
+        // While we were updating, there was a new update! Do it again.
+        tryApplyUpdates();
+      }
+    }
+
+    // @ts-ignore
+    module.hot.check(true).then(
+      function (updatedModules: any) {
+        handleApplyUpdates(null, updatedModules);
+      },
+      function (err: Error) {
+        handleApplyUpdates(err, null);
+      },
+    );
+  }
+
+  window.g_initWebpackHotDevClient({
+    tryApplyUpdates,
+  });
+}
+      
\ No newline at end of file

src/.umi/core/history.ts

+// @ts-nocheck
+import { createBrowserHistory } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
+
+let options = {
+  "basename": "/"
+};
+if ((<any>window).routerBase) {
+  options.basename = (<any>window).routerBase;
+}
+
+// remove initial history because of ssr
+let history: any = process.env.__IS_SERVER ? null : createBrowserHistory(options);
+export const createHistory = (hotReload = false) => {
+  if (!hotReload) {
+    history = createBrowserHistory(options);
+  }
+
+  return history;
+};
+
+// 通常仅微前端场景需要调用这个 API
+export const setCreateHistoryOptions = (newOpts: any = {}) => {
+  options = { ...options, ...newOpts };
+};
+
+export { history };

src/.umi/core/plugin.ts

+// @ts-nocheck
+import { Plugin } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
+
+const plugin = new Plugin({
+  validKeys: ['modifyClientRenderOpts','patchRoutes','rootContainer','render','onRouteChange',],
+});
+
+export { plugin };

src/.umi/core/pluginConfig.d.ts

+/** Created by Umi Plugin **/
+
+export interface IConfigFromPlugins {
+  routes?: {
+    /**
+     * Any valid URL path
+     */
+    path?: string;
+    /**
+     * A React component to render only when the location matches.
+     */
+    component?: string | (() => any);
+    wrappers?: string[];
+    /**
+     * navigate to a new location
+     */
+    redirect?: string;
+    /**
+     * When true, the active class/style will only be applied if the location is matched exactly.
+     */
+    exact?: boolean;
+    routes?: any[];
+    [k: string]: any;
+  }[];
+  history?: {
+    type?: "browser" | "hash" | "memory";
+    options?: {};
+  };
+  polyfill?: {
+    imports?: string[];
+  };
+  alias?: {};
+  analyze?: {
+    analyzerMode?: "server" | "static" | "disabled";
+    analyzerHost?: string;
+    analyzerPort?: any;
+    openAnalyzer?: boolean;
+    generateStatsFile?: boolean;
+    statsFilename?: string;
+    logLevel?: "info" | "warn" | "error" | "silent";
+    defaultSizes?: "stat" | "parsed" | "gzip";
+    [k: string]: any;
+  };
+  /**
+   * postcss autoprefixer, default flexbox: no-2009
+   */
+  autoprefixer?: {};
+  base?: string;
+  chainWebpack?: () => any;
+  chunks?: string[];
+  /**
+   * more css-loader options see https://webpack.js.org/loaders/css-loader/#options
+   */
+  cssLoader?: {
+    url?: boolean | (() => any);
+    import?: boolean | (() => any);
+    modules?: boolean | string | {};
+    sourceMap?: boolean;
+    importLoaders?: number;
+    onlyLocals?: boolean;
+    esModule?: boolean;
+    localsConvention?: "asIs" | "camelCase" | "camelCaseOnly" | "dashes" | "dashesOnly";
+  };
+  cssModulesTypescriptLoader?: {
+    mode?: "emit" | "verify";
+  };
+  cssnano?: {};
+  copy?: string[];
+  define?: {};
+  devScripts?: {};
+  /**
+   * devServer configs
+   */
+  devServer?: {
+    /**
+     * devServer port, default 8000
+     */
+    port?: number;
+    host?: string;
+    https?:
+      | {
+          key?: string;
+          cert?: string;
+          [k: string]: any;
+        }
+      | boolean;
+    headers?: {};
+    writeToDisk?: boolean | (() => any);
+    [k: string]: any;
+  };
+  devtool?: string;
+  /**
+   * Code splitting for performance optimization
+   */
+  dynamicImport?: {
+    /**
+     * loading the component before loaded
+     */
+    loading?: string;
+  };
+  exportStatic?: {
+    htmlSuffix?: boolean;
+    dynamicRoot?: boolean;
+    /**
+     * extra render paths only enable in ssr
+     */
+    extraRoutePaths?: () => any;
+  };
+  externals?: {} | string | (() => any);
+  extraBabelPlugins?: any[];
+  extraBabelPresets?: any[];
+  extraPostCSSPlugins?: any[];
+  /**
+   * fork-ts-checker-webpack-plugin options see https://github.com/TypeStrong/fork-ts-checker-webpack-plugin#options
+   */
+  forkTSChecker?: {
+    async?: boolean;
+    typescript?: boolean | {};
+    eslint?: {};
+    issue?: {};
+    formatter?: string | {};
+    logger?: {};
+    [k: string]: any;
+  };
+  hash?: boolean;
+  ignoreMomentLocale?: boolean;
+  inlineLimit?: number;
+  lessLoader?: {};
+  manifest?: {
+    fileName?: string;
+    publicPath?: "";
+    basePath?: string;
+    writeToFileEmit?: boolean;
+  };
+  mountElementId?: "";
+  mpa?: {};
+  nodeModulesTransform?: {
+    type?: "all" | "none";
+    exclude?: string[];
+  };
+  outputPath?: "";
+  plugins?: string[];
+  postcssLoader?: {};
+  presets?: string[];
+  proxy?: {};
+  publicPath?: string;
+  runtimePublicPath?: boolean;
+  ssr?: {
+    /**
+     * remove window.g_initialProps in html, to force execing Page getInitialProps  functions
+     */
+    forceInitial?: boolean;
+    /**
+     * disable serve-side render in umi dev mode.
+     */
+    devServerRender?: boolean;
+    mode?: "stream" | "string";
+    /**
+     * static markup in static site
+     */
+    staticMarkup?: boolean;
+  };
+  singular?: boolean;
+  styleLoader?: {};
+  targets?: {};
+  terserOptions?: {};
+  theme?: {};
+  runtimeHistory?: {};
+  favicon?: string;
+  headScripts?: any[];
+  links?: any[];
+  metas?: any[];
+  scripts?: any[];
+  styles?: any[];
+  title?: string;
+  mock?: {
+    exclude?: string[];
+  };
+  description?: string;
+  logo?: string;
+  locales?: any[];
+  mode?: string;
+  menus?: {};
+  navs?: any[] | {};
+  resolve?: {};
+  [k: string]: any;
+}

src/.umi/core/pluginRegister.ts

+// @ts-nocheck
+import { plugin } from './plugin';
+import * as Plugin_0 from '/FE/project/panda_maintenance/src/app.js';
+
+  plugin.register({
+    apply: Plugin_0,
+    path: '/FE/project/panda_maintenance/src/app.js',
+  });

src/.umi/core/polyfill.ts

+// @ts-nocheck
+import 'core-js';
+import 'regenerator-runtime/runtime';

src/.umi/core/routes.ts

+// @ts-nocheck
+import { ApplyPluginsType, dynamic } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
+import { plugin } from './plugin';
+
+export function getRoutes() {
+  const routes = [
+  {
+    "path": "/",
+    "component": (props) => require('react').createElement(require('/FE/project/panda_maintenance/node_modules/_@umijs_preset-dumi@1.0.13@@umijs/preset-dumi/lib/themes/default/layout.js').default, {
+      ...{"menus":{"*":{"*":[{"path":"/","title":"运维平台 - 开发文档","meta":{"order":10}}],"/components":[{"path":"/components","title":"基础组件","meta":{}}],"/faq":[{"path":"/faq","title":"常见问题","meta":{}}],"/guide":[{"title":"介绍","children":[{"path":"/guide","title":"介绍"},{"path":"/guide/getting-started","title":"快速上手"},{"path":"/guide/command","title":"script 命令"}]}]}},"locales":[],"navs":{"*":[{"title":"指南","order":1,"path":"/guide"},{"title":"组件","order":1,"path":"/components"},{"title":"faq","order":3,"path":"/faq"},{"title":"GitHub","path":"https://g.civnet.cn:8443/test/maintenance.git"},{"title":"更新日志","path":"https://g.civnet.cn:8443/test/maintenance/releases"}]},"title":"运维平台","mode":"site","repoUrl":"https://github.com/react-boilerplate/react-boilerplate"},
+      ...props,
+    }),
+    "routes": [
+      {
+        "path": "/",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__index.md' */'../../../docs/index.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/index.md",
+          "updatedTime": 1597631207000,
+          "title": "运维平台 - 开发文档",
+          "order": 10,
+          "hero": {
+            "title": "运维平台",
+            "actions": [
+              {
+                "text": "快速开始",
+                "link": "/guide/getting-started"
+              }
+            ]
+          },
+          "footer": "<div class=\"markdown\"><p>Open-source MIT Licensed | Copyright © 2020-present<br />Powered by self</p></div>",
+          "slugs": [
+            {
+              "depth": 2,
+              "value": "快速开始",
+              "heading": "快速开始"
+            }
+          ]
+        },
+        "title": "运维平台 - 开发文档"
+      },
+      {
+        "path": "/components",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__components__index.md' */'../../../docs/components/index.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/components/index.md",
+          "updatedTime": 1597630187000,
+          "title": "基础组件",
+          "nav": {
+            "title": "组件",
+            "order": 1,
+            "path": "/components"
+          },
+          "slugs": []
+        },
+        "title": "基础组件"
+      },
+      {
+        "path": "/faq",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__faq__index.md' */'../../../docs/faq/index.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/faq/index.md",
+          "updatedTime": 1597630187000,
+          "title": "常见问题",
+          "nav": {
+            "title": "faq",
+            "order": 3,
+            "path": "/faq"
+          },
+          "slugs": []
+        },
+        "title": "常见问题"
+      },
+      {
+        "path": "/guide/command",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__command.md' */'../../../docs/guide/command.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/guide/command.md",
+          "updatedTime": 1597630187000,
+          "title": "script 命令",
+          "nav": {
+            "title": "指南",
+            "order": 1,
+            "path": "/guide"
+          },
+          "slugs": [
+            {
+              "depth": 1,
+              "value": "script 命令",
+              "heading": "script-命令"
+            },
+            {
+              "depth": 2,
+              "value": "初始化",
+              "heading": "初始化"
+            },
+            {
+              "depth": 2,
+              "value": "开发环境",
+              "heading": "开发环境"
+            },
+            {
+              "depth": 2,
+              "value": "清除",
+              "heading": "清除"
+            },
+            {
+              "depth": 2,
+              "value": "生成模版代码块",
+              "heading": "生成模版代码块"
+            },
+            {
+              "depth": 2,
+              "value": "服务",
+              "heading": "服务"
+            },
+            {
+              "depth": 3,
+              "value": "开发环境",
+              "heading": "开发环境-1"
+            },
+            {
+              "depth": 3,
+              "value": "生产环境",
+              "heading": "生产环境"
+            },
+            {
+              "depth": 3,
+              "value": "Host and Port",
+              "heading": "host-and-port"
+            },
+            {
+              "depth": 2,
+              "value": "打包",
+              "heading": "打包"
+            },
+            {
+              "depth": 2,
+              "value": "Testing",
+              "heading": "testing"
+            },
+            {
+              "depth": 2,
+              "value": "单元测试",
+              "heading": "单元测试"
+            },
+            {
+              "depth": 3,
+              "value": "Watching",
+              "heading": "watching"
+            },
+            {
+              "depth": 2,
+              "value": "检查代码规范",
+              "heading": "检查代码规范"
+            }
+          ],
+          "group": {
+            "title": "介绍"
+          }
+        },
+        "title": "script 命令"
+      },
+      {
+        "path": "/guide/getting-started",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__getting-started.md' */'../../../docs/guide/getting-started.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/guide/getting-started.md",
+          "updatedTime": 1597630187000,
+          "title": "快速上手",
+          "order": 9,
+          "nav": {
+            "order": 10,
+            "path": "/guide",
+            "title": "指南"
+          },
+          "slugs": [
+            {
+              "depth": 2,
+              "value": "环境准备",
+              "heading": "环境准备"
+            },
+            {
+              "depth": 2,
+              "value": "脚手架初始化",
+              "heading": "脚手架初始化"
+            }
+          ],
+          "group": {
+            "title": "介绍"
+          }
+        },
+        "title": "快速上手"
+      },
+      {
+        "path": "/guide",
+        "component": dynamic({ loader: () => import(/* webpackChunkName: 'docs__guide__index.md' */'../../../docs/guide/index.md')}),
+        "exact": true,
+        "meta": {
+          "filePath": "docs/guide/index.md",
+          "updatedTime": 1597646461000,
+          "title": "介绍",
+          "nav": {
+            "title": "指南",
+            "order": 1,
+            "path": "/guide"
+          },
+          "slugs": [
+            {
+              "depth": 3,
+              "value": "技术栈",
+              "heading": "技术栈"
+            },
+            {
+              "depth": 3,
+              "value": "Core",
+              "heading": "core"
+            },
+            {
+              "depth": 3,
+              "value": "UI",
+              "heading": "ui"
+            },
+            {
+              "depth": 3,
+              "value": "Unit Testing",
+              "heading": "unit-testing"
+            },
+            {
+              "depth": 3,
+              "value": "Linting",
+              "heading": "linting"
+            },
+            {
+              "depth": 2,
+              "value": "项目结构",
+              "heading": "项目结构"
+            }
+          ],
+          "group": {
+            "title": "介绍"
+          }
+        },
+        "title": "介绍"
+      }
+    ],
+    "title": "运维平台"
+  }
+];
+
+  // allow user to extend routes
+  plugin.applyPlugins({
+    key: 'patchRoutes',
+    type: ApplyPluginsType.event,
+    args: { routes },
+  });
+
+  return routes;
+}

src/.umi/core/umiExports.ts

+// @ts-nocheck
+export { history, setCreateHistoryOptions } from './history';
+export { plugin } from './plugin';

src/.umi/umi.ts

+// @ts-nocheck
+import './core/polyfill';
+import '@@/core/devScripts';
+import { plugin } from './core/plugin';
+import './core/pluginRegister';
+import { createHistory } from './core/history';
+import { ApplyPluginsType } from '/FE/project/panda_maintenance/node_modules/_@umijs_runtime@3.2.15@@umijs/runtime';
+import { renderClient } from '/FE/project/panda_maintenance/node_modules/_@umijs_renderer-react@3.2.15@@umijs/renderer-react/dist/index.js';
+import { getRoutes } from './core/routes';
+
+
+require('../global.less');
+
+const getClientRender = (args: { hot?: boolean; routes: any[] } = {}) => plugin.applyPlugins({
+  key: 'render',
+  type: ApplyPluginsType.compose,
+  initialValue: () => {
+    const opts = plugin.applyPlugins({
+      key: 'modifyClientRenderOpts',
+      type: ApplyPluginsType.modify,
+      initialValue: {
+        routes: args.routes,
+        plugin,
+        history: createHistory(args.hot),
+        isServer: process.env.__IS_SERVER,
+        dynamicImport: true,
+        rootElement: 'root',
+        defaultTitle: `运维平台`,
+      },
+    });
+    return renderClient(opts);
+  },
+  args,
+});
+
+const clientRender = getClientRender({ routes: getRoutes() });
+export default clientRender();
+
+
+    window.g_umi = {
+      version: '3.2.15',
+    };
+  
+
+// hot module replacement
+// @ts-ignore
+if (module.hot) {
+  // @ts-ignore
+  module.hot.accept('./core/routes', () => {
+    const ret = require('./core/routes');
+    if (ret.then) {
+      ret.then(({ getRoutes }) => {
+        getClientRender({ hot: true, routes: getRoutes() })();
+      });
+    } else {
+      getClientRender({ hot: true, routes: ret.getRoutes() })();
+    }
+  });
+}

src/layouts/BasicLayout.js

-import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';
 import React, { useState } from 'react';
+
+import {
+  matchRoutes,
+  renderRoutes,
+} from 'react-router-config';
 import { Link } from 'react-router-dom';
-import { renderRoutes, matchRoutes } from 'react-router-config';
+
 import { GithubOutlined } from '@ant-design/icons';
+import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';
+
 import logo from '../assets/logo.svg';
 import RightContent from '../components/GlobalHeader/RightContent';
 import config from '../routes/config';
+
 // const noMatch = (
 //   <Result
 //     status={403}
@@ -87,6 +94,14 @@ const BasicLayout = props => {
         }
         return <Link to={menuItemProps.path}>{defaultDom}</Link>;
       }}
+      itemRender={(route, params, routes, paths) => {
+        const first = routes.indexOf(route) === 0;
+        return first ? (
+          <Link to={paths.join('/')}>{route.breadcrumbName}</Link>
+        ) : (
+          <span>{route.breadcrumbName}</span>
+        );
+      }}
       {...props}
     >
       {renderRoutes(props.route.routes)}

src/layouts/UserLayout.js

@@ -6,7 +6,11 @@ import {
 } from 'react-helmet-async';
 import { renderRoutes } from 'react-router-config';
 
-import { DefaultFooter } from '@ant-design/pro-layout';
+import {
+  DefaultFooter,
+  getMenuData,
+  getPageTitle,
+} from '@ant-design/pro-layout';
 
 import logo from '../assets/logo.svg';
 import styles from './UserLayout.less';
@@ -17,9 +21,15 @@ const UserLayout = props => {
       routes: [],
     },
   } = props;
-  //   const { formatMessage } = useIntl();
-  //   const { breadcrumb } = getMenuData(routes);
-    const title = ""
+  // const { formatMessage } = useIntl();
+  const { breadcrumb } = getMenuData(route.routes);
+  const title = getPageTitle({
+    pathname: location.pathname,
+    // formatMessage,
+    breadcrumb,
+    ...props,
+  });
+
   return (
     <HelmetProvider>
       <Helmet>