From 4d639359b4b25fc8735fc22e22bff616c1d00747 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 10 Apr 2019 20:13:01 +0800
Subject: [PATCH 01/24] use netlify functions (#3961)

* use netlify functions

* fix: change url
---
 lambda/mock/matchMock.js | 2 +-
 netlify.toml             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lambda/mock/matchMock.js b/lambda/mock/matchMock.js
index 94027802..d7423612 100644
--- a/lambda/mock/matchMock.js
+++ b/lambda/mock/matchMock.js
@@ -14,7 +14,7 @@ function parseKey(key) {
     method = spliced[0].toLowerCase();
     path = spliced[1]; // eslint-disable-line
   }
-  const routerBasePath = process.env.NODE_ENV === 'dev' ? `${path}` : `/.netlify/functions${path}`;
+  const routerBasePath = `${path}`;
   return {
     method,
     path: routerBasePath,
diff --git a/netlify.toml b/netlify.toml
index 5ecaa964..9d3438c4 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -3,7 +3,7 @@
 
 [[redirects]]
   from = "/api/*"
-  to = "https://us-central1-antd-pro.cloudfunctions.net/api/api/:splat"
+  to = "/.netlify/functions/api/:splat"
   status = 200
   force = true
   [redirects.headers]

From f1c495d3f13fbbe1977b2bec891807cb418e7f91 Mon Sep 17 00:00:00 2001
From: "depfu[bot]" <depfu[bot]@users.noreply.github.com>
Date: Fri, 12 Apr 2019 09:20:48 +0000
Subject: [PATCH 02/24] Update stylelint-config-rational-order to version 0.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ac25710a..c4bf3e32 100644
--- a/package.json
+++ b/package.json
@@ -115,7 +115,7 @@
     "stylelint": "^9.10.1",
     "stylelint-config-css-modules": "^1.3.0",
     "stylelint-config-prettier": "^5.0.0",
-    "stylelint-config-rational-order": "^0.0.4",
+    "stylelint-config-rational-order": "^0.1.0",
     "stylelint-config-standard": "^18.2.0",
     "stylelint-declaration-block-no-ignored-properties": "^1.1.0",
     "stylelint-order": "^2.0.0",

From 23d00abbc8ef20e3b5f6f0bfe07d7d6d974c5aa2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=90=E5=B0=8F=E5=BF=83?= <qiqizjl@qq.com>
Date: Fri, 12 Apr 2019 22:23:15 +0800
Subject: [PATCH 03/24] =?UTF-8?q?Fix=E5=BD=93hideInBreadcrumb=3D=3Dtrue,?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E6=8A=A5=E9=94=99=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20(#3984)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix hideInBreadcrumb==true error

* update for ci
---
 .../PageHeaderWrapper/breadcrumb.js           | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/components/PageHeaderWrapper/breadcrumb.js b/src/components/PageHeaderWrapper/breadcrumb.js
index 66ca8b9c..0f25e8f7 100644
--- a/src/components/PageHeaderWrapper/breadcrumb.js
+++ b/src/components/PageHeaderWrapper/breadcrumb.js
@@ -61,20 +61,22 @@ const conversionFromLocation = (routerLocation, breadcrumbNameMap, props) => {
   // Convert the url to an array
   const pathSnippets = urlToList(routerLocation.pathname);
   // Loop data mosaic routing
-  const extraBreadcrumbItems = pathSnippets.map(url => {
-    const currentBreadcrumb = getBreadcrumb(breadcrumbNameMap, url);
-    if (currentBreadcrumb.inherited) {
-      return null;
-    }
-    const name = renderItemLocal(currentBreadcrumb);
-    const { hideInBreadcrumb } = currentBreadcrumb;
-    return name && !hideInBreadcrumb
-      ? {
-          path: url,
-          breadcrumbName: name,
-        }
-      : null;
-  });
+  const extraBreadcrumbItems = pathSnippets
+    .map(url => {
+      const currentBreadcrumb = getBreadcrumb(breadcrumbNameMap, url);
+      if (currentBreadcrumb.inherited) {
+        return null;
+      }
+      const name = renderItemLocal(currentBreadcrumb);
+      const { hideInBreadcrumb } = currentBreadcrumb;
+      return name && !hideInBreadcrumb
+        ? {
+            path: url,
+            breadcrumbName: name,
+          }
+        : null;
+    })
+    .filter(item => item !== null);
   // Add home breadcrumbs to your head if defined
   if (home) {
     extraBreadcrumbItems.unshift({

From e245efe0cbd72eda96849e8f0f4868aa8fdd2097 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B0=8F=E8=81=AA?=
 <xiaohuoni@users.noreply.github.com>
Date: Fri, 12 Apr 2019 22:26:28 +0800
Subject: [PATCH 04/24] change environment variables pro only (#3951)

* change environment variables pro only

* change notes
---
 .eslintrc.js               |  2 +-
 config/config.js           | 10 ++++++----
 config/plugin.config.js    |  7 +++++--
 jest.config.js             |  2 +-
 package.json               |  2 +-
 src/layouts/BasicLayout.js |  6 +++++-
 src/models/setting.js      |  3 ++-
 src/utils/authority.js     |  3 ++-
 8 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index aeeca68f..dbe7d4d3 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -10,7 +10,7 @@ module.exports = {
     jasmine: true,
   },
   globals: {
-    APP_TYPE: true,
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true, // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
     page: true,
   },
   rules: {
diff --git a/config/config.js b/config/config.js
index c68107bd..d939eac9 100644
--- a/config/config.js
+++ b/config/config.js
@@ -6,7 +6,8 @@ import defaultSettings from '../src/defaultSettings';
 import slash from 'slash2';
 
 const { pwa, primaryColor } = defaultSettings;
-const { APP_TYPE, TEST } = process.env;
+// preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION, TEST } = process.env;
 
 const plugins = [
   [
@@ -48,8 +49,8 @@ const plugins = [
 ];
 
 // 针对 preview.pro.ant.design 的 GA 统计代码
-// 业务上不需要这个
-if (APP_TYPE === 'site') {
+// preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
   plugins.push([
     'umi-plugin-ga',
     {
@@ -62,7 +63,8 @@ export default {
   // add for transfer to umi
   plugins,
   define: {
-    APP_TYPE: APP_TYPE || '',
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION:
+      ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION || '', // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
   },
   treeShaking: true,
   targets: {
diff --git a/config/plugin.config.js b/config/plugin.config.js
index 2273586e..59ce550f 100644
--- a/config/plugin.config.js
+++ b/config/plugin.config.js
@@ -24,8 +24,11 @@ function getModulePackageName(module) {
 }
 
 export default config => {
-  // pro 和 开发环境再添加这个插件
-  if (process.env.APP_TYPE === 'site' || process.env.NODE_ENV !== 'production') {
+  // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+  if (
+    process.env.ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site' ||
+    process.env.NODE_ENV !== 'production'
+  ) {
     // 将所有 less 合并为一个供 themePlugin使用
     const outFile = path.join(__dirname, '../.temp/ant-design-pro.less');
     const stylesDir = path.join(__dirname, '../src/');
diff --git a/jest.config.js b/jest.config.js
index a1d8c22c..ba22e52a 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -2,6 +2,6 @@ module.exports = {
   testURL: 'http://localhost:8000',
   preset: 'jest-puppeteer',
   globals: {
-    APP_TYPE: false,
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false, // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
   },
 };
diff --git a/package.json b/package.json
index c4bf3e32..3678c8ca 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "lint:prettier": "check-prettier lint",
     "lint:style": "stylelint 'src/**/*.less' --syntax less",
     "prettier": "node ./scripts/prettier.js",
-    "start": "cross-env APP_TYPE=site umi dev",
+    "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site umi dev",
     "start:no-mock": "cross-env MOCK=none umi dev",
     "test": "umi test",
     "test:all": "node ./tests/run-tests.js",
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index 249ff31f..686742dd 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -90,7 +90,11 @@ class BasicLayout extends React.Component {
   renderSettingDrawer = () => {
     // Do not render SettingDrawer in production
     // unless it is deployed in preview.pro.ant.design as demo
-    if (process.env.NODE_ENV === 'production' && APP_TYPE !== 'site') {
+    // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+    if (
+      process.env.NODE_ENV === 'production' &&
+      ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION !== 'site'
+    ) {
       return null;
     }
     return <SettingDrawer />;
diff --git a/src/models/setting.js b/src/models/setting.js
index 171da48d..3956ed3d 100644
--- a/src/models/setting.js
+++ b/src/models/setting.js
@@ -4,7 +4,8 @@ import defaultSettings from '../defaultSettings';
 let lessNodesAppended;
 const updateTheme = primaryColor => {
   // Don't compile less in production!
-  if (APP_TYPE !== 'site') {
+  // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+  if (ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION !== 'site') {
     return;
   }
   // Determine if the component is remounted
diff --git a/src/utils/authority.js b/src/utils/authority.js
index 396a9fbd..bb1aa23b 100644
--- a/src/utils/authority.js
+++ b/src/utils/authority.js
@@ -13,7 +13,8 @@ export function getAuthority(str) {
   if (typeof authority === 'string') {
     return [authority];
   }
-  if (!authority && APP_TYPE === 'site') {
+  // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
+  if (!authority && ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION === 'site') {
     return ['admin'];
   }
   return authority;

From 9a7e7ca7989719c09fea95c7b6880368d70af722 Mon Sep 17 00:00:00 2001
From: TnWah <327001249@qq.com>
Date: Mon, 15 Apr 2019 10:20:07 +0800
Subject: [PATCH 05/24] =?UTF-8?q?PageHeaderWrapper=E7=BB=84=E4=BB=B6bug=20?=
 =?UTF-8?q?(#3938)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* PageHeaderWrapper组件内PageHeader部分显示判断修改为title存在即可

* 删除title/content判断
---
 src/components/PageHeaderWrapper/index.js | 76 +++++++++++------------
 1 file changed, 37 insertions(+), 39 deletions(-)

diff --git a/src/components/PageHeaderWrapper/index.js b/src/components/PageHeaderWrapper/index.js
index 7cf822df..a78da3d8 100644
--- a/src/components/PageHeaderWrapper/index.js
+++ b/src/components/PageHeaderWrapper/index.js
@@ -49,47 +49,45 @@ const PageHeaderWrapper = ({
   return (
     <div style={{ margin: '-24px -24px 0' }} className={classNames(classNames, styles.main)}>
       {top}
-      {title && content && (
-        <MenuContext.Consumer>
-          {value => {
-            return (
-              <PageHeader
-                wide={contentWidth === 'Fixed'}
-                title={
-                  <Title
-                    level={4}
-                    style={{
-                      marginBottom: 0,
-                    }}
-                  >
-                    {title}
-                  </Title>
-                }
-                key="pageheader"
-                {...restProps}
-                breadcrumb={conversionBreadcrumbList({
-                  ...value,
-                  ...restProps,
-                  home: <FormattedMessage id="menu.home" defaultMessage="Home" />,
-                })}
-                className={styles.pageHeader}
-                linkElement={Link}
-                footer={renderFooter(restProps)}
-              >
-                <div className={styles.detail}>
-                  {logo && <div className={styles.logo}>{logo}</div>}
-                  <div className={styles.main}>
-                    <div className={styles.row}>
-                      {content && <div className={styles.content}>{content}</div>}
-                      {extraContent && <div className={styles.extraContent}>{extraContent}</div>}
-                    </div>
+      <MenuContext.Consumer>
+        {value => {
+          return (
+            <PageHeader
+              wide={contentWidth === 'Fixed'}
+              title={
+                <Title
+                  level={4}
+                  style={{
+                    marginBottom: 0,
+                  }}
+                >
+                  {title}
+                </Title>
+              }
+              key="pageheader"
+              {...restProps}
+              breadcrumb={conversionBreadcrumbList({
+                ...value,
+                ...restProps,
+                home: <FormattedMessage id="menu.home" defaultMessage="Home" />,
+              })}
+              className={styles.pageHeader}
+              linkElement={Link}
+              footer={renderFooter(restProps)}
+            >
+              <div className={styles.detail}>
+                {logo && <div className={styles.logo}>{logo}</div>}
+                <div className={styles.main}>
+                  <div className={styles.row}>
+                    {content && <div className={styles.content}>{content}</div>}
+                    {extraContent && <div className={styles.extraContent}>{extraContent}</div>}
                   </div>
                 </div>
-              </PageHeader>
-            );
-          }}
-        </MenuContext.Consumer>
-      )}
+              </div>
+            </PageHeader>
+          );
+        }}
+      </MenuContext.Consumer>
       {children ? (
         <div className={styles['children-content']}>
           <GridContent>{children}</GridContent>

From 123f46d79dcfaa9bf0500eb2d814deacbaf321c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 15 Apr 2019 11:32:33 +0800
Subject: [PATCH 06/24] feat: add site script

---
 package.json | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 3678c8ca..8b71bcb1 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "description": "An out-of-box UI solution for enterprise applications",
   "scripts": {
     "analyze": "cross-env ANALYZE=1 umi build",
-    "build": "umi build && npm run functions:build",
+    "build": "umi build",
     "docker-hub:build": "docker build  -f Dockerfile.hub -t  ant-design-pro ./",
     "docker-prod:build": "docker-compose -f ./docker/docker-compose.yml build",
     "docker-prod:dev": "docker-compose -f ./docker/docker-compose.yml up",
@@ -23,6 +23,7 @@
     "lint:prettier": "check-prettier lint",
     "lint:style": "stylelint 'src/**/*.less' --syntax less",
     "prettier": "node ./scripts/prettier.js",
+    "site": "umi build && npm run functions:build",
     "start": "cross-env ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION=site umi dev",
     "start:no-mock": "cross-env MOCK=none umi dev",
     "test": "umi test",
@@ -111,6 +112,7 @@
     "merge-umi-mock-data": "^1.0.4",
     "mockjs": "^1.0.1-beta3",
     "prettier": "^1.16.4",
+    "serverless-http": "^1.9.1",
     "slash2": "^2.0.0",
     "stylelint": "^9.10.1",
     "stylelint-config-css-modules": "^1.3.0",
@@ -122,8 +124,7 @@
     "tslint": "^5.12.1",
     "tslint-config-prettier": "^1.17.0",
     "tslint-react": "^3.6.0",
-    "umi-plugin-ga": "^1.1.3",
-    "serverless-http": "^1.9.1"
+    "umi-plugin-ga": "^1.1.3"
   },
   "optionalDependencies": {
     "puppeteer": "^1.12.1"

From 81e86060543ca06356b65768585131f990f373d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 18 Apr 2019 16:42:48 +0800
Subject: [PATCH 07/24] feat: support extra

---
 src/components/PageHeaderWrapper/index.d.ts | 1 -
 src/pages/Profile/AdvancedProfile.js        | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/PageHeaderWrapper/index.d.ts b/src/components/PageHeaderWrapper/index.d.ts
index 21c8759b..3ed6d0f9 100644
--- a/src/components/PageHeaderWrapper/index.d.ts
+++ b/src/components/PageHeaderWrapper/index.d.ts
@@ -1,6 +1,5 @@
 import React from 'react';
 export interface ResultProps {
-  actions?: React.ReactNode;
   className?: string;
   description?: React.ReactNode;
   extra?: React.ReactNode;
diff --git a/src/pages/Profile/AdvancedProfile.js b/src/pages/Profile/AdvancedProfile.js
index 0006f993..142bc999 100644
--- a/src/pages/Profile/AdvancedProfile.js
+++ b/src/pages/Profile/AdvancedProfile.js
@@ -262,7 +262,7 @@ class AdvancedProfile extends Component {
         logo={
           <img alt="" src="https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png" />
         }
-        action={action}
+        extra={action}
         content={description}
         extraContent={extra}
         tabList={tabList}

From 79cc60ac320ac48d4e9f548fd782f76ab56d4a7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 18 Apr 2019 17:08:04 +0800
Subject: [PATCH 08/24] fix #4025 ,feat: home will be able to click

---
 src/components/PageHeaderWrapper/breadcrumb.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/PageHeaderWrapper/breadcrumb.js b/src/components/PageHeaderWrapper/breadcrumb.js
index 0f25e8f7..c20eaf63 100644
--- a/src/components/PageHeaderWrapper/breadcrumb.js
+++ b/src/components/PageHeaderWrapper/breadcrumb.js
@@ -8,6 +8,10 @@ import { urlToList } from '../_utils/pathTools';
 // Render the Breadcrumb child node
 const itemRender = (route, params, routes, paths) => {
   const last = routes.indexOf(route) === routes.length - 1;
+  // if path is home, use Link。
+  if (route.path === '/') {
+    return <Link to={paths.join('/')}>{route.breadcrumbName}</Link>;
+  }
   return last || !route.component ? (
     <span>{route.breadcrumbName}</span>
   ) : (

From edd2962ea3d52444c5ee09bd825a163866b385a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 18 Apr 2019 17:38:16 +0800
Subject: [PATCH 09/24] fix lint style

---
 .eslintrc.js                            | 1 +
 src/components/Exception/index.less     | 2 +-
 src/components/SettingDrawer/index.less | 2 +-
 src/utils/utils.less                    | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index dbe7d4d3..30e47107 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -27,6 +27,7 @@ module.exports = {
         devDependencies: ['**/tests/**.js', '/mock/**/**.js', '**/**.test.js'],
       },
     ],
+    'import/no-cycle': 0,
     'jsx-a11y/no-noninteractive-element-interactions': 0,
     'jsx-a11y/click-events-have-key-events': 0,
     'jsx-a11y/no-static-element-interactions': 0,
diff --git a/src/components/Exception/index.less b/src/components/Exception/index.less
index 45a2844b..5393bb71 100644
--- a/src/components/Exception/index.less
+++ b/src/components/Exception/index.less
@@ -13,8 +13,8 @@
     zoom: 1;
     &::before,
     &::after {
-      content: ' ';
       display: table;
+      content: ' ';
     }
     &::after {
       clear: both;
diff --git a/src/components/SettingDrawer/index.less b/src/components/SettingDrawer/index.less
index bb64b079..06548788 100644
--- a/src/components/SettingDrawer/index.less
+++ b/src/components/SettingDrawer/index.less
@@ -63,8 +63,8 @@
   right: 300px;
   z-index: 0;
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   width: 48px;
   height: 48px;
   font-size: 16px;
diff --git a/src/utils/utils.less b/src/utils/utils.less
index 7be54ba5..de1aa642 100644
--- a/src/utils/utils.less
+++ b/src/utils/utils.less
@@ -38,8 +38,8 @@
   zoom: 1;
   &::before,
   &::after {
-    content: ' ';
     display: table;
+    content: ' ';
   }
   &::after {
     clear: both;

From cc5c81555ea31f3e149bbc82796366619c3b47b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=8B=B7=E9=92=89?= <41830859@qq.com>
Date: Fri, 19 Apr 2019 16:13:45 +0800
Subject: [PATCH 10/24] hiddenBreadcrumb && menu.disableLocal (#4009)

* menu.disableLocal

* hiddenBreadcrumb

* lint

* lint
---
 src/components/Authorized/CheckPermissions.js  |  1 +
 src/components/Authorized/PromiseRender.js     |  1 +
 src/components/Authorized/Secured.js           |  1 +
 src/components/PageHeaderWrapper/breadcrumb.js |  6 +++++-
 src/components/PageHeaderWrapper/index.js      | 14 +++++++++-----
 5 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/Authorized/CheckPermissions.js b/src/components/Authorized/CheckPermissions.js
index 4b49d1f8..a1da2618 100644
--- a/src/components/Authorized/CheckPermissions.js
+++ b/src/components/Authorized/CheckPermissions.js
@@ -1,4 +1,5 @@
 import React from 'react';
+// eslint-disable-next-line import/no-cycle
 import PromiseRender from './PromiseRender';
 import { CURRENT } from './renderAuthorize';
 
diff --git a/src/components/Authorized/PromiseRender.js b/src/components/Authorized/PromiseRender.js
index 58de6593..c03a41d4 100644
--- a/src/components/Authorized/PromiseRender.js
+++ b/src/components/Authorized/PromiseRender.js
@@ -1,6 +1,7 @@
 import { Spin } from 'antd';
 import isEqual from 'lodash/isEqual';
 import React from 'react';
+// eslint-disable-next-line import/no-cycle
 import { isComponentClass } from './Secured';
 
 export default class PromiseRender extends React.Component {
diff --git a/src/components/Authorized/Secured.js b/src/components/Authorized/Secured.js
index 25b961f0..bd53b2f5 100644
--- a/src/components/Authorized/Secured.js
+++ b/src/components/Authorized/Secured.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Exception from '../Exception';
+// eslint-disable-next-line import/no-cycle
 import CheckPermissions from './CheckPermissions';
 
 /**
diff --git a/src/components/PageHeaderWrapper/breadcrumb.js b/src/components/PageHeaderWrapper/breadcrumb.js
index c20eaf63..4264fef3 100644
--- a/src/components/PageHeaderWrapper/breadcrumb.js
+++ b/src/components/PageHeaderWrapper/breadcrumb.js
@@ -3,6 +3,7 @@ import pathToRegexp from 'path-to-regexp';
 import Link from 'umi/link';
 import { formatMessage } from 'umi-plugin-react/locale';
 import { urlToList } from '../_utils/pathTools';
+import { menu } from '../../defaultSettings';
 
 // 渲染Breadcrumb 子节点
 // Render the Breadcrumb child node
@@ -21,7 +22,10 @@ const itemRender = (route, params, routes, paths) => {
 
 const renderItemLocal = item => {
   if (item.locale) {
-    return formatMessage({ id: item.locale, defaultMessage: item.name });
+    const name = menu.disableLocal
+      ? item.name
+      : formatMessage({ id: item.locale, defaultMessage: item.name });
+    return name;
   }
   return item.name;
 };
diff --git a/src/components/PageHeaderWrapper/index.js b/src/components/PageHeaderWrapper/index.js
index a78da3d8..1e5318ff 100644
--- a/src/components/PageHeaderWrapper/index.js
+++ b/src/components/PageHeaderWrapper/index.js
@@ -44,6 +44,7 @@ const PageHeaderWrapper = ({
   content,
   logo,
   extraContent,
+  hiddenBreadcrumb,
   ...restProps
 }) => {
   return (
@@ -66,11 +67,14 @@ const PageHeaderWrapper = ({
               }
               key="pageheader"
               {...restProps}
-              breadcrumb={conversionBreadcrumbList({
-                ...value,
-                ...restProps,
-                home: <FormattedMessage id="menu.home" defaultMessage="Home" />,
-              })}
+              breadcrumb={
+                !hiddenBreadcrumb &&
+                conversionBreadcrumbList({
+                  ...value,
+                  ...restProps,
+                  home: <FormattedMessage id="menu.home" defaultMessage="Home" />,
+                })
+              }
               className={styles.pageHeader}
               linkElement={Link}
               footer={renderFooter(restProps)}

From ab35aa0066642e7f33fee41159e14044168200e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 22 Apr 2019 15:58:53 +0800
Subject: [PATCH 11/24] prettier md

---
 .prettierignore                               |   1 -
 .prettierrc                                   |   1 +
 package.json                                  |   2 +-
 scripts/getPrettierFiles.js                   |   2 +
 .../Authorized/demo/AuthorizedArray.md        |   4 +-
 .../Authorized/demo/AuthorizedFunction.md     |  10 +-
 src/components/Authorized/demo/basic.md       |   4 +-
 src/components/Authorized/demo/secured.md     |   8 +-
 src/components/Authorized/index.md            |  40 ++--
 src/components/AvatarList/demo/maxLength.md   |  52 +++--
 src/components/AvatarList/demo/simple.md      |  28 ++-
 src/components/AvatarList/index.en-US.md      |   8 +-
 src/components/AvatarList/index.zh-CN.md      |  18 +-
 src/components/Charts/demo/bar.md             |  12 +-
 src/components/Charts/demo/chart-card.md      |  29 +--
 src/components/Charts/demo/gauge.md           |  14 +-
 src/components/Charts/demo/mini-area.md       |  15 +-
 src/components/Charts/demo/mini-bar.md        |  13 +-
 src/components/Charts/demo/mini-pie.md        |   8 +-
 src/components/Charts/demo/mini-progress.md   |   8 +-
 src/components/Charts/demo/mix.md             |  48 ++---
 src/components/Charts/demo/pie.md             |   4 +-
 src/components/Charts/demo/radar.md           |  19 +-
 src/components/Charts/demo/tag-cloud.md       |  13 +-
 src/components/Charts/demo/timeline-chart.md  |  15 +-
 src/components/Charts/demo/waterwave.md       |  17 +-
 src/components/Charts/index.md                | 107 ++++++-----
 src/components/CountDown/demo/simple.md       |   8 +-
 src/components/CountDown/index.en-US.md       |  10 +-
 src/components/CountDown/index.zh-CN.md       |  12 +-
 src/components/DescriptionList/demo/basic.md  |  27 ++-
 .../DescriptionList/demo/vertical.md          |  27 ++-
 src/components/DescriptionList/index.en-US.md |  30 +--
 src/components/DescriptionList/index.zh-CN.md |  33 ++--
 src/components/Ellipsis/demo/line.md          |  24 ++-
 src/components/Ellipsis/demo/number.md        |  18 +-
 src/components/Ellipsis/index.en-US.md        |  14 +-
 src/components/Ellipsis/index.zh-CN.md        |  12 +-
 src/components/Exception/demo/403.md          |   8 +-
 src/components/Exception/demo/404.md          |   8 +-
 src/components/Exception/demo/500.md          |   8 +-
 src/components/Exception/index.en-US.md       |  18 +-
 src/components/Exception/index.zh-CN.md       |  18 +-
 src/components/FooterToolbar/demo/basic.md    |   9 +-
 src/components/FooterToolbar/index.en-US.md   |   8 +-
 src/components/FooterToolbar/index.zh-CN.md   |   8 +-
 src/components/GlobalFooter/demo/basic.md     |  49 +++--
 src/components/GlobalFooter/index.md          |   8 +-
 src/components/HeaderSearch/demo/basic.md     |  13 +-
 src/components/HeaderSearch/index.en-US.md    |  22 +--
 src/components/HeaderSearch/index.zh-CN.md    |  22 +--
 src/components/Login/demo/basic.md            |  28 +--
 src/components/Login/index.en-US.md           |  38 ++--
 src/components/Login/index.zh-CN.md           |  37 ++--
 src/components/NoticeIcon/demo/basic.md       |   4 +-
 src/components/NoticeIcon/demo/popover.md     | 181 ++++++++++--------
 src/components/NoticeIcon/index.en-US.md      |  62 +++---
 src/components/NoticeIcon/index.zh-CN.md      |  60 +++---
 src/components/NumberInfo/demo/basic.md       |  11 +-
 src/components/NumberInfo/index.en-US.md      |  18 +-
 src/components/NumberInfo/index.zh-CN.md      |  18 +-
 src/components/Result/demo/classic.md         |  13 +-
 src/components/Result/demo/error.md           |  23 ++-
 src/components/Result/demo/structure.md       |   9 +-
 src/components/Result/index.md                |  14 +-
 src/components/TagSelect/demo/expandable.md   |   9 +-
 src/components/TagSelect/demo/simple.md       |   9 +-
 src/components/TagSelect/index.md             |  22 +--
 src/components/Trend/demo/basic.md            |  11 +-
 src/components/Trend/demo/reverse.md          |  13 +-
 src/components/Trend/index.md                 |  10 +-
 71 files changed, 752 insertions(+), 752 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 6ce5e018..d33a8696 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,4 +1,3 @@
-**/*.md
 **/*.svg
 package.json
 .umi
diff --git a/.prettierrc b/.prettierrc
index 0cc0de65..fdcf70e9 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -2,6 +2,7 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "printWidth": 100,
+  "proseWrap": "never",
   "overrides": [
     {
       "files": ".prettierrc",
diff --git a/package.json b/package.json
index 8b71bcb1..00e82ac0 100644
--- a/package.json
+++ b/package.json
@@ -111,7 +111,7 @@
     "lint-staged": "^8.1.1",
     "merge-umi-mock-data": "^1.0.4",
     "mockjs": "^1.0.1-beta3",
-    "prettier": "^1.16.4",
+    "prettier": "^1.17.0",
     "serverless-http": "^1.9.1",
     "slash2": "^2.0.0",
     "stylelint": "^9.10.1",
diff --git a/scripts/getPrettierFiles.js b/scripts/getPrettierFiles.js
index 2b01a8ef..500ab092 100644
--- a/scripts/getPrettierFiles.js
+++ b/scripts/getPrettierFiles.js
@@ -7,11 +7,13 @@ const getPrettierFiles = () => {
   const configFiles = glob.sync('config/**/*.js*', { ignore: ['**/node_modules/**', 'build/**'] });
   const scriptFiles = glob.sync('scripts/**/*.js');
   const lessFiles = glob.sync('src/**/*.less*', { ignore: ['**/node_modules/**', 'build/**'] });
+  const mdFiles = glob.sync('src/**/*.md*', { ignore: ['**/node_modules/**', 'build/**'] });
   files = files.concat(jsFiles);
   files = files.concat(tsFiles);
   files = files.concat(configFiles);
   files = files.concat(scriptFiles);
   files = files.concat(lessFiles);
+  files = files.concat(mdFiles);
   if (!files.length) {
     return;
   }
diff --git a/src/components/Authorized/demo/AuthorizedArray.md b/src/components/Authorized/demo/AuthorizedArray.md
index 46eaf761..1bef5c92 100644
--- a/src/components/Authorized/demo/AuthorizedArray.md
+++ b/src/components/Authorized/demo/AuthorizedArray.md
@@ -1,6 +1,6 @@
 ---
 order: 1
-title: 
+title:
   zh-CN: 使用数组作为参数
   en-US: Use Array as a parameter
 ---
@@ -18,6 +18,6 @@ ReactDOM.render(
   <Authorized authority={['user', 'admin']} noMatch={noMatch}>
     <Alert message="Use Array as a parameter passed!" type="success" showIcon />
   </Authorized>,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Authorized/demo/AuthorizedFunction.md b/src/components/Authorized/demo/AuthorizedFunction.md
index 8ad8b91e..cd3cdd4a 100644
--- a/src/components/Authorized/demo/AuthorizedFunction.md
+++ b/src/components/Authorized/demo/AuthorizedFunction.md
@@ -1,6 +1,6 @@
 ---
 order: 2
-title: 
+title:
   zh-CN: 使用方法作为参数
   en-US: Use function as a parameter
 ---
@@ -20,12 +20,8 @@ const havePermission = () => {
 
 ReactDOM.render(
   <Authorized authority={havePermission} noMatch={noMatch}>
-    <Alert
-      message="Use Function as a parameter passed!"
-      type="success"
-      showIcon
-    />
+    <Alert message="Use Function as a parameter passed!" type="success" showIcon />
   </Authorized>,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Authorized/demo/basic.md b/src/components/Authorized/demo/basic.md
index a5f12f29..f40272f4 100644
--- a/src/components/Authorized/demo/basic.md
+++ b/src/components/Authorized/demo/basic.md
@@ -1,6 +1,6 @@
 ---
 order: 0
-title: 
+title:
   zh-CN: 基本使用
   en-US: Basic use
 ---
@@ -20,6 +20,6 @@ ReactDOM.render(
       <Alert message="user Passed!" type="success" showIcon />
     </Authorized>
   </div>,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Authorized/demo/secured.md b/src/components/Authorized/demo/secured.md
index 1999852f..55d5cd9b 100644
--- a/src/components/Authorized/demo/secured.md
+++ b/src/components/Authorized/demo/secured.md
@@ -1,6 +1,6 @@
 ---
 order: 3
-title: 
+title:
   zh-CN: 注解基本使用
   en-US: Basic use secured
 ---
@@ -16,15 +16,13 @@ const { Secured } = RenderAuthorized('user');
 @Secured('admin')
 class TestSecuredString extends React.Component {
   render() {
-    return (
-      <Alert message="user Passed!" type="success" showIcon />
-    )
+    return <Alert message="user Passed!" type="success" showIcon />;
   }
 }
 ReactDOM.render(
   <div>
     <TestSecuredString />
   </div>,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Authorized/index.md b/src/components/Authorized/index.md
index 48c93f8f..ac09ccab 100644
--- a/src/components/Authorized/index.md
+++ b/src/components/Authorized/index.md
@@ -15,23 +15,22 @@ order: 15
 
 权限组件默认 export RenderAuthorized 函数，它接收当前权限作为参数，返回一个权限对象，该对象提供以下几种使用方式。
 
-
 ### Authorized
 
 最基础的权限控制。
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| children    | 正常渲染的元素，权限判断通过时展示           | ReactNode  | - |
-| authority   | 准入权限/权限判断         | `string | array | Promise | (currentAuthority) => boolean | Promise` | - |
-| noMatch     | 权限异常渲染元素，权限判断不通过时展示        | ReactNode  | - |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| children | 正常渲染的元素，权限判断通过时展示 | ReactNode | - |
+| authority | 准入权限/权限判断 | `string | array | Promise | (currentAuthority) => boolean | Promise` | - |
+| noMatch | 权限异常渲染元素，权限判断不通过时展示 | ReactNode | - |
 
 ### Authorized.AuthorizedRoute
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| authority     | 准入权限/权限判断         | `string | array | Promise | (currentAuthority) => boolean | Promise` | - |
-| redirectPath  | 权限异常时重定向的页面路由                | string  | - |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| authority | 准入权限/权限判断 | `string | array | Promise | (currentAuthority) => boolean | Promise` | - |
+| redirectPath | 权限异常时重定向的页面路由 | string | - |
 
 其余参数与 `Route` 相同。
 
@@ -39,18 +38,17 @@ order: 15
 
 注解方式，`@Authorized.Secured(authority, error)`
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| authority     | 准入权限/权限判断         | `string | Promise | (currentAuthority) => boolean | Promise` | - |
-| error  | 权限异常时渲染元素                |  ReactNode | <Exception type="403" /> |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| authority | 准入权限/权限判断 | `string | Promise | (currentAuthority) => boolean | Promise` | - |
+| error | 权限异常时渲染元素 | ReactNode | <Exception type="403" /> |
 
 ### Authorized.check
 
-函数形式的 Authorized，用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)`
-注意：传入一个 Promise 时，无论正确还是错误返回的都是一个 ReactClass。
+函数形式的 Authorized，用于某些不能被 HOC 包裹的组件。 `Authorized.check(authority, target, Exception)` 注意：传入一个 Promise 时，无论正确还是错误返回的都是一个 ReactClass。
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| authority     | 准入权限/权限判断         | `string | Promise | (currentAuthority) => boolean | Promise` | - |
-| target     | 权限判断通过时渲染的元素         | ReactNode | - |
-| Exception  | 权限异常时渲染元素                |  ReactNode | - |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| authority | 准入权限/权限判断 | `string | Promise | (currentAuthority) => boolean | Promise` | - |
+| target | 权限判断通过时渲染的元素 | ReactNode | - |
+| Exception | 权限异常时渲染元素 | ReactNode | - |
diff --git a/src/components/AvatarList/demo/maxLength.md b/src/components/AvatarList/demo/maxLength.md
index 76c6b421..52f0930e 100644
--- a/src/components/AvatarList/demo/maxLength.md
+++ b/src/components/AvatarList/demo/maxLength.md
@@ -1,24 +1,46 @@
 ---
 order: 0
-title: 
-  zh-CN: 要显示的最大项目 
+title:
+  zh-CN: 要显示的最大项目
   en-US: Max Items to Show
 ---
 
-`maxLength` attribute specifies the maximum number of items to show while `excessItemsStyle` style the excess
-item component.
+`maxLength` attribute specifies the maximum number of items to show while `excessItemsStyle` style the excess item component.
 
-````jsx
+```jsx
 import AvatarList from 'ant-design-pro/lib/AvatarList';
 
 ReactDOM.render(
-  <AvatarList size="mini" maxLength={3} excessItemsStyle={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>
-    <AvatarList.Item tips="Jake" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" />
-    <AvatarList.Item tips="Andy" src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />
-    <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
-    <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
-    <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
-    <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
-  </AvatarList>
-, mountNode);
-````
+  <AvatarList
+    size="mini"
+    maxLength={3}
+    excessItemsStyle={{ color: '#f56a00', backgroundColor: '#fde3cf' }}
+  >
+    <AvatarList.Item
+      tips="Jake"
+      src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png"
+    />
+    <AvatarList.Item
+      tips="Andy"
+      src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png"
+    />
+    <AvatarList.Item
+      tips="Niko"
+      src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"
+    />
+    <AvatarList.Item
+      tips="Niko"
+      src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"
+    />
+    <AvatarList.Item
+      tips="Niko"
+      src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"
+    />
+    <AvatarList.Item
+      tips="Niko"
+      src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"
+    />
+  </AvatarList>,
+  mountNode
+);
+```
diff --git a/src/components/AvatarList/demo/simple.md b/src/components/AvatarList/demo/simple.md
index e941aea9..d4438b33 100644
--- a/src/components/AvatarList/demo/simple.md
+++ b/src/components/AvatarList/demo/simple.md
@@ -1,20 +1,30 @@
 ---
 order: 0
-title: 
-  zh-CN: 基础样例 
+title:
+  zh-CN: 基础样例
   en-US: Basic Usage
 ---
 
 Simplest of usage.
 
-````jsx
+```jsx
 import AvatarList from 'ant-design-pro/lib/AvatarList';
 
 ReactDOM.render(
   <AvatarList size="mini">
-    <AvatarList.Item tips="Jake" src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png" />
-    <AvatarList.Item tips="Andy" src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png" />
-    <AvatarList.Item tips="Niko" src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png" />
-  </AvatarList>
-, mountNode);
-````
+    <AvatarList.Item
+      tips="Jake"
+      src="https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png"
+    />
+    <AvatarList.Item
+      tips="Andy"
+      src="https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png"
+    />
+    <AvatarList.Item
+      tips="Niko"
+      src="https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png"
+    />
+  </AvatarList>,
+  mountNode
+);
+```
diff --git a/src/components/AvatarList/index.en-US.md b/src/components/AvatarList/index.en-US.md
index 7fc39cc2..ee996c31 100644
--- a/src/components/AvatarList/index.en-US.md
+++ b/src/components/AvatarList/index.en-US.md
@@ -10,11 +10,11 @@ A list of user's avatar for project or group member list frequently. If a large
 
 ### AvatarList
 
-| Property         | Description           | Type                               | Default   |
-| ---------------- | --------------------- | ---------------------------------- | --------- |
+| Property         | Description           | Type                                 | Default   |
+| ---------------- | --------------------- | ------------------------------------ | --------- |
 | size             | size of list          | `large`、`small` 、`mini`, `default` | `default` |
-| maxLength        | max items to show     | number                             | -         |
-| excessItemsStyle | the excess item style | CSSProperties                      | -         |
+| maxLength        | max items to show     | number                               | -         |
+| excessItemsStyle | the excess item style | CSSProperties                        | -         |
 
 ### AvatarList.Item
 
diff --git a/src/components/AvatarList/index.zh-CN.md b/src/components/AvatarList/index.zh-CN.md
index bdab181c..5c04acaf 100644
--- a/src/components/AvatarList/index.zh-CN.md
+++ b/src/components/AvatarList/index.zh-CN.md
@@ -11,15 +11,15 @@ cols: 1
 
 ### AvatarList
 
-| 参数               | 说明       | 类型                                 | 默认值       |
-| ---------------- | -------- | ---------------------------------- | --------- |
-| size             | 头像大小     | `large`、`small` 、`mini`, `default` | `default` |
-| maxLength        | 要显示的最大项目 | number                             | -         |
-| excessItemsStyle | 多余的项目风格  | CSSProperties                      | -         |
+| 参数             | 说明             | 类型                                 | 默认值    |
+| ---------------- | ---------------- | ------------------------------------ | --------- |
+| size             | 头像大小         | `large`、`small` 、`mini`, `default` | `default` |
+| maxLength        | 要显示的最大项目 | number                               | -         |
+| excessItemsStyle | 多余的项目风格   | CSSProperties                        | -         |
 
 ### AvatarList.Item
 
-| 参数   | 说明     | 类型        | 默认值 |
-| ---- | ------ | --------- | --- |
-| tips | 头像展示文案 | ReactNode | -   |
-| src  | 头像图片连接 | string    | -   |
+| 参数 | 说明         | 类型      | 默认值 |
+| ---- | ------------ | --------- | ------ |
+| tips | 头像展示文案 | ReactNode | -      |
+| src  | 头像图片连接 | string    | -      |
diff --git a/src/components/Charts/demo/bar.md b/src/components/Charts/demo/bar.md
index 955f44e0..496ed670 100644
--- a/src/components/Charts/demo/bar.md
+++ b/src/components/Charts/demo/bar.md
@@ -5,7 +5,7 @@ title: 柱状图
 
 通过设置 `x`，`y` 属性，可以快速的构建出一个漂亮的柱状图，各种纬度的关系则是通过自定义的数据展现。
 
-````jsx
+```jsx
 import { Bar } from 'ant-design-pro/lib/Charts';
 
 const salesData = [];
@@ -16,11 +16,5 @@ for (let i = 0; i < 12; i += 1) {
   });
 }
 
-ReactDOM.render(
-  <Bar
-    height={200}
-    title="销售额趋势"
-    data={salesData}
-  />
-, mountNode);
-````
+ReactDOM.render(<Bar height={200} title="销售额趋势" data={salesData} />, mountNode);
+```
diff --git a/src/components/Charts/demo/chart-card.md b/src/components/Charts/demo/chart-card.md
index 4da852b7..9ba68643 100644
--- a/src/components/Charts/demo/chart-card.md
+++ b/src/components/Charts/demo/chart-card.md
@@ -21,26 +21,19 @@ ReactDOM.render(
             <Icon type="info-circle-o" />
           </Tooltip>
         }
-        total={() => (
-          <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />
-        )}
-        footer={
-          <Field label="日均销售额" value={numeral(12423).format("0,0")} />
-        }
+        total={() => <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />}
+        footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />}
         contentHeight={46}
       >
         <span>
           周同比
-          <Trend flag="up" style={{ marginLeft: 8, color: "rgba(0,0,0,.85)" }}>
+          <Trend flag="up" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>
             12%
           </Trend>
         </span>
         <span style={{ marginLeft: 16 }}>
           日环比
-          <Trend
-            flag="down"
-            style={{ marginLeft: 8, color: "rgba(0,0,0,.85)" }}
-          >
+          <Trend flag="down" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>
             11%
           </Trend>
         </span>
@@ -61,12 +54,8 @@ ReactDOM.render(
             <Icon type="info-circle-o" />
           </Tooltip>
         }
-        total={() => (
-          <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />
-        )}
-        footer={
-          <Field label="日均销售额" value={numeral(12423).format("0,0")} />
-        }
+        total={() => <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />}
+        footer={<Field label="日均销售额" value={numeral(12423).format('0,0')} />}
       />
     </Col>
     <Col span={24} style={{ marginTop: 24 }}>
@@ -84,12 +73,10 @@ ReactDOM.render(
             <Icon type="info-circle-o" />
           </Tooltip>
         }
-        total={() => (
-          <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />
-        )}
+        total={() => <span dangerouslySetInnerHTML={{ __html: yuan(126560) }} />}
       />
     </Col>
   </Row>,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Charts/demo/gauge.md b/src/components/Charts/demo/gauge.md
index f53465d8..3671102b 100644
--- a/src/components/Charts/demo/gauge.md
+++ b/src/components/Charts/demo/gauge.md
@@ -1,18 +1,12 @@
 ---
 order: 7
-title: 仪表盘 
+title: 仪表盘
 ---
 
 仪表盘是一种进度展示方式，可以更直观的展示当前的进展情况，通常也可表示占比。
 
-````jsx
+```jsx
 import { Gauge } from 'ant-design-pro/lib/Charts';
 
-ReactDOM.render(
-  <Gauge
-    title="核销率"
-    height={164}
-    percent={87}
-  />
-, mountNode);
-````
+ReactDOM.render(<Gauge title="核销率" height={164} percent={87} />, mountNode);
+```
diff --git a/src/components/Charts/demo/mini-area.md b/src/components/Charts/demo/mini-area.md
index 2b9bfb47..4c148439 100644
--- a/src/components/Charts/demo/mini-area.md
+++ b/src/components/Charts/demo/mini-area.md
@@ -4,7 +4,7 @@ col: 2
 title: 迷你区域图
 ---
 
-````jsx
+```jsx
 import { MiniArea } from 'ant-design-pro/lib/Charts';
 import moment from 'moment';
 
@@ -12,17 +12,10 @@ const visitData = [];
 const beginDay = new Date().getTime();
 for (let i = 0; i < 20; i += 1) {
   visitData.push({
-    x: moment(new Date(beginDay + (1000 * 60 * 60 * 24 * i))).format('YYYY-MM-DD'),
+    x: moment(new Date(beginDay + 1000 * 60 * 60 * 24 * i)).format('YYYY-MM-DD'),
     y: Math.floor(Math.random() * 100) + 10,
   });
 }
 
-ReactDOM.render(
-  <MiniArea
-    line
-    color="#cceafe"
-    height={45}
-    data={visitData}
-  />
-, mountNode);
-````
+ReactDOM.render(<MiniArea line color="#cceafe" height={45} data={visitData} />, mountNode);
+```
diff --git a/src/components/Charts/demo/mini-bar.md b/src/components/Charts/demo/mini-bar.md
index fef301bc..2cfaf0fe 100644
--- a/src/components/Charts/demo/mini-bar.md
+++ b/src/components/Charts/demo/mini-bar.md
@@ -6,7 +6,7 @@ title: 迷你柱状图
 
 迷你柱状图更适合展示简单的区间数据，简洁的表现方式可以很好的减少大数据量的视觉展现压力。
 
-````jsx
+```jsx
 import { MiniBar } from 'ant-design-pro/lib/Charts';
 import moment from 'moment';
 
@@ -14,15 +14,10 @@ const visitData = [];
 const beginDay = new Date().getTime();
 for (let i = 0; i < 20; i += 1) {
   visitData.push({
-    x: moment(new Date(beginDay + (1000 * 60 * 60 * 24 * i))).format('YYYY-MM-DD'),
+    x: moment(new Date(beginDay + 1000 * 60 * 60 * 24 * i)).format('YYYY-MM-DD'),
     y: Math.floor(Math.random() * 100) + 10,
   });
 }
 
-ReactDOM.render(
-  <MiniBar
-    height={45}
-    data={visitData}
-  />
-, mountNode);
-````
+ReactDOM.render(<MiniBar height={45} data={visitData} />, mountNode);
+```
diff --git a/src/components/Charts/demo/mini-pie.md b/src/components/Charts/demo/mini-pie.md
index 9b1abf05..76cac9f3 100644
--- a/src/components/Charts/demo/mini-pie.md
+++ b/src/components/Charts/demo/mini-pie.md
@@ -3,14 +3,10 @@ order: 6
 title: 迷你饼状图
 ---
 
-通过简化 `Pie` 属性的设置，可以快速的实现极简的饼状图，可配合 `ChartCard` 组合展
-现更多业务场景。
+通过简化 `Pie` 属性的设置，可以快速的实现极简的饼状图，可配合 `ChartCard` 组合展现更多业务场景。
 
 ```jsx
 import { Pie } from 'ant-design-pro/lib/Charts';
 
-ReactDOM.render(
-  <Pie percent={28} subTitle="中式快餐" total="28%" height={140} />,
-  mountNode
-);
+ReactDOM.render(<Pie percent={28} subTitle="中式快餐" total="28%" height={140} />, mountNode);
 ```
diff --git a/src/components/Charts/demo/mini-progress.md b/src/components/Charts/demo/mini-progress.md
index 6308a8fa..e4368bee 100644
--- a/src/components/Charts/demo/mini-progress.md
+++ b/src/components/Charts/demo/mini-progress.md
@@ -3,10 +3,8 @@ order: 3
 title: 迷你进度条
 ---
 
-````jsx
+```jsx
 import { MiniProgress } from 'ant-design-pro/lib/Charts';
 
-ReactDOM.render(
-  <MiniProgress percent={78} strokeWidth={8} target={80} />
-, mountNode);
-````
+ReactDOM.render(<MiniProgress percent={78} strokeWidth={8} target={80} />, mountNode);
+```
diff --git a/src/components/Charts/demo/mix.md b/src/components/Charts/demo/mix.md
index fc64110a..92251f9d 100644
--- a/src/components/Charts/demo/mix.md
+++ b/src/components/Charts/demo/mix.md
@@ -5,7 +5,7 @@ title: 图表套件组合展示
 
 利用 Ant Design Pro 提供的图表套件，可以灵活组合符合设计规范的图表来满足复杂的业务需求。
 
-````jsx
+```jsx
 import { ChartCard, Field, MiniArea, MiniBar, MiniProgress } from 'ant-design-pro/lib/Charts';
 import Trend from 'ant-design-pro/lib/Trend';
 import NumberInfo from 'ant-design-pro/lib/NumberInfo';
@@ -17,7 +17,7 @@ const visitData = [];
 const beginDay = new Date().getTime();
 for (let i = 0; i < 20; i += 1) {
   visitData.push({
-    x: moment(new Date(beginDay + (1000 * 60 * 60 * 24 * i))).format('YYYY-MM-DD'),
+    x: moment(new Date(beginDay + 1000 * 60 * 60 * 24 * i)).format('YYYY-MM-DD'),
     y: Math.floor(Math.random() * 100) + 10,
   });
 }
@@ -25,52 +25,53 @@ for (let i = 0; i < 20; i += 1) {
 ReactDOM.render(
   <Row>
     <Col span={24}>
-      <ChartCard
-        title="搜索用户数量"
-        total={numeral(8846).format('0,0')}
-        contentHeight={134}
-      >
+      <ChartCard title="搜索用户数量" total={numeral(8846).format('0,0')} contentHeight={134}>
         <NumberInfo
           subTitle={<span>本周访问</span>}
           total={numeral(12321).format('0,0')}
           status="up"
           subTotal={17.1}
         />
-        <MiniArea
-          line
-          height={45}
-          data={visitData}
-        />
+        <MiniArea line height={45} data={visitData} />
       </ChartCard>
     </Col>
     <Col span={24} style={{ marginTop: 24 }}>
       <ChartCard
         title="访问量"
-        action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
+        action={
+          <Tooltip title="指标说明">
+            <Icon type="info-circle-o" />
+          </Tooltip>
+        }
         total={numeral(8846).format('0,0')}
         footer={<Field label="日访问量" value={numeral(1234).format('0,0')} />}
         contentHeight={46}
       >
-        <MiniBar
-          height={46}
-          data={visitData}
-        />
+        <MiniBar height={46} data={visitData} />
       </ChartCard>
     </Col>
     <Col span={24} style={{ marginTop: 24 }}>
       <ChartCard
         title="线上购物转化率"
-        action={<Tooltip title="指标说明"><Icon type="info-circle-o" /></Tooltip>}
+        action={
+          <Tooltip title="指标说明">
+            <Icon type="info-circle-o" />
+          </Tooltip>
+        }
         total="78%"
         footer={
           <div>
             <span>
               周同比
-              <Trend flag="up" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>12%</Trend>
+              <Trend flag="up" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>
+                12%
+              </Trend>
             </span>
             <span style={{ marginLeft: 16 }}>
               日环比
-              <Trend flag="down" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>11%</Trend>
+              <Trend flag="down" style={{ marginLeft: 8, color: 'rgba(0,0,0,.85)' }}>
+                11%
+              </Trend>
             </span>
           </div>
         }
@@ -79,6 +80,7 @@ ReactDOM.render(
         <MiniProgress percent={78} strokeWidth={8} target={80} />
       </ChartCard>
     </Col>
-  </Row>
-, mountNode);
-````
+  </Row>,
+  mountNode
+);
+```
diff --git a/src/components/Charts/demo/pie.md b/src/components/Charts/demo/pie.md
index 9c87161a..392a7c2c 100644
--- a/src/components/Charts/demo/pie.md
+++ b/src/components/Charts/demo/pie.md
@@ -41,7 +41,7 @@ ReactDOM.render(
     total={() => (
       <span
         dangerouslySetInnerHTML={{
-          __html: yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))
+          __html: yuan(salesPieData.reduce((pre, now) => now.y + pre, 0)),
         }}
       />
     )}
@@ -49,6 +49,6 @@ ReactDOM.render(
     valueFormat={val => <span dangerouslySetInnerHTML={{ __html: yuan(val) }} />}
     height={294}
   />,
-  mountNode,
+  mountNode
 );
 ```
diff --git a/src/components/Charts/demo/radar.md b/src/components/Charts/demo/radar.md
index 584344aa..fd14c037 100644
--- a/src/components/Charts/demo/radar.md
+++ b/src/components/Charts/demo/radar.md
@@ -3,7 +3,7 @@ order: 7
 title: 雷达图
 ---
 
-````jsx
+```jsx
 import { Radar, ChartCard } from 'ant-design-pro/lib/Charts';
 
 const radarOriginData = [
@@ -40,8 +40,8 @@ const radarTitleMap = {
   contribute: '贡献',
   hot: '热度',
 };
-radarOriginData.forEach((item) => {
-  Object.keys(item).forEach((key) => {
+radarOriginData.forEach(item => {
+  Object.keys(item).forEach(key => {
     if (key !== 'name') {
       radarData.push({
         name: item.name,
@@ -54,11 +54,8 @@ radarOriginData.forEach((item) => {
 
 ReactDOM.render(
   <ChartCard title="数据比例">
-    <Radar
-      hasLegend
-      height={286}
-      data={radarData}
-    />
-  </ChartCard>
-, mountNode);
-````
+    <Radar hasLegend height={286} data={radarData} />
+  </ChartCard>,
+  mountNode
+);
+```
diff --git a/src/components/Charts/demo/tag-cloud.md b/src/components/Charts/demo/tag-cloud.md
index c66f6fe6..2f0e0e63 100644
--- a/src/components/Charts/demo/tag-cloud.md
+++ b/src/components/Charts/demo/tag-cloud.md
@@ -5,21 +5,16 @@ title: 标签云
 
 标签云是一套相关的标签以及与此相应的权重展示方式，一般典型的标签云有 30 至 150 个标签，而权重影响使用的字体大小或其他视觉效果。
 
-````jsx
+```jsx
 import { TagCloud } from 'ant-design-pro/lib/Charts';
 
 const tags = [];
 for (let i = 0; i < 50; i += 1) {
   tags.push({
     name: `TagClout-Title-${i}`,
-    value: Math.floor((Math.random() * 50)) + 20,
+    value: Math.floor(Math.random() * 50) + 20,
   });
 }
 
-ReactDOM.render(
-  <TagCloud
-    data={tags}
-    height={200}
-  />
-, mountNode);
-````
+ReactDOM.render(<TagCloud data={tags} height={200} />, mountNode);
+```
diff --git a/src/components/Charts/demo/timeline-chart.md b/src/components/Charts/demo/timeline-chart.md
index 60773b57..6146989e 100644
--- a/src/components/Charts/demo/timeline-chart.md
+++ b/src/components/Charts/demo/timeline-chart.md
@@ -5,23 +5,20 @@ title: 带有时间轴的图表
 
 使用 `TimelineChart` 组件可以实现带有时间轴的柱状图展现，而其中的 `x` 属性，则是时间值的指向，默认最多支持同时展现两个指标，分别是 `y1` 和 `y2`。
 
-````jsx
+```jsx
 import { TimelineChart } from 'ant-design-pro/lib/Charts';
 
 const chartData = [];
 for (let i = 0; i < 20; i += 1) {
   chartData.push({
-    x: (new Date().getTime()) + (1000 * 60 * 30 * i),
+    x: new Date().getTime() + 1000 * 60 * 30 * i,
     y1: Math.floor(Math.random() * 100) + 1000,
     y2: Math.floor(Math.random() * 100) + 10,
   });
 }
 
 ReactDOM.render(
-  <TimelineChart
-    height={200}
-    data={chartData}
-    titleMap={{ y1: '客流量', y2: '支付笔数' }}
-  />
-, mountNode);
-````
+  <TimelineChart height={200} data={chartData} titleMap={{ y1: '客流量', y2: '支付笔数' }} />,
+  mountNode
+);
+```
diff --git a/src/components/Charts/demo/waterwave.md b/src/components/Charts/demo/waterwave.md
index 74d290f5..718cd2a0 100644
--- a/src/components/Charts/demo/waterwave.md
+++ b/src/components/Charts/demo/waterwave.md
@@ -1,20 +1,17 @@
 ---
 order: 8
-title: 水波图 
+title: 水波图
 ---
 
 水波图是一种比例的展示方式，可以更直观的展示关键值的占比。
 
-````jsx
+```jsx
 import { WaterWave } from 'ant-design-pro/lib/Charts';
 
 ReactDOM.render(
   <div style={{ textAlign: 'center' }}>
-    <WaterWave
-      height={161}
-      title="补贴资金剩余"
-      percent={34}
-    />
-  </div>
-, mountNode);
-````
+    <WaterWave height={161} title="补贴资金剩余" percent={34} />
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/Charts/index.md b/src/components/Charts/index.md
index e5f41c87..3456bc19 100644
--- a/src/components/Charts/index.md
+++ b/src/components/Charts/index.md
@@ -13,26 +13,27 @@ Ant Design Pro 提供的业务中常用的图表类型，都是基于 [G2](https
 
 ### ChartCard
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| title | 卡片标题 | ReactNode\|string | - |
-| action | 卡片操作 | ReactNode | - |
-| total | 数据总量 | ReactNode \| number \| function | - |
-| footer | 卡片底部 | ReactNode | - |
-| contentHeight | 内容区域高度 | number | - |
-| avatar | 右侧图标 | React.ReactNode | - |
+| 参数          | 说明         | 类型                            | 默认值 |
+| ------------- | ------------ | ------------------------------- | ------ |
+| title         | 卡片标题     | ReactNode\|string               | -      |
+| action        | 卡片操作     | ReactNode                       | -      |
+| total         | 数据总量     | ReactNode \| number \| function | -      |
+| footer        | 卡片底部     | ReactNode                       | -      |
+| contentHeight | 内容区域高度 | number                          | -      |
+| avatar        | 右侧图标     | React.ReactNode                 | -      |
+
 ### MiniBar
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| color | 图表颜色 | string | `#1890FF` |
-| height | 图表高度 | number | - |
-| data | 数据 | array<{x, y}> | - |
+| 参数   | 说明     | 类型          | 默认值    |
+| ------ | -------- | ------------- | --------- |
+| color  | 图表颜色 | string        | `#1890FF` |
+| height | 图表高度 | number        | -         |
+| data   | 数据     | array<{x, y}> | -         |
 
 ### MiniArea
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | color | 图表颜色 | string | `rgba(24, 144, 255, 0.2)` |
 | borderColor | 图表边颜色 | string | `#1890FF` |
 | height | 图表高度 | number | - |
@@ -44,17 +45,17 @@ Ant Design Pro 提供的业务中常用的图表类型，都是基于 [G2](https
 
 ### MiniProgress
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| target | 目标比例 | number | - |
-| color | 进度条颜色 | string | - |
-| strokeWidth | 进度条高度 | number | - |
-| percent | 进度比例 | number | - |
+| 参数        | 说明       | 类型   | 默认值 |
+| ----------- | ---------- | ------ | ------ |
+| target      | 目标比例   | number | -      |
+| color       | 进度条颜色 | string | -      |
+| strokeWidth | 进度条高度 | number | -      |
+| percent     | 进度比例   | number | -      |
 
 ### Bar
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | title | 图表标题 | ReactNode\|string | - |
 | color | 图表颜色 | string | `rgba(24, 144, 255, 0.85)` |
 | padding | 图表内部间距 | [array](https://github.com/alibaba/BizCharts/blob/master/doc/api/chart.md#7padding-object--number--array-) | `'auto'` |
@@ -64,8 +65,8 @@ Ant Design Pro 提供的业务中常用的图表类型，都是基于 [G2](https
 
 ### Pie
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | animate | 是否显示动画 | boolean | true |
 | color | 图表颜色 | string | `rgba(24, 144, 255, 0.85)` |
 | height | 图表高度 | number | - |
@@ -80,8 +81,8 @@ Ant Design Pro 提供的业务中常用的图表类型，都是基于 [G2](https
 
 ### Radar
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | title | 图表标题 | ReactNode\|string | - |
 | height | 图表高度 | number | - |
 | hasLegend | 是否显示 legend | boolean | `false` |
@@ -90,41 +91,41 @@ Ant Design Pro 提供的业务中常用的图表类型，都是基于 [G2](https
 
 ### Gauge
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| title | 图表标题 | ReactNode\|string | - |
-| height | 图表高度 | number | - |
-| color | 图表颜色 | string | `#2F9CFF` |
-| bgColor | 图表背景颜色 | string | `#F0F2F5` |
-| percent | 进度比例 | number | - |
+| 参数    | 说明         | 类型              | 默认值    |
+| ------- | ------------ | ----------------- | --------- |
+| title   | 图表标题     | ReactNode\|string | -         |
+| height  | 图表高度     | number            | -         |
+| color   | 图表颜色     | string            | `#2F9CFF` |
+| bgColor | 图表背景颜色 | string            | `#F0F2F5` |
+| percent | 进度比例     | number            | -         |
 
 ### WaterWave
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| title | 图表标题 | ReactNode\|string | - |
-| height | 图表高度 | number | - |
-| color | 图表颜色 | string | `#1890FF` |
-| percent | 进度比例 | number | - |
+| 参数    | 说明     | 类型              | 默认值    |
+| ------- | -------- | ----------------- | --------- |
+| title   | 图表标题 | ReactNode\|string | -         |
+| height  | 图表高度 | number            | -         |
+| color   | 图表颜色 | string            | `#1890FF` |
+| percent | 进度比例 | number            | -         |
 
 ### TagCloud
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| data | 标题 | Array<name, value\> | - |
-| height | 高度值 | number | - |
+| 参数   | 说明   | 类型                | 默认值 |
+| ------ | ------ | ------------------- | ------ |
+| data   | 标题   | Array<name, value\> | -      |
+| height | 高度值 | number              | -      |
 
 ### TimelineChart
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| data | 标题 | Array<x, y1, y2\> | - |
-| titleMap | 指标别名 | Object{y1: '客流量', y2: '支付笔数'} | - |
-| height | 高度值 | number | 400 |
+| 参数     | 说明     | 类型                                 | 默认值 |
+| -------- | -------- | ------------------------------------ | ------ |
+| data     | 标题     | Array<x, y1, y2\>                    | -      |
+| titleMap | 指标别名 | Object{y1: '客流量', y2: '支付笔数'} | -      |
+| height   | 高度值   | number                               | 400    |
 
 ### Field
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| label | 标题 | ReactNode\|string | - |
-| value | 值 | ReactNode\|string | - |
+| 参数  | 说明 | 类型              | 默认值 |
+| ----- | ---- | ----------------- | ------ |
+| label | 标题 | ReactNode\|string | -      |
+| value | 值   | ReactNode\|string | -      |
diff --git a/src/components/CountDown/demo/simple.md b/src/components/CountDown/demo/simple.md
index e42cbf1d..c0e23be2 100644
--- a/src/components/CountDown/demo/simple.md
+++ b/src/components/CountDown/demo/simple.md
@@ -13,12 +13,10 @@ title:
 
 The simplest usage.
 
-````jsx
+```jsx
 import CountDown from 'ant-design-pro/lib/CountDown';
 
 const targetTime = new Date().getTime() + 3900000;
 
-ReactDOM.render(
-  <CountDown style={{ fontSize: 20 }} target={targetTime} />
-, mountNode);
-````
+ReactDOM.render(<CountDown style={{ fontSize: 20 }} target={targetTime} />, mountNode);
+```
diff --git a/src/components/CountDown/index.en-US.md b/src/components/CountDown/index.en-US.md
index 7b452406..19bbe275 100644
--- a/src/components/CountDown/index.en-US.md
+++ b/src/components/CountDown/index.en-US.md
@@ -8,8 +8,8 @@ Simple CountDown Component.
 
 ## API
 
-| Property | Description | Type | Default |
-|----------|------------------------------------------|-------------|-------|
-| format | Formatter of time | Function(time) |  |
-| target | Target time | Date | - |
-| onEnd |  Countdown to the end callback | funtion | -|
+| Property | Description                   | Type           | Default |
+| -------- | ----------------------------- | -------------- | ------- |
+| format   | Formatter of time             | Function(time) |         |
+| target   | Target time                   | Date           | -       |
+| onEnd    | Countdown to the end callback | funtion        | -       |
diff --git a/src/components/CountDown/index.zh-CN.md b/src/components/CountDown/index.zh-CN.md
index 7e00ba1d..87539289 100644
--- a/src/components/CountDown/index.zh-CN.md
+++ b/src/components/CountDown/index.zh-CN.md
@@ -1,5 +1,5 @@
 ---
-title: CountDown 
+title: CountDown
 subtitle: 倒计时
 cols: 1
 order: 3
@@ -9,8 +9,8 @@ order: 3
 
 ## API
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| format | 时间格式化显示 | Function(time) |  |
-| target | 目标时间 | Date | - |
-| onEnd |  倒计时结束回调 | funtion | -|
+| 参数   | 说明           | 类型           | 默认值 |
+| ------ | -------------- | -------------- | ------ |
+| format | 时间格式化显示 | Function(time) |        |
+| target | 目标时间       | Date           | -      |
+| onEnd  | 倒计时结束回调 | funtion        | -      |
diff --git a/src/components/DescriptionList/demo/basic.md b/src/components/DescriptionList/demo/basic.md
index 87954551..e45c1103 100644
--- a/src/components/DescriptionList/demo/basic.md
+++ b/src/components/DescriptionList/demo/basic.md
@@ -13,7 +13,7 @@ title:
 
 Basic DescriptionList.
 
-````jsx
+```jsx
 import DescriptionList from 'ant-design-pro/lib/DescriptionList';
 
 const { Description } = DescriptionList;
@@ -21,23 +21,18 @@ const { Description } = DescriptionList;
 ReactDOM.render(
   <DescriptionList size="large" title="title">
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
-  </DescriptionList>
-, mountNode);
-````
+  </DescriptionList>,
+  mountNode
+);
+```
diff --git a/src/components/DescriptionList/demo/vertical.md b/src/components/DescriptionList/demo/vertical.md
index 2742f7c9..8bdd3dc0 100644
--- a/src/components/DescriptionList/demo/vertical.md
+++ b/src/components/DescriptionList/demo/vertical.md
@@ -13,7 +13,7 @@ title:
 
 Vertical layout.
 
-````jsx
+```jsx
 import DescriptionList from 'ant-design-pro/lib/DescriptionList';
 
 const { Description } = DescriptionList;
@@ -21,23 +21,18 @@ const { Description } = DescriptionList;
 ReactDOM.render(
   <DescriptionList size="large" title="title" layout="vertical">
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
     <Description term="Firefox">
-      A free, open source, cross-platform,
-      graphical web browser developed by the
-      Mozilla Corporation and hundreds of
-      volunteers.
+      A free, open source, cross-platform, graphical web browser developed by the Mozilla
+      Corporation and hundreds of volunteers.
     </Description>
-  </DescriptionList>
-, mountNode);
-````
+  </DescriptionList>,
+  mountNode
+);
+```
diff --git a/src/components/DescriptionList/index.en-US.md b/src/components/DescriptionList/index.en-US.md
index 089f30b1..9b956a0f 100644
--- a/src/components/DescriptionList/index.en-US.md
+++ b/src/components/DescriptionList/index.en-US.md
@@ -10,24 +10,24 @@ Groups display multiple read-only fields, which are common to informational disp
 
 ### DescriptionList
 
-| Property      | Description                         | Type        | Default |
-|----------|------------------------------------------|-------------|---------|
-| layout    | type of layout                          | Enum{'horizontal', 'vertical'}  | 'horizontal' |
-| col       | specify the maximum number of columns to display, the final columns number is determined by col setting combined with [Responsive Rules](/components/DescriptionList#Responsive-Rules)             | number(0 < col <= 4)  | 3 |
-| title     | title                                 | ReactNode  | - |
-| gutter    | specify the distance between two items, unit is `px`  | number  | 32 |
-| size     | size of list       | Enum{'large', 'small'}  | - |
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| layout | type of layout | Enum{'horizontal', 'vertical'} | 'horizontal' |
+| col | specify the maximum number of columns to display, the final columns number is determined by col setting combined with [Responsive Rules](/components/DescriptionList#Responsive-Rules) | number(0 < col <= 4) | 3 |
+| title | title | ReactNode | - |
+| gutter | specify the distance between two items, unit is `px` | number | 32 |
+| size | size of list | Enum{'large', 'small'} | - |
 
 #### Responsive Rules
 
-| Window Width        | Columns Number                             | 
-|---------------------|---------------------------------------------|
-| `≥768px`           |  `col`                                       |
-| `≥576px`           |  `col < 2 ? col : 2`                         |
-| `<576px`           |  `1`                                         |
+| Window Width | Columns Number      |
+| ------------ | ------------------- |
+| `≥768px`     | `col`               |
+| `≥576px`     | `col < 2 ? col : 2` |
+| `<576px`     | `1`                 |
 
 ### DescriptionList.Description
 
-| Property | Description                                      | Type         | Default |
-|----------|------------------------------------------|-------------|-------|
-| term     | item title                                 | ReactNode  | - |
+| Property | Description | Type      | Default |
+| -------- | ----------- | --------- | ------- |
+| term     | item title  | ReactNode | -       |
diff --git a/src/components/DescriptionList/index.zh-CN.md b/src/components/DescriptionList/index.zh-CN.md
index b16a7fe7..bc7028a6 100644
--- a/src/components/DescriptionList/index.zh-CN.md
+++ b/src/components/DescriptionList/index.zh-CN.md
@@ -11,27 +11,24 @@ order: 4
 
 ### DescriptionList
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| layout    | 布局方式                                 | Enum{'horizontal', 'vertical'}  | 'horizontal' |
-| col       | 指定信息最多分几列展示，最终一行几列由 col 配置结合[响应式规则](/components/DescriptionList#响应式规则)决定          | number(0 < col <= 4)  | 3 |
-| title     | 列表标题                                 | ReactNode  | - |
-| gutter    | 列表项间距，单位为 `px`                    | number  | 32 |
-| size     | 列表型号        | Enum{'large', 'small'}  | - |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| layout | 布局方式 | Enum{'horizontal', 'vertical'} | 'horizontal' |
+| col | 指定信息最多分几列展示，最终一行几列由 col 配置结合[响应式规则](/components/DescriptionList#响应式规则)决定 | number(0 < col <= 4) | 3 |
+| title | 列表标题 | ReactNode | - |
+| gutter | 列表项间距，单位为 `px` | number | 32 |
+| size | 列表型号 | Enum{'large', 'small'} | - |
 
 #### 响应式规则
 
-| 窗口宽度             | 展示列数                                      | 
-|---------------------|---------------------------------------------|
-| `≥768px`           |  `col`                                       |
-| `≥576px`           |  `col < 2 ? col : 2`                         |
-| `<576px`           |  `1`                                         |
+| 窗口宽度 | 展示列数            |
+| -------- | ------------------- |
+| `≥768px` | `col`               |
+| `≥576px` | `col < 2 ? col : 2` |
+| `<576px` | `1`                 |
 
 ### DescriptionList.Description
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| term     | 列表项标题                                 | ReactNode  | - |
-
-
-
+| 参数 | 说明       | 类型      | 默认值 |
+| ---- | ---------- | --------- | ------ |
+| term | 列表项标题 | ReactNode | -      |
diff --git a/src/components/Ellipsis/demo/line.md b/src/components/Ellipsis/demo/line.md
index bc31170d..a9be7c2c 100644
--- a/src/components/Ellipsis/demo/line.md
+++ b/src/components/Ellipsis/demo/line.md
@@ -1,6 +1,6 @@
 ---
 order: 1
-title: 
+title:
   zh-CN: 按照行数省略
   en-US: Truncate according to the number of rows
 ---
@@ -17,15 +17,23 @@ title:
 
 Also note that, in this mode, the outer container needs to have a specified width (or set its own width).
 
-
-````jsx
+```jsx
 import Ellipsis from 'ant-design-pro/lib/Ellipsis';
 
-const article = <p>There were injuries alleged in three <a href="#cover">cases in 2015</a>, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.</p>;
+const article = (
+  <p>
+    There were injuries alleged in three <a href="#cover">cases in 2015</a>, and a fourth incident
+    in September, according to the safety recall report. After meeting with US regulators in
+    October, the firm decided to issue a voluntary recall.
+  </p>
+);
 
 ReactDOM.render(
   <div style={{ width: 200 }}>
-    <Ellipsis tooltip lines={3}>{article}</Ellipsis>
-  </div>
-, mountNode);
-````
+    <Ellipsis tooltip lines={3}>
+      {article}
+    </Ellipsis>
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/Ellipsis/demo/number.md b/src/components/Ellipsis/demo/number.md
index 0bc1a0ff..cc7aa3e7 100644
--- a/src/components/Ellipsis/demo/number.md
+++ b/src/components/Ellipsis/demo/number.md
@@ -1,6 +1,6 @@
 ---
 order: 0
-title: 
+title:
   zh-CN: 按照字符数省略
   en-US: Truncate according to the number of character
 ---
@@ -13,16 +13,20 @@ title:
 
 `length` attribute specifies the maximum length where the text will automatically be truncated when exceeded.
 
-````jsx
+```jsx
 import Ellipsis from 'ant-design-pro/lib/Ellipsis';
 
-const article = 'There were injuries alleged in three cases in 2015, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.';
+const article =
+  'There were injuries alleged in three cases in 2015, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.';
 
 ReactDOM.render(
   <div>
     <Ellipsis length={100}>{article}</Ellipsis>
     <h4 style={{ marginTop: 24 }}>Show Tooltip</h4>
-    <Ellipsis length={100} tooltip>{article}</Ellipsis>
-  </div>
-, mountNode);
-````
+    <Ellipsis length={100} tooltip>
+      {article}
+    </Ellipsis>
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/Ellipsis/index.en-US.md b/src/components/Ellipsis/index.en-US.md
index 15139cc9..80988730 100644
--- a/src/components/Ellipsis/index.en-US.md
+++ b/src/components/Ellipsis/index.en-US.md
@@ -1,5 +1,5 @@
 ---
-title: Ellipsis 
+title: Ellipsis
 cols: 1
 order: 10
 ---
@@ -8,9 +8,9 @@ When the text is too long, the Ellipsis automatically shortens it according to i
 
 ## API
 
-Property | Description | Type | Default
-----|------|-----|------
-tooltip | tooltip for showing the full text content when hovering over | boolean | -
-length | 	maximum number of characters in the text before being truncated | number | -
-lines | maximum number of rows in the text before being truncated | number | `1`
-fullWidthRecognition | whether consider full-width character length as 2 when calculate string length | boolean | -
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| tooltip | tooltip for showing the full text content when hovering over | boolean | - |
+| length | maximum number of characters in the text before being truncated | number | - |
+| lines | maximum number of rows in the text before being truncated | number | `1` |
+| fullWidthRecognition | whether consider full-width character length as 2 when calculate string length | boolean | - |
diff --git a/src/components/Ellipsis/index.zh-CN.md b/src/components/Ellipsis/index.zh-CN.md
index f7a70ead..1875b17c 100644
--- a/src/components/Ellipsis/index.zh-CN.md
+++ b/src/components/Ellipsis/index.zh-CN.md
@@ -9,9 +9,9 @@ order: 10
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-tooltip | 移动到文本展示完整内容的提示 | boolean | -
-length | 在按照长度截取下的文本最大字符数，超过则截取省略 | number | -
-lines | 在按照行数截取下最大的行数，超过则截取省略 | number | `1`
-fullWidthRecognition | 是否将全角字符的长度视为2来计算字符串长度 | boolean | -
+| 参数                 | 说明                                             | 类型    | 默认值 |
+| -------------------- | ------------------------------------------------ | ------- | ------ |
+| tooltip              | 移动到文本展示完整内容的提示                     | boolean | -      |
+| length               | 在按照长度截取下的文本最大字符数，超过则截取省略 | number  | -      |
+| lines                | 在按照行数截取下最大的行数，超过则截取省略       | number  | `1`    |
+| fullWidthRecognition | 是否将全角字符的长度视为 2 来计算字符串长度      | boolean | -      |
diff --git a/src/components/Exception/demo/403.md b/src/components/Exception/demo/403.md
index c0244ab1..aa65a713 100644
--- a/src/components/Exception/demo/403.md
+++ b/src/components/Exception/demo/403.md
@@ -13,7 +13,7 @@ title:
 
 403 page with custom operations.
 
-````jsx
+```jsx
 import Exception from 'ant-design-pro/lib/Exception';
 import { Button } from 'antd';
 
@@ -23,7 +23,5 @@ const actions = (
     <Button>Detail</Button>
   </div>
 );
-ReactDOM.render(
-  <Exception type="403" actions={actions} />
-, mountNode);
-````
+ReactDOM.render(<Exception type="403" actions={actions} />, mountNode);
+```
diff --git a/src/components/Exception/demo/404.md b/src/components/Exception/demo/404.md
index c54e99d4..6510923c 100644
--- a/src/components/Exception/demo/404.md
+++ b/src/components/Exception/demo/404.md
@@ -13,10 +13,8 @@ title:
 
 404 page.
 
-````jsx
+```jsx
 import Exception from 'ant-design-pro/lib/Exception';
 
-ReactDOM.render(
-  <Exception type="404" />
-, mountNode);
-````
+ReactDOM.render(<Exception type="404" />, mountNode);
+```
diff --git a/src/components/Exception/demo/500.md b/src/components/Exception/demo/500.md
index 2336e41e..b017e771 100644
--- a/src/components/Exception/demo/500.md
+++ b/src/components/Exception/demo/500.md
@@ -13,10 +13,8 @@ title:
 
 500 page.
 
-````jsx
+```jsx
 import Exception from 'ant-design-pro/lib/Exception';
 
-ReactDOM.render(
-  <Exception type="500" />
-, mountNode);
-````
+ReactDOM.render(<Exception type="500" />, mountNode);
+```
diff --git a/src/components/Exception/index.en-US.md b/src/components/Exception/index.en-US.md
index 37e7e807..9e8f5166 100644
--- a/src/components/Exception/index.en-US.md
+++ b/src/components/Exception/index.en-US.md
@@ -8,13 +8,13 @@ Exceptions page is used to provide feedback on specific abnormal state. Usually,
 
 ## API
 
-Property | Description | Type | Default
----------|-------------|------|--------
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
 | backText | default return button text | ReactNode | back to home |
-type | type of exception, the corresponding default `title`, `desc`, `img` will be given if set, which can be overridden by explicit setting of `title`, `desc`, `img` | Enum {'403', '404', '500'} | -
-title | title | ReactNode | -
-desc | supplementary description | ReactNode | -
-img | the url of background image | string | -
-actions | suggested operations, a default 'Home' link will show if not set | ReactNode | -
-linkElement | to specify the element of link | string\|ReactElement | 'a'
-redirect | redirect path | string | '/'
\ No newline at end of file
+| type | type of exception, the corresponding default `title`, `desc`, `img` will be given if set, which can be overridden by explicit setting of `title`, `desc`, `img` | Enum {'403', '404', '500'} | - |
+| title | title | ReactNode | - |
+| desc | supplementary description | ReactNode | - |
+| img | the url of background image | string | - |
+| actions | suggested operations, a default 'Home' link will show if not set | ReactNode | - |
+| linkElement | to specify the element of link | string\|ReactElement | 'a' |
+| redirect | redirect path | string | '/' |
diff --git a/src/components/Exception/index.zh-CN.md b/src/components/Exception/index.zh-CN.md
index 2e64399f..0769e6d7 100644
--- a/src/components/Exception/index.zh-CN.md
+++ b/src/components/Exception/index.zh-CN.md
@@ -9,13 +9,13 @@ order: 5
 
 ## API
 
-| 参数 | 说明| 类型 | 默认值 |
-|-------------|------------------------------------------|-------------|-------|
-| backText| 默认的返回按钮文本 | ReactNode| back to home |
-| type| 页面类型，若配置，则自带对应类型默认的 `title`，`desc`，`img`，此默认设置可以被 `title`，`desc`，`img` 覆盖 | Enum {'403', '404', '500'} | - |
-| title | 标题 | ReactNode| -|
-| desc| 补充描述| ReactNode| -|
-| img | 背景图片地址 | string| -|
-| actions | 建议操作，配置此属性时默认的『返回首页』按钮不生效| ReactNode| -|
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| backText | 默认的返回按钮文本 | ReactNode | back to home |
+| type | 页面类型，若配置，则自带对应类型默认的 `title`，`desc`，`img`，此默认设置可以被 `title`，`desc`，`img` 覆盖 | Enum {'403', '404', '500'} | - |
+| title | 标题 | ReactNode | - |
+| desc | 补充描述 | ReactNode | - |
+| img | 背景图片地址 | string | - |
+| actions | 建议操作，配置此属性时默认的『返回首页』按钮不生效 | ReactNode | - |
 | linkElement | 定义链接的元素 | string\|ReactElement | 'a' |
-| redirect | 返回按钮的跳转地址 | string | '/'
+| redirect | 返回按钮的跳转地址 | string | '/' |
diff --git a/src/components/FooterToolbar/demo/basic.md b/src/components/FooterToolbar/demo/basic.md
index 3043dbf7..196f250e 100644
--- a/src/components/FooterToolbar/demo/basic.md
+++ b/src/components/FooterToolbar/demo/basic.md
@@ -14,7 +14,7 @@ iframe: 400
 
 Fixed to the footer.
 
-````jsx
+```jsx
 import FooterToolbar from 'ant-design-pro/lib/FooterToolbar';
 import { Button } from 'antd';
 
@@ -39,6 +39,7 @@ ReactDOM.render(
       <Button>Cancel</Button>
       <Button type="primary">Submit</Button>
     </FooterToolbar>
-  </div>
-, mountNode);
-````
\ No newline at end of file
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/FooterToolbar/index.en-US.md b/src/components/FooterToolbar/index.en-US.md
index 69fd80bd..9816189f 100644
--- a/src/components/FooterToolbar/index.en-US.md
+++ b/src/components/FooterToolbar/index.en-US.md
@@ -12,7 +12,7 @@ It is fixed at the bottom of the content area and does not move along with the s
 
 ## API
 
-Property | Description | Type | Default
----------|-------------|------|--------
-children | toolbar content, align to the right | ReactNode | -
-extra | extra information, align to the left | ReactNode | -
\ No newline at end of file
+| Property | Description                          | Type      | Default |
+| -------- | ------------------------------------ | --------- | ------- |
+| children | toolbar content, align to the right  | ReactNode | -       |
+| extra    | extra information, align to the left | ReactNode | -       |
diff --git a/src/components/FooterToolbar/index.zh-CN.md b/src/components/FooterToolbar/index.zh-CN.md
index 421ac08e..ff52e155 100644
--- a/src/components/FooterToolbar/index.zh-CN.md
+++ b/src/components/FooterToolbar/index.zh-CN.md
@@ -13,7 +13,7 @@ order: 6
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-children | 工具栏内容，向右对齐 | ReactNode | -
-extra | 额外信息，向左对齐 | ReactNode | -
+| 参数     | 说明                 | 类型      | 默认值 |
+| -------- | -------------------- | --------- | ------ |
+| children | 工具栏内容，向右对齐 | ReactNode | -      |
+| extra    | 额外信息，向左对齐   | ReactNode | -      |
diff --git a/src/components/GlobalFooter/demo/basic.md b/src/components/GlobalFooter/demo/basic.md
index 9a06bade..798846ec 100644
--- a/src/components/GlobalFooter/demo/basic.md
+++ b/src/components/GlobalFooter/demo/basic.md
@@ -6,32 +6,41 @@ iframe: 400
 
 基本页脚。
 
-````jsx
+```jsx
 import GlobalFooter from 'ant-design-pro/lib/GlobalFooter';
 import { Icon } from 'antd';
 
-const links = [{
-  key: '帮助',
-  title: '帮助',
-  href: '',
-}, {
-  key: 'github',
-  title: <Icon type="github" />,
-  href: 'https://github.com/ant-design/ant-design-pro',
-  blankTarget: true,
-}, {
-  key: '条款',
-  title: '条款',
-  href: '',
-  blankTarget: true,
-}];
+const links = [
+  {
+    key: '帮助',
+    title: '帮助',
+    href: '',
+  },
+  {
+    key: 'github',
+    title: <Icon type="github" />,
+    href: 'https://github.com/ant-design/ant-design-pro',
+    blankTarget: true,
+  },
+  {
+    key: '条款',
+    title: '条款',
+    href: '',
+    blankTarget: true,
+  },
+];
 
-const copyright = <div>Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品</div>;
+const copyright = (
+  <div>
+    Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品
+  </div>
+);
 
 ReactDOM.render(
   <div style={{ background: '#f5f5f5', overflow: 'hidden' }}>
     <div style={{ height: 280 }} />
     <GlobalFooter links={links} copyright={copyright} />
-  </div>
-, mountNode);
-````
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/GlobalFooter/index.md b/src/components/GlobalFooter/index.md
index 96e04fee..5d6058f6 100644
--- a/src/components/GlobalFooter/index.md
+++ b/src/components/GlobalFooter/index.md
@@ -9,7 +9,7 @@ order: 7
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-links | 链接数据 | array<{ title: ReactNode, href: string, blankTarget?: boolean }> | -
-copyright | 版权信息 | ReactNode | -
+| 参数      | 说明     | 类型                                                             | 默认值 |
+| --------- | -------- | ---------------------------------------------------------------- | ------ |
+| links     | 链接数据 | array<{ title: ReactNode, href: string, blankTarget?: boolean }> | -      |
+| copyright | 版权信息 | ReactNode                                                        | -      |
diff --git a/src/components/HeaderSearch/demo/basic.md b/src/components/HeaderSearch/demo/basic.md
index 2139207c..ec969988 100644
--- a/src/components/HeaderSearch/demo/basic.md
+++ b/src/components/HeaderSearch/demo/basic.md
@@ -5,7 +5,7 @@ title: 全局搜索
 
 通常放置在导航工具条右侧。（点击搜索图标预览效果）
 
-````jsx
+```jsx
 import HeaderSearch from 'ant-design-pro/lib/HeaderSearch';
 
 ReactDOM.render(
@@ -22,13 +22,14 @@ ReactDOM.render(
     <HeaderSearch
       placeholder="站内搜索"
       dataSource={['搜索提示一', '搜索提示二', '搜索提示三']}
-      onSearch={(value) => {
+      onSearch={value => {
         console.log('input', value); // eslint-disable-line
       }}
-      onPressEnter={(value) => {
+      onPressEnter={value => {
         console.log('enter', value); // eslint-disable-line
       }}
     />
-  </div>
-, mountNode);
-````
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/HeaderSearch/index.en-US.md b/src/components/HeaderSearch/index.en-US.md
index 9f2b5e8a..c9906e76 100644
--- a/src/components/HeaderSearch/index.en-US.md
+++ b/src/components/HeaderSearch/index.en-US.md
@@ -9,14 +9,14 @@ Usually placed as an entry to the global search, placed on the right side of the
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-placeholder | placeholder text | string | -
-dataSource | current list of prompts | string[] | -
-onSearch | Called when searching items. | function(value) | -
-onChange | Called when select an option or input value change, or value of input is changed | function(value) | -
-onSelect | Called when a option is selected. param is option's value and option instance. | function(value) | -
-onPressEnter | Callback when pressing Enter | function(value) | -
-onVisibleChange | Show or hide the callback of the text box | function(value) |-
-defaultOpen | The input box is displayed for the first time. | boolean | false
-open | The input box is displayed | boolean |false
\ No newline at end of file
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| placeholder | placeholder text | string | - |
+| dataSource | current list of prompts | string[] | - |
+| onSearch | Called when searching items. | function(value) | - |
+| onChange | Called when select an option or input value change, or value of input is changed | function(value) | - |
+| onSelect | Called when a option is selected. param is option's value and option instance. | function(value) | - |
+| onPressEnter | Callback when pressing Enter | function(value) | - |
+| onVisibleChange | Show or hide the callback of the text box | function(value) | - |
+| defaultOpen | The input box is displayed for the first time. | boolean | false |
+| open | The input box is displayed | boolean | false |
diff --git a/src/components/HeaderSearch/index.zh-CN.md b/src/components/HeaderSearch/index.zh-CN.md
index 83e74887..8561eee8 100644
--- a/src/components/HeaderSearch/index.zh-CN.md
+++ b/src/components/HeaderSearch/index.zh-CN.md
@@ -9,14 +9,14 @@ order: 8
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-placeholder | 占位文字 | string | -
-dataSource | 当前提示内容列表 | string[] | -
-onSearch | 搜索补全项的时候调用 | function(value) | -
-onChange | 选中 option，或 input 的 value 变化时，调用此函数 | function(value) | -
-onSelect | 被选中时调用，参数为选中项的 value 值 | function(value) | -
-onPressEnter | 按下回车时的回调 | function(value) | -
-onVisibleChange | 显示或隐藏文本框的回调 | function(value) |-
-defaultOpen | 输入框首次显示是否显示  | boolean | false
-open | 控制输入框是否显示 | boolean |false
\ No newline at end of file
+| 参数            | 说明                                              | 类型            | 默认值 |
+| --------------- | ------------------------------------------------- | --------------- | ------ |
+| placeholder     | 占位文字                                          | string          | -      |
+| dataSource      | 当前提示内容列表                                  | string[]        | -      |
+| onSearch        | 搜索补全项的时候调用                              | function(value) | -      |
+| onChange        | 选中 option，或 input 的 value 变化时，调用此函数 | function(value) | -      |
+| onSelect        | 被选中时调用，参数为选中项的 value 值             | function(value) | -      |
+| onPressEnter    | 按下回车时的回调                                  | function(value) | -      |
+| onVisibleChange | 显示或隐藏文本框的回调                            | function(value) | -      |
+| defaultOpen     | 输入框首次显示是否显示                            | boolean         | false  |
+| open            | 控制输入框是否显示                                | boolean         | false  |
diff --git a/src/components/Login/demo/basic.md b/src/components/Login/demo/basic.md
index 05475384..28cce5d5 100644
--- a/src/components/Login/demo/basic.md
+++ b/src/components/Login/demo/basic.md
@@ -7,7 +7,7 @@ title:
 
 Support login with account and mobile number.
 
-````jsx
+```jsx
 import Login from 'ant-design-pro/lib/Login';
 import { Alert, Checkbox } from 'antd';
 
@@ -30,27 +30,23 @@ class LoginDemo extends React.Component {
           notice: '',
         },
         () => {
-          if (
-            !err &&
-            (values.username !== 'admin' || values.password !== '888888')
-          ) {
+          if (!err && (values.username !== 'admin' || values.password !== '888888')) {
             setTimeout(() => {
               this.setState({
-                notice:
-                  'The combination of username and password is incorrect!',
+                notice: 'The combination of username and password is incorrect!',
               });
             }, 500);
           }
-        },
+        }
       );
     }
   };
-  onTabChange = (key) => {
+  onTabChange = key => {
     this.setState({
       type: key,
     });
   };
-  changeAutoLogin = (e) => {
+  changeAutoLogin = e => {
     this.setState({
       autoLogin: e.target.checked,
     });
@@ -78,16 +74,10 @@ class LoginDemo extends React.Component {
           </Tab>
           <Tab key="tab2" tab="Mobile">
             <Mobile name="mobile" />
-            <Captcha
-              onGetCaptcha={() => console.log('Get captcha!')}
-              name="captcha"
-            />
+            <Captcha onGetCaptcha={() => console.log('Get captcha!')} name="captcha" />
           </Tab>
           <div>
-            <Checkbox
-              checked={this.state.autoLogin}
-              onChange={this.changeAutoLogin}
-            >
+            <Checkbox checked={this.state.autoLogin} onChange={this.changeAutoLogin}>
               Keep me logged in
             </Checkbox>
             <a style={{ float: 'right' }} href="">
@@ -111,7 +101,7 @@ class LoginDemo extends React.Component {
 }
 
 ReactDOM.render(<LoginDemo />, mountNode);
-````
+```
 
 <style>
 #scaffold-src-components-Login-demo-basic .login-warp{
diff --git a/src/components/Login/index.en-US.md b/src/components/Login/index.en-US.md
index 3b5992e2..8870fac8 100644
--- a/src/components/Login/index.en-US.md
+++ b/src/components/Login/index.en-US.md
@@ -10,25 +10,25 @@ Support multiple common ways of login with built-in controls. You can choose you
 
 ### Login
 
-Property | Description | Type | Default
-----|------|-----|------
-defaultActiveKey | default key to activate the tab panel | String | -
-onTabChange | callback on changing tabs | (key) => void | -
-onSubmit | callback on submit | (err, values) => void | -
+| Property         | Description                           | Type                  | Default |
+| ---------------- | ------------------------------------- | --------------------- | ------- |
+| defaultActiveKey | default key to activate the tab panel | String                | -       |
+| onTabChange      | callback on changing tabs             | (key) => void         | -       |
+| onSubmit         | callback on submit                    | (err, values) => void | -       |
 
 ### Login.Tab
 
-Property | Description | Type | Default
-----|------|-----|------
-key | key of the tab | String | -
-tab | displayed text of the tab | ReactNode | -
+| Property | Description               | Type      | Default |
+| -------- | ------------------------- | --------- | ------- |
+| key      | key of the tab            | String    | -       |
+| tab      | displayed text of the tab | ReactNode | -       |
 
 ### Login.UserName
 
-Property | Description | Type | Default
-----|------|-----|------
-name | name of the control, also the key of the submitted data | String | -
-rules | validation rules, same with [option.rules](getFieldDecorator(id, options)) in Form getFieldDecorator(id, options) | object[] | -
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| name | name of the control, also the key of the submitted data | String | - |
+| rules | validation rules, same with [option.rules](getFieldDecorator(id, options)) in Form getFieldDecorator(id, options) | object[] | - |
 
 Apart from the above properties, Login.Username also support all properties of antd.Input, together with the default values of basic settings, such as _placeholder_, _size_ and _prefix_. All of these default values can be over-written.
 
@@ -36,14 +36,14 @@ Apart from the above properties, Login.Username also support all properties of a
 
 ### Login.Captcha
 
-Property | Description | Type | Default
-----|------|-----|------
-onGetCaptcha | callback on getting a new Captcha | () => (void \| false \| Promise) | -
-countDown | count down | number |-
-buttonText | text on getting a new Captcha  | ReactNode | '获取验证码'
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| onGetCaptcha | callback on getting a new Captcha | () => (void \| false \| Promise) | - |
+| countDown | count down | number | - |
+| buttonText | text on getting a new Captcha | ReactNode | '获取验证码' |
 
 Apart from the above properties, _Login.Captcha_ support the same properties with _Login.UserName_.
 
 ### Login.Submit
 
-Support all properties of _antd.Button_.
\ No newline at end of file
+Support all properties of _antd.Button_.
diff --git a/src/components/Login/index.zh-CN.md b/src/components/Login/index.zh-CN.md
index a869e96c..4835ce50 100644
--- a/src/components/Login/index.zh-CN.md
+++ b/src/components/Login/index.zh-CN.md
@@ -11,36 +11,37 @@ order: 15
 
 ### Login
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-defaultActiveKey | 默认激活 tab 面板的 key | String | -
-onTabChange | 切换页签时的回调 | (key) => void | -
-onSubmit | 点击提交时的回调 | (err, values) => void | -
+| 参数             | 说明                    | 类型                  | 默认值 |
+| ---------------- | ----------------------- | --------------------- | ------ |
+| defaultActiveKey | 默认激活 tab 面板的 key | String                | -      |
+| onTabChange      | 切换页签时的回调        | (key) => void         | -      |
+| onSubmit         | 点击提交时的回调        | (err, values) => void | -      |
 
 ### Login.Tab
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-key | 对应选项卡的 key | String | -
-tab | 选项卡头显示文字 | ReactNode | -
+| 参数 | 说明             | 类型      | 默认值 |
+| ---- | ---------------- | --------- | ------ |
+| key  | 对应选项卡的 key | String    | -      |
+| tab  | 选项卡头显示文字 | ReactNode | -      |
 
 ### Login.UserName
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-name | 控件标记，提交数据中同样以此为 key | String | -
-rules | 校验规则，同 Form getFieldDecorator(id, options) 中 [option.rules 的规则](getFieldDecorator(id, options)) | object[] | -
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| name | 控件标记，提交数据中同样以此为 key | String | - |
+| rules | 校验规则，同 Form getFieldDecorator(id, options) 中 [option.rules 的规则](getFieldDecorator(id, options)) | object[] | - |
 
 除上述属性以外，Login.UserName 还支持 antd.Input 的所有属性，并且自带默认的基础配置，包括 `placeholder` `size` `prefix` 等，这些基础配置均可被覆盖。
+
 ## Login.Password、Login.Mobile 同 Login.UserName
 
 ### Login.Captcha
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-onGetCaptcha | 点击获取校验码的回调 | () => (void \| false \| Promise) | -
-countDown | 倒计时 | number |-
-buttonText | 点击获取校验码的说明文字 | ReactNode | '获取验证码'
+| 参数         | 说明                     | 类型                             | 默认值       |
+| ------------ | ------------------------ | -------------------------------- | ------------ |
+| onGetCaptcha | 点击获取校验码的回调     | () => (void \| false \| Promise) | -            |
+| countDown    | 倒计时                   | number                           | -            |
+| buttonText   | 点击获取校验码的说明文字 | ReactNode                        | '获取验证码' |
 
 除上述属性以外，Login.Captcha 支持的属性与 Login.UserName 相同。
 
diff --git a/src/components/NoticeIcon/demo/basic.md b/src/components/NoticeIcon/demo/basic.md
index dc9afeaa..45037288 100644
--- a/src/components/NoticeIcon/demo/basic.md
+++ b/src/components/NoticeIcon/demo/basic.md
@@ -5,8 +5,8 @@ title: 通知图标
 
 通常用在导航工具栏上。
 
-````jsx
+```jsx
 import NoticeIcon from 'ant-design-pro/lib/NoticeIcon';
 
 ReactDOM.render(<NoticeIcon count={5} />, mountNode);
-````
+```
diff --git a/src/components/NoticeIcon/demo/popover.md b/src/components/NoticeIcon/demo/popover.md
index 9694c5ef..5aae3704 100644
--- a/src/components/NoticeIcon/demo/popover.md
+++ b/src/components/NoticeIcon/demo/popover.md
@@ -9,90 +9,103 @@ title: 带浮层卡片
 import NoticeIcon from 'ant-design-pro/lib/NoticeIcon';
 import { Tag } from 'antd';
 
-const data = [{
-  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',
-}];
+const data = [
+  {
+    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',
+  },
+];
 
 function onItemClick(item, tabProps) {
   console.log(item, tabProps);
diff --git a/src/components/NoticeIcon/index.en-US.md b/src/components/NoticeIcon/index.en-US.md
index 677fa216..a2e4dfcb 100644
--- a/src/components/NoticeIcon/index.en-US.md
+++ b/src/components/NoticeIcon/index.en-US.md
@@ -1,6 +1,6 @@
 ---
 title: NoticeIcon
-subtitle: 
+subtitle:
 cols: 1
 order: 9
 ---
@@ -9,39 +9,39 @@ Used in navigation toolbar as a unified notification center for the entire produ
 
 ## API
 
-Property | Description | Type | Default
-----|------|-----|------
-count | Total number of messages | number | -
-bell | Change the bell Icon | ReactNode | `<Icon type='bell' />`
-loading | Popup card loading status | boolean | `false`
-onClear | Click to clear button the callback | function(tabName) | -
-onItemClick | Click on the list item's callback | function(item, tabProps) | -
-onPopupVisibleChange | Popup Card Showing or Hiding Callbacks | function(visible) | -
-onTabChange | Switching callbacks for tabs | function(tabTitle) | -
-onViewMore | Callback of click for view more | function(tabProps, event) | -
-popupVisible | Popup card display state | boolean | -
-locale | Default message text | Object | `{ emptyText: 'No notifications', clear: 'Clear', viewMore: 'Loading more' }`
-clearClose | Close menu after clear | boolean | `false`
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| count | Total number of messages | number | - |
+| bell | Change the bell Icon | ReactNode | `<Icon type='bell' />` |
+| loading | Popup card loading status | boolean | `false` |
+| onClear | Click to clear button the callback | function(tabName) | - |
+| onItemClick | Click on the list item's callback | function(item, tabProps) | - |
+| onPopupVisibleChange | Popup Card Showing or Hiding Callbacks | function(visible) | - |
+| onTabChange | Switching callbacks for tabs | function(tabTitle) | - |
+| onViewMore | Callback of click for view more | function(tabProps, event) | - |
+| popupVisible | Popup card display state | boolean | - |
+| locale | Default message text | Object | `{ emptyText: 'No notifications', clear: 'Clear', viewMore: 'Loading more' }` |
+| clearClose | Close menu after clear | boolean | `false` |
 
 ### NoticeIcon.Tab
 
-Property | Description | Type | Default
-----|------|-----|------
-count | Unread messages count of this tab | number | list.length
-emptyText | Message text when list is empty | ReactNode | -
-emptyImage | Image when list is empty | string | -
-list | List data, format refer to the following table | Array | `[]`
-showClear | Clear button display status | boolean | `true`
-showViewMore | View more button display status | boolean | `false`
-title | header for message Tab, the actual text is `locale[title] || title` | string | -
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| count | Unread messages count of this tab | number | list.length |
+| emptyText | Message text when list is empty | ReactNode | - |
+| emptyImage | Image when list is empty | string | - |
+| list | List data, format refer to the following table | Array | `[]` |
+| showClear | Clear button display status | boolean | `true` |
+| showViewMore | View more button display status | boolean | `false` |
+| title | header for message Tab, the actual text is `locale[title] || title` | string | - |
 
 ### Tab data
 
-Property | Description | Type | Default
-----|------|-----|------
-avatar | avatar img url | string \| ReactNode | -
-title | title | ReactNode | -
-description | description info | ReactNode | -
-datetime | Timestamps | ReactNode | -
-extra | Additional information in the upper right corner of the list item | ReactNode | -
-clickClose | Close menu after clicking list item | boolean | `false`
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| avatar | avatar img url | string \| ReactNode | - |
+| title | title | ReactNode | - |
+| description | description info | ReactNode | - |
+| datetime | Timestamps | ReactNode | - |
+| extra | Additional information in the upper right corner of the list item | ReactNode | - |
+| clickClose | Close menu after clicking list item | boolean | `false` |
diff --git a/src/components/NoticeIcon/index.zh-CN.md b/src/components/NoticeIcon/index.zh-CN.md
index fe722de7..bd87cb92 100644
--- a/src/components/NoticeIcon/index.zh-CN.md
+++ b/src/components/NoticeIcon/index.zh-CN.md
@@ -9,39 +9,39 @@ order: 9
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-count | 图标上的消息总数 | number | -
-bell | translate this please -> Change the bell Icon | ReactNode | `<Icon type='bell' />`
-loading | 弹出卡片加载状态 | boolean | `false`
-onClear | 点击清空按钮的回调 | function(tabName) | -
-onItemClick | 点击列表项的回调 | function(item, tabProps) | -
-onPopupVisibleChange | 弹出卡片显隐的回调 | function(visible) | -
-onTabChange | 切换页签的回调 | function(tabTitle) | -
-onViewMore | 点击查看更多的回调 | function(tabProps, event) | -
-popupVisible | 控制弹层显隐 | boolean | -
-locale | 默认文案 | Object | `{ emptyText: 'No notifications', clear: 'Clear', viewMore: 'Loading more' }`
-clearClose | 点击清空按钮后关闭通知菜单 | boolean | `false`
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| count | 图标上的消息总数 | number | - |
+| bell | translate this please -> Change the bell Icon | ReactNode | `<Icon type='bell' />` |
+| loading | 弹出卡片加载状态 | boolean | `false` |
+| onClear | 点击清空按钮的回调 | function(tabName) | - |
+| onItemClick | 点击列表项的回调 | function(item, tabProps) | - |
+| onPopupVisibleChange | 弹出卡片显隐的回调 | function(visible) | - |
+| onTabChange | 切换页签的回调 | function(tabTitle) | - |
+| onViewMore | 点击查看更多的回调 | function(tabProps, event) | - |
+| popupVisible | 控制弹层显隐 | boolean | - |
+| locale | 默认文案 | Object | `{ emptyText: 'No notifications', clear: 'Clear', viewMore: 'Loading more' }` |
+| clearClose | 点击清空按钮后关闭通知菜单 | boolean | `false` |
 
 ### NoticeIcon.Tab
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-count | 当前 Tab 未读消息数量 | number | list.length
-emptyText | 针对每个 Tab 定制空数据文案 | ReactNode | -
-emptyImage | 针对每个 Tab 定制空数据图片 | string | -
-list | 列表数据，格式参照下表 | Array | `[]`
-showClear | 是否显示清空按钮 | boolean | `true`
-showViewMore | 是否显示查看更多按钮 | boolean | `false`
-title | 消息分类的页签标题，实际的文案是 `locale[title] || title` | string | -
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| count | 当前 Tab 未读消息数量 | number | list.length |
+| emptyText | 针对每个 Tab 定制空数据文案 | ReactNode | - |
+| emptyImage | 针对每个 Tab 定制空数据图片 | string | - |
+| list | 列表数据，格式参照下表 | Array | `[]` |
+| showClear | 是否显示清空按钮 | boolean | `true` |
+| showViewMore | 是否显示查看更多按钮 | boolean | `false` |
+| title | 消息分类的页签标题，实际的文案是 `locale[title] || title` | string | - |
 
 ### Tab data
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-avatar | 头像图片链接 | string \| ReactNode | -
-title | 标题 | ReactNode | -
-description | 描述信息 | ReactNode | -
-datetime | 时间戳 | ReactNode | -
-extra | 额外信息，在列表项右上角 | ReactNode | -
-clickClose | 点击列表项关闭通知菜单 | boolean | `false`
+| 参数        | 说明                     | 类型                | 默认值  |
+| ----------- | ------------------------ | ------------------- | ------- |
+| avatar      | 头像图片链接             | string \| ReactNode | -       |
+| title       | 标题                     | ReactNode           | -       |
+| description | 描述信息                 | ReactNode           | -       |
+| datetime    | 时间戳                   | ReactNode           | -       |
+| extra       | 额外信息，在列表项右上角 | ReactNode           | -       |
+| clickClose  | 点击列表项关闭通知菜单   | boolean             | `false` |
diff --git a/src/components/NumberInfo/demo/basic.md b/src/components/NumberInfo/demo/basic.md
index b399655e..28c212c7 100644
--- a/src/components/NumberInfo/demo/basic.md
+++ b/src/components/NumberInfo/demo/basic.md
@@ -1,6 +1,6 @@
 ---
 order: 0
-title: 
+title:
   zh-CN: 演示
   en-US: Demo
 ---
@@ -13,7 +13,7 @@ title:
 
 Used for presenting various numerical data.
 
-````jsx
+```jsx
 import NumberInfo from 'ant-design-pro/lib/NumberInfo';
 import numeral from 'numeral';
 
@@ -25,6 +25,7 @@ ReactDOM.render(
       status="up"
       subTotal={17.1}
     />
-  </div>
-, mountNode);
-````
+  </div>,
+  mountNode
+);
+```
diff --git a/src/components/NumberInfo/index.en-US.md b/src/components/NumberInfo/index.en-US.md
index b82afbe4..001bf5fa 100644
--- a/src/components/NumberInfo/index.en-US.md
+++ b/src/components/NumberInfo/index.en-US.md
@@ -8,12 +8,12 @@ Often used in data cards for highlighting the business data.
 
 ## API
 
-Property | Description | Type | Default
-----|------|-----|------
-title | title | ReactNode\|string | -
-subTitle | subtitle | ReactNode\|string | -
-total | total amount | ReactNode\|string | -
-subTotal | total amount of additional information | ReactNode\|string | -
-status | increase state | 'up \| down' | -
-theme | state style | string | 'light'
-gap | set the spacing (pixels) between numbers and descriptions | number | 8
+| Property | Description | Type | Default |
+| --- | --- | --- | --- |
+| title | title | ReactNode\|string | - |
+| subTitle | subtitle | ReactNode\|string | - |
+| total | total amount | ReactNode\|string | - |
+| subTotal | total amount of additional information | ReactNode\|string | - |
+| status | increase state | 'up \| down' | - |
+| theme | state style | string | 'light' |
+| gap | set the spacing (pixels) between numbers and descriptions | number | 8 |
diff --git a/src/components/NumberInfo/index.zh-CN.md b/src/components/NumberInfo/index.zh-CN.md
index 71985394..4229210c 100644
--- a/src/components/NumberInfo/index.zh-CN.md
+++ b/src/components/NumberInfo/index.zh-CN.md
@@ -9,12 +9,12 @@ order: 10
 
 ## API
 
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-title | 标题 | ReactNode\|string | -
-subTitle | 子标题 | ReactNode\|string | -
-total | 总量 | ReactNode\|string | -
-subTotal | 子总量 | ReactNode\|string | -
-status | 增加状态 | 'up \| down' | -
-theme | 状态样式 | string | 'light'
-gap | 设置数字和描述之间的间距（像素）| number | 8
+| 参数     | 说明                             | 类型              | 默认值  |
+| -------- | -------------------------------- | ----------------- | ------- |
+| title    | 标题                             | ReactNode\|string | -       |
+| subTitle | 子标题                           | ReactNode\|string | -       |
+| total    | 总量                             | ReactNode\|string | -       |
+| subTotal | 子总量                           | ReactNode\|string | -       |
+| status   | 增加状态                         | 'up \| down'      | -       |
+| theme    | 状态样式                         | string            | 'light' |
+| gap      | 设置数字和描述之间的间距（像素） | number            | 8       |
diff --git a/src/components/Result/demo/classic.md b/src/components/Result/demo/classic.md
index 0cd9d14b..76bae717 100644
--- a/src/components/Result/demo/classic.md
+++ b/src/components/Result/demo/classic.md
@@ -5,7 +5,7 @@ title: Classic
 
 典型结果页面。
 
-````jsx
+```jsx
 import Result from 'ant-design-pro/lib/Result';
 import { Button, Row, Col, Icon, Steps } from 'antd';
 
@@ -27,7 +27,9 @@ const desc2 = (
       周毛毛
       <Icon type="dingding" style={{ color: '#00A0E9', marginLeft: 8 }} />
     </div>
-    <div style={{ marginTop: 8, marginBottom: 4 }}><a href="">催一下</a></div>
+    <div style={{ marginTop: 8, marginBottom: 4 }}>
+      <a href="">催一下</a>
+    </div>
   </div>
 );
 
@@ -75,6 +77,7 @@ ReactDOM.render(
     extra={extra}
     actions={actions}
     style={{ width: '100%' }}
-  />
-, mountNode);
-````
+  />,
+  mountNode
+);
+```
diff --git a/src/components/Result/demo/error.md b/src/components/Result/demo/error.md
index 5fd25cfd..c0848c6d 100644
--- a/src/components/Result/demo/error.md
+++ b/src/components/Result/demo/error.md
@@ -5,7 +5,7 @@ title: Failed
 
 提交失败。
 
-````jsx
+```jsx
 import Result from 'ant-design-pro/lib/Result';
 import { Button, Icon } from 'antd';
 
@@ -15,12 +15,18 @@ const extra = (
       您提交的内容有如下错误：
     </div>
     <div style={{ marginBottom: 16 }}>
-      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle" />您的账户已被冻结
-      <a style={{ marginLeft: 16 }}>立即解冻 <Icon type="right" /></a>
+      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle" />
+      您的账户已被冻结
+      <a style={{ marginLeft: 16 }}>
+        立即解冻 <Icon type="right" />
+      </a>
     </div>
     <div>
-      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle" />您的账户还不具备申请资格
-      <a style={{ marginLeft: 16 }}>立即升级 <Icon type="right" /></a>
+      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle" />
+      您的账户还不具备申请资格
+      <a style={{ marginLeft: 16 }}>
+        立即升级 <Icon type="right" />
+      </a>
     </div>
   </div>
 );
@@ -34,6 +40,7 @@ ReactDOM.render(
     description="请核对并修改以下信息后，再重新提交。"
     extra={extra}
     actions={actions}
-  />
-, mountNode);
-````
+  />,
+  mountNode
+);
+```
diff --git a/src/components/Result/demo/structure.md b/src/components/Result/demo/structure.md
index 7fcecfd6..441d372d 100644
--- a/src/components/Result/demo/structure.md
+++ b/src/components/Result/demo/structure.md
@@ -5,7 +5,7 @@ title: Structure
 
 结构包含 `处理结果`，`补充信息` 以及 `操作建议` 三个部分，其中 `处理结果` 由 `提示图标`，`标题` 和 `结果描述` 组成。
 
-````jsx
+```jsx
 import Result from 'ant-design-pro/lib/Result';
 
 ReactDOM.render(
@@ -15,6 +15,7 @@ ReactDOM.render(
     description={<div style={{ background: 'rgba(16, 142, 233, 1)', color: '#fff' }}>结果描述</div>}
     extra="其他补充信息，自带灰底效果"
     actions={<div style={{ background: '#3ba0e9', color: '#fff' }}>操作建议，一般放置按钮组</div>}
-  />
-, mountNode);
-````
+  />,
+  mountNode
+);
+```
diff --git a/src/components/Result/index.md b/src/components/Result/index.md
index 05e1c0e2..f875c96e 100644
--- a/src/components/Result/index.md
+++ b/src/components/Result/index.md
@@ -9,10 +9,10 @@ order: 12
 
 ## API
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| type | 类型，不同类型自带对应的图标 | Enum {'success', 'error'} | - |
-| title       | 标题     | ReactNode  | -    |
-| description | 结果描述    | ReactNode  | -    |
-| extra       | 补充信息，有默认的灰色背景     | ReactNode  | -    |
-| actions     | 操作建议，推荐放置跳转链接，按钮组等    | ReactNode  | -    |
+| 参数        | 说明                                 | 类型                      | 默认值 |
+| ----------- | ------------------------------------ | ------------------------- | ------ |
+| type        | 类型，不同类型自带对应的图标         | Enum {'success', 'error'} | -      |
+| title       | 标题                                 | ReactNode                 | -      |
+| description | 结果描述                             | ReactNode                 | -      |
+| extra       | 补充信息，有默认的灰色背景           | ReactNode                 | -      |
+| actions     | 操作建议，推荐放置跳转链接，按钮组等 | ReactNode                 | -      |
diff --git a/src/components/TagSelect/demo/expandable.md b/src/components/TagSelect/demo/expandable.md
index c45a30a3..af595664 100644
--- a/src/components/TagSelect/demo/expandable.md
+++ b/src/components/TagSelect/demo/expandable.md
@@ -5,7 +5,7 @@ title: 可展开和收起
 
 使用 `expandable` 属性，让标签组可以收起，避免过高。
 
-````jsx
+```jsx
 import TagSelect from 'ant-design-pro/lib/TagSelect';
 
 function handleFormSubmit(checkedValue) {
@@ -26,6 +26,7 @@ ReactDOM.render(
     <TagSelect.Option value="cat10">类目十</TagSelect.Option>
     <TagSelect.Option value="cat11">类目十一</TagSelect.Option>
     <TagSelect.Option value="cat12">类目十二</TagSelect.Option>
-  </TagSelect>
-, mountNode);
-````
+  </TagSelect>,
+  mountNode
+);
+```
diff --git a/src/components/TagSelect/demo/simple.md b/src/components/TagSelect/demo/simple.md
index 9e7a13a4..9b8f9ad3 100644
--- a/src/components/TagSelect/demo/simple.md
+++ b/src/components/TagSelect/demo/simple.md
@@ -5,7 +5,7 @@ title: 基础样例
 
 结合 `Tag` 的 `TagSelect` 组件，方便的应用于筛选类目的业务场景中。
 
-````jsx
+```jsx
 import TagSelect from 'ant-design-pro/lib/TagSelect';
 
 function handleFormSubmit(checkedValue) {
@@ -20,6 +20,7 @@ ReactDOM.render(
     <TagSelect.Option value="cat4">类目四</TagSelect.Option>
     <TagSelect.Option value="cat5">类目五</TagSelect.Option>
     <TagSelect.Option value="cat6">类目六</TagSelect.Option>
-  </TagSelect>
-, mountNode);
-````
+  </TagSelect>,
+  mountNode
+);
+```
diff --git a/src/components/TagSelect/index.md b/src/components/TagSelect/index.md
index 8d21de7b..d3beaa41 100644
--- a/src/components/TagSelect/index.md
+++ b/src/components/TagSelect/index.md
@@ -11,17 +11,17 @@ order: 13
 
 ### TagSelect
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| value    |选中的项              |string[] \| number[] | |
-| defaultValue    |默认选中的项   |string[] \| number[] | |
-| onChange | 标签选择的回调函数 | Function(checkedTags) |  |
-| expandable | 是否展示 `展开/收起` 按钮 | Boolean | false |
-| hideCheckAll | 隐藏 `全部` 按钮 | Boolean | false |
+| 参数         | 说明                      | 类型                  | 默认值 |
+| ------------ | ------------------------- | --------------------- | ------ |
+| value        | 选中的项                  | string[] \| number[]  |        |
+| defaultValue | 默认选中的项              | string[] \| number[]  |        |
+| onChange     | 标签选择的回调函数        | Function(checkedTags) |        |
+| expandable   | 是否展示 `展开/收起` 按钮 | Boolean               | false  |
+| hideCheckAll | 隐藏 `全部` 按钮          | Boolean               | false  |
 
 ### TagSelectOption
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| value | TagSelect的值  | string\| number | - |
-| children | tag的内容 | string \| ReactNode | - |
+| 参数     | 说明           | 类型                | 默认值 |
+| -------- | -------------- | ------------------- | ------ |
+| value    | TagSelect 的值 | string\| number     | -      |
+| children | tag 的内容     | string \| ReactNode | -      |
diff --git a/src/components/Trend/demo/basic.md b/src/components/Trend/demo/basic.md
index da771dc2..32829141 100644
--- a/src/components/Trend/demo/basic.md
+++ b/src/components/Trend/demo/basic.md
@@ -10,8 +10,11 @@ import Trend from 'ant-design-pro/lib/Trend';
 
 ReactDOM.render(
   <div>
-    <Trend flag="up" >12%</Trend>
-    <Trend flag="down" style={{ marginLeft: 8 }}>11%</Trend>
-  </div>
-, mountNode);
+    <Trend flag="up">12%</Trend>
+    <Trend flag="down" style={{ marginLeft: 8 }}>
+      11%
+    </Trend>
+  </div>,
+  mountNode
+);
 ```
diff --git a/src/components/Trend/demo/reverse.md b/src/components/Trend/demo/reverse.md
index 26f73667..c22dcc57 100644
--- a/src/components/Trend/demo/reverse.md
+++ b/src/components/Trend/demo/reverse.md
@@ -10,8 +10,13 @@ import Trend from 'ant-design-pro/lib/Trend';
 
 ReactDOM.render(
   <div>
-    <Trend flag="up" reverseColor={true} >12%</Trend>
-    <Trend flag="down" reverseColor={true} style={{ marginLeft: 8 }}>11%</Trend>
-  </div>
-, mountNode);
+    <Trend flag="up" reverseColor={true}>
+      12%
+    </Trend>
+    <Trend flag="down" reverseColor={true} style={{ marginLeft: 8 }}>
+      11%
+    </Trend>
+  </div>,
+  mountNode
+);
 ```
diff --git a/src/components/Trend/index.md b/src/components/Trend/index.md
index 96d83b85..0bc54866 100644
--- a/src/components/Trend/index.md
+++ b/src/components/Trend/index.md
@@ -13,8 +13,8 @@ order: 14
 <Trend flag="up">50%</Trend>
 ```
 
-| 参数      | 说明                                      | 类型         | 默认值 |
-|----------|------------------------------------------|-------------|-------|
-| colorful | 是否彩色标记 | Boolean | true |
-| flag | 上升下降标识：`up|down` | string | - |
-| reverseColor | 颜色反转 | Boolean | false |
+| 参数         | 说明                    | 类型    | 默认值 |
+| ------------ | ----------------------- | ------- | ------ |
+| colorful     | 是否彩色标记            | Boolean | true   |
+| flag         | 上升下降标识：`up|down` | string  | -      |
+| reverseColor | 颜色反转                | Boolean | false  |

From 32cc540b158603f4a279a4529466f3fa02bb7191 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 24 Apr 2019 14:43:17 +0800
Subject: [PATCH 12/24] fix test (#4065)

---
 jest.config.js      | 1 +
 package.json        | 1 +
 tests/setupTests.js | 1 +
 3 files changed, 3 insertions(+)
 create mode 100644 tests/setupTests.js

diff --git a/jest.config.js b/jest.config.js
index ba22e52a..147a0252 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,6 +1,7 @@
 module.exports = {
   testURL: 'http://localhost:8000',
   preset: 'jest-puppeteer',
+  extraSetupFiles: ['./tests/setupTests.js'],
   globals: {
     ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false, // preview.pro.ant.design only do not use in your production ; preview.pro.ant.design 专用环境变量，请不要在你的项目中使用它。
   },
diff --git a/package.json b/package.json
index 00e82ac0..c62dcc53 100644
--- a/package.json
+++ b/package.json
@@ -107,6 +107,7 @@
     "gh-pages": "^2.0.1",
     "husky": "^1.3.1",
     "jest-puppeteer": "^4.1.0",
+    "jsdom-global": "^3.0.2",
     "less": "^3.9.0",
     "lint-staged": "^8.1.1",
     "merge-umi-mock-data": "^1.0.4",
diff --git a/tests/setupTests.js b/tests/setupTests.js
new file mode 100644
index 00000000..1b15573e
--- /dev/null
+++ b/tests/setupTests.js
@@ -0,0 +1 @@
+import 'jsdom-global/register';

From ee9ea5550708873c4760bc5383bb6926375b90d5 Mon Sep 17 00:00:00 2001
From: Haoran Zhang <Mellonta@users.noreply.github.com>
Date: Fri, 19 Apr 2019 19:32:49 +0800
Subject: [PATCH 13/24] Fix ambiguous label

---
 src/pages/Forms/TableForm.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Forms/TableForm.js b/src/pages/Forms/TableForm.js
index ae2723e7..b7e78ebb 100644
--- a/src/pages/Forms/TableForm.js
+++ b/src/pages/Forms/TableForm.js
@@ -205,7 +205,7 @@ class TableForm extends PureComponent {
             if (record.isNew) {
               return (
                 <span>
-                  <a onClick={e => this.saveRow(e, record.key)}>添加</a>
+                  <a onClick={e => this.saveRow(e, record.key)}>保存</a>
                   <Divider type="vertical" />
                   <Popconfirm title="是否要删除此行？" onConfirm={() => this.remove(record.key)}>
                     <a>删除</a>

From 02cbcec99982c23dfd7476141ba1a6712a078dc2 Mon Sep 17 00:00:00 2001
From: Timmy Zhang <i@imtimmy.com>
Date: Wed, 24 Apr 2019 14:57:16 +0800
Subject: [PATCH 14/24] remove useless code (#4017)

---
 src/components/Charts/Pie/index.js | 1 -
 src/utils/utils.js                 | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Charts/Pie/index.js b/src/components/Charts/Pie/index.js
index 7dff5123..a2e8c312 100644
--- a/src/components/Charts/Pie/index.js
+++ b/src/components/Charts/Pie/index.js
@@ -151,7 +151,6 @@ class Pie extends Component {
     let tooltip = propsTooltip;
 
     const defaultColors = colors;
-    data = data || [];
     selected = selected || true;
     tooltip = tooltip || true;
     let formatColor;
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 7531af67..fa623680 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -152,7 +152,7 @@ export function isUrl(path) {
 
 export function formatWan(val) {
   const v = val * 1;
-  if (!v || Number.isNaN(v)) return '';
+  if (!v) return '';
 
   let result = val;
   if (val > 10000) {

From 9b13ab687e5644b113d2b3542bc36e4db48ade52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 24 Apr 2019 14:57:33 +0800
Subject: [PATCH 15/24] bugfix:fix #3878, In the top mode. Menu will follow the
 slide (#3928)

* bugfix:fix #3878, In the top mode. Menu will follow the slide

* typo: repalce warp to wrap
---
 src/components/SiderMenu/BaseMenu.js | 41 ++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/components/SiderMenu/BaseMenu.js b/src/components/SiderMenu/BaseMenu.js
index 9ab66ec3..87eafb02 100644
--- a/src/components/SiderMenu/BaseMenu.js
+++ b/src/components/SiderMenu/BaseMenu.js
@@ -123,6 +123,17 @@ export default class BaseMenu extends PureComponent {
     return `/${path || ''}`.replace(/\/+/g, '/');
   };
 
+  getPopupContainer = (fixedHeader, layout) => {
+    if (fixedHeader && layout === 'topmenu') {
+      return this.wrap;
+    }
+    return document.body;
+  };
+
+  getRef = ref => {
+    this.wrap = ref;
+  };
+
   render() {
     const {
       openKeys,
@@ -131,6 +142,8 @@ export default class BaseMenu extends PureComponent {
       location: { pathname },
       className,
       collapsed,
+      fixedHeader,
+      layout,
     } = this.props;
     // if pathname can't match, use the nearest parent's key
     let selectedKeys = this.getSelectedMenuKeys(pathname);
@@ -149,18 +162,22 @@ export default class BaseMenu extends PureComponent {
     });
 
     return (
-      <Menu
-        key="Menu"
-        mode={mode}
-        theme={theme}
-        onOpenChange={handleOpenChange}
-        selectedKeys={selectedKeys}
-        style={style}
-        className={cls}
-        {...props}
-      >
-        {this.getNavMenuItems(menuData)}
-      </Menu>
+      <>
+        <Menu
+          key="Menu"
+          mode={mode}
+          theme={theme}
+          onOpenChange={handleOpenChange}
+          selectedKeys={selectedKeys}
+          style={style}
+          className={cls}
+          {...props}
+          getPopupContainer={() => this.getPopupContainer(fixedHeader, layout)}
+        >
+          {this.getNavMenuItems(menuData)}
+        </Menu>
+        <div ref={this.getRef} />
+      </>
     );
   }
 }

From df6c2b9c418d1e1e55f50cc8769a8c6a582efdef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E5=8A=9B?= <3071730@qq.com>
Date: Wed, 24 Apr 2019 15:12:50 +0800
Subject: [PATCH 16/24] chore: Replace the images with base64 (#4057)

---
 public/ggeditor/flow/decision.svg             | 29 -------------------
 public/ggeditor/flow/model.svg                | 29 -------------------
 public/ggeditor/flow/normal.svg               | 29 -------------------
 public/ggeditor/flow/start.svg                | 29 -------------------
 public/ggeditor/koni/bank.svg                 | 29 -------------------
 public/ggeditor/koni/country.svg              | 29 -------------------
 public/ggeditor/koni/icon.svg                 | 14 ---------
 public/ggeditor/koni/person.svg               | 29 -------------------
 .../EditorItemPanel/FlowItemPanel.js          |  8 ++---
 .../EditorItemPanel/KoniItemPanel.js          | 15 ++++++----
 10 files changed, 13 insertions(+), 227 deletions(-)
 delete mode 100644 public/ggeditor/flow/decision.svg
 delete mode 100644 public/ggeditor/flow/model.svg
 delete mode 100644 public/ggeditor/flow/normal.svg
 delete mode 100644 public/ggeditor/flow/start.svg
 delete mode 100644 public/ggeditor/koni/bank.svg
 delete mode 100644 public/ggeditor/koni/country.svg
 delete mode 100644 public/ggeditor/koni/icon.svg
 delete mode 100644 public/ggeditor/koni/person.svg

diff --git a/public/ggeditor/flow/decision.svg b/public/ggeditor/flow/decision.svg
deleted file mode 100644
index 7af317ce..00000000
--- a/public/ggeditor/flow/decision.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="86px" height="78px" viewBox="0 0 86 78" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 3</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M42.6703722,1.66995728 L77.6353026,33.0218945 C79.2800648,34.4967003 79.4178417,37.0256099 77.9430359,38.6703722 C77.8461185,38.7784583 77.7433887,38.8811881 77.6353026,38.9781055 L42.6703722,70.3300427 C41.1508289,71.6925687 38.8491711,71.6925687 37.3296278,70.3300427 L2.36469744,38.9781055 C0.719935183,37.5032997 0.582158272,34.9743901 2.0569641,33.3296278 C2.1538815,33.2215417 2.25661129,33.1188119 2.36469744,33.0218945 L37.3296278,1.66995728 C38.8491711,0.307431303 41.1508289,0.307431303 42.6703722,1.66995728 Z" id="path-1"></path>
-        <filter x="-8.8%" y="-6.9%" width="117.5%" height="119.4%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Flow-01" transform="translate(-7.000000, -184.000000)">
-            <g id="Group-3" transform="translate(10.000000, 185.000000)">
-                <g id="Polygon">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <use fill-opacity="0.92" fill="#E6FFFB" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <path stroke="#5CDBD3" stroke-width="1" d="M42.3365757,2.04222047 C41.0069753,0.850010239 38.9930247,0.850010239 37.6634243,2.04222047 L2.69849396,33.3941577 C2.60391858,33.4789604 2.51403002,33.568849 2.42922729,33.6634243 C1.13877219,35.1025913 1.25932699,37.3153872 2.69849396,38.6058423 L37.6634243,69.9577795 C38.9930247,71.1499898 41.0069753,71.1499898 42.3365757,69.9577795 L77.301506,38.6058423 C77.3960814,38.5210396 77.48597,38.431151 77.5707727,38.3365757 C78.8612278,36.8974087 78.740673,34.6846128 77.301506,33.3941577 L42.3365757,2.04222047 Z"></path>
-                </g>
-                <text id="decision" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#000000" fill-opacity="0.65">
-                    <tspan x="18" y="42">Decision</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/flow/model.svg b/public/ggeditor/flow/model.svg
deleted file mode 100644
index 3fd8afaa..00000000
--- a/public/ggeditor/flow/model.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="88px" height="56px" viewBox="0 0 88 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 4</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="80" height="48" rx="24"></rect>
-        <filter x="-8.8%" y="-10.4%" width="117.5%" height="129.2%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Flow-01" transform="translate(-102.000000, -195.000000)">
-            <g id="Group-4" transform="translate(106.000000, 197.000000)">
-                <g id="Rectangle-15-Copy-35">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <use fill-opacity="0.92" fill="#F9F0FF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <rect stroke="#B37FEB" stroke-width="1" x="0.5" y="0.5" width="79" height="47" rx="23.5"></rect>
-                </g>
-                <text id="model" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#000000" fill-opacity="0.65">
-                    <tspan x="24" y="29">Model</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/flow/normal.svg b/public/ggeditor/flow/normal.svg
deleted file mode 100644
index 53791e9f..00000000
--- a/public/ggeditor/flow/normal.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="88px" height="56px" viewBox="0 0 88 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
-    <title>Group</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="80" height="48" rx="4"></rect>
-        <filter x="-8.8%" y="-10.4%" width="117.5%" height="129.2%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Flow-01" transform="translate(-6.000000, -105.000000)">
-            <g id="Group" transform="translate(10.000000, 107.000000)">
-                <g id="Rectangle-15-Copy">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <use fill-opacity="0.92" fill="#E6F7FF" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <rect stroke="#1890FF" stroke-width="1" x="0.5" y="0.5" width="79" height="47" rx="4"></rect>
-                </g>
-                <text id="normal" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#000000" fill-opacity="0.65">
-                    <tspan x="21" y="29">Normal</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/flow/start.svg b/public/ggeditor/flow/start.svg
deleted file mode 100644
index 3ab4c3cb..00000000
--- a/public/ggeditor/flow/start.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 2</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="36" cy="36" r="36"></circle>
-        <filter x="-9.7%" y="-6.9%" width="119.4%" height="119.4%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Flow-01" transform="translate(-106.000000, -93.000000)">
-            <g id="Group-2" transform="translate(110.000000, 95.000000)">
-                <g id="Oval">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <use fill-opacity="0.92" fill="#FFF2E8" fill-rule="evenodd" xlink:href="#path-1"></use>
-                    <circle stroke="#FFC069" stroke-width="1" cx="36" cy="36" r="35.5"></circle>
-                </g>
-                <text id="start" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#000000" fill-opacity="0.65">
-                    <tspan x="23" y="41">Start</tspan>
-                </text>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/koni/bank.svg b/public/ggeditor/koni/bank.svg
deleted file mode 100644
index 7ec11643..00000000
--- a/public/ggeditor/koni/bank.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 16</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="20" cy="20" r="20"></circle>
-        <filter x="-17.5%" y="-12.5%" width="135.0%" height="135.0%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="拓扑图编译器" transform="translate(-30.000000, -139.000000)">
-            <g id="Group-16" transform="translate(34.000000, 141.000000)">
-                <g id="Oval-Copy-8">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <circle stroke="#69C0FF" stroke-width="1" stroke-linejoin="square" fill-opacity="0.92" fill="#69C0FF" fill-rule="evenodd" cx="20" cy="20" r="19.5"></circle>
-                </g>
-                <g id="earth-copy-6" transform="translate(12.000000, 12.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                    <rect id="Rectangle-path" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                    <path d="M13.35,12.5140625 C13.353125,12.509375 13.3578125,12.5046875 13.3609375,12.5 C14.384375,11.2828125 15,9.7140625 15,8 C15,6.2859375 14.384375,4.7171875 13.3625,3.5 C13.359375,3.4953125 13.3546875,3.4921875 13.3515625,3.4875 C13.334375,3.4671875 13.31875,3.4484375 13.3015625,3.4296875 C13.2953125,3.421875 13.2890625,3.415625 13.2828125,3.4078125 C13.2609375,3.3828125 13.240625,3.359375 13.21875,3.334375 L13.2171875,3.3328125 C13.19375,3.30625 13.16875,3.2796875 13.1453125,3.253125 L13.14375,3.2515625 C13.09375,3.1984375 13.04375,3.1453125 12.9921875,3.09375 L12.990625,3.0921875 L12.915625,3.0171875 L12.9109375,3.0125 C12.8875,2.9890625 12.8640625,2.9671875 12.840625,2.9453125 C12.8328125,2.9375 12.825,2.9296875 12.815625,2.921875 C12.8,2.90625 12.784375,2.8921875 12.76875,2.878125 C12.7640625,2.8734375 12.7578125,2.86875 12.753125,2.8625 C11.50625,1.70625 9.8359375,1 8,1 C6.1640625,1 4.49375,1.70625 3.2453125,2.8625 C3.240625,2.8671875 3.234375,2.871875 3.2296875,2.878125 C3.2140625,2.8921875 3.1984375,2.9078125 3.1828125,2.9234375 C3.175,2.93125 3.1671875,2.9390625 3.1578125,2.946875 C3.134375,2.96875 3.1109375,2.9921875 3.0875,3.0140625 L3.0828125,3.01875 L3.0078125,3.09375 L3.00625,3.0953125 C2.9546875,3.146875 2.9046875,3.2 2.8546875,3.253125 L2.853125,3.2546875 C2.828125,3.28125 2.8046875,3.3078125 2.78125,3.334375 L2.7796875,3.3359375 C2.7578125,3.359375 2.7359375,3.384375 2.715625,3.409375 C2.709375,3.4171875 2.703125,3.4234375 2.696875,3.43125 C2.6796875,3.45 2.6640625,3.4703125 2.646875,3.4890625 C2.64375,3.49375 2.6390625,3.496875 2.6359375,3.5015625 C1.615625,4.7171875 1,6.2859375 1,8 C1,9.7140625 1.615625,11.2828125 2.6375,12.5 C2.640625,12.5046875 2.6453125,12.509375 2.6484375,12.5140625 C2.6640625,12.5328125 2.68125,12.553125 2.696875,12.571875 C2.703125,12.5796875 2.709375,12.5859375 2.715625,12.59375 C2.7375,12.61875 2.7578125,12.6421875 2.7796875,12.6671875 C2.7796875,12.66875 2.78125,12.66875 2.78125,12.6703125 C2.8046875,12.696875 2.828125,12.7234375 2.853125,12.7484375 L2.8546875,12.75 C2.9046875,12.803125 2.9546875,12.85625 3.0046875,12.9078125 L3.00625,12.909375 C3.03125,12.934375 3.0546875,12.959375 3.0796875,12.9828125 L3.084375,12.9875 C3.1359375,13.0390625 3.1890625,13.0890625 3.2421875,13.1375 C4.49375,14.29375 6.1640625,15 8,15 C9.8359375,15 11.50625,14.29375 12.7546875,13.1375 C12.8078125,13.0890625 12.859375,13.0390625 12.9109375,12.9875 L12.915625,12.9828125 C12.940625,12.9578125 12.965625,12.934375 12.9890625,12.909375 L12.990625,12.9078125 C13.0421875,12.85625 13.0921875,12.803125 13.140625,12.75 L13.1421875,12.7484375 C13.165625,12.721875 13.190625,12.696875 13.2140625,12.6703125 C13.2140625,12.66875 13.215625,12.66875 13.215625,12.6671875 C13.2375,12.64375 13.259375,12.61875 13.2796875,12.59375 C13.2859375,12.5859375 13.2921875,12.5796875 13.2984375,12.571875 C13.3171875,12.5515625 13.334375,12.5328125 13.35,12.5140625 Z M13.4140625,10.2859375 C13.1984375,10.7953125 12.9140625,11.2671875 12.5671875,11.6953125 C12.178125,11.359375 11.7515625,11.065625 11.29375,10.821875 C11.475,10.0890625 11.5875,9.284375 11.6171875,8.4375 L13.859375,8.4375 C13.8125,9.0765625 13.6625,9.696875 13.4140625,10.2859375 Z M13.859375,7.5625 L11.6171875,7.5625 C11.5875,6.715625 11.475,5.9109375 11.29375,5.178125 C11.7515625,4.934375 12.178125,4.640625 12.5671875,4.3046875 C12.9140625,4.7328125 13.1984375,5.2046875 13.4140625,5.7140625 C13.6625,6.303125 13.8125,6.9234375 13.859375,7.5625 Z M10.2859375,2.5859375 C10.90625,2.8484375 11.4703125,3.2109375 11.9671875,3.6671875 C11.678125,3.9140625 11.3671875,4.13125 11.0390625,4.3203125 C10.79375,3.6171875 10.4796875,3.00625 10.1140625,2.5171875 C10.171875,2.5390625 10.2296875,2.5625 10.2859375,2.5859375 Z M8.8703125,13.5328125 C8.7265625,13.6453125 8.5828125,13.73125 8.4375,13.7890625 L8.4375,10.890625 C9.0609375,10.934375 9.665625,11.071875 10.2453125,11.3 C10.115625,11.684375 9.965625,12.0390625 9.7921875,12.359375 C9.5203125,12.865625 9.2015625,13.2703125 8.8703125,13.5328125 Z M9.7921875,3.640625 C9.9640625,3.9625 10.115625,4.3171875 10.2453125,4.7 C9.665625,4.928125 9.0609375,5.065625 8.4375,5.109375 L8.4375,2.2125 C8.58125,2.2703125 8.7265625,2.3546875 8.8703125,2.46875 C9.2015625,2.7296875 9.5203125,3.134375 9.7921875,3.640625 Z M8.4375,10.0140625 L8.4375,8.4375 L10.7421875,8.4375 C10.7171875,9.128125 10.63125,9.7984375 10.4875,10.434375 L10.4828125,10.453125 C9.840625,10.209375 9.153125,10.0578125 8.4375,10.0140625 Z M8.4375,7.5625 L8.4375,5.9859375 C9.153125,5.9421875 9.840625,5.790625 10.4828125,5.546875 L10.4875,5.565625 C10.63125,6.2015625 10.7171875,6.8703125 10.7421875,7.5625 L8.4375,7.5625 Z M7.5625,8.4375 L7.5625,10.0140625 C6.846875,10.0578125 6.159375,10.209375 5.5171875,10.453125 L5.5125,10.434375 C5.36875,9.7984375 5.2828125,9.1296875 5.2578125,8.4375 L7.5625,8.4375 Z M5.2578125,7.5625 C5.2828125,6.871875 5.36875,6.2015625 5.5125,5.565625 L5.5171875,5.546875 C6.159375,5.790625 6.8453125,5.9421875 7.5625,5.9859375 L7.5625,7.5625 L5.2578125,7.5625 Z M7.5625,10.890625 L7.5625,13.7875 C7.41875,13.7296875 7.2734375,13.6453125 7.1296875,13.53125 C6.7984375,13.2703125 6.478125,12.8640625 6.20625,12.3578125 C6.034375,12.0359375 5.8828125,11.68125 5.753125,11.2984375 C6.334375,11.0703125 6.9390625,10.934375 7.5625,10.890625 Z M7.5625,5.109375 C6.9390625,5.065625 6.334375,4.928125 5.7546875,4.7 C5.884375,4.315625 6.034375,3.9609375 6.2078125,3.640625 C6.4796875,3.134375 6.7984375,2.728125 7.13125,2.4671875 C7.275,2.3546875 7.41875,2.26875 7.5640625,2.2109375 L7.5640625,5.109375 L7.5625,5.109375 Z M5.7140625,2.5859375 C5.771875,2.5625 5.828125,2.5390625 5.8859375,2.5171875 C5.5203125,3.00625 5.20625,3.6171875 4.9609375,4.3203125 C4.6328125,4.1328125 4.321875,3.9140625 4.0328125,3.6671875 C4.5296875,3.2109375 5.09375,2.8484375 5.7140625,2.5859375 Z M2.5859375,5.7140625 C2.8015625,5.2046875 3.0859375,4.7328125 3.4328125,4.3046875 C3.821875,4.640625 4.2484375,4.934375 4.70625,5.178125 C4.525,5.9109375 4.4125,6.715625 4.3828125,7.5625 L2.140625,7.5625 C2.1875,6.9234375 2.3375,6.303125 2.5859375,5.7140625 Z M2.140625,8.4375 L4.3828125,8.4375 C4.4125,9.284375 4.525,10.0890625 4.70625,10.821875 C4.2484375,11.065625 3.821875,11.359375 3.4328125,11.6953125 C3.0859375,11.2671875 2.8015625,10.7953125 2.5859375,10.2859375 C2.3375,9.696875 2.1875,9.0765625 2.140625,8.4375 Z M5.7140625,13.4140625 C5.09375,13.1515625 4.5296875,12.7890625 4.0328125,12.3328125 C4.321875,12.0859375 4.6328125,11.86875 4.9609375,11.6796875 C5.20625,12.3828125 5.5203125,12.99375 5.8859375,13.4828125 C5.828125,13.4609375 5.7703125,13.4375 5.7140625,13.4140625 Z M10.2859375,13.4140625 C10.228125,13.4375 10.171875,13.4609375 10.1140625,13.4828125 C10.4796875,12.99375 10.79375,12.3828125 11.0390625,11.6796875 C11.3671875,11.8671875 11.678125,12.0859375 11.9671875,12.3328125 C11.4703125,12.7890625 10.90625,13.1515625 10.2859375,13.4140625 Z" id="Shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/koni/country.svg b/public/ggeditor/koni/country.svg
deleted file mode 100644
index eeb861a7..00000000
--- a/public/ggeditor/koni/country.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 18</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="20" cy="20" r="20"></circle>
-        <filter x="-17.5%" y="-12.5%" width="135.0%" height="135.0%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="拓扑图编译器" transform="translate(-218.000000, -139.000000)">
-            <g id="Group-18" transform="translate(222.000000, 141.000000)">
-                <g id="Oval-Copy-10">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <circle stroke="#B37FEB" stroke-width="1" stroke-linejoin="square" fill-opacity="0.92" fill="#B37FEB" fill-rule="evenodd" cx="20" cy="20" r="19.5"></circle>
-                </g>
-                <g id="earth-copy-8" transform="translate(12.000000, 12.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                    <rect id="Rectangle-path" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                    <path d="M13.35,12.5140625 C13.353125,12.509375 13.3578125,12.5046875 13.3609375,12.5 C14.384375,11.2828125 15,9.7140625 15,8 C15,6.2859375 14.384375,4.7171875 13.3625,3.5 C13.359375,3.4953125 13.3546875,3.4921875 13.3515625,3.4875 C13.334375,3.4671875 13.31875,3.4484375 13.3015625,3.4296875 C13.2953125,3.421875 13.2890625,3.415625 13.2828125,3.4078125 C13.2609375,3.3828125 13.240625,3.359375 13.21875,3.334375 L13.2171875,3.3328125 C13.19375,3.30625 13.16875,3.2796875 13.1453125,3.253125 L13.14375,3.2515625 C13.09375,3.1984375 13.04375,3.1453125 12.9921875,3.09375 L12.990625,3.0921875 L12.915625,3.0171875 L12.9109375,3.0125 C12.8875,2.9890625 12.8640625,2.9671875 12.840625,2.9453125 C12.8328125,2.9375 12.825,2.9296875 12.815625,2.921875 C12.8,2.90625 12.784375,2.8921875 12.76875,2.878125 C12.7640625,2.8734375 12.7578125,2.86875 12.753125,2.8625 C11.50625,1.70625 9.8359375,1 8,1 C6.1640625,1 4.49375,1.70625 3.2453125,2.8625 C3.240625,2.8671875 3.234375,2.871875 3.2296875,2.878125 C3.2140625,2.8921875 3.1984375,2.9078125 3.1828125,2.9234375 C3.175,2.93125 3.1671875,2.9390625 3.1578125,2.946875 C3.134375,2.96875 3.1109375,2.9921875 3.0875,3.0140625 L3.0828125,3.01875 L3.0078125,3.09375 L3.00625,3.0953125 C2.9546875,3.146875 2.9046875,3.2 2.8546875,3.253125 L2.853125,3.2546875 C2.828125,3.28125 2.8046875,3.3078125 2.78125,3.334375 L2.7796875,3.3359375 C2.7578125,3.359375 2.7359375,3.384375 2.715625,3.409375 C2.709375,3.4171875 2.703125,3.4234375 2.696875,3.43125 C2.6796875,3.45 2.6640625,3.4703125 2.646875,3.4890625 C2.64375,3.49375 2.6390625,3.496875 2.6359375,3.5015625 C1.615625,4.7171875 1,6.2859375 1,8 C1,9.7140625 1.615625,11.2828125 2.6375,12.5 C2.640625,12.5046875 2.6453125,12.509375 2.6484375,12.5140625 C2.6640625,12.5328125 2.68125,12.553125 2.696875,12.571875 C2.703125,12.5796875 2.709375,12.5859375 2.715625,12.59375 C2.7375,12.61875 2.7578125,12.6421875 2.7796875,12.6671875 C2.7796875,12.66875 2.78125,12.66875 2.78125,12.6703125 C2.8046875,12.696875 2.828125,12.7234375 2.853125,12.7484375 L2.8546875,12.75 C2.9046875,12.803125 2.9546875,12.85625 3.0046875,12.9078125 L3.00625,12.909375 C3.03125,12.934375 3.0546875,12.959375 3.0796875,12.9828125 L3.084375,12.9875 C3.1359375,13.0390625 3.1890625,13.0890625 3.2421875,13.1375 C4.49375,14.29375 6.1640625,15 8,15 C9.8359375,15 11.50625,14.29375 12.7546875,13.1375 C12.8078125,13.0890625 12.859375,13.0390625 12.9109375,12.9875 L12.915625,12.9828125 C12.940625,12.9578125 12.965625,12.934375 12.9890625,12.909375 L12.990625,12.9078125 C13.0421875,12.85625 13.0921875,12.803125 13.140625,12.75 L13.1421875,12.7484375 C13.165625,12.721875 13.190625,12.696875 13.2140625,12.6703125 C13.2140625,12.66875 13.215625,12.66875 13.215625,12.6671875 C13.2375,12.64375 13.259375,12.61875 13.2796875,12.59375 C13.2859375,12.5859375 13.2921875,12.5796875 13.2984375,12.571875 C13.3171875,12.5515625 13.334375,12.5328125 13.35,12.5140625 Z M13.4140625,10.2859375 C13.1984375,10.7953125 12.9140625,11.2671875 12.5671875,11.6953125 C12.178125,11.359375 11.7515625,11.065625 11.29375,10.821875 C11.475,10.0890625 11.5875,9.284375 11.6171875,8.4375 L13.859375,8.4375 C13.8125,9.0765625 13.6625,9.696875 13.4140625,10.2859375 Z M13.859375,7.5625 L11.6171875,7.5625 C11.5875,6.715625 11.475,5.9109375 11.29375,5.178125 C11.7515625,4.934375 12.178125,4.640625 12.5671875,4.3046875 C12.9140625,4.7328125 13.1984375,5.2046875 13.4140625,5.7140625 C13.6625,6.303125 13.8125,6.9234375 13.859375,7.5625 Z M10.2859375,2.5859375 C10.90625,2.8484375 11.4703125,3.2109375 11.9671875,3.6671875 C11.678125,3.9140625 11.3671875,4.13125 11.0390625,4.3203125 C10.79375,3.6171875 10.4796875,3.00625 10.1140625,2.5171875 C10.171875,2.5390625 10.2296875,2.5625 10.2859375,2.5859375 Z M8.8703125,13.5328125 C8.7265625,13.6453125 8.5828125,13.73125 8.4375,13.7890625 L8.4375,10.890625 C9.0609375,10.934375 9.665625,11.071875 10.2453125,11.3 C10.115625,11.684375 9.965625,12.0390625 9.7921875,12.359375 C9.5203125,12.865625 9.2015625,13.2703125 8.8703125,13.5328125 Z M9.7921875,3.640625 C9.9640625,3.9625 10.115625,4.3171875 10.2453125,4.7 C9.665625,4.928125 9.0609375,5.065625 8.4375,5.109375 L8.4375,2.2125 C8.58125,2.2703125 8.7265625,2.3546875 8.8703125,2.46875 C9.2015625,2.7296875 9.5203125,3.134375 9.7921875,3.640625 Z M8.4375,10.0140625 L8.4375,8.4375 L10.7421875,8.4375 C10.7171875,9.128125 10.63125,9.7984375 10.4875,10.434375 L10.4828125,10.453125 C9.840625,10.209375 9.153125,10.0578125 8.4375,10.0140625 Z M8.4375,7.5625 L8.4375,5.9859375 C9.153125,5.9421875 9.840625,5.790625 10.4828125,5.546875 L10.4875,5.565625 C10.63125,6.2015625 10.7171875,6.8703125 10.7421875,7.5625 L8.4375,7.5625 Z M7.5625,8.4375 L7.5625,10.0140625 C6.846875,10.0578125 6.159375,10.209375 5.5171875,10.453125 L5.5125,10.434375 C5.36875,9.7984375 5.2828125,9.1296875 5.2578125,8.4375 L7.5625,8.4375 Z M5.2578125,7.5625 C5.2828125,6.871875 5.36875,6.2015625 5.5125,5.565625 L5.5171875,5.546875 C6.159375,5.790625 6.8453125,5.9421875 7.5625,5.9859375 L7.5625,7.5625 L5.2578125,7.5625 Z M7.5625,10.890625 L7.5625,13.7875 C7.41875,13.7296875 7.2734375,13.6453125 7.1296875,13.53125 C6.7984375,13.2703125 6.478125,12.8640625 6.20625,12.3578125 C6.034375,12.0359375 5.8828125,11.68125 5.753125,11.2984375 C6.334375,11.0703125 6.9390625,10.934375 7.5625,10.890625 Z M7.5625,5.109375 C6.9390625,5.065625 6.334375,4.928125 5.7546875,4.7 C5.884375,4.315625 6.034375,3.9609375 6.2078125,3.640625 C6.4796875,3.134375 6.7984375,2.728125 7.13125,2.4671875 C7.275,2.3546875 7.41875,2.26875 7.5640625,2.2109375 L7.5640625,5.109375 L7.5625,5.109375 Z M5.7140625,2.5859375 C5.771875,2.5625 5.828125,2.5390625 5.8859375,2.5171875 C5.5203125,3.00625 5.20625,3.6171875 4.9609375,4.3203125 C4.6328125,4.1328125 4.321875,3.9140625 4.0328125,3.6671875 C4.5296875,3.2109375 5.09375,2.8484375 5.7140625,2.5859375 Z M2.5859375,5.7140625 C2.8015625,5.2046875 3.0859375,4.7328125 3.4328125,4.3046875 C3.821875,4.640625 4.2484375,4.934375 4.70625,5.178125 C4.525,5.9109375 4.4125,6.715625 4.3828125,7.5625 L2.140625,7.5625 C2.1875,6.9234375 2.3375,6.303125 2.5859375,5.7140625 Z M2.140625,8.4375 L4.3828125,8.4375 C4.4125,9.284375 4.525,10.0890625 4.70625,10.821875 C4.2484375,11.065625 3.821875,11.359375 3.4328125,11.6953125 C3.0859375,11.2671875 2.8015625,10.7953125 2.5859375,10.2859375 C2.3375,9.696875 2.1875,9.0765625 2.140625,8.4375 Z M5.7140625,13.4140625 C5.09375,13.1515625 4.5296875,12.7890625 4.0328125,12.3328125 C4.321875,12.0859375 4.6328125,11.86875 4.9609375,11.6796875 C5.20625,12.3828125 5.5203125,12.99375 5.8859375,13.4828125 C5.828125,13.4609375 5.7703125,13.4375 5.7140625,13.4140625 Z M10.2859375,13.4140625 C10.228125,13.4375 10.171875,13.4609375 10.1140625,13.4828125 C10.4796875,12.99375 10.79375,12.3828125 11.0390625,11.6796875 C11.3671875,11.8671875 11.678125,12.0859375 11.9671875,12.3328125 C11.4703125,12.7890625 10.90625,13.1515625 10.2859375,13.4140625 Z" id="Shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/koni/icon.svg b/public/ggeditor/koni/icon.svg
deleted file mode 100644
index 0c3eba65..00000000
--- a/public/ggeditor/koni/icon.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
-    <title>earth copy 53</title>
-    <desc>Created with Sketch.</desc>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="拓扑图编译器" transform="translate(-222.000000, -1591.000000)" fill="#FFFFFF" fill-rule="nonzero">
-            <g id="earth-copy-53" transform="translate(221.000000, 1590.000000)">
-                <rect id="Rectangle-path" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                <path d="M13.35,12.5140625 C13.353125,12.509375 13.3578125,12.5046875 13.3609375,12.5 C14.384375,11.2828125 15,9.7140625 15,8 C15,6.2859375 14.384375,4.7171875 13.3625,3.5 C13.359375,3.4953125 13.3546875,3.4921875 13.3515625,3.4875 C13.334375,3.4671875 13.31875,3.4484375 13.3015625,3.4296875 C13.2953125,3.421875 13.2890625,3.415625 13.2828125,3.4078125 C13.2609375,3.3828125 13.240625,3.359375 13.21875,3.334375 L13.2171875,3.3328125 C13.19375,3.30625 13.16875,3.2796875 13.1453125,3.253125 L13.14375,3.2515625 C13.09375,3.1984375 13.04375,3.1453125 12.9921875,3.09375 L12.990625,3.0921875 L12.915625,3.0171875 L12.9109375,3.0125 C12.8875,2.9890625 12.8640625,2.9671875 12.840625,2.9453125 C12.8328125,2.9375 12.825,2.9296875 12.815625,2.921875 C12.8,2.90625 12.784375,2.8921875 12.76875,2.878125 C12.7640625,2.8734375 12.7578125,2.86875 12.753125,2.8625 C11.50625,1.70625 9.8359375,1 8,1 C6.1640625,1 4.49375,1.70625 3.2453125,2.8625 C3.240625,2.8671875 3.234375,2.871875 3.2296875,2.878125 C3.2140625,2.8921875 3.1984375,2.9078125 3.1828125,2.9234375 C3.175,2.93125 3.1671875,2.9390625 3.1578125,2.946875 C3.134375,2.96875 3.1109375,2.9921875 3.0875,3.0140625 L3.0828125,3.01875 L3.0078125,3.09375 L3.00625,3.0953125 C2.9546875,3.146875 2.9046875,3.2 2.8546875,3.253125 L2.853125,3.2546875 C2.828125,3.28125 2.8046875,3.3078125 2.78125,3.334375 L2.7796875,3.3359375 C2.7578125,3.359375 2.7359375,3.384375 2.715625,3.409375 C2.709375,3.4171875 2.703125,3.4234375 2.696875,3.43125 C2.6796875,3.45 2.6640625,3.4703125 2.646875,3.4890625 C2.64375,3.49375 2.6390625,3.496875 2.6359375,3.5015625 C1.615625,4.7171875 1,6.2859375 1,8 C1,9.7140625 1.615625,11.2828125 2.6375,12.5 C2.640625,12.5046875 2.6453125,12.509375 2.6484375,12.5140625 C2.6640625,12.5328125 2.68125,12.553125 2.696875,12.571875 C2.703125,12.5796875 2.709375,12.5859375 2.715625,12.59375 C2.7375,12.61875 2.7578125,12.6421875 2.7796875,12.6671875 C2.7796875,12.66875 2.78125,12.66875 2.78125,12.6703125 C2.8046875,12.696875 2.828125,12.7234375 2.853125,12.7484375 L2.8546875,12.75 C2.9046875,12.803125 2.9546875,12.85625 3.0046875,12.9078125 L3.00625,12.909375 C3.03125,12.934375 3.0546875,12.959375 3.0796875,12.9828125 L3.084375,12.9875 C3.1359375,13.0390625 3.1890625,13.0890625 3.2421875,13.1375 C4.49375,14.29375 6.1640625,15 8,15 C9.8359375,15 11.50625,14.29375 12.7546875,13.1375 C12.8078125,13.0890625 12.859375,13.0390625 12.9109375,12.9875 L12.915625,12.9828125 C12.940625,12.9578125 12.965625,12.934375 12.9890625,12.909375 L12.990625,12.9078125 C13.0421875,12.85625 13.0921875,12.803125 13.140625,12.75 L13.1421875,12.7484375 C13.165625,12.721875 13.190625,12.696875 13.2140625,12.6703125 C13.2140625,12.66875 13.215625,12.66875 13.215625,12.6671875 C13.2375,12.64375 13.259375,12.61875 13.2796875,12.59375 C13.2859375,12.5859375 13.2921875,12.5796875 13.2984375,12.571875 C13.3171875,12.5515625 13.334375,12.5328125 13.35,12.5140625 Z M13.4140625,10.2859375 C13.1984375,10.7953125 12.9140625,11.2671875 12.5671875,11.6953125 C12.178125,11.359375 11.7515625,11.065625 11.29375,10.821875 C11.475,10.0890625 11.5875,9.284375 11.6171875,8.4375 L13.859375,8.4375 C13.8125,9.0765625 13.6625,9.696875 13.4140625,10.2859375 Z M13.859375,7.5625 L11.6171875,7.5625 C11.5875,6.715625 11.475,5.9109375 11.29375,5.178125 C11.7515625,4.934375 12.178125,4.640625 12.5671875,4.3046875 C12.9140625,4.7328125 13.1984375,5.2046875 13.4140625,5.7140625 C13.6625,6.303125 13.8125,6.9234375 13.859375,7.5625 Z M10.2859375,2.5859375 C10.90625,2.8484375 11.4703125,3.2109375 11.9671875,3.6671875 C11.678125,3.9140625 11.3671875,4.13125 11.0390625,4.3203125 C10.79375,3.6171875 10.4796875,3.00625 10.1140625,2.5171875 C10.171875,2.5390625 10.2296875,2.5625 10.2859375,2.5859375 Z M8.8703125,13.5328125 C8.7265625,13.6453125 8.5828125,13.73125 8.4375,13.7890625 L8.4375,10.890625 C9.0609375,10.934375 9.665625,11.071875 10.2453125,11.3 C10.115625,11.684375 9.965625,12.0390625 9.7921875,12.359375 C9.5203125,12.865625 9.2015625,13.2703125 8.8703125,13.5328125 Z M9.7921875,3.640625 C9.9640625,3.9625 10.115625,4.3171875 10.2453125,4.7 C9.665625,4.928125 9.0609375,5.065625 8.4375,5.109375 L8.4375,2.2125 C8.58125,2.2703125 8.7265625,2.3546875 8.8703125,2.46875 C9.2015625,2.7296875 9.5203125,3.134375 9.7921875,3.640625 Z M8.4375,10.0140625 L8.4375,8.4375 L10.7421875,8.4375 C10.7171875,9.128125 10.63125,9.7984375 10.4875,10.434375 L10.4828125,10.453125 C9.840625,10.209375 9.153125,10.0578125 8.4375,10.0140625 Z M8.4375,7.5625 L8.4375,5.9859375 C9.153125,5.9421875 9.840625,5.790625 10.4828125,5.546875 L10.4875,5.565625 C10.63125,6.2015625 10.7171875,6.8703125 10.7421875,7.5625 L8.4375,7.5625 Z M7.5625,8.4375 L7.5625,10.0140625 C6.846875,10.0578125 6.159375,10.209375 5.5171875,10.453125 L5.5125,10.434375 C5.36875,9.7984375 5.2828125,9.1296875 5.2578125,8.4375 L7.5625,8.4375 Z M5.2578125,7.5625 C5.2828125,6.871875 5.36875,6.2015625 5.5125,5.565625 L5.5171875,5.546875 C6.159375,5.790625 6.8453125,5.9421875 7.5625,5.9859375 L7.5625,7.5625 L5.2578125,7.5625 Z M7.5625,10.890625 L7.5625,13.7875 C7.41875,13.7296875 7.2734375,13.6453125 7.1296875,13.53125 C6.7984375,13.2703125 6.478125,12.8640625 6.20625,12.3578125 C6.034375,12.0359375 5.8828125,11.68125 5.753125,11.2984375 C6.334375,11.0703125 6.9390625,10.934375 7.5625,10.890625 Z M7.5625,5.109375 C6.9390625,5.065625 6.334375,4.928125 5.7546875,4.7 C5.884375,4.315625 6.034375,3.9609375 6.2078125,3.640625 C6.4796875,3.134375 6.7984375,2.728125 7.13125,2.4671875 C7.275,2.3546875 7.41875,2.26875 7.5640625,2.2109375 L7.5640625,5.109375 L7.5625,5.109375 Z M5.7140625,2.5859375 C5.771875,2.5625 5.828125,2.5390625 5.8859375,2.5171875 C5.5203125,3.00625 5.20625,3.6171875 4.9609375,4.3203125 C4.6328125,4.1328125 4.321875,3.9140625 4.0328125,3.6671875 C4.5296875,3.2109375 5.09375,2.8484375 5.7140625,2.5859375 Z M2.5859375,5.7140625 C2.8015625,5.2046875 3.0859375,4.7328125 3.4328125,4.3046875 C3.821875,4.640625 4.2484375,4.934375 4.70625,5.178125 C4.525,5.9109375 4.4125,6.715625 4.3828125,7.5625 L2.140625,7.5625 C2.1875,6.9234375 2.3375,6.303125 2.5859375,5.7140625 Z M2.140625,8.4375 L4.3828125,8.4375 C4.4125,9.284375 4.525,10.0890625 4.70625,10.821875 C4.2484375,11.065625 3.821875,11.359375 3.4328125,11.6953125 C3.0859375,11.2671875 2.8015625,10.7953125 2.5859375,10.2859375 C2.3375,9.696875 2.1875,9.0765625 2.140625,8.4375 Z M5.7140625,13.4140625 C5.09375,13.1515625 4.5296875,12.7890625 4.0328125,12.3328125 C4.321875,12.0859375 4.6328125,11.86875 4.9609375,11.6796875 C5.20625,12.3828125 5.5203125,12.99375 5.8859375,13.4828125 C5.828125,13.4609375 5.7703125,13.4375 5.7140625,13.4140625 Z M10.2859375,13.4140625 C10.228125,13.4375 10.171875,13.4609375 10.1140625,13.4828125 C10.4796875,12.99375 10.79375,12.3828125 11.0390625,11.6796875 C11.3671875,11.8671875 11.678125,12.0859375 11.9671875,12.3328125 C11.4703125,12.7890625 10.90625,13.1515625 10.2859375,13.4140625 Z" id="Shape"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/public/ggeditor/koni/person.svg b/public/ggeditor/koni/person.svg
deleted file mode 100644
index c9dcad00..00000000
--- a/public/ggeditor/koni/person.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
-    <title>Group 17</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <circle id="path-1" cx="20" cy="20" r="20"></circle>
-        <filter x="-17.5%" y="-12.5%" width="135.0%" height="135.0%" filterUnits="objectBoundingBox" id="filter-2">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.04 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="拓扑图编译器" transform="translate(-119.000000, -139.000000)">
-            <g id="Group-17" transform="translate(123.000000, 141.000000)">
-                <g id="Oval-Copy-9">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                    <circle stroke="#5CDBD3" stroke-width="1" stroke-linejoin="square" fill-opacity="0.92" fill="#5CDBD3" fill-rule="evenodd" cx="20" cy="20" r="19.5"></circle>
-                </g>
-                <g id="earth-copy-7" transform="translate(12.000000, 12.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                    <rect id="Rectangle-path" opacity="0" x="0" y="0" width="16" height="16"></rect>
-                    <path d="M13.35,12.5140625 C13.353125,12.509375 13.3578125,12.5046875 13.3609375,12.5 C14.384375,11.2828125 15,9.7140625 15,8 C15,6.2859375 14.384375,4.7171875 13.3625,3.5 C13.359375,3.4953125 13.3546875,3.4921875 13.3515625,3.4875 C13.334375,3.4671875 13.31875,3.4484375 13.3015625,3.4296875 C13.2953125,3.421875 13.2890625,3.415625 13.2828125,3.4078125 C13.2609375,3.3828125 13.240625,3.359375 13.21875,3.334375 L13.2171875,3.3328125 C13.19375,3.30625 13.16875,3.2796875 13.1453125,3.253125 L13.14375,3.2515625 C13.09375,3.1984375 13.04375,3.1453125 12.9921875,3.09375 L12.990625,3.0921875 L12.915625,3.0171875 L12.9109375,3.0125 C12.8875,2.9890625 12.8640625,2.9671875 12.840625,2.9453125 C12.8328125,2.9375 12.825,2.9296875 12.815625,2.921875 C12.8,2.90625 12.784375,2.8921875 12.76875,2.878125 C12.7640625,2.8734375 12.7578125,2.86875 12.753125,2.8625 C11.50625,1.70625 9.8359375,1 8,1 C6.1640625,1 4.49375,1.70625 3.2453125,2.8625 C3.240625,2.8671875 3.234375,2.871875 3.2296875,2.878125 C3.2140625,2.8921875 3.1984375,2.9078125 3.1828125,2.9234375 C3.175,2.93125 3.1671875,2.9390625 3.1578125,2.946875 C3.134375,2.96875 3.1109375,2.9921875 3.0875,3.0140625 L3.0828125,3.01875 L3.0078125,3.09375 L3.00625,3.0953125 C2.9546875,3.146875 2.9046875,3.2 2.8546875,3.253125 L2.853125,3.2546875 C2.828125,3.28125 2.8046875,3.3078125 2.78125,3.334375 L2.7796875,3.3359375 C2.7578125,3.359375 2.7359375,3.384375 2.715625,3.409375 C2.709375,3.4171875 2.703125,3.4234375 2.696875,3.43125 C2.6796875,3.45 2.6640625,3.4703125 2.646875,3.4890625 C2.64375,3.49375 2.6390625,3.496875 2.6359375,3.5015625 C1.615625,4.7171875 1,6.2859375 1,8 C1,9.7140625 1.615625,11.2828125 2.6375,12.5 C2.640625,12.5046875 2.6453125,12.509375 2.6484375,12.5140625 C2.6640625,12.5328125 2.68125,12.553125 2.696875,12.571875 C2.703125,12.5796875 2.709375,12.5859375 2.715625,12.59375 C2.7375,12.61875 2.7578125,12.6421875 2.7796875,12.6671875 C2.7796875,12.66875 2.78125,12.66875 2.78125,12.6703125 C2.8046875,12.696875 2.828125,12.7234375 2.853125,12.7484375 L2.8546875,12.75 C2.9046875,12.803125 2.9546875,12.85625 3.0046875,12.9078125 L3.00625,12.909375 C3.03125,12.934375 3.0546875,12.959375 3.0796875,12.9828125 L3.084375,12.9875 C3.1359375,13.0390625 3.1890625,13.0890625 3.2421875,13.1375 C4.49375,14.29375 6.1640625,15 8,15 C9.8359375,15 11.50625,14.29375 12.7546875,13.1375 C12.8078125,13.0890625 12.859375,13.0390625 12.9109375,12.9875 L12.915625,12.9828125 C12.940625,12.9578125 12.965625,12.934375 12.9890625,12.909375 L12.990625,12.9078125 C13.0421875,12.85625 13.0921875,12.803125 13.140625,12.75 L13.1421875,12.7484375 C13.165625,12.721875 13.190625,12.696875 13.2140625,12.6703125 C13.2140625,12.66875 13.215625,12.66875 13.215625,12.6671875 C13.2375,12.64375 13.259375,12.61875 13.2796875,12.59375 C13.2859375,12.5859375 13.2921875,12.5796875 13.2984375,12.571875 C13.3171875,12.5515625 13.334375,12.5328125 13.35,12.5140625 Z M13.4140625,10.2859375 C13.1984375,10.7953125 12.9140625,11.2671875 12.5671875,11.6953125 C12.178125,11.359375 11.7515625,11.065625 11.29375,10.821875 C11.475,10.0890625 11.5875,9.284375 11.6171875,8.4375 L13.859375,8.4375 C13.8125,9.0765625 13.6625,9.696875 13.4140625,10.2859375 Z M13.859375,7.5625 L11.6171875,7.5625 C11.5875,6.715625 11.475,5.9109375 11.29375,5.178125 C11.7515625,4.934375 12.178125,4.640625 12.5671875,4.3046875 C12.9140625,4.7328125 13.1984375,5.2046875 13.4140625,5.7140625 C13.6625,6.303125 13.8125,6.9234375 13.859375,7.5625 Z M10.2859375,2.5859375 C10.90625,2.8484375 11.4703125,3.2109375 11.9671875,3.6671875 C11.678125,3.9140625 11.3671875,4.13125 11.0390625,4.3203125 C10.79375,3.6171875 10.4796875,3.00625 10.1140625,2.5171875 C10.171875,2.5390625 10.2296875,2.5625 10.2859375,2.5859375 Z M8.8703125,13.5328125 C8.7265625,13.6453125 8.5828125,13.73125 8.4375,13.7890625 L8.4375,10.890625 C9.0609375,10.934375 9.665625,11.071875 10.2453125,11.3 C10.115625,11.684375 9.965625,12.0390625 9.7921875,12.359375 C9.5203125,12.865625 9.2015625,13.2703125 8.8703125,13.5328125 Z M9.7921875,3.640625 C9.9640625,3.9625 10.115625,4.3171875 10.2453125,4.7 C9.665625,4.928125 9.0609375,5.065625 8.4375,5.109375 L8.4375,2.2125 C8.58125,2.2703125 8.7265625,2.3546875 8.8703125,2.46875 C9.2015625,2.7296875 9.5203125,3.134375 9.7921875,3.640625 Z M8.4375,10.0140625 L8.4375,8.4375 L10.7421875,8.4375 C10.7171875,9.128125 10.63125,9.7984375 10.4875,10.434375 L10.4828125,10.453125 C9.840625,10.209375 9.153125,10.0578125 8.4375,10.0140625 Z M8.4375,7.5625 L8.4375,5.9859375 C9.153125,5.9421875 9.840625,5.790625 10.4828125,5.546875 L10.4875,5.565625 C10.63125,6.2015625 10.7171875,6.8703125 10.7421875,7.5625 L8.4375,7.5625 Z M7.5625,8.4375 L7.5625,10.0140625 C6.846875,10.0578125 6.159375,10.209375 5.5171875,10.453125 L5.5125,10.434375 C5.36875,9.7984375 5.2828125,9.1296875 5.2578125,8.4375 L7.5625,8.4375 Z M5.2578125,7.5625 C5.2828125,6.871875 5.36875,6.2015625 5.5125,5.565625 L5.5171875,5.546875 C6.159375,5.790625 6.8453125,5.9421875 7.5625,5.9859375 L7.5625,7.5625 L5.2578125,7.5625 Z M7.5625,10.890625 L7.5625,13.7875 C7.41875,13.7296875 7.2734375,13.6453125 7.1296875,13.53125 C6.7984375,13.2703125 6.478125,12.8640625 6.20625,12.3578125 C6.034375,12.0359375 5.8828125,11.68125 5.753125,11.2984375 C6.334375,11.0703125 6.9390625,10.934375 7.5625,10.890625 Z M7.5625,5.109375 C6.9390625,5.065625 6.334375,4.928125 5.7546875,4.7 C5.884375,4.315625 6.034375,3.9609375 6.2078125,3.640625 C6.4796875,3.134375 6.7984375,2.728125 7.13125,2.4671875 C7.275,2.3546875 7.41875,2.26875 7.5640625,2.2109375 L7.5640625,5.109375 L7.5625,5.109375 Z M5.7140625,2.5859375 C5.771875,2.5625 5.828125,2.5390625 5.8859375,2.5171875 C5.5203125,3.00625 5.20625,3.6171875 4.9609375,4.3203125 C4.6328125,4.1328125 4.321875,3.9140625 4.0328125,3.6671875 C4.5296875,3.2109375 5.09375,2.8484375 5.7140625,2.5859375 Z M2.5859375,5.7140625 C2.8015625,5.2046875 3.0859375,4.7328125 3.4328125,4.3046875 C3.821875,4.640625 4.2484375,4.934375 4.70625,5.178125 C4.525,5.9109375 4.4125,6.715625 4.3828125,7.5625 L2.140625,7.5625 C2.1875,6.9234375 2.3375,6.303125 2.5859375,5.7140625 Z M2.140625,8.4375 L4.3828125,8.4375 C4.4125,9.284375 4.525,10.0890625 4.70625,10.821875 C4.2484375,11.065625 3.821875,11.359375 3.4328125,11.6953125 C3.0859375,11.2671875 2.8015625,10.7953125 2.5859375,10.2859375 C2.3375,9.696875 2.1875,9.0765625 2.140625,8.4375 Z M5.7140625,13.4140625 C5.09375,13.1515625 4.5296875,12.7890625 4.0328125,12.3328125 C4.321875,12.0859375 4.6328125,11.86875 4.9609375,11.6796875 C5.20625,12.3828125 5.5203125,12.99375 5.8859375,13.4828125 C5.828125,13.4609375 5.7703125,13.4375 5.7140625,13.4140625 Z M10.2859375,13.4140625 C10.228125,13.4375 10.171875,13.4609375 10.1140625,13.4828125 C10.4796875,12.99375 10.79375,12.3828125 11.0390625,11.6796875 C11.3671875,11.8671875 11.678125,12.0859375 11.9671875,12.3328125 C11.4703125,12.7890625 10.90625,13.1515625 10.2859375,13.4140625 Z" id="Shape"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/src/pages/Editor/GGEditor/components/EditorItemPanel/FlowItemPanel.js b/src/pages/Editor/GGEditor/components/EditorItemPanel/FlowItemPanel.js
index b3b46930..e6912793 100644
--- a/src/pages/Editor/GGEditor/components/EditorItemPanel/FlowItemPanel.js
+++ b/src/pages/Editor/GGEditor/components/EditorItemPanel/FlowItemPanel.js
@@ -15,7 +15,7 @@ const FlowItemPanel = () => {
             color: '#FA8C16',
             label: 'Start',
           }}
-          src="/ggeditor/flow/start.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImIiIGN4PSIzNiIgY3k9IjM2IiByPSIzNiIvPjxmaWx0ZXIgeD0iLTkuNyUiIHk9Ii02LjklIiB3aWR0aD0iMTE5LjQlIiBoZWlnaHQ9IjExOS40JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDIpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGwtb3BhY2l0eT0iLjkyIiBmaWxsPSIjRkZGMkU4IiB4bGluazpocmVmPSIjYiIvPjxjaXJjbGUgc3Ryb2tlPSIjRkZDMDY5IiBjeD0iMzYiIGN5PSIzNiIgcj0iMzUuNSIvPjwvZz48dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1SZWd1bGFyLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMikiPjx0c3BhbiB4PSIyMyIgeT0iNDEiPlN0YXJ0PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg=="
         />
         <Item
           type="node"
@@ -25,7 +25,7 @@ const FlowItemPanel = () => {
             color: '#1890FF',
             label: 'Normal',
           }}
-          src="/ggeditor/flow/normal.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyZWN0IGlkPSJiIiB4PSIwIiB5PSIwIiB3aWR0aD0iODAiIGhlaWdodD0iNDgiIHJ4PSI0Ii8+PGZpbHRlciB4PSItOC44JSIgeT0iLTEwLjQlIiB3aWR0aD0iMTE3LjUlIiBoZWlnaHQ9IjEyOS4yJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYSI+PGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDQgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDIpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGwtb3BhY2l0eT0iLjkyIiBmaWxsPSIjRTZGN0ZGIiB4bGluazpocmVmPSIjYiIvPjxyZWN0IHN0cm9rZT0iIzE4OTBGRiIgeD0iLjUiIHk9Ii41IiB3aWR0aD0iNzkiIGhlaWdodD0iNDciIHJ4PSI0Ii8+PC9nPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii42NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAyKSI+PHRzcGFuIHg9IjIxIiB5PSIyOSI+Tm9ybWFsPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg=="
         />
         <Item
           type="node"
@@ -35,7 +35,7 @@ const FlowItemPanel = () => {
             color: '#13C2C2',
             label: 'Decision',
           }}
-          src="/ggeditor/flow/decision.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iNzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik00Mi42NyAxLjY3bDM0Ljk2NSAzMS4zNTJhNCA0IDAgMCAxIDAgNS45NTZMNDIuNjcgNzAuMzNhNCA0IDAgMCAxLTUuMzQgMEwyLjM2NSAzOC45NzhhNCA0IDAgMCAxIDAtNS45NTZMMzcuMzMgMS42N2E0IDQgMCAwIDEgNS4zNCAweiIgaWQ9ImIiLz48ZmlsdGVyIHg9Ii04LjglIiB5PSItNi45JSIgd2lkdGg9IjExNy41JSIgaGVpZ2h0PSIxMTkuNCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMyAxKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii45MiIgZmlsbD0iI0U2RkZGQiIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiM1Q0RCRDMiIGQ9Ik00Mi4zMzcgMi4wNDJhMy41IDMuNSAwIDAgMC00LjY3NCAwTDIuNjk4IDMzLjM5NGEzLjUgMy41IDAgMCAwIDAgNS4yMTJsMzQuOTY1IDMxLjM1MmEzLjUgMy41IDAgMCAwIDQuNjc0IDBsMzQuOTY1LTMxLjM1MmEzLjUgMy41IDAgMCAwIDAtNS4yMTJMNDIuMzM3IDIuMDQyeiIvPjwvZz48dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1SZWd1bGFyLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMgMSkiPjx0c3BhbiB4PSIxOCIgeT0iNDIiPkRlY2lzaW9uPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg=="
         />
         <Item
           type="node"
@@ -45,7 +45,7 @@ const FlowItemPanel = () => {
             color: '#722ED1',
             label: 'Model',
           }}
-          src="/ggeditor/flow/model.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyZWN0IGlkPSJiIiB4PSIwIiB5PSIwIiB3aWR0aD0iODAiIGhlaWdodD0iNDgiIHJ4PSIyNCIvPjxmaWx0ZXIgeD0iLTguOCUiIHk9Ii0xMC40JSIgd2lkdGg9IjExNy41JSIgaGVpZ2h0PSIxMjkuMiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAyKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsLW9wYWNpdHk9Ii45MiIgZmlsbD0iI0Y5RjBGRiIgeGxpbms6aHJlZj0iI2IiLz48cmVjdCBzdHJva2U9IiNCMzdGRUIiIHg9Ii41IiB5PSIuNSIgd2lkdGg9Ijc5IiBoZWlnaHQ9IjQ3IiByeD0iMjMuNSIvPjwvZz48dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1SZWd1bGFyLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgMikiPjx0c3BhbiB4PSIyNCIgeT0iMjkiPk1vZGVsPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg=="
         />
       </Card>
     </ItemPanel>
diff --git a/src/pages/Editor/GGEditor/components/EditorItemPanel/KoniItemPanel.js b/src/pages/Editor/GGEditor/components/EditorItemPanel/KoniItemPanel.js
index 655ea99a..9df51f98 100644
--- a/src/pages/Editor/GGEditor/components/EditorItemPanel/KoniItemPanel.js
+++ b/src/pages/Editor/GGEditor/components/EditorItemPanel/KoniItemPanel.js
@@ -15,9 +15,10 @@ const KoniItemPanel = () => {
             color: '#69C0FF',
             label: 'Bank',
             labelOffsetY: 28,
-            icon: '/ggeditor/koni/icon.svg',
+            icon:
+              'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM1IDExLjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAxNCA3YTYuOTczIDYuOTczIDAgMCAwLTEuNjM3LTQuNWwtLjAxMS0uMDEzLS4wNS0uMDU3LS4wMi0uMDIyLS4wNjMtLjA3NC0uMDAyLS4wMDEtLjA3Mi0uMDgtLjAwMS0uMDAxYy0uMDUtLjA1NC0uMS0uMTA3LS4xNTItLjE1OGwtLjAwMS0uMDAyLS4wNzUtLjA3NS0uMDA1LS4wMDQtLjA3LS4wNjgtLjAyNS0uMDIzLS4wNDctLjA0NC0uMDE2LS4wMTZBNi45NjYgNi45NjYgMCAwIDAgNyAwYTYuOTczIDYuOTczIDAgMCAwLTQuNzU1IDEuODYybC0uMDE1LjAxNi0uMDQ3LjA0NS0uMDI1LjAyNC0uMDcuMDY3LS4wMDUuMDA1LS4wNzUuMDc1LS4wMDIuMDAxLS4xNTEuMTU4LS4wMDIuMDAyYTMuMzA5IDMuMzA5IDAgMCAwLS4wNzIuMDhIMS43OGExLjQzNiAxLjQzNiAwIDAgMC0uMDY0LjA3NGwtLjAyLjAyMmMtLjAxNi4wMTktLjAzMi4wNC0uMDUuMDU4LS4wMDIuMDA1LS4wMDcuMDA4LS4wMS4wMTNBNi45NzMgNi45NzMgMCAwIDAgMCA3YzAgMS43MTQuNjE2IDMuMjgzIDEuNjM4IDQuNWwuMDEuMDE0LjA0OS4wNTguMDE5LjAyMi4wNjQuMDczLjAwMS4wMDNjLjAyNC4wMjcuMDQ3LjA1My4wNzIuMDc4bC4wMDIuMDAyLjE1LjE1OC4wMDEuMDAxLjA3NC4wNzQuMDA0LjAwNUE2Ljk4NyA2Ljk4NyAwIDAgMCA3IDE0YTYuOTczIDYuOTczIDAgMCAwIDQuOTEtMi4wMTJsLjAwNi0uMDA1Yy4wMjUtLjAyNS4wNS0uMDQ5LjA3My0uMDc0bC4wMDItLjAwMWE0LjczIDQuNzMgMCAwIDAgLjE1LS4xNThsLjAwMS0uMDAyYy4wMjQtLjAyNi4wNDktLjA1MS4wNzItLjA3OCAwLS4wMDEuMDAyLS4wMDEuMDAyLS4wMDMuMDIyLS4wMjMuMDQzLS4wNDguMDY0LS4wNzNsLjAxOC0uMDIyYy4wMi0uMDIuMDM2LS4wNC4wNTItLjA1OHptLjA2NC0yLjIyOGMtLjIxNi41MS0uNS45ODEtLjg0NyAxLjQxYTYuOTM5IDYuOTM5IDAgMCAwLTEuMjczLS44NzRjLjE4MS0uNzMzLjI5My0xLjUzOC4zMjMtMi4zODRoMi4yNDJhNS44NDIgNS44NDIgMCAwIDEtLjQ0NSAxLjg0OHptLjQ0NS0yLjcyM2gtMi4yNDJhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzLTIuMzg1IDYuOTM5IDYuOTM5IDAgMCAwIDEuMjczLS44NzMgNS44NDIgNS44NDIgMCAwIDEgMS4yOTIgMy4yNTh6TTkuMjg2IDEuNTg1YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNNy44NyAxMi41MzNhMS43NjggMS43NjggMCAwIDEtLjQzMy4yNTZWOS44OTFhNi4wOCA2LjA4IDAgMCAxIDEuODA4LjQwOWMtLjEzLjM4NC0uMjguNzQtLjQ1MyAxLjA2LS4yNzIuNTA2LS41OS45MS0uOTIyIDEuMTczem0uOTIyLTkuODkyYy4xNzIuMzIxLjMyNC42NzYuNDUzIDEuMDU5YTYuMDggNi4wOCAwIDAgMS0xLjgwNy40MVYxLjIxMWMuMTQzLjA1OC4yODkuMTQzLjQzMi4yNTcuMzMyLjI2LjY1LjY2NS45MjIgMS4xNzJ6TTcuNDM4IDkuMDE0VjcuNDM4aDIuMzA0Yy0uMDI1LjY5LS4xMSAxLjM2LS4yNTUgMS45OTZsLS4wMDQuMDJhNi45NTMgNi45NTMgMCAwIDAtMi4wNDYtLjQ0em0wLTIuNDUxVjQuOTg2YTYuOTUzIDYuOTUzIDAgMCAwIDIuMDQ1LS40NGwuMDA1LjAyYy4xNDMuNjM2LjIzIDEuMzA0LjI1NCAxLjk5N0g3LjQzN3ptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ2LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDR6bS0yLjMwNS0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdINC4yNTh6TTYuNTYyIDkuODl2Mi44OTZhMS43NDggMS43NDggMCAwIDEtLjQzMi0uMjU2Yy0uMzMyLS4yNi0uNjUyLS42NjctLjkyNC0xLjE3M2E3LjA2IDcuMDYgMCAwIDEtLjQ1My0xLjA2IDYuMDk4IDYuMDk4IDAgMCAxIDEuODEtLjQwN3ptMC01Ljc4MkE2LjA4IDYuMDggMCAwIDEgNC43NTUgMy43Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnpNNC43MTUgMS41ODZjLjA1OC0uMDI0LjExNC0uMDQ3LjE3Mi0uMDY5LS4zNjYuNDktLjY4IDEuMS0uOTI1IDEuODAzYTYuMDU3IDYuMDU3IDAgMCAxLS45MjgtLjY1MyA1Ljg0IDUuODQgMCAwIDEgMS42ODEtMS4wODF6TTEuNTg2IDQuNzE0Yy4yMTYtLjUxLjUtLjk4MS44NDctMS40MS4zODkuMzM3LjgxNS42MyAxLjI3My44NzRhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzIDIuMzg1SDEuMTRhNS44IDUuOCAwIDAgMSAuNDQ1LTEuODQ5ek0xLjE0IDcuNDM3aDIuMjQyYy4wMy44NDcuMTQyIDEuNjUyLjMyMyAyLjM4NWE2LjkzOSA2LjkzOSAwIDAgMC0xLjI3My44NzNBNS44NDIgNS44NDIgMCAwIDEgMS4xNCA3LjQzN3ptMy41NzMgNC45NzdhNS44NCA1Ljg0IDAgMCAxLTEuNjgxLTEuMDgxYy4yODktLjI0Ny42LS40NjQuOTI4LS42NTMuMjQ1LjcwMy41NiAxLjMxNC45MjUgMS44MDNhNS42MjQgNS42MjQgMCAwIDEtLjE3Mi0uMDY5em00LjU3MiAwYTYuMTY4IDYuMTY4IDAgMCAxLS4xNzIuMDY5Yy4zNjYtLjQ5LjY4LTEuMS45MjUtMS44MDMuMzI4LjE4Ny42NC40MDYuOTI4LjY1M2E1Ljg0IDUuODQgMCAwIDEtMS42ODEgMS4wODF6IiBmaWxsPSIjRkZGIi8+PC9zdmc+',
           }}
-          src="/ggeditor/koni/bank.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImIiIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIvPjxmaWx0ZXIgeD0iLTE3LjUlIiB5PSItMTIuNSUiIHdpZHRoPSIxMzUlIiBoZWlnaHQ9IjEzNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAyKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PGNpcmNsZSBzdHJva2U9IiM2OUMwRkYiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsLW9wYWNpdHk9Ii45MiIgZmlsbD0iIzY5QzBGRiIgY3g9IjIwIiBjeT0iMjAiIHI9IjE5LjUiLz48L2c+PHBhdGggZD0iTTI5LjM1IDI2LjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAzMSAyMmE2Ljk3MyA2Ljk3MyAwIDAgMC0xLjYzNy00LjVsLS4wMTEtLjAxMy0uMDUtLjA1Ny0uMDItLjAyMi0uMDYzLS4wNzQtLjAwMi0uMDAxLS4wNzItLjA4LS4wMDEtLjAwMWMtLjA1LS4wNTQtLjEtLjEwNy0uMTUyLS4xNThsLS4wMDEtLjAwMi0uMDc1LS4wNzUtLjAwNS0uMDA0Yy0uMDIzLS4wMjQtLjA0Ny0uMDQ2LS4wNy0uMDY4bC0uMDI1LS4wMjMtLjA0Ny0uMDQ0LS4wMTYtLjAxNUE2Ljk2NiA2Ljk2NiAwIDAgMCAyNCAxNWE2Ljk3MyA2Ljk3MyAwIDAgMC00Ljc1NSAxLjg2M2wtLjAxNS4wMTUtLjA0Ny4wNDUtLjAyNS4wMjQtLjA3LjA2Ny0uMDA1LjAwNS0uMDc1LjA3NS0uMDAyLjAwMS0uMTUxLjE1OC0uMDAyLjAwMmEzLjMwOSAzLjMwOSAwIDAgMC0uMDcyLjA4aC0uMDAxYTEuNDM2IDEuNDM2IDAgMCAwLS4wNjQuMDc0bC0uMDIuMDIyYy0uMDE2LjAxOS0uMDMyLjA0LS4wNS4wNTgtLjAwMi4wMDUtLjAwNy4wMDgtLjAxLjAxM0E2Ljk3MyA2Ljk3MyAwIDAgMCAxNyAyMmMwIDEuNzE0LjYxNiAzLjI4MyAxLjYzOCA0LjVsLjAxLjAxNC4wNDkuMDU4LjAxOS4wMjIuMDY0LjA3My4wMDEuMDAzYy4wMjQuMDI3LjA0Ny4wNTMuMDcyLjA3OGwuMDAyLjAwMi4xNS4xNTguMDAxLjAwMS4wNzQuMDc0LjAwNC4wMDRBNi45ODcgNi45ODcgMCAwIDAgMjQgMjlhNi45NzMgNi45NzMgMCAwIDAgNC45MS0yLjAxMmwuMDA2LS4wMDRjLjAyNS0uMDI1LjA1LS4wNDkuMDczLS4wNzRsLjAwMi0uMDAxYTQuNzMgNC43MyAwIDAgMCAuMTUtLjE1OGwuMDAxLS4wMDJjLjAyNC0uMDI2LjA0OS0uMDUxLjA3Mi0uMDc4IDAtLjAwMS4wMDItLjAwMS4wMDItLjAwM2wuMDY0LS4wNzMuMDE4LS4wMjJjLjAyLS4wMi4wMzYtLjA0LjA1Mi0uMDU4em0uMDY0LTIuMjI4Yy0uMjE2LjUxLS41Ljk4MS0uODQ3IDEuNDFhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMtLjg3NGMuMTgxLS43MzMuMjkzLTEuNTM4LjMyMy0yLjM4NGgyLjI0MmE1Ljg0MiA1Ljg0MiAwIDAgMS0uNDQ1IDEuODQ4em0uNDQ1LTIuNzIzaC0yLjI0MmExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMtMi4zODUgNi45MzkgNi45MzkgMCAwIDAgMS4yNzMtLjg3MyA1Ljg0MiA1Ljg0MiAwIDAgMSAxLjI5MiAzLjI1OHptLTMuNTczLTQuOTc3YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNMjQuODcgMjcuNTMzYTEuNzY4IDEuNzY4IDAgMCAxLS40MzMuMjU2di0yLjg5OGE2LjA4IDYuMDggMCAwIDEgMS44MDguNDA5Yy0uMTMuMzg0LS4yOC43NC0uNDUzIDEuMDYtLjI3Mi41MDYtLjU5LjkxLS45MjIgMS4xNzN6bS45MjItOS44OTJjLjE3Mi4zMjIuMzI0LjY3Ni40NTMgMS4wNTlhNi4wOCA2LjA4IDAgMCAxLTEuODA4LjQxdi0yLjg5N2MuMTQ0LjA1Ny4yOS4xNDIuNDMzLjI1Ni4zMzIuMjYuNjUuNjY1LjkyMiAxLjE3MnptLTEuMzU1IDYuMzczdi0xLjU3NmgyLjMwNWMtLjAyNS42OS0uMTEgMS4zNi0uMjU1IDEuOTk2bC0uMDA0LjAyYTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LS40NHptMC0yLjQ1MXYtMS41NzdhNi45NTMgNi45NTMgMCAwIDAgMi4wNDYtLjQ0bC4wMDUuMDJjLjE0My42MzYuMjMgMS4zMDQuMjU0IDEuOTk3aC0yLjMwNHptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDV6bS0yLjMwNC0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdoLTIuMzA0em0yLjMwNSAzLjMyOHYyLjg5N2ExLjc0OCAxLjc0OCAwIDAgMS0uNDMzLS4yNTdjLS4zMzItLjI2LS42NTItLjY2Ny0uOTI0LTEuMTczYTcuMDYgNy4wNiAwIDAgMS0uNDUzLTEuMDYgNi4wOTggNi4wOTggMCAwIDEgMS44MS0uNDA3em0wLTUuNzgyYTYuMDggNi4wOCAwIDAgMS0xLjgwOC0uNDA5Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnptLTEuODQ5LTIuNTIzYy4wNTgtLjAyMy4xMTQtLjA0Ny4xNzItLjA2OS0uMzY2LjQ5LS42OCAxLjEtLjkyNSAxLjgwM2E2LjA1NyA2LjA1NyAwIDAgMS0uOTI4LS42NTMgNS44NCA1Ljg0IDAgMCAxIDEuNjgxLTEuMDgxem0tMy4xMjggMy4xMjhjLjIxNi0uNTEuNS0uOTgxLjg0Ny0xLjQxLjM4OS4zMzcuODE1LjYzIDEuMjczLjg3NGExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMgMi4zODVIMTguMTRjLjA0Ny0uNjQuMTk3LTEuMjYuNDQ1LTEuODQ5em0tLjQ0NSAyLjcyNGgyLjI0MmMuMDMuODQ2LjE0MiAxLjY1MS4zMjMgMi4zODRhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMuODczIDUuODQyIDUuODQyIDAgMCAxLTEuMjkyLTMuMjU4em0zLjU3MyA0Ljk3NmE1Ljg0IDUuODQgMCAwIDEtMS42ODEtMS4wODFjLjI4OS0uMjQ3LjYtLjQ2NC45MjgtLjY1My4yNDUuNzAzLjU2IDEuMzE0LjkyNSAxLjgwM2E1LjYyNCA1LjYyNCAwIDAgMS0uMTcyLS4wNjl6bTQuNTcyIDBhNi4xNjggNi4xNjggMCAwIDEtLjE3Mi4wNjljLjM2Ni0uNDkuNjgtMS4xLjkyNS0xLjgwMy4zMjguMTg3LjY0LjQwNi45MjguNjUzYTUuODQgNS44NCAwIDAgMS0xLjY4MSAxLjA4MXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="
         />
         <Item
           type="node"
@@ -27,9 +28,10 @@ const KoniItemPanel = () => {
             color: '#5CDBD3',
             label: 'Person',
             labelOffsetY: 28,
-            icon: '/ggeditor/koni/icon.svg',
+            icon:
+              'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM1IDExLjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAxNCA3YTYuOTczIDYuOTczIDAgMCAwLTEuNjM3LTQuNWwtLjAxMS0uMDEzLS4wNS0uMDU3LS4wMi0uMDIyLS4wNjMtLjA3NC0uMDAyLS4wMDEtLjA3Mi0uMDgtLjAwMS0uMDAxYy0uMDUtLjA1NC0uMS0uMTA3LS4xNTItLjE1OGwtLjAwMS0uMDAyLS4wNzUtLjA3NS0uMDA1LS4wMDQtLjA3LS4wNjgtLjAyNS0uMDIzLS4wNDctLjA0NC0uMDE2LS4wMTZBNi45NjYgNi45NjYgMCAwIDAgNyAwYTYuOTczIDYuOTczIDAgMCAwLTQuNzU1IDEuODYybC0uMDE1LjAxNi0uMDQ3LjA0NS0uMDI1LjAyNC0uMDcuMDY3LS4wMDUuMDA1LS4wNzUuMDc1LS4wMDIuMDAxLS4xNTEuMTU4LS4wMDIuMDAyYTMuMzA5IDMuMzA5IDAgMCAwLS4wNzIuMDhIMS43OGExLjQzNiAxLjQzNiAwIDAgMC0uMDY0LjA3NGwtLjAyLjAyMmMtLjAxNi4wMTktLjAzMi4wNC0uMDUuMDU4LS4wMDIuMDA1LS4wMDcuMDA4LS4wMS4wMTNBNi45NzMgNi45NzMgMCAwIDAgMCA3YzAgMS43MTQuNjE2IDMuMjgzIDEuNjM4IDQuNWwuMDEuMDE0LjA0OS4wNTguMDE5LjAyMi4wNjQuMDczLjAwMS4wMDNjLjAyNC4wMjcuMDQ3LjA1My4wNzIuMDc4bC4wMDIuMDAyLjE1LjE1OC4wMDEuMDAxLjA3NC4wNzQuMDA0LjAwNUE2Ljk4NyA2Ljk4NyAwIDAgMCA3IDE0YTYuOTczIDYuOTczIDAgMCAwIDQuOTEtMi4wMTJsLjAwNi0uMDA1Yy4wMjUtLjAyNS4wNS0uMDQ5LjA3My0uMDc0bC4wMDItLjAwMWE0LjczIDQuNzMgMCAwIDAgLjE1LS4xNThsLjAwMS0uMDAyYy4wMjQtLjAyNi4wNDktLjA1MS4wNzItLjA3OCAwLS4wMDEuMDAyLS4wMDEuMDAyLS4wMDMuMDIyLS4wMjMuMDQzLS4wNDguMDY0LS4wNzNsLjAxOC0uMDIyYy4wMi0uMDIuMDM2LS4wNC4wNTItLjA1OHptLjA2NC0yLjIyOGMtLjIxNi41MS0uNS45ODEtLjg0NyAxLjQxYTYuOTM5IDYuOTM5IDAgMCAwLTEuMjczLS44NzRjLjE4MS0uNzMzLjI5My0xLjUzOC4zMjMtMi4zODRoMi4yNDJhNS44NDIgNS44NDIgMCAwIDEtLjQ0NSAxLjg0OHptLjQ0NS0yLjcyM2gtMi4yNDJhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzLTIuMzg1IDYuOTM5IDYuOTM5IDAgMCAwIDEuMjczLS44NzMgNS44NDIgNS44NDIgMCAwIDEgMS4yOTIgMy4yNTh6TTkuMjg2IDEuNTg1YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNNy44NyAxMi41MzNhMS43NjggMS43NjggMCAwIDEtLjQzMy4yNTZWOS44OTFhNi4wOCA2LjA4IDAgMCAxIDEuODA4LjQwOWMtLjEzLjM4NC0uMjguNzQtLjQ1MyAxLjA2LS4yNzIuNTA2LS41OS45MS0uOTIyIDEuMTczem0uOTIyLTkuODkyYy4xNzIuMzIxLjMyNC42NzYuNDUzIDEuMDU5YTYuMDggNi4wOCAwIDAgMS0xLjgwNy40MVYxLjIxMWMuMTQzLjA1OC4yODkuMTQzLjQzMi4yNTcuMzMyLjI2LjY1LjY2NS45MjIgMS4xNzJ6TTcuNDM4IDkuMDE0VjcuNDM4aDIuMzA0Yy0uMDI1LjY5LS4xMSAxLjM2LS4yNTUgMS45OTZsLS4wMDQuMDJhNi45NTMgNi45NTMgMCAwIDAtMi4wNDYtLjQ0em0wLTIuNDUxVjQuOTg2YTYuOTUzIDYuOTUzIDAgMCAwIDIuMDQ1LS40NGwuMDA1LjAyYy4xNDMuNjM2LjIzIDEuMzA0LjI1NCAxLjk5N0g3LjQzN3ptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ2LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDR6bS0yLjMwNS0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdINC4yNTh6TTYuNTYyIDkuODl2Mi44OTZhMS43NDggMS43NDggMCAwIDEtLjQzMi0uMjU2Yy0uMzMyLS4yNi0uNjUyLS42NjctLjkyNC0xLjE3M2E3LjA2IDcuMDYgMCAwIDEtLjQ1My0xLjA2IDYuMDk4IDYuMDk4IDAgMCAxIDEuODEtLjQwN3ptMC01Ljc4MkE2LjA4IDYuMDggMCAwIDEgNC43NTUgMy43Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnpNNC43MTUgMS41ODZjLjA1OC0uMDI0LjExNC0uMDQ3LjE3Mi0uMDY5LS4zNjYuNDktLjY4IDEuMS0uOTI1IDEuODAzYTYuMDU3IDYuMDU3IDAgMCAxLS45MjgtLjY1MyA1Ljg0IDUuODQgMCAwIDEgMS42ODEtMS4wODF6TTEuNTg2IDQuNzE0Yy4yMTYtLjUxLjUtLjk4MS44NDctMS40MS4zODkuMzM3LjgxNS42MyAxLjI3My44NzRhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzIDIuMzg1SDEuMTRhNS44IDUuOCAwIDAgMSAuNDQ1LTEuODQ5ek0xLjE0IDcuNDM3aDIuMjQyYy4wMy44NDcuMTQyIDEuNjUyLjMyMyAyLjM4NWE2LjkzOSA2LjkzOSAwIDAgMC0xLjI3My44NzNBNS44NDIgNS44NDIgMCAwIDEgMS4xNCA3LjQzN3ptMy41NzMgNC45NzdhNS44NCA1Ljg0IDAgMCAxLTEuNjgxLTEuMDgxYy4yODktLjI0Ny42LS40NjQuOTI4LS42NTMuMjQ1LjcwMy41NiAxLjMxNC45MjUgMS44MDNhNS42MjQgNS42MjQgMCAwIDEtLjE3Mi0uMDY5em00LjU3MiAwYTYuMTY4IDYuMTY4IDAgMCAxLS4xNzIuMDY5Yy4zNjYtLjQ5LjY4LTEuMS45MjUtMS44MDMuMzI4LjE4Ny42NC40MDYuOTI4LjY1M2E1Ljg0IDUuODQgMCAwIDEtMS42ODEgMS4wODF6IiBmaWxsPSIjRkZGIi8+PC9zdmc+',
           }}
-          src="/ggeditor/koni/person.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImIiIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIvPjxmaWx0ZXIgeD0iLTE3LjUlIiB5PSItMTIuNSUiIHdpZHRoPSIxMzUlIiBoZWlnaHQ9IjEzNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAyKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PGNpcmNsZSBzdHJva2U9IiM1Q0RCRDMiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsLW9wYWNpdHk9Ii45MiIgZmlsbD0iIzVDREJEMyIgY3g9IjIwIiBjeT0iMjAiIHI9IjE5LjUiLz48L2c+PHBhdGggZD0iTTI5LjM1IDI2LjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAzMSAyMmE2Ljk3MyA2Ljk3MyAwIDAgMC0xLjYzNy00LjVsLS4wMTEtLjAxMy0uMDUtLjA1Ny0uMDItLjAyMi0uMDYzLS4wNzQtLjAwMi0uMDAxLS4wNzItLjA4LS4wMDEtLjAwMWMtLjA1LS4wNTQtLjEtLjEwNy0uMTUyLS4xNThsLS4wMDEtLjAwMi0uMDc1LS4wNzUtLjAwNS0uMDA0Yy0uMDIzLS4wMjQtLjA0Ny0uMDQ2LS4wNy0uMDY4bC0uMDI1LS4wMjMtLjA0Ny0uMDQ0LS4wMTYtLjAxNUE2Ljk2NiA2Ljk2NiAwIDAgMCAyNCAxNWE2Ljk3MyA2Ljk3MyAwIDAgMC00Ljc1NSAxLjg2M2wtLjAxNS4wMTUtLjA0Ny4wNDUtLjAyNS4wMjQtLjA3LjA2Ny0uMDA1LjAwNS0uMDc1LjA3NS0uMDAyLjAwMS0uMTUxLjE1OC0uMDAyLjAwMmEzLjMwOSAzLjMwOSAwIDAgMC0uMDcyLjA4aC0uMDAxYTEuNDM2IDEuNDM2IDAgMCAwLS4wNjQuMDc0bC0uMDIuMDIyYy0uMDE2LjAxOS0uMDMyLjA0LS4wNS4wNTgtLjAwMi4wMDUtLjAwNy4wMDgtLjAxLjAxM0E2Ljk3MyA2Ljk3MyAwIDAgMCAxNyAyMmMwIDEuNzE0LjYxNiAzLjI4MyAxLjYzOCA0LjVsLjAxLjAxNC4wNDkuMDU4LjAxOS4wMjIuMDY0LjA3My4wMDEuMDAzYy4wMjQuMDI3LjA0Ny4wNTMuMDcyLjA3OGwuMDAyLjAwMi4xNS4xNTguMDAxLjAwMS4wNzQuMDc0LjAwNC4wMDRBNi45ODcgNi45ODcgMCAwIDAgMjQgMjlhNi45NzMgNi45NzMgMCAwIDAgNC45MS0yLjAxMmwuMDA2LS4wMDRjLjAyNS0uMDI1LjA1LS4wNDkuMDczLS4wNzRsLjAwMi0uMDAxYTQuNzMgNC43MyAwIDAgMCAuMTUtLjE1OGwuMDAxLS4wMDJjLjAyNC0uMDI2LjA0OS0uMDUxLjA3Mi0uMDc4IDAtLjAwMS4wMDItLjAwMS4wMDItLjAwM2wuMDY0LS4wNzMuMDE4LS4wMjJjLjAyLS4wMi4wMzYtLjA0LjA1Mi0uMDU4em0uMDY0LTIuMjI4Yy0uMjE2LjUxLS41Ljk4MS0uODQ3IDEuNDFhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMtLjg3NGMuMTgxLS43MzMuMjkzLTEuNTM4LjMyMy0yLjM4NGgyLjI0MmE1Ljg0MiA1Ljg0MiAwIDAgMS0uNDQ1IDEuODQ4em0uNDQ1LTIuNzIzaC0yLjI0MmExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMtMi4zODUgNi45MzkgNi45MzkgMCAwIDAgMS4yNzMtLjg3MyA1Ljg0MiA1Ljg0MiAwIDAgMSAxLjI5MiAzLjI1OHptLTMuNTczLTQuOTc3YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNMjQuODcgMjcuNTMzYTEuNzY4IDEuNzY4IDAgMCAxLS40MzMuMjU2di0yLjg5OGE2LjA4IDYuMDggMCAwIDEgMS44MDguNDA5Yy0uMTMuMzg0LS4yOC43NC0uNDUzIDEuMDYtLjI3Mi41MDYtLjU5LjkxLS45MjIgMS4xNzN6bS45MjItOS44OTJjLjE3Mi4zMjIuMzI0LjY3Ni40NTMgMS4wNTlhNi4wOCA2LjA4IDAgMCAxLTEuODA4LjQxdi0yLjg5N2MuMTQ0LjA1Ny4yOS4xNDIuNDMzLjI1Ni4zMzIuMjYuNjUuNjY1LjkyMiAxLjE3MnptLTEuMzU1IDYuMzczdi0xLjU3NmgyLjMwNWMtLjAyNS42OS0uMTEgMS4zNi0uMjU1IDEuOTk2bC0uMDA0LjAyYTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LS40NHptMC0yLjQ1MXYtMS41NzdhNi45NTMgNi45NTMgMCAwIDAgMi4wNDYtLjQ0bC4wMDUuMDJjLjE0My42MzYuMjMgMS4zMDQuMjU0IDEuOTk3aC0yLjMwNHptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDV6bS0yLjMwNC0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdoLTIuMzA0em0yLjMwNSAzLjMyOHYyLjg5N2ExLjc0OCAxLjc0OCAwIDAgMS0uNDMzLS4yNTdjLS4zMzItLjI2LS42NTItLjY2Ny0uOTI0LTEuMTczYTcuMDYgNy4wNiAwIDAgMS0uNDUzLTEuMDYgNi4wOTggNi4wOTggMCAwIDEgMS44MS0uNDA3em0wLTUuNzgyYTYuMDggNi4wOCAwIDAgMS0xLjgwOC0uNDA5Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnptLTEuODQ5LTIuNTIzYy4wNTgtLjAyMy4xMTQtLjA0Ny4xNzItLjA2OS0uMzY2LjQ5LS42OCAxLjEtLjkyNSAxLjgwM2E2LjA1NyA2LjA1NyAwIDAgMS0uOTI4LS42NTMgNS44NCA1Ljg0IDAgMCAxIDEuNjgxLTEuMDgxem0tMy4xMjggMy4xMjhjLjIxNi0uNTEuNS0uOTgxLjg0Ny0xLjQxLjM4OS4zMzcuODE1LjYzIDEuMjczLjg3NGExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMgMi4zODVIMTguMTRjLjA0Ny0uNjQuMTk3LTEuMjYuNDQ1LTEuODQ5em0tLjQ0NSAyLjcyNGgyLjI0MmMuMDMuODQ2LjE0MiAxLjY1MS4zMjMgMi4zODRhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMuODczIDUuODQyIDUuODQyIDAgMCAxLTEuMjkyLTMuMjU4em0zLjU3MyA0Ljk3NmE1Ljg0IDUuODQgMCAwIDEtMS42ODEtMS4wODFjLjI4OS0uMjQ3LjYtLjQ2NC45MjgtLjY1My4yNDUuNzAzLjU2IDEuMzE0LjkyNSAxLjgwM2E1LjYyNCA1LjYyNCAwIDAgMS0uMTcyLS4wNjl6bTQuNTcyIDBhNi4xNjggNi4xNjggMCAwIDEtLjE3Mi4wNjljLjM2Ni0uNDkuNjgtMS4xLjkyNS0xLjgwMy4zMjguMTg3LjY0LjQwNi45MjguNjUzYTUuODQgNS44NCAwIDAgMS0xLjY4MSAxLjA4MXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="
         />
         <Item
           type="node"
@@ -39,9 +41,10 @@ const KoniItemPanel = () => {
             color: '#B37FEB',
             label: 'Country',
             labelOffsetY: 28,
-            icon: '/ggeditor/koni/icon.svg',
+            icon:
+              'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM1IDExLjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAxNCA3YTYuOTczIDYuOTczIDAgMCAwLTEuNjM3LTQuNWwtLjAxMS0uMDEzLS4wNS0uMDU3LS4wMi0uMDIyLS4wNjMtLjA3NC0uMDAyLS4wMDEtLjA3Mi0uMDgtLjAwMS0uMDAxYy0uMDUtLjA1NC0uMS0uMTA3LS4xNTItLjE1OGwtLjAwMS0uMDAyLS4wNzUtLjA3NS0uMDA1LS4wMDQtLjA3LS4wNjgtLjAyNS0uMDIzLS4wNDctLjA0NC0uMDE2LS4wMTZBNi45NjYgNi45NjYgMCAwIDAgNyAwYTYuOTczIDYuOTczIDAgMCAwLTQuNzU1IDEuODYybC0uMDE1LjAxNi0uMDQ3LjA0NS0uMDI1LjAyNC0uMDcuMDY3LS4wMDUuMDA1LS4wNzUuMDc1LS4wMDIuMDAxLS4xNTEuMTU4LS4wMDIuMDAyYTMuMzA5IDMuMzA5IDAgMCAwLS4wNzIuMDhIMS43OGExLjQzNiAxLjQzNiAwIDAgMC0uMDY0LjA3NGwtLjAyLjAyMmMtLjAxNi4wMTktLjAzMi4wNC0uMDUuMDU4LS4wMDIuMDA1LS4wMDcuMDA4LS4wMS4wMTNBNi45NzMgNi45NzMgMCAwIDAgMCA3YzAgMS43MTQuNjE2IDMuMjgzIDEuNjM4IDQuNWwuMDEuMDE0LjA0OS4wNTguMDE5LjAyMi4wNjQuMDczLjAwMS4wMDNjLjAyNC4wMjcuMDQ3LjA1My4wNzIuMDc4bC4wMDIuMDAyLjE1LjE1OC4wMDEuMDAxLjA3NC4wNzQuMDA0LjAwNUE2Ljk4NyA2Ljk4NyAwIDAgMCA3IDE0YTYuOTczIDYuOTczIDAgMCAwIDQuOTEtMi4wMTJsLjAwNi0uMDA1Yy4wMjUtLjAyNS4wNS0uMDQ5LjA3My0uMDc0bC4wMDItLjAwMWE0LjczIDQuNzMgMCAwIDAgLjE1LS4xNThsLjAwMS0uMDAyYy4wMjQtLjAyNi4wNDktLjA1MS4wNzItLjA3OCAwLS4wMDEuMDAyLS4wMDEuMDAyLS4wMDMuMDIyLS4wMjMuMDQzLS4wNDguMDY0LS4wNzNsLjAxOC0uMDIyYy4wMi0uMDIuMDM2LS4wNC4wNTItLjA1OHptLjA2NC0yLjIyOGMtLjIxNi41MS0uNS45ODEtLjg0NyAxLjQxYTYuOTM5IDYuOTM5IDAgMCAwLTEuMjczLS44NzRjLjE4MS0uNzMzLjI5My0xLjUzOC4zMjMtMi4zODRoMi4yNDJhNS44NDIgNS44NDIgMCAwIDEtLjQ0NSAxLjg0OHptLjQ0NS0yLjcyM2gtMi4yNDJhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzLTIuMzg1IDYuOTM5IDYuOTM5IDAgMCAwIDEuMjczLS44NzMgNS44NDIgNS44NDIgMCAwIDEgMS4yOTIgMy4yNTh6TTkuMjg2IDEuNTg1YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNNy44NyAxMi41MzNhMS43NjggMS43NjggMCAwIDEtLjQzMy4yNTZWOS44OTFhNi4wOCA2LjA4IDAgMCAxIDEuODA4LjQwOWMtLjEzLjM4NC0uMjguNzQtLjQ1MyAxLjA2LS4yNzIuNTA2LS41OS45MS0uOTIyIDEuMTczem0uOTIyLTkuODkyYy4xNzIuMzIxLjMyNC42NzYuNDUzIDEuMDU5YTYuMDggNi4wOCAwIDAgMS0xLjgwNy40MVYxLjIxMWMuMTQzLjA1OC4yODkuMTQzLjQzMi4yNTcuMzMyLjI2LjY1LjY2NS45MjIgMS4xNzJ6TTcuNDM4IDkuMDE0VjcuNDM4aDIuMzA0Yy0uMDI1LjY5LS4xMSAxLjM2LS4yNTUgMS45OTZsLS4wMDQuMDJhNi45NTMgNi45NTMgMCAwIDAtMi4wNDYtLjQ0em0wLTIuNDUxVjQuOTg2YTYuOTUzIDYuOTUzIDAgMCAwIDIuMDQ1LS40NGwuMDA1LjAyYy4xNDMuNjM2LjIzIDEuMzA0LjI1NCAxLjk5N0g3LjQzN3ptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ2LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDR6bS0yLjMwNS0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdINC4yNTh6TTYuNTYyIDkuODl2Mi44OTZhMS43NDggMS43NDggMCAwIDEtLjQzMi0uMjU2Yy0uMzMyLS4yNi0uNjUyLS42NjctLjkyNC0xLjE3M2E3LjA2IDcuMDYgMCAwIDEtLjQ1My0xLjA2IDYuMDk4IDYuMDk4IDAgMCAxIDEuODEtLjQwN3ptMC01Ljc4MkE2LjA4IDYuMDggMCAwIDEgNC43NTUgMy43Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnpNNC43MTUgMS41ODZjLjA1OC0uMDI0LjExNC0uMDQ3LjE3Mi0uMDY5LS4zNjYuNDktLjY4IDEuMS0uOTI1IDEuODAzYTYuMDU3IDYuMDU3IDAgMCAxLS45MjgtLjY1MyA1Ljg0IDUuODQgMCAwIDEgMS42ODEtMS4wODF6TTEuNTg2IDQuNzE0Yy4yMTYtLjUxLjUtLjk4MS44NDctMS40MS4zODkuMzM3LjgxNS42MyAxLjI3My44NzRhMTEuNjgxIDExLjY4MSAwIDAgMC0uMzIzIDIuMzg1SDEuMTRhNS44IDUuOCAwIDAgMSAuNDQ1LTEuODQ5ek0xLjE0IDcuNDM3aDIuMjQyYy4wMy44NDcuMTQyIDEuNjUyLjMyMyAyLjM4NWE2LjkzOSA2LjkzOSAwIDAgMC0xLjI3My44NzNBNS44NDIgNS44NDIgMCAwIDEgMS4xNCA3LjQzN3ptMy41NzMgNC45NzdhNS44NCA1Ljg0IDAgMCAxLTEuNjgxLTEuMDgxYy4yODktLjI0Ny42LS40NjQuOTI4LS42NTMuMjQ1LjcwMy41NiAxLjMxNC45MjUgMS44MDNhNS42MjQgNS42MjQgMCAwIDEtLjE3Mi0uMDY5em00LjU3MiAwYTYuMTY4IDYuMTY4IDAgMCAxLS4xNzIuMDY5Yy4zNjYtLjQ5LjY4LTEuMS45MjUtMS44MDMuMzI4LjE4Ny42NC40MDYuOTI4LjY1M2E1Ljg0IDUuODQgMCAwIDEtMS42ODEgMS4wODF6IiBmaWxsPSIjRkZGIi8+PC9zdmc+',
           }}
-          src="/ggeditor/koni/country.svg"
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImIiIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIvPjxmaWx0ZXIgeD0iLTE3LjUlIiB5PSItMTIuNSUiIHdpZHRoPSIxMzUlIiBoZWlnaHQ9IjEzNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCAyKSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PGNpcmNsZSBzdHJva2U9IiNCMzdGRUIiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsLW9wYWNpdHk9Ii45MiIgZmlsbD0iI0IzN0ZFQiIgY3g9IjIwIiBjeT0iMjAiIHI9IjE5LjUiLz48L2c+PHBhdGggZD0iTTI5LjM1IDI2LjUxNGwuMDEtLjAxNEE2Ljk2NiA2Ljk2NiAwIDAgMCAzMSAyMmE2Ljk3MyA2Ljk3MyAwIDAgMC0xLjYzNy00LjVsLS4wMTEtLjAxMy0uMDUtLjA1Ny0uMDItLjAyMi0uMDYzLS4wNzQtLjAwMi0uMDAxLS4wNzItLjA4LS4wMDEtLjAwMWMtLjA1LS4wNTQtLjEtLjEwNy0uMTUyLS4xNThsLS4wMDEtLjAwMi0uMDc1LS4wNzUtLjAwNS0uMDA0Yy0uMDIzLS4wMjQtLjA0Ny0uMDQ2LS4wNy0uMDY4bC0uMDI1LS4wMjMtLjA0Ny0uMDQ0LS4wMTYtLjAxNUE2Ljk2NiA2Ljk2NiAwIDAgMCAyNCAxNWE2Ljk3MyA2Ljk3MyAwIDAgMC00Ljc1NSAxLjg2M2wtLjAxNS4wMTUtLjA0Ny4wNDUtLjAyNS4wMjQtLjA3LjA2Ny0uMDA1LjAwNS0uMDc1LjA3NS0uMDAyLjAwMS0uMTUxLjE1OC0uMDAyLjAwMmEzLjMwOSAzLjMwOSAwIDAgMC0uMDcyLjA4aC0uMDAxYTEuNDM2IDEuNDM2IDAgMCAwLS4wNjQuMDc0bC0uMDIuMDIyYy0uMDE2LjAxOS0uMDMyLjA0LS4wNS4wNTgtLjAwMi4wMDUtLjAwNy4wMDgtLjAxLjAxM0E2Ljk3MyA2Ljk3MyAwIDAgMCAxNyAyMmMwIDEuNzE0LjYxNiAzLjI4MyAxLjYzOCA0LjVsLjAxLjAxNC4wNDkuMDU4LjAxOS4wMjIuMDY0LjA3My4wMDEuMDAzYy4wMjQuMDI3LjA0Ny4wNTMuMDcyLjA3OGwuMDAyLjAwMi4xNS4xNTguMDAxLjAwMS4wNzQuMDc0LjAwNC4wMDRBNi45ODcgNi45ODcgMCAwIDAgMjQgMjlhNi45NzMgNi45NzMgMCAwIDAgNC45MS0yLjAxMmwuMDA2LS4wMDRjLjAyNS0uMDI1LjA1LS4wNDkuMDczLS4wNzRsLjAwMi0uMDAxYTQuNzMgNC43MyAwIDAgMCAuMTUtLjE1OGwuMDAxLS4wMDJjLjAyNC0uMDI2LjA0OS0uMDUxLjA3Mi0uMDc4IDAtLjAwMS4wMDItLjAwMS4wMDItLjAwM2wuMDY0LS4wNzMuMDE4LS4wMjJjLjAyLS4wMi4wMzYtLjA0LjA1Mi0uMDU4em0uMDY0LTIuMjI4Yy0uMjE2LjUxLS41Ljk4MS0uODQ3IDEuNDFhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMtLjg3NGMuMTgxLS43MzMuMjkzLTEuNTM4LjMyMy0yLjM4NGgyLjI0MmE1Ljg0MiA1Ljg0MiAwIDAgMS0uNDQ1IDEuODQ4em0uNDQ1LTIuNzIzaC0yLjI0MmExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMtMi4zODUgNi45MzkgNi45MzkgMCAwIDAgMS4yNzMtLjg3MyA1Ljg0MiA1Ljg0MiAwIDAgMSAxLjI5MiAzLjI1OHptLTMuNTczLTQuOTc3YTUuODQgNS44NCAwIDAgMSAxLjY4MSAxLjA4MWMtLjI4OS4yNDctLjYuNDY0LS45MjguNjUzLS4yNDUtLjcwMy0uNTYtMS4zMTQtLjkyNS0xLjgwMy4wNTguMDIyLjExNi4wNDYuMTcyLjA2OXpNMjQuODcgMjcuNTMzYTEuNzY4IDEuNzY4IDAgMCAxLS40MzMuMjU2di0yLjg5OGE2LjA4IDYuMDggMCAwIDEgMS44MDguNDA5Yy0uMTMuMzg0LS4yOC43NC0uNDUzIDEuMDYtLjI3Mi41MDYtLjU5LjkxLS45MjIgMS4xNzN6bS45MjItOS44OTJjLjE3Mi4zMjIuMzI0LjY3Ni40NTMgMS4wNTlhNi4wOCA2LjA4IDAgMCAxLTEuODA4LjQxdi0yLjg5N2MuMTQ0LjA1Ny4yOS4xNDIuNDMzLjI1Ni4zMzIuMjYuNjUuNjY1LjkyMiAxLjE3MnptLTEuMzU1IDYuMzczdi0xLjU3NmgyLjMwNWMtLjAyNS42OS0uMTEgMS4zNi0uMjU1IDEuOTk2bC0uMDA0LjAyYTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LS40NHptMC0yLjQ1MXYtMS41NzdhNi45NTMgNi45NTMgMCAwIDAgMi4wNDYtLjQ0bC4wMDUuMDJjLjE0My42MzYuMjMgMS4zMDQuMjU0IDEuOTk3aC0yLjMwNHptLS44NzUuODc1djEuNTc2YTYuOTUzIDYuOTUzIDAgMCAwLTIuMDQ1LjQ0bC0uMDA1LS4wMmExMC44MzUgMTAuODM1IDAgMCAxLS4yNTQtMS45OTZoMi4zMDV6bS0yLjMwNC0uODc1Yy4wMjUtLjY5MS4xMS0xLjM2MS4yNTUtMS45OTdsLjAwNC0uMDJhNi45NDMgNi45NDMgMCAwIDAgMi4wNDUuNDR2MS41NzdoLTIuMzA0em0yLjMwNSAzLjMyOHYyLjg5N2ExLjc0OCAxLjc0OCAwIDAgMS0uNDMzLS4yNTdjLS4zMzItLjI2LS42NTItLjY2Ny0uOTI0LTEuMTczYTcuMDYgNy4wNiAwIDAgMS0uNDUzLTEuMDYgNi4wOTggNi4wOTggMCAwIDEgMS44MS0uNDA3em0wLTUuNzgyYTYuMDggNi4wOCAwIDAgMS0xLjgwOC0uNDA5Yy4xMy0uMzg0LjI4LS43NC40NTMtMS4wNi4yNzItLjUwNi41OS0uOTEyLjkyMy0xLjE3M2ExLjggMS44IDAgMCAxIC40MzMtLjI1NnYyLjg5OGgtLjAwMnptLTEuODQ5LTIuNTIzYy4wNTgtLjAyMy4xMTQtLjA0Ny4xNzItLjA2OS0uMzY2LjQ5LS42OCAxLjEtLjkyNSAxLjgwM2E2LjA1NyA2LjA1NyAwIDAgMS0uOTI4LS42NTMgNS44NCA1Ljg0IDAgMCAxIDEuNjgxLTEuMDgxem0tMy4xMjggMy4xMjhjLjIxNi0uNTEuNS0uOTgxLjg0Ny0xLjQxLjM4OS4zMzcuODE1LjYzIDEuMjczLjg3NGExMS42ODEgMTEuNjgxIDAgMCAwLS4zMjMgMi4zODVIMTguMTRjLjA0Ny0uNjQuMTk3LTEuMjYuNDQ1LTEuODQ5em0tLjQ0NSAyLjcyNGgyLjI0MmMuMDMuODQ2LjE0MiAxLjY1MS4zMjMgMi4zODRhNi45MzkgNi45MzkgMCAwIDAtMS4yNzMuODczIDUuODQyIDUuODQyIDAgMCAxLTEuMjkyLTMuMjU4em0zLjU3MyA0Ljk3NmE1Ljg0IDUuODQgMCAwIDEtMS42ODEtMS4wODFjLjI4OS0uMjQ3LjYtLjQ2NC45MjgtLjY1My4yNDUuNzAzLjU2IDEuMzE0LjkyNSAxLjgwM2E1LjYyNCA1LjYyNCAwIDAgMS0uMTcyLS4wNjl6bTQuNTcyIDBhNi4xNjggNi4xNjggMCAwIDEtLjE3Mi4wNjljLjM2Ni0uNDkuNjgtMS4xLjkyNS0xLjgwMy4zMjguMTg3LjY0LjQwNi45MjguNjUzYTUuODQgNS44NCAwIDAgMS0xLjY4MSAxLjA4MXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4="
         />
       </Card>
     </ItemPanel>

From b1acbf702da438e6bcb2a0cb6dc66081206303b2 Mon Sep 17 00:00:00 2001
From: "depfu[bot]" <depfu[bot]@users.noreply.github.com>
Date: Wed, 24 Apr 2019 15:55:13 +0800
Subject: [PATCH 17/24] Update serverless-http to version 2.0.1 (#4067)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index c62dcc53..43d063e1 100644
--- a/package.json
+++ b/package.json
@@ -113,7 +113,7 @@
     "merge-umi-mock-data": "^1.0.4",
     "mockjs": "^1.0.1-beta3",
     "prettier": "^1.17.0",
-    "serverless-http": "^1.9.1",
+    "serverless-http": "^2.0.1",
     "slash2": "^2.0.0",
     "stylelint": "^9.10.1",
     "stylelint-config-css-modules": "^1.3.0",

From b1aefa56583a55bdb1e6346ebb9721eefb90953d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 24 Apr 2019 15:55:30 +0800
Subject: [PATCH 18/24] Rm hack ie9 (#4060)

* rm css hack for ie9
---
 src/pages/Dashboard/Analysis.less | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/pages/Dashboard/Analysis.less b/src/pages/Dashboard/Analysis.less
index f71bd34a..54396bd8 100644
--- a/src/pages/Dashboard/Analysis.less
+++ b/src/pages/Dashboard/Analysis.less
@@ -139,17 +139,10 @@
   .salesCard {
     height: calc(100% - 24px);
   }
-  div[class^='ant-col']:last-child {
-    position: absolute\9;
-    right: 0\9;
-    height: 100%\9;
-  }
   :global {
     .ant-row {
-      position: relative\9;
       display: flex;
-      display: block\9;
-      flex-flow: row wrap;
+      flex-flow: row nowrap;
     }
   }
 }
@@ -172,7 +165,6 @@
     }
   }
 }
-
 @media screen and (max-width: @screen-md) {
   .rankingTitle {
     margin-top: 16px;

From cbbd338c5dcf5f56006a3bd03367255ad623be05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 24 Apr 2019 15:55:43 +0800
Subject: [PATCH 19/24] add source map in site (#4059)

---
 config/config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/config/config.js b/config/config.js
index d939eac9..47166e93 100644
--- a/config/config.js
+++ b/config/config.js
@@ -70,6 +70,7 @@ export default {
   targets: {
     ie: 11,
   },
+  devtool: ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION ? 'source-map' : false,
   // 路由配置
   routes: pageRoutes,
   // Theme for antd

From 327d696b955b593534fa907ad990620279d716f0 Mon Sep 17 00:00:00 2001
From: zthxxx <zthxxx.me@gmail.com>
Date: Wed, 24 Apr 2019 19:51:41 +0800
Subject: [PATCH 20/24] fix: fix classnames typo in PageHeaderWrapper (#4071)

---
 src/components/PageHeaderWrapper/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PageHeaderWrapper/index.js b/src/components/PageHeaderWrapper/index.js
index 1e5318ff..d1220b74 100644
--- a/src/components/PageHeaderWrapper/index.js
+++ b/src/components/PageHeaderWrapper/index.js
@@ -48,7 +48,7 @@ const PageHeaderWrapper = ({
   ...restProps
 }) => {
   return (
-    <div style={{ margin: '-24px -24px 0' }} className={classNames(classNames, styles.main)}>
+    <div style={{ margin: '-24px -24px 0' }} className={classNames(wrapperClassName, styles.main)}>
       {top}
       <MenuContext.Consumer>
         {value => {

From feebab81766fc4dd123b57ea3dcaab39bc05b562 Mon Sep 17 00:00:00 2001
From: hexuebin001 <hexuebin001@ke.com>
Date: Thu, 25 Apr 2019 18:00:41 +0800
Subject: [PATCH 21/24] change the copyright time

---
 src/layouts/Footer.js     | 2 +-
 src/layouts/UserLayout.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Footer.js b/src/layouts/Footer.js
index 693c8172..a7775ef5 100644
--- a/src/layouts/Footer.js
+++ b/src/layouts/Footer.js
@@ -28,7 +28,7 @@ const FooterView = () => (
       ]}
       copyright={
         <Fragment>
-          Copyright <Icon type="copyright" /> 2018 蚂蚁金服体验技术部出品
+          Copyright <Icon type="copyright" /> 2019 蚂蚁金服体验技术部出品
         </Fragment>
       }
     />
diff --git a/src/layouts/UserLayout.js b/src/layouts/UserLayout.js
index 93f826b3..cb0ceadb 100644
--- a/src/layouts/UserLayout.js
+++ b/src/layouts/UserLayout.js
@@ -30,7 +30,7 @@ const links = [
 
 const copyright = (
   <Fragment>
-    Copyright <Icon type="copyright" /> 2018 蚂蚁金服体验技术部出品
+    Copyright <Icon type="copyright" /> 2019 蚂蚁金服体验技术部出品
   </Fragment>
 );
 

From 46d8462caab99ad0a678345fd847b9fc3aea570b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Fri, 26 Apr 2019 14:47:03 +0800
Subject: [PATCH 22/24] rm pwa (#4090)

---
 src/defaultSettings.js | 2 +-
 src/global.js          | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/defaultSettings.js b/src/defaultSettings.js
index 4e7e8018..25887b8b 100644
--- a/src/defaultSettings.js
+++ b/src/defaultSettings.js
@@ -10,7 +10,7 @@ module.exports = {
     disableLocal: false,
   },
   title: 'Ant Design Pro',
-  pwa: true,
+  pwa: false,
   // Your custom iconfont Symbol script Url
   // eg：//at.alicdn.com/t/font_1039637_btcrd5co4w.js
   // 注意：如果需要图标多色，Iconfont 图标项目里要进行批量去色处理
diff --git a/src/global.js b/src/global.js
index a0ecf97a..55bea308 100644
--- a/src/global.js
+++ b/src/global.js
@@ -3,8 +3,6 @@ import { notification, Button, message } from 'antd';
 import { formatMessage } from 'umi-plugin-react/locale';
 import defaultSettings from './defaultSettings';
 
-window.React = React;
-
 const { pwa } = defaultSettings;
 // if pwa is true
 if (pwa) {
@@ -58,4 +56,9 @@ if (pwa) {
       onClose: async () => {},
     });
   });
+} else if ('serviceWorker' in navigator) {
+  // eslint-disable-next-line compat/compat
+  navigator.serviceWorker.ready.then(registration => {
+    registration.unregister();
+  });
 }

From 1f4e89df3100ceac7eb7271a8cc8012ce3569bc3 Mon Sep 17 00:00:00 2001
From: XM <xm@tqzgc.com>
Date: Fri, 26 Apr 2019 16:53:42 +0800
Subject: [PATCH 23/24] fix #4079 PageHeaderWrapper margin in xs screen (#4081)

* fix PageHeaderWrapper margin in xs screen, #4079

* fix: PageHeaderWrapper doesn't perform as expected on xs screen
---
 src/components/PageHeaderWrapper/index.less | 44 ++++++++++-----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/PageHeaderWrapper/index.less b/src/components/PageHeaderWrapper/index.less
index 119585bb..bc4ef2e5 100644
--- a/src/components/PageHeaderWrapper/index.less
+++ b/src/components/PageHeaderWrapper/index.less
@@ -43,7 +43,7 @@
   }
 
   @media screen and (max-width: @screen-sm) {
-    .content {
+    .children-content {
       margin: 24px 0 0;
     }
   }
@@ -77,34 +77,34 @@
     margin-left: 88px;
     text-align: right;
   }
-}
 
-@media screen and (max-width: @screen-xl) {
-  .extraContent {
-    margin-left: 44px;
+  @media screen and (max-width: @screen-xl) {
+    .extraContent {
+      margin-left: 44px;
+    }
   }
-}
 
-@media screen and (max-width: @screen-lg) {
-  .extraContent {
-    margin-left: 20px;
+  @media screen and (max-width: @screen-lg) {
+    .extraContent {
+      margin-left: 20px;
+    }
   }
-}
 
-@media screen and (max-width: @screen-md) {
-  .row {
-    display: block;
-  }
+  @media screen and (max-width: @screen-md) {
+    .row {
+      display: block;
+    }
 
-  .action,
-  .extraContent {
-    margin-left: 0;
-    text-align: left;
+    .action,
+    .extraContent {
+      margin-left: 0;
+      text-align: left;
+    }
   }
-}
 
-@media screen and (max-width: @screen-sm) {
-  .detail {
-    display: block;
+  @media screen and (max-width: @screen-sm) {
+    .detail {
+      display: block;
+    }
   }
 }

From b8c5c01533cb25cd1eefa3a0dadd5d58f5879089 Mon Sep 17 00:00:00 2001
From: "depfu[bot]" <depfu[bot]@users.noreply.github.com>
Date: Sat, 27 Apr 2019 05:31:01 +0000
Subject: [PATCH 24/24] Update
 stylelint-declaration-block-no-ignored-properties to version 2.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 43d063e1..3dbc8afb 100644
--- a/package.json
+++ b/package.json
@@ -120,7 +120,7 @@
     "stylelint-config-prettier": "^5.0.0",
     "stylelint-config-rational-order": "^0.1.0",
     "stylelint-config-standard": "^18.2.0",
-    "stylelint-declaration-block-no-ignored-properties": "^1.1.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
     "stylelint-order": "^2.0.0",
     "tslint": "^5.12.1",
     "tslint-config-prettier": "^1.17.0",