first commit

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.eslintignore

@@ -0,0 +1,8 @@
+/lambda/
+/scripts
+/config
+.history
+public
+dist
+.umi
+mock

.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
+    page: true,
+    REACT_APP_ENV: true,
+  },
+};

.gitignore

@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+**/node_modules
+# roadhog-api-doc ignore
+/src/utils/request-temp.js
+_roadhog-api-doc
+
+# production
+/dist
+/.vscode
+
+# misc
+.DS_Store
+npm-debug.log*
+yarn-error.log
+
+/coverage
+.idea
+yarn.lock
+package-lock.json
+*bak
+.vscode
+
+# visual studio code
+.history
+*.log
+functions/*
+.temp/**
+
+# umi
+.umi
+.umi-production
+
+# screenshot
+screenshot
+.firebase
+.eslintcache
+
+build

.prettierignore

@@ -0,0 +1,23 @@
+**/*.svg
+package.json
+.umi
+.umi-production
+/dist
+.dockerignore
+.DS_Store
+.eslintignore
+*.png
+*.toml
+docker
+.editorconfig
+Dockerfile*
+.gitignore
+.prettierignore
+LICENSE
+.eslintcache
+*.lock
+yarn-error.log
+.history
+CNAME
+/build
+/public

.prettierrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.prettier,
+};

.stylelintrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.stylelint,
+};

README.md

@@ -0,0 +1,57 @@
+# Ant Design Pro
+
+This project is initialized with [Ant Design Pro](https://pro.ant.design). Follow is the quick guide for how to use.
+
+## Environment Prepare
+
+Install `node_modules`:
+
+```bash
+npm install
+```
+
+or
+
+```bash
+yarn
+```
+
+## Provided Scripts
+
+Ant Design Pro provides some useful script to help you quick start and build with web project, code style check and test.
+
+Scripts provided in `package.json`. It's safe to modify or add additional script:
+
+### Start project
+
+```bash
+npm start
+```
+
+### Build project
+
+```bash
+npm run build
+```
+
+### Check code style
+
+```bash
+npm run lint
+```
+
+You can also use script to auto fix some lint error:
+
+```bash
+npm run lint:fix
+```
+
+### Test code
+
+```bash
+npm test
+```
+
+## More
+
+You can view full document on our [official website](https://pro.ant.design). And welcome any feedback in our [github](https://github.com/ant-design/ant-design-pro).

config/config.dev.js

@@ -0,0 +1,15 @@
+// https://umijs.org/config/
+import { defineConfig } from 'umi';
+export default defineConfig({
+  plugins: [
+    // https://github.com/zthxxx/react-dev-inspector
+    'react-dev-inspector/plugins/umi/react-inspector',
+  ],
+  // https://github.com/zthxxx/react-dev-inspector#inspector-loader-props
+  inspectorConfig: {
+    exclude: [],
+    babelPlugins: [],
+    babelOptions: {},
+  },
+  webpack5: {},
+});

config/config.js

@@ -0,0 +1,42 @@
+// https://umijs.org/config/
+import { defineConfig } from 'umi';
+import defaultSettings from './defaultSettings';
+import proxy from './proxy';
+import routes from './routes';
+const { REACT_APP_ENV } = process.env;
+export default defineConfig({
+  hash: true,
+  antd: {},
+  dva: {
+    hmr: true,
+  },
+  history: {
+    type: 'browser',
+  },
+  locale: {
+    // default zh-CN
+    default: 'zh-CN',
+    antd: true,
+    // default true, when it is true, will use `navigator.language` overwrite default
+    baseNavigator: true,
+  },
+  dynamicImport: {
+    loading: '@/components/PageLoading/index',
+  },
+  targets: {
+    ie: 11,
+  },
+  // umi routes: https://umijs.org/docs/routing
+  routes,
+  // Theme for antd: https://ant.design/docs/react/customize-theme-cn
+  theme: {
+    'primary-color': defaultSettings.primaryColor,
+  },
+  title: false,
+  ignoreMomentLocale: true,
+  proxy: proxy[REACT_APP_ENV || 'dev'],
+  manifest: {
+    basePath: '/',
+  },
+  esbuild: {},
+});

config/defaultSettings.js

@@ -0,0 +1,17 @@
+const proSettings = {
+  navTheme: 'dark',
+  // 拂晓蓝
+  primaryColor: '#1890ff',
+  layout: 'side',
+  contentWidth: 'Fluid',
+  fixedHeader: false,
+  fixSiderbar: true,
+  colorWeak: false,
+  title: 'Ant Design Pro',
+  pwa: false,
+  iconfontUrl: '',
+  menu: {
+    disableLocal: true
+  },
+};
+export default proSettings;

config/proxy.js

@@ -0,0 +1,36 @@
+/**
+ * 在生产环境 代理是无法生效的，所以这里没有生产环境的配置
+ * The agent cannot take effect in the production environment
+ * so there is no configuration of the production environment
+ * For details, please see
+ * https://pro.ant.design/docs/deploy
+ */
+export default {
+  dev: {
+    '/api/': {
+      target: 'http://127.0.0.1:8080/',
+      changeOrigin: true,
+      pathRewrite: {
+        '^': '',
+      },
+    },
+  },
+  test: {
+    '/api/': {
+      target: 'https://preview.pro.ant.design',
+      changeOrigin: true,
+      pathRewrite: {
+        '^': '',
+      },
+    },
+  },
+  pre: {
+    '/api/': {
+      target: 'your pre url',
+      changeOrigin: true,
+      pathRewrite: {
+        '^': '',
+      },
+    },
+  },
+};

config/routes.js

@@ -0,0 +1,214 @@
+/**
+ * path: 一定要设置绝对路径
+ * menuCode: 服务端菜单编码, 用于权限校验
+ */
+
+export default [
+  {
+    path: '/',
+    component: '../layouts/BlankLayout',
+    routes: [
+      {
+        path: '/user',
+        component: '../layouts/UserLayout',
+        routes: [
+          {
+            name: 'login',
+            path: '/user/login',
+            component: './User/login',
+          },
+        ],
+      },
+      {
+        path: '/',
+        component: '../layouts/SecurityLayout',
+        routes: [
+          {
+            path: '/',
+            component: '../layouts/BasicLayout',
+            routes: [
+              {
+                path: '/',
+                redirect: '/welcome',
+              },
+              {
+                path: '/welcome',
+                name: 'welcome',
+                icon: 'smile',
+                component: './Welcome',
+              },
+              {
+                path: '/admin',
+                name: 'admin',
+                icon: 'crown',
+                component: './Admin',
+                routes: [
+                  {
+                    path: '/admin/sub-page',
+                    name: 'sub-page',
+                    icon: 'smile',
+                    component: './Welcome',
+                  },
+                ],
+              },
+              {
+                name: 'list.table-list',
+                icon: 'table',
+                path: '/list',
+                component: './TableList',
+              },
+              {
+                path: '/cms',
+                name: 'CMS管理',
+                icon: 'AppstoreOutlined',
+                menuCode: 'cms',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/cms/banner',
+                    name: 'Banner管理',
+                    menuCode: 'cms.banner',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/cms/hot',
+                    name: '热门管理',
+                    menuCode: 'cms.hot',
+                    component: '../layouts/BlankLayout',
+                  },
+                ]
+              },
+              {
+                path: '/post',
+                name: '科普管理',
+                icon: 'ReadOutlined',
+                menuCode: 'post',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/post/list',
+                    name: '科普管理',
+                    menuCode: 'post.post',
+                    component: './Post/List',
+                  },
+                  {
+                    path: '/post/edit',
+                    name: '科普编辑',
+                    menuCode: 'post.post',
+                    component: './Post/Edit',
+                    hideInMenu: true,
+                  },
+                ]
+              },
+              {
+                path: '/student',
+                name: '学生管理',
+                icon: 'UserOutlined',
+                menuCode: 'student',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/student/student',
+                    name: '学生管理',
+                    menuCode: 'student.student',
+                    component: '../layouts/BlankLayout',
+                  },
+                ]
+              },
+              {
+                path: '/medical',
+                name: '就医管理',
+                icon: 'BranchesOutlined',
+                menuCode: 'medical',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/medical/visit',
+                    name: '就诊管理',
+                    menuCode: 'medical.visit',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/medical/test',
+                    name: '体检管理',
+                    menuCode: 'medical.test',
+                    component: '../layouts/BlankLayout',
+                  },
+                ]
+              },
+              {
+                path: '/report',
+                name: '数据统计',
+                icon: 'BarChartOutlined',
+                menuCode: 'report',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/report/post',
+                    name: '科普统计',
+                    menuCode: 'report.post',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/report/student',
+                    name: '阅读统计',
+                    menuCode: 'report.student',
+                    component: '../layouts/BlankLayout',
+                  },
+                ]
+              },
+              {
+                path: '/system',
+                name: '系统设置',
+                icon: 'SettingOutlined',
+                menuCode: 'system',
+                component: '../layouts/BlankLayout',
+                routes: [
+                  {
+                    path: '/system/user',
+                    name: '用户管理',
+                    menuCode: 'system.user',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/system/role',
+                    name: '角色管理',
+                    menuCode: 'system.role',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/system/params',
+                    name: '系统参数',
+                    menuCode: 'system.params',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/system/school',
+                    name: '学校管理',
+                    menuCode: 'system.school',
+                    component: '../layouts/BlankLayout',
+                  },
+                  {
+                    path: '/system/clinic',
+                    name: '诊室管理',
+                    menuCode: 'system.clinic',
+                    component: '../layouts/BlankLayout',
+                  },
+                ]
+              },
+              {
+                component: './404',
+              },
+            ],
+          },
+          {
+            component: './404',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    component: './404',
+  },
+];

jest.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  testURL: 'http://localhost:8000',
+  testEnvironment: './tests/PuppeteerEnvironment',
+  verbose: false,
+  globals: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false,
+    localStorage: null,
+  },
+};

jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

mock/listTableList.js

@@ -0,0 +1,178 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { parse } from 'url';
+
+// mock tableListDataSource
+const genList = (current, pageSize) => {
+  const tableListDataSource = [];
+
+  for (let i = 0; i < pageSize; i += 1) {
+    const index = (current - 1) * 10 + i;
+    tableListDataSource.push({
+      key: index,
+      disabled: i % 6 === 0,
+      href: 'https://ant.design',
+      avatar: [
+        'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+        'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+      ][i % 2],
+      name: `TradeCode ${index}`,
+      owner: '曲丽丽',
+      desc: '这是一段描述',
+      callNo: Math.floor(Math.random() * 1000),
+      status: Math.floor(Math.random() * 10) % 4,
+      updatedAt: new Date(),
+      createdAt: new Date(),
+      progress: Math.ceil(Math.random() * 100),
+    });
+  }
+
+  tableListDataSource.reverse();
+  return tableListDataSource;
+};
+
+let tableListDataSource = genList(1, 100);
+
+function getRule(req, res, u) {
+  let realUrl = u;
+
+  if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
+    realUrl = req.url;
+  }
+
+  const { current = 1, pageSize = 10 } = req.query;
+  const params = parse(realUrl, true).query;
+  let dataSource = [...tableListDataSource].slice((current - 1) * pageSize, current * pageSize);
+  const sorter = JSON.parse(params.sorter);
+
+  if (sorter) {
+    dataSource = dataSource.sort((prev, next) => {
+      let sortNumber = 0;
+      Object.keys(sorter).forEach((key) => {
+        if (sorter[key] === 'descend') {
+          if (prev[key] - next[key] > 0) {
+            sortNumber += -1;
+          } else {
+            sortNumber += 1;
+          }
+
+          return;
+        }
+
+        if (prev[key] - next[key] > 0) {
+          sortNumber += 1;
+        } else {
+          sortNumber += -1;
+        }
+      });
+      return sortNumber;
+    });
+  }
+
+  if (params.filter) {
+    const filter = JSON.parse(params.filter);
+
+    if (Object.keys(filter).length > 0) {
+      dataSource = dataSource.filter((item) => {
+        return Object.keys(filter).some((key) => {
+          if (!filter[key]) {
+            return true;
+          }
+
+          if (filter[key].includes(`${item[key]}`)) {
+            return true;
+          }
+
+          return false;
+        });
+      });
+    }
+  }
+
+  if (params.name) {
+    dataSource = dataSource.filter((data) => data.name.includes(params.name || ''));
+  }
+
+  const result = {
+    data: dataSource,
+    total: tableListDataSource.length,
+    success: true,
+    pageSize,
+    current: parseInt(`${params.currentPage}`, 10) || 1,
+  };
+  return res.json(result);
+}
+
+function postRule(req, res, u, b) {
+  let realUrl = u;
+
+  if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
+    realUrl = req.url;
+  }
+
+  const body = (b && b.body) || req.body;
+  const { method, name, desc, key } = body;
+
+  switch (method) {
+    /* eslint no-case-declarations:0 */
+    case 'delete':
+      tableListDataSource = tableListDataSource.filter((item) => key.indexOf(item.key) === -1);
+      break;
+
+    case 'post':
+      (() => {
+        const i = Math.ceil(Math.random() * 10000);
+        const newRule = {
+          key: tableListDataSource.length,
+          href: 'https://ant.design',
+          avatar: [
+            'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
+            'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
+          ][i % 2],
+          name,
+          owner: '曲丽丽',
+          desc,
+          callNo: Math.floor(Math.random() * 1000),
+          status: Math.floor(Math.random() * 10) % 2,
+          updatedAt: new Date(),
+          createdAt: new Date(),
+          progress: Math.ceil(Math.random() * 100),
+        };
+        tableListDataSource.unshift(newRule);
+        return res.json(newRule);
+      })();
+
+      return;
+
+    case 'update':
+      (() => {
+        let newRule = {};
+        tableListDataSource = tableListDataSource.map((item) => {
+          if (item.key === key) {
+            newRule = { ...item, desc, name };
+            return { ...item, desc, name };
+          }
+
+          return item;
+        });
+        return res.json(newRule);
+      })();
+
+      return;
+
+    default:
+      break;
+  }
+
+  const result = {
+    list: tableListDataSource,
+    pagination: {
+      total: tableListDataSource.length,
+    },
+  };
+  res.json(result);
+}
+
+export default {
+  'GET /api/rule': getRule,
+  'POST /api/rule': postRule,
+};

mock/notices.js

@@ -0,0 +1,103 @@
+const getNotices = (req, res) => {
+  res.json([
+    {
+      id: '000000001',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '你收到了 14 份新周报',
+      datetime: '2017-08-09',
+      type: 'notification',
+    },
+    {
+      id: '000000002',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+      title: '你推荐的 曲妮妮 已通过第三轮面试',
+      datetime: '2017-08-08',
+      type: 'notification',
+    },
+    {
+      id: '000000003',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+      title: '这种模板可以区分多种通知类型',
+      datetime: '2017-08-07',
+      read: true,
+      type: 'notification',
+    },
+    {
+      id: '000000004',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+      title: '左侧图标用于区分不同的类型',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000005',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+      title: '内容不要超过两行字，超出时自动截断',
+      datetime: '2017-08-07',
+      type: 'notification',
+    },
+    {
+      id: '000000006',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '曲丽丽 评论了你',
+      description: '描述信息描述信息描述信息',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000007',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '朱偏右 回复了你',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000008',
+      avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+      title: '标题',
+      description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
+      datetime: '2017-08-07',
+      type: 'message',
+      clickClose: true,
+    },
+    {
+      id: '000000009',
+      title: '任务名称',
+      description: '任务需要在 2017-01-12 20:00 前启动',
+      extra: '未开始',
+      status: 'todo',
+      type: 'event',
+    },
+    {
+      id: '000000010',
+      title: '第三方紧急代码变更',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '马上到期',
+      status: 'urgent',
+      type: 'event',
+    },
+    {
+      id: '000000011',
+      title: '信息安全考试',
+      description: '指派竹尔于 2017-01-09 前完成更新并发布',
+      extra: '已耗时 8 天',
+      status: 'doing',
+      type: 'event',
+    },
+    {
+      id: '000000012',
+      title: 'ABCD 版本发布',
+      description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
+      extra: '进行中',
+      status: 'processing',
+      type: 'event',
+    },
+  ]);
+};
+
+export default {
+  'GET /api/notices': getNotices,
+};

mock/route.js

@@ -0,0 +1,7 @@
+export default {
+  '/api/auth_routes': {
+    '/form/advanced-form': {
+      authority: ['admin', 'user'],
+    },
+  },
+};

mock/user.js

@@ -0,0 +1,167 @@
+const waitTime = (time = 100) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(true);
+    }, time);
+  });
+};
+
+async function getFakeCaptcha(req, res) {
+  await waitTime(2000);
+  return res.json('captcha-xxx');
+} // 代码中会兼容本地 service mock 以及部署站点的静态数据
+
+export default {
+  // 支持值为 Object 和 Array
+  'GET /api/currentUser': {
+    name: 'Serati Ma',
+    avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',
+    userid: '00000001',
+    email: 'antdesign@alipay.com',
+    signature: '海纳百川，有容乃大',
+    title: '交互专家',
+    group: '蚂蚁集团－某某某事业群－某某平台部－某某技术部－UED',
+    tags: [
+      {
+        key: '0',
+        label: '很有想法的',
+      },
+      {
+        key: '1',
+        label: '专注设计',
+      },
+      {
+        key: '2',
+        label: '辣~',
+      },
+      {
+        key: '3',
+        label: '大长腿',
+      },
+      {
+        key: '4',
+        label: '川妹子',
+      },
+      {
+        key: '5',
+        label: '海纳百川',
+      },
+    ],
+    notifyCount: 12,
+    unreadCount: 11,
+    country: 'China',
+    geographic: {
+      province: {
+        label: '浙江省',
+        key: '330000',
+      },
+      city: {
+        label: '杭州市',
+        key: '330100',
+      },
+    },
+    address: '西湖区工专路 77 号',
+    phone: '0752-268888888',
+  },
+  // GET POST 可省略
+  'GET /api/users': [
+    {
+      key: '1',
+      name: 'John Brown',
+      age: 32,
+      address: 'New York No. 1 Lake Park',
+    },
+    {
+      key: '2',
+      name: 'Jim Green',
+      age: 42,
+      address: 'London No. 1 Lake Park',
+    },
+    {
+      key: '3',
+      name: 'Joe Black',
+      age: 32,
+      address: 'Sidney No. 1 Lake Park',
+    },
+  ],
+  'POST /api/login/account': async (req, res) => {
+    const { password, userName, type } = req.body;
+    await waitTime(2000);
+
+    if (password === 'ant.design' && userName === 'admin') {
+      res.send({
+        status: 'ok',
+        type,
+        currentAuthority: 'admin',
+      });
+      return;
+    }
+
+    if (password === 'ant.design' && userName === 'user') {
+      res.send({
+        status: 'ok',
+        type,
+        currentAuthority: 'user',
+      });
+      return;
+    }
+
+    if (type === 'mobile') {
+      res.send({
+        status: 'ok',
+        type,
+        currentAuthority: 'admin',
+      });
+      return;
+    }
+
+    res.send({
+      status: 'error',
+      type,
+      currentAuthority: 'guest',
+    });
+  },
+  'POST /api/register': (req, res) => {
+    res.send({
+      status: 'ok',
+      currentAuthority: 'user',
+    });
+  },
+  'GET /api/500': (req, res) => {
+    res.status(500).send({
+      timestamp: 1513932555104,
+      status: 500,
+      error: 'error',
+      message: 'error',
+      path: '/base/category/list',
+    });
+  },
+  'GET /api/404': (req, res) => {
+    res.status(404).send({
+      timestamp: 1513932643431,
+      status: 404,
+      error: 'Not Found',
+      message: 'No message available',
+      path: '/base/category/list/2121212',
+    });
+  },
+  'GET /api/403': (req, res) => {
+    res.status(403).send({
+      timestamp: 1513932555104,
+      status: 403,
+      error: 'Unauthorized',
+      message: 'Unauthorized',
+      path: '/base/category/list',
+    });
+  },
+  'GET /api/401': (req, res) => {
+    res.status(401).send({
+      timestamp: 1513932555104,
+      status: 401,
+      error: 'Unauthorized',
+      message: 'Unauthorized',
+      path: '/base/category/list',
+    });
+  },
+  'GET  /api/login/captcha': getFakeCaptcha,
+};

package.json

@@ -0,0 +1,112 @@
+{
+  "name": "ant-design-pro",
+  "version": "4.5.0",
+  "private": true,
+  "description": "An out-of-box UI solution for enterprise applications",
+  "scripts": {
+    "analyze": "cross-env ANALYZE=1 umi build",
+    "build": "umi build",
+    "deploy": "npm run site && npm run gh-pages",
+    "dev": "npm run start:dev",
+    "fetch:blocks": "pro fetch-blocks && npm run prettier",
+    "gh-pages": "gh-pages -d dist",
+    "i18n-remove": "pro i18n-remove --locale=zh-CN --write",
+    "postinstall": "umi g tmp",
+    "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier",
+    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
+    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",
+    "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
+    "lint:prettier": "prettier --check \"src/**/*\" --end-of-line auto",
+    "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
+    "precommit": "lint-staged",
+    "prettier": "prettier -c --write \"src/**/*\"",
+    "start": "cross-env UMI_ENV=dev umi dev",
+    "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none UMI_ENV=dev umi dev",
+    "start:no-mock": "cross-env MOCK=none UMI_ENV=dev umi dev",
+    "start:no-ui": "cross-env UMI_UI=none UMI_ENV=dev umi dev",
+    "start:pre": "cross-env REACT_APP_ENV=pre UMI_ENV=dev umi dev",
+    "start:test": "cross-env REACT_APP_ENV=test MOCK=none UMI_ENV=dev umi dev",
+    "pretest": "node ./tests/beforeTest",
+    "test": "umi test",
+    "test:all": "node ./tests/run-tests.js",
+    "test:component": "umi test ./src/components",
+    "tsc": "tsc --noEmit"
+  },
+  "lint-staged": {
+    "**/*.less": "stylelint --syntax less",
+    "**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js",
+    "**/*.{js,jsx,tsx,ts,less,md,json}": [
+      "prettier --write"
+    ]
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 10"
+  ],
+  "dependencies": {
+    "@ant-design/icons": "^4.0.0",
+    "@ant-design/pro-descriptions": "^1.2.0",
+    "@ant-design/pro-form": "^1.3.0",
+    "@ant-design/pro-layout": "^6.9.0",
+    "@ant-design/pro-table": "^2.17.0",
+    "@umijs/route-utils": "^1.0.33",
+    "ali-oss": "^6.15.2",
+    "antd": "^4.12.0",
+    "classnames": "^2.2.6",
+    "lodash": "^4.17.11",
+    "md5": "^2.3.0",
+    "moment": "^2.25.3",
+    "omit.js": "^2.0.2",
+    "react": "^16.14.0",
+    "react-dev-inspector": "^1.1.1",
+    "react-dom": "^17.0.0",
+    "react-helmet-async": "^1.0.4",
+    "umi": "^3.4.1",
+    "umi-request": "^1.0.8",
+    "wangeditor": "^4.6.15"
+  },
+  "devDependencies": {
+    "@ant-design/pro-cli": "^1.0.28",
+    "@types/classnames": "^2.2.7",
+    "@types/express": "^4.17.0",
+    "@types/history": "^4.7.2",
+    "@types/jest": "^26.0.0",
+    "@types/lodash": "^4.14.144",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@types/react-helmet": "^6.1.0",
+    "@umijs/fabric": "^2.5.1",
+    "@umijs/plugin-blocks": "^2.0.5",
+    "@umijs/plugin-esbuild": "^1.0.1",
+    "@umijs/preset-ant-design-pro": "^1.2.0",
+    "@umijs/preset-react": "^1.4.8",
+    "@umijs/yorkie": "^2.0.3",
+    "carlo": "^0.9.46",
+    "chalk": "^4.0.0",
+    "cross-env": "^7.0.0",
+    "cross-port-killer": "^1.1.1",
+    "detect-installer": "^1.0.1",
+    "enzyme": "^3.11.0",
+    "eslint": "^7.1.0",
+    "express": "^4.17.1",
+    "gh-pages": "^3.0.0",
+    "jsdom-global": "^3.0.2",
+    "lint-staged": "^10.0.0",
+    "mockjs": "^1.0.1-beta3",
+    "prettier": "^2.0.1",
+    "puppeteer-core": "^8.0.0",
+    "stylelint": "^13.0.0",
+    "typescript": "^4.0.3"
+  },
+  "engines": {
+    "node": ">=10.0.0"
+  },
+  "checkFiles": [
+    "src/**/*.js*",
+    "src/**/*.ts*",
+    "src/**/*.less",
+    "config/**/*.js*",
+    "scripts/**/*.js"
+  ]
+}

public/CNAME

@@ -0,0 +1 @@
+preview.pro.ant.design

public/pro_icon.svg

@@ -0,0 +1,5 @@
+<svg width="42" height="42" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path fill="#070707" d="m6.717392,13.773912l5.6,0c2.8,0 4.7,1.9 4.7,4.7c0,2.8 -2,4.7 -4.9,4.7l-2.5,0l0,4.3l-2.9,0l0,-13.7zm2.9,2.2l0,4.9l1.9,0c1.6,0 2.6,-0.9 2.6,-2.4c0,-1.6 -0.9,-2.4 -2.6,-2.4l-1.9,0l0,-0.1zm8.9,11.5l2.7,0l0,-5.7c0,-1.4 0.8,-2.3 2.2,-2.3c0.4,0 0.8,0.1 1,0.2l0,-2.4c-0.2,-0.1 -0.5,-0.1 -0.8,-0.1c-1.2,0 -2.1,0.7 -2.4,2l-0.1,0l0,-1.9l-2.7,0l0,10.2l0.1,0zm11.7,0.1c-3.1,0 -5,-2 -5,-5.3c0,-3.3 2,-5.3 5,-5.3s5,2 5,5.3c0,3.4 -1.9,5.3 -5,5.3zm0,-2.1c1.4,0 2.2,-1.1 2.2,-3.2c0,-2 -0.8,-3.2 -2.2,-3.2c-1.4,0 -2.2,1.2 -2.2,3.2c0,2.1 0.8,3.2 2.2,3.2z" class="st0" id="Ant-Design-Pro"/>
+ </g>
+</svg>

src/assets/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" version="1.1" viewBox="0 0 200 200"><title>Group 28 Copy 5</title><desc>Created with Sketch.</desc><defs><linearGradient id="linearGradient-1" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285EB"/><stop offset="100%" stop-color="#2EC7FF"/></linearGradient><linearGradient id="linearGradient-2" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29CDFF"/><stop offset="37.86%" stop-color="#148EFF"/><stop offset="100%" stop-color="#0A60FF"/></linearGradient><linearGradient id="linearGradient-3" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#FA816E"/><stop offset="41.473%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient><linearGradient id="linearGradient-4" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#FA8E7D"/><stop offset="51.264%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="logo" transform="translate(-20.000000, -20.000000)"><g id="Group-28-Copy-5" transform="translate(20.000000, 20.000000)"><g id="Group-27-Copy-3"><g id="Group-25" fill-rule="nonzero"><g id="2"><path id="Shape" fill="url(#linearGradient-1)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/><path id="Shape" fill="url(#linearGradient-2)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/></g><path id="Shape" fill="url(#linearGradient-3)" d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"/></g><ellipse id="Combined-Shape" cx="100.519" cy="100.437" fill="url(#linearGradient-4)" rx="23.6" ry="23.581"/></g></g></g></g></svg>

src/components/Authorized/Authorized.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Result } from 'antd';
+import check from './CheckPermissions';
+
+const Authorized = ({
+  children,
+  authority,
+  noMatch = (
+    <Result
+      status="403"
+      title="403"
+      subTitle="Sorry, you are not authorized to access this page."
+    />
+  ),
+}) => {
+  const childrenRender = typeof children === 'undefined' ? null : children;
+  const dom = check(authority, childrenRender, noMatch);
+  return <>{dom}</>;
+};
+
+export default Authorized;

src/components/Authorized/AuthorizedRoute.jsx

@@ -0,0 +1,25 @@
+import { Redirect, Route } from 'umi';
+import React from 'react';
+import Authorized from './Authorized';
+
+const AuthorizedRoute = ({ component: Component, render, authority, redirectPath, ...rest }) => (
+  <Authorized
+    authority={authority}
+    noMatch={
+      <Route
+        {...rest}
+        render={() => (
+          <Redirect
+            to={{
+              pathname: redirectPath,
+            }}
+          />
+        )}
+      />
+    }
+  >
+    <Route {...rest} render={(props) => (Component ? <Component {...props} /> : render(props))} />
+  </Authorized>
+);
+
+export default AuthorizedRoute;

src/components/Authorized/CheckPermissions.jsx

@@ -0,0 +1,73 @@
+import React from 'react';
+import { CURRENT } from './renderAuthorize'; // eslint-disable-next-line import/no-cycle
+
+import PromiseRender from './PromiseRender';
+
+/**
+ * 通用权限检查方法 Common check permissions method
+ *
+ * @param { 权限判定 | Permission judgment } authority
+ * @param { 你的权限 | Your permission description } currentAuthority
+ * @param { 通过的组件 | Passing components } target
+ * @param { 未通过的组件 | no pass components } Exception
+ */
+const checkPermissions = (authority, currentAuthority, target, Exception) => {
+  // 没有判定权限.默认查看所有
+  // Retirement authority, return target;
+  if (!authority) {
+    return target;
+  } // 数组处理
+
+  if (Array.isArray(authority)) {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some((item) => authority.includes(item))) {
+        return target;
+      }
+    } else if (authority.includes(currentAuthority)) {
+      return target;
+    }
+
+    return Exception;
+  } // string 处理
+
+  if (typeof authority === 'string') {
+    if (Array.isArray(currentAuthority)) {
+      if (currentAuthority.some((item) => authority === item)) {
+        return target;
+      }
+    } else if (authority === currentAuthority) {
+      return target;
+    }
+
+    return Exception;
+  } // Promise 处理
+
+  if (authority instanceof Promise) {
+    return <PromiseRender ok={target} error={Exception} promise={authority} />;
+  } // Function 处理
+
+  if (typeof authority === 'function') {
+    const bool = authority(currentAuthority); // 函数执行后返回值是 Promise
+
+    if (bool instanceof Promise) {
+      return <PromiseRender ok={target} error={Exception} promise={bool} />;
+    }
+
+    if (bool) {
+      return target;
+    }
+
+    return Exception;
+  }
+
+  throw new Error('unsupported parameters');
+};
+
+export { checkPermissions };
+
+function check(authority, target, Exception) {
+  const permit = typeof CURRENT === 'function' ? CURRENT() : CURRENT
+  return checkPermissions(authority, permit, target, Exception);
+}
+
+export default check;

src/components/Authorized/PromiseRender.jsx

@@ -0,0 +1,78 @@
+import React from 'react';
+import { Spin } from 'antd';
+import isEqual from 'lodash/isEqual';
+import { isComponentClass } from './Secured'; // eslint-disable-next-line import/no-cycle
+
+export default class PromiseRender extends React.Component {
+  state = {
+    component: () => null,
+  };
+
+  componentDidMount() {
+    this.setRenderComponent(this.props);
+  }
+
+  shouldComponentUpdate = (nextProps, nextState) => {
+    const { component } = this.state;
+
+    if (!isEqual(nextProps, this.props)) {
+      this.setRenderComponent(nextProps);
+    }
+
+    if (nextState.component !== component) return true;
+    return false;
+  }; // set render Component : ok or error
+
+  setRenderComponent(props) {
+    const ok = this.checkIsInstantiation(props.ok);
+    const error = this.checkIsInstantiation(props.error);
+    props.promise
+      .then(() => {
+        this.setState({
+          component: ok,
+        });
+        return true;
+      })
+      .catch(() => {
+        this.setState({
+          component: error,
+        });
+      });
+  } // Determine whether the incoming component has been instantiated
+  // AuthorizedRoute is already instantiated
+  // Authorized  render is already instantiated, children is no instantiated
+  // Secured is not instantiated
+
+  checkIsInstantiation = (target) => {
+    if (isComponentClass(target)) {
+      const Target = target;
+      return (props) => <Target {...props} />;
+    }
+
+    if (React.isValidElement(target)) {
+      return (props) => React.cloneElement(target, props);
+    }
+
+    return () => target;
+  };
+
+  render() {
+    const { component: Component } = this.state;
+    const { ok, error, promise, ...rest } = this.props;
+    return Component ? (
+      <Component {...rest} />
+    ) : (
+      <div
+        style={{
+          width: '100%',
+          height: '100%',
+          margin: 'auto',
+          paddingTop: 50,
+          textAlign: 'center',
+        }}
+      >
+        <Spin size="large" />
+      </div>
+    );
+  }
+}

src/components/Authorized/Secured.jsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import CheckPermissions from './CheckPermissions';
+/** 默认不能访问任何页面 default is "NULL" */
+
+const Exception403 = () => 403;
+
+export const isComponentClass = (component) => {
+  if (!component) return false;
+  const proto = Object.getPrototypeOf(component);
+  if (proto === React.Component || proto === Function.prototype) return true;
+  return isComponentClass(proto);
+}; // Determine whether the incoming component has been instantiated
+// AuthorizedRoute is already instantiated
+// Authorized  render is already instantiated, children is no instantiated
+// Secured is not instantiated
+
+const checkIsInstantiation = (target) => {
+  if (isComponentClass(target)) {
+    const Target = target;
+    return (props) => <Target {...props} />;
+  }
+
+  if (React.isValidElement(target)) {
+    return (props) => React.cloneElement(target, props);
+  }
+
+  return () => target;
+};
+/**
+ * 用于判断是否拥有权限访问此 view 权限 authority 支持传入 string, () => boolean | Promise e.g. 'user' 只有 user 用户能访问
+ * e.g. 'user,admin' user 和 admin 都能访问 e.g. ()=>boolean 返回true能访问,返回false不能访问 e.g. Promise then 能访问
+ * catch不能访问 e.g. authority support incoming string, () => boolean | Promise e.g. 'user' only user
+ * user can access e.g. 'user, admin' user and admin can access e.g. () => boolean true to be able
+ * to visit, return false can not be accessed e.g. Promise then can not access the visit to catch
+ *
+ * @param {string | function | Promise} authority
+ * @param {ReactNode} error 非必需参数
+ */
+
+const authorize = (authority, error) => {
+  /**
+   * Conversion into a class 防止传入字符串时找不到staticContext造成报错 String parameters can cause staticContext
+   * not found error
+   */
+  let classError = false;
+
+  if (error) {
+    classError = () => error;
+  }
+
+  if (!authority) {
+    throw new Error('authority is required');
+  }
+
+  return function decideAuthority(target) {
+    const component = CheckPermissions(authority, target, classError || Exception403);
+    return checkIsInstantiation(component);
+  };
+};
+
+export default authorize;

src/components/Authorized/index.jsx

@@ -0,0 +1,9 @@
+import Authorized from './Authorized';
+import Secured from './Secured';
+import check from './CheckPermissions';
+import renderAuthorize from './renderAuthorize';
+
+Authorized.Secured = Secured;
+Authorized.check = check;
+const RenderAuthorize = renderAuthorize(Authorized);
+export default RenderAuthorize;

src/components/Authorized/renderAuthorize.js

@@ -0,0 +1,17 @@
+/* eslint-disable eslint-comments/disable-enable-pair */
+
+/* eslint-disable import/no-mutable-exports */
+let CURRENT;
+
+/**
+ * Use authority or getAuthority
+ *
+ * @param {string|()=>String} currentAuthority
+ */
+const renderAuthorize = (Authorized) => (currentAuthority) => {
+  CURRENT = currentAuthority
+  return Authorized;
+};
+
+export { CURRENT };
+export default (Authorized) => renderAuthorize(Authorized);

src/components/Container/index.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { Spin } from 'antd'
+
+export default (props) => {
+  const loading = typeof props.loading === 'boolean' ? props.loading : false
+
+  return (
+    <Spin spinning={loading} tip={props.loadingTip}>
+      <div style={{ background: '#fff', padding: '2em' }}>{props.children}</div>
+    </Spin>
+  )
+}

src/components/GlobalHeader/AvatarDropdown.jsx

@@ -0,0 +1,65 @@
+import { LogoutOutlined } from '@ant-design/icons';
+import { Avatar, Menu, Spin } from 'antd';
+import React from 'react';
+import { history, connect } from 'umi';
+import HeaderDropdown from '../HeaderDropdown';
+import styles from './index.less';
+
+class AvatarDropdown extends React.Component {
+  onMenuClick = (event) => {
+    const { key } = event;
+
+    if (key === 'logout') {
+      const { dispatch } = this.props;
+
+      if (dispatch) {
+        dispatch({
+          type: 'login/logout',
+        });
+      }
+
+      return;
+    }
+
+    history.push(`/account/${key}`);
+  };
+
+  render() {
+    const {
+      currentUser = {
+        avatar: '',
+        userName: '',
+      },
+    } = this.props;
+    const menuHeaderDropdown = (
+      <Menu className={styles.menu} selectedKeys={[]} onClick={this.onMenuClick}>
+        <Menu.Item key="logout">
+          <LogoutOutlined />
+          退出登录
+        </Menu.Item>
+      </Menu>
+    );
+    return currentUser && currentUser.userName ? (
+      <HeaderDropdown overlay={menuHeaderDropdown}>
+        <span className={`${styles.action} ${styles.account}`}>
+          <Avatar size="small" className={styles.avatar} src={currentUser.avatar || 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'} alt="avatar" />
+          <span className={`${styles.name} anticon`}>{currentUser.userName}</span>
+        </span>
+      </HeaderDropdown>
+    ) : (
+      <span className={`${styles.action} ${styles.account}`}>
+        <Spin
+          size="small"
+          style={{
+            marginLeft: 8,
+            marginRight: 8,
+          }}
+        />
+      </span>
+    );
+  }
+}
+
+export default connect(({ user }) => ({
+  currentUser: user.currentUser,
+}))(AvatarDropdown);

src/components/GlobalHeader/NoticeIconView.jsx

@@ -0,0 +1,153 @@
+import { Component } from 'react';
+import { connect } from 'umi';
+import { Tag, message } from 'antd';
+import groupBy from 'lodash/groupBy';
+import moment from 'moment';
+import NoticeIcon from '../NoticeIcon';
+import styles from './index.less';
+
+class GlobalHeaderRight extends Component {
+  componentDidMount() {
+    const { dispatch } = this.props;
+
+    if (dispatch) {
+      dispatch({
+        type: 'global/fetchNotices',
+      });
+    }
+  }
+
+  changeReadState = (clickedItem) => {
+    const { id } = clickedItem;
+    const { dispatch } = this.props;
+
+    if (dispatch) {
+      dispatch({
+        type: 'global/changeNoticeReadState',
+        payload: id,
+      });
+    }
+  };
+  handleNoticeClear = (title, key) => {
+    const { dispatch } = this.props;
+    message.success(`${'清空了'} ${title}`);
+
+    if (dispatch) {
+      dispatch({
+        type: 'global/clearNotices',
+        payload: key,
+      });
+    }
+  };
+  getNoticeData = () => {
+    const { notices = [] } = this.props;
+
+    if (!notices || notices.length === 0 || !Array.isArray(notices)) {
+      return {};
+    }
+
+    const newNotices = notices.map((notice) => {
+      const newNotice = { ...notice };
+
+      if (newNotice.datetime) {
+        newNotice.datetime = moment(notice.datetime).fromNow();
+      }
+
+      if (newNotice.id) {
+        newNotice.key = newNotice.id;
+      }
+
+      if (newNotice.extra && newNotice.status) {
+        const color = {
+          todo: '',
+          processing: 'blue',
+          urgent: 'red',
+          doing: 'gold',
+        }[newNotice.status];
+        newNotice.extra = (
+          <Tag
+            color={color}
+            style={{
+              marginRight: 0,
+            }}
+          >
+            {newNotice.extra}
+          </Tag>
+        );
+      }
+
+      return newNotice;
+    });
+    return groupBy(newNotices, 'type');
+  };
+  getUnreadData = (noticeData) => {
+    const unreadMsg = {};
+    Object.keys(noticeData).forEach((key) => {
+      const value = noticeData[key];
+
+      if (!unreadMsg[key]) {
+        unreadMsg[key] = 0;
+      }
+
+      if (Array.isArray(value)) {
+        unreadMsg[key] = value.filter((item) => !item.read).length;
+      }
+    });
+    return unreadMsg;
+  };
+
+  render() {
+    const { currentUser, fetchingNotices, onNoticeVisibleChange } = this.props;
+    const noticeData = this.getNoticeData();
+    const unreadMsg = this.getUnreadData(noticeData);
+    return (
+      <NoticeIcon
+        className={styles.action}
+        count={currentUser && currentUser.unreadCount}
+        onItemClick={(item) => {
+          this.changeReadState(item);
+        }}
+        loading={fetchingNotices}
+        clearText="清空"
+        viewMoreText="查看更多"
+        onClear={this.handleNoticeClear}
+        onPopupVisibleChange={onNoticeVisibleChange}
+        onViewMore={() => message.info('Click on view more')}
+        clearClose
+      >
+        <NoticeIcon.Tab
+          tabKey="notification"
+          count={unreadMsg.notification}
+          list={noticeData.notification}
+          title="通知"
+          emptyText="你已查看所有通知"
+          showViewMore
+        />
+        <NoticeIcon.Tab
+          tabKey="message"
+          count={unreadMsg.message}
+          list={noticeData.message}
+          title="消息"
+          emptyText="您已读完所有消息"
+          showViewMore
+        />
+        <NoticeIcon.Tab
+          tabKey="event"
+          title="待办"
+          emptyText="你已完成所有待办"
+          count={unreadMsg.event}
+          list={noticeData.event}
+          showViewMore
+        />
+      </NoticeIcon>
+    );
+  }
+}
+
+export default connect(({ user, global, loading }) => ({
+  currentUser: user.currentUser,
+  collapsed: global.collapsed,
+  fetchingMoreNotices: loading.effects['global/fetchMoreNotices'],
+  fetchingNotices: loading.effects['global/fetchNotices'],
+  notices: global.notices,
+}))(GlobalHeaderRight);

src/components/GlobalHeader/RightContent.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+// import { connect, SelectLang } from 'umi';
+import { connect } from 'umi';
+import Avatar from './AvatarDropdown';
+import styles from './index.less';
+
+const GlobalHeaderRight = (props) => {
+  const { theme, layout } = props;
+  let className = styles.right;
+
+  if (theme === 'dark' && layout === 'top') {
+    className = `${styles.right}  ${styles.dark}`;
+  }
+
+  return (
+    <div className={className}>
+      <Avatar />
+    </div>
+  );
+};
+
+export default connect(({ settings }) => ({
+  theme: settings.navTheme,
+  layout: settings.layout,
+}))(GlobalHeaderRight);

src/components/GlobalHeader/index.less

@@ -0,0 +1,82 @@
+@import '~antd/es/style/themes/default.less';
+
+@pro-header-hover-bg: rgba(0, 0, 0, 0.025);
+
+.menu {
+  :global(.anticon) {
+    margin-right: 8px;
+  }
+  :global(.ant-dropdown-menu-item) {
+    min-width: 160px;
+  }
+}
+
+.right {
+  display: flex;
+  float: right;
+  height: 48px;
+  margin-left: auto;
+  overflow: hidden;
+  .action {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 12px;
+    cursor: pointer;
+    transition: all 0.3s;
+    > span {
+      vertical-align: middle;
+    }
+    &:hover {
+      background: @pro-header-hover-bg;
+    }
+    &:global(.opened) {
+      background: @pro-header-hover-bg;
+    }
+  }
+  .search {
+    padding: 0 12px;
+    &:hover {
+      background: transparent;
+    }
+  }
+  .account {
+    .avatar {
+      margin: ~'calc((@{layout-header-height} - 24px) / 2)' 0;
+      margin-right: 8px;
+      color: @primary-color;
+      vertical-align: top;
+      background: rgba(255, 255, 255, 0.85);
+    }
+  }
+}
+
+.dark {
+  .action {
+    color: rgba(255, 255, 255, 0.85);
+    > span {
+      color: rgba(255, 255, 255, 0.85);
+    }
+    &:hover,
+    &:global(.opened) {
+      background: @primary-color;
+    }
+  }
+}
+
+:global(.ant-pro-global-header) {
+  .dark {
+    .action {
+      color: @text-color;
+      > span {
+        color: @text-color;
+      }
+      &:hover {
+        color: rgba(255, 255, 255, 0.85);
+        > span {
+          color: rgba(255, 255, 255, 0.85);
+        }
+      }
+    }
+  }
+}

src/components/HeaderDropdown/index.jsx

@@ -0,0 +1,10 @@
+import { Dropdown } from 'antd';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './index.less';
+
+const HeaderDropdown = ({ overlayClassName: cls, ...restProps }) => (
+  <Dropdown overlayClassName={classNames(styles.container, cls)} {...restProps} />
+);
+
+export default HeaderDropdown;

src/components/HeaderDropdown/index.less

@@ -0,0 +1,16 @@
+@import '~antd/es/style/themes/default.less';
+
+.container > * {
+  background-color: @popover-bg;
+  border-radius: 4px;
+  box-shadow: @shadow-1-down;
+}
+
+@media screen and (max-width: @screen-xs) {
+  .container {
+    width: 100% !important;
+  }
+  .container > * {
+    border-radius: 0 !important;
+  }
+}

src/components/HeaderSearch/index.jsx

@@ -0,0 +1,86 @@
+import { SearchOutlined } from '@ant-design/icons';
+import { AutoComplete, Input } from 'antd';
+import useMergedState from 'rc-util/es/hooks/useMergedState';
+import React, { useRef } from 'react';
+import classNames from 'classnames';
+import styles from './index.less';
+
+const HeaderSearch = (props) => {
+  const {
+    className,
+    defaultValue,
+    onVisibleChange,
+    placeholder,
+    open,
+    defaultOpen,
+    ...restProps
+  } = props;
+  const inputRef = useRef(null);
+  const [value, setValue] = useMergedState(defaultValue, {
+    value: props.value,
+    onChange: props.onChange,
+  });
+  const [searchMode, setSearchMode] = useMergedState(defaultOpen ?? false, {
+    value: props.open,
+    onChange: onVisibleChange,
+  });
+  const inputClass = classNames(styles.input, {
+    [styles.show]: searchMode,
+  });
+  return (
+    <div
+      className={classNames(className, styles.headerSearch)}
+      onClick={() => {
+        setSearchMode(true);
+
+        if (searchMode && inputRef.current) {
+          inputRef.current.focus();
+        }
+      }}
+      onTransitionEnd={({ propertyName }) => {
+        if (propertyName === 'width' && !searchMode) {
+          if (onVisibleChange) {
+            onVisibleChange(searchMode);
+          }
+        }
+      }}
+    >
+      <SearchOutlined
+        key="Icon"
+        style={{
+          cursor: 'pointer',
+        }}
+      />
+      <AutoComplete
+        key="AutoComplete"
+        className={inputClass}
+        value={value}
+        style={{
+          height: 28,
+          marginTop: -6,
+        }}
+        options={restProps.options}
+        onChange={setValue}
+      >
+        <Input
+          ref={inputRef}
+          defaultValue={defaultValue}
+          aria-label={placeholder}
+          placeholder={placeholder}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter') {
+              if (restProps.onSearch) {
+                restProps.onSearch(value);
+              }
+            }
+          }}
+          onBlur={() => {
+            setSearchMode(false);
+          }}
+        />
+      </AutoComplete>
+    </div>
+  );
+};
+
+export default HeaderSearch;

src/components/HeaderSearch/index.less

@@ -0,0 +1,30 @@
+@import '~antd/es/style/themes/default.less';
+
+.headerSearch {
+  .input {
+    width: 0;
+    min-width: 0;
+    overflow: hidden;
+    background: transparent;
+    border-radius: 0;
+    transition: width 0.3s, margin-left 0.3s;
+    :global(.ant-select-selection) {
+      background: transparent;
+    }
+    input {
+      padding-right: 0;
+      padding-left: 0;
+      border: 0;
+      box-shadow: none !important;
+    }
+    &,
+    &:hover,
+    &:focus {
+      border-bottom: 1px solid @border-color-base;
+    }
+    &.show {
+      width: 210px;
+      margin-left: 8px;
+    }
+  }
+}

src/components/NoticeIcon/NoticeList.jsx

@@ -0,0 +1,97 @@
+import { Avatar, List } from 'antd';
+import React from 'react';
+import classNames from 'classnames';
+import styles from './NoticeList.less';
+
+const NoticeList = ({
+  data = [],
+  onClick,
+  onClear,
+  title,
+  onViewMore,
+  emptyText,
+  showClear = true,
+  clearText,
+  viewMoreText,
+  showViewMore = false,
+}) => {
+  if (!data || data.length === 0) {
+    return (
+      <div className={styles.notFound}>
+        <img
+          src="https://gw.alipayobjects.com/zos/rmsportal/sAuJeJzSKbUmHfBQRzmZ.svg"
+          alt="not found"
+        />
+        <div>{emptyText}</div>
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <List
+        className={styles.list}
+        dataSource={data}
+        renderItem={(item, i) => {
+          const itemCls = classNames(styles.item, {
+            [styles.read]: item.read,
+          }); // eslint-disable-next-line no-nested-ternary
+
+          const leftIcon = item.avatar ? (
+            typeof item.avatar === 'string' ? (
+              <Avatar className={styles.avatar} src={item.avatar} />
+            ) : (
+              <span className={styles.iconElement}>{item.avatar}</span>
+            )
+          ) : null;
+          return (
+            <List.Item
+              className={itemCls}
+              key={item.key || i}
+              onClick={() => {
+                onClick?.(item);
+              }}
+            >
+              <List.Item.Meta
+                className={styles.meta}
+                avatar={leftIcon}
+                title={
+                  <div className={styles.title}>
+                    {item.title}
+                    <div className={styles.extra}>{item.extra}</div>
+                  </div>
+                }
+                description={
+                  <div>
+                    <div className={styles.description}>{item.description}</div>
+                    <div className={styles.datetime}>{item.datetime}</div>
+                  </div>
+                }
+              />
+            </List.Item>
+          );
+        }}
+      />
+      <div className={styles.bottomBar}>
+        {showClear ? (
+          <div onClick={onClear}>
+            {clearText} {title}
+          </div>
+        ) : null}
+        {showViewMore ? (
+          <div
+            onClick={(e) => {
+              if (onViewMore) {
+                onViewMore(e);
+              }
+            }}
+          >
+            {viewMoreText}
+          </div>
+        ) : null}
+      </div>
+    </div>
+  );
+};
+
+export default NoticeList;

src/components/NoticeIcon/NoticeList.less

@@ -0,0 +1,103 @@
+@import '~antd/es/style/themes/default.less';
+
+.list {
+  max-height: 400px;
+  overflow: auto;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  .item {
+    padding-right: 24px;
+    padding-left: 24px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    .meta {
+      width: 100%;
+    }
+
+    .avatar {
+      margin-top: 4px;
+      background: @component-background;
+    }
+    .iconElement {
+      font-size: 32px;
+    }
+
+    &.read {
+      opacity: 0.4;
+    }
+    &:last-child {
+      border-bottom: 0;
+    }
+    &:hover {
+      background: @primary-1;
+    }
+    .title {
+      margin-bottom: 8px;
+      font-weight: normal;
+    }
+    .description {
+      font-size: 12px;
+      line-height: @line-height-base;
+    }
+    .datetime {
+      margin-top: 4px;
+      font-size: 12px;
+      line-height: @line-height-base;
+    }
+    .extra {
+      float: right;
+      margin-top: -1.5px;
+      margin-right: 0;
+      color: @text-color-secondary;
+      font-weight: normal;
+    }
+  }
+  .loadMore {
+    padding: 8px 0;
+    color: @primary-6;
+    text-align: center;
+    cursor: pointer;
+    &.loadedAll {
+      color: rgba(0, 0, 0, 0.25);
+      cursor: unset;
+    }
+  }
+}
+
+.notFound {
+  padding: 73px 0 88px;
+  color: @text-color-secondary;
+  text-align: center;
+  img {
+    display: inline-block;
+    height: 76px;
+    margin-bottom: 16px;
+  }
+}
+
+.bottomBar {
+  height: 46px;
+  color: @text-color;
+  line-height: 46px;
+  text-align: center;
+  border-top: 1px solid @border-color-split;
+  border-radius: 0 0 @border-radius-base @border-radius-base;
+  transition: all 0.3s;
+  div {
+    display: inline-block;
+    width: 50%;
+    cursor: pointer;
+    transition: all 0.3s;
+    user-select: none;
+
+    &:only-child {
+      width: 100%;
+    }
+    &:not(:only-child):last-child {
+      border-left: 1px solid @border-color-split;
+    }
+  }
+}

src/components/NoticeIcon/index.jsx

@@ -0,0 +1,118 @@
+import { BellOutlined } from '@ant-design/icons';
+import { Badge, Spin, Tabs } from 'antd';
+import useMergedState from 'rc-util/es/hooks/useMergedState';
+import React from 'react';
+import classNames from 'classnames';
+import NoticeList from './NoticeList';
+import HeaderDropdown from '../HeaderDropdown';
+import styles from './index.less';
+const { TabPane } = Tabs;
+
+const NoticeIcon = (props) => {
+  const getNotificationBox = () => {
+    const {
+      children,
+      loading,
+      onClear,
+      onTabChange,
+      onItemClick,
+      onViewMore,
+      clearText,
+      viewMoreText,
+    } = props;
+
+    if (!children) {
+      return null;
+    }
+
+    const panes = [];
+    React.Children.forEach(children, (child) => {
+      if (!child) {
+        return;
+      }
+
+      const { list, title, count, tabKey, showClear, showViewMore } = child.props;
+      const len = list && list.length ? list.length : 0;
+      const msgCount = count || count === 0 ? count : len;
+      const tabTitle = msgCount > 0 ? `${title} (${msgCount})` : title;
+      panes.push(
+        <TabPane tab={tabTitle} key={tabKey}>
+          <NoticeList
+            {...child.props}
+            clearText={clearText}
+            viewMoreText={viewMoreText}
+            data={list}
+            onClear={() => {
+              onClear?.(title, tabKey);
+            }}
+            onClick={(item) => {
+              onItemClick?.(item, child.props);
+            }}
+            onViewMore={(event) => {
+              onViewMore?.(child.props, event);
+            }}
+            showClear={showClear}
+            showViewMore={showViewMore}
+            title={title}
+          />
+        </TabPane>,
+      );
+    });
+    return (
+      <Spin spinning={loading} delay={300}>
+        <Tabs className={styles.tabs} onChange={onTabChange}>
+          {panes}
+        </Tabs>
+      </Spin>
+    );
+  };
+
+  const { className, count, bell } = props;
+  const [visible, setVisible] = useMergedState(false, {
+    value: props.popupVisible,
+    onChange: props.onPopupVisibleChange,
+  });
+  const noticeButtonClass = classNames(className, styles.noticeButton);
+  const notificationBox = getNotificationBox();
+  const NoticeBellIcon = bell || <BellOutlined className={styles.icon} />;
+  const trigger = (
+    <span
+      className={classNames(noticeButtonClass, {
+        opened: visible,
+      })}
+    >
+      <Badge
+        count={count}
+        style={{
+          boxShadow: 'none',
+        }}
+        className={styles.badge}
+      >
+        {NoticeBellIcon}
+      </Badge>
+    </span>
+  );
+
+  if (!notificationBox) {
+    return trigger;
+  }
+
+  return (
+    <HeaderDropdown
+      placement="bottomRight"
+      overlay={notificationBox}
+      overlayClassName={styles.popover}
+      trigger={['click']}
+      visible={visible}
+      onVisibleChange={setVisible}
+    >
+      {trigger}
+    </HeaderDropdown>
+  );
+};
+
+NoticeIcon.defaultProps = {
+  emptyImage: 'https://gw.alipayobjects.com/zos/rmsportal/wAhyIChODzsoKIOBHcBk.svg',
+};
+NoticeIcon.Tab = NoticeList;
+export default NoticeIcon;

src/components/NoticeIcon/index.less

@@ -0,0 +1,35 @@
+@import '~antd/es/style/themes/default.less';
+
+.popover {
+  position: relative;
+  width: 336px;
+}
+
+.noticeButton {
+  display: inline-block;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.icon {
+  padding: 4px;
+  vertical-align: middle;
+}
+
+.badge {
+  font-size: 16px;
+}
+
+.tabs {
+  :global {
+    .ant-tabs-nav-list {
+      margin: auto;
+    }
+
+    .ant-tabs-nav-scroll {
+      text-align: center;
+    }
+    .ant-tabs-bar {
+      margin-bottom: 0;
+    }
+  }
+}

src/components/PageLoading/index.jsx

@@ -0,0 +1,4 @@
+import { PageLoading } from '@ant-design/pro-layout'; // loading components from code split
+// https://umijs.org/plugin/umi-plugin-react.html#dynamicimport
+
+export default PageLoading;

src/components/UploadImage/index.jsx

@@ -0,0 +1,43 @@
+import React, { useState, useCallback } from 'react'
+import { Upload, notification } from 'antd'
+import { LoadingOutlined, PlusOutlined } from '@ant-design/icons'
+import uploadFile from '@/utils/uploadFile'
+
+export default (props) => {
+  const [loading, setLoading] = useState(false)
+
+  const handleChange = useCallback(({ file }) => {
+    switch (file.status) {
+      case 'done':
+        setLoading(false)
+        props.onChange(file.response)
+        break
+      case 'error':
+        setLoading(false)
+        notification.error({ message: file.error })
+      break
+      default:
+        setLoading(true)
+    }
+  }, [props])
+
+  return (
+    <Upload
+      accept=".png, .jpg, .jpeg, .gif"
+      listType="picture-card"
+      className="avatar-uploader"
+      showUploadList={false}
+      customRequest={uploadFile}
+      onChange={handleChange}
+    >
+      {
+        props.value ?
+          <img src={props.value} width="100%" alt="" /> :
+          <div>
+            {loading ? <LoadingOutlined /> : <PlusOutlined />}
+            <div style={{ marginTop: 8 }}>上传</div>
+          </div>
+      }
+    </Upload>
+  )
+}

src/components/WangEditor/Preview.jsx

@@ -0,0 +1,42 @@
+import React, { useEffect, useRef } from 'react'
+import { Modal } from 'antd'
+
+export default props => {
+  const ref = useRef()
+
+  useEffect(() => {
+    let t = null
+    if (props.visible) {
+      // 防止 postMessage 的时候 iframe 内容还没有加载完成
+      t = setInterval(() => {
+        // window.preViewFrame.window.postMessage(props.html, '*')
+        if (ref.current) {
+          ref.current.contentWindow.postMessage(props.html, '*')
+        }
+      }, 800)
+    }
+
+    return () => t && clearInterval(t)
+  }, [props.visible, props.html])
+
+  return (
+    <Modal
+      visible={props.visible}
+      wrapClassName="editor-preivew-modal-content"
+      width={props.width}
+      bodyStyle={props.style}
+      footer={null}
+      closable={false}
+      title={null}
+      onCancel={props.onCancel}
+      >
+      <iframe
+        ref={ref}
+        style={{width: '100%', height: '100%'}}
+        src={`${window.location.origin}/preview-html/index.html`}
+        frameBorder={0}
+        name="preViewFrame"
+      ></iframe>
+    </Modal>
+  )
+}

src/components/WangEditor/PreviewMenu.js

@@ -0,0 +1,27 @@
+import E from 'wangeditor'
+
+const { BtnMenu } = E
+
+class PreViewMenu extends BtnMenu {
+  constructor(editor) {
+    // data-title属性表示当鼠标悬停在该按钮上时提示该按钮的功能简述
+      const $elem = E.$(
+          `<div class="w-e-menu" data-title="预览">
+            <i>预览</i>
+          </div>`
+      )
+      super($elem, editor)
+      this.editor = editor
+      // <i class="w-e-icon-fullscreen"></i>
+  }
+
+  static preview() {}
+
+  clickHandler() {
+    PreViewMenu.preview(this.editor.txt.html())
+  }
+
+  tryChangeActive(){}
+}
+
+export default PreViewMenu

src/components/WangEditor/WangEditor.jsx

@@ -0,0 +1,119 @@
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import E from 'wangeditor';
+import PreviewMenu from './PreviewMenu'
+import Preview from './Preview'
+import { fetch, apis } from '../../utils/request';
+
+export default props => {
+  const ref = useRef()
+  const editorRef = useRef()
+  const [preview, setPreview] = useState(false)
+  const [content, setContent] = useState()
+
+  // wangeditor 有bug, 初始先触发 onchange
+  const firstChanged = useRef(false)
+
+  const initEditor = useCallback(() => {
+    const editor = new E(ref.current)
+    editorRef.current = editor
+    
+    // 取消自动 focus
+    editor.config.focus = false
+
+    // 触发 change
+    editor.config.onchange = html => {
+      // 规避 bug
+      if (!firstChanged.current) {
+        firstChanged.current = true
+        return
+      }
+
+      setContent(html)
+
+      if (typeof props.onChange === 'function') {
+        props.onChange(html)
+      }
+    }
+
+    editor.config.zIndex = 100
+
+    // 自定义图片上传
+    editor.config.uploadImgMaxLength = 1
+    editor.config.customUploadImg = function (files, insert) {
+      if (!files.length) return
+      
+      const data = new FormData()
+      data.append('file', files[0])
+      fetch(apis.image.upload)({data}).then(insert)
+    }
+
+    // 扩展预览按钮
+    editor.menus.extend('previewMenu', PreviewMenu)
+    PreviewMenu.preview = (html) => setPreview(true)
+
+    // 配置菜单
+    editor.config.menus = [
+      'head',  // 标题
+      'bold',  // 粗体
+      'fontSize',  // 字号
+      'fontName',  // 字体
+      'italic',  // 斜体
+      'underline',  // 下划线
+      'strikeThrough',  // 删除线
+      'foreColor',  // 文字颜色
+      'backColor',  // 背景颜色
+      'list',  // 列表
+      'justify',  // 对齐方式
+      'quote',  // 引用
+      'image',  // 插入图片
+      'undo',  // 撤销
+      'redo',  // 重复
+      'previewMenu'
+    ]
+
+    // 过滤 word 字符
+    editor.config.pasteFilterStyle = false
+    editor.config.pasteTextHandle = ctt => {
+      const regs = [
+        /<!--\[if [\s\S]*?endif\]-->/ig,
+        /<[a-zA-Z0-9]+\:[^>]+>[^>]*<\/[a-zA-Z0-9]+\:[^>]+>/ig,
+        /<[a-zA-Z0-9]+\:[^>]+\/>/ig,
+        /<style>[\s\S]*?<\/style>/ig,
+        new RegExp('\u2029', 'ig'),     // 替换word分隔符 序号 8233
+      ]
+
+      return regs.reduce((acc, reg) => {
+        return acc.replace(reg, '')
+      }, ctt)
+    }
+
+    editor.create()
+    editor.$textElem.attr('contenteditable', props.contenteditable !== false)
+
+    return () => editor.destroy()
+  }, [props.contenteditable])
+
+  useEffect(() => {
+    initEditor()
+  }, [])
+  
+  useEffect(() => {
+    if (props.value !== content && editorRef.current) {
+      setContent(props.value)
+      editorRef.current.txt.html(props.value)
+    }
+  }, [props.value, content])
+
+  return (
+    <>
+      <div ref={ref} style={{ textAlign: 'left' }} />
+      <Preview
+        width={426}
+        style={{width: '426px', height: '863px', margin: 0, padding: 0}}
+        visible={preview}
+        html={props.value}
+        onCancel={() => setPreview(false)}
+      />
+    </>
+  )
+}

src/e2e/__mocks__/antd-pro-merge-less.js

@@ -0,0 +1 @@
+export default undefined;

src/e2e/baseLayout.e2e.js

@@ -0,0 +1,57 @@
+const { uniq } = require('lodash');
+const RouterConfig = require('../../config/config').default.routes;
+
+const BASE_URL = `http://localhost:${process.env.PORT || 8000}`;
+
+function formatter(routes, parentPath = '') {
+  const fixedParentPath = parentPath.replace(/\/{1,}/g, '/');
+  let result = [];
+  routes.forEach((item) => {
+    if (item.path) {
+      result.push(`${fixedParentPath}/${item.path}`.replace(/\/{1,}/g, '/'));
+    }
+    if (item.routes) {
+      result = result.concat(
+        formatter(item.routes, item.path ? `${fixedParentPath}/${item.path}` : parentPath),
+      );
+    }
+  });
+  return uniq(result.filter((item) => !!item));
+}
+
+beforeEach(async () => {
+  await page.goto(`${BASE_URL}`);
+  await page.evaluate(() => {
+    localStorage.setItem('antd-pro-authority', '["admin"]');
+  });
+});
+
+describe('Ant Design Pro E2E test', () => {
+  const testPage = (path) => async () => {
+    await page.goto(`${BASE_URL}${path}`);
+    await page.waitForSelector('footer', {
+      timeout: 2000,
+    });
+    const haveFooter = await page.evaluate(
+      () => document.getElementsByTagName('footer').length > 0,
+    );
+    expect(haveFooter).toBeTruthy();
+  };
+
+  const routers = formatter(RouterConfig);
+  routers.forEach((route) => {
+    it(`test pages ${route}`, testPage(route));
+  });
+
+  it('topmenu should have footer', async () => {
+    const params = '?navTheme=light&layout=topmenu';
+    await page.goto(`${BASE_URL}${params}`);
+    await page.waitForSelector('footer', {
+      timeout: 2000,
+    });
+    const haveFooter = await page.evaluate(
+      () => document.getElementsByTagName('footer').length > 0,
+    );
+    expect(haveFooter).toBeTruthy();
+  });
+});

src/global.jsx

@@ -0,0 +1,107 @@
+import { Button, message, notification } from 'antd';
+// import { useIntl } from 'umi';
+import defaultSettings from '../config/defaultSettings';
+
+const { pwa } = defaultSettings;
+const isHttps = document.location.protocol === 'https:'; // if pwa is true
+
+if (pwa) {
+  // Notify user if offline now
+  window.addEventListener('sw.offline', () => {
+    message.warning(
+      // useIntl().formatMessage({
+      //   id: 'app.pwa.offline',
+      // }),
+      "当前处于离线状态"
+    );
+  }); // Pop up a prompt on the page asking the user if they want to use the latest version
+
+  window.addEventListener('sw.updated', (event) => {
+    const e = event;
+
+    const reloadSW = async () => {
+      // Check if there is sw whose state is waiting in ServiceWorkerRegistration
+      // https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerRegistration
+      const worker = e.detail && e.detail.waiting;
+
+      if (!worker) {
+        return true;
+      } // Send skip-waiting event to waiting SW with MessageChannel
+
+      await new Promise((resolve, reject) => {
+        const channel = new MessageChannel();
+
+        channel.port1.onmessage = (msgEvent) => {
+          if (msgEvent.data.error) {
+            reject(msgEvent.data.error);
+          } else {
+            resolve(msgEvent.data);
+          }
+        };
+
+        worker.postMessage(
+          {
+            type: 'skip-waiting',
+          },
+          [channel.port2],
+        );
+      }); // Refresh current page to use the updated HTML and other assets after SW has skiped waiting
+
+      window.location.reload(true);
+      return true;
+    };
+
+    const key = `open${Date.now()}`;
+    const btn = (
+      <Button
+        type="primary"
+        onClick={() => {
+          notification.close(key);
+          reloadSW();
+        }}
+      >
+        {/* {useIntl().formatMessage({
+          id: 'app.pwa.serviceworker.updated.ok',
+        })} */}
+        刷新
+      </Button>
+    );
+    notification.open({
+      // message: useIntl().formatMessage({
+      //   id: 'app.pwa.serviceworker.updated',
+      // }),
+      message: '有新内容',
+      // description: useIntl().formatMessage({
+      //   id: 'app.pwa.serviceworker.updated.hint',
+      // }),
+      description: '请点击',
+      btn,
+      key,
+      onClose: async () => null,
+    });
+  });
+} else if ('serviceWorker' in navigator && isHttps) {
+  // unregister service worker
+  const { serviceWorker } = navigator;
+
+  if (serviceWorker.getRegistrations) {
+    serviceWorker.getRegistrations().then((sws) => {
+      sws.forEach((sw) => {
+        sw.unregister();
+      });
+    });
+  }
+
+  serviceWorker.getRegistration().then((sw) => {
+    if (sw) sw.unregister();
+  }); // remove all caches
+  // @ts-ignore
+
+  if (window.caches && window.caches.keys) {
+    caches.keys().then((keys) => {
+      keys.forEach((key) => {
+        caches.delete(key);
+      });
+    });
+  }
+}

src/global.less

@@ -0,0 +1,59 @@
+@import '~antd/es/style/themes/default.less';
+
+html,
+body,
+#root {
+  height: 100%;
+}
+
+.colorWeak {
+  filter: invert(80%);
+}
+
+.ant-layout {
+  min-height: 100vh;
+}
+
+canvas {
+  display: block;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+@media (max-width: @screen-xs) {
+  .ant-table {
+    width: 100%;
+    overflow-x: auto;
+    &-thead > tr,
+    &-tbody > tr {
+      > th,
+      > td {
+        white-space: pre;
+        > span {
+          display: block;
+        }
+      }
+    }
+  }
+}
+
+// 兼容IE11
+@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
+  body .ant-design-pro > .ant-layout {
+    min-height: 100vh;
+  }
+}
+
+.avatar-uploader > .ant-upload {
+  width: 128px;
+  height: 128px;
+}

src/layouts/BasicLayout.jsx

@@ -0,0 +1,173 @@
+/**
+ * Ant Design Pro v4 use `@ant-design/pro-layout` to handle Layout.
+ *
+ * @see You can view component api by: https://github.com/ant-design/ant-design-pro-layout
+ */
+import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';
+import React, { useEffect, useMemo } from 'react';
+// import { Link, useIntl, connect, history } from 'umi';
+import { Link, connect, history } from 'umi';
+import { GithubOutlined } from '@ant-design/icons';
+import { Result, Button } from 'antd';
+import Authorized from '@/utils/Authorized';
+import { getCurrentRoute } from '@/utils/utils'
+import RightContent from '@/components/GlobalHeader/RightContent';
+// import { getMatchMenu } from '@umijs/route-utils';
+import logo from '../assets/logo.svg';
+
+const noMatch = (
+  <Result
+    status={403}
+    title="403"
+    subTitle="Sorry, you are not authorized to access this page."
+    extra={
+      <Button type="primary">
+        <Link to="/user/login">Go Login</Link>
+      </Button>
+    }
+  />
+);
+
+/** Use Authorized check all menu item */
+const menuDataRender = (menuRoles) => (menuList) =>
+  menuList.map((item) => {
+    const needAuth = !!item.menuCode
+
+    const authority = (menuRoles.filter(x => x.menuCode === item.menuCode)[0] || {}).roleString || ''
+
+    const localItem = {
+      ...item,
+      children: item.children ? menuDataRender(menuRoles)(item.children) : undefined,
+    };
+
+    return Authorized.check(needAuth ? authority.split(',') : undefined, localItem, null);
+  });
+
+const defaultFooterDom = (
+  <DefaultFooter
+    copyright={`${new Date().getFullYear()} 云致科技`}
+    links={[
+      // {
+      //   key: 'Ant Design Pro',
+      //   title: 'Ant Design Pro',
+      //   href: 'https://pro.ant.design',
+      //   blankTarget: true,
+      // },
+      // {
+      //   key: 'github',
+      //   title: <GithubOutlined />,
+      //   href: 'https://github.com/ant-design/ant-design-pro',
+      //   blankTarget: true,
+      // },
+      // {
+      //   key: 'Ant Design',
+      //   title: 'Ant Design',
+      //   href: 'https://ant.design',
+      //   blankTarget: true,
+      // },
+    ]}
+  />
+);
+
+const BasicLayout = (props) => {
+  const {
+    // user,
+    menus,
+    dispatch,
+    children,
+    settings,
+    location = {
+      pathname: '/',
+    },
+  } = props;
+
+  const handleMenuCollapse = (payload) => {
+    if (dispatch) {
+      dispatch({
+        type: 'global/changeLayoutCollapsed',
+        payload,
+      });
+    }
+  }; // get children authority
+
+  const authorized = useMemo(
+    () => {
+      const routeItem = getCurrentRoute(location.pathname || '/')
+      if (!routeItem || !routeItem.menuCode) {
+        return { authority: undefined }
+      }
+
+      const authority = (menus.filter(x => x.menuCode === routeItem.menuCode)[0] || {}).roleString
+      return {
+        authority: authority ? authority.split(',') : ['any-string-for-no-right']
+      }
+    },
+    [location.pathname, menus],
+  );
+
+  // const { formatMessage } = useIntl();
+
+  return (
+    <ProLayout
+      logo={logo}
+      // formatMessage={formatMessage}
+      {...props}
+      {...settings}
+      onCollapse={handleMenuCollapse}
+      onMenuHeaderClick={() => history.push('/')}
+      menuItemRender={(menuItemProps, defaultDom) => {
+        if (
+          menuItemProps.isUrl ||
+          !menuItemProps.path ||
+          location.pathname === menuItemProps.path
+        ) {
+          return defaultDom;
+        }
+
+        return <Link to={menuItemProps.path}>{defaultDom}</Link>;
+      }}
+      breadcrumbRender={(routers = []) => [
+        {
+          path: '/',
+          breadcrumbName: '首页',
+          // breadcrumbName: formatMessage({
+          //   id: 'menu.home',
+          // }),
+        },
+        ...routers,
+      ]}
+      itemRender={(route, params, routes, paths) => {
+        const first = routes.indexOf(route) === 0;
+        return first ? (
+          <Link to={paths.join('/')}>{route.breadcrumbName}</Link>
+        ) : (
+          <span>{route.breadcrumbName}</span>
+        );
+      }}
+      footerRender={() => {
+        if (settings.footerRender || settings.footerRender === undefined) {
+          return defaultFooterDom;
+        }
+
+        return null;
+      }}
+      menuDataRender={menuDataRender(menus)}
+      rightContentRender={() => <RightContent />}
+      waterMarkProps={{
+        content: '云致科技',
+        fontColor: 'rgba(24,144,255,0.15)',
+      }}
+    >
+      <Authorized authority={authorized.authority} noMatch={noMatch}>
+        {children}
+      </Authorized>
+    </ProLayout>
+  );
+};
+
+export default connect(({ global, settings, user }) => ({
+  collapsed: global.collapsed,
+  settings,
+  user: user.currentUser,
+  menus: user.menus,
+}))(BasicLayout);

src/layouts/BlankLayout.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Inspector } from 'react-dev-inspector';
+
+const InspectorWrapper = process.env.NODE_ENV === 'development' ? Inspector : React.Fragment;
+
+const Layout = ({ children }) => {
+  return <InspectorWrapper>{children}</InspectorWrapper>;
+};
+
+export default Layout;

src/layouts/SecurityLayout.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import { PageLoading } from '@ant-design/pro-layout';
+import { Redirect, connect } from 'umi';
+import { stringify } from 'querystring';
+
+class SecurityLayout extends React.Component {
+  state = {
+    isReady: false,
+  };
+
+  componentDidMount() {
+    this.setState({
+      isReady: true,
+    });
+    const { dispatch } = this.props;
+
+    if (dispatch) {
+      dispatch({
+        type: 'user/fetchCurrent',
+      });
+    }
+  }
+
+  render() {
+    const { isReady } = this.state;
+    const { children, loading, currentUser } = this.props; // You can replace it to your authentication rule (such as check token exists)
+    // 你可以把它替换成你自己的登录认证规则（比如判断 token 是否存在）
+
+    const isLogin = currentUser && currentUser.userId;
+    const queryString = stringify({
+      redirect: window.location.href,
+    });
+
+    if ((!isLogin && loading) || !isReady) {
+      return <PageLoading />;
+    }
+
+    if (!isLogin && window.location.pathname !== '/user/login') {
+      return <Redirect to={`/user/login?${queryString}`} />;
+    }
+
+    return children;
+  }
+}
+
+export default connect(({ user, loading }) => ({
+  currentUser: user.currentUser,
+  loading: loading.models.user,
+}))(SecurityLayout);

src/layouts/UserLayout.jsx

@@ -0,0 +1,65 @@
+import { DefaultFooter, getMenuData, getPageTitle } from '@ant-design/pro-layout';
+import { Helmet, HelmetProvider } from 'react-helmet-async';
+// import { Link, SelectLang, useIntl, connect, FormattedMessage } from 'umi';
+import { Link, connect } from 'umi';
+import React from 'react';
+import logo from '../assets/logo.svg';
+import styles from './UserLayout.less';
+
+const UserLayout = (props) => {
+  const {
+    route = {
+      routes: [],
+    },
+  } = props;
+  const { routes = [] } = route;
+  const {
+    children,
+    location = {
+      pathname: '',
+    },
+  } = props;
+  // const { formatMessage } = useIntl();
+  const { breadcrumb } = getMenuData(routes);
+  const title = getPageTitle({
+    pathname: location.pathname,
+    formatMessage: x => x,
+    breadcrumb,
+    ...props,
+  });
+  return (
+    <HelmetProvider>
+      <Helmet>
+        <title>{title}</title>
+        <meta name="description" content={title} />
+      </Helmet>
+
+      <div className={styles.container}>
+        {/* <div className={styles.lang}>
+          <SelectLang />
+        </div> */}
+        <div className={styles.content}>
+          <div className={styles.top}>
+            <div className={styles.header}>
+              <Link to="/">
+                <img alt="logo" className={styles.logo} src={logo} />
+                <span className={styles.title}>Ant Design</span>
+              </Link>
+            </div>
+            <div className={styles.desc}>
+              {/* <FormattedMessage
+                id="pages.layouts.userLayout.title"
+                defaultMessage="Ant Design 是西湖区最具影响力的 Web 设计规范"
+              /> */}
+              Ant Design 是西湖区最具影响力的 Web 设计规范
+            </div>
+          </div>
+          {children}
+        </div>
+        <DefaultFooter />
+      </div>
+    </HelmetProvider>
+  );
+};
+
+export default connect(({ settings }) => ({ ...settings }))(UserLayout);

src/layouts/UserLayout.less

@@ -0,0 +1,71 @@
+@import '~antd/es/style/themes/default.less';
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: auto;
+  background: @layout-body-background;
+}
+
+.lang {
+  width: 100%;
+  height: 40px;
+  line-height: 44px;
+  text-align: right;
+  :global(.ant-dropdown-trigger) {
+    margin-right: 24px;
+  }
+}
+
+.content {
+  flex: 1;
+  padding: 32px 0;
+}
+
+@media (min-width: @screen-md-min) {
+  .container {
+    background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
+    background-repeat: no-repeat;
+    background-position: center 110px;
+    background-size: 100%;
+  }
+
+  .content {
+    padding: 32px 0 24px;
+  }
+}
+
+.top {
+  text-align: center;
+}
+
+.header {
+  height: 44px;
+  line-height: 44px;
+  a {
+    text-decoration: none;
+  }
+}
+
+.logo {
+  height: 44px;
+  margin-right: 16px;
+  vertical-align: top;
+}
+
+.title {
+  position: relative;
+  top: 2px;
+  color: @heading-color;
+  font-weight: 600;
+  font-size: 33px;
+  font-family: Avenir, 'Helvetica Neue', Arial, Helvetica, sans-serif;
+}
+
+.desc {
+  margin-top: 12px;
+  margin-bottom: 40px;
+  color: @text-color-secondary;
+  font-size: @font-size-base;
+}

src/locales/en-US.js

@@ -0,0 +1,23 @@
+import component from './en-US/component';
+import globalHeader from './en-US/globalHeader';
+import menu from './en-US/menu';
+import pwa from './en-US/pwa';
+import settingDrawer from './en-US/settingDrawer';
+import settings from './en-US/settings';
+import pages from './en-US/pages';
+export default {
+  'navBar.lang': 'Languages',
+  'layout.user.link.help': 'Help',
+  'layout.user.link.privacy': 'Privacy',
+  'layout.user.link.terms': 'Terms',
+  'app.preview.down.block': 'Download this page to your local project',
+  'app.welcome.link.fetch-blocks': 'Get all block',
+  'app.welcome.link.block-list': 'Quickly build standard, pages based on `block` development',
+  ...globalHeader,
+  ...menu,
+  ...settingDrawer,
+  ...settings,
+  ...pwa,
+  ...component,
+  ...pages,
+};

src/locales/en-US/component.js

@@ -0,0 +1,5 @@
+export default {
+  'component.tagSelect.expand': 'Expand',
+  'component.tagSelect.collapse': 'Collapse',
+  'component.tagSelect.all': 'All',
+};

src/locales/en-US/globalHeader.js

@@ -0,0 +1,17 @@
+export default {
+  'component.globalHeader.search': 'Search',
+  'component.globalHeader.search.example1': 'Search example 1',
+  'component.globalHeader.search.example2': 'Search example 2',
+  'component.globalHeader.search.example3': 'Search example 3',
+  'component.globalHeader.help': 'Help',
+  'component.globalHeader.notification': 'Notification',
+  'component.globalHeader.notification.empty': 'You have viewed all notifications.',
+  'component.globalHeader.message': 'Message',
+  'component.globalHeader.message.empty': 'You have viewed all messsages.',
+  'component.globalHeader.event': 'Event',
+  'component.globalHeader.event.empty': 'You have viewed all events.',
+  'component.noticeIcon.clear': 'Clear',
+  'component.noticeIcon.cleared': 'Cleared',
+  'component.noticeIcon.empty': 'No notifications',
+  'component.noticeIcon.view-more': 'View more',
+};

src/locales/en-US/menu.js

@@ -0,0 +1,52 @@
+export default {
+  'menu.welcome': 'Welcome',
+  'menu.more-blocks': 'More Blocks',
+  'menu.home': 'Home',
+  'menu.admin': 'Admin',
+  'menu.admin.sub-page': 'Sub-Page',
+  'menu.login': 'Login',
+  'menu.register': 'Register',
+  'menu.register.result': 'Register Result',
+  'menu.dashboard': 'Dashboard',
+  'menu.dashboard.analysis': 'Analysis',
+  'menu.dashboard.monitor': 'Monitor',
+  'menu.dashboard.workplace': 'Workplace',
+  'menu.exception.403': '403',
+  'menu.exception.404': '404',
+  'menu.exception.500': '500',
+  'menu.form': 'Form',
+  'menu.form.basic-form': 'Basic Form',
+  'menu.form.step-form': 'Step Form',
+  'menu.form.step-form.info': 'Step Form(write transfer information)',
+  'menu.form.step-form.confirm': 'Step Form(confirm transfer information)',
+  'menu.form.step-form.result': 'Step Form(finished)',
+  'menu.form.advanced-form': 'Advanced Form',
+  'menu.list': 'List',
+  'menu.list.table-list': 'Search Table',
+  'menu.list.basic-list': 'Basic List',
+  'menu.list.card-list': 'Card List',
+  'menu.list.search-list': 'Search List',
+  'menu.list.search-list.articles': 'Search List(articles)',
+  'menu.list.search-list.projects': 'Search List(projects)',
+  'menu.list.search-list.applications': 'Search List(applications)',
+  'menu.profile': 'Profile',
+  'menu.profile.basic': 'Basic Profile',
+  'menu.profile.advanced': 'Advanced Profile',
+  'menu.result': 'Result',
+  'menu.result.success': 'Success',
+  'menu.result.fail': 'Fail',
+  'menu.exception': 'Exception',
+  'menu.exception.not-permission': '403',
+  'menu.exception.not-find': '404',
+  'menu.exception.server-error': '500',
+  'menu.exception.trigger': 'Trigger',
+  'menu.account': 'Account',
+  'menu.account.center': 'Account Center',
+  'menu.account.settings': 'Account Settings',
+  'menu.account.trigger': 'Trigger Error',
+  'menu.account.logout': 'Logout',
+  'menu.editor': 'Graphic Editor',
+  'menu.editor.flow': 'Flow Editor',
+  'menu.editor.mind': 'Mind Editor',
+  'menu.editor.koni': 'Koni Editor',
+};

src/locales/en-US/pages.js

@@ -0,0 +1,68 @@
+export default {
+  'pages.layouts.userLayout.title':
+    'Ant Design is the most influential web design specification in Xihu district',
+  'pages.login.accountLogin.tab': 'Account Login',
+  'pages.login.accountLogin.errorMessage': 'Incorrect username/password（admin/ant.design)',
+  'pages.login.username.placeholder': 'Username: admin or user',
+  'pages.login.username.required': 'Please input your username!',
+  'pages.login.password.placeholder': 'Password: ant.design',
+  'pages.login.password.required': 'Please input your password!',
+  'pages.login.phoneLogin.tab': 'Phone Login',
+  'pages.login.phoneLogin.errorMessage': 'Verification Code Error',
+  'pages.login.phoneNumber.placeholder': 'Phone Number',
+  'pages.login.phoneNumber.required': 'Please input your phone number!',
+  'pages.login.phoneNumber.invalid': 'Phone number is invalid!',
+  'pages.login.captcha.placeholder': 'Verification Code',
+  'pages.login.captcha.required': 'Please input verification code!',
+  'pages.login.phoneLogin.getVerificationCode': 'Get Code',
+  'pages.getCaptchaSecondText': 'sec(s)',
+  'pages.login.rememberMe': 'Remember me',
+  'pages.login.forgotPassword': 'Forgot Password ?',
+  'pages.login.submit': 'Submit',
+  'pages.login.loginWith': 'Login with :',
+  'pages.login.registerAccount': 'Register Account',
+  'pages.welcome.advancedComponent': 'Advanced Component',
+  'pages.welcome.link': 'Welcome',
+  'pages.welcome.advancedLayout': 'Advanced Layout',
+  'pages.welcome.alertMessage': 'Faster and stronger heavy-duty components have been released.',
+  'pages.admin.subPage.title': 'This page can only be viewed by Admin',
+  'pages.admin.subPage.alertMessage':
+    'Umi ui is now released, welcome to use npm run ui to start the experience.',
+  'pages.searchTable.createForm.newRule': 'New Rule',
+  'pages.searchTable.updateForm.ruleConfig': 'Rule configuration',
+  'pages.searchTable.updateForm.basicConfig': 'Basic Information',
+  'pages.searchTable.updateForm.ruleName.nameLabel': 'Rule Name',
+  'pages.searchTable.updateForm.ruleName.nameRules': 'Please enter the rule name!',
+  'pages.searchTable.updateForm.ruleDesc.descLabel': 'Rule Description',
+  'pages.searchTable.updateForm.ruleDesc.descPlaceholder': 'Please enter at least five characters',
+  'pages.searchTable.updateForm.ruleDesc.descRules':
+    'Please enter a rule description of at least five characters!',
+  'pages.searchTable.updateForm.ruleProps.title': 'Configure Properties',
+  'pages.searchTable.updateForm.object': 'Monitoring Object',
+  'pages.searchTable.updateForm.ruleProps.templateLabel': 'Rule Template',
+  'pages.searchTable.updateForm.ruleProps.typeLabel': 'Rule Type',
+  'pages.searchTable.updateForm.schedulingPeriod.title': 'Set Scheduling Period',
+  'pages.searchTable.updateForm.schedulingPeriod.timeLabel': 'Starting Time',
+  'pages.searchTable.updateForm.schedulingPeriod.timeRules': 'Please choose a start time!',
+  'pages.searchTable.titleDesc': 'Description',
+  'pages.searchTable.ruleName': 'Rule name is required',
+  'pages.searchTable.titleCallNo': 'Number of Service Calls',
+  'pages.searchTable.titleStatus': 'Status',
+  'pages.searchTable.nameStatus.default': 'default',
+  'pages.searchTable.nameStatus.running': 'running',
+  'pages.searchTable.nameStatus.online': 'online',
+  'pages.searchTable.nameStatus.abnormal': 'abnormal',
+  'pages.searchTable.titleUpdatedAt': 'Last Scheduled at',
+  'pages.searchTable.exception': 'Please enter the reason for the exception!',
+  'pages.searchTable.titleOption': 'Option',
+  'pages.searchTable.config': 'Configuration',
+  'pages.searchTable.subscribeAlert': 'Subscribe to alerts',
+  'pages.searchTable.title': 'Enquiry Form',
+  'pages.searchTable.new': 'New',
+  'pages.searchTable.chosen': 'chosen',
+  'pages.searchTable.item': 'item',
+  'pages.searchTable.totalServiceCalls': 'Total Number of Service Calls',
+  'pages.searchTable.tenThousand': '0000',
+  'pages.searchTable.batchDeletion': 'bacth deletion',
+  'pages.searchTable.batchApproval': 'batch approval',
+};

src/locales/en-US/pwa.js

@@ -0,0 +1,6 @@
+export default {
+  'app.pwa.offline': 'You are offline now',
+  'app.pwa.serviceworker.updated': 'New content is available',
+  'app.pwa.serviceworker.updated.hint': 'Please press the "Refresh" button to reload current page',
+  'app.pwa.serviceworker.updated.ok': 'Refresh',
+};

src/locales/en-US/settingDrawer.js

@@ -0,0 +1,31 @@
+export default {
+  'app.setting.pagestyle': 'Page style setting',
+  'app.setting.pagestyle.dark': 'Dark style',
+  'app.setting.pagestyle.light': 'Light style',
+  'app.setting.content-width': 'Content Width',
+  'app.setting.content-width.fixed': 'Fixed',
+  'app.setting.content-width.fluid': 'Fluid',
+  'app.setting.themecolor': 'Theme Color',
+  'app.setting.themecolor.dust': 'Dust Red',
+  'app.setting.themecolor.volcano': 'Volcano',
+  'app.setting.themecolor.sunset': 'Sunset Orange',
+  'app.setting.themecolor.cyan': 'Cyan',
+  'app.setting.themecolor.green': 'Polar Green',
+  'app.setting.themecolor.daybreak': 'Daybreak Blue (default)',
+  'app.setting.themecolor.geekblue': 'Geek Glue',
+  'app.setting.themecolor.purple': 'Golden Purple',
+  'app.setting.navigationmode': 'Navigation Mode',
+  'app.setting.sidemenu': 'Side Menu Layout',
+  'app.setting.topmenu': 'Top Menu Layout',
+  'app.setting.fixedheader': 'Fixed Header',
+  'app.setting.fixedsidebar': 'Fixed Sidebar',
+  'app.setting.fixedsidebar.hint': 'Works on Side Menu Layout',
+  'app.setting.hideheader': 'Hidden Header when scrolling',
+  'app.setting.hideheader.hint': 'Works when Hidden Header is enabled',
+  'app.setting.othersettings': 'Other Settings',
+  'app.setting.weakmode': 'Weak Mode',
+  'app.setting.copy': 'Copy Setting',
+  'app.setting.copyinfo': 'copy success，please replace defaultSettings in src/models/setting.js',
+  'app.setting.production.hint':
+    'Setting panel shows in development environment only, please manually modify',
+};

src/locales/en-US/settings.js

@@ -0,0 +1,60 @@
+export default {
+  'app.settings.menuMap.basic': 'Basic Settings',
+  'app.settings.menuMap.security': 'Security Settings',
+  'app.settings.menuMap.binding': 'Account Binding',
+  'app.settings.menuMap.notification': 'New Message Notification',
+  'app.settings.basic.avatar': 'Avatar',
+  'app.settings.basic.change-avatar': 'Change avatar',
+  'app.settings.basic.email': 'Email',
+  'app.settings.basic.email-message': 'Please input your email!',
+  'app.settings.basic.nickname': 'Nickname',
+  'app.settings.basic.nickname-message': 'Please input your Nickname!',
+  'app.settings.basic.profile': 'Personal profile',
+  'app.settings.basic.profile-message': 'Please input your personal profile!',
+  'app.settings.basic.profile-placeholder': 'Brief introduction to yourself',
+  'app.settings.basic.country': 'Country/Region',
+  'app.settings.basic.country-message': 'Please input your country!',
+  'app.settings.basic.geographic': 'Province or city',
+  'app.settings.basic.geographic-message': 'Please input your geographic info!',
+  'app.settings.basic.address': 'Street Address',
+  'app.settings.basic.address-message': 'Please input your address!',
+  'app.settings.basic.phone': 'Phone Number',
+  'app.settings.basic.phone-message': 'Please input your phone!',
+  'app.settings.basic.update': 'Update Information',
+  'app.settings.security.strong': 'Strong',
+  'app.settings.security.medium': 'Medium',
+  'app.settings.security.weak': 'Weak',
+  'app.settings.security.password': 'Account Password',
+  'app.settings.security.password-description': 'Current password strength',
+  'app.settings.security.phone': 'Security Phone',
+  'app.settings.security.phone-description': 'Bound phone',
+  'app.settings.security.question': 'Security Question',
+  'app.settings.security.question-description':
+    'The security question is not set, and the security policy can effectively protect the account security',
+  'app.settings.security.email': 'Backup Email',
+  'app.settings.security.email-description': 'Bound Email',
+  'app.settings.security.mfa': 'MFA Device',
+  'app.settings.security.mfa-description':
+    'Unbound MFA device, after binding, can be confirmed twice',
+  'app.settings.security.modify': 'Modify',
+  'app.settings.security.set': 'Set',
+  'app.settings.security.bind': 'Bind',
+  'app.settings.binding.taobao': 'Binding Taobao',
+  'app.settings.binding.taobao-description': 'Currently unbound Taobao account',
+  'app.settings.binding.alipay': 'Binding Alipay',
+  'app.settings.binding.alipay-description': 'Currently unbound Alipay account',
+  'app.settings.binding.dingding': 'Binding DingTalk',
+  'app.settings.binding.dingding-description': 'Currently unbound DingTalk account',
+  'app.settings.binding.bind': 'Bind',
+  'app.settings.notification.password': 'Account Password',
+  'app.settings.notification.password-description':
+    'Messages from other users will be notified in the form of a station letter',
+  'app.settings.notification.messages': 'System Messages',
+  'app.settings.notification.messages-description':
+    'System messages will be notified in the form of a station letter',
+  'app.settings.notification.todo': 'To-do Notification',
+  'app.settings.notification.todo-description':
+    'The to-do list will be notified in the form of a letter from the station',
+  'app.settings.open': 'Open',
+  'app.settings.close': 'Close',
+};

src/locales/id-ID.js

@@ -0,0 +1,24 @@
+import component from './id-ID/component';
+import globalHeader from './id-ID/globalHeader';
+import menu from './id-ID/menu';
+import pwa from './id-ID/pwa';
+import settingDrawer from './id-ID/settingDrawer';
+import settings from './id-ID/settings';
+import pages from './id-ID/pages';
+export default {
+  'navbar.lang': 'Bahasa',
+  'layout.user.link.help': 'Bantuan',
+  'layout.user.link.privacy': 'Privasi',
+  'layout.user.link.terms': 'Ketentuan',
+  'app.preview.down.block': 'Unduh halaman ini dalam projek lokal anda',
+  'app.welcome.link.fetch-blocks': 'Dapatkan semua blok',
+  'app.welcome.link.block-list':
+    'Buat standar dengan cepat, halaman-halaman berdasarkan pengembangan `block`',
+  ...globalHeader,
+  ...menu,
+  ...settingDrawer,
+  ...settings,
+  ...pwa,
+  ...component,
+  ...pages,
+};

src/locales/id-ID/component.js

@@ -0,0 +1,5 @@
+export default {
+  'component.tagSelect.expand': 'Perluas',
+  'component.tagSelect.collapse': 'Lipat',
+  'component.tagSelect.all': 'Semua',
+};

src/locales/id-ID/globalHeader.js

@@ -0,0 +1,17 @@
+export default {
+  'component.globalHeader.search': 'Pencarian',
+  'component.globalHeader.search.example1': 'Contoh 1 Pencarian',
+  'component.globalHeader.search.example2': 'Contoh 2 Pencarian',
+  'component.globalHeader.search.example3': 'Contoh 3 Pencarian',
+  'component.globalHeader.help': 'Bantuan',
+  'component.globalHeader.notification': 'Notifikasi',
+  'component.globalHeader.notification.empty': 'Anda telah membaca semua notifikasi',
+  'component.globalHeader.message': 'Pesan',
+  'component.globalHeader.message.empty': 'Anda telah membaca semua pesan.',
+  'component.globalHeader.event': 'Acara',
+  'component.globalHeader.event.empty': 'Anda telah melihat semua acara.',
+  'component.noticeIcon.clear': 'Kosongkan',
+  'component.noticeIcon.cleared': 'Berhasil dikosongkan',
+  'component.noticeIcon.empty': 'Tidak ada pemberitahuan',
+  'component.noticeIcon.view-more': 'Melihat lebih',
+};

src/locales/id-ID/menu.js

@@ -0,0 +1,52 @@
+export default {
+  'menu.welcome': 'Selamat Datang',
+  'menu.more-blocks': 'Blocks Lainnya',
+  'menu.home': 'Halaman Awal',
+  'menu.admin': 'Admin',
+  'menu.admin.sub-page': 'Sub-Halaman',
+  'menu.login': 'Masuk',
+  'menu.register': 'Pendaftaran',
+  'menu.register.result': 'Hasil Pendaftaran',
+  'menu.dashboard': 'Dasbor',
+  'menu.dashboard.analysis': 'Analisis',
+  'menu.dashboard.monitor': 'Monitor',
+  'menu.dashboard.workplace': 'Workplace',
+  'menu.exception.403': '403',
+  'menu.exception.404': '404',
+  'menu.exception.500': '500',
+  'menu.form': 'Form',
+  'menu.form.basic-form': 'Form Dasar',
+  'menu.form.step-form': 'Form Bertahap',
+  'menu.form.step-form.info': 'Form Bertahap(menulis informasi yang dibagikan)',
+  'menu.form.step-form.confirm': 'Form Bertahap(konfirmasi informasi yang dibagikan)',
+  'menu.form.step-form.result': 'Form Bertahap(selesai)',
+  'menu.form.advanced-form': 'Form Lanjutan',
+  'menu.list': 'Daftar',
+  'menu.list.table-list': 'Tabel Pencarian',
+  'menu.list.basic-list': 'Daftar Dasar',
+  'menu.list.card-list': 'Daftar Kartu',
+  'menu.list.search-list': 'Daftar Pencarian',
+  'menu.list.search-list.articles': 'Daftar Pencarian(artikel)',
+  'menu.list.search-list.projects': 'Daftar Pencarian(projek)',
+  'menu.list.search-list.applications': 'Daftar Pencarian(aplikasi)',
+  'menu.profile': 'Profil',
+  'menu.profile.basic': 'Profil Dasar',
+  'menu.profile.advanced': 'Profile Lanjutan',
+  'menu.result': 'Hasil',
+  'menu.result.success': 'Sukses',
+  'menu.result.fail': 'Gagal',
+  'menu.exception': 'Pengecualian',
+  'menu.exception.not-permission': '403',
+  'menu.exception.not-find': '404',
+  'menu.exception.server-error': '500',
+  'menu.exception.trigger': 'Jalankan',
+  'menu.account': 'Akun',
+  'menu.account.center': 'Detail Akun',
+  'menu.account.settings': 'Pengaturan Akun',
+  'menu.account.trigger': 'Mengaktivasi Error',
+  'menu.account.logout': 'Keluar',
+  'menu.editor': 'Penyusun Grafis',
+  'menu.editor.flow': 'Penyusun Alur',
+  'menu.editor.mind': 'Penyusun Mind',
+  'menu.editor.koni': 'Penyusun Koni',
+};

src/locales/id-ID/pages.js

@@ -0,0 +1,70 @@
+export default {
+  'pages.layouts.userLayout.title':
+    'Ant Design adalah spesifikasi desain Web yang paling berpengaruh di Kabupaten Xihu',
+  'pages.login.accountLogin.tab': 'Login dengan akun',
+  'pages.login.accountLogin.errorMessage': 'Nama pengguna dan kata sandi salah（admin/ant.design)',
+  'pages.login.username.placeholder': 'nama pengguna: admin atau user',
+  'pages.login.username.required': 'Nama pengguna harus diisi!',
+  'pages.login.password.placeholder': 'kata sandi: ant.design',
+  'pages.login.password.required': 'Kata sandi harus diisi!',
+  'pages.login.phoneLogin.tab': 'Login dengan ponsel',
+  'pages.login.phoneLogin.errorMessage': 'Kesalahan kode verifikasi',
+  'pages.login.phoneNumber.placeholder': 'masukkan nomor telepon',
+  'pages.login.phoneNumber.required': 'Nomor ponsel harus diisi!',
+  'pages.login.phoneNumber.invalid': 'Nomor ponsel tidak valid!',
+  'pages.login.captcha.placeholder': 'kode verifikasi',
+  'pages.login.captcha.required': 'Kode verifikasi diperlukan!',
+  'pages.login.phoneLogin.getVerificationCode': 'Dapatkan kode',
+  'pages.getCaptchaSecondText': 'detik tersisa',
+  'pages.login.rememberMe': 'Ingat saya',
+  'pages.login.forgotPassword': 'Lupa Kata Sandi?',
+  'pages.login.submit': 'Masuk',
+  'pages.login.loginWith': 'Masuk dengan :',
+  'pages.login.registerAccount': 'Daftar Akun',
+  'pages.welcome.advancedComponent': 'Formulir Lanjutan',
+  'pages.welcome.link': 'Selamat datang',
+  'pages.welcome.advancedLayout': 'Tata letak Lanjutan',
+  'pages.welcome.alertMessage':
+    'Komponen heavy-duty yang lebih cepat dan lebih kuat telah dirilis.',
+  'pages.admin.subPage.title': 'Halaman ini hanya dapat dilihat oleh admin',
+  'pages.admin.subPage.alertMessage':
+    'umi ui telah dirilis, silahkan gunakan npm run ui untuk memulai pengalaman.',
+  'pages.searchTable.createForm.newRule': 'Aturan baru',
+  'pages.searchTable.updateForm.ruleConfig': 'Konfigurasi aturan',
+  'pages.searchTable.updateForm.basicConfig': 'Informasi dasar',
+  'pages.searchTable.updateForm.ruleName.nameLabel': 'Nama aturan',
+  'pages.searchTable.updateForm.ruleName.nameRules': 'Harap masukkan nama aturan!',
+  'pages.searchTable.updateForm.ruleDesc.descLabel': 'Deskripsi aturan',
+  'pages.searchTable.updateForm.ruleDesc.descPlaceholder':
+    'Harap masukkan setidaknya lima karakter',
+  'pages.searchTable.updateForm.ruleDesc.descRules':
+    'Harap masukkan deskripsi aturan setidaknya lima karakter!',
+  'pages.searchTable.updateForm.ruleProps.title': 'Properti aturan',
+  'pages.searchTable.updateForm.object': 'Objek pemantauan',
+  'pages.searchTable.updateForm.ruleProps.templateLabel': 'Template aturan',
+  'pages.searchTable.updateForm.ruleProps.typeLabel': 'Jenis aturan',
+  'pages.searchTable.updateForm.schedulingPeriod.title': 'Periode penjadwalan',
+  'pages.searchTable.updateForm.schedulingPeriod.timeLabel': 'Waktu mulai',
+  'pages.searchTable.updateForm.schedulingPeriod.timeRules': 'Pilih waktu mulai!',
+  'pages.searchTable.titleDesc': 'deskripsi',
+  'pages.searchTable.ruleName': 'Nama aturan wajib diisi',
+  'pages.searchTable.titleCallNo': 'Jumlah panggilan',
+  'pages.searchTable.titleStatus': 'Status',
+  'pages.searchTable.nameStatus.default': 'default',
+  'pages.searchTable.nameStatus.running': 'menyala',
+  'pages.searchTable.nameStatus.online': 'online',
+  'pages.searchTable.nameStatus.abnormal': 'abnormal',
+  'pages.searchTable.titleUpdatedAt': 'Waktu terjadwal',
+  'pages.searchTable.exception': 'Harap masukkan alasan pengecualian!',
+  'pages.searchTable.titleOption': 'Pengoperasian',
+  'pages.searchTable.config': 'Konfigurasi',
+  'pages.searchTable.subscribeAlert': 'Berlangganan notifikasi',
+  'pages.searchTable.title': 'Formulir pertanyaan',
+  'pages.searchTable.new': 'Baru',
+  'pages.searchTable.chosen': 'Terpilih',
+  'pages.searchTable.item': 'item',
+  'pages.searchTable.totalServiceCalls': 'Jumlah total panggilan layanan',
+  'pages.searchTable.tenThousand': '0000',
+  'pages.searchTable.batchDeletion': 'Penghapusan batch',
+  'pages.searchTable.batchApproval': 'Persetujuan batch',
+};

src/locales/id-ID/pwa.js

@@ -0,0 +1,7 @@
+export default {
+  'app.pwa.offline': 'Koneksi anda terputus',
+  'app.pwa.serviceworker.updated': 'Konten baru sudah tersedia',
+  'app.pwa.serviceworker.updated.hint':
+    'Silahkan klik tombol "Refresh" untuk memuat ulang halaman ini',
+  'app.pwa.serviceworker.updated.ok': 'Memuat ulang',
+};

src/locales/id-ID/settingDrawer.js

@@ -0,0 +1,32 @@
+export default {
+  'app.setting.pagestyle': 'Pengaturan style Halaman',
+  'app.setting.pagestyle.dark': 'Style Gelap',
+  'app.setting.pagestyle.light': 'Style Cerah',
+  'app.setting.content-width': 'Lebar Konten',
+  'app.setting.content-width.fixed': 'Tetap',
+  'app.setting.content-width.fluid': 'Fluid',
+  'app.setting.themecolor': 'Theme Color',
+  'app.setting.themecolor.dust': 'Dust Red',
+  'app.setting.themecolor.volcano': 'Volcano',
+  'app.setting.themecolor.sunset': 'Sunset Orange',
+  'app.setting.themecolor.cyan': 'Cyan',
+  'app.setting.themecolor.green': 'Polar Green',
+  'app.setting.themecolor.daybreak': 'Daybreak Blue (bawaan)',
+  'app.setting.themecolor.geekblue': 'Geek Glue',
+  'app.setting.themecolor.purple': 'Golden Purple',
+  'app.setting.navigationmode': 'Mode Navigasi',
+  'app.setting.sidemenu': 'Susunan Menu Samping',
+  'app.setting.topmenu': 'Susunan Menu Atas',
+  'app.setting.fixedheader': 'Header Tetap',
+  'app.setting.fixedsidebar': 'Sidebar Tetap',
+  'app.setting.fixedsidebar.hint': 'Berjalan pada Susunan Menu Samping',
+  'app.setting.hideheader': 'Sembunyikan Header ketika gulir ke bawah',
+  'app.setting.hideheader.hint': 'Bekerja ketika Header tersembunyi dimunculkan',
+  'app.setting.othersettings': 'Pengaturan Lainnya',
+  'app.setting.weakmode': 'Mode Lemah',
+  'app.setting.copy': 'Salin Pengaturan',
+  'app.setting.copyinfo':
+    'Berhasil disalin，tolong ubah defaultSettings pada src/models/setting.js',
+  'app.setting.production.hint':
+    'Panel pengaturan hanya muncul pada lingkungan pengembangan, silahkan modifikasi secara menual',
+};

src/locales/id-ID/settings.js

@@ -0,0 +1,60 @@
+export default {
+  'app.settings.menuMap.basic': 'Pengaturan Dasar',
+  'app.settings.menuMap.security': 'Pengaturan Keamanan',
+  'app.settings.menuMap.binding': 'Pengikatan Akun',
+  'app.settings.menuMap.notification': 'Notifikasi Pesan Baru',
+  'app.settings.basic.avatar': 'Avatar',
+  'app.settings.basic.change-avatar': 'Ubah avatar',
+  'app.settings.basic.email': 'Email',
+  'app.settings.basic.email-message': 'Tolong masukkan email!',
+  'app.settings.basic.nickname': 'Nickname',
+  'app.settings.basic.nickname-message': 'Tolong masukkan Nickname!',
+  'app.settings.basic.profile': 'Profil Personal',
+  'app.settings.basic.profile-message': 'Tolong masukkan profil personal!',
+  'app.settings.basic.profile-placeholder': 'Perkenalan Singkat tentang Diri Anda',
+  'app.settings.basic.country': 'Negara/Wilayah',
+  'app.settings.basic.country-message': 'Tolong masukkan negara anda!',
+  'app.settings.basic.geographic': 'Provinsi atau kota',
+  'app.settings.basic.geographic-message': 'Tolong masukkan info geografis anda!',
+  'app.settings.basic.address': 'Alamat Jalan',
+  'app.settings.basic.address-message': 'Tolong masukkan Alamat Jalan anda!',
+  'app.settings.basic.phone': 'Nomor Ponsel',
+  'app.settings.basic.phone-message': 'Tolong masukkan Nomor Ponsel anda!',
+  'app.settings.basic.update': 'Perbarui Informasi',
+  'app.settings.security.strong': 'Kuat',
+  'app.settings.security.medium': 'Sedang',
+  'app.settings.security.weak': 'Lemah',
+  'app.settings.security.password': 'Kata Sandi Akun',
+  'app.settings.security.password-description': 'Kekuatan Kata Sandi saat ini',
+  'app.settings.security.phone': 'Keamanan Ponsel',
+  'app.settings.security.phone-description': 'Mengikat Ponsel',
+  'app.settings.security.question': 'Pertanyaan Keamanan',
+  'app.settings.security.question-description':
+    'Pertanyaan Keamanan belum diatur, dan kebijakan keamanan dapat melindungi akun secara efektif',
+  'app.settings.security.email': 'Email Cadangan',
+  'app.settings.security.email-description': 'Mengikat Email',
+  'app.settings.security.mfa': 'Perangka MFA',
+  'app.settings.security.mfa-description':
+    'Tidak mengikat Perangkat MFA, setelah diikat, dapat dikonfirmasi dua kali',
+  'app.settings.security.modify': 'Modifikasi',
+  'app.settings.security.set': 'Setel',
+  'app.settings.security.bind': 'Ikat',
+  'app.settings.binding.taobao': 'Mengikat Taobao',
+  'app.settings.binding.taobao-description': 'Tidak mengikat akun Taobao saat ini',
+  'app.settings.binding.alipay': 'Mengikat Alipay',
+  'app.settings.binding.alipay-description': 'Tidak mengikat akun Alipay saat ini',
+  'app.settings.binding.dingding': 'Mengikat DingTalk',
+  'app.settings.binding.dingding-description': 'Tidak mengikat akun DingTalk',
+  'app.settings.binding.bind': 'Ikat',
+  'app.settings.notification.password': 'Kata Sandi Akun',
+  'app.settings.notification.password-description':
+    'Pesan dari pengguna lain akan diberitahu dalam bentuk surat',
+  'app.settings.notification.messages': 'Pesan Sistem',
+  'app.settings.notification.messages-description':
+    'Pesan sistem akan diberitahu dalam bentuk surat',
+  'app.settings.notification.todo': 'Notifikasi daftar To-do',
+  'app.settings.notification.todo-description':
+    'Daftar to-do akan diberitahukan dalam bentuk surat dari stasiun',
+  'app.settings.open': 'Buka',
+  'app.settings.close': 'Tutup',
+};

src/locales/ja-JP.js

@@ -0,0 +1,23 @@
+import globalHeader from './ja-JP/globalHeader';
+import menu from './ja-JP/menu';
+import settingDrawer from './ja-JP/settingDrawer';
+import settings from './ja-JP/settings';
+import pwa from './ja-JP/pwa';
+import component from './ja-JP/component';
+import pages from './ja-JP/pages';
+export default {
+  'navBar.lang': '言語',
+  'layout.user.link.help': 'ヘルプ',
+  'layout.user.link.privacy': 'プライバシー',
+  'layout.user.link.terms': '利用規約',
+  'app.preview.down.block': 'このページをローカルプロジェクトにダウンロードしてください',
+  'app.welcome.link.fetch-blocks': '',
+  'app.welcome.link.block-list': '',
+  ...globalHeader,
+  ...menu,
+  ...settingDrawer,
+  ...settings,
+  ...pwa,
+  ...component,
+  ...pages,
+};

src/locales/ja-JP/component.js

@@ -0,0 +1,5 @@
+export default {
+  'component.tagSelect.expand': '展開',
+  'component.tagSelect.collapse': '折りたたむ',
+  'component.tagSelect.all': 'すべて',
+};

src/locales/ja-JP/globalHeader.js

@@ -0,0 +1,17 @@
+export default {
+  'component.globalHeader.search': '検索',
+  'component.globalHeader.search.example1': '検索例1',
+  'component.globalHeader.search.example2': '検索例2',
+  'component.globalHeader.search.example3': '検索例3',
+  'component.globalHeader.help': 'ヘルプ',
+  'component.globalHeader.notification': '通知',
+  'component.globalHeader.notification.empty': 'すべての通知を表示しました。',
+  'component.globalHeader.message': 'メッセージ',
+  'component.globalHeader.message.empty': 'すべてのメッセージを表示しました。',
+  'component.globalHeader.event': 'イベント',
+  'component.globalHeader.event.empty': 'すべてのイベントを表示しました。',
+  'component.noticeIcon.clear': 'クリア',
+  'component.noticeIcon.cleared': 'クリア済み',
+  'component.noticeIcon.empty': '通知なし',
+  'component.noticeIcon.view-more': 'もっと見る',
+};

src/locales/ja-JP/menu.js

@@ -0,0 +1,52 @@
+export default {
+  'menu.welcome': 'ようこそ',
+  'menu.more-blocks': 'その他のブロック',
+  'menu.home': 'ホーム',
+  'menu.admin': '管理者',
+  'menu.admin.sub-page': 'サブページ',
+  'menu.login': 'ログイン',
+  'menu.register': '登録',
+  'menu.register.result': '登録結果',
+  'menu.dashboard': 'ダッシュボード',
+  'menu.dashboard.analysis': '分析',
+  'menu.dashboard.monitor': 'モニター',
+  'menu.dashboard.workplace': '職場',
+  'menu.exception.403': '403',
+  'menu.exception.404': '404',
+  'menu.exception.500': '500',
+  'menu.form': 'フォーム',
+  'menu.form.basic-form': '基本フォーム',
+  'menu.form.step-form': 'ステップフォーム',
+  'menu.form.step-form.info': 'ステップフォーム（転送情報の書き込み）',
+  'menu.form.step-form.confirm': 'ステップフォーム（転送情報の確認）',
+  'menu.form.step-form.result': 'ステップフォーム（完成）',
+  'menu.form.advanced-form': '高度なフォーム',
+  'menu.list': 'リスト',
+  'menu.list.table-list': '検索テーブル',
+  'menu.list.basic-list': '基本リスト',
+  'menu.list.card-list': 'カードリスト',
+  'menu.list.search-list': '検索リスト',
+  'menu.list.search-list.articles': '検索リスト(記事)',
+  'menu.list.search-list.projects': '検索リスト(プロジェクト)',
+  'menu.list.search-list.applications': '検索リスト(アプリ)',
+  'menu.profile': 'プロフィール',
+  'menu.profile.basic': '基本プロフィール',
+  'menu.profile.advanced': '高度なプロフィール',
+  'menu.result': '結果',
+  'menu.result.success': '成功',
+  'menu.result.fail': '失敗',
+  'menu.exception': '例外',
+  'menu.exception.not-permission': '403',
+  'menu.exception.not-find': '404',
+  'menu.exception.server-error': '500',
+  'menu.exception.trigger': 'トリガー',
+  'menu.account': 'アカウント',
+  'menu.account.center': 'アカウントセンター',
+  'menu.account.settings': 'アカウント設定',
+  'menu.account.trigger': 'トリガーエラー',
+  'menu.account.logout': 'ログアウト',
+  'menu.editor': 'グラフィックエディタ',
+  'menu.editor.flow': 'フローエディタ',
+  'menu.editor.mind': 'マインドエディター',
+  'menu.editor.koni': 'コニエディター',
+};

src/locales/ja-JP/pages.js

@@ -0,0 +1,67 @@
+export default {
+  'pages.layouts.userLayout.title': 'Ant Designは、西湖区で最も影響力のあるWebデザイン仕様です。',
+  'pages.login.accountLogin.tab': 'アカウントログイン',
+  'pages.login.accountLogin.errorMessage':
+    'ユーザー名/パスワードが正しくありません（admin/ant.design)',
+  'pages.login.username.placeholder': 'ユーザー名：adminまたはuser',
+  'pages.login.username.required': 'ユーザー名を入力してください！',
+  'pages.login.password.placeholder': 'パスワード：ant.design',
+  'pages.login.password.required': 'パスワードを入力してください！',
+  'pages.login.phoneLogin.tab': '電話ログイン',
+  'pages.login.phoneLogin.errorMessage': '検証コードエラー',
+  'pages.login.phoneNumber.placeholder': '電話番号',
+  'pages.login.phoneNumber.required': '電話番号を入力してください！',
+  'pages.login.phoneNumber.invalid': '電話番号が無効です！',
+  'pages.login.captcha.placeholder': '確認コード',
+  'pages.login.captcha.required': '確認コードを入力してください！',
+  'pages.login.phoneLogin.getVerificationCode': '確認コードを取得',
+  'pages.getCaptchaSecondText': '秒',
+  'pages.login.rememberMe': 'Remember me',
+  'pages.login.forgotPassword': 'パスワードをお忘れですか？',
+  'pages.login.submit': 'ログイン',
+  'pages.login.loginWith': 'その他のログイン方法：',
+  'pages.login.registerAccount': 'アカウント登録',
+  'pages.welcome.advancedComponent': '高度なコンポーネント',
+  'pages.welcome.link': 'ようこそ',
+  'pages.welcome.advancedLayout': '高度なレイアウト',
+  'pages.welcome.alertMessage': 'より高速で強力な頑丈なコンポーネントがリリースされました。',
+  'pages.admin.subPage.title': 'このページは管理者のみが表示できます',
+  'pages.admin.subPage.alertMessage':
+    'Umi uiがリリースされました。npm run uiを使用して体験してください。',
+  'pages.searchTable.createForm.newRule': '新しいルール',
+  'pages.searchTable.updateForm.ruleConfig': 'ルール構成',
+  'pages.searchTable.updateForm.basicConfig': '基本情報',
+  'pages.searchTable.updateForm.ruleName.nameLabel': 'ルール名',
+  'pages.searchTable.updateForm.ruleName.nameRules': 'ルール名を入力してください！',
+  'pages.searchTable.updateForm.ruleDesc.descLabel': 'ルールの説明',
+  'pages.searchTable.updateForm.ruleDesc.descPlaceholder': '5文字以上入力してください',
+  'pages.searchTable.updateForm.ruleDesc.descRules': '5文字以上のルールの説明を入力してください！',
+  'pages.searchTable.updateForm.ruleProps.title': 'プロパティの構成',
+  'pages.searchTable.updateForm.object': '監視対象',
+  'pages.searchTable.updateForm.ruleProps.templateLabel': 'ルールテンプレート',
+  'pages.searchTable.updateForm.ruleProps.typeLabel': 'ルールタイプ',
+  'pages.searchTable.updateForm.schedulingPeriod.title': 'スケジュール期間の設定',
+  'pages.searchTable.updateForm.schedulingPeriod.timeLabel': '開始時間',
+  'pages.searchTable.updateForm.schedulingPeriod.timeRules': '開始時間を選択してください！',
+  'pages.searchTable.titleDesc': '説明',
+  'pages.searchTable.ruleName': 'ルール名が必要です',
+  'pages.searchTable.titleCallNo': 'サービスコール数',
+  'pages.searchTable.titleStatus': 'ステータス',
+  'pages.searchTable.nameStatus.default': 'デフォルト',
+  'pages.searchTable.nameStatus.running': '起動中',
+  'pages.searchTable.nameStatus.online': 'オンライン',
+  'pages.searchTable.nameStatus.abnormal': '異常',
+  'pages.searchTable.titleUpdatedAt': '最終スケジュール',
+  'pages.searchTable.exception': '例外の理由を入力してください！',
+  'pages.searchTable.titleOption': 'オプション',
+  'pages.searchTable.config': '構成',
+  'pages.searchTable.subscribeAlert': 'アラートを購読する',
+  'pages.searchTable.title': 'お問い合わせフォーム',
+  'pages.searchTable.new': '新しい',
+  'pages.searchTable.chosen': '選んだ項目',
+  'pages.searchTable.item': '項目',
+  'pages.searchTable.totalServiceCalls': 'サービスコールの総数',
+  'pages.searchTable.tenThousand': '万',
+  'pages.searchTable.batchDeletion': 'バッチ削除',
+  'pages.searchTable.batchApproval': 'バッチ承認',
+};

src/locales/ja-JP/pwa.js

@@ -0,0 +1,7 @@
+export default {
+  'app.pwa.offline': 'あなたは今オフラインです',
+  'app.pwa.serviceworker.updated': '新しいコンテンツが利用可能です',
+  'app.pwa.serviceworker.updated.hint':
+    '現在のページをリロードするには、「更新」ボタンを押してください',
+  'app.pwa.serviceworker.updated.ok': 'リフレッシュ',
+};

src/locales/ja-JP/settingDrawer.js

@@ -0,0 +1,31 @@
+export default {
+  'app.setting.pagestyle': 'ページスタイル設定',
+  'app.setting.pagestyle.dark': 'ダークスタイル',
+  'app.setting.pagestyle.light': 'ライトスタイル',
+  'app.setting.content-width': 'コンテンツの幅',
+  'app.setting.content-width.fixed': '固定',
+  'app.setting.content-width.fluid': '流体',
+  'app.setting.themecolor': 'テーマカラー',
+  'app.setting.themecolor.dust': 'ダストレッド',
+  'app.setting.themecolor.volcano': 'ボルケ-ノ',
+  'app.setting.themecolor.sunset': 'サンセットオレンジ',
+  'app.setting.themecolor.cyan': 'シアン',
+  'app.setting.themecolor.green': 'ポーラーグリーン',
+  'app.setting.themecolor.daybreak': '夜明けの青（デフォルト）',
+  'app.setting.themecolor.geekblue': 'ギーク ブルー',
+  'app.setting.themecolor.purple': 'ゴールデンパープル',
+  'app.setting.navigationmode': 'ナビゲーションモード',
+  'app.setting.sidemenu': 'サイドメニューのレイアウト',
+  'app.setting.topmenu': 'トップメニューのレイアウト',
+  'app.setting.fixedheader': '固定ヘッダー',
+  'app.setting.fixedsidebar': '固定サイドバー',
+  'app.setting.fixedsidebar.hint': 'サイドメニューのレイアウトで動作します',
+  'app.setting.hideheader': 'スクロール時の非表示ヘッダー',
+  'app.setting.hideheader.hint': '非表示ヘッダーが有効になっている場合に機能します',
+  'app.setting.othersettings': 'その他の設定',
+  'app.setting.weakmode': 'ウィークモード',
+  'app.setting.copy': 'コピー設定',
+  'app.setting.copyinfo':
+    'コピーが成功しました。src/models/setting.jsのdefaultSettingsを置き換えてください',
+  'app.setting.production.hint': '設定パネルは開発環境でのみ表示されます。手動で変更してください',
+};

src/locales/ja-JP/settings.js

@@ -0,0 +1,59 @@
+export default {
+  'app.settings.menuMap.basic': '基本設定',
+  'app.settings.menuMap.security': 'セキュリティ設定',
+  'app.settings.menuMap.binding': 'アカウントのバインド',
+  'app.settings.menuMap.notification': '新しいメッセージの通知',
+  'app.settings.basic.avatar': 'アバター',
+  'app.settings.basic.change-avatar': 'アバターを変更する',
+  'app.settings.basic.email': 'メール',
+  'app.settings.basic.email-message': 'メールアドレスを入力してください！',
+  'app.settings.basic.nickname': 'ニックネーム',
+  'app.settings.basic.nickname-message': 'ニックネームを入力してください！',
+  'app.settings.basic.profile': '個人プロフィール',
+  'app.settings.basic.profile-message': '個人プロフィールを入力してください!',
+  'app.settings.basic.profile-placeholder': '自己紹介',
+  'app.settings.basic.country': '国/地域',
+  'app.settings.basic.country-message': 'あなたの国を入力してください!',
+  'app.settings.basic.geographic': '州または市',
+  'app.settings.basic.geographic-message': '地理情報を入力してください!',
+  'app.settings.basic.address': '住所',
+  'app.settings.basic.address-message': '住所を入力してください!',
+  'app.settings.basic.phone': '電話番号',
+  'app.settings.basic.phone-message': '電話番号を入力してください!',
+  'app.settings.basic.update': '更新情報',
+  'app.settings.security.strong': '強い',
+  'app.settings.security.medium': 'ミディアム',
+  'app.settings.security.weak': '弱い',
+  'app.settings.security.password': 'アカウントパスワード',
+  'app.settings.security.password-description': '現在のパスワードの強度',
+  'app.settings.security.phone': 'セキュリティ電話番号',
+  'app.settings.security.phone-description': 'バインドされた電話番号',
+  'app.settings.security.question': '秘密の質問',
+  'app.settings.security.question-description':
+    'セキュリティの質問が設定されてません。セキュリティポリシーはアカウントのセキュリティを効果的に保護できます',
+  'app.settings.security.email': 'バックアップメール',
+  'app.settings.security.email-description': 'バインドされたメール',
+  'app.settings.security.mfa': '多要素認証デバイス',
+  'app.settings.security.mfa-description':
+    'バインドされていない多要素認証デバイスは、バインド後、2回確認できます',
+  'app.settings.security.modify': '変更する',
+  'app.settings.security.set': 'セットする',
+  'app.settings.security.bind': 'バインド',
+  'app.settings.binding.taobao': 'タオバオをバインドする',
+  'app.settings.binding.taobao-description': '現在バインドされていないタオバオアカウント',
+  'app.settings.binding.alipay': 'アリペイをバインドする',
+  'app.settings.binding.alipay-description': '現在バインドされていないアリペイアカウント',
+  'app.settings.binding.dingding': 'ディントークをバインドする',
+  'app.settings.binding.dingding-description': '現在バインドされていないディントークアカウント',
+  'app.settings.binding.bind': 'バインド',
+  'app.settings.notification.password': 'アカウントパスワード',
+  'app.settings.notification.password-description':
+    '他のユーザーからのメッセージは、ステーションレターの形式で通知されます',
+  'app.settings.notification.messages': 'システムメッセージ',
+  'app.settings.notification.messages-description':
+    'システムメッセージは、ステーションレターの形式で通知されます',
+  'app.settings.notification.todo': 'To Do（用事) 通知',
+  'app.settings.notification.todo-description': 'To Doタスクは、内部レターの形式で通知されます',
+  'app.settings.open': '開く',
+  'app.settings.close': '閉じる',
+};

src/locales/pt-BR.js

@@ -0,0 +1,19 @@
+import component from './pt-BR/component';
+import globalHeader from './pt-BR/globalHeader';
+import menu from './pt-BR/menu';
+import pwa from './pt-BR/pwa';
+import settingDrawer from './pt-BR/settingDrawer';
+import settings from './pt-BR/settings';
+export default {
+  'navBar.lang': 'Idiomas',
+  'layout.user.link.help': 'ajuda',
+  'layout.user.link.privacy': 'política de privacidade',
+  'layout.user.link.terms': 'termos de serviços',
+  'app.preview.down.block': 'Download this page to your local project',
+  ...globalHeader,
+  ...menu,
+  ...settingDrawer,
+  ...settings,
+  ...pwa,
+  ...component,
+};

src/locales/pt-BR/component.js

@@ -0,0 +1,5 @@
+export default {
+  'component.tagSelect.expand': 'Expandir',
+  'component.tagSelect.collapse': 'Diminuir',
+  'component.tagSelect.all': 'Todas',
+};

src/locales/pt-BR/globalHeader.js

@@ -0,0 +1,18 @@
+export default {
+  'component.globalHeader.search': 'Busca',
+  'component.globalHeader.search.example1': 'Exemplo de busca 1',
+  'component.globalHeader.search.example2': 'Exemplo de busca 2',
+  'component.globalHeader.search.example3': 'Exemplo de busca 3',
+  'component.globalHeader.help': 'Ajuda',
+  'component.globalHeader.notification': 'Notificação',
+  'component.globalHeader.notification.empty': 'Você visualizou todas as notificações.',
+  'component.globalHeader.message': 'Mensagem',
+  'component.globalHeader.message.empty': 'Você visualizou todas as mensagens.',
+  'component.globalHeader.event': 'Evento',
+  'component.globalHeader.event.empty': 'Você visualizou todos os eventos.',
+  'component.noticeIcon.clear': 'Limpar',
+  'component.noticeIcon.cleared': 'Limpo',
+  'component.noticeIcon.empty': 'Sem notificações',
+  'component.noticeIcon.loaded': 'Carregado',
+  'component.noticeIcon.view-more': 'Veja mais',
+};

src/locales/pt-BR/menu.js

@@ -0,0 +1,52 @@
+export default {
+  'menu.welcome': 'Welcome',
+  'menu.more-blocks': 'More Blocks',
+  'menu.home': 'Início',
+  'menu.login': 'Login',
+  'menu.admin': 'Admin',
+  'menu.admin.sub-page': 'Sub-Page',
+  'menu.register': 'Registro',
+  'menu.register.result': 'Resultado de registro',
+  'menu.dashboard': 'Dashboard',
+  'menu.dashboard.analysis': 'Análise',
+  'menu.dashboard.monitor': 'Monitor',
+  'menu.dashboard.workplace': 'Ambiente de Trabalho',
+  'menu.exception.403': '403',
+  'menu.exception.404': '404',
+  'menu.exception.500': '500',
+  'menu.form': 'Formulário',
+  'menu.form.basic-form': 'Formulário Básico',
+  'menu.form.step-form': 'Formulário Assistido',
+  'menu.form.step-form.info': 'Formulário Assistido(gravar informações de transferência)',
+  'menu.form.step-form.confirm': 'Formulário Assistido(confirmar informações de transferência)',
+  'menu.form.step-form.result': 'Formulário Assistido(finalizado)',
+  'menu.form.advanced-form': 'Formulário Avançado',
+  'menu.list': 'Lista',
+  'menu.list.table-list': 'Tabela de Busca',
+  'menu.list.basic-list': 'Lista Básica',
+  'menu.list.card-list': 'Lista de Card',
+  'menu.list.search-list': 'Lista de Busca',
+  'menu.list.search-list.articles': 'Lista de Busca(artigos)',
+  'menu.list.search-list.projects': 'Lista de Busca(projetos)',
+  'menu.list.search-list.applications': 'Lista de Busca(aplicações)',
+  'menu.profile': 'Perfil',
+  'menu.profile.basic': 'Perfil Básico',
+  'menu.profile.advanced': 'Perfil Avançado',
+  'menu.result': 'Resultado',
+  'menu.result.success': 'Sucesso',
+  'menu.result.fail': 'Falha',
+  'menu.exception': 'Exceção',
+  'menu.exception.not-permission': '403',
+  'menu.exception.not-find': '404',
+  'menu.exception.server-error': '500',
+  'menu.exception.trigger': 'Disparar',
+  'menu.account': 'Conta',
+  'menu.account.center': 'Central da Conta',
+  'menu.account.settings': 'Configurar Conta',
+  'menu.account.trigger': 'Disparar Erro',
+  'menu.account.logout': 'Sair',
+  'menu.editor': 'Graphic Editor',
+  'menu.editor.flow': 'Flow Editor',
+  'menu.editor.mind': 'Mind Editor',
+  'menu.editor.koni': 'Koni Editor',
+};

src/locales/pt-BR/pwa.js

@@ -0,0 +1,7 @@
+export default {
+  'app.pwa.offline': 'Você está offline agora',
+  'app.pwa.serviceworker.updated': 'Novo conteúdo está disponível',
+  'app.pwa.serviceworker.updated.hint':
+    'Por favor, pressione o botão "Atualizar" para recarregar a página atual',
+  'app.pwa.serviceworker.updated.ok': 'Atualizar',
+};

src/locales/pt-BR/settingDrawer.js

@@ -0,0 +1,32 @@
+export default {
+  'app.setting.pagestyle': 'Configuração de estilo da página',
+  'app.setting.pagestyle.dark': 'Dark style',
+  'app.setting.pagestyle.light': 'Light style',
+  'app.setting.content-width': 'Largura do conteúdo',
+  'app.setting.content-width.fixed': 'Fixo',
+  'app.setting.content-width.fluid': 'Fluido',
+  'app.setting.themecolor': 'Cor do Tema',
+  'app.setting.themecolor.dust': 'Dust Red',
+  'app.setting.themecolor.volcano': 'Volcano',
+  'app.setting.themecolor.sunset': 'Sunset Orange',
+  'app.setting.themecolor.cyan': 'Cyan',
+  'app.setting.themecolor.green': 'Polar Green',
+  'app.setting.themecolor.daybreak': 'Daybreak Blue (default)',
+  'app.setting.themecolor.geekblue': 'Geek Glue',
+  'app.setting.themecolor.purple': 'Golden Purple',
+  'app.setting.navigationmode': 'Modo de Navegação',
+  'app.setting.sidemenu': 'Layout do Menu Lateral',
+  'app.setting.topmenu': 'Layout do Menu Superior',
+  'app.setting.fixedheader': 'Cabeçalho fixo',
+  'app.setting.fixedsidebar': 'Barra lateral fixa',
+  'app.setting.fixedsidebar.hint': 'Funciona no layout do menu lateral',
+  'app.setting.hideheader': 'Esconder o cabeçalho quando rolar',
+  'app.setting.hideheader.hint': 'Funciona quando o esconder cabeçalho está abilitado',
+  'app.setting.othersettings': 'Outras configurações',
+  'app.setting.weakmode': 'Weak Mode',
+  'app.setting.copy': 'Copiar Configuração',
+  'app.setting.copyinfo':
+    'copiado com sucesso，por favor trocar o defaultSettings em src/models/setting.js',
+  'app.setting.production.hint':
+    'O painel de configuração apenas é exibido no ambiente de desenvolvimento, por favor modifique manualmente o',
+};

src/locales/pt-BR/settings.js

@@ -0,0 +1,60 @@
+export default {
+  'app.settings.menuMap.basic': 'Configurações Básicas',
+  'app.settings.menuMap.security': 'Configurações de Segurança',
+  'app.settings.menuMap.binding': 'Vinculação de Conta',
+  'app.settings.menuMap.notification': 'Mensagens de Notificação',
+  'app.settings.basic.avatar': 'Avatar',
+  'app.settings.basic.change-avatar': 'Alterar avatar',
+  'app.settings.basic.email': 'Email',
+  'app.settings.basic.email-message': 'Por favor insira seu email!',
+  'app.settings.basic.nickname': 'Nome de usuário',
+  'app.settings.basic.nickname-message': 'Por favor insira seu nome de usuário!',
+  'app.settings.basic.profile': 'Perfil pessoal',
+  'app.settings.basic.profile-message': 'Por favor insira seu perfil pessoal!',
+  'app.settings.basic.profile-placeholder': 'Breve introdução sua',
+  'app.settings.basic.country': 'País/Região',
+  'app.settings.basic.country-message': 'Por favor insira país!',
+  'app.settings.basic.geographic': 'Província, estado ou cidade',
+  'app.settings.basic.geographic-message': 'Por favor insira suas informações geográficas!',
+  'app.settings.basic.address': 'Endereço',
+  'app.settings.basic.address-message': 'Por favor insira seu endereço!',
+  'app.settings.basic.phone': 'Número de telefone',
+  'app.settings.basic.phone-message': 'Por favor insira seu número de telefone!',
+  'app.settings.basic.update': 'Atualizar Informações',
+  'app.settings.security.strong': 'Forte',
+  'app.settings.security.medium': 'Média',
+  'app.settings.security.weak': 'Fraca',
+  'app.settings.security.password': 'Senha da Conta',
+  'app.settings.security.password-description': 'Força da senha',
+  'app.settings.security.phone': 'Telefone de Seguraça',
+  'app.settings.security.phone-description': 'Telefone vinculado',
+  'app.settings.security.question': 'Pergunta de Segurança',
+  'app.settings.security.question-description':
+    'A pergunta de segurança não está definida e a política de segurança pode proteger efetivamente a segurança da conta',
+  'app.settings.security.email': 'Email de Backup',
+  'app.settings.security.email-description': 'Email vinculado',
+  'app.settings.security.mfa': 'Dispositivo MFA',
+  'app.settings.security.mfa-description':
+    'O dispositivo MFA não vinculado, após a vinculação, pode ser confirmado duas vezes',
+  'app.settings.security.modify': 'Modificar',
+  'app.settings.security.set': 'Atribuir',
+  'app.settings.security.bind': 'Vincular',
+  'app.settings.binding.taobao': 'Vincular Taobao',
+  'app.settings.binding.taobao-description': 'Atualmente não vinculado à conta Taobao',
+  'app.settings.binding.alipay': 'Vincular Alipay',
+  'app.settings.binding.alipay-description': 'Atualmente não vinculado à conta Alipay',
+  'app.settings.binding.dingding': 'Vincular DingTalk',
+  'app.settings.binding.dingding-description': 'Atualmente não vinculado à conta DingTalk',
+  'app.settings.binding.bind': 'Vincular',
+  'app.settings.notification.password': 'Senha da Conta',
+  'app.settings.notification.password-description':
+    'Mensagens de outros usuários serão notificadas na forma de uma estação de letra',
+  'app.settings.notification.messages': 'Mensagens de Sistema',
+  'app.settings.notification.messages-description':
+    'Mensagens de sistema serão notificadas na forma de uma estação de letra',
+  'app.settings.notification.todo': 'Notificação de To-do',
+  'app.settings.notification.todo-description':
+    'A lista de to-do será notificada na forma de uma estação de letra',
+  'app.settings.open': 'Aberto',
+  'app.settings.close': 'Fechado',
+};

src/locales/zh-CN.js

@@ -0,0 +1,23 @@
+import component from './zh-CN/component';
+import globalHeader from './zh-CN/globalHeader';
+import menu from './zh-CN/menu';
+import pwa from './zh-CN/pwa';
+import settingDrawer from './zh-CN/settingDrawer';
+import settings from './zh-CN/settings';
+import pages from './zh-CN/pages';
+export default {
+  'navBar.lang': '语言',
+  'layout.user.link.help': '帮助',
+  'layout.user.link.privacy': '隐私',
+  'layout.user.link.terms': '条款',
+  'app.preview.down.block': '下载此页面到本地项目',
+  'app.welcome.link.fetch-blocks': '获取全部区块',
+  'app.welcome.link.block-list': '基于 block 开发，快速构建标准页面',
+  ...pages,
+  ...globalHeader,
+  ...menu,
+  ...settingDrawer,
+  ...settings,
+  ...pwa,
+  ...component,
+};

src/locales/zh-CN/component.js

@@ -0,0 +1,5 @@
+export default {
+  'component.tagSelect.expand': '展开',
+  'component.tagSelect.collapse': '收起',
+  'component.tagSelect.all': '全部',
+};

src/locales/zh-CN/globalHeader.js

@@ -0,0 +1,17 @@
+export default {
+  'component.globalHeader.search': '站内搜索',
+  'component.globalHeader.search.example1': '搜索提示一',
+  'component.globalHeader.search.example2': '搜索提示二',
+  'component.globalHeader.search.example3': '搜索提示三',
+  'component.globalHeader.help': '使用文档',
+  'component.globalHeader.notification': '通知',
+  'component.globalHeader.notification.empty': '你已查看所有通知',
+  'component.globalHeader.message': '消息',
+  'component.globalHeader.message.empty': '您已读完所有消息',
+  'component.globalHeader.event': '待办',
+  'component.globalHeader.event.empty': '你已完成所有待办',
+  'component.noticeIcon.clear': '清空',
+  'component.noticeIcon.cleared': '清空了',
+  'component.noticeIcon.empty': '暂无数据',
+  'component.noticeIcon.view-more': '查看更多',
+};

src/locales/zh-CN/menu.js

@@ -0,0 +1,52 @@
+export default {
+  'menu.welcome': '欢迎',
+  'menu.more-blocks': '更多区块',
+  'menu.home': '首页',
+  'menu.admin': '管理页',
+  'menu.admin.sub-page': '二级管理页',
+  'menu.login': '登录',
+  'menu.register': '注册',
+  'menu.register.result': '注册结果',
+  'menu.dashboard': 'Dashboard',
+  'menu.dashboard.analysis': '分析页',
+  'menu.dashboard.monitor': '监控页',
+  'menu.dashboard.workplace': '工作台',
+  'menu.exception.403': '403',
+  'menu.exception.404': '404',
+  'menu.exception.500': '500',
+  'menu.form': '表单页',
+  'menu.form.basic-form': '基础表单',
+  'menu.form.step-form': '分步表单',
+  'menu.form.step-form.info': '分步表单（填写转账信息）',
+  'menu.form.step-form.confirm': '分步表单（确认转账信息）',
+  'menu.form.step-form.result': '分步表单（完成）',
+  'menu.form.advanced-form': '高级表单',
+  'menu.list': '列表页',
+  'menu.list.table-list': '查询表格',
+  'menu.list.basic-list': '标准列表',
+  'menu.list.card-list': '卡片列表',
+  'menu.list.search-list': '搜索列表',
+  'menu.list.search-list.articles': '搜索列表（文章）',
+  'menu.list.search-list.projects': '搜索列表（项目）',
+  'menu.list.search-list.applications': '搜索列表（应用）',
+  'menu.profile': '详情页',
+  'menu.profile.basic': '基础详情页',
+  'menu.profile.advanced': '高级详情页',
+  'menu.result': '结果页',
+  'menu.result.success': '成功页',
+  'menu.result.fail': '失败页',
+  'menu.exception': '异常页',
+  'menu.exception.not-permission': '403',
+  'menu.exception.not-find': '404',
+  'menu.exception.server-error': '500',
+  'menu.exception.trigger': '触发错误',
+  'menu.account': '个人页',
+  'menu.account.center': '个人中心',
+  'menu.account.settings': '个人设置',
+  'menu.account.trigger': '触发报错',
+  'menu.account.logout': '退出登录',
+  'menu.editor': '图形编辑器',
+  'menu.editor.flow': '流程编辑器',
+  'menu.editor.mind': '脑图编辑器',
+  'menu.editor.koni': '拓扑编辑器',
+};

src/locales/zh-CN/pages.js

@@ -0,0 +1,65 @@
+export default {
+  'pages.layouts.userLayout.title': 'Ant Design 是西湖区最具影响力的 Web 设计规范',
+  'pages.login.accountLogin.tab': '账户密码登录',
+  'pages.login.accountLogin.errorMessage': '错误的用户名和密码（admin/ant.design)',
+  'pages.login.username.placeholder': '用户名: admin or user',
+  'pages.login.username.required': '用户名是必填项！',
+  'pages.login.password.placeholder': '密码: ant.design',
+  'pages.login.password.required': '密码是必填项！',
+  'pages.login.phoneLogin.tab': '手机号登录',
+  'pages.login.phoneLogin.errorMessage': '验证码错误',
+  'pages.login.phoneNumber.placeholder': '请输入手机号！',
+  'pages.login.phoneNumber.required': '手机号是必填项！',
+  'pages.login.phoneNumber.invalid': '不合法的手机号！',
+  'pages.login.captcha.placeholder': '请输入验证码！',
+  'pages.login.captcha.required': '验证码是必填项！',
+  'pages.login.phoneLogin.getVerificationCode': '获取验证码',
+  'pages.getCaptchaSecondText': '秒后重新获取',
+  'pages.login.rememberMe': '自动登录',
+  'pages.login.forgotPassword': '忘记密码 ?',
+  'pages.login.submit': '提交',
+  'pages.login.loginWith': '其他登录方式 :',
+  'pages.login.registerAccount': '注册账户',
+  'pages.welcome.advancedComponent': '高级表格',
+  'pages.welcome.link': '欢迎使用',
+  'pages.welcome.advancedLayout': '高级布局',
+  'pages.welcome.alertMessage': '更快更强的重型组件，已经发布。',
+  'pages.admin.subPage.title': ' 这个页面只有 admin 权限才能查看',
+  'pages.admin.subPage.alertMessage': 'umi ui 现已发布，欢迎使用 npm run ui 启动体验。',
+  'pages.searchTable.createForm.newRule': '新建规则',
+  'pages.searchTable.updateForm.ruleConfig': '规则配置',
+  'pages.searchTable.updateForm.basicConfig': '基本信息',
+  'pages.searchTable.updateForm.ruleName.nameLabel': '规则名称',
+  'pages.searchTable.updateForm.ruleName.nameRules': '请输入规则名称！',
+  'pages.searchTable.updateForm.ruleDesc.descLabel': '规则描述',
+  'pages.searchTable.updateForm.ruleDesc.descPlaceholder': '请输入至少五个字符',
+  'pages.searchTable.updateForm.ruleDesc.descRules': '请输入至少五个字符的规则描述！',
+  'pages.searchTable.updateForm.ruleProps.title': '配置规则属性',
+  'pages.searchTable.updateForm.object': '监控对象',
+  'pages.searchTable.updateForm.ruleProps.templateLabel': '规则模板',
+  'pages.searchTable.updateForm.ruleProps.typeLabel': '规则类型',
+  'pages.searchTable.updateForm.schedulingPeriod.title': '设定调度周期',
+  'pages.searchTable.updateForm.schedulingPeriod.timeLabel': '开始时间',
+  'pages.searchTable.updateForm.schedulingPeriod.timeRules': '请选择开始时间！',
+  'pages.searchTable.titleDesc': '描述',
+  'pages.searchTable.ruleName': '规则名称为必填项',
+  'pages.searchTable.titleCallNo': '服务调用次数',
+  'pages.searchTable.titleStatus': '状态',
+  'pages.searchTable.nameStatus.default': '关闭',
+  'pages.searchTable.nameStatus.running': '运行中',
+  'pages.searchTable.nameStatus.online': '已上线',
+  'pages.searchTable.nameStatus.abnormal': '异常',
+  'pages.searchTable.titleUpdatedAt': '上次调度时间',
+  'pages.searchTable.exception': '请输入异常原因！',
+  'pages.searchTable.titleOption': '操作',
+  'pages.searchTable.config': '配置',
+  'pages.searchTable.subscribeAlert': '订阅警报',
+  'pages.searchTable.title': '查询表格',
+  'pages.searchTable.new': '新建',
+  'pages.searchTable.chosen': '已选择',
+  'pages.searchTable.item': '项',
+  'pages.searchTable.totalServiceCalls': '服务调用次数总计',
+  'pages.searchTable.tenThousand': '万',
+  'pages.searchTable.batchDeletion': '批量删除',
+  'pages.searchTable.batchApproval': '批量审批',
+};