From 83c192ea3ed6e6cc0fb7fbfff846649689186ebd Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 28 Nov 2018 15:00:03 +0800
Subject: [PATCH] :lipstick: fix eslint problems

---
 .eslintrc.js                                  |  31 ++---
 components/affix/__tests__/Affix.test.js      |  14 +--
 components/alert/demo/banner.md               |   3 +-
 components/alert/demo/basic.md                |   3 +-
 components/alert/demo/closable.md             |   5 +-
 components/alert/demo/close-text.md           |   3 +-
 components/alert/demo/custom-icon.md          |   3 +-
 components/alert/demo/description.md          |   3 +-
 components/alert/demo/icon.md                 |   3 +-
 components/alert/demo/smooth-closed.md        |   3 +-
 components/alert/demo/style.md                |   3 +-
 components/anchor/__tests__/Anchor.test.js    |   4 +-
 components/anchor/demo/basic.md               |   3 +-
 components/anchor/demo/onClick.md             |   3 +-
 components/anchor/demo/static.md              |   3 +-
 components/auto-complete/demo/options.md      |   4 +-
 .../auto-complete/demo/uncertain-category.md  |   4 +-
 components/avatar/demo/badge.md               |   3 +-
 components/avatar/demo/basic.md               |   3 +-
 components/avatar/demo/type.md                |   3 +-
 components/badge/demo/basic.md                |   3 +-
 components/badge/demo/change.md               |   4 +-
 components/badge/demo/dot.md                  |   3 +-
 components/badge/demo/link.md                 |   3 +-
 components/badge/demo/no-wrapper.md           |   3 +-
 components/badge/demo/overflow.md             |   3 +-
 components/badge/demo/status.md               |   3 +-
 components/badge/demo/title.md                |   3 +-
 .../breadcrumb/__tests__/router.test.js       |   4 +-
 components/breadcrumb/demo/basic.md           |   3 +-
 components/breadcrumb/demo/router-4.md        |   7 +-
 components/breadcrumb/demo/router.md          |   7 +-
 components/breadcrumb/demo/separator.md       |   3 +-
 components/breadcrumb/demo/withIcon.md        |   3 +-
 components/button/demo/basic.md               |   3 +-
 components/button/demo/block.md               |   3 +-
 components/button/demo/ghost.md               |   3 +-
 components/button/demo/multiple.md            |   4 +-
 components/calendar/demo/basic.md             |   3 +-
 components/calendar/demo/card.md              |   3 +-
 components/calendar/demo/notice-calendar.md   |   3 +-
 components/card/demo/basic.md                 |   3 +-
 components/card/demo/border-less.md           |   3 +-
 components/card/demo/flexible-content.md      |   3 +-
 components/card/demo/grid-card.md             |   3 +-
 components/card/demo/in-column.md             |   3 +-
 components/card/demo/inner.md                 |   3 +-
 components/card/demo/loading.md               |   4 +-
 components/card/demo/meta.md                  |   3 +-
 components/card/demo/simple.md                |   3 +-
 components/carousel/__tests__/index.test.js   |   2 +-
 components/carousel/demo/autoplay.md          |   3 +-
 components/carousel/demo/basic.md             |   3 +-
 components/carousel/demo/fade.md              |   3 +-
 components/carousel/demo/vertical.md          |   3 +-
 components/cascader/demo/basic.md             |   3 +-
 components/cascader/demo/change-on-select.md  |   3 +-
 components/cascader/demo/custom-render.md     |   3 +-
 components/cascader/demo/default-value.md     |   3 +-
 components/cascader/demo/disabled-option.md   |   3 +-
 components/cascader/demo/fields-name.md       |   3 +-
 components/cascader/demo/hover.md             |   3 +-
 components/cascader/demo/size.md              |   3 +-
 components/cascader/demo/suffix.md            |   3 +-
 components/checkbox/demo/basic.md             |   3 +-
 components/checkbox/demo/check-all.md         |  32 +++---
 components/checkbox/demo/controller.md        |  30 ++---
 components/checkbox/demo/disabled.md          |   3 +-
 components/checkbox/demo/group.md             |   3 +-
 components/collapse/demo/accordion.md         |   3 +-
 components/collapse/demo/basic.md             |   3 +-
 components/collapse/demo/borderless.md        |   3 +-
 components/collapse/demo/custom.md            |   3 +-
 components/collapse/demo/mix.md               |   3 +-
 components/collapse/demo/noarrow.md           |   3 +-
 .../date-picker/__tests__/DatePicker.test.js  |   7 +-
 .../date-picker/__tests__/showTime.test.js    |   8 +-
 components/date-picker/demo/basic.md          |   3 +-
 components/date-picker/demo/date-render.md    |   3 +-
 components/date-picker/demo/disabled.md       |   3 +-
 components/date-picker/demo/extra-footer.md   |   3 +-
 components/date-picker/demo/format.md         |   3 +-
 components/date-picker/demo/mode.md           |   3 +-
 components/date-picker/demo/suffix.md         |   3 +-
 components/date-picker/demo/time.md           |   3 +-
 components/divider/demo/horizontal.md         |   3 +-
 components/divider/demo/orientation.md        |   3 +-
 components/divider/demo/vertical.md           |   3 +-
 components/drawer/demo/from-drawer.md         |   4 +-
 components/drawer/demo/user-profile.md        |   4 +-
 components/dropdown/demo/basic.md             |   3 +-
 components/dropdown/demo/context-menu.md      |   3 +-
 components/dropdown/demo/dropdown-button.md   |   7 +-
 components/dropdown/demo/event.md             |   9 +-
 components/dropdown/demo/item.md              |   3 +-
 components/dropdown/demo/overlay-visible.md   |   3 +-
 components/dropdown/demo/placement.md         |   3 +-
 components/dropdown/demo/sub-menu.md          |   3 +-
 components/dropdown/demo/trigger.md           |   3 +-
 components/form/__tests__/index.test.js       |   2 +-
 components/form/demo/advanced-search.md       |  36 +++---
 components/form/demo/coordinated.md           |   4 +-
 .../form/demo/customized-form-controls.md     |   6 +-
 components/form/demo/dynamic-form-item.md     |  60 +++++-----
 components/form/demo/dynamic-rule.md          |   4 +-
 components/form/demo/form-in-modal.md         |   9 +-
 components/form/demo/horizontal-login.md      |   8 +-
 components/form/demo/layout.md                |   4 +-
 components/form/demo/normal-login.md          |   4 +-
 components/form/demo/register.md              |   4 +-
 components/form/demo/time-related-controls.md |   4 +-
 components/form/demo/validate-other.md        |   5 +-
 components/form/demo/validate-static.md       |   7 +-
 components/grid/demo/gutter.md                |   3 +-
 components/grid/demo/responsive-more.md       |   3 +-
 components/grid/demo/responsive.md            |   3 +-
 components/icon/demo/old-icons.md             |   3 +-
 components/input-number/demo/basic.md         |   3 +-
 components/input-number/demo/digit.md         |   3 +-
 components/input-number/demo/formatter.md     |   3 +-
 components/input-number/demo/size.md          |   3 +-
 components/input/demo/addon.md                |   3 +-
 components/input/demo/autosize-textarea.md    |   3 +-
 components/input/demo/group.md                |  12 +-
 components/input/demo/search-input.md         |   3 +-
 components/input/demo/size.md                 |   3 +-
 components/input/demo/tooltip.md              |   2 +-
 components/layout/__tests__/index.test.js     |  12 +-
 components/layout/demo/basic.md               |   7 +-
 components/layout/demo/custom-trigger.md      |   5 +-
 components/layout/demo/fixed-sider.md         |  12 +-
 components/layout/demo/fixed.md               |   3 +-
 components/layout/demo/responsive.md          |   7 +-
 components/layout/demo/side.md                |   8 +-
 components/layout/demo/top-side-2.md          |  12 +-
 components/layout/demo/top-side.md            |  11 +-
 components/layout/demo/top.md                 |   3 +-
 components/list/demo/basic.md                 |   3 +-
 components/list/demo/grid.md                  |   3 +-
 components/list/demo/infinite-load.md         |  24 ++--
 .../list/demo/infinite-virtualized-load.md    |  48 +++++---
 components/list/demo/loadmore.md              |   9 +-
 components/list/demo/resposive.md             |   7 +-
 components/list/demo/simple.md                |   3 +-
 components/list/demo/vertical.md              |   3 +-
 .../locale-provider/__tests__/index.test.js   |  14 ++-
 components/locale-provider/demo/all.md        |   6 +-
 components/locale-provider/demo/basic.md      |   3 +-
 components/mention/demo/avatar.md             |   7 +-
 components/mention/demo/basic.md              |   3 +-
 components/mention/demo/custom-tag.md         |   3 +-
 components/mention/demo/multilines.md         |   3 +-
 components/mention/demo/multiple-trigger.md   |   3 +-
 components/mention/demo/placement.md          |   3 +-
 components/mention/demo/popupContainer.md     |   4 +-
 components/mention/demo/readonly.md           |   3 +-
 components/menu/demo/vertical.md              |   3 +-
 components/message/demo/duration.md           |   3 +-
 components/message/demo/info.md               |   3 +-
 components/message/demo/loading.md            |   3 +-
 components/message/demo/other.md              |   3 +-
 components/message/demo/thenable.md           |   3 +-
 components/modal/__tests__/Modal.test.js      |   4 +-
 components/modal/demo/async.md                |   3 +-
 components/modal/demo/confirm-promise.md      |   3 +-
 components/modal/demo/confirm.md              |   3 +-
 .../notification/__tests__/placement.test.js  |   6 +-
 components/notification/demo/basic.md         |   3 +-
 components/notification/demo/custom-icon.md   |   3 +-
 components/notification/demo/custom-style.md  |   3 +-
 components/notification/demo/duration.md      |   3 +-
 components/notification/demo/placement.md     |   3 +-
 components/notification/demo/update.md        |   3 +-
 components/notification/demo/with-btn.md      |   3 +-
 components/notification/demo/with-icon.md     |   3 +-
 components/pagination/demo/changer.md         |   3 +-
 components/pagination/demo/itemRender.md      |   3 +-
 components/pagination/demo/mini.md            |   3 +-
 components/pagination/demo/more.md            |   3 +-
 components/pagination/demo/simple.md          |   3 +-
 components/pagination/demo/total.md           |   3 +-
 components/popconfirm/demo/basic.md           |   3 +-
 components/popconfirm/demo/icon.md            |   3 +-
 components/popconfirm/demo/locale.md          |   3 +-
 components/popconfirm/demo/placement.md       |   3 +-
 .../popover/demo/arrow-point-at-center.md     |   3 +-
 components/popover/demo/basic.md              |   3 +-
 components/popover/demo/placement.md          |   3 +-
 components/popover/demo/triggerType.md        |   3 +-
 components/progress/demo/circle-mini.md       |   3 +-
 components/progress/demo/circle.md            |   3 +-
 components/progress/demo/format.md            |   3 +-
 components/progress/demo/line-mini.md         |   3 +-
 components/progress/demo/line.md              |   3 +-
 components/progress/demo/linecap.md           |   3 +-
 components/progress/demo/segment.md           |   3 +-
 components/radio/demo/radiobutton-solid.md    |   3 +-
 components/radio/demo/radiobutton.md          |   3 +-
 components/radio/demo/size.md                 |   3 +-
 components/rate/demo/character.md             |   3 +-
 components/rate/demo/clear.md                 |   3 +-
 .../select/demo/automatic-tokenization.md     |   3 +-
 components/select/demo/basic.md               |   3 +-
 components/select/demo/label-in-value.md      |   3 +-
 components/select/demo/multiple.md            |   3 +-
 components/select/demo/optgroup.md            |   3 +-
 components/select/demo/search-box.md          |   3 +-
 components/select/demo/search.md              |   3 +-
 components/select/demo/suffix.md              |   3 +-
 components/select/demo/tags.md                |   3 +-
 components/skeleton/demo/list.md              |   4 +-
 components/slider/demo/input-number.md        |   9 +-
 components/slider/demo/mark.md                |   3 +-
 components/spin/demo/inside.md                |   3 +-
 components/spin/demo/size.md                  |   3 +-
 components/spin/demo/tip.md                   |   3 +-
 .../steps/demo/customized-progress-dot.md     |   3 +-
 components/steps/demo/error.md                |   3 +-
 components/steps/demo/icon.md                 |   3 +-
 components/steps/demo/progress-dot.md         |   3 +-
 components/steps/demo/simple.md               |   3 +-
 components/steps/demo/small-size.md           |   3 +-
 components/steps/demo/vertical-small.md       |   3 +-
 components/steps/demo/vertical.md             |   3 +-
 components/switch/demo/loading.md             |   3 +-
 components/switch/demo/size.md                |   3 +-
 components/switch/demo/text.md                |   3 +-
 .../table/__tests__/SelectionBox.test.js      |  10 +-
 .../table/__tests__/Table.filter.test.js      |  18 +--
 .../table/__tests__/Table.sorter.test.js      |  14 +--
 components/table/demo/ajax.md                 |   8 +-
 components/table/demo/bordered.md             |   3 +-
 components/table/demo/custom-filter-panel.md  |   8 +-
 components/table/demo/dynamic-settings.md     |  10 +-
 components/table/demo/edit-cell.md            |  22 ++--
 components/table/demo/edit-row.md             |  20 ++--
 components/table/demo/expand-children.md      |   3 +-
 components/table/demo/expand.md               |  19 ++-
 components/table/demo/fixed-columns-header.md |  36 ++++--
 components/table/demo/fixed-columns.md        |   8 +-
 components/table/demo/fixed-header.md         |   3 +-
 components/table/demo/grouping-columns.md     |   3 +-
 components/table/demo/head.md                 |   3 +-
 components/table/demo/jsx.md                  |   3 +-
 components/table/demo/nested-table.md         |   4 +-
 components/table/demo/row-selection.md        |   3 +-
 components/table/demo/size.md                 |   3 +-
 components/tabs/demo/basic.md                 |   3 +-
 components/tabs/demo/card-top.md              |   3 +-
 components/tabs/demo/card.md                  |   3 +-
 components/tabs/demo/custom-tab-bar.md        |   3 +-
 components/tabs/demo/disabled.md              |   3 +-
 components/tabs/demo/editable-card.md         |   4 +-
 components/tabs/demo/extra.md                 |   3 +-
 components/tabs/demo/icon.md                  |   3 +-
 components/tag/demo/checkable.md              |   3 +-
 components/tag/demo/colorful.md               |   3 +-
 components/tag/demo/control.md                |   4 +-
 components/time-picker/demo/12hours.md        |   3 +-
 components/time-picker/demo/disabled.md       |   3 +-
 components/time-picker/demo/hide-column.md    |   3 +-
 .../time-picker/demo/interval-options.md      |   3 +-
 components/time-picker/demo/size.md           |   3 +-
 components/timeline/demo/alternate.md         |   3 +-
 components/timeline/demo/basic.md             |   3 +-
 components/timeline/demo/color.md             |   3 +-
 components/timeline/demo/custom.md            |   3 +-
 components/timeline/demo/right.md             |   3 +-
 components/tooltip/__tests__/tooltip.test.js  |   8 +-
 .../tooltip/demo/arrow-point-at-center.md     |   3 +-
 .../tooltip/demo/auto-adjust-overflow.md      |   3 +-
 components/tooltip/demo/basic.md              |   3 +-
 components/tooltip/demo/placement.md          |   3 +-
 components/transfer/__tests__/index.test.js   |  20 +++-
 components/transfer/demo/advanced.md          |  18 ++-
 components/transfer/demo/search.md            |   4 +-
 components/tree/__tests__/directory.test.js   |   3 +-
 components/tree/__tests__/util.test.js        |   2 +-
 components/tree/demo/basic-controlled.md      |  24 ++--
 components/tree/demo/basic.md                 |   2 +-
 components/tree/demo/customized-icon.md       |  45 ++++----
 components/tree/demo/directory.md             |   2 +-
 components/tree/demo/draggable.md             |   2 +-
 components/tree/demo/dynamic.md               |  58 +++++-----
 components/tree/demo/line.md                  |   2 +-
 components/tree/demo/search.md                |   2 +-
 components/upload/demo/basic.md               |   7 +-
 components/upload/demo/defaultFileList.md     |   3 +-
 components/upload/demo/directory.md           |   3 +-
 components/upload/demo/drag.md                |   3 +-
 components/upload/demo/picture-style.md       |   3 +-
 components/upload/demo/upload-manually.md     |   4 +-
 package.json                                  |   2 +
 scripts/sort-api-table.js                     |  19 ++-
 scripts/update-rc.js                          |   4 +-
 site/.eslintrc.js                             |  11 ++
 site/bisheng.config.js                        |   5 +
 site/theme/index.js                           |  11 +-
 site/theme/template/Color/Palette.jsx         |   6 +-
 site/theme/template/Content/Article.jsx       |   4 +-
 site/theme/template/Content/ComponentDoc.jsx  |   7 +-
 site/theme/template/Content/Demo.jsx          |  20 ++--
 site/theme/template/Content/MainContent.jsx   | 108 +++++++++---------
 site/theme/template/Home/Page1.jsx            |   8 +-
 site/theme/template/Home/Page3.jsx            |   4 +-
 site/theme/template/Home/index.jsx            |   2 +-
 site/theme/template/Layout/Footer.jsx         |   4 +-
 site/theme/template/Layout/Header.jsx         |  15 ++-
 site/theme/template/Layout/index.jsx          |  10 +-
 tests/__mocks__/rc-trigger.js                 |   5 +-
 tests/dekko/lib.test.js                       |   8 +-
 tests/setup.js                                |  11 +-
 webpack.config.js                             |   3 +-
 313 files changed, 1122 insertions(+), 730 deletions(-)
 create mode 100644 site/.eslintrc.js

diff --git a/.eslintrc.js b/.eslintrc.js
index b104d2adb6..c0d2c19f91 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -14,33 +14,18 @@ const eslintrc = {
     'babel',
   ],
   rules: {
-    'func-names': 0,
-    'arrow-body-style': 0,
-    'react/sort-comp': 0,
-    'react/prop-types': 0,
-    'react/jsx-first-prop-new-line': 0,
     'react/jsx-one-expression-per-line': 0,
+    'react/prop-types': 0,
     'react/forbid-prop-types': 0,
+    'import/no-extraneous-dependencies': ['error', {
+      devDependencies: ['site/**', 'tests/**', 'scripts/**', '**/*.test.js', '**/__tests__/*', '*.config.js', '**/*.md'],
+    }],
     'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.md'] }],
-    'import/extensions': 0,
-    'import/no-unresolved': 0,
-    'import/no-extraneous-dependencies': 0,
-    'prefer-destructuring': 0,
-    'no-param-reassign': 0,
-    'no-return-assign': 0,
-    'max-len': 0,
-    'consistent-return': 0,
-    'no-redeclare': 0,
-    'react/require-extension': 0,
     'jsx-a11y/no-static-element-interactions': 0,
     'jsx-a11y/anchor-has-content': 0,
     'jsx-a11y/click-events-have-key-events': 0,
     'jsx-a11y/anchor-is-valid': 0,
-    'react/no-danger': 0,
     'comma-dangle': ['error', 'always-multiline'],
-    'function-paren-newline': 0,
-    'object-curly-newline': 0,
-    'no-restricted-globals': 0,
   },
 };
 
@@ -61,9 +46,13 @@ if (process.env.RUN_ENV === 'DEMO') {
     'react/no-access-state-in-setstate': 0,
     'react/destructuring-assignment': 0,
     'react/no-multi-comp': 0,
-    'react/prefer-stateless-function': 0,
     'jsx-a11y/href-no-hash': 0,
-    'import/newline-after-import': 0,
+    'prefer-destructuring': 0, // TODO: remove later
+    'max-len': 0, // TODO: remove later
+    'consistent-return': 0, // TODO: remove later
+    'no-return-assign': 0, // TODO: remove later
+    'no-param-reassign': 0, // TODO: remove later
+    'import/no-extraneous-dependencies': 0,
   });
 }
 
diff --git a/components/affix/__tests__/Affix.test.js b/components/affix/__tests__/Affix.test.js
index cd5124af55..b135454f32 100644
--- a/components/affix/__tests__/Affix.test.js
+++ b/components/affix/__tests__/Affix.test.js
@@ -12,9 +12,7 @@ class AffixMounter extends React.Component {
     });
   }
 
-  getTarget = () => {
-    return this.container;
-  }
+  getTarget = () => this.container
 
   render() {
     return (
@@ -34,7 +32,7 @@ class AffixMounter extends React.Component {
         >
           <Affix
             target={() => this.container}
-            ref={ele => this.affix = ele}
+            ref={(ele) => { this.affix = ele; }}
             {...this.props}
           >
             <Button type="primary">
@@ -59,11 +57,9 @@ describe('Affix Render', () => {
   });
 
   const scrollTo = (top) => {
-    wrapper.instance().affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => {
-      return {
-        bottom: 100, height: 28, left: 0, right: 0, top: 50 - top, width: 195,
-      };
-    });
+    wrapper.instance().affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => ({
+      bottom: 100, height: 28, left: 0, right: 0, top: 50 - top, width: 195,
+    }));
     wrapper.instance().container.scrollTop = top;
     events.scroll({
       type: 'scroll',
diff --git a/components/alert/demo/banner.md b/components/alert/demo/banner.md
index 0eb3feed1c..285826e82f 100644
--- a/components/alert/demo/banner.md
+++ b/components/alert/demo/banner.md
@@ -27,5 +27,6 @@ ReactDOM.render(
     <br />
     <Alert type="error" message="Error text" banner />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/basic.md b/components/alert/demo/basic.md
index 75f4a6818d..6193daa0cb 100644
--- a/components/alert/demo/basic.md
+++ b/components/alert/demo/basic.md
@@ -18,7 +18,8 @@ import { Alert } from 'antd';
 
 ReactDOM.render(
   <Alert message="Success Text" type="success" />,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/alert/demo/closable.md b/components/alert/demo/closable.md
index 277febb053..b1c50278b1 100644
--- a/components/alert/demo/closable.md
+++ b/components/alert/demo/closable.md
@@ -16,7 +16,7 @@ To show close button.
 ````jsx
 import { Alert } from 'antd';
 
-const onClose = function (e) {
+const onClose = (e) => {
   console.log(e, 'I was closed.');
 };
 
@@ -36,5 +36,6 @@ ReactDOM.render(
       onClose={onClose}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/close-text.md b/components/alert/demo/close-text.md
index 56a87a2f87..807c9bba65 100644
--- a/components/alert/demo/close-text.md
+++ b/components/alert/demo/close-text.md
@@ -18,5 +18,6 @@ import { Alert } from 'antd';
 
 ReactDOM.render(
   <Alert message="Info Text" type="info" closeText="Close Now" />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/custom-icon.md b/components/alert/demo/custom-icon.md
index c8f4bb0a40..0f2bc8eb72 100644
--- a/components/alert/demo/custom-icon.md
+++ b/components/alert/demo/custom-icon.md
@@ -55,5 +55,6 @@ ReactDOM.render(
       showIcon
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/description.md b/components/alert/demo/description.md
index 70c44c6312..dd63b683d4 100644
--- a/components/alert/demo/description.md
+++ b/components/alert/demo/description.md
@@ -39,5 +39,6 @@ ReactDOM.render(
       type="error"
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/icon.md b/components/alert/demo/icon.md
index 61a9ccfeea..244faa7d8e 100644
--- a/components/alert/demo/icon.md
+++ b/components/alert/demo/icon.md
@@ -47,5 +47,6 @@ ReactDOM.render(
       showIcon
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/smooth-closed.md b/components/alert/demo/smooth-closed.md
index ecd290c3c2..0718c9003f 100644
--- a/components/alert/demo/smooth-closed.md
+++ b/components/alert/demo/smooth-closed.md
@@ -46,5 +46,6 @@ class App extends React.Component {
 
 ReactDOM.render(
   <App />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/alert/demo/style.md b/components/alert/demo/style.md
index 156b93f435..e468d1771e 100644
--- a/components/alert/demo/style.md
+++ b/components/alert/demo/style.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Alert message="Warning Text" type="warning" />
     <Alert message="Error Text" type="error" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/anchor/__tests__/Anchor.test.js b/components/anchor/__tests__/Anchor.test.js
index 9436f43e86..d58de778f3 100644
--- a/components/anchor/__tests__/Anchor.test.js
+++ b/components/anchor/__tests__/Anchor.test.js
@@ -92,7 +92,7 @@ describe('Anchor Render', () => {
     let anchorInstance = null;
     function AnchorUpdate({ href }) {
       return (
-        <Anchor ref={c => anchorInstance = c}>
+        <Anchor ref={(c) => { anchorInstance = c; }}>
           <Link href={href} title="API" />
         </Anchor>
       );
@@ -107,7 +107,7 @@ describe('Anchor Render', () => {
   it('Anchor onClick event', () => {
     let event;
     let link;
-    const handleClick = (...arg) => ([event, link] = arg);
+    const handleClick = (...arg) => { [event, link] = arg; };
 
     const href = '#API';
     const title = 'API';
diff --git a/components/anchor/demo/basic.md b/components/anchor/demo/basic.md
index 6d69155b10..d94bf628ff 100644
--- a/components/anchor/demo/basic.md
+++ b/components/anchor/demo/basic.md
@@ -27,7 +27,8 @@ ReactDOM.render(
       <Link href="#Link-Props" title="Link Props" />
     </Link>
   </Anchor>,
-  mountNode);
+  mountNode
+);
 ```
 
 <style>
diff --git a/components/anchor/demo/onClick.md b/components/anchor/demo/onClick.md
index 7d9c914284..e464389a98 100644
--- a/components/anchor/demo/onClick.md
+++ b/components/anchor/demo/onClick.md
@@ -32,5 +32,6 @@ ReactDOM.render(
       <Link href="#Link-Props" title="Link Props" />
     </Link>
   </Anchor>,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/anchor/demo/static.md b/components/anchor/demo/static.md
index 1191673de8..36911ac6b5 100644
--- a/components/anchor/demo/static.md
+++ b/components/anchor/demo/static.md
@@ -27,5 +27,6 @@ ReactDOM.render(
       <Link href="#Link-Props" title="Link Props" />
     </Link>
   </Anchor>,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/auto-complete/demo/options.md b/components/auto-complete/demo/options.md
index b22d33b7e3..f84f888d82 100644
--- a/components/auto-complete/demo/options.md
+++ b/components/auto-complete/demo/options.md
@@ -35,9 +35,7 @@ class Complete extends React.Component {
 
   render() {
     const { result } = this.state;
-    const children = result.map((email) => {
-      return <Option key={email}>{email}</Option>;
-    });
+    const children = result.map(email => <Option key={email}>{email}</Option>);
     return (
       <AutoComplete
         style={{ width: 200 }}
diff --git a/components/auto-complete/demo/uncertain-category.md b/components/auto-complete/demo/uncertain-category.md
index 62ee6ce0b3..ad3ef8d49e 100644
--- a/components/auto-complete/demo/uncertain-category.md
+++ b/components/auto-complete/demo/uncertain-category.md
@@ -15,7 +15,9 @@ Demonstration of [Lookup Patterns: Uncertain Category](https://ant.design/docs/s
 Basic Usage, set datasource of autocomplete with `dataSource` property.
 
 ````jsx
-import { Icon, Button, Input, AutoComplete } from 'antd';
+import {
+  Icon, Button, Input, AutoComplete,
+} from 'antd';
 
 const Option = AutoComplete.Option;
 
diff --git a/components/avatar/demo/badge.md b/components/avatar/demo/badge.md
index db54b5ef4b..239bd605f1 100644
--- a/components/avatar/demo/badge.md
+++ b/components/avatar/demo/badge.md
@@ -25,5 +25,6 @@ ReactDOM.render(
       <Badge dot><Avatar shape="square" icon="user" /></Badge>
     </span>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/avatar/demo/basic.md b/components/avatar/demo/basic.md
index 7a1f2651a2..3e7fcb06d2 100644
--- a/components/avatar/demo/basic.md
+++ b/components/avatar/demo/basic.md
@@ -31,7 +31,8 @@ ReactDOM.render(
       <Avatar shape="square" size="small" icon="user" />
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/avatar/demo/type.md b/components/avatar/demo/type.md
index ec16dbc79f..5620075581 100644
--- a/components/avatar/demo/type.md
+++ b/components/avatar/demo/type.md
@@ -25,7 +25,8 @@ ReactDOM.render(
     <Avatar style={{ color: '#f56a00', backgroundColor: '#fde3cf' }}>U</Avatar>
     <Avatar style={{ backgroundColor: '#87d068' }} icon="user" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/badge/demo/basic.md b/components/badge/demo/basic.md
index 056dad78f4..7cbd337d12 100644
--- a/components/badge/demo/basic.md
+++ b/components/badge/demo/basic.md
@@ -25,7 +25,8 @@ ReactDOM.render(
       <a href="#" className="head-example" />
     </Badge>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/badge/demo/change.md b/components/badge/demo/change.md
index 11e9df689e..eebbe5cdcf 100644
--- a/components/badge/demo/change.md
+++ b/components/badge/demo/change.md
@@ -14,7 +14,9 @@ title:
 The count will be animated as it changes.
 
 ````jsx
-import { Badge, Button, Icon, Switch } from 'antd';
+import {
+  Badge, Button, Icon, Switch,
+} from 'antd';
 
 const ButtonGroup = Button.Group;
 
diff --git a/components/badge/demo/dot.md b/components/badge/demo/dot.md
index ce8520e91c..5f45d1753f 100644
--- a/components/badge/demo/dot.md
+++ b/components/badge/demo/dot.md
@@ -29,7 +29,8 @@ ReactDOM.render(
       <a href="#">Link something</a>
     </Badge>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/badge/demo/link.md b/components/badge/demo/link.md
index 7ad0e6d06b..1f5cca07e9 100644
--- a/components/badge/demo/link.md
+++ b/components/badge/demo/link.md
@@ -22,5 +22,6 @@ ReactDOM.render(
       <span className="head-example" />
     </Badge>
   </a>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/badge/demo/no-wrapper.md b/components/badge/demo/no-wrapper.md
index 29dd30ca9b..5f6eb64c85 100644
--- a/components/badge/demo/no-wrapper.md
+++ b/components/badge/demo/no-wrapper.md
@@ -24,7 +24,8 @@ ReactDOM.render(
     <Badge count={4} style={{ backgroundColor: '#fff', color: '#999', boxShadow: '0 0 0 1px #d9d9d9 inset' }} />
     <Badge count={109} style={{ backgroundColor: '#52c41a' }} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/badge/demo/overflow.md b/components/badge/demo/overflow.md
index 0fe56eeec0..50e0562472 100644
--- a/components/badge/demo/overflow.md
+++ b/components/badge/demo/overflow.md
@@ -31,5 +31,6 @@ ReactDOM.render(
       <a href="#" className="head-example" />
     </Badge>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/badge/demo/status.md b/components/badge/demo/status.md
index 2a5b333d99..a6f52f0fdb 100644
--- a/components/badge/demo/status.md
+++ b/components/badge/demo/status.md
@@ -34,5 +34,6 @@ ReactDOM.render(
     <br />
     <Badge status="warning" text="Warning" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/badge/demo/title.md b/components/badge/demo/title.md
index 1516dba515..5c5dac7ef7 100644
--- a/components/badge/demo/title.md
+++ b/components/badge/demo/title.md
@@ -22,7 +22,8 @@ ReactDOM.render(
       <a href="#" className="head-example" />
     </Badge>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/breadcrumb/__tests__/router.test.js b/components/breadcrumb/__tests__/router.test.js
index ccf3c6815b..6021a50fb4 100644
--- a/components/breadcrumb/__tests__/router.test.js
+++ b/components/breadcrumb/__tests__/router.test.js
@@ -1,5 +1,7 @@
 import React from 'react';
-import { Route, Switch, Link, withRouter, MemoryRouter } from 'react-router-dom';
+import {
+  Route, Switch, Link, withRouter, MemoryRouter,
+} from 'react-router-dom';
 import { mount } from 'enzyme';
 import Breadcrumb from '../index';
 
diff --git a/components/breadcrumb/demo/basic.md b/components/breadcrumb/demo/basic.md
index 6776f935d8..b1be883989 100644
--- a/components/breadcrumb/demo/basic.md
+++ b/components/breadcrumb/demo/basic.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Breadcrumb.Item><a href="">Application List</a></Breadcrumb.Item>
     <Breadcrumb.Item>An Application</Breadcrumb.Item>
   </Breadcrumb>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/breadcrumb/demo/router-4.md b/components/breadcrumb/demo/router-4.md
index 9d094997bf..7d728c8734 100644
--- a/components/breadcrumb/demo/router-4.md
+++ b/components/breadcrumb/demo/router-4.md
@@ -16,7 +16,9 @@ title:
 Used together with `react-router@4` or other router.
 
 ````jsx
-import { HashRouter as Router, Route, Switch, Link, withRouter } from 'react-router-dom';
+import {
+  HashRouter as Router, Route, Switch, Link, withRouter,
+} from 'react-router-dom';
 import { Breadcrumb, Alert } from 'antd';
 
 const Apps = () => (
@@ -77,7 +79,8 @@ ReactDOM.render(
   <Router>
     <Home />
   </Router>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/breadcrumb/demo/router.md b/components/breadcrumb/demo/router.md
index ccc8afa667..83c24fc670 100644
--- a/components/breadcrumb/demo/router.md
+++ b/components/breadcrumb/demo/router.md
@@ -16,7 +16,9 @@ title:
 Used together with `react-router@2` `react-router@3`.
 
 ````jsx
-import { Router, Route, Link, hashHistory } from 'react-router';
+import {
+  Router, Route, Link, hashHistory,
+} from 'react-router';
 import { Breadcrumb, Alert } from 'antd';
 
 const Apps = () => (
@@ -52,7 +54,8 @@ ReactDOM.render(
       </Route>
     </Route>
   </Router>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/breadcrumb/demo/separator.md b/components/breadcrumb/demo/separator.md
index 1bbe39a6a3..3a5bdcb0ee 100644
--- a/components/breadcrumb/demo/separator.md
+++ b/components/breadcrumb/demo/separator.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Breadcrumb.Item href="">Application List</Breadcrumb.Item>
     <Breadcrumb.Item>An Application</Breadcrumb.Item>
   </Breadcrumb>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/breadcrumb/demo/withIcon.md b/components/breadcrumb/demo/withIcon.md
index 2fe5e2d2b7..1ab817b586 100644
--- a/components/breadcrumb/demo/withIcon.md
+++ b/components/breadcrumb/demo/withIcon.md
@@ -29,5 +29,6 @@ ReactDOM.render(
       Application
     </Breadcrumb.Item>
   </Breadcrumb>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/button/demo/basic.md b/components/button/demo/basic.md
index f63f7b9048..720a4449de 100644
--- a/components/button/demo/basic.md
+++ b/components/button/demo/basic.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Button type="dashed">Dashed</Button>
     <Button type="danger">Danger</Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/button/demo/block.md b/components/button/demo/block.md
index 2cb6807cc5..b0b3bc4092 100644
--- a/components/button/demo/block.md
+++ b/components/button/demo/block.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Button type="dashed" block>Dashed</Button>
     <Button type="danger" block>danger</Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/button/demo/ghost.md b/components/button/demo/ghost.md
index 7c7f77a522..9857d8a649 100644
--- a/components/button/demo/ghost.md
+++ b/components/button/demo/ghost.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Button type="dashed" ghost>Dashed</Button>
     <Button type="danger" ghost>danger</Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/button/demo/multiple.md b/components/button/demo/multiple.md
index 203a5caaa7..26e8190c21 100644
--- a/components/button/demo/multiple.md
+++ b/components/button/demo/multiple.md
@@ -15,7 +15,9 @@ If you need several buttons, we recommend that you use 1 primary button + n seco
 
 
 ````jsx
-import { Button, Menu, Dropdown, Icon } from 'antd';
+import {
+  Button, Menu, Dropdown, Icon,
+} from 'antd';
 
 function handleMenuClick(e) {
   console.log('click', e);
diff --git a/components/calendar/demo/basic.md b/components/calendar/demo/basic.md
index 7fe8bfe543..907571df7c 100644
--- a/components/calendar/demo/basic.md
+++ b/components/calendar/demo/basic.md
@@ -22,5 +22,6 @@ function onPanelChange(value, mode) {
 
 ReactDOM.render(
   <Calendar onPanelChange={onPanelChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/calendar/demo/card.md b/components/calendar/demo/card.md
index fcbdd59726..a02d568490 100644
--- a/components/calendar/demo/card.md
+++ b/components/calendar/demo/card.md
@@ -24,5 +24,6 @@ ReactDOM.render(
   <div style={{ width: 300, border: '1px solid #d9d9d9', borderRadius: 4 }}>
     <Calendar fullscreen={false} onPanelChange={onPanelChange} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/calendar/demo/notice-calendar.md b/components/calendar/demo/notice-calendar.md
index d9c5730460..22547e278c 100644
--- a/components/calendar/demo/notice-calendar.md
+++ b/components/calendar/demo/notice-calendar.md
@@ -77,7 +77,8 @@ function monthCellRender(value) {
 
 ReactDOM.render(
   <Calendar dateCellRender={dateCellRender} monthCellRender={monthCellRender} />,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/card/demo/basic.md b/components/card/demo/basic.md
index fbc272971f..0e077e3780 100644
--- a/components/card/demo/basic.md
+++ b/components/card/demo/basic.md
@@ -26,7 +26,8 @@ ReactDOM.render(
     <p>Card content</p>
     <p>Card content</p>
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/card/demo/border-less.md b/components/card/demo/border-less.md
index 81456e59a8..1440f8c0b1 100644
--- a/components/card/demo/border-less.md
+++ b/components/card/demo/border-less.md
@@ -24,5 +24,6 @@ ReactDOM.render(
       <p>Card content</p>
     </Card>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/flexible-content.md b/components/card/demo/flexible-content.md
index 2bdc27f6e4..12dc3de2e3 100644
--- a/components/card/demo/flexible-content.md
+++ b/components/card/demo/flexible-content.md
@@ -30,5 +30,6 @@ ReactDOM.render(
       description="www.instagram.com"
     />
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/grid-card.md b/components/card/demo/grid-card.md
index 4bec22fb2c..b3be750601 100644
--- a/components/card/demo/grid-card.md
+++ b/components/card/demo/grid-card.md
@@ -31,5 +31,6 @@ ReactDOM.render(
     <Card.Grid style={gridStyle}>Content</Card.Grid>
     <Card.Grid style={gridStyle}>Content</Card.Grid>
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/in-column.md b/components/card/demo/in-column.md
index c722e2d350..e4a5548670 100644
--- a/components/card/demo/in-column.md
+++ b/components/card/demo/in-column.md
@@ -30,5 +30,6 @@ ReactDOM.render(
       </Col>
     </Row>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/inner.md b/components/card/demo/inner.md
index e28a5e258a..de5384ea30 100644
--- a/components/card/demo/inner.md
+++ b/components/card/demo/inner.md
@@ -44,5 +44,6 @@ ReactDOM.render(
       Inner Card content
     </Card>
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/loading.md b/components/card/demo/loading.md
index 78870eb7a6..4925de0a64 100644
--- a/components/card/demo/loading.md
+++ b/components/card/demo/loading.md
@@ -14,7 +14,9 @@ title:
 Shows a loading indicator while the contents of the card is being fetched.
 
 ````jsx
-import { Skeleton, Switch, Card, Icon, Avatar } from 'antd';
+import {
+  Skeleton, Switch, Card, Icon, Avatar,
+} from 'antd';
 
 const { Meta } = Card;
 
diff --git a/components/card/demo/meta.md b/components/card/demo/meta.md
index 82712b9e51..e42c2dfb78 100644
--- a/components/card/demo/meta.md
+++ b/components/card/demo/meta.md
@@ -30,5 +30,6 @@ ReactDOM.render(
       description="This is the description"
     />
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/card/demo/simple.md b/components/card/demo/simple.md
index adea5418e5..e049528c94 100644
--- a/components/card/demo/simple.md
+++ b/components/card/demo/simple.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <p>Card content</p>
     <p>Card content</p>
   </Card>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/carousel/__tests__/index.test.js b/components/carousel/__tests__/index.test.js
index 18b530ffc3..ec0098e8eb 100644
--- a/components/carousel/__tests__/index.test.js
+++ b/components/carousel/__tests__/index.test.js
@@ -49,7 +49,7 @@ describe('Carousel', () => {
 
   it('cancel resize listener when unmount', async () => {
     const wrapper = mount(<Carousel autoplay><div>1</div><div>2</div><div>3</div></Carousel>);
-    const onWindowResized = wrapper.instance().onWindowResized;
+    const { onWindowResized } = wrapper.instance();
     const spy = jest.spyOn(wrapper.instance().onWindowResized, 'cancel');
     const spy2 = jest.spyOn(window, 'removeEventListener');
     wrapper.unmount();
diff --git a/components/carousel/demo/autoplay.md b/components/carousel/demo/autoplay.md
index 14fbaa982f..e65072c572 100644
--- a/components/carousel/demo/autoplay.md
+++ b/components/carousel/demo/autoplay.md
@@ -23,7 +23,8 @@ ReactDOM.render(
     <div><h3>3</h3></div>
     <div><h3>4</h3></div>
   </Carousel>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/carousel/demo/basic.md b/components/carousel/demo/basic.md
index 24f02e80a4..12c89bac94 100644
--- a/components/carousel/demo/basic.md
+++ b/components/carousel/demo/basic.md
@@ -27,7 +27,8 @@ ReactDOM.render(
     <div><h3>3</h3></div>
     <div><h3>4</h3></div>
   </Carousel>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/carousel/demo/fade.md b/components/carousel/demo/fade.md
index 7216e802a9..7e8512a290 100644
--- a/components/carousel/demo/fade.md
+++ b/components/carousel/demo/fade.md
@@ -23,7 +23,8 @@ ReactDOM.render(
     <div><h3>3</h3></div>
     <div><h3>4</h3></div>
   </Carousel>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/carousel/demo/vertical.md b/components/carousel/demo/vertical.md
index 7bc5130673..97c271cc4e 100644
--- a/components/carousel/demo/vertical.md
+++ b/components/carousel/demo/vertical.md
@@ -23,7 +23,8 @@ ReactDOM.render(
     <div><h3>3</h3></div>
     <div><h3>4</h3></div>
   </Carousel>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/cascader/demo/basic.md b/components/cascader/demo/basic.md
index 6d0aa76b47..507492fb8e 100644
--- a/components/cascader/demo/basic.md
+++ b/components/cascader/demo/basic.md
@@ -46,5 +46,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <Cascader options={options} onChange={onChange} placeholder="Please select" />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/change-on-select.md b/components/cascader/demo/change-on-select.md
index 82d12f2420..2fd9db895b 100644
--- a/components/cascader/demo/change-on-select.md
+++ b/components/cascader/demo/change-on-select.md
@@ -46,5 +46,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <Cascader options={options} onChange={onChange} changeOnSelect />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/custom-render.md b/components/cascader/demo/custom-render.md
index 393f683313..d974a1b5be 100644
--- a/components/cascader/demo/custom-render.md
+++ b/components/cascader/demo/custom-render.md
@@ -66,5 +66,6 @@ ReactDOM.render(
     displayRender={displayRender}
     style={{ width: '100%' }}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/default-value.md b/components/cascader/demo/default-value.md
index 760311afb4..03cde6d9e2 100644
--- a/components/cascader/demo/default-value.md
+++ b/components/cascader/demo/default-value.md
@@ -46,5 +46,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <Cascader defaultValue={['zhejiang', 'hangzhou', 'xihu']} options={options} onChange={onChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/disabled-option.md b/components/cascader/demo/disabled-option.md
index 144478ecd9..33c1316441 100644
--- a/components/cascader/demo/disabled-option.md
+++ b/components/cascader/demo/disabled-option.md
@@ -47,5 +47,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <Cascader options={options} onChange={onChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/fields-name.md b/components/cascader/demo/fields-name.md
index 20006d0c6d..1a2956747b 100644
--- a/components/cascader/demo/fields-name.md
+++ b/components/cascader/demo/fields-name.md
@@ -46,5 +46,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <Cascader fieldNames={{ label: 'name', value: 'code', children: 'items' }} options={options} onChange={onChange} placeholder="Please select" />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/hover.md b/components/cascader/demo/hover.md
index 489798c86a..2746aaff69 100644
--- a/components/cascader/demo/hover.md
+++ b/components/cascader/demo/hover.md
@@ -56,5 +56,6 @@ ReactDOM.render(
     displayRender={displayRender}
     onChange={onChange}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/size.md b/components/cascader/demo/size.md
index 195876792c..bf1fd8e679 100644
--- a/components/cascader/demo/size.md
+++ b/components/cascader/demo/size.md
@@ -50,5 +50,6 @@ ReactDOM.render(
     <Cascader options={options} onChange={onChange} /><br /><br />
     <Cascader size="small" options={options} onChange={onChange} /><br /><br />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/cascader/demo/suffix.md b/components/cascader/demo/suffix.md
index c759aac853..8230066247 100644
--- a/components/cascader/demo/suffix.md
+++ b/components/cascader/demo/suffix.md
@@ -61,5 +61,6 @@ ReactDOM.render(
       placeholder="Please select"
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/checkbox/demo/basic.md b/components/checkbox/demo/basic.md
index 5ab6e77e0b..cecf7c78e0 100644
--- a/components/checkbox/demo/basic.md
+++ b/components/checkbox/demo/basic.md
@@ -22,5 +22,6 @@ function onChange(e) {
 
 ReactDOM.render(
   <Checkbox onChange={onChange}>Checkbox</Checkbox>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/checkbox/demo/check-all.md b/components/checkbox/demo/check-all.md
index 2ad2193cb5..df0e6e2650 100644
--- a/components/checkbox/demo/check-all.md
+++ b/components/checkbox/demo/check-all.md
@@ -28,6 +28,22 @@ class App extends React.Component {
     checkAll: false,
   };
 
+  onChange = (checkedList) => {
+    this.setState({
+      checkedList,
+      indeterminate: !!checkedList.length && (checkedList.length < plainOptions.length),
+      checkAll: checkedList.length === plainOptions.length,
+    });
+  }
+
+  onCheckAllChange = (e) => {
+    this.setState({
+      checkedList: e.target.checked ? plainOptions : [],
+      indeterminate: false,
+      checkAll: e.target.checked,
+    });
+  }
+
   render() {
     return (
       <div>
@@ -45,22 +61,6 @@ class App extends React.Component {
       </div>
     );
   }
-
-  onChange = (checkedList) => {
-    this.setState({
-      checkedList,
-      indeterminate: !!checkedList.length && (checkedList.length < plainOptions.length),
-      checkAll: checkedList.length === plainOptions.length,
-    });
-  }
-
-  onCheckAllChange = (e) => {
-    this.setState({
-      checkedList: e.target.checked ? plainOptions : [],
-      indeterminate: false,
-      checkAll: e.target.checked,
-    });
-  }
 }
 
 ReactDOM.render(<App />, mountNode);
diff --git a/components/checkbox/demo/controller.md b/components/checkbox/demo/controller.md
index 3b7a4fc226..d1eb7ec758 100644
--- a/components/checkbox/demo/controller.md
+++ b/components/checkbox/demo/controller.md
@@ -22,6 +22,21 @@ class App extends React.Component {
     disabled: false,
   };
 
+  toggleChecked = () => {
+    this.setState({ checked: !this.state.checked });
+  }
+
+  toggleDisable = () => {
+    this.setState({ disabled: !this.state.disabled });
+  }
+
+  onChange = (e) => {
+    console.log('checked = ', e.target.checked);
+    this.setState({
+      checked: e.target.checked,
+    });
+  }
+
   render() {
     const label = `${this.state.checked ? 'Checked' : 'Unchecked'}-${this.state.disabled ? 'Disabled' : 'Enabled'}`;
     return (
@@ -55,21 +70,6 @@ class App extends React.Component {
       </div>
     );
   }
-
-  toggleChecked = () => {
-    this.setState({ checked: !this.state.checked });
-  }
-
-  toggleDisable = () => {
-    this.setState({ disabled: !this.state.disabled });
-  }
-
-  onChange = (e) => {
-    console.log('checked = ', e.target.checked);
-    this.setState({
-      checked: e.target.checked,
-    });
-  }
 }
 
 ReactDOM.render(<App />, mountNode);
diff --git a/components/checkbox/demo/disabled.md b/components/checkbox/demo/disabled.md
index 9433bd4445..d800fc14b8 100644
--- a/components/checkbox/demo/disabled.md
+++ b/components/checkbox/demo/disabled.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <br />
     <Checkbox defaultChecked disabled />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/checkbox/demo/group.md b/components/checkbox/demo/group.md
index 1ba4816b6f..682cf93972 100644
--- a/components/checkbox/demo/group.md
+++ b/components/checkbox/demo/group.md
@@ -42,5 +42,6 @@ ReactDOM.render(
     <br /><br />
     <CheckboxGroup options={optionsWithDisabled} disabled defaultValue={['Apple']} onChange={onChange} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/collapse/demo/accordion.md b/components/collapse/demo/accordion.md
index 064474d665..a96ccf5ead 100644
--- a/components/collapse/demo/accordion.md
+++ b/components/collapse/demo/accordion.md
@@ -36,5 +36,6 @@ ReactDOM.render(
       <p>{text}</p>
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/collapse/demo/basic.md b/components/collapse/demo/basic.md
index 9457f2acc1..4e5ea09287 100644
--- a/components/collapse/demo/basic.md
+++ b/components/collapse/demo/basic.md
@@ -40,7 +40,8 @@ ReactDOM.render(
       <p>{text}</p>
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/collapse/demo/borderless.md b/components/collapse/demo/borderless.md
index 8560136c18..92a5e839b0 100644
--- a/components/collapse/demo/borderless.md
+++ b/components/collapse/demo/borderless.md
@@ -38,5 +38,6 @@ ReactDOM.render(
       {text}
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/collapse/demo/custom.md b/components/collapse/demo/custom.md
index 9c5f73eb86..16f9ae4f2e 100644
--- a/components/collapse/demo/custom.md
+++ b/components/collapse/demo/custom.md
@@ -44,5 +44,6 @@ ReactDOM.render(
       <p>{text}</p>
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/collapse/demo/mix.md b/components/collapse/demo/mix.md
index 1936909c4d..9a0a2d5f0d 100644
--- a/components/collapse/demo/mix.md
+++ b/components/collapse/demo/mix.md
@@ -44,5 +44,6 @@ ReactDOM.render(
       <p>{text}</p>
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/collapse/demo/noarrow.md b/components/collapse/demo/noarrow.md
index 7d2e2e13c7..6e6e2f9d4b 100644
--- a/components/collapse/demo/noarrow.md
+++ b/components/collapse/demo/noarrow.md
@@ -37,5 +37,6 @@ ReactDOM.render(
       <p>{text}</p>
     </Panel>
   </Collapse>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/__tests__/DatePicker.test.js b/components/date-picker/__tests__/DatePicker.test.js
index 2bceeeaa96..f027a9032d 100644
--- a/components/date-picker/__tests__/DatePicker.test.js
+++ b/components/date-picker/__tests__/DatePicker.test.js
@@ -80,16 +80,17 @@ describe('DatePicker', () => {
       onChange = (value) => {
         let { cleared } = this.state;
 
+        let newValue = value;
         if (cleared) {
-          value = moment(moment(value).format('YYYY-MM-DD 12:12:12'));
+          newValue = moment(moment(value).format('YYYY-MM-DD 12:12:12'));
           cleared = false;
         }
 
-        if (!value) {
+        if (!newValue) {
           cleared = true;
         }
 
-        this.setState({ value, cleared });
+        this.setState({ value: newValue, cleared });
       }
 
       render() {
diff --git a/components/date-picker/__tests__/showTime.test.js b/components/date-picker/__tests__/showTime.test.js
index 3c0757c7b3..8167f96023 100644
--- a/components/date-picker/__tests__/showTime.test.js
+++ b/components/date-picker/__tests__/showTime.test.js
@@ -83,7 +83,13 @@ describe('RangePicker with showTime', () => {
     const onChangeFn = jest.fn();
     const onOpenChangeFn = jest.fn();
     const wrapper = mount(
-      <RangePicker showTime open onOk={onOkFn} onChange={onChangeFn} onOpenChange={onOpenChangeFn} />
+      <RangePicker
+        showTime
+        open
+        onOk={onOkFn}
+        onChange={onChangeFn}
+        onOpenChange={onOpenChangeFn}
+      />
     );
 
     const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
diff --git a/components/date-picker/demo/basic.md b/components/date-picker/demo/basic.md
index 20df8a60a7..fc3b2602f5 100644
--- a/components/date-picker/demo/basic.md
+++ b/components/date-picker/demo/basic.md
@@ -32,5 +32,6 @@ ReactDOM.render(
     <br />
     <WeekPicker onChange={onChange} placeholder="Select week" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/date-render.md b/components/date-picker/demo/date-render.md
index 9c0fd50fef..09434c2c10 100644
--- a/components/date-picker/demo/date-render.md
+++ b/components/date-picker/demo/date-render.md
@@ -49,5 +49,6 @@ ReactDOM.render(
       }}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/disabled.md b/components/date-picker/demo/disabled.md
index 5e453b8b68..cc5a346a66 100644
--- a/components/date-picker/demo/disabled.md
+++ b/components/date-picker/demo/disabled.md
@@ -31,5 +31,6 @@ ReactDOM.render(
       disabled
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/extra-footer.md b/components/date-picker/demo/extra-footer.md
index 9e5b552434..e25c56bcda 100644
--- a/components/date-picker/demo/extra-footer.md
+++ b/components/date-picker/demo/extra-footer.md
@@ -26,5 +26,6 @@ ReactDOM.render(
     <RangePicker renderExtraFooter={() => 'extra footer'} showTime />
     <MonthPicker renderExtraFooter={() => 'extra footer'} placeholder="Select month" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/format.md b/components/date-picker/demo/format.md
index ebf2cdeede..9b1fc9d4bd 100644
--- a/components/date-picker/demo/format.md
+++ b/components/date-picker/demo/format.md
@@ -32,5 +32,6 @@ ReactDOM.render(
       format={dateFormat}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/mode.md b/components/date-picker/demo/mode.md
index f676ff823d..2b7825ca2a 100644
--- a/components/date-picker/demo/mode.md
+++ b/components/date-picker/demo/mode.md
@@ -79,5 +79,6 @@ ReactDOM.render(
     <br />
     <ControlledRangePicker />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/suffix.md b/components/date-picker/demo/suffix.md
index abdd974a57..93ccd55f58 100644
--- a/components/date-picker/demo/suffix.md
+++ b/components/date-picker/demo/suffix.md
@@ -42,5 +42,6 @@ ReactDOM.render(
     <br />
     <WeekPicker suffixIcon="ab" onChange={onChange} placeholder="Select week" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/date-picker/demo/time.md b/components/date-picker/demo/time.md
index e48f1ccff6..51da6b2080 100644
--- a/components/date-picker/demo/time.md
+++ b/components/date-picker/demo/time.md
@@ -45,5 +45,6 @@ ReactDOM.render(
       onOk={onOk}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/divider/demo/horizontal.md b/components/divider/demo/horizontal.md
index f368756970..7fdc990acb 100644
--- a/components/divider/demo/horizontal.md
+++ b/components/divider/demo/horizontal.md
@@ -26,5 +26,6 @@ ReactDOM.render(
     <Divider dashed />
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/divider/demo/orientation.md b/components/divider/demo/orientation.md
index d2a847764b..056c7c3e68 100644
--- a/components/divider/demo/orientation.md
+++ b/components/divider/demo/orientation.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Divider orientation="right">Right Text</Divider>
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.</p>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/divider/demo/vertical.md b/components/divider/demo/vertical.md
index 0d54ec0403..ec14105de4 100644
--- a/components/divider/demo/vertical.md
+++ b/components/divider/demo/vertical.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Divider type="vertical" />
     <a href="#">Link</a>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/drawer/demo/from-drawer.md b/components/drawer/demo/from-drawer.md
index b832ef2e25..2e1054e51a 100644
--- a/components/drawer/demo/from-drawer.md
+++ b/components/drawer/demo/from-drawer.md
@@ -14,7 +14,9 @@ title:
 A drawer containing an editable form which needs to be collapsed by clicking the close button.
 
 ```jsx
-import { Drawer, Form, Button, Col, Row, Input, Select, DatePicker } from 'antd';
+import {
+  Drawer, Form, Button, Col, Row, Input, Select, DatePicker,
+} from 'antd';
 
 const { Option } = Select;
 
diff --git a/components/drawer/demo/user-profile.md b/components/drawer/demo/user-profile.md
index f472e6f31c..d4542cb4b0 100644
--- a/components/drawer/demo/user-profile.md
+++ b/components/drawer/demo/user-profile.md
@@ -14,7 +14,9 @@ title:
 Use when you need to quickly preview the outline of the object. Such as list item preview.
 
 ```jsx
-import { Drawer, List, Avatar, Divider, Col, Row } from 'antd';
+import {
+  Drawer, List, Avatar, Divider, Col, Row,
+} from 'antd';
 
 const pStyle = {
   fontSize: 16,
diff --git a/components/dropdown/demo/basic.md b/components/dropdown/demo/basic.md
index ccf6991ee2..30cfcb772c 100644
--- a/components/dropdown/demo/basic.md
+++ b/components/dropdown/demo/basic.md
@@ -36,5 +36,6 @@ ReactDOM.render(
       Hover me <Icon type="down" />
     </a>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/context-menu.md b/components/dropdown/demo/context-menu.md
index bad984dd60..1b705d76c7 100644
--- a/components/dropdown/demo/context-menu.md
+++ b/components/dropdown/demo/context-menu.md
@@ -28,5 +28,6 @@ ReactDOM.render(
   <Dropdown overlay={menu} trigger={['contextMenu']}>
     <span style={{ userSelect: 'none' }}>Right Click on Me</span>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/dropdown-button.md b/components/dropdown/demo/dropdown-button.md
index 4aa712fd07..04a5d8f058 100644
--- a/components/dropdown/demo/dropdown-button.md
+++ b/components/dropdown/demo/dropdown-button.md
@@ -14,7 +14,9 @@ title:
 A button is on the left, and a related functional menu is on the right.
 
 ````jsx
-import { Menu, Dropdown, Button, Icon, message } from 'antd';
+import {
+  Menu, Dropdown, Button, Icon, message,
+} from 'antd';
 
 function handleButtonClick(e) {
   message.info('Click on left button.');
@@ -53,5 +55,6 @@ ReactDOM.render(
       </Button>
     </Dropdown>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/event.md b/components/dropdown/demo/event.md
index 0c212c4162..93f4592da5 100644
--- a/components/dropdown/demo/event.md
+++ b/components/dropdown/demo/event.md
@@ -14,9 +14,11 @@ title:
 An event will be triggered when you click menu items, in which you can make different operations according to item's key.
 
 ````jsx
-import { Menu, Dropdown, Icon, message } from 'antd';
+import {
+  Menu, Dropdown, Icon, message,
+} from 'antd';
 
-const onClick = function ({ key }) {
+const onClick = ({ key }) => {
   message.info(`Click on item ${key}`);
 };
 
@@ -34,5 +36,6 @@ ReactDOM.render(
       Hover me, Click menu item <Icon type="down" />
     </a>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/item.md b/components/dropdown/demo/item.md
index 4823cd77b1..bd03f7565c 100644
--- a/components/dropdown/demo/item.md
+++ b/components/dropdown/demo/item.md
@@ -35,5 +35,6 @@ ReactDOM.render(
       Hover me <Icon type="down" />
     </a>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/overlay-visible.md b/components/dropdown/demo/overlay-visible.md
index aa2bf1fff9..da2c1766ad 100644
--- a/components/dropdown/demo/overlay-visible.md
+++ b/components/dropdown/demo/overlay-visible.md
@@ -40,7 +40,8 @@ class OverlayVisible extends React.Component {
       </Menu>
     );
     return (
-      <Dropdown overlay={menu}
+      <Dropdown
+        overlay={menu}
         onVisibleChange={this.handleVisibleChange}
         visible={this.state.visible}
       >
diff --git a/components/dropdown/demo/placement.md b/components/dropdown/demo/placement.md
index 46805502f2..a29557fc5e 100644
--- a/components/dropdown/demo/placement.md
+++ b/components/dropdown/demo/placement.md
@@ -52,7 +52,8 @@ ReactDOM.render(
       <Button>topRight</Button>
     </Dropdown>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/dropdown/demo/sub-menu.md b/components/dropdown/demo/sub-menu.md
index 8dba518472..e3a8f91ea3 100644
--- a/components/dropdown/demo/sub-menu.md
+++ b/components/dropdown/demo/sub-menu.md
@@ -39,5 +39,6 @@ ReactDOM.render(
       Cascading menu <Icon type="down" />
     </a>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/dropdown/demo/trigger.md b/components/dropdown/demo/trigger.md
index 03cb7cc1fb..21c60979ba 100644
--- a/components/dropdown/demo/trigger.md
+++ b/components/dropdown/demo/trigger.md
@@ -35,5 +35,6 @@ ReactDOM.render(
       Click me <Icon type="down" />
     </a>
   </Dropdown>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/form/__tests__/index.test.js b/components/form/__tests__/index.test.js
index 746a848123..f34404ce56 100644
--- a/components/form/__tests__/index.test.js
+++ b/components/form/__tests__/index.test.js
@@ -32,7 +32,7 @@ describe('Form', () => {
       }
       const Wrapped = Form.create()(TestForm);
       let form;
-      mount(<Wrapped wrappedComponentRef={node => form = node} />);
+      mount(<Wrapped wrappedComponentRef={(node) => { form = node; }} />);
       expect(form).toBeInstanceOf(TestForm);
     });
   });
diff --git a/components/form/demo/advanced-search.md b/components/form/demo/advanced-search.md
index accabf7e2b..f4e90fc909 100644
--- a/components/form/demo/advanced-search.md
+++ b/components/form/demo/advanced-search.md
@@ -19,7 +19,9 @@ Because the width of label is not fixed, you may need to adjust it by customizin
 
 
 ````jsx
-import { Form, Row, Col, Input, Button, Icon } from 'antd';
+import {
+  Form, Row, Col, Input, Button, Icon,
+} from 'antd';
 
 const FormItem = Form.Item;
 
@@ -28,22 +30,6 @@ class AdvancedSearchForm extends React.Component {
     expand: false,
   };
 
-  handleSearch = (e) => {
-    e.preventDefault();
-    this.props.form.validateFields((err, values) => {
-      console.log('Received values of form: ', values);
-    });
-  }
-
-  handleReset = () => {
-    this.props.form.resetFields();
-  }
-
-  toggle = () => {
-    const { expand } = this.state;
-    this.setState({ expand: !expand });
-  }
-
   // To generate mock Form.Item
   getFields() {
     const count = this.state.expand ? 10 : 6;
@@ -68,6 +54,22 @@ class AdvancedSearchForm extends React.Component {
     return children;
   }
 
+  handleSearch = (e) => {
+    e.preventDefault();
+    this.props.form.validateFields((err, values) => {
+      console.log('Received values of form: ', values);
+    });
+  }
+
+  handleReset = () => {
+    this.props.form.resetFields();
+  }
+
+  toggle = () => {
+    const { expand } = this.state;
+    this.setState({ expand: !expand });
+  }
+
   render() {
     return (
       <Form
diff --git a/components/form/demo/coordinated.md b/components/form/demo/coordinated.md
index 0e5bb4b0d7..f232008b38 100644
--- a/components/form/demo/coordinated.md
+++ b/components/form/demo/coordinated.md
@@ -14,7 +14,9 @@ title:
 Use `setFieldsValue` to set other control's value programmaticly.
 
 ````jsx
-import { Form, Select, Input, Button } from 'antd';
+import {
+  Form, Select, Input, Button,
+} from 'antd';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index fcac73964c..0aa96e5e27 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -20,7 +20,9 @@ Customized or third-party form controls can be used in Form, too. Controls must
 > * It must be a class component.
 
 ````jsx
-import { Form, Input, Select, Button } from 'antd';
+import {
+  Form, Input, Select, Button,
+} from 'antd';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
@@ -48,7 +50,7 @@ class PriceInput extends React.Component {
 
   handleNumberChange = (e) => {
     const number = parseInt(e.target.value || 0, 10);
-    if (isNaN(number)) {
+    if (Number.Number.isNaN(number)) {
       return;
     }
     if (!('value' in this.props)) {
diff --git a/components/form/demo/dynamic-form-item.md b/components/form/demo/dynamic-form-item.md
index e700b93b00..4f1ee748fe 100644
--- a/components/form/demo/dynamic-form-item.md
+++ b/components/form/demo/dynamic-form-item.md
@@ -14,7 +14,9 @@ title:
 Add or remove form items dynamically.
 
 ````jsx
-import { Form, Input, Icon, Button } from 'antd';
+import {
+  Form, Input, Icon, Button,
+} from 'antd';
 
 const FormItem = Form.Item;
 
@@ -77,35 +79,33 @@ class DynamicFieldSet extends React.Component {
     };
     getFieldDecorator('keys', { initialValue: [] });
     const keys = getFieldValue('keys');
-    const formItems = keys.map((k, index) => {
-      return (
-        <FormItem
-          {...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}
-          label={index === 0 ? 'Passengers' : ''}
-          required={false}
-          key={k}
-        >
-          {getFieldDecorator(`names[${k}]`, {
-            validateTrigger: ['onChange', 'onBlur'],
-            rules: [{
-              required: true,
-              whitespace: true,
-              message: "Please input passenger's name or delete this field.",
-            }],
-          })(
-            <Input placeholder="passenger name" style={{ width: '60%', marginRight: 8 }} />
-          )}
-          {keys.length > 1 ? (
-            <Icon
-              className="dynamic-delete-button"
-              type="minus-circle-o"
-              disabled={keys.length === 1}
-              onClick={() => this.remove(k)}
-            />
-          ) : null}
-        </FormItem>
-      );
-    });
+    const formItems = keys.map((k, index) => (
+      <FormItem
+        {...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}
+        label={index === 0 ? 'Passengers' : ''}
+        required={false}
+        key={k}
+      >
+        {getFieldDecorator(`names[${k}]`, {
+          validateTrigger: ['onChange', 'onBlur'],
+          rules: [{
+            required: true,
+            whitespace: true,
+            message: "Please input passenger's name or delete this field.",
+          }],
+        })(
+          <Input placeholder="passenger name" style={{ width: '60%', marginRight: 8 }} />
+        )}
+        {keys.length > 1 ? (
+          <Icon
+            className="dynamic-delete-button"
+            type="minus-circle-o"
+            disabled={keys.length === 1}
+            onClick={() => this.remove(k)}
+          />
+        ) : null}
+      </FormItem>
+    ));
     return (
       <Form onSubmit={this.handleSubmit}>
         {formItems}
diff --git a/components/form/demo/dynamic-rule.md b/components/form/demo/dynamic-rule.md
index 5dd7438d19..549db5f44c 100644
--- a/components/form/demo/dynamic-rule.md
+++ b/components/form/demo/dynamic-rule.md
@@ -14,7 +14,9 @@ title:
 Perform different check rules according to different situations.
 
 ````jsx
-import { Form, Input, Button, Checkbox } from 'antd';
+import {
+  Form, Input, Button, Checkbox,
+} from 'antd';
 
 const FormItem = Form.Item;
 
diff --git a/components/form/demo/form-in-modal.md b/components/form/demo/form-in-modal.md
index 1611a8c832..fbb32427d5 100644
--- a/components/form/demo/form-in-modal.md
+++ b/components/form/demo/form-in-modal.md
@@ -14,14 +14,19 @@ title:
 When user visit a page with a list of items, and want to create a new item. The page can popup a form in Modal, then let user fill in the form to create an item.
 
 ````jsx
-import { Button, Modal, Form, Input, Radio } from 'antd';
+import {
+  Button, Modal, Form, Input, Radio,
+} from 'antd';
 
 const FormItem = Form.Item;
 
 const CollectionCreateForm = Form.create()(
+  // eslint-disable-next-line
   class extends React.Component {
     render() {
-      const { visible, onCancel, onCreate, form } = this.props;
+      const {
+        visible, onCancel, onCreate, form,
+      } = this.props;
       const { getFieldDecorator } = form;
       return (
         <Modal
diff --git a/components/form/demo/horizontal-login.md b/components/form/demo/horizontal-login.md
index d2ebd88e21..74ff9a08ac 100644
--- a/components/form/demo/horizontal-login.md
+++ b/components/form/demo/horizontal-login.md
@@ -14,7 +14,9 @@ title:
 Horizontal login form is often used in navigation bar.
 
 ````jsx
-import { Form, Icon, Input, Button } from 'antd';
+import {
+  Form, Icon, Input, Button,
+} from 'antd';
 
 const FormItem = Form.Item;
 
@@ -38,7 +40,9 @@ class HorizontalLoginForm extends React.Component {
   }
 
   render() {
-    const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = this.props.form;
+    const {
+      getFieldDecorator, getFieldsError, getFieldError, isFieldTouched,
+    } = this.props.form;
 
     // Only show error after a field is touched.
     const userNameError = isFieldTouched('userName') && getFieldError('userName');
diff --git a/components/form/demo/layout.md b/components/form/demo/layout.md
index 1800789e57..e1e3721ec7 100644
--- a/components/form/demo/layout.md
+++ b/components/form/demo/layout.md
@@ -14,7 +14,9 @@ title:
 There are three layout for form: `horizontal`, `vertical`, `inline`.
 
 ````jsx
-import { Form, Input, Button, Radio } from 'antd';
+import {
+  Form, Input, Button, Radio,
+} from 'antd';
 
 const FormItem = Form.Item;
 
diff --git a/components/form/demo/normal-login.md b/components/form/demo/normal-login.md
index 645d3a09c5..9b275aab8c 100644
--- a/components/form/demo/normal-login.md
+++ b/components/form/demo/normal-login.md
@@ -14,7 +14,9 @@ title:
 Normal login form which can contain more elements.
 
 ````jsx
-import { Form, Icon, Input, Button, Checkbox } from 'antd';
+import {
+  Form, Icon, Input, Button, Checkbox,
+} from 'antd';
 
 const FormItem = Form.Item;
 
diff --git a/components/form/demo/register.md b/components/form/demo/register.md
index 16712980c1..55b857e66c 100644
--- a/components/form/demo/register.md
+++ b/components/form/demo/register.md
@@ -14,7 +14,9 @@ title:
 Fill in this form to create a new account for you.
 
 ````jsx
-import { Form, Input, Tooltip, Icon, Cascader, Select, Row, Col, Checkbox, Button, AutoComplete } from 'antd';
+import {
+  Form, Input, Tooltip, Icon, Cascader, Select, Row, Col, Checkbox, Button, AutoComplete,
+} from 'antd';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
diff --git a/components/form/demo/time-related-controls.md b/components/form/demo/time-related-controls.md
index ef5c05114c..23c2b2744f 100644
--- a/components/form/demo/time-related-controls.md
+++ b/components/form/demo/time-related-controls.md
@@ -14,7 +14,9 @@ title:
 The `value` of time-related components is a `moment` object, which we need to pre-process it before we submit to server.
 
 ````jsx
-import { Form, DatePicker, TimePicker, Button } from 'antd';
+import {
+  Form, DatePicker, TimePicker, Button,
+} from 'antd';
 
 const FormItem = Form.Item;
 const { MonthPicker, RangePicker } = DatePicker;
diff --git a/components/form/demo/validate-other.md b/components/form/demo/validate-other.md
index b08b2a6e44..7f53ac0b28 100644
--- a/components/form/demo/validate-other.md
+++ b/components/form/demo/validate-other.md
@@ -114,7 +114,10 @@ class Demo extends React.Component {
           label="Slider"
         >
           {getFieldDecorator('slider')(
-            <Slider marks={{ 0: 'A', 20: 'B', 40: 'C', 60: 'D', 80: 'E', 100: 'F' }} />
+            <Slider marks={{
+              0: 'A', 20: 'B', 40: 'C', 60: 'D', 80: 'E', 100: 'F',
+            }}
+            />
           )}
         </FormItem>
 
diff --git a/components/form/demo/validate-static.md b/components/form/demo/validate-static.md
index 4b9b119b67..4deafbb76f 100644
--- a/components/form/demo/validate-static.md
+++ b/components/form/demo/validate-static.md
@@ -22,7 +22,9 @@ We provide properties like `validateStatus` `help` `hasFeedback` to customize yo
 3. `help`: display validate message.
 
 ````jsx
-import { Form, Input, DatePicker, Col, TimePicker, Select, Cascader, InputNumber } from 'antd';
+import {
+  Form, Input, DatePicker, Col, TimePicker, Select, Cascader, InputNumber,
+} from 'antd';
 
 const FormItem = Form.Item;
 const Option = Select.Option;
@@ -166,5 +168,6 @@ ReactDOM.render(
       <InputNumber style={{ width: '100%' }} />
     </FormItem>
   </Form>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/grid/demo/gutter.md b/components/grid/demo/gutter.md
index 6601001437..e2ec1acc79 100644
--- a/components/grid/demo/gutter.md
+++ b/components/grid/demo/gutter.md
@@ -37,7 +37,8 @@ ReactDOM.render(
       </Col>
     </Row>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/grid/demo/responsive-more.md b/components/grid/demo/responsive-more.md
index 91c91a21ac..56e40e7782 100644
--- a/components/grid/demo/responsive-more.md
+++ b/components/grid/demo/responsive-more.md
@@ -25,5 +25,6 @@ ReactDOM.render(
     <Col xs={{ span: 11, offset: 1 }} lg={{ span: 6, offset: 2 }}>Col</Col>
     <Col xs={{ span: 5, offset: 1 }} lg={{ span: 6, offset: 2 }}>Col</Col>
   </Row>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/grid/demo/responsive.md b/components/grid/demo/responsive.md
index 89a3d3fd23..227e311829 100644
--- a/components/grid/demo/responsive.md
+++ b/components/grid/demo/responsive.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <Col xs={20} sm={16} md={12} lg={8} xl={4}>Col</Col>
     <Col xs={2} sm={4} md={6} lg={8} xl={10}>Col</Col>
   </Row>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/icon/demo/old-icons.md b/components/icon/demo/old-icons.md
index 47ea3da245..a5e043b1d4 100644
--- a/components/icon/demo/old-icons.md
+++ b/components/icon/demo/old-icons.md
@@ -312,5 +312,6 @@ ReactDOM.render(
   <div>
     {icons.map(icon => <Icon key={icon} type={icon} />)}
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input-number/demo/basic.md b/components/input-number/demo/basic.md
index b4c1184292..15b8b47302 100644
--- a/components/input-number/demo/basic.md
+++ b/components/input-number/demo/basic.md
@@ -22,5 +22,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input-number/demo/digit.md b/components/input-number/demo/digit.md
index e343315a0a..85599800fb 100644
--- a/components/input-number/demo/digit.md
+++ b/components/input-number/demo/digit.md
@@ -22,5 +22,6 @@ function onChange(value) {
 
 ReactDOM.render(
   <InputNumber min={0} max={10} step={0.1} onChange={onChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input-number/demo/formatter.md b/components/input-number/demo/formatter.md
index a81eaaedca..51a220606c 100644
--- a/components/input-number/demo/formatter.md
+++ b/components/input-number/demo/formatter.md
@@ -37,5 +37,6 @@ ReactDOM.render(
       onChange={onChange}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input-number/demo/size.md b/components/input-number/demo/size.md
index 00d6f19245..43c10ef2cd 100644
--- a/components/input-number/demo/size.md
+++ b/components/input-number/demo/size.md
@@ -26,7 +26,8 @@ ReactDOM.render(
     <InputNumber min={1} max={100000} defaultValue={3} onChange={onChange} />
     <InputNumber size="small" min={1} max={100000} defaultValue={3} onChange={onChange} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/input/demo/addon.md b/components/input/demo/addon.md
index 797a625f63..bb71913faa 100644
--- a/components/input/demo/addon.md
+++ b/components/input/demo/addon.md
@@ -45,5 +45,6 @@ ReactDOM.render(
       <Input addonAfter={<Icon type="setting" />} defaultValue="mysite" />
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input/demo/autosize-textarea.md b/components/input/demo/autosize-textarea.md
index 009ddf83ef..32ec078744 100644
--- a/components/input/demo/autosize-textarea.md
+++ b/components/input/demo/autosize-textarea.md
@@ -25,5 +25,6 @@ ReactDOM.render(
     <div style={{ margin: '24px 0' }} />
     <TextArea placeholder="Autosize height with minimum and maximum number of lines" autosize={{ minRows: 2, maxRows: 6 }} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input/demo/group.md b/components/input/demo/group.md
index c4fced647a..cdda25c7aa 100644
--- a/components/input/demo/group.md
+++ b/components/input/demo/group.md
@@ -18,7 +18,9 @@ Input.Group example
 Note: You don't need `Col` to control the width in the `compact` mode.
 
 ````jsx
-import { Input, Col, Select, InputNumber, DatePicker, AutoComplete, Cascader } from 'antd';
+import {
+  Input, Col, Select, InputNumber, DatePicker, AutoComplete, Cascader,
+} from 'antd';
 
 const InputGroup = Input.Group;
 const Option = Select.Option;
@@ -118,7 +120,13 @@ class CompactDemo extends React.Component {
             <Option value="2">Except</Option>
           </Select>
           <Input style={{ width: 100, textAlign: 'center' }} placeholder="Minimum" />
-          <Input style={{ width: 30, borderLeft: 0, pointerEvents: 'none', backgroundColor: '#fff' }} placeholder="~" disabled />
+          <Input
+            style={{
+              width: 30, borderLeft: 0, pointerEvents: 'none', backgroundColor: '#fff',
+            }}
+            placeholder="~"
+            disabled
+          />
           <Input style={{ width: 100, textAlign: 'center', borderLeft: 0 }} placeholder="Maximum" />
         </InputGroup>
         <br />
diff --git a/components/input/demo/search-input.md b/components/input/demo/search-input.md
index fcecdd3e0e..de3f7bef12 100644
--- a/components/input/demo/search-input.md
+++ b/components/input/demo/search-input.md
@@ -39,5 +39,6 @@ ReactDOM.render(
       onSearch={value => console.log(value)}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/input/demo/size.md b/components/input/demo/size.md
index 77d6ef2ed0..9d0e0a1e42 100644
--- a/components/input/demo/size.md
+++ b/components/input/demo/size.md
@@ -22,7 +22,8 @@ ReactDOM.render(
     <Input placeholder="default size" />
     <Input size="small" placeholder="small size" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/input/demo/tooltip.md b/components/input/demo/tooltip.md
index 18ca55183b..db88878ad6 100644
--- a/components/input/demo/tooltip.md
+++ b/components/input/demo/tooltip.md
@@ -36,7 +36,7 @@ class NumericInput extends React.Component {
   onChange = (e) => {
     const { value } = e.target;
     const reg = /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/;
-    if ((!isNaN(value) && reg.test(value)) || value === '' || value === '-') {
+    if ((!Number.isNaN(value) && reg.test(value)) || value === '' || value === '-') {
       this.props.onChange(value);
     }
   }
diff --git a/components/layout/__tests__/index.test.js b/components/layout/__tests__/index.test.js
index cdd8f47b7e..3c27a090b6 100644
--- a/components/layout/__tests__/index.test.js
+++ b/components/layout/__tests__/index.test.js
@@ -90,13 +90,11 @@ describe('Layout', () => {
 describe('Sider onBreakpoint', () => {
   beforeAll(() => {
     Object.defineProperty(window, 'matchMedia', {
-      value: jest.fn(() => {
-        return {
-          matches: true,
-          addListener: () => {},
-          removeListener: () => {},
-        };
-      }),
+      value: jest.fn(() => ({
+        matches: true,
+        addListener: () => {},
+        removeListener: () => {},
+      })),
     });
   });
 
diff --git a/components/layout/demo/basic.md b/components/layout/demo/basic.md
index 43de30f2f4..263ffe0915 100644
--- a/components/layout/demo/basic.md
+++ b/components/layout/demo/basic.md
@@ -16,7 +16,9 @@ Classic page layouts.
 ````jsx
 import { Layout } from 'antd';
 
-const { Header, Footer, Sider, Content } = Layout;
+const {
+  Header, Footer, Sider, Content,
+} = Layout;
 
 ReactDOM.render(
   <div>
@@ -53,7 +55,8 @@ ReactDOM.render(
       </Layout>
     </Layout>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/layout/demo/custom-trigger.md b/components/layout/demo/custom-trigger.md
index 8eb1e482f2..1ccc3fafda 100644
--- a/components/layout/demo/custom-trigger.md
+++ b/components/layout/demo/custom-trigger.md
@@ -61,7 +61,10 @@ class SiderDemo extends React.Component {
               onClick={this.toggle}
             />
           </Header>
-          <Content style={{ margin: '24px 16px', padding: 24, background: '#fff', minHeight: 280 }}>
+          <Content style={{
+            margin: '24px 16px', padding: 24, background: '#fff', minHeight: 280,
+          }}
+          >
             Content
           </Content>
         </Layout>
diff --git a/components/layout/demo/fixed-sider.md b/components/layout/demo/fixed-sider.md
index 8a7520a090..da9780b96a 100644
--- a/components/layout/demo/fixed-sider.md
+++ b/components/layout/demo/fixed-sider.md
@@ -17,11 +17,16 @@ When dealing with long content, a fixed sider can provide a better user experien
 ````jsx
 import { Layout, Menu, Icon } from 'antd';
 
-const { Header, Content, Footer, Sider } = Layout;
+const {
+  Header, Content, Footer, Sider,
+} = Layout;
 
 ReactDOM.render(
   <Layout>
-    <Sider style={{ overflow: 'auto', height: '100vh', position: 'fixed', left: 0 }}>
+    <Sider style={{
+      overflow: 'auto', height: '100vh', position: 'fixed', left: 0,
+    }}
+    >
       <div className="logo" />
       <Menu theme="dark" mode="inline" defaultSelectedKeys={['4']}>
         <Menu.Item key="1">
@@ -82,7 +87,8 @@ ReactDOM.render(
       </Footer>
     </Layout>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/layout/demo/fixed.md b/components/layout/demo/fixed.md
index cb25026869..3cf193f80e 100644
--- a/components/layout/demo/fixed.md
+++ b/components/layout/demo/fixed.md
@@ -46,7 +46,8 @@ ReactDOM.render(
       Ant Design ©2018 Created by Ant UED
     </Footer>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/layout/demo/responsive.md b/components/layout/demo/responsive.md
index 3e25e0470c..e5ddf532bb 100644
--- a/components/layout/demo/responsive.md
+++ b/components/layout/demo/responsive.md
@@ -20,7 +20,9 @@ Layout.Sider supports responsive layout.
 ````jsx
 import { Layout, Menu, Icon } from 'antd';
 
-const { Header, Content, Footer, Sider } = Layout;
+const {
+  Header, Content, Footer, Sider,
+} = Layout;
 
 ReactDOM.render(
   <Layout>
@@ -62,7 +64,8 @@ ReactDOM.render(
       </Footer>
     </Layout>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/layout/demo/side.md b/components/layout/demo/side.md
index bfd165b156..f2d9f91946 100644
--- a/components/layout/demo/side.md
+++ b/components/layout/demo/side.md
@@ -21,9 +21,13 @@ Generally, the mainnav is placed on the left side of the page, and the secondary
 The level of the aside navigation is scalable. The first, second, and third level navigations could be present more fluently and relevantly, and aside navigation can be fixed, allowing the user to quickly switch and spot the current position, improving the user experience. However, this navigation occupies some horizontal space of the contents
 
 ````jsx
-import { Layout, Menu, Breadcrumb, Icon } from 'antd';
+import {
+  Layout, Menu, Breadcrumb, Icon,
+} from 'antd';
 
-const { Header, Content, Footer, Sider } = Layout;
+const {
+  Header, Content, Footer, Sider,
+} = Layout;
 const SubMenu = Menu.SubMenu;
 
 class SiderDemo extends React.Component {
diff --git a/components/layout/demo/top-side-2.md b/components/layout/demo/top-side-2.md
index 4e2b3192cc..69d11939ed 100644
--- a/components/layout/demo/top-side-2.md
+++ b/components/layout/demo/top-side-2.md
@@ -14,7 +14,9 @@ title:
 Both the top navigation and the sidebar, commonly used in application site.
 
 ````jsx
-import { Layout, Menu, Breadcrumb, Icon } from 'antd';
+import {
+  Layout, Menu, Breadcrumb, Icon,
+} from 'antd';
 
 const { SubMenu } = Menu;
 const { Header, Content, Sider } = Layout;
@@ -68,13 +70,17 @@ ReactDOM.render(
           <Breadcrumb.Item>List</Breadcrumb.Item>
           <Breadcrumb.Item>App</Breadcrumb.Item>
         </Breadcrumb>
-        <Content style={{ background: '#fff', padding: 24, margin: 0, minHeight: 280 }}>
+        <Content style={{
+          background: '#fff', padding: 24, margin: 0, minHeight: 280,
+        }}
+        >
           Content
         </Content>
       </Layout>
     </Layout>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/layout/demo/top-side.md b/components/layout/demo/top-side.md
index 7e5a652205..51ec1dadf4 100644
--- a/components/layout/demo/top-side.md
+++ b/components/layout/demo/top-side.md
@@ -14,10 +14,14 @@ title:
 Both the top navigation and the sidebar, commonly used in documentation site.
 
 ````jsx
-import { Layout, Menu, Breadcrumb, Icon } from 'antd';
+import {
+  Layout, Menu, Breadcrumb, Icon,
+} from 'antd';
 
 const { SubMenu } = Menu;
-const { Header, Content, Footer, Sider } = Layout;
+const {
+  Header, Content, Footer, Sider,
+} = Layout;
 
 ReactDOM.render(
   <Layout>
@@ -77,7 +81,8 @@ ReactDOM.render(
       Ant Design ©2018 Created by Ant UED
     </Footer>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/layout/demo/top.md b/components/layout/demo/top.md
index 728a35ebc4..57b533ab84 100644
--- a/components/layout/demo/top.md
+++ b/components/layout/demo/top.md
@@ -52,7 +52,8 @@ ReactDOM.render(
       Ant Design ©2018 Created by Ant UED
     </Footer>
   </Layout>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/list/demo/basic.md b/components/list/demo/basic.md
index 288abdedba..e2d3db8a0c 100644
--- a/components/list/demo/basic.md
+++ b/components/list/demo/basic.md
@@ -45,5 +45,6 @@ ReactDOM.render(
       </List.Item>
     )}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/list/demo/grid.md b/components/list/demo/grid.md
index 94691cd05c..3e687de802 100644
--- a/components/list/demo/grid.md
+++ b/components/list/demo/grid.md
@@ -41,5 +41,6 @@ ReactDOM.render(
       </List.Item>
     )}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/list/demo/infinite-load.md b/components/list/demo/infinite-load.md
index bcb69b18d2..f65bbb536c 100644
--- a/components/list/demo/infinite-load.md
+++ b/components/list/demo/infinite-load.md
@@ -14,7 +14,9 @@ title:
 The example of infinite load with [react-infinite-scroller](https://github.com/CassetteRocks/react-infinite-scroller).
 
 ````jsx
-import { List, message, Avatar, Spin } from 'antd';
+import {
+  List, message, Avatar, Spin,
+} from 'antd';
 import reqwest from 'reqwest';
 
 import InfiniteScroll from 'react-infinite-scroller';
@@ -28,7 +30,15 @@ class InfiniteListExample extends React.Component {
     hasMore: true,
   }
 
-  getData = (callback) => {
+  componentDidMount() {
+    this.fetchData((res) => {
+      this.setState({
+        data: res.results,
+      });
+    });
+  }
+
+  fetchData = (callback) => {
     reqwest({
       url: fakeDataUrl,
       type: 'json',
@@ -40,14 +50,6 @@ class InfiniteListExample extends React.Component {
     });
   }
 
-  componentDidMount() {
-    this.getData((res) => {
-      this.setState({
-        data: res.results,
-      });
-    });
-  }
-
   handleInfiniteOnLoad = () => {
     let data = this.state.data;
     this.setState({
@@ -61,7 +63,7 @@ class InfiniteListExample extends React.Component {
       });
       return;
     }
-    this.getData((res) => {
+    this.fetchData((res) => {
       data = data.concat(res.results);
       this.setState({
         data,
diff --git a/components/list/demo/infinite-virtualized-load.md b/components/list/demo/infinite-virtualized-load.md
index c976d0c03e..8d72c83844 100644
--- a/components/list/demo/infinite-virtualized-load.md
+++ b/components/list/demo/infinite-virtualized-load.md
@@ -18,7 +18,9 @@ An example of infinite list & virtualized loading using [react-virtualized](http
 `Virtualized` rendering is a technique to mount big sets of data. It reduces the amount of rendered DOM nodes by tracking and hiding whatever isn't currently visible.
 
 ````jsx
-import { List, message, Avatar, Spin } from 'antd';
+import {
+  List, message, Avatar, Spin,
+} from 'antd';
 
 import reqwest from 'reqwest';
 
@@ -37,7 +39,15 @@ class VirtualizedExample extends React.Component {
 
   loadedRowsMap = {}
 
-  getData = (callback) => {
+  componentDidMount() {
+    this.fetchData((res) => {
+      this.setState({
+        data: res.results,
+      });
+    });
+  }
+
+  fetchData = (callback) => {
     reqwest({
       url: fakeDataUrl,
       type: 'json',
@@ -49,14 +59,6 @@ class VirtualizedExample extends React.Component {
     });
   }
 
-  componentDidMount() {
-    this.getData((res) => {
-      this.setState({
-        data: res.results,
-      });
-    });
-  }
-
   handleInfiniteOnLoad = ({ startIndex, stopIndex }) => {
     let data = this.state.data;
     this.setState({
@@ -73,7 +75,7 @@ class VirtualizedExample extends React.Component {
       });
       return;
     }
-    this.getData((res) => {
+    this.fetchData((res) => {
       data = data.concat(res.results);
       this.setState({
         data,
@@ -82,9 +84,7 @@ class VirtualizedExample extends React.Component {
     });
   }
 
-  isRowLoaded = ({ index }) => {
-    return !!this.loadedRowsMap[index];
-  }
+  isRowLoaded = ({ index }) => !!this.loadedRowsMap[index]
 
   renderItem = ({ index, key, style }) => {
     const { data } = this.state;
@@ -103,7 +103,9 @@ class VirtualizedExample extends React.Component {
 
   render() {
     const { data } = this.state;
-    const vlist = ({ height, isScrolling, onChildScroll, scrollTop, onRowsRendered, width }) => (
+    const vlist = ({
+      height, isScrolling, onChildScroll, scrollTop, onRowsRendered, width,
+    }) => (
       <VList
         autoHeight
         height={height}
@@ -118,18 +120,26 @@ class VirtualizedExample extends React.Component {
         width={width}
       />
     );
-    const autoSize = ({ height, isScrolling, onChildScroll, scrollTop, onRowsRendered }) => (
+    const autoSize = ({
+      height, isScrolling, onChildScroll, scrollTop, onRowsRendered,
+    }) => (
       <AutoSizer disableHeight>
-        {({ width }) => vlist({ height, isScrolling, onChildScroll, scrollTop, onRowsRendered, width })}
+        {({ width }) => vlist({
+          height, isScrolling, onChildScroll, scrollTop, onRowsRendered, width,
+        })}
       </AutoSizer>
     );
-    const infiniteLoader = ({ height, isScrolling, onChildScroll, scrollTop }) => (
+    const infiniteLoader = ({
+      height, isScrolling, onChildScroll, scrollTop,
+    }) => (
       <InfiniteLoader
         isRowLoaded={this.isRowLoaded}
         loadMoreRows={this.handleInfiniteOnLoad}
         rowCount={data.length}
       >
-        {({ onRowsRendered }) => autoSize({ height, isScrolling, onChildScroll, scrollTop, onRowsRendered })}
+        {({ onRowsRendered }) => autoSize({
+          height, isScrolling, onChildScroll, scrollTop, onRowsRendered,
+        })}
       </InfiniteLoader>
     );
     return (
diff --git a/components/list/demo/loadmore.md b/components/list/demo/loadmore.md
index c5a1884af2..1cddef7c30 100644
--- a/components/list/demo/loadmore.md
+++ b/components/list/demo/loadmore.md
@@ -14,7 +14,9 @@ title:
 Load more list with `loadMore` property.
 
 ````jsx
-import { List, Avatar, Button, Skeleton } from 'antd';
+import {
+  List, Avatar, Button, Skeleton,
+} from 'antd';
 
 import reqwest from 'reqwest';
 
@@ -74,7 +76,10 @@ class LoadMoreList extends React.Component {
   render() {
     const { initLoading, loading, list } = this.state;
     const loadMore = !initLoading && !loading ? (
-      <div style={{ textAlign: 'center', marginTop: 12, height: 32, lineHeight: '32px' }}>
+      <div style={{
+        textAlign: 'center', marginTop: 12, height: 32, lineHeight: '32px',
+      }}
+      >
         <Button onClick={this.onLoadMore}>loading more</Button>
       </div>
     ) : null;
diff --git a/components/list/demo/resposive.md b/components/list/demo/resposive.md
index f537198dde..6780afb075 100644
--- a/components/list/demo/resposive.md
+++ b/components/list/demo/resposive.md
@@ -39,7 +39,9 @@ const data = [
 
 ReactDOM.render(
   <List
-    grid={{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }}
+    grid={{
+      gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3,
+    }}
     dataSource={data}
     renderItem={item => (
       <List.Item>
@@ -47,5 +49,6 @@ ReactDOM.render(
       </List.Item>
     )}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/list/demo/simple.md b/components/list/demo/simple.md
index a6e6948ef8..376efa5e45 100644
--- a/components/list/demo/simple.md
+++ b/components/list/demo/simple.md
@@ -61,5 +61,6 @@ ReactDOM.render(
       renderItem={item => (<List.Item>{item}</List.Item>)}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/list/demo/vertical.md b/components/list/demo/vertical.md
index ed3613abc0..6449e4ff7a 100644
--- a/components/list/demo/vertical.md
+++ b/components/list/demo/vertical.md
@@ -61,5 +61,6 @@ ReactDOM.render(
       </List.Item>
     )}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/locale-provider/__tests__/index.test.js b/components/locale-provider/__tests__/index.test.js
index 88653392df..f0b1f5b4d3 100644
--- a/components/locale-provider/__tests__/index.test.js
+++ b/components/locale-provider/__tests__/index.test.js
@@ -3,8 +3,10 @@ import React from 'react';
 import { mount } from 'enzyme';
 import moment from 'moment';
 import MockDate from 'mockdate';
-import { LocaleProvider, Pagination, DatePicker, TimePicker, Calendar,
-  Popconfirm, Table, Modal, Select, Transfer } from '../..';
+import {
+  LocaleProvider, Pagination, DatePicker, TimePicker, Calendar,
+  Popconfirm, Table, Modal, Select, Transfer,
+} from '../..';
 import enGB from '../en_GB';
 import frFR from '../fr_FR';
 import nlBE from '../nl_BE';
@@ -43,7 +45,13 @@ import zhCN from '../zh_CN';
 import kuIQ from '../ku_IQ';
 import mnMN from '../mn_MN';
 
-const locales = [enUS, ptBR, ptPT, ruRU, esES, svSE, frBE, deDE, nlNL, caES, csCZ, koKR, etEE, skSK, jaJP, trTR, zhTW, fiFI, plPL, bgBG, enGB, frFR, nlBE, itIT, viVN, thTH, faIR, elGR, nbNO, srRS, slSI, isIS, arEG, ukUA, zhCN, kuIQ, mnMN];
+const locales = [
+  enUS, ptBR, ptPT, ruRU, esES, svSE, frBE, deDE,
+  nlNL, caES, csCZ, koKR, etEE, skSK, jaJP, trTR,
+  zhTW, fiFI, plPL, bgBG, enGB, frFR, nlBE, itIT,
+  viVN, thTH, faIR, elGR, nbNO, srRS, slSI, isIS,
+  arEG, ukUA, zhCN, kuIQ, mnMN,
+];
 
 const { Option } = Select;
 const { RangePicker } = DatePicker;
diff --git a/components/locale-provider/demo/all.md b/components/locale-provider/demo/all.md
index 7fe87aef5c..d6de6d5470 100644
--- a/components/locale-provider/demo/all.md
+++ b/components/locale-provider/demo/all.md
@@ -14,8 +14,10 @@ title:
 Components which need localization support are listed here, you can toggle the language in the demo.
 
 ````jsx
-import { LocaleProvider, Pagination, DatePicker, TimePicker, Calendar,
-  Popconfirm, Table, Modal, Button, Select, Transfer, Radio } from 'antd';
+import {
+  LocaleProvider, Pagination, DatePicker, TimePicker, Calendar,
+  Popconfirm, Table, Modal, Button, Select, Transfer, Radio,
+} from 'antd';
 import zhCN from 'antd/lib/locale-provider/zh_CN';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
diff --git a/components/locale-provider/demo/basic.md b/components/locale-provider/demo/basic.md
index 02506f031c..745fe17dd2 100644
--- a/components/locale-provider/demo/basic.md
+++ b/components/locale-provider/demo/basic.md
@@ -27,5 +27,6 @@ ReactDOM.render(
   <LocaleProvider locale={zhCN}>
     <App />
   </LocaleProvider>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/mention/demo/avatar.md b/components/mention/demo/avatar.md
index 01f64d4822..1d1f35d1dc 100644
--- a/components/mention/demo/avatar.md
+++ b/components/mention/demo/avatar.md
@@ -34,8 +34,7 @@ class CustomNavMention extends React.Component {
 
   onSearchChange = (value) => {
     const searchValue = value.toLowerCase();
-    const filtered = webFrameworks.filter(item => item.name.toLowerCase().indexOf(searchValue) !== -1
-    );
+    const filtered = webFrameworks.filter(item => item.name.toLowerCase().indexOf(searchValue) !== -1);
     const suggestions = filtered.map(suggestion => (
       <Nav
         value={suggestion.name}
@@ -45,7 +44,9 @@ class CustomNavMention extends React.Component {
         <Avatar
           src={suggestion.icon}
           size="small"
-          style={{ width: 14, height: 14, marginRight: 8, top: -1, position: 'relative' }}
+          style={{
+            width: 14, height: 14, marginRight: 8, top: -1, position: 'relative',
+          }}
         />
         {suggestion.name} - {suggestion.type}
       </Nav>
diff --git a/components/mention/demo/basic.md b/components/mention/demo/basic.md
index 352e239dba..69b4da7470 100644
--- a/components/mention/demo/basic.md
+++ b/components/mention/demo/basic.md
@@ -34,5 +34,6 @@ ReactDOM.render(
     suggestions={['afc163', 'benjycui', 'yiminghe', 'RaoHai', '中文', 'にほんご']}
     onSelect={onSelect}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/mention/demo/custom-tag.md b/components/mention/demo/custom-tag.md
index 5d562a594e..77d430a609 100644
--- a/components/mention/demo/custom-tag.md
+++ b/components/mention/demo/custom-tag.md
@@ -39,8 +39,7 @@ class CustomNavMention extends React.Component {
 
   onSearchChange = (value) => {
     const searchValue = value.toLowerCase();
-    const filtered = webFrameworks.filter(item => item.name.toLowerCase().indexOf(searchValue) !== -1
-    );
+    const filtered = webFrameworks.filter(item => item.name.toLowerCase().indexOf(searchValue) !== -1);
     const suggestions = filtered.map(suggestion => (
       <Nav
         value={suggestion.name}
diff --git a/components/mention/demo/multilines.md b/components/mention/demo/multilines.md
index 83ab5d6086..d77855deb8 100644
--- a/components/mention/demo/multilines.md
+++ b/components/mention/demo/multilines.md
@@ -29,5 +29,6 @@ ReactDOM.render(
     suggestions={['afc163', 'benjycui', 'yiminghe', 'jljsj33', 'dqaria', 'RaoHai']}
     multiLines
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/mention/demo/multiple-trigger.md b/components/mention/demo/multiple-trigger.md
index 23df66c7dc..34766c962e 100644
--- a/components/mention/demo/multiple-trigger.md
+++ b/components/mention/demo/multiple-trigger.md
@@ -62,5 +62,6 @@ class App extends React.Component {
 
 ReactDOM.render(
   <App />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/mention/demo/placement.md b/components/mention/demo/placement.md
index 66d646e4b1..f6a707a765 100644
--- a/components/mention/demo/placement.md
+++ b/components/mention/demo/placement.md
@@ -34,5 +34,6 @@ ReactDOM.render(
     onSelect={onSelect}
     placement="top"
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/mention/demo/popupContainer.md b/components/mention/demo/popupContainer.md
index b8facae84b..1bbbd98a7f 100644
--- a/components/mention/demo/popupContainer.md
+++ b/components/mention/demo/popupContainer.md
@@ -27,9 +27,7 @@ function onSelect(suggestion) {
 }
 
 class PopoverContainer extends React.Component {
-  getSuggestionContainer = () => {
-    return this.popover.getPopupDomNode();
-  }
+  getSuggestionContainer = () => this.popover.getPopupDomNode()
 
   visibleChange = (visible) => {
     if (visible && this.mention) {
diff --git a/components/mention/demo/readonly.md b/components/mention/demo/readonly.md
index 87c3a5f3c4..10052b8e59 100644
--- a/components/mention/demo/readonly.md
+++ b/components/mention/demo/readonly.md
@@ -50,5 +50,6 @@ function App() {
 
 ReactDOM.render(
   <App />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/menu/demo/vertical.md b/components/menu/demo/vertical.md
index eb96113847..96cd1e393f 100755
--- a/components/menu/demo/vertical.md
+++ b/components/menu/demo/vertical.md
@@ -50,5 +50,6 @@ ReactDOM.render(
       <Menu.Item key="12">Option 12</Menu.Item>
     </SubMenu>
   </Menu>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/message/demo/duration.md b/components/message/demo/duration.md
index 0835634184..d87b1ff940 100644
--- a/components/message/demo/duration.md
+++ b/components/message/demo/duration.md
@@ -22,5 +22,6 @@ const success = () => {
 
 ReactDOM.render(
   <Button onClick={success}>Customized display duration</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/message/demo/info.md b/components/message/demo/info.md
index 174b806138..f4c6134bea 100644
--- a/components/message/demo/info.md
+++ b/components/message/demo/info.md
@@ -22,5 +22,6 @@ const info = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={info}>Display normal message</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/message/demo/loading.md b/components/message/demo/loading.md
index 57566ff3a3..07596d24cd 100644
--- a/components/message/demo/loading.md
+++ b/components/message/demo/loading.md
@@ -24,5 +24,6 @@ const success = () => {
 
 ReactDOM.render(
   <Button onClick={success}>Display a loading indicator</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/message/demo/other.md b/components/message/demo/other.md
index 1a40642ec6..944390af42 100644
--- a/components/message/demo/other.md
+++ b/components/message/demo/other.md
@@ -34,7 +34,8 @@ ReactDOM.render(
     <Button onClick={error}>Error</Button>
     <Button onClick={warning}>Warning</Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/message/demo/thenable.md b/components/message/demo/thenable.md
index 7583b261ae..62556efd37 100644
--- a/components/message/demo/thenable.md
+++ b/components/message/demo/thenable.md
@@ -23,6 +23,7 @@ const success = () => {
 
 ReactDOM.render(
   <Button onClick={success}>Display a sequence of message</Button>,
-  mountNode);
+  mountNode
+);
 ````
 
diff --git a/components/modal/__tests__/Modal.test.js b/components/modal/__tests__/Modal.test.js
index c4410d9e5a..391701a5d2 100644
--- a/components/modal/__tests__/Modal.test.js
+++ b/components/modal/__tests__/Modal.test.js
@@ -18,9 +18,7 @@ class ModalTester extends React.Component {
     this.container = container;
   }
 
-  getContainer = () => {
-    return this.container;
-  }
+  getContainer = () => this.container
 
   render() {
     const { visible } = this.state;
diff --git a/components/modal/demo/async.md b/components/modal/demo/async.md
index f69613f881..768dfbedc5 100644
--- a/components/modal/demo/async.md
+++ b/components/modal/demo/async.md
@@ -57,7 +57,8 @@ class App extends React.Component {
         <Button type="primary" onClick={this.showModal}>
           Open Modal with async logic
         </Button>
-        <Modal title="Title"
+        <Modal
+          title="Title"
           visible={visible}
           onOk={this.handleOk}
           confirmLoading={confirmLoading}
diff --git a/components/modal/demo/confirm-promise.md b/components/modal/demo/confirm-promise.md
index 7b59e39ee8..4e6512168d 100644
--- a/components/modal/demo/confirm-promise.md
+++ b/components/modal/demo/confirm-promise.md
@@ -36,5 +36,6 @@ ReactDOM.render(
   <Button onClick={showConfirm}>
     Confirm
   </Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/modal/demo/confirm.md b/components/modal/demo/confirm.md
index a0069a7b33..8ea6f10de0 100644
--- a/components/modal/demo/confirm.md
+++ b/components/modal/demo/confirm.md
@@ -78,5 +78,6 @@ ReactDOM.render(
       With extra props
     </Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/__tests__/placement.test.js b/components/notification/__tests__/placement.test.js
index f120af007a..856b347139 100644
--- a/components/notification/__tests__/placement.test.js
+++ b/components/notification/__tests__/placement.test.js
@@ -7,10 +7,8 @@ describe('Notification.placement', () => {
     return document.body.querySelectorAll(className);
   }
 
-  function getStyle(el, prop, getComputedStyle, style) {
-    getComputedStyle = getComputedStyle || window.getComputedStyle;
-    style = getComputedStyle ? getComputedStyle(el) : el.currentStyle;
-
+  function getStyle(el, prop) {
+    const style = window.getComputedStyle ? window.getComputedStyle(el) : el.currentStyle;
     // If a css property's value is `auto`, it will return an empty string.
     return prop ? style[prop] : style;
   }
diff --git a/components/notification/demo/basic.md b/components/notification/demo/basic.md
index 6d496818ff..d46d1e912c 100644
--- a/components/notification/demo/basic.md
+++ b/components/notification/demo/basic.md
@@ -25,5 +25,6 @@ const openNotification = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={openNotification}>Open the notification box</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/custom-icon.md b/components/notification/demo/custom-icon.md
index f33a7443a0..997e48cdf9 100644
--- a/components/notification/demo/custom-icon.md
+++ b/components/notification/demo/custom-icon.md
@@ -26,5 +26,6 @@ const openNotification = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={openNotification}>Open the notification box</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/custom-style.md b/components/notification/demo/custom-style.md
index 56e9982ab2..65878541b4 100644
--- a/components/notification/demo/custom-style.md
+++ b/components/notification/demo/custom-style.md
@@ -29,5 +29,6 @@ const openNotification = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={openNotification}>Open the notification box</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/duration.md b/components/notification/demo/duration.md
index a4bab4b4b9..63bbfe2cec 100644
--- a/components/notification/demo/duration.md
+++ b/components/notification/demo/duration.md
@@ -29,5 +29,6 @@ const openNotification = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={openNotification}>Open the notification box</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/placement.md b/components/notification/demo/placement.md
index 4c4dcb8c54..be629d0ccc 100755
--- a/components/notification/demo/placement.md
+++ b/components/notification/demo/placement.md
@@ -45,5 +45,6 @@ ReactDOM.render(
       Open the notification box
     </Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/update.md b/components/notification/demo/update.md
index 4a731e09be..7269bf3b6c 100644
--- a/components/notification/demo/update.md
+++ b/components/notification/demo/update.md
@@ -35,5 +35,6 @@ const openNotification = () => {
 
 ReactDOM.render(
   <Button type="primary" onClick={openNotification}>Open the notification box</Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/with-btn.md b/components/notification/demo/with-btn.md
index ff7527820f..6a7ea31f3a 100644
--- a/components/notification/demo/with-btn.md
+++ b/components/notification/demo/with-btn.md
@@ -40,5 +40,6 @@ ReactDOM.render(
   <Button type="primary" onClick={openNotification}>
     Open the notification box
   </Button>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/notification/demo/with-icon.md b/components/notification/demo/with-icon.md
index c3fff5d398..d7fbc0bfda 100644
--- a/components/notification/demo/with-icon.md
+++ b/components/notification/demo/with-icon.md
@@ -30,7 +30,8 @@ ReactDOM.render(
     <Button onClick={() => openNotificationWithIcon('warning')}>Warning</Button>
     <Button onClick={() => openNotificationWithIcon('error')}>Error</Button>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/pagination/demo/changer.md b/components/pagination/demo/changer.md
index fc9abbebd8..1a6ce66b12 100644
--- a/components/pagination/demo/changer.md
+++ b/components/pagination/demo/changer.md
@@ -22,5 +22,6 @@ function onShowSizeChange(current, pageSize) {
 
 ReactDOM.render(
   <Pagination showSizeChanger onShowSizeChange={onShowSizeChange} defaultCurrent={3} total={500} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/pagination/demo/itemRender.md b/components/pagination/demo/itemRender.md
index cac0e5a734..37dab37382 100644
--- a/components/pagination/demo/itemRender.md
+++ b/components/pagination/demo/itemRender.md
@@ -27,5 +27,6 @@ function itemRender(current, type, originalElement) {
 
 ReactDOM.render(
   <Pagination total={500} itemRender={itemRender} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/pagination/demo/mini.md b/components/pagination/demo/mini.md
index c5b7f24eed..e612a2c5cb 100644
--- a/components/pagination/demo/mini.md
+++ b/components/pagination/demo/mini.md
@@ -26,7 +26,8 @@ ReactDOM.render(
     <Pagination size="small" total={50} showSizeChanger showQuickJumper />
     <Pagination size="small" total={50} showTotal={showTotal} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/pagination/demo/more.md b/components/pagination/demo/more.md
index 7061b9658c..6034112ce7 100644
--- a/components/pagination/demo/more.md
+++ b/components/pagination/demo/more.md
@@ -18,5 +18,6 @@ import { Pagination } from 'antd';
 
 ReactDOM.render(
   <Pagination defaultCurrent={6} total={500} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/pagination/demo/simple.md b/components/pagination/demo/simple.md
index af54df97a4..053010dc1c 100644
--- a/components/pagination/demo/simple.md
+++ b/components/pagination/demo/simple.md
@@ -18,5 +18,6 @@ import { Pagination } from 'antd';
 
 ReactDOM.render(
   <Pagination simple defaultCurrent={2} total={50} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/pagination/demo/total.md b/components/pagination/demo/total.md
index d2d7bc53ad..fae4f05d0e 100644
--- a/components/pagination/demo/total.md
+++ b/components/pagination/demo/total.md
@@ -32,5 +32,6 @@ ReactDOM.render(
       defaultCurrent={1}
     />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/popconfirm/demo/basic.md b/components/popconfirm/demo/basic.md
index f4231a759a..7a4b4896c0 100755
--- a/components/popconfirm/demo/basic.md
+++ b/components/popconfirm/demo/basic.md
@@ -30,5 +30,6 @@ ReactDOM.render(
   <Popconfirm title="Are you sure delete this task?" onConfirm={confirm} onCancel={cancel} okText="Yes" cancelText="No">
     <a href="#">Delete</a>
   </Popconfirm>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/popconfirm/demo/icon.md b/components/popconfirm/demo/icon.md
index cc54ebbc0f..74e553df1e 100644
--- a/components/popconfirm/demo/icon.md
+++ b/components/popconfirm/demo/icon.md
@@ -20,5 +20,6 @@ ReactDOM.render(
   <Popconfirm title="Are you sure？" icon={<Icon type="question-circle-o" style={{ color: 'red' }} />}>
     <a href="#">Delete</a>
   </Popconfirm>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/popconfirm/demo/locale.md b/components/popconfirm/demo/locale.md
index 7cfe57a3a7..6ec7bf2f72 100755
--- a/components/popconfirm/demo/locale.md
+++ b/components/popconfirm/demo/locale.md
@@ -20,5 +20,6 @@ ReactDOM.render(
   <Popconfirm title="Are you sure？" okText="Yes" cancelText="No">
     <a href="#">Delete</a>
   </Popconfirm>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/popconfirm/demo/placement.md b/components/popconfirm/demo/placement.md
index 8af84bc6b2..f8c6788828 100755
--- a/components/popconfirm/demo/placement.md
+++ b/components/popconfirm/demo/placement.md
@@ -69,7 +69,8 @@ ReactDOM.render(
       </Popconfirm>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/popover/demo/arrow-point-at-center.md b/components/popover/demo/arrow-point-at-center.md
index f7fa148c6f..e302526af2 100644
--- a/components/popover/demo/arrow-point-at-center.md
+++ b/components/popover/demo/arrow-point-at-center.md
@@ -33,5 +33,6 @@ ReactDOM.render(
       <Button>Arrow points to center / 箭头指向中心</Button>
     </Popover>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/popover/demo/basic.md b/components/popover/demo/basic.md
index de7221dda4..d3687b72cc 100755
--- a/components/popover/demo/basic.md
+++ b/components/popover/demo/basic.md
@@ -27,7 +27,8 @@ ReactDOM.render(
   <Popover content={content} title="Title">
     <Button type="primary">Hover me</Button>
   </Popover>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/popover/demo/placement.md b/components/popover/demo/placement.md
index da0440da47..bc72b7f46a 100755
--- a/components/popover/demo/placement.md
+++ b/components/popover/demo/placement.md
@@ -73,7 +73,8 @@ ReactDOM.render(
       </Popover>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/popover/demo/triggerType.md b/components/popover/demo/triggerType.md
index e339f11222..dce017d99d 100755
--- a/components/popover/demo/triggerType.md
+++ b/components/popover/demo/triggerType.md
@@ -35,5 +35,6 @@ ReactDOM.render(
       <Button>Click me</Button>
     </Popover>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index 465ebbf83e..1030e0d60e 100644
--- a/components/progress/demo/circle-mini.md
+++ b/components/progress/demo/circle-mini.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <Progress type="circle" percent={70} width={80} status="exception" />
     <Progress type="circle" percent={100} width={80} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/progress/demo/circle.md b/components/progress/demo/circle.md
index 0744d4c25f..fa97c64385 100644
--- a/components/progress/demo/circle.md
+++ b/components/progress/demo/circle.md
@@ -22,7 +22,8 @@ ReactDOM.render(
     <Progress type="circle" percent={70} status="exception" />
     <Progress type="circle" percent={100} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/progress/demo/format.md b/components/progress/demo/format.md
index 1c3df31ed8..9b7b945eb1 100644
--- a/components/progress/demo/format.md
+++ b/components/progress/demo/format.md
@@ -21,7 +21,8 @@ ReactDOM.render(
     <Progress type="circle" percent={75} format={percent => `${percent} Days`} />
     <Progress type="circle" percent={100} format={() => 'Done'} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/progress/demo/line-mini.md b/components/progress/demo/line-mini.md
index b969f6bbb1..ded86a59a4 100644
--- a/components/progress/demo/line-mini.md
+++ b/components/progress/demo/line-mini.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Progress percent={70} size="small" status="exception" />
     <Progress percent={100} size="small" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/progress/demo/line.md b/components/progress/demo/line.md
index d293bf01fa..f8fc04d775 100644
--- a/components/progress/demo/line.md
+++ b/components/progress/demo/line.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Progress percent={100} />
     <Progress percent={50} showInfo={false} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/progress/demo/linecap.md b/components/progress/demo/linecap.md
index 12ac963bd9..fbae197ed8 100644
--- a/components/progress/demo/linecap.md
+++ b/components/progress/demo/linecap.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <Progress strokeLinecap="square" type="circle" percent={75} />
     <Progress strokeLinecap="square" type="dashboard" percent={75} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/progress/demo/segment.md b/components/progress/demo/segment.md
index 1b8dd87f66..7bdd952eb8 100644
--- a/components/progress/demo/segment.md
+++ b/components/progress/demo/segment.md
@@ -20,5 +20,6 @@ ReactDOM.render(
   <Tooltip title="3 done / 3 in progress / 4 to do">
     <Progress percent={60} successPercent={30} />
   </Tooltip>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/radio/demo/radiobutton-solid.md b/components/radio/demo/radiobutton-solid.md
index bb8c019524..78c84a67ad 100644
--- a/components/radio/demo/radiobutton-solid.md
+++ b/components/radio/demo/radiobutton-solid.md
@@ -35,5 +35,6 @@ ReactDOM.render(
       </Radio.Group>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/radio/demo/radiobutton.md b/components/radio/demo/radiobutton.md
index 5a905fdd51..21a8bb51f0 100644
--- a/components/radio/demo/radiobutton.md
+++ b/components/radio/demo/radiobutton.md
@@ -50,5 +50,6 @@ ReactDOM.render(
       </RadioGroup>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/radio/demo/size.md b/components/radio/demo/size.md
index 563e2bef54..4c6ef590ea 100644
--- a/components/radio/demo/size.md
+++ b/components/radio/demo/size.md
@@ -46,5 +46,6 @@ ReactDOM.render(
       </RadioGroup>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/rate/demo/character.md b/components/rate/demo/character.md
index f97fbf9e65..ef82f3ccd1 100644
--- a/components/rate/demo/character.md
+++ b/components/rate/demo/character.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <br />
     <Rate character="好" allowHalf />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/rate/demo/clear.md b/components/rate/demo/clear.md
index 52645fdf2b..ef3ad4b994 100644
--- a/components/rate/demo/clear.md
+++ b/components/rate/demo/clear.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <br />
     <Rate allowClear={false} defaultValue={3} /> allowClear: false
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/automatic-tokenization.md b/components/select/demo/automatic-tokenization.md
index 48e35d09b2..d452df0ced 100644
--- a/components/select/demo/automatic-tokenization.md
+++ b/components/select/demo/automatic-tokenization.md
@@ -36,5 +36,6 @@ ReactDOM.render(
   >
     {children}
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/basic.md b/components/select/demo/basic.md
index e487ea7efc..67f4f9a0fb 100644
--- a/components/select/demo/basic.md
+++ b/components/select/demo/basic.md
@@ -34,5 +34,6 @@ ReactDOM.render(
       <Option value="lucy">Lucy</Option>
     </Select>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/label-in-value.md b/components/select/demo/label-in-value.md
index 6e7984ac6e..b0f465efec 100644
--- a/components/select/demo/label-in-value.md
+++ b/components/select/demo/label-in-value.md
@@ -31,5 +31,6 @@ ReactDOM.render(
     <Option value="jack">Jack (100)</Option>
     <Option value="lucy">Lucy (101)</Option>
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/multiple.md b/components/select/demo/multiple.md
index e9b29ba42e..567d422d8e 100644
--- a/components/select/demo/multiple.md
+++ b/components/select/demo/multiple.md
@@ -37,5 +37,6 @@ ReactDOM.render(
   >
     {children}
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/optgroup.md b/components/select/demo/optgroup.md
index 638e034096..77fd2161c3 100644
--- a/components/select/demo/optgroup.md
+++ b/components/select/demo/optgroup.md
@@ -36,5 +36,6 @@ ReactDOM.render(
       <Option value="Yiminghe">yiminghe</Option>
     </OptGroup>
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/search-box.md b/components/select/demo/search-box.md
index e09c8676d7..19a4984628 100644
--- a/components/select/demo/search-box.md
+++ b/components/select/demo/search-box.md
@@ -92,5 +92,6 @@ class SearchInput extends React.Component {
 
 ReactDOM.render(
   <SearchInput placeholder="input search text" style={{ width: 200 }} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/search.md b/components/select/demo/search.md
index f18280cb84..54ef83127e 100644
--- a/components/select/demo/search.md
+++ b/components/select/demo/search.md
@@ -45,5 +45,6 @@ ReactDOM.render(
     <Option value="lucy">Lucy</Option>
     <Option value="tom">Tom</Option>
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/suffix.md b/components/select/demo/suffix.md
index 63dbdf26f4..95f73e3e8c 100644
--- a/components/select/demo/suffix.md
+++ b/components/select/demo/suffix.md
@@ -37,5 +37,6 @@ ReactDOM.render(
       <Option value="lucy">Lucy</Option>
     </Select>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/select/demo/tags.md b/components/select/demo/tags.md
index 7cdae9f1e1..83a3f2fc15 100644
--- a/components/select/demo/tags.md
+++ b/components/select/demo/tags.md
@@ -36,5 +36,6 @@ ReactDOM.render(
   >
     {children}
   </Select>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/skeleton/demo/list.md b/components/skeleton/demo/list.md
index c90d4c0878..dd473e1282 100644
--- a/components/skeleton/demo/list.md
+++ b/components/skeleton/demo/list.md
@@ -14,7 +14,9 @@ title:
 Use skeleton in list component.
 
 ````jsx
-import { Skeleton, Switch, List, Avatar, Icon } from 'antd';
+import {
+  Skeleton, Switch, List, Avatar, Icon,
+} from 'antd';
 
 const listData = [];
 for (let i = 0; i < 3; i++) {
diff --git a/components/slider/demo/input-number.md b/components/slider/demo/input-number.md
index 41d6be5692..b0ba0f160c 100644
--- a/components/slider/demo/input-number.md
+++ b/components/slider/demo/input-number.md
@@ -14,7 +14,9 @@ title:
 Synchronize with [InputNumber](/components/input-number/) component.
 
 ````jsx
-import { Slider, InputNumber, Row, Col } from 'antd';
+import {
+  Slider, InputNumber, Row, Col,
+} from 'antd';
 
 class IntegerStep extends React.Component {
   state = {
@@ -59,7 +61,7 @@ class DecimalStep extends React.Component {
   }
 
   onChange = (value) => {
-    if (isNaN(value)) {
+    if (Number.isNaN(value)) {
       return;
     }
     this.setState({
@@ -100,5 +102,6 @@ ReactDOM.render(
     <IntegerStep />
     <DecimalStep />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/slider/demo/mark.md b/components/slider/demo/mark.md
index c871a2ef7c..e46087938a 100644
--- a/components/slider/demo/mark.md
+++ b/components/slider/demo/mark.md
@@ -46,7 +46,8 @@ ReactDOM.render(
     <h4>step=null</h4>
     <Slider marks={marks} step={null} defaultValue={37} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/spin/demo/inside.md b/components/spin/demo/inside.md
index b0094d5b8f..e775128f6a 100644
--- a/components/spin/demo/inside.md
+++ b/components/spin/demo/inside.md
@@ -20,7 +20,8 @@ ReactDOM.render(
   <div className="example">
     <Spin />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/spin/demo/size.md b/components/spin/demo/size.md
index 70b9774057..b37c994b05 100644
--- a/components/spin/demo/size.md
+++ b/components/spin/demo/size.md
@@ -22,7 +22,8 @@ ReactDOM.render(
     <Spin />
     <Spin size="large" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/spin/demo/tip.md b/components/spin/demo/tip.md
index 4f10610b23..adac3fcac0 100644
--- a/components/spin/demo/tip.md
+++ b/components/spin/demo/tip.md
@@ -24,5 +24,6 @@ ReactDOM.render(
       type="info"
     />
   </Spin>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/customized-progress-dot.md b/components/steps/demo/customized-progress-dot.md
index 07edd6094c..64dae247a0 100644
--- a/components/steps/demo/customized-progress-dot.md
+++ b/components/steps/demo/customized-progress-dot.md
@@ -31,5 +31,6 @@ ReactDOM.render(
     <Step title="Waiting" description="You can hover on the dot." />
     <Step title="Waiting" description="You can hover on the dot." />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/error.md b/components/steps/demo/error.md
index 75e3fab7ca..c303553370 100644
--- a/components/steps/demo/error.md
+++ b/components/steps/demo/error.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Process" description="This is a description" />
     <Step title="Waiting" description="This is a description" />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/icon.md b/components/steps/demo/icon.md
index 7f237e2e4a..5063ea11e3 100644
--- a/components/steps/demo/icon.md
+++ b/components/steps/demo/icon.md
@@ -25,5 +25,6 @@ ReactDOM.render(
     <Step status="process" title="Pay" icon={<Icon type="loading" />} />
     <Step status="wait" title="Done" icon={<Icon type="smile-o" />} />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/progress-dot.md b/components/steps/demo/progress-dot.md
index 9a650d74eb..50c91ed447 100644
--- a/components/steps/demo/progress-dot.md
+++ b/components/steps/demo/progress-dot.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Progress" description="This is a description." />
     <Step title="Waiting" description="This is a description." />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/simple.md b/components/steps/demo/simple.md
index f756e9fc10..7b025c88d4 100644
--- a/components/steps/demo/simple.md
+++ b/components/steps/demo/simple.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Progress" description="This is a description." />
     <Step title="Waiting" description="This is a description." />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/small-size.md b/components/steps/demo/small-size.md
index fc60dc63cb..74062a92bf 100644
--- a/components/steps/demo/small-size.md
+++ b/components/steps/demo/small-size.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Progress" />
     <Step title="Waiting" />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/vertical-small.md b/components/steps/demo/vertical-small.md
index dea0979b34..9356d1bdf9 100644
--- a/components/steps/demo/vertical-small.md
+++ b/components/steps/demo/vertical-small.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Progress" description="This is a description." />
     <Step title="Waiting" description="This is a description." />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/steps/demo/vertical.md b/components/steps/demo/vertical.md
index f2eff1e4e0..9a6de91856 100644
--- a/components/steps/demo/vertical.md
+++ b/components/steps/demo/vertical.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <Step title="In Progress" description="This is a description." />
     <Step title="Waiting" description="This is a description." />
   </Steps>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/switch/demo/loading.md b/components/switch/demo/loading.md
index ab18499cb1..a7bd3a6e68 100644
--- a/components/switch/demo/loading.md
+++ b/components/switch/demo/loading.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <br />
     <Switch size="small" loading />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/switch/demo/size.md b/components/switch/demo/size.md
index cf86542411..da1ffb13c5 100644
--- a/components/switch/demo/size.md
+++ b/components/switch/demo/size.md
@@ -22,5 +22,6 @@ ReactDOM.render(
     <br />
     <Switch size="small" defaultChecked />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/switch/demo/text.md b/components/switch/demo/text.md
index bac2cadec7..0238425f64 100644
--- a/components/switch/demo/text.md
+++ b/components/switch/demo/text.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <br />
     <Switch checkedChildren={<Icon type="check" />} unCheckedChildren={<Icon type="close" />} defaultChecked />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/__tests__/SelectionBox.test.js b/components/table/__tests__/SelectionBox.test.js
index 11564ec96c..25e023f56f 100644
--- a/components/table/__tests__/SelectionBox.test.js
+++ b/components/table/__tests__/SelectionBox.test.js
@@ -3,12 +3,10 @@ import { mount } from 'enzyme';
 import createStore from '../createStore';
 import SelectionBox from '../SelectionBox';
 
-const getDefaultStore = (selectedRowKeys) => {
-  return createStore({
-    selectedRowKeys: selectedRowKeys || [],
-    selectionDirty: false,
-  });
-};
+const getDefaultStore = selectedRowKeys => createStore({
+  selectedRowKeys: selectedRowKeys || [],
+  selectionDirty: false,
+});
 
 describe('SelectionBox', () => {
   it('unchecked by selectedRowKeys ', () => {
diff --git a/components/table/__tests__/Table.filter.test.js b/components/table/__tests__/Table.filter.test.js
index 51389bcc05..7304850742 100644
--- a/components/table/__tests__/Table.filter.test.js
+++ b/components/table/__tests__/Table.filter.test.js
@@ -88,15 +88,15 @@ describe('Table.filter', () => {
   });
 
   it('override custom filter correctly', () => {
-    const filter = ({ prefixCls, setSelectedKeys, confirm, clearFilters }) => {
-      return (
-        <div className={`${prefixCls}-view`} id="customFilter">
-          <span onClick={() => setSelectedKeys([42])} id="setSelectedKeys">setSelectedKeys</span>
-          <span onClick={() => confirm()} id="confirm">Confirm</span>
-          <span onClick={() => clearFilters()} id="reset">Reset</span>
-        </div>
-      );
-    };
+    const filter = ({
+      prefixCls, setSelectedKeys, confirm, clearFilters,
+    }) => (
+      <div className={`${prefixCls}-view`} id="customFilter">
+        <span onClick={() => setSelectedKeys([42])} id="setSelectedKeys">setSelectedKeys</span>
+        <span onClick={() => confirm()} id="confirm">Confirm</span>
+        <span onClick={() => clearFilters()} id="reset">Reset</span>
+      </div>
+    );
 
     const wrapper = mount(createTable({
       columns: [{
diff --git a/components/table/__tests__/Table.sorter.test.js b/components/table/__tests__/Table.sorter.test.js
index 566b81eafa..378d270889 100644
--- a/components/table/__tests__/Table.sorter.test.js
+++ b/components/table/__tests__/Table.sorter.test.js
@@ -79,15 +79,13 @@ describe('Table.sorter', () => {
 
   it('provides sortOrder in the sorterFn', () => {
     let actualSortOrder;
-    mount(createTable({ },
-      {
-        sortOrder: 'ascend',
-        sorter: (a, b, sortOrder) => {
-          actualSortOrder = sortOrder;
-          return sorterFn(a, b);
-        },
+    mount(createTable({}, {
+      sortOrder: 'ascend',
+      sorter: (a, b, sortOrder) => {
+        actualSortOrder = sortOrder;
+        return sorterFn(a, b);
       },
-    ));
+    }));
     expect(actualSortOrder).toEqual('ascend');
   });
 
diff --git a/components/table/demo/ajax.md b/components/table/demo/ajax.md
index e14d73a03b..b89db1575f 100644
--- a/components/table/demo/ajax.md
+++ b/components/table/demo/ajax.md
@@ -49,6 +49,10 @@ class App extends React.Component {
     loading: false,
   };
 
+  componentDidMount() {
+    this.fetch();
+  }
+
   handleTableChange = (pagination, filters, sorter) => {
     const pager = { ...this.state.pagination };
     pager.current = pagination.current;
@@ -88,10 +92,6 @@ class App extends React.Component {
     });
   }
 
-  componentDidMount() {
-    this.fetch();
-  }
-
   render() {
     return (
       <Table
diff --git a/components/table/demo/bordered.md b/components/table/demo/bordered.md
index 76107d6470..df9a22551d 100644
--- a/components/table/demo/bordered.md
+++ b/components/table/demo/bordered.md
@@ -54,7 +54,8 @@ ReactDOM.render(
     title={() => 'Header'}
     footer={() => 'Footer'}
   />,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/table/demo/custom-filter-panel.md b/components/table/demo/custom-filter-panel.md
index 64f94e261c..d01544c393 100644
--- a/components/table/demo/custom-filter-panel.md
+++ b/components/table/demo/custom-filter-panel.md
@@ -14,7 +14,9 @@ title:
 Implement a customized column search example via `filterDropdown`.
 
 ````jsx
-import { Table, Input, Button, Icon } from 'antd';
+import {
+  Table, Input, Button, Icon,
+} from 'antd';
 
 const data = [{
   key: '1',
@@ -58,7 +60,9 @@ class App extends React.Component {
       title: 'Name',
       dataIndex: 'name',
       key: 'name',
-      filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
+      filterDropdown: ({
+        setSelectedKeys, selectedKeys, confirm, clearFilters,
+      }) => (
         <div className="custom-filter-dropdown">
           <Input
             ref={ele => this.searchInput = ele}
diff --git a/components/table/demo/dynamic-settings.md b/components/table/demo/dynamic-settings.md
index f916176492..cd562181af 100644
--- a/components/table/demo/dynamic-settings.md
+++ b/components/table/demo/dynamic-settings.md
@@ -14,7 +14,9 @@ title:
 Select different settings to see the result.
 
 ````jsx
-import { Table, Icon, Switch, Radio, Form, Divider } from 'antd';
+import {
+  Table, Icon, Switch, Radio, Form, Divider,
+} from 'antd';
 
 const FormItem = Form.Item;
 
@@ -83,10 +85,8 @@ class Demo extends React.Component {
     hasData: true,
   }
 
-  handleToggle = (prop) => {
-    return (enable) => {
-      this.setState({ [prop]: enable });
-    };
+  handleToggle = prop => (enable) => {
+    this.setState({ [prop]: enable });
   }
 
   handleSizeChange = (e) => {
diff --git a/components/table/demo/edit-cell.md b/components/table/demo/edit-cell.md
index 117138d03d..8301cdaf51 100644
--- a/components/table/demo/edit-cell.md
+++ b/components/table/demo/edit-cell.md
@@ -14,7 +14,9 @@ title:
 Table with editable cells.
 
 ````jsx
-import { Table, Input, Button, Popconfirm, Form } from 'antd';
+import {
+  Table, Input, Button, Popconfirm, Form,
+} from 'antd';
 
 const FormItem = Form.Item;
 const EditableContext = React.createContext();
@@ -139,16 +141,14 @@ class EditableTable extends React.Component {
     }, {
       title: 'operation',
       dataIndex: 'operation',
-      render: (text, record) => {
-        return (
-          this.state.dataSource.length >= 1
-            ? (
-              <Popconfirm title="Sure to delete?" onConfirm={() => this.handleDelete(record.key)}>
-                <a href="javascript:;">Delete</a>
-              </Popconfirm>
-            ) : null
-        );
-      },
+      render: (text, record) => (
+        this.state.dataSource.length >= 1
+          ? (
+            <Popconfirm title="Sure to delete?" onConfirm={() => this.handleDelete(record.key)}>
+              <a href="javascript:;">Delete</a>
+            </Popconfirm>
+          ) : null
+      ),
     }];
 
     this.state = {
diff --git a/components/table/demo/edit-row.md b/components/table/demo/edit-row.md
index afdc9b33c6..7e55155bfc 100644
--- a/components/table/demo/edit-row.md
+++ b/components/table/demo/edit-row.md
@@ -14,7 +14,9 @@ title:
 Table with editable rows.
 
 ```jsx
-import { Table, Input, InputNumber, Popconfirm, Form } from 'antd';
+import {
+  Table, Input, InputNumber, Popconfirm, Form,
+} from 'antd';
 
 const data = [];
 for (let i = 0; i < 100; i++) {
@@ -139,13 +141,11 @@ class EditableTable extends React.Component {
     ];
   }
 
-  isEditing = (record) => {
-    return record.key === this.state.editingKey;
-  };
+  isEditing = record => record.key === this.state.editingKey;
 
-  edit(key) {
-    this.setState({ editingKey: key });
-  }
+  cancel = () => {
+    this.setState({ editingKey: '' });
+  };
 
   save(form, key) {
     form.validateFields((error, row) => {
@@ -168,9 +168,9 @@ class EditableTable extends React.Component {
     });
   }
 
-  cancel = () => {
-    this.setState({ editingKey: '' });
-  };
+  edit(key) {
+    this.setState({ editingKey: key });
+  }
 
   render() {
     const components = {
diff --git a/components/table/demo/expand-children.md b/components/table/demo/expand-children.md
index 25400c93e0..cc86dce683 100644
--- a/components/table/demo/expand-children.md
+++ b/components/table/demo/expand-children.md
@@ -106,5 +106,6 @@ const rowSelection = {
 
 ReactDOM.render(
   <Table columns={columns} rowSelection={rowSelection} dataSource={data} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/expand.md b/components/table/demo/expand.md
index 22b3a75586..53c01fd4a3 100644
--- a/components/table/demo/expand.md
+++ b/components/table/demo/expand.md
@@ -20,13 +20,21 @@ const columns = [
   { title: 'Name', dataIndex: 'name', key: 'name' },
   { title: 'Age', dataIndex: 'age', key: 'age' },
   { title: 'Address', dataIndex: 'address', key: 'address' },
-  { title: 'Action', dataIndex: '', key: 'x', render: () => <a href="javascript:;">Delete</a> },
+  {
+    title: 'Action', dataIndex: '', key: 'x', render: () => <a href="javascript:;">Delete</a>,
+  },
 ];
 
 const data = [
-  { key: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.' },
-  { key: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.' },
-  { key: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.' },
+  {
+    key: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.',
+  },
+  {
+    key: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.',
+  },
+  {
+    key: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.',
+  },
 ];
 
 ReactDOM.render(
@@ -35,5 +43,6 @@ ReactDOM.render(
     expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
     dataSource={data}
   />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/fixed-columns-header.md b/components/table/demo/fixed-columns-header.md
index ae4e0ad5e1..a8ee864fbd 100644
--- a/components/table/demo/fixed-columns-header.md
+++ b/components/table/demo/fixed-columns-header.md
@@ -25,15 +25,33 @@ A Solution for displaying large amounts of data with long columns.
 import { Table } from 'antd';
 
 const columns = [
-  { title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left' },
-  { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },
-  { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },
-  { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },
-  { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },
-  { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },
-  { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },
-  { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },
-  { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },
+  {
+    title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left',
+  },
+  {
+    title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left',
+  },
+  {
+    title: 'Column 1', dataIndex: 'address', key: '1', width: 150,
+  },
+  {
+    title: 'Column 2', dataIndex: 'address', key: '2', width: 150,
+  },
+  {
+    title: 'Column 3', dataIndex: 'address', key: '3', width: 150,
+  },
+  {
+    title: 'Column 4', dataIndex: 'address', key: '4', width: 150,
+  },
+  {
+    title: 'Column 5', dataIndex: 'address', key: '5', width: 150,
+  },
+  {
+    title: 'Column 6', dataIndex: 'address', key: '6', width: 150,
+  },
+  {
+    title: 'Column 7', dataIndex: 'address', key: '7', width: 150,
+  },
   { title: 'Column 8', dataIndex: 'address', key: '8' },
   {
     title: 'Action',
diff --git a/components/table/demo/fixed-columns.md b/components/table/demo/fixed-columns.md
index ffa113d218..018eb86913 100644
--- a/components/table/demo/fixed-columns.md
+++ b/components/table/demo/fixed-columns.md
@@ -25,8 +25,12 @@ To fix some columns and scroll inside other columns, and you must set `scroll.x`
 import { Table } from 'antd';
 
 const columns = [
-  { title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left' },
-  { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },
+  {
+    title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left',
+  },
+  {
+    title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left',
+  },
   { title: 'Column 1', dataIndex: 'address', key: '1' },
   { title: 'Column 2', dataIndex: 'address', key: '2' },
   { title: 'Column 3', dataIndex: 'address', key: '3' },
diff --git a/components/table/demo/fixed-header.md b/components/table/demo/fixed-header.md
index 290d9f65ae..174a63c197 100644
--- a/components/table/demo/fixed-header.md
+++ b/components/table/demo/fixed-header.md
@@ -45,5 +45,6 @@ for (let i = 0; i < 100; i++) {
 
 ReactDOM.render(
   <Table columns={columns} dataSource={data} pagination={{ pageSize: 50 }} scroll={{ y: 240 }} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/grouping-columns.md b/components/table/demo/grouping-columns.md
index 98234b7252..ba73906b11 100644
--- a/components/table/demo/grouping-columns.md
+++ b/components/table/demo/grouping-columns.md
@@ -102,5 +102,6 @@ ReactDOM.render(
     size="middle"
     scroll={{ x: '130%', y: 240 }}
   />,
-  mountNode);
+  mountNode
+);
 ```
diff --git a/components/table/demo/head.md b/components/table/demo/head.md
index a3502d770b..8186c21598 100644
--- a/components/table/demo/head.md
+++ b/components/table/demo/head.md
@@ -98,5 +98,6 @@ function onChange(pagination, filters, sorter) {
 
 ReactDOM.render(
   <Table columns={columns} dataSource={data} onChange={onChange} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/jsx.md b/components/table/demo/jsx.md
index 7a930eb391..9588db8747 100644
--- a/components/table/demo/jsx.md
+++ b/components/table/demo/jsx.md
@@ -91,5 +91,6 @@ ReactDOM.render(
       )}
     />
   </Table>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/nested-table.md b/components/table/demo/nested-table.md
index e6378ec109..669dffdee7 100644
--- a/components/table/demo/nested-table.md
+++ b/components/table/demo/nested-table.md
@@ -15,7 +15,9 @@ Showing more detailed info of every row.
 
 ````jsx
 
-import { Table, Badge, Menu, Dropdown, Icon } from 'antd';
+import {
+  Table, Badge, Menu, Dropdown, Icon,
+} from 'antd';
 
 const menu = (
   <Menu>
diff --git a/components/table/demo/row-selection.md b/components/table/demo/row-selection.md
index f6260aab47..497e268561 100644
--- a/components/table/demo/row-selection.md
+++ b/components/table/demo/row-selection.md
@@ -66,5 +66,6 @@ const rowSelection = {
 
 ReactDOM.render(
   <Table rowSelection={rowSelection} columns={columns} dataSource={data} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/table/demo/size.md b/components/table/demo/size.md
index 9cce25a65e..6e9561559c 100644
--- a/components/table/demo/size.md
+++ b/components/table/demo/size.md
@@ -50,7 +50,8 @@ ReactDOM.render(
     <h4>Small size table</h4>
     <Table columns={columns} dataSource={data} size="small" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>#components-table-demo-size h4 { margin-bottom: 16px; }</style>
diff --git a/components/tabs/demo/basic.md b/components/tabs/demo/basic.md
index 11cc076da5..f38ab33d1b 100644
--- a/components/tabs/demo/basic.md
+++ b/components/tabs/demo/basic.md
@@ -28,5 +28,6 @@ ReactDOM.render(
     <TabPane tab="Tab 2" key="2">Content of Tab Pane 2</TabPane>
     <TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
   </Tabs>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tabs/demo/card-top.md b/components/tabs/demo/card-top.md
index b8cee684de..a4272f3a5c 100644
--- a/components/tabs/demo/card-top.md
+++ b/components/tabs/demo/card-top.md
@@ -38,7 +38,8 @@ ReactDOM.render(
       </TabPane>
     </Tabs>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/tabs/demo/card.md b/components/tabs/demo/card.md
index 78d8a2a000..c3d763bc51 100644
--- a/components/tabs/demo/card.md
+++ b/components/tabs/demo/card.md
@@ -28,5 +28,6 @@ ReactDOM.render(
     <TabPane tab="Tab 2" key="2">Content of Tab Pane 2</TabPane>
     <TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
   </Tabs>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tabs/demo/custom-tab-bar.md b/components/tabs/demo/custom-tab-bar.md
index ebeb286a43..1d82e0d951 100644
--- a/components/tabs/demo/custom-tab-bar.md
+++ b/components/tabs/demo/custom-tab-bar.md
@@ -35,5 +35,6 @@ ReactDOM.render(
       <TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
     </Tabs>
   </StickyContainer>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tabs/demo/disabled.md b/components/tabs/demo/disabled.md
index c469c964c4..53886c32a6 100644
--- a/components/tabs/demo/disabled.md
+++ b/components/tabs/demo/disabled.md
@@ -24,5 +24,6 @@ ReactDOM.render(
     <TabPane tab="Tab 2" disabled key="2">Tab 2</TabPane>
     <TabPane tab="Tab 3" key="3">Tab 3</TabPane>
   </Tabs>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index af17573918..701cd57e80 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -27,7 +27,9 @@ class Demo extends React.Component {
     const panes = [
       { title: 'Tab 1', content: 'Content of Tab 1', key: '1' },
       { title: 'Tab 2', content: 'Content of Tab 2', key: '2' },
-      { title: 'Tab 3', content: 'Content of Tab 3', key: '3', closable: false },
+      {
+        title: 'Tab 3', content: 'Content of Tab 3', key: '3', closable: false,
+      },
     ];
     this.state = {
       activeKey: panes[0].key,
diff --git a/components/tabs/demo/extra.md b/components/tabs/demo/extra.md
index 9241831f03..9c3f514f94 100644
--- a/components/tabs/demo/extra.md
+++ b/components/tabs/demo/extra.md
@@ -26,5 +26,6 @@ ReactDOM.render(
     <TabPane tab="Tab 2" key="2">Content of tab 2</TabPane>
     <TabPane tab="Tab 3" key="3">Content of tab 3</TabPane>
   </Tabs>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tabs/demo/icon.md b/components/tabs/demo/icon.md
index 896c524c40..dc1609f62c 100644
--- a/components/tabs/demo/icon.md
+++ b/components/tabs/demo/icon.md
@@ -27,5 +27,6 @@ ReactDOM.render(
       Tab 2
     </TabPane>
   </Tabs>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tag/demo/checkable.md b/components/tag/demo/checkable.md
index 8b481b5c13..191e4de495 100644
--- a/components/tag/demo/checkable.md
+++ b/components/tag/demo/checkable.md
@@ -40,5 +40,6 @@ ReactDOM.render(
     <MyTag>Tag2</MyTag>
     <MyTag>Tag3</MyTag>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tag/demo/colorful.md b/components/tag/demo/colorful.md
index 15bc4f0ae5..61912461f1 100644
--- a/components/tag/demo/colorful.md
+++ b/components/tag/demo/colorful.md
@@ -41,7 +41,8 @@ ReactDOM.render(
       <Tag color="#108ee9">#108ee9</Tag>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/tag/demo/control.md b/components/tag/demo/control.md
index f428a36d8e..ea7dbfa561 100644
--- a/components/tag/demo/control.md
+++ b/components/tag/demo/control.md
@@ -15,7 +15,9 @@ Generating a set of Tags by array, you can add and remove dynamically.
 It's based on `afterClose` event, which will be triggered while the close animation end.
 
 ````jsx
-import { Tag, Input, Tooltip, Icon } from 'antd';
+import {
+  Tag, Input, Tooltip, Icon,
+} from 'antd';
 
 class EditableTagGroup extends React.Component {
   state = {
diff --git a/components/time-picker/demo/12hours.md b/components/time-picker/demo/12hours.md
index 6c914bdd2a..cde8885438 100644
--- a/components/time-picker/demo/12hours.md
+++ b/components/time-picker/demo/12hours.md
@@ -26,5 +26,6 @@ ReactDOM.render(
     <TimePicker use12Hours format="h:mm:ss A" onChange={onChange} />
     <TimePicker use12Hours format="h:mm a" onChange={onChange} />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/time-picker/demo/disabled.md b/components/time-picker/demo/disabled.md
index 4879834c4f..24680c3a09 100644
--- a/components/time-picker/demo/disabled.md
+++ b/components/time-picker/demo/disabled.md
@@ -19,5 +19,6 @@ import moment from 'moment';
 
 ReactDOM.render(
   <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} disabled />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/time-picker/demo/hide-column.md b/components/time-picker/demo/hide-column.md
index b204231d0c..376f2e5cc1 100644
--- a/components/time-picker/demo/hide-column.md
+++ b/components/time-picker/demo/hide-column.md
@@ -21,5 +21,6 @@ const format = 'HH:mm';
 
 ReactDOM.render(
   <TimePicker defaultValue={moment('12:08', format)} format={format} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/time-picker/demo/interval-options.md b/components/time-picker/demo/interval-options.md
index 7ef4d8adfb..d43e1e228d 100644
--- a/components/time-picker/demo/interval-options.md
+++ b/components/time-picker/demo/interval-options.md
@@ -17,5 +17,6 @@ import { TimePicker } from 'antd';
 
 ReactDOM.render(
   <TimePicker minuteStep={15} secondStep={10} />,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/time-picker/demo/size.md b/components/time-picker/demo/size.md
index cfb39a6aa1..52972db482 100644
--- a/components/time-picker/demo/size.md
+++ b/components/time-picker/demo/size.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} />
     <TimePicker defaultValue={moment('12:08:23', 'HH:mm:ss')} size="small" />
   </div>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/timeline/demo/alternate.md b/components/timeline/demo/alternate.md
index 7e8620112f..1de38bd9d7 100644
--- a/components/timeline/demo/alternate.md
+++ b/components/timeline/demo/alternate.md
@@ -25,5 +25,6 @@ ReactDOM.render(
     <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
     <Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />}>Technical testing 2015-09-01</Timeline.Item>
   </Timeline>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/timeline/demo/basic.md b/components/timeline/demo/basic.md
index 0af7e801ec..fd338084e2 100644
--- a/components/timeline/demo/basic.md
+++ b/components/timeline/demo/basic.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Timeline.Item>Technical testing 2015-09-01</Timeline.Item>
     <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
   </Timeline>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/timeline/demo/color.md b/components/timeline/demo/color.md
index 1bc8b4db41..48a0409ee7 100644
--- a/components/timeline/demo/color.md
+++ b/components/timeline/demo/color.md
@@ -31,5 +31,6 @@ ReactDOM.render(
       <p>Technical testing 3 2015-09-01</p>
     </Timeline.Item>
   </Timeline>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/timeline/demo/custom.md b/components/timeline/demo/custom.md
index 10ceb6c9e4..753850b94c 100644
--- a/components/timeline/demo/custom.md
+++ b/components/timeline/demo/custom.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />} color="red">Technical testing 2015-09-01</Timeline.Item>
     <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
   </Timeline>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/timeline/demo/right.md b/components/timeline/demo/right.md
index 6ff193cb15..31316e40a9 100644
--- a/components/timeline/demo/right.md
+++ b/components/timeline/demo/right.md
@@ -23,5 +23,6 @@ ReactDOM.render(
     <Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />} color="red">Technical testing 2015-09-01</Timeline.Item>
     <Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
   </Timeline>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
index b82dc30921..5d7e311058 100644
--- a/components/tooltip/__tests__/tooltip.test.js
+++ b/components/tooltip/__tests__/tooltip.test.js
@@ -158,8 +158,12 @@ describe('Tooltip', () => {
         </Tooltip>
       );
       wrapper2.find('button').at(0).simulate('click');
-      const popupLeftArrowPointAtCenter = parseInt(wrapper2.instance().getPopupDomNode().style.left, 10);
-      expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
+      const popupLeftArrowPointAtCenter = parseInt(
+        wrapper2.instance().getPopupDomNode().style.left,
+        10
+      );
+      expect(popupLeftArrowPointAtCenter - popupLeftDefault)
+        .toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
     };
 
     jest.dontMock('rc-trigger', suit);
diff --git a/components/tooltip/demo/arrow-point-at-center.md b/components/tooltip/demo/arrow-point-at-center.md
index 9e5acdbbfd..42358a0c2e 100644
--- a/components/tooltip/demo/arrow-point-at-center.md
+++ b/components/tooltip/demo/arrow-point-at-center.md
@@ -25,7 +25,8 @@ ReactDOM.render(
       <Button>Arrow points to center / 箭头指向中心</Button>
     </Tooltip>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/tooltip/demo/auto-adjust-overflow.md b/components/tooltip/demo/auto-adjust-overflow.md
index 6387538f46..dd196428d4 100644
--- a/components/tooltip/demo/auto-adjust-overflow.md
+++ b/components/tooltip/demo/auto-adjust-overflow.md
@@ -34,7 +34,8 @@ ReactDOM.render(
       <Button>Ingore / 不处理</Button>
     </Tooltip>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/tooltip/demo/basic.md b/components/tooltip/demo/basic.md
index 913658417e..50cddcac4d 100644
--- a/components/tooltip/demo/basic.md
+++ b/components/tooltip/demo/basic.md
@@ -20,5 +20,6 @@ ReactDOM.render(
   <Tooltip title="prompt text">
     <span>Tooltip will show when mouse enter.</span>
   </Tooltip>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/tooltip/demo/placement.md b/components/tooltip/demo/placement.md
index 2d4c87dd29..60ecd9aace 100644
--- a/components/tooltip/demo/placement.md
+++ b/components/tooltip/demo/placement.md
@@ -67,7 +67,8 @@ ReactDOM.render(
       </Tooltip>
     </div>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 <style>
diff --git a/components/transfer/__tests__/index.test.js b/components/transfer/__tests__/index.test.js
index 6f875d3c7e..b1c190e892 100644
--- a/components/transfer/__tests__/index.test.js
+++ b/components/transfer/__tests__/index.test.js
@@ -175,7 +175,9 @@ describe('Transfer', () => {
   it('should display the correct locale', () => {
     const emptyProps = { dataSource: [], selectedKeys: [], targetKeys: [] };
     const locale = { itemUnit: 'Person', notFoundContent: 'Nothing', searchPlaceholder: 'Search' };
-    const wrapper = mount(<Transfer {...listCommonProps} {...emptyProps} showSearch locale={locale} />);
+    const wrapper = mount(
+      <Transfer {...listCommonProps} {...emptyProps} showSearch locale={locale} />
+    );
 
     expect(headerText(wrapper)).toEqual('0 Person');
 
@@ -278,7 +280,12 @@ describe('Transfer', () => {
     delete newProps.selectedKeys;
     const handleSelectChange = jest.fn();
     const wrapper = mount(
-      <Transfer {...newProps} showSearch onSelectChange={handleSelectChange} render={item => item.title} />
+      <Transfer
+        {...newProps}
+        showSearch
+        onSelectChange={handleSelectChange}
+        render={item => item.title}
+      />
     );
     wrapper.find(TransferItem).filterWhere(n => n.prop('item').key === 'b').simulate('click');
     expect(handleSelectChange).toHaveBeenLastCalledWith(['b'], []);
@@ -319,7 +326,14 @@ describe('Transfer', () => {
       backgroundColor: 'yellow',
     };
 
-    const component = mount(<Transfer {...listCommonProps} style={style} listStyle={listStyle} operationStyle={operationStyle} />);
+    const component = mount(
+      <Transfer
+        {...listCommonProps}
+        style={style}
+        listStyle={listStyle}
+        operationStyle={operationStyle}
+      />
+    );
 
     const wrapper = component.find('.ant-transfer');
     const listSource = component.find('.ant-transfer-list').first();
diff --git a/components/transfer/demo/advanced.md b/components/transfer/demo/advanced.md
index c75d96a0f0..622021ca58 100644
--- a/components/transfer/demo/advanced.md
+++ b/components/transfer/demo/advanced.md
@@ -50,17 +50,15 @@ class App extends React.Component {
     this.setState({ targetKeys });
   }
 
-  renderFooter = () => {
-    return (
-      <Button
-        size="small"
-        style={{ float: 'right', margin: 5 }}
-        onClick={this.getMock}
-      >
+  renderFooter = () => (
+    <Button
+      size="small"
+      style={{ float: 'right', margin: 5 }}
+      onClick={this.getMock}
+    >
         reload
-      </Button>
-    );
-  }
+    </Button>
+  )
 
   render() {
     return (
diff --git a/components/transfer/demo/search.md b/components/transfer/demo/search.md
index fab33e48a6..17422cf296 100644
--- a/components/transfer/demo/search.md
+++ b/components/transfer/demo/search.md
@@ -44,9 +44,7 @@ class App extends React.Component {
     this.setState({ mockData, targetKeys });
   }
 
-  filterOption = (inputValue, option) => {
-    return option.description.indexOf(inputValue) > -1;
-  }
+  filterOption = (inputValue, option) => option.description.indexOf(inputValue) > -1
 
   handleChange = (targetKeys) => {
     this.setState({ targetKeys });
diff --git a/components/tree/__tests__/directory.test.js b/components/tree/__tests__/directory.test.js
index 9c0af9747d..4d94a7623f 100644
--- a/components/tree/__tests__/directory.test.js
+++ b/components/tree/__tests__/directory.test.js
@@ -2,8 +2,7 @@ import React from 'react';
 import { mount, render } from 'enzyme';
 import Tree from '../index';
 
-const DirectoryTree = Tree.DirectoryTree;
-const TreeNode = Tree.TreeNode;
+const { DirectoryTree, TreeNode } = Tree;
 
 describe('Directory Tree', () => {
   beforeAll(() => {
diff --git a/components/tree/__tests__/util.test.js b/components/tree/__tests__/util.test.js
index f5a331674a..9298b2b4ed 100644
--- a/components/tree/__tests__/util.test.js
+++ b/components/tree/__tests__/util.test.js
@@ -3,7 +3,7 @@ import { mount } from 'enzyme';
 import Tree from '../index';
 import { calcRangeKeys } from '../util';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 describe('Tree util', () => {
   it('calc range keys', () => {
diff --git a/components/tree/demo/basic-controlled.md b/components/tree/demo/basic-controlled.md
index a474e45972..ade7db1f94 100644
--- a/components/tree/demo/basic-controlled.md
+++ b/components/tree/demo/basic-controlled.md
@@ -16,7 +16,7 @@ basic controlled example
 ````jsx
 import { Tree } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 const treeData = [{
   title: '0-0',
@@ -82,18 +82,16 @@ class Demo extends React.Component {
     this.setState({ selectedKeys });
   }
 
-  renderTreeNodes = (data) => {
-    return data.map((item) => {
-      if (item.children) {
-        return (
-          <TreeNode title={item.title} key={item.key} dataRef={item}>
-            {this.renderTreeNodes(item.children)}
-          </TreeNode>
-        );
-      }
-      return <TreeNode {...item} />;
-    });
-  }
+  renderTreeNodes = data => data.map((item) => {
+    if (item.children) {
+      return (
+        <TreeNode title={item.title} key={item.key} dataRef={item}>
+          {this.renderTreeNodes(item.children)}
+        </TreeNode>
+      );
+    }
+    return <TreeNode {...item} />;
+  })
 
   render() {
     return (
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index 4c8dbbc35e..823a538110 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -16,7 +16,7 @@ The most basic usage, tell you how to use checkable, selectable, disabled, defau
 ````jsx
 import { Tree } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 class Demo extends React.Component {
   onSelect = (selectedKeys, info) => {
diff --git a/components/tree/demo/customized-icon.md b/components/tree/demo/customized-icon.md
index ee689083fc..c043aa7e52 100644
--- a/components/tree/demo/customized-icon.md
+++ b/components/tree/demo/customized-icon.md
@@ -16,30 +16,25 @@ You can customize icons for different nodes.
 ````jsx
 import { Tree, Icon } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
-class Demo extends React.Component {
-  render() {
-    return (
-      <Tree
-        showIcon
-        defaultExpandAll
-        defaultSelectedKeys={['0-0-0']}
-      >
-        <TreeNode icon={<Icon type="smile-o" />} title="parent 1" key="0-0">
-          <TreeNode icon={<Icon type="meh-o" />} title="leaf" key="0-0-0" />
-          <TreeNode
-            icon={({ selected }) => (
-              <Icon type={selected ? 'frown' : 'frown-o'} />
-            )}
-            title="leaf"
-            key="0-0-1"
-          />
-        </TreeNode>
-      </Tree>
-    );
-  }
-}
-
-ReactDOM.render(<Demo />, mountNode);
+ReactDOM.render(
+  <Tree
+    showIcon
+    defaultExpandAll
+    defaultSelectedKeys={['0-0-0']}
+  >
+    <TreeNode icon={<Icon type="smile-o" />} title="parent 1" key="0-0">
+      <TreeNode icon={<Icon type="meh-o" />} title="leaf" key="0-0-0" />
+      <TreeNode
+        icon={({ selected }) => (
+          <Icon type={selected ? 'frown' : 'frown-o'} />
+        )}
+        title="leaf"
+        key="0-0-1"
+      />
+    </TreeNode>
+  </Tree>,
+  mountNode
+);
 ````
diff --git a/components/tree/demo/directory.md b/components/tree/demo/directory.md
index fa41f4a947..9f7341922e 100644
--- a/components/tree/demo/directory.md
+++ b/components/tree/demo/directory.md
@@ -17,7 +17,7 @@ Built-in directory tree. `multiple` support `ctrl(Windows)` / `command(Mac)` sel
 import { Tree } from 'antd';
 
 const DirectoryTree = Tree.DirectoryTree;
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 class Demo extends React.Component {
   onSelect = () => {
diff --git a/components/tree/demo/draggable.md b/components/tree/demo/draggable.md
index ff8977a4ca..8b874b5990 100644
--- a/components/tree/demo/draggable.md
+++ b/components/tree/demo/draggable.md
@@ -16,7 +16,7 @@ Drag treeNode to insert after the other treeNode or insert into the other parent
 ````jsx
 import { Tree } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 const x = 3;
 const y = 2;
diff --git a/components/tree/demo/dynamic.md b/components/tree/demo/dynamic.md
index 07071593d2..aef1a69756 100644
--- a/components/tree/demo/dynamic.md
+++ b/components/tree/demo/dynamic.md
@@ -16,7 +16,7 @@ To load data asynchronously when click to expand a treeNode.
 ````jsx
 import { Tree } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 class Demo extends React.Component {
   state = {
@@ -27,37 +27,33 @@ class Demo extends React.Component {
     ],
   }
 
-  onLoadData = (treeNode) => {
-    return new Promise((resolve) => {
-      if (treeNode.props.children) {
-        resolve();
-        return;
-      }
-      setTimeout(() => {
-        treeNode.props.dataRef.children = [
-          { title: 'Child Node', key: `${treeNode.props.eventKey}-0` },
-          { title: 'Child Node', key: `${treeNode.props.eventKey}-1` },
-        ];
-        this.setState({
-          treeData: [...this.state.treeData],
-        });
-        resolve();
-      }, 1000);
-    });
-  }
+  onLoadData = treeNode => new Promise((resolve) => {
+    if (treeNode.props.children) {
+      resolve();
+      return;
+    }
+    setTimeout(() => {
+      treeNode.props.dataRef.children = [
+        { title: 'Child Node', key: `${treeNode.props.eventKey}-0` },
+        { title: 'Child Node', key: `${treeNode.props.eventKey}-1` },
+      ];
+      this.setState({
+        treeData: [...this.state.treeData],
+      });
+      resolve();
+    }, 1000);
+  })
 
-  renderTreeNodes = (data) => {
-    return data.map((item) => {
-      if (item.children) {
-        return (
-          <TreeNode title={item.title} key={item.key} dataRef={item}>
-            {this.renderTreeNodes(item.children)}
-          </TreeNode>
-        );
-      }
-      return <TreeNode {...item} dataRef={item} />;
-    });
-  }
+  renderTreeNodes = data => data.map((item) => {
+    if (item.children) {
+      return (
+        <TreeNode title={item.title} key={item.key} dataRef={item}>
+          {this.renderTreeNodes(item.children)}
+        </TreeNode>
+      );
+    }
+    return <TreeNode {...item} dataRef={item} />;
+  })
 
   render() {
     return (
diff --git a/components/tree/demo/line.md b/components/tree/demo/line.md
index b55e4cb0fe..a6fb95250a 100644
--- a/components/tree/demo/line.md
+++ b/components/tree/demo/line.md
@@ -16,7 +16,7 @@ Tree With Line
 ````jsx
 import { Tree } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 
 class Demo extends React.Component {
   onSelect = (selectedKeys, info) => {
diff --git a/components/tree/demo/search.md b/components/tree/demo/search.md
index 95bc80ae9c..c0c18b6586 100644
--- a/components/tree/demo/search.md
+++ b/components/tree/demo/search.md
@@ -16,7 +16,7 @@ Searchable Tree.
 ````jsx
 import { Tree, Input } from 'antd';
 
-const TreeNode = Tree.TreeNode;
+const { TreeNode } = Tree;
 const Search = Input.Search;
 
 const x = 3;
diff --git a/components/upload/demo/basic.md b/components/upload/demo/basic.md
index 3c9febd216..cfe3a2aa90 100644
--- a/components/upload/demo/basic.md
+++ b/components/upload/demo/basic.md
@@ -14,7 +14,9 @@ title:
 Classic mode. File selection dialog pops up when upload button is clicked.
 
 ````jsx
-import { Upload, message, Button, Icon } from 'antd';
+import {
+  Upload, message, Button, Icon,
+} from 'antd';
 
 const props = {
   name: 'file',
@@ -40,5 +42,6 @@ ReactDOM.render(
       <Icon type="upload" /> Click to Upload
     </Button>
   </Upload>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/upload/demo/defaultFileList.md b/components/upload/demo/defaultFileList.md
index 75d4eac90b..3d366b3798 100644
--- a/components/upload/demo/defaultFileList.md
+++ b/components/upload/demo/defaultFileList.md
@@ -49,5 +49,6 @@ ReactDOM.render(
       <Icon type="upload" /> Upload
     </Button>
   </Upload>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/upload/demo/directory.md b/components/upload/demo/directory.md
index 5c844cd2dc..941fe7ea8d 100644
--- a/components/upload/demo/directory.md
+++ b/components/upload/demo/directory.md
@@ -22,5 +22,6 @@ ReactDOM.render(
       <Icon type="upload" /> Upload Directory
     </Button>
   </Upload>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/upload/demo/drag.md b/components/upload/demo/drag.md
index fb7591067c..25fb46e8be 100644
--- a/components/upload/demo/drag.md
+++ b/components/upload/demo/drag.md
@@ -47,5 +47,6 @@ ReactDOM.render(
     <p className="ant-upload-text">Click or drag file to this area to upload</p>
     <p className="ant-upload-hint">Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files</p>
   </Dragger>,
-  mountNode);
+  mountNode
+);
 ````
diff --git a/components/upload/demo/picture-style.md b/components/upload/demo/picture-style.md
index ea99066acc..afd44b04a0 100644
--- a/components/upload/demo/picture-style.md
+++ b/components/upload/demo/picture-style.md
@@ -58,7 +58,8 @@ ReactDOM.render(
       </Button>
     </Upload>
   </div>,
-  mountNode);
+  mountNode
+);
 ````
 
 ````css
diff --git a/components/upload/demo/upload-manually.md b/components/upload/demo/upload-manually.md
index 2790fd702a..eef5d833ce 100644
--- a/components/upload/demo/upload-manually.md
+++ b/components/upload/demo/upload-manually.md
@@ -14,7 +14,9 @@ title:
 Upload files manually after `beforeUpload` returns `false`.
 
 ````jsx
-import { Upload, Button, Icon, message } from 'antd';
+import {
+  Upload, Button, Icon, message,
+} from 'antd';
 import reqwest from 'reqwest';
 
 class Demo extends React.Component {
diff --git a/package.json b/package.json
index c758af2197..e87e9d45d5 100644
--- a/package.json
+++ b/package.json
@@ -111,6 +111,7 @@
     "bisheng-plugin-react": "^0.6.3",
     "bisheng-plugin-toc": "^0.4.4",
     "commander": "^2.18.0",
+    "core-js": "^2.5.7",
     "cross-env": "^5.2.0",
     "css-split-webpack-plugin": "^0.2.6",
     "dekko": "^0.2.1",
@@ -158,6 +159,7 @@
     "react-resizable": "^1.7.5",
     "react-router-dom": "^4.3.1",
     "react-sticky": "^6.0.3",
+    "react-test-renderer": "^16.6.3",
     "react-virtualized": "~9.21.0",
     "remark-frontmatter": "^1.3.0",
     "remark-parse": "^6.0.0",
diff --git a/scripts/sort-api-table.js b/scripts/sort-api-table.js
index a8853f9545..184ed226bf 100644
--- a/scripts/sort-api-table.js
+++ b/scripts/sort-api-table.js
@@ -47,19 +47,17 @@ function asciiSort(prev, next) {
 // follow the alphabet order
 function alphabetSort(nodes) {
   // use toLowerCase to keep `case insensitive`
-  return nodes.sort((...comparison) => {
-    return asciiSort(...comparison.map(val => getCellValue(val).toLowerCase()));
-  });
+  return nodes.sort((...comparison) => (
+    asciiSort(...comparison.map(val => getCellValue(val).toLowerCase()))
+  ));
 }
 
 function sizeSort(nodes) {
-  return nodes.sort((...comparison) => {
-    return asciiSort(
-      ...comparison.map(val => (
-        sizeBreakPoints.indexOf(getCellValue(val).toLowerCase())
-      ))
-    );
-  });
+  return nodes.sort((...comparison) => asciiSort(
+    ...comparison.map(val => (
+      sizeBreakPoints.indexOf(getCellValue(val).toLowerCase())
+    ))
+  ));
 }
 
 function sort(ast) {
@@ -85,6 +83,7 @@ function sort(ast) {
         }
       });
 
+      // eslint-disable-next-line
       child.children = [
         child.children[0],
         ...alphabetSort(staticProps),
diff --git a/scripts/update-rc.js b/scripts/update-rc.js
index 40b60c5d42..8f7e46f3ea 100755
--- a/scripts/update-rc.js
+++ b/scripts/update-rc.js
@@ -4,6 +4,4 @@
 
 'use strict';
 
-require('antd-tools/lib/updateComponents')((name) => {
-  return !!name.match(/^rc-/);
-});
+require('antd-tools/lib/updateComponents')(name => !!name.match(/^rc-/));
diff --git a/site/.eslintrc.js b/site/.eslintrc.js
new file mode 100644
index 0000000000..115ccade34
--- /dev/null
+++ b/site/.eslintrc.js
@@ -0,0 +1,11 @@
+const config = require('../.eslintrc');
+
+module.exports = {
+  ...config,
+  rules: {
+    ...config.rules,
+    'import/no-extraneous-dependencies': 0,
+    'react/no-danger': 0,
+    'no-param-reassign': 0,
+  },
+};
diff --git a/site/bisheng.config.js b/site/bisheng.config.js
index 0df0b89cc5..4ef3d955e9 100644
--- a/site/bisheng.config.js
+++ b/site/bisheng.config.js
@@ -11,6 +11,7 @@ function alertBabelConfig(rules) {
       if (rule.options.plugins.indexOf(replaceLib) === -1) {
         rule.options.plugins.push(replaceLib);
       }
+      // eslint-disable-next-line
       rule.options.plugins = rule.options.plugins.filter(plugin => (
         !plugin.indexOf || plugin.indexOf('babel-plugin-add-module-exports') === -1
       ));
@@ -86,6 +87,7 @@ module.exports = {
     verbose: true,
   },
   webpackConfig(config) {
+    // eslint-disable-next-line
     config.resolve.alias = {
       'antd/lib': path.join(process.cwd(), 'components'),
       'antd/es': path.join(process.cwd(), 'components'),
@@ -94,11 +96,13 @@ module.exports = {
       'react-router': 'react-router/umd/ReactRouter',
     };
 
+    // eslint-disable-next-line
     config.externals = {
       'react-router-dom': 'ReactRouterDOM',
     };
 
     if (usePreact) {
+      // eslint-disable-next-line
       config.resolve.alias = Object.assign({}, config.resolve.alias, {
         react: 'preact-compat',
         'react-dom': 'preact-compat',
@@ -108,6 +112,7 @@ module.exports = {
     }
 
     if (isDev) {
+      // eslint-disable-next-line
       config.devtool = 'source-map';
     }
 
diff --git a/site/theme/index.js b/site/theme/index.js
index 44f77e123d..a38ee5f575 100644
--- a/site/theme/index.js
+++ b/site/theme/index.js
@@ -1,5 +1,5 @@
-require('core-js/es6/string');
-const path = require('path');
+import 'core-js/es6/string';
+import path from 'path';
 
 const homeTmpl = './template/Home/index';
 const contentTmpl = './template/Content/index';
@@ -16,6 +16,7 @@ function pickerGenerator(module) {
         meta: markdownData.meta,
       };
     }
+    return null;
   };
 }
 
@@ -30,8 +31,9 @@ module.exports = {
     components(markdownData) {
       const { filename } = markdownData.meta;
       if (!/^components/.test(filename)
-          || /[/\\]demo$/.test(path.dirname(filename))) return;
-
+          || /[/\\]demo$/.test(path.dirname(filename))) {
+        return null;
+      }
       return {
         meta: markdownData.meta,
       };
@@ -42,6 +44,7 @@ module.exports = {
           meta: markdownData.meta,
         };
       }
+      return null;
     },
     'docs/pattern': pickerGenerator('pattern'),
     'docs/react': pickerGenerator('react'),
diff --git a/site/theme/template/Color/Palette.jsx b/site/theme/template/Color/Palette.jsx
index 8bf6a8390b..57a761ab7e 100644
--- a/site/theme/template/Color/Palette.jsx
+++ b/site/theme/template/Color/Palette.jsx
@@ -29,7 +29,11 @@ export default class Palette extends React.Component {
 
   render() {
     this.colorNodes = this.colorNodes || {};
-    const { showTitle, direction, color: { name, description, english, chinese } } = this.props;
+    const {
+      showTitle, direction, color: {
+        name, description, english, chinese,
+      },
+    } = this.props;
     const className = direction === 'horizontal' ? 'color-palette-horizontal' : 'color-palette';
     const colors = [];
     const colorName = `${english} / ${chinese}`;
diff --git a/site/theme/template/Content/Article.jsx b/site/theme/template/Content/Article.jsx
index 390dece1ec..ebca4150fb 100644
--- a/site/theme/template/Content/Article.jsx
+++ b/site/theme/template/Content/Article.jsx
@@ -23,7 +23,9 @@ export default class Article extends React.Component {
     }
     this.pingTimer = ping((status) => {
       if (status !== 'timeout' && status !== 'error') {
-        links.forEach(link => (link.style.display = 'block'));
+        links.forEach((link) => {
+          link.style.display = 'block'; // eslint-disable-line
+        });
       } else {
         links.forEach(link => link.parentNode.removeChild(link));
       }
diff --git a/site/theme/template/Content/ComponentDoc.jsx b/site/theme/template/Content/ComponentDoc.jsx
index 9c0cd53f51..bee7965a1e 100644
--- a/site/theme/template/Content/ComponentDoc.jsx
+++ b/site/theme/template/Content/ComponentDoc.jsx
@@ -3,7 +3,9 @@ import PropTypes from 'prop-types';
 import DocumentTitle from 'react-document-title';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { Row, Col, Icon, Affix, Tooltip } from 'antd';
+import {
+  Row, Col, Icon, Affix, Tooltip,
+} from 'antd';
 import { getChildren } from 'jsonml.js/lib/utils';
 import Demo from './Demo';
 import EditButton from './EditButton';
@@ -112,7 +114,8 @@ export default class ComponentDoc extends React.Component {
             </h2>
           </section>
           <Row gutter={16}>
-            <Col span={isSingleCol ? '24' : '12'}
+            <Col
+              span={isSingleCol ? '24' : '12'}
               className={
                 isSingleCol
                   ? 'code-boxes-col-1-1'
diff --git a/site/theme/template/Content/Demo.jsx b/site/theme/template/Content/Demo.jsx
index 8dda52906c..b59413f9e3 100644
--- a/site/theme/template/Content/Demo.jsx
+++ b/site/theme/template/Content/Demo.jsx
@@ -31,14 +31,6 @@ export default class Demo extends React.Component {
     showRiddleButton: false,
   };
 
-  shouldComponentUpdate(nextProps, nextState) {
-    const { codeExpand, copied, copyTooltipVisible } = this.state;
-    const { expand } = this.props;
-    return (codeExpand || expand) !== (nextState.codeExpand || nextProps.expand)
-      || copied !== nextState.copied
-      || copyTooltipVisible !== nextState.copyTooltipVisible;
-  }
-
   componentDidMount() {
     const { meta, location } = this.props;
     if (meta.id === location.hash.slice(1)) {
@@ -54,6 +46,14 @@ export default class Demo extends React.Component {
     });
   }
 
+  shouldComponentUpdate(nextProps, nextState) {
+    const { codeExpand, copied, copyTooltipVisible } = this.state;
+    const { expand } = this.props;
+    return (codeExpand || expand) !== (nextState.codeExpand || nextProps.expand)
+      || copied !== nextState.copied
+      || copyTooltipVisible !== nextState.copyTooltipVisible;
+  }
+
   getSourceCode() {
     const { highlightedCode } = this.props;
     if (typeof document !== 'undefined') {
@@ -199,7 +199,7 @@ ${sourceCode.replace('mountNode', 'document.getElementById(\'container\')')}
           </ErrorBoundary>
           {
             style
-              ? <style dangerouslySetInnerHTML={{ __html: style }} />
+              ? <style dangerouslySetInnerHTML={{ __html: style }} /> // eslint-disable-line
               : null
           }
         </section>
@@ -281,7 +281,7 @@ ${sourceCode.replace('mountNode', 'document.getElementById(\'container\')')}
               ? (
                 <div key="style" className="highlight">
                   <pre>
-                    <code className="css" dangerouslySetInnerHTML={{ __html: highlightedStyle }} />
+                    <code className="css" dangerouslySetInnerHTML={{ __html: highlightedStyle }} /> {/* eslint-disable-line */}
                   </pre>
                 </div>
               ) : null
diff --git a/site/theme/template/Content/MainContent.jsx b/site/theme/template/Content/MainContent.jsx
index 15cae95bc6..ca2b61b574 100644
--- a/site/theme/template/Content/MainContent.jsx
+++ b/site/theme/template/Content/MainContent.jsx
@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'bisheng/router';
-import { Row, Col, Menu, Icon } from 'antd';
+import {
+  Row, Col, Menu, Icon,
+} from 'antd';
 import classNames from 'classnames';
 import MobileMenu from 'rc-drawer';
 import Article from './Article';
@@ -91,6 +93,58 @@ export default class MainContent extends React.PureComponent {
     this.scroller.disable();
   }
 
+  getMenuItems(footerNavIcons = {}) {
+    const { themeConfig } = this.props;
+    const { intl: { locale } } = this.context;
+    const moduleData = getModuleData(this.props);
+    const menuItems = utils.getMenuItems(
+      moduleData,
+      locale,
+      themeConfig.categoryOrder,
+      themeConfig.typeOrder,
+    );
+    return menuItems.map((menuItem) => {
+      if (menuItem.children) {
+        return (
+          <SubMenu title={<h4>{menuItem.title}</h4>} key={menuItem.title}>
+            {menuItem.children.map((child) => {
+              if (child.type === 'type') {
+                return (
+                  <Menu.ItemGroup title={child.title} key={child.title}>
+                    {
+                      child.children
+                        .sort((a, b) => a.title.charCodeAt(0) - b.title.charCodeAt(0))
+                        .map(leaf => this.generateMenuItem(false, leaf, footerNavIcons))
+                    }
+                  </Menu.ItemGroup>
+                );
+              }
+              return this.generateMenuItem(false, child, footerNavIcons);
+            })}
+          </SubMenu>
+        );
+      }
+      return this.generateMenuItem(true, menuItem, footerNavIcons);
+    });
+  }
+
+  getFooterNav(menuItems, activeMenuItem) {
+    const menuItemsList = this.flattenMenu(menuItems);
+    let activeMenuItemIndex = -1;
+    menuItemsList.forEach((menuItem, i) => {
+      if (menuItem && menuItem.key === activeMenuItem) {
+        activeMenuItemIndex = i;
+      }
+    });
+    const prev = menuItemsList[activeMenuItemIndex - 1];
+    const next = menuItemsList[activeMenuItemIndex + 1];
+    return { prev, next };
+  }
+
+  handleMenuOpenChange = (openKeys) => {
+    this.setState({ openKeys });
+  }
+
   bindScroller() {
     if (this.scroller) {
       this.scroller.disable();
@@ -105,7 +159,7 @@ export default class MainContent extends React.PureComponent {
       })
       .onStepEnter(({ element }) => {
         [].forEach.call(document.querySelectorAll('.toc-affix li a'), (node) => {
-          node.className = '';
+          node.className = ''; // eslint-disable-line
         });
         const currentNode = document.querySelectorAll(`.toc-affix li a[href="#${element.id}"]`)[0];
         if (currentNode) {
@@ -114,10 +168,6 @@ export default class MainContent extends React.PureComponent {
       });
   }
 
-  handleMenuOpenChange = (openKeys) => {
-    this.setState({ openKeys });
-  }
-
   generateMenuItem(isTop, item, { before = null, after = null }) {
     const { intl: { locale } } = this.context;
     const key = fileNameToPath(item.filename);
@@ -152,39 +202,6 @@ export default class MainContent extends React.PureComponent {
     );
   }
 
-  getMenuItems(footerNavIcons = {}) {
-    const { themeConfig } = this.props;
-    const { intl: { locale } } = this.context;
-    const moduleData = getModuleData(this.props);
-    const menuItems = utils.getMenuItems(
-      moduleData,
-      locale,
-      themeConfig.categoryOrder,
-      themeConfig.typeOrder,
-    );
-    return menuItems.map((menuItem) => {
-      if (menuItem.children) {
-        return (
-          <SubMenu title={<h4>{menuItem.title}</h4>} key={menuItem.title}>
-            {menuItem.children.map((child) => {
-              if (child.type === 'type') {
-                return (
-                  <Menu.ItemGroup title={child.title} key={child.title}>
-                    {child.children.sort((a, b) => {
-                      return a.title.charCodeAt(0) - b.title.charCodeAt(0);
-                    }).map(leaf => this.generateMenuItem(false, leaf, footerNavIcons))}
-                  </Menu.ItemGroup>
-                );
-              }
-              return this.generateMenuItem(false, child, footerNavIcons);
-            })}
-          </SubMenu>
-        );
-      }
-      return this.generateMenuItem(true, menuItem, footerNavIcons);
-    });
-  }
-
   flattenMenu(menu) {
     if (menu && menu.type && menu.type.isMenuItem) {
       return menu;
@@ -195,19 +212,6 @@ export default class MainContent extends React.PureComponent {
     return this.flattenMenu((menu.props && menu.props.children) || menu.children);
   }
 
-  getFooterNav(menuItems, activeMenuItem) {
-    const menuItemsList = this.flattenMenu(menuItems);
-    let activeMenuItemIndex = -1;
-    menuItemsList.forEach((menuItem, i) => {
-      if (menuItem && menuItem.key === activeMenuItem) {
-        activeMenuItemIndex = i;
-      }
-    });
-    const prev = menuItemsList[activeMenuItemIndex - 1];
-    const next = menuItemsList[activeMenuItemIndex + 1];
-    return { prev, next };
-  }
-
   render() {
     const { props } = this;
     const { isMobile } = this.context;
diff --git a/site/theme/template/Home/Page1.jsx b/site/theme/template/Home/Page1.jsx
index 1ebd6c62cd..549d471656 100644
--- a/site/theme/template/Home/Page1.jsx
+++ b/site/theme/template/Home/Page1.jsx
@@ -125,6 +125,10 @@ export default class Page1 extends React.PureComponent {
     hoverKey: null,
   }
 
+  leave = {
+    opacity: 0, duration: 300, x: 100, y: 150, ease: 'easeInBack',
+  };
+
   onMouseOver = (key) => {
     this.setState({
       hoverKey: key,
@@ -175,10 +179,6 @@ export default class Page1 extends React.PureComponent {
     );
   });
 
-  leave = {
-    opacity: 0, duration: 300, x: 100, y: 150, ease: 'easeInBack',
-  };
-
   render() {
     const { locale, isMobile } = this.props;
     const { hoverKey } = this.state;
diff --git a/site/theme/template/Home/Page3.jsx b/site/theme/template/Home/Page3.jsx
index 217b9630cf..542ec962dd 100644
--- a/site/theme/template/Home/Page3.jsx
+++ b/site/theme/template/Home/Page3.jsx
@@ -55,7 +55,9 @@ export default function Page3({ locale }) {
           {item.title}
           {item.hot ? (
             <Tag
-              style={{ marginLeft: 8, position: 'relative', top: -3, height: 18, lineHeight: '16px', padding: '0 2px' }}
+              style={{
+                marginLeft: 8, position: 'relative', top: -3, height: 18, lineHeight: '16px', padding: '0 2px',
+              }}
               color="#f50"
             >
               HOT
diff --git a/site/theme/template/Home/index.jsx b/site/theme/template/Home/index.jsx
index 7440c6bcda..937488acdd 100644
--- a/site/theme/template/Home/index.jsx
+++ b/site/theme/template/Home/index.jsx
@@ -68,7 +68,7 @@ class Home extends React.Component {
     return (
       <DocumentTitle title={`Ant Design - ${intl.formatMessage({ id: 'app.home.slogan' })}`}>
         <div className="main-wrapper">
-          <style dangerouslySetInnerHTML={{ __html: getStyle() }} />
+          <style dangerouslySetInnerHTML={{ __html: getStyle() }} /> {/* eslint-disable-line */}
           <Banner {...childProps} />
           <Page1 {...childProps} />
           <Page2 {...childProps} />
diff --git a/site/theme/template/Layout/Footer.jsx b/site/theme/template/Layout/Footer.jsx
index a15f3b6801..223cbb9706 100644
--- a/site/theme/template/Layout/Footer.jsx
+++ b/site/theme/template/Layout/Footer.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { Modal, message, Row, Col, Badge, Icon } from 'antd';
+import {
+  Modal, message, Row, Col, Badge, Icon,
+} from 'antd';
 import { Link } from 'bisheng/router';
 import { isLocalStorageNameSupported, loadScript, getLocalizedPathname } from '../utils';
 import ColorPicker from '../Color/ColorPicker';
diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
index 9b826b0c07..53d0f2791d 100644
--- a/site/theme/template/Layout/Header.jsx
+++ b/site/theme/template/Layout/Header.jsx
@@ -3,7 +3,9 @@ import PropTypes from 'prop-types';
 import { Link } from 'bisheng/router';
 import { FormattedMessage } from 'react-intl';
 import classNames from 'classnames';
-import { Select, Menu, Row, Col, Icon, Popover, Input, Badge, Button } from 'antd';
+import {
+  Select, Menu, Row, Col, Icon, Popover, Input, Badge, Button,
+} from 'antd';
 import * as utils from '../utils';
 import { version as antdVersion } from '../../../../package.json';
 
@@ -26,8 +28,8 @@ function initDocSearch(locale) {
     algoliaOptions: { facetFilters: [`tags:${lang}`] },
     transformData(hits) {
       hits.forEach((hit) => {
-        hit.url = hit.url.replace('ant.design', location.host);
-        hit.url = hit.url.replace('https:', location.protocol);
+        hit.url = hit.url.replace('ant.design', window.location.host); // eslint-disable-line
+        hit.url = hit.url.replace('https:', window.location.protocol); // eslint-disable-line
       });
       return hits;
     },
@@ -170,7 +172,10 @@ export default class Header extends React.Component {
               rel="noopener noreferrer"
             >
               教程
-              <span style={{ display: 'inline-block', position: 'relative', top: -2, width: 6, marginLeft: 8 }}>
+              <span style={{
+                display: 'inline-block', position: 'relative', top: -2, width: 6, marginLeft: 8,
+              }}
+              >
                 <Badge dot />
               </span>
             </a>
@@ -209,7 +214,7 @@ export default class Header extends React.Component {
           <Col xxl={20} xl={19} lg={19} md={19} sm={0} xs={0}>
             <div id="search-box">
               <Icon type="search" />
-              <Input ref={ref => this.searchInput = ref} placeholder={searchPlaceholder} />
+              <Input ref={(ref) => { this.searchInput = ref; }} placeholder={searchPlaceholder} />
             </div>
             {!isMobile && menu}
           </Col>
diff --git a/site/theme/template/Layout/index.jsx b/site/theme/template/Layout/index.jsx
index 88eee47bb4..5ee4701b24 100644
--- a/site/theme/template/Layout/index.jsx
+++ b/site/theme/template/Layout/index.jsx
@@ -43,11 +43,6 @@ export default class Layout extends React.Component {
     isMobile: PropTypes.bool,
   };
 
-  getChildContext() {
-    const { isMobile: mobile } = this.state;
-    return { isMobile: mobile };
-  }
-
   constructor(props) {
     super(props);
     const { pathname } = props.location;
@@ -60,6 +55,11 @@ export default class Layout extends React.Component {
     };
   }
 
+  getChildContext() {
+    const { isMobile: mobile } = this.state;
+    return { isMobile: mobile };
+  }
+
   componentDidMount() {
     const { router } = this.context;
     router.listen((loc) => {
diff --git a/tests/__mocks__/rc-trigger.js b/tests/__mocks__/rc-trigger.js
index 9991c3f8d4..88089fcd4b 100644
--- a/tests/__mocks__/rc-trigger.js
+++ b/tests/__mocks__/rc-trigger.js
@@ -4,9 +4,9 @@ let Trigger; // eslint-disable-line
 
 if (process.env.REACT === '15') {
   const ActualTrigger = require.requireActual('rc-trigger');
-  const render = ActualTrigger.prototype.render;
+  const { render } = ActualTrigger.prototype;
 
-  ActualTrigger.prototype.render = function () {
+  ActualTrigger.prototype.render = () => {
     const { popupVisible } = this.state; // eslint-disable-line
     let component;
 
@@ -27,5 +27,4 @@ if (process.env.REACT === '15') {
   Trigger = TriggerMock;
 }
 
-
 export default Trigger;
diff --git a/tests/dekko/lib.test.js b/tests/dekko/lib.test.js
index 86e95efd26..a9399f28e1 100644
--- a/tests/dekko/lib.test.js
+++ b/tests/dekko/lib.test.js
@@ -6,13 +6,9 @@ $('lib')
   .hasFile('index.d.ts');
 
 $('lib/*')
-  .filter((filename) => {
-    return !filename.endsWith('index.js') && !filename.endsWith('index.d.ts');
-  })
+  .filter(filename => !filename.endsWith('index.js') && !filename.endsWith('index.d.ts'))
   .isDirectory()
-  .filter((filename) => {
-    return !filename.endsWith('style') && !filename.endsWith('_util');
-  })
+  .filter(filename => !filename.endsWith('style') && !filename.endsWith('_util'))
   .hasFile('index.js')
   .hasFile('index.d.ts')
   .hasDirectory('style');
diff --git a/tests/setup.js b/tests/setup.js
index a893dddc08..b2085c7f87 100644
--- a/tests/setup.js
+++ b/tests/setup.js
@@ -10,19 +10,14 @@ if (typeof window !== 'undefined') {
 
 // The built-in requestAnimationFrame and cancelAnimationFrame not working with jest.runFakeTimes()
 // https://github.com/facebook/jest/issues/5147
-global.requestAnimationFrame = function (cb) {
-  return setTimeout(cb, 0);
-};
-
-global.cancelAnimationFrame = function (cb) {
-  return clearTimeout(cb, 0);
-};
+global.requestAnimationFrame = cb => setTimeout(cb, 0);
+global.cancelAnimationFrame = cb => clearTimeout(cb, 0);
 
 const Enzyme = require('enzyme');
 
 let Adapter;
 if (process.env.REACT === '15') {
-  Adapter = require('enzyme-adapter-react-15');
+  Adapter = require('enzyme-adapter-react-15'); // eslint-disable-line
 } else {
   Adapter = require('enzyme-adapter-react-16');
 }
diff --git a/webpack.config.js b/webpack.config.js
index 08ad09b822..b266af2784 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,5 +1,6 @@
+/* eslint no-param-reassign: 0 */
 // This config is for building dist files
-const webpack = require('webpack');
+const webpack = require('webpack'); // eslint-disable-line
 const getWebpackConfig = require('antd-tools/lib/getWebpackConfig');
 
 // noParse still leave `require('./locale' + name)` in dist files