bump 2.13.8 - change version

2.13.8 change log review (#8041 )
bump 2.13.8
2026-02-17 23:02:28 +08:00 · 2017-10-28 18:52:06 +08:00 · 2017-10-28 05:34:10 -05:00 · 2017-10-28 17:03:56 +08:00 · 2017-10-28 00:09:55 +08:00 · 2017-10-27 07:21:34 -05:00
401 changed files with 7621 additions and 3952 deletions
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,5 +1,6 @@
 components/**/*.js
 components/**/*.jsx
+components/*/__tests__/type.tsx
 !.eslintrc.js
-!components/*/__tests__/*
+!components/*/__tests__/**/*.js
 !components/*/demo/*
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -30,6 +30,7 @@ const eslintrc = {
    '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,
@@ -38,8 +39,13 @@ const eslintrc = {
    '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,
  },
 };

@@ -51,6 +57,7 @@ if (process.env.RUN_ENV === 'DEMO') {
  };

  Object.assign(eslintrc.rules, {
+    indent: 0,
    'no-console': 0,
    'no-plusplus': 0,
    'eol-last': 0,
--- a/.gitignore
+++ b/.gitignore
@@ -32,6 +32,7 @@ config/base.yaml
 /.vscode/
 /coverage
 yarn.lock
+package-lock.json
 components/**/*.js
 components/**/*.jsx
 !components/**/__tests__/*.js
--- a/.jest.js
+++ b/.jest.js
@@ -2,13 +2,9 @@ const libDir = process.env.LIB_DIR;

 const transformIgnorePatterns = [
  '/dist/',
-  '/node_modules/reqwest',
+  'node_modules\/[^/]+?\/(?!(es|node_modules)\/)', // Ignore modules without es dir
 ];

-if (libDir !== 'es') {
-  transformIgnorePatterns.push('/node_modules/');
-}
-
 module.exports = {
  setupFiles: [
    './tests/setup.js',
@@ -30,9 +26,9 @@ module.exports = {
    'node',
  ],
  transform: {
-    '\\.tsx?$': './node_modules/typescript-babel-jest',
-    '\\.js$': './node_modules/babel-jest',
-    '\\.md$': './node_modules/antd-demo-jest',
+    '\\.tsx?$': './node_modules/antd-tools/lib/jest/codePreprocessor',
+    '\\.js$': './node_modules/antd-tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/antd-tools/lib/jest/demoPreprocessor',
  },
  testRegex: libDir === 'dist' ? 'demo\\.test\\.js$' : '.*\\.test\\.js$',
  collectCoverageFrom: [
@@ -40,6 +36,7 @@ module.exports = {
    '!components/*/style/index.tsx',
    '!components/style/index.tsx',
    '!components/*/locale/index.tsx',
+    '!components/*/__tests__/**/type.tsx',
  ],
  transformIgnorePatterns,
  snapshotSerializers: [
--- a/.jest.node.js
+++ b/.jest.node.js
@@ -9,9 +9,9 @@ module.exports = {
    'md',
  ],
  transform: {
-    '\\.tsx?$': './node_modules/typescript-babel-jest',
-    '\\.js$': './node_modules/babel-jest',
-    '\\.md$': './node_modules/antd-demo-jest',
+    '\\.tsx?$': './node_modules/antd-tools/lib/jest/codePreprocessor',
+    '\\.js$': './node_modules/antd-tools/lib/jest/codePreprocessor',
+    '\\.md$': './node_modules/antd-tools/lib/jest/demoPreprocessor',
  },
  testRegex: 'demo\\.test\\.js$',
  testEnvironment: 'node',
--- a/.travis.yml
+++ b/.travis.yml
@@ -3,13 +3,14 @@ sudo: false
 language: node_js

 node_js:
-  - "6"
+  - "8.5"

 env:
  matrix:
    - TEST_TYPE=lint
-    - TEST_TYPE=dist
-    - TEST_TYPE=compile
+    - TEST_TYPE=test:dist
+    - TEST_TYPE=test:lib
+    - TEST_TYPE=test:es
    - TEST_TYPE=test:dom
    - TEST_TYPE=test:node

@@ -17,18 +18,18 @@ script:
  - |
    if [ "$TEST_TYPE" = lint ]; then
      npm run lint
-    elif [ "$TEST_TYPE" = dist ]; then
+    elif [ "$TEST_TYPE" = test:dist ]; then
      npm run dist && \
      node ./tests/dekko/dist.test.js && \
-      LIB_DIR=dist npm test -- --coverage -w 2
-    elif [ "$TEST_TYPE" = compile ]; then
-      npm run dist && \
+      LIB_DIR=dist npm test -- -w 2
+    elif [ "$TEST_TYPE" = test:lib ]; then
      npm run compile && \
      node ./tests/dekko/lib.test.js && \
-      LIB_DIR=es npm test -- --coverage -w 2 && \
-      LIB_DIR=lib npm test -- --coverage -w 2
+      LIB_DIR=lib npm test -- -w 2
+    elif [ "$TEST_TYPE" = test:es ]; then
+      npm run compile && \
+      LIB_DIR=es npm test -- -w 2
    elif [ "$TEST_TYPE" = test:dom ]; then
-      npm run dist && \
      npm test -- --coverage -w 2 && \
      bash <(curl -s https://codecov.io/bash)
    elif [ "$TEST_TYPE" = test:node ]; then
--- a/AUTHORS.txt
+++ b/AUTHORS.txt
@@ -141,6 +141,7 @@ Tino D <ginodeis@gmail.com>
 Tyler <chaotyler@gmail.com>
 Vadim Macagon <vadim.macagon@gmail.com>
 Valentin Vichnal <valentin@vichnal.com>
+Vemund Santi <veund@santi.no>
 Vincent Zhang <vxzhong@qq.com>
 Walter Barbagallo <turbometalskater@gmail.com>
 Warren Seymour <warren@fountainhead.tech>
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -17,6 +17,208 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi

 ---

+## 2.13.8
+
+`2017-10-27`
+
+- 🌟 Add a mirror site in China: [http://ant-design.gitee.io](http://ant-design.gitee.io)
+- 🐞 Fix `ref warning` of Menu in React 16. [#8037](https://github.com/ant-design/ant-design/pull/8037) [@vgeyi](https://github.com/vgeyi)
+- 🐞 Fix extra padding of loading Card when it is too wide. [ad9809ec](https://github.com/ant-design/ant-design/commit/ad9809ec2e29275c9348537b04584dcfdc96659a)
+- 📝 Add sorted API to enhance readability of docs. [#7896](https://github.com/ant-design/ant-design/pull/7896)[@monkindey](https://github.com/monkindey)
+- 📝 Improve Modal docs of how to setting styles. [#7840](https://github.com/ant-design/ant-design/issues/7840) [@kossel](https://github.com/kossel)
+- 🐞 Fix the inner shadow of Input on IOS. [#7974](https://github.com/ant-design/ant-design/pull/7974) [@cnahliu](https://github.com/cnahliu)
+
+## 2.13.7
+
+`2017-10-22`
+
+- 🐞 Fix input height in AutoComplete. [#7918](https://github.com/ant-design/ant-design/issues/7918)
+- 🐞 Fix Cascader `inputPrefixCls` can not be fully effective. [#7945](https://github.com/ant-design/ant-design/pull/7945) [@vgeyi](https://github.com/vgeyi)
+- 🐞 Fix extra margin in sider Layout. [#7967](https://github.com/ant-design/ant-design/issues/7967)
+- 🐞 Fix RangePicker can not close panel when click presetted ranges. [#7747](https://github.com/ant-design/ant-design/issues/7747)
+- Table
+  - 🐞 Fix Radio can not be centered in Table column. [#7969](https://github.com/ant-design/ant-design/issues/7969)
+  - 🐞 Fix Table filter can't show after remove fixed setting. [#7909](https://github.com/ant-design/ant-design/issues/7909)
+- 🌟 Add `scrollNumberPrefixCls` prop for Badge. [#7882](https://github.com/ant-design/ant-design/pull/7882) [@vgeyi](https://github.com/vgeyi)
+- 🌟 Add some less variables. [#7886](https://github.com/ant-design/ant-design/issues/7886) [@syssam](https://github.com/syssam)
+
+## 2.13.6
+
+`2017-10-12`
+
+- 🐞 Fix issue that `beforeUpload` will stop uploading when return undefined. [#7870](https://github.com/ant-design/ant-design/issues/7870)
+
+## 2.13.5
+
+`2017-10-11`
+
+- 🐞 Fix issue resulting in FormItem throws error when use with reac-hot-loader. [#7775](https://github.com/ant-design/ant-design/issues/7775)
+- 🐞 Fix not working less variable `@link-hover-decoration`. [#7821](https://github.com/ant-design/ant-design/issues/7821)
+- 🐞 Fix issue resulting in Upload's `beforeUpload` method not returning promise properly. [#7833](https://github.com/ant-design/ant-design/issues/7833)
+- 🐞 Fix issue resulting in Input.Search's search icon being covered with Form's feedback icon. [#7854](https://github.com/ant-design/ant-design/issues/7854)
+- AutoComplete
+  - 🐞 Fix circular reference with infinite children [#7742](https://github.com/ant-design/ant-design/pull/7742) [@menberg](https://github.com/ant-design/ant-design/pull/7742)
+  - 🐞 Fix style when use with TextArea. [#7801](https://github.com/ant-design/ant-design/issues/7800)
+- 🌟 Improve TypeScript definition. [cf788d7](https://github.com/ant-design/ant-design/commit/cf788d7b4dda58f61da91086ccfe0c67872fc709) [d4c75d43](https://github.com/ant-design/ant-design/commit/d4c75d43a1824d36583d9d8f9b209a4b9526a3af)
+- 🌟 Add new less variable. [2e2acb5](https://github.com/ant-design/ant-design/commit/2e2acb5be9a171f217f2a1a143b34b2624b49b06)
+
+## 2.13.4
+
+`2017-09-29`
+
+- 🐞 Fix missing Pagination `size="small"` style.
+- 🐞 Fix Anchor missing padding. [#7712](https://github.com/ant-design/ant-design/issues/7712)
+- 🐞 Fix TreeSelect extra select below search input. [#7703](https://github.com/ant-design/ant-design/issues/7703)
+- 🐞 Fix the jumping problem of Form validate text. [#7730](https://github.com/ant-design/ant-design/issues/7730)
+- 🐞 Fix Button Group loading style. [#7709](https://github.com/ant-design/ant-design/issues/7709)
+- 🐞 Fix blur placeholder text color. [#7365](https://github.com/ant-design/ant-design/issues/7365)
+- 🐞 Fix Mention `suggestion.toLowerCase is not a function` error. [#7696](https://github.com/ant-design/ant-design/issues/7696) [@kappa-gooner](https://github.com/kappa-gooner)
+- 🐞 Fix a children height problem of Layout.Sider. [#7716](https://github.com/ant-design/ant-design/pull/7716) [@zheeeng](https://github.com/zheeeng)
+- 🐞 Fix Dropdown menu group style.
+- 🐞 Fix Table filter icon and dropdown style.
+- 🐞 Fix a AutoComplete circular reference bug in Inferno. [#7742](https://github.com/ant-design/ant-design/pull/7742) [@menberg](https://github.com/menberg)
+- 🐞 Fix Upload cannot upload file when using `beforeUpload`. [#7762](https://github.com/ant-design/ant-design/issues/7762) [#6983](https://github.com/ant-design/ant-design/issues/6983)
+- TypeScript
+  - 🐞 Fix Input `maxLength` definite. [#7744](https://github.com/ant-design/ant-design/pull/7744) [@delesseps](https://github.com/delesseps)
+  - 🐞 Fix `disabledTime` definite of DatePicker. [#7740](https://github.com/ant-design/ant-design/pull/7740) [@778758944](https://github.com/778758944)
+
+## 2.13.3
+
+`2017-09-22`
+
+- 🐞 Fix Affix scrolling bug when document's height minus viewport's height is smaller than the height of children of Affix. [#2349](https://github.com/ant-design/ant-design/issues/2349)
+- 🐞 Fix broken style of header of Card when `Card[title]` is void and `Card[extra]` is set. [f46112d#commitcomment-24480417](https://github.com/ant-design/ant-design/commit/f46112d38561c89780eb44ecbba82347d2b912da#commitcomment-24480417)
+- 🐞 Fix TypeScript definition of `Checkbox[children]`. [#7650](https://github.com/ant-design/ant-design/issues/7650) [@liaokaien](https://github.com/liaokaien)
+- 🐞 Fix error when set nested name in `getFieldDecorator` and then click the label of `Form.Item`. [#7693](https://github.com/ant-design/ant-design/issues/7693)
+- Input
+  - 🐞 Fix broken style of `Input.Group[compat]` when it has `Select` as its children. [#7662](https://github.com/ant-design/ant-design/issues/7662)
+  - 🐞 Fix TypeScript definition of `Input[autoComplete]`. [#7699](https://github.com/ant-design/ant-design/pull/7699) [@delesseps](https://github.com/delesseps)
+- LocaleProvider
+  - 🇵🇹 Support Portuguese. [#7449](https://github.com/ant-design/ant-design/pull/7449) [@taviroquai](https://github.com/taviroquai)
+  - 🐞 Fix missing translations in Dutch locale. [#7694](https://github.com/ant-design/ant-design/pull/7694) [@kstiopin](https://github.com/kstiopin)
+- Table
+  - 🐞 Fix height of table header when `rowSelection` is set. [#7663](https://github.com/ant-design/ant-design/issues/7663)
+  - 🐞 Fix bug that click on first two options will not trigger event when `rowSelection.hideDefaultselections` is set. [#7626](https://github.com/ant-design/ant-design/issues/7626) [@infeng](https://github.com/infeng)
+  - 🐞 Fix TypeScript definition of `Table[scroll]`. [#7640](https://github.com/ant-design/ant-design/pull/7640) [@BlackGanglion](https://github.com/BlackGanglion)
+
+
+## 2.13.2
+
+`2017-09-15`
+
+- 🐞 Fix title and extra content position of narrow Card. [#7604](https://github.com/ant-design/ant-design/issues/7604)
+- 🐞 Fix inlineCollapsed style of MenuItemGroup. [#7109](https://github.com/ant-design/ant-design/issues/7109)
+- 🐞 Revert [#7142](https://github.com/ant-design/ant-design/issues/7142) to fix empty data style of Table.
+- 🐞 Fix Form `getFieldDecoratorOptions` missing types of `normalize` and `validateFirst`. [#7552](https://github.com/ant-design/ant-design/issues/7552) [@meteor91](https://github.com/meteor91) [@mitchelldemler](https://github.com/mitchelldemler)
+- 🐞 Fix Modal `zIndex` type. [#7624](https://github.com/ant-design/ant-design/issues/7624)
+- 🌟 Improve tree node loading icon position. [#7584](https://github.com/ant-design/ant-design/issues/7584)
+- 🌟 Update a lot of components's English doc. [@khalibloo](https://github.com/khalibloo)
+
+## 2.13.1
+
+`2017-09-10`
+
+- 🐞 Fix Card.Grid broken style. [commit/c7d6ce](https://github.com/ant-design/ant-design/commit/c7d6ce5d3f7bfae1f2252d702fb1bdf04fdc80cb)
+- 🐞 Fix Cascader overlaping text. [#7475](https://github.com/ant-design/ant-design/issues/7475)
+- 🐞 Fix simple mode Pagination prev and next button missing. [#7500](https://github.com/ant-design/ant-design/issues/7500)
+- 🐞 Fix Slider typings. [#7532](https://github.com/ant-design/ant-design/issues/7532)
+- Table
+  - 🐞 Fix empty data scroll style. [#7457](https://github.com/ant-design/ant-design/issues/7457) [#7468](https://github.com/ant-design/ant-design/issues/7468) [#7470](https://github.com/ant-design/ant-design/issues/7470) [#7509](https://github.com/ant-design/ant-design/issues/7509)
+  - 🌟 Make supplement for API docs. [#7525](https://github.com/ant-design/ant-design/pull/7525) [@hansnow](https://github.com/hansnow)
+- 🐞 Fix Upload typings. [#7507](https://github.com/ant-design/ant-design/pull/7507) [@WingGao](https://github.com/WingGao)
+- 🐞 Fix inlineCollapsed Menu when Submenu is opened. [#7514](https://github.com/ant-design/ant-design/issues/7514)
+- 🐞 Fix validateStatus styles of some Form Controls. [#7498](https://github.com/ant-design/ant-design/issues/7498)
+- 🐞 Fix @link-hover-decoration not working. [#7531](https://github.com/ant-design/ant-design/issues/7531)
+- 🌟 Optimize the English documentation of some components. [@khalibloo](https://github.com/khalibloo)
+
+## 2.13.0
+
+`2017-09-01`
+
+- 🌟 Add `okType` and `cancelType` prop to Popconfirm and Modal and it's related methods. [#6848](https://github.com/ant-design/ant-design/pull/6848) [@yociduo](https://github.com/yociduo)
+- 🌟 Add `zIndex` prop to Modal and it's relatedt methos. [#6880](https://github.com/ant-design/ant-design/pull/6880) [@Alex1990](https://github.com/Alex1990)
+- 🌟 Add `name` prop to RadioGroup. [#7009](https://github.com/ant-design/ant-design/pull/7009) [@djyde](https://github.com/djyde)
+- 🌟 Add `hideDefaultSelections` props to Table. [#7295](https://github.com/ant-design/ant-design/issues/7295)
+- Dropdown
+  - 🌟 Add `disabled` prop. [#7102](https://github.com/ant-design/ant-design/pull/7102) [@yociduo](https://github.com/yociduo)
+  - 🌟 Menu can not be selected defaultly now.
+- 🌟 Add a third parameter `originalElement` to Pagination's `itemRender`.
+- 🌟 Add `backfill` prop to AutoComplete, items are selected by keyborad will be backfilled to the search input. [#5764](https://github.com/ant-design/ant-design/issues/5764)
+- 🌟 Add `firstActiveValue` prop to Select to allow specify active item when open select first time. [#6318](https://github.com/ant-design/ant-design/issues/6318) [@L-x-C](https://github.com/ant-design/ant-design/issues/6318)
+- LocaleProvider
+  - 🌟 Add Persian. [#6878](https://github.com/ant-design/ant-design/pull/6878) [@mkermani144](https://github.com/mkermani144)
+  - 🌟 Add Greek. [#6928](https://github.com/ant-design/ant-design/pull/6928) [@michmach](https://github.com/michmach)
+  - 🌟 Add Norwegian. [#7122](https://github.com/ant-design/ant-design/pull/7122) [@santi](https://github.com/santi)
+  - 🌟 Add Serbian. [#7201](https://github.com/ant-design/ant-design/pull/7201) [@paunovic-stefan](https://github.com/paunovic-stefan)
+- 🐞 Fix Menu's title can not be hidden when collapsing  Sider. [#7409](https://github.com/ant-design/ant-design/issues/7409)
+- 🐞 Fix some TypeScript type definitions [#7355](https://github.com/ant-design/ant-design/pull/7355) [#7378](https://github.com/ant-design/ant-design/pull/7378) [#7384](https://github.com/ant-design/ant-design/pull/7384)
+- 🐞 Fix some components can not use conditional rendering. [#6530](https://github.com/ant-design/ant-design/issues/6530)
+- Website
+  - 🌟 Add a shortcut `s` to focus the search input.
+  - 🌟 Add a color picker to the footer to change primary color and preview lively.
+
+## 2.12.8
+
+`2017-08-27`
+
+- 📖 Rewrite the [Use in create-react-app](/docs/react/use-with-create-react-app) documentation without ejecting.  [#7276](https://github.com/ant-design/ant-design/pull/7276)
+- 🌟 Better empty data style for fixed-columns Table. [#7298](https://github.com/ant-design/ant-design/issues/7298)
+- 🐞 Fix `disabled` logic of CheckboxGroup and Checkbox. [#7266](https://github.com/ant-design/ant-design/issues/7266) [@dilidili](https://github.com/dilidili)
+- 🐞 Fix errors of rendering Spin and Carousel in react-snapshot or other jsdom environment. [#3308](https://github.com/ant-design/ant-design/issues/3308) [#7318](https://github.com/ant-design/ant-design/issues/7318)
+- 🐞 Fix some details of Select, Tooltip and Menu.
+
+## 2.12.7
+
+`2017-08-21`
+
+- antd of Angular@4.0, [ng-zorro-antd](https://ng.ant.design) is open sourcing.
+- Affix supports more scenes. [01d4acb](https://github.com/ant-design/ant-design/commit/01d4acb7a9b030be3552b4ca19b4e899dc2bb7c7)
+- Fix that AutoComplete children ref doesn't work. [#6814](https://github.com/ant-design/ant-design/issues/6814)
+- Button
+  - Improve the logic to insert space in Chinese characters. [59b11f3](https://github.com/ant-design/ant-design/commit/59b11f3b480d43cb32fb24e351cb4c4dd569243c)
+  - Fix that `event.target` of click is not `button`. [#7034](https://github.com/ant-design/ant-design/issues/7034)
+- Fix that Carousel's `innerSlider` doesn't exist. [#7191](https://github.com/ant-design/ant-design/issues/7191)
+- Fix the style of button in DatePicker. [ad6dbcb](https://github.com/ant-design/ant-design/commit/ad6dbcb9c6dac407a38f2391d3e5fa1d8ae1cfab)
+- Fix TypeScript definition of Form.[#7245](https://github.com/ant-design/ant-design/pull/7245)
+- Fix TypeScript definition of InputNumber. [#7257](https://github.com/ant-design/ant-design/issues/7257)
+- Fix missing collapse animation of `Layout.Sider` in IE11. [#6349](https://github.com/ant-design/ant-design/issues/6349)
+- Fix typo of Spanish locale of LocaleProvider. [#7234](https://github.com/ant-design/ant-design/pull/7234) [@ramsesmoreno](https://github.com/ramsesmoreno)
+- Fix that notification's default placement should not be overrided. [#5895](https://github.com/ant-design/ant-design/issues/5895)
+- Fix disabled style of button in Pagination. [cf3c0aa](https://github.com/ant-design/ant-design/commit/cf3c0aac43e2825bfd85ca3b8abbf4742e504260)
+- Fix that wrong exports of Select which cause webpack build error. [#7222](https://github.com/ant-design/ant-design/issues/7222)
+- Fix that Tabs should show arrow buttons while resize its container. [#7231](https://github.com/ant-design/ant-design/issues/7231) [#7210](https://github.com/ant-design/ant-design/issues/7210)
+- Fix style of Timeline which has only one `Timeline.Item`. [#7214](https://github.com/ant-design/ant-design/issues/7214)
+- Fix wrong behavior of Upload when uid is 0. [#7269](https://github.com/ant-design/ant-design/issues/7269)
+
+## 2.12.6
+
+`2017-08-11`
+
+- Fix Collapse arrow position in IE9/10/11. [af9dc73](https://github.com/ant-design/ant-design/commit/af9dc73eef2aac3e68fdfc99f9231153437f5068)
+- Fix empty Table scrollBar's position. [#7142](https://github.com/ant-design/ant-design/issues/7142)
+- Fix RangePicker Input's style of height. [47c5de2](https://github.com/ant-design/ant-design/commit/47c5de29f370a77fc19a6a8eda8ac57476f312a6)
+- Card
+  - Improve Card.Grid style of collapse border. [807b573](https://github.com/ant-design/ant-design/commit/807b573bff43bc71115afeb086f565561807a32d)
+  - Fix the `no-animation` type's className. [#7185](https://github.com/ant-design/ant-design/issues/7185)
+- Fix Input Safari text align. [#7135](https://github.com/ant-design/ant-design/issues/7135)
+- Layout
+  - Fix stretched layout by content. [500b222](https://github.com/ant-design/ant-design/commit/500b2225567f03397d9faec5f4e60a8f35fc4d28)
+  - Fix the collapse trigger's position. [f689ede](https://github.com/ant-design/ant-design/commit/f689ede0fa836dd0d99f4e4d96e0c43d0ff19742)
+- Fix Upload doesn't handle some error scenarios which response is not a string. [#6818](https://github.com/ant-design/ant-design/issues/6818)
+- Form
+  - Add `validateFirst` prop of docs. [#6959](https://github.com/ant-design/ant-design/issues/6959)
+  - Fix `wrappedComponentRef`. [#6545](https://github.com/ant-design/ant-design/issues/6545)
+  - Add FormCreateOption's generic type. [#7119](https://github.com/ant-design/ant-design/pull/7119) [@djyde](https://github.com/djyde)
+  - Fix `square` font size to `@form-feedback-icon-size`. [9bcde59](https://github.com/ant-design/ant-design/commit/9bcde590015855a12fdee851cf4e4836d0195cd7)
+
+## 2.12.5
+
+`2017-08-07`
+
+- Fix the `SelectPropTypes not found` issue under es mode. [#7123](https://github.com/ant-design/ant-design/issues/7123)
+- Fix Row no wrap issue. [4f73a23](https://github.com/ant-design/ant-design/commit/4f73a23a103733a3c148bb04013493a042f90a8f)
+- Fix broken style of InputNumber and RangePicker. [#7117](https://github.com/ant-design/ant-design/issues/7117) [#7126](https://github.com/ant-design/ant-design/issues/7126)
+
 ## 2.12.4

 `2017-08-06`
@@ -114,7 +316,7 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
 - Add Input.Textarea, Input[type='textArea'] will be deprecated. [pull/6138](https://github.com/ant-design/ant-design/pull/6138)
 - LocaleProvider supporting Thai. [pull/6721](https://github.com/ant-design/ant-design/pull/6721) [@koobitor](https://github.com/koobitor)
 - Mention support `focus` function. [#6135](https://github.com/ant-design/ant-design/issues/6135)
- Menu[mode='inline'] could be collapsed, and use `context` to pass `collapsed` prop from Layout.Sider to Menu, don't need customized css code anymore. [pull/6686](https://github.com/ant-design/ant-design/pull/6686)
+- Menu inline mode could be collapsed by `inlineCollapsed`, and use `context` to pass `collapsed` prop from Layout.Sider to Menu, don't need customized css code anymore. [pull/6686](https://github.com/ant-design/ant-design/pull/6686)
 - Add Pagination `itemRender`, now you can customize the structure of page number. [25a603](https://github.com/ant-design/ant-design/commit/25a60322e5c6649522fb9f0d34919eba0ccb1f65)
 - Add Tooltip `autoAdjustOverflow` prop, now the auto adjust feature can be disabled. [pull/6661](https://github.com/ant-design/ant-design/pull/6661) [@jdz321](https://github.com/jdz321)
 - Fix errors in docs of Avatar. [pull/6711](https://github.com/ant-design/ant-design/pull/6711) [@llaski](https://github.com/llaski)
@@ -129,7 +331,7 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
 - Fix Select overflow issue. [#6621](https://github.com/ant-design/ant-design/issues/6621)
 - Slider
  - Improve styles. [#6665](https://github.com/ant-design/ant-design/issues/6665)
-  - Upgrade rc-slider to 8.2.0, add `dotStyle`，`activeDotStyle` props. [rc-slider/pull/292](https://github.com/react-component/slider/pull/292)
+  - Upgrade rc-slider to 8.2.0, add `dotStyle`, `activeDotStyle` props. [rc-slider/pull/292](https://github.com/react-component/slider/pull/292)
 - Fix Spin z-index issue. [#6759](https://github.com/ant-design/ant-design/issues/6759)
 - Fix nested Steps style issue. [#6754](https://github.com/ant-design/ant-design/issues/6754)
 - Table
@@ -138,7 +340,7 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
  - Make supplement for `loading` docs. [pull/6763](https://github.com/ant-design/ant-design/pull/6763) [@hansnow](https://github.com/hansnow)
  - Upgrade rc-table to 5.4.0, support `onRowMouseEnter` and `onRowMouseLeave`. [rc-table/0db582](https://github.com/react-component/table/commit/0db582a75dfa119715eb4db8a59eacfca744c5a0)
 - Improve TimePicker format support. [950c32](https://github.com/ant-design/ant-design/commit/950c321b25091ef31b130b83674478974590d7f3)
- Make style improvement or tweaking for many components, includes [Checkbox](https://ant.design/components/checkbox/)，[Radio](https://ant.design/components/radio/)，[Tabs](https://ant.design/components/tabs/)，[Card](https://ant.design/components/card/) and etc.
+- Make style improvement or tweaking for many components, includes [Checkbox](https://ant.design/components/checkbox/), [Radio](https://ant.design/components/radio/), [Tabs](https://ant.design/components/tabs/), [Card](https://ant.design/components/card/) and etc.
 - Now you can open demo in codepen. [#5140](https://github.com/ant-design/ant-design/issues/5140)

 ## 2.11.2
@@ -530,7 +732,7 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
  - Fix that `Cannot find module '../../package.json'` error. [#4935](https://github.com/ant-design/ant-design/issues/4935)
  - Fix definitions of Table, RangePicker and Upload.
 - Fix lack of event argument for Modal `onOk` `afterClose` and Popconfirm `onConfirm` `onCancel`. [#4787](https://github.com/ant-design/ant-design/issues/4787)
- Improve animation of Menu[inline] and Collapse.
+- Improve animation of Menu inline mode and Collapse.
 - Improve Checkbox and Radio vertical align style.
 - Table
  - Fix misplace header when fix column. [#4936](https://github.com/ant-design/ant-design/issues/4936)
@@ -654,7 +856,7 @@ If you want to read change logs before `2.0.0`, please visit [GitHub](https://gi
 * Fixed Badge misplace issue when browser zoom above 100%. [#4747](https://github.com/ant-design/ant-design/issues/4747) [#4290](https://github.com/ant-design/ant-design/issues/4290)
 * Fixed a mis-align issue of fixed header Table. [#4750](https://github.com/ant-design/ant-design/issues/4750)
 * Fixed Table scrolling lag issue in IE. [#4522](https://github.com/ant-design/ant-design/issues/4522)
-* Add icon aliases: `addfile` => `file-add`，`addfolder` => `folder-open`, and the old type names are still working. [#4758](https://github.com/ant-design/ant-design/issues/4758)
+* Add icon aliases: `addfile` => `file-add`, `addfolder` => `folder-open`, and the old type names are still working. [#4758](https://github.com/ant-design/ant-design/issues/4758)

 ## 2.6.4

--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -17,6 +17,207 @@ timeline: true

 ---

+## 2.13.8
+
+`2017-10-27`
+
+- 🌟 新增国内镜像文档站点：[http://ant-design.gitee.io](http://ant-design.gitee.io)
+- 🐞 修复了 Menu 在 React 16 下 `ref warning` 的问题。[#8037](https://github.com/ant-design/ant-design/pull/8037) [@vgeyi](https://github.com/vgeyi)
+- 🐞 修复了 Card 在比较宽的时候 `loading` 样式的问题。[ad9809ec](https://github.com/ant-design/ant-design/commit/ad9809ec2e29275c9348537b04584dcfdc96659a)
+- 📝 引入了 API 展示排序规则，增强文档易读性。[#7896](https://github.com/ant-design/ant-design/pull/7896)[@monkindey](https://github.com/monkindey)
+- 📝 优化了 Modal 设置样式的文档。[#7840](https://github.com/ant-design/ant-design/issues/7840) [@kossel](https://github.com/kossel)
+- 🐞 修复了 IOS 下 Input 有内阴影的样式问题。[#7974](https://github.com/ant-design/ant-design/pull/7974) [@cnahliu](https://github.com/cnahliu)
+
+## 2.13.7
+
+`2017-10-22`
+
+- 🐞 修复了 AutoComplete 的 input 高度。 [#7918](https://github.com/ant-design/ant-design/issues/7918)
+- 🐞 修复了 Cascader `inputPrefixCls` 不能完全生效的问题。[#7945](https://github.com/ant-design/ant-design/pull/7945) [@vgeyi](https://github.com/vgeyi)
+- 🐞 修复了有侧边栏的 Layout 存在多余外边距的问题。[#7967](https://github.com/ant-design/ant-design/issues/7967)
+- 🐞 修复了 RangePicker 在选中预设范围时间时不能关闭选择面板的问题。[#7747](https://github.com/ant-design/ant-design/issues/7747)
+- Table
+  - 🐞 修复了 Table 列中 Radio 选择框无法居中的问题。[#7969](https://github.com/ant-design/ant-design/issues/7969)
+  - 🐞 修复了去掉 `fixed` 属性设置后 Table 列无法进行筛选的问题。[#7909](https://github.com/ant-design/ant-design/issues/7909)
+- 🌟 Badge 新增 `scrollNumberPrefixCls` 属性。[#7882](https://github.com/ant-design/ant-design/pull/7882) [@vgeyi](https://github.com/vgeyi)
+- 🌟 补充了一些 less 变量。[#7886](https://github.com/ant-design/ant-design/issues/7886) [@syssam](https://github.com/syssam)
+
+## 2.13.6
+
+`2017-10-12`
+
+- 🐞 修复 `beforeUpload` 未指定返回值时会阻止上传的问题。[#7870](https://github.com/ant-design/ant-design/issues/7870)
+
+## 2.13.5
+
+`2017-10-11`
+
+- 🐞 修复 FormItem 不能跟 reac-hot-loader 一起使用的问题。[#7775](https://github.com/ant-design/ant-design/issues/7775)
+- 🐞 修复 less 变量 `@link-hover-decoration` 没按预期工作的问题。[#7821](https://github.com/ant-design/ant-design/issues/7821)
+- 🐞 修复 Uploade 的 `beforeUpload` 没返回 promise 的问题。[#7833](https://github.com/ant-design/ant-design/issues/7833)
+- 🐞 修复 Input.Search 的搜索图标会被 Form 的验证图标遮住的问题。[#7854](https://github.com/ant-design/ant-design/issues/7854)
+- AutoComplete
+  - 🐞 修复循环引用问题。[#7742](https://github.com/ant-design/ant-design/pull/7742) [@menberg](https://github.com/ant-design/ant-design/pull/7742)
+  - 🐞 修复使用 TextArea 并拖动输入框大小时的样式错乱问题。[#7801](https://github.com/ant-design/ant-design/issues/7800)
+- 🌟 改进一些 TypeScript 定义。[cf788d7](https://github.com/ant-design/ant-design/commit/cf788d7b4dda58f61da91086ccfe0c67872fc709) [d4c75d43](https://github.com/ant-design/ant-design/commit/d4c75d43a1824d36583d9d8f9b209a4b9526a3af)
+- 🌟 新增 less 变量 [2e2acb5](https://github.com/ant-design/ant-design/commit/2e2acb5be9a171f217f2a1a143b34b2624b49b06)
+
+## 2.13.4
+
+`2017-09-29`
+
+- 🐞 修复 Pagination 小号样式失效的问题。
+- 🐞 修复 Anchor 的样式错位。[#7712](https://github.com/ant-design/ant-design/issues/7712)
+- 🐞 修复 TreeSelect 搜索框下多余文字的问题。[#7703](https://github.com/ant-design/ant-design/issues/7703)
+- 🐞 修复 Form 校验文字跳动的问题。[#7730](https://github.com/ant-design/ant-design/issues/7730)
+- 🐞 修复各类型 Button Group 的 loading 样式。 [#7709](https://github.com/ant-design/ant-design/issues/7709)
+- 🐞 修复 placeholder 文本在某些情况下无法看清的问题。[#7365](https://github.com/ant-design/ant-design/issues/7365)
+- 🐞 修复一个 Mention 的 `suggestion.toLowerCase is not a function` 报错问题。 [#7696](https://github.com/ant-design/ant-design/issues/7696) [@kappa-gooner](https://github.com/kappa-gooner)
+- 🐞 修复一个 Layout.Sider 子元素的高度问题。[#7716](https://github.com/ant-design/ant-design/pull/7716) [@zheeeng](https://github.com/zheeeng)
+- 🐞 修复 Dropdown 菜单分组的样式。
+- 🐞 修复 Table 筛选图标和菜单样式错位。
+- 🐞 修复一个 AutoComplete 在 Inferno 下循环引用的问题。[#7742](https://github.com/ant-design/ant-design/pull/7742) [@menberg](https://github.com/menberg)
+- 🐞 修复 Upload 使用 `beforeUpload` 验证文件类型失败后无法再次上传的问题。[#7762](https://github.com/ant-design/ant-design/issues/7762) [#6983](https://github.com/ant-design/ant-design/issues/6983)
+- TypeScript
+  - 🐞 修复 Input 的 `maxLength` 定义。[#7744](https://github.com/ant-design/ant-design/pull/7744) [@delesseps](https://github.com/delesseps)
+  - 🐞 修复 DatePicker 等组件的 `disabledTime` 的返回值定义。[#7740](https://github.com/ant-design/ant-design/pull/7740) [@778758944](https://github.com/778758944)
+
+## 2.13.3
+
+`2017-09-22`
+
+- 🐞 修复 Affix 在内容与视口高度差小于 children 高度时触发的滚动抖动问题。[#2349](https://github.com/ant-design/ant-design/issues/2349)
+- 🐞 修复 `Card[title]` 为空且设置 `Card[extra]` 时样式错乱的问题。[f46112d#commitcomment-24480417](https://github.com/ant-design/ant-design/commit/f46112d38561c89780eb44ecbba82347d2b912da#commitcomment-24480417)
+- 🐞 修复 `Checkbox[children]` TypeScript definition。[#7650](https://github.com/ant-design/ant-design/issues/7650) [@liaokaien](https://github.com/liaokaien)
+- 🐞 修复 `getFieldDecorator` 内使用嵌套 id 后点击 `Form.Item` label 报错的问题。[#7693](https://github.com/ant-design/ant-design/issues/7693)
+- Input
+  - 🐞 修复 `Input.Group[compat]` 内嵌 `Select` 等控件时的样式问题。[#7662](https://github.com/ant-design/ant-design/issues/7662)
+  - 🐞 优化 `Input[autoComplete]` TypeScript 定义。[#7699](https://github.com/ant-design/ant-design/pull/7699) [@delesseps](https://github.com/delesseps)
+- LocaleProvider
+  - 🇵🇹 新增葡萄牙语。[#7449](https://github.com/ant-design/ant-design/pull/7449) [@taviroquai](https://github.com/taviroquai)
+  - 🐞 修复荷兰语 locale 缺少文案的问题。[#7694](https://github.com/ant-design/ant-design/pull/7694) [@kstiopin](https://github.com/kstiopin)
+- Table
+  - 🐞 修复 `rowSelection` 导致的表头高度问题。[#7663](https://github.com/ant-design/ant-design/issues/7663)
+  - 🐞 修复使用 `rowSelection.hideDefaultselections` 时导致自定义选项点击没反应的问题。[#7626](https://github.com/ant-design/ant-design/issues/7626) [@infeng](https://github.com/infeng)
+  - 🐞 优化 `Table[scroll]` TypeScript definition。[#7640](https://github.com/ant-design/ant-design/pull/7640) [@BlackGanglion](https://github.com/BlackGanglion)
+
+## 2.13.2
+
+`2017-09-15`
+
+- 🐞 修复了 Card Extra 内容过多样式错乱的问题。[#7604](https://github.com/ant-design/ant-design/issues/7604)
+- 🐞 修复了分组 Menu 收缩时的错位问题。[#7109](https://github.com/ant-design/ant-design/issues/7109)
+- 🐞 回滚 [#7142](https://github.com/ant-design/ant-design/issues/7142) 里对固定列表格空数据的样式优化，修复带来的一系列样式问题。
+- 🐞 修复了 Form `getFieldDecoratorOptions` 缺失 `normalize` 以及 `validateFirst` 属性定义的问题。[#7552](https://github.com/ant-design/ant-design/issues/7552) [@meteor91](https://github.com/meteor91) [@mitchelldemler](https://github.com/mitchelldemler)
+- 🐞 修复了 Modal 的 `zIndex` 属性定义。[#7624](https://github.com/ant-design/ant-design/issues/7624)
+- 🌟 优化了 Tree 加载中图标的显示位置。[#7584](https://github.com/ant-design/ant-design/issues/7584)
+- 🌟 优化了大量组件的英文文档。[@khalibloo](https://github.com/khalibloo)
+
+## 2.13.1
+
+`2017-09-10`
+
+- 🐞 修复了 Card.Grid 的样式问题。[commit/c7d6ce](https://github.com/ant-design/ant-design/commit/c7d6ce5d3f7bfae1f2252d702fb1bdf04fdc80cb)
+- 🐞 修复了 Cascader 指针图标与文字重叠的问题。[#7475](https://github.com/ant-design/ant-design/issues/7475)
+- 🐞 修复了 Pagination 在简洁模式下前后按钮未展示的问题。[#7500](https://github.com/ant-design/ant-design/issues/7500)
+- 🐞 修复了 Slider 的 type 定义。[#7532](https://github.com/ant-design/ant-design/issues/7532)
+- Table
+  - 🐞 修复了在空数据情况下包含固定列时的一些样式问题。[#7457](https://github.com/ant-design/ant-design/issues/7457) [#7468](https://github.com/ant-design/ant-design/issues/7468) [#7470](https://github.com/ant-design/ant-design/issues/7470) [#7509](https://github.com/ant-design/ant-design/issues/7509)
+  - 🌟 补充了 API 文档。[#7525](https://github.com/ant-design/ant-design/pull/7525) [@hansnow](https://github.com/hansnow)
+- 🐞 修复了 Upload 的 type 定义。 [#7507](https://github.com/ant-design/ant-design/pull/7507) [@WingGao](https://github.com/WingGao)
+- 🐞 修复了 Submenu 展开时 inlineCollapsed Menu 的样式问题。[#7514](https://github.com/ant-design/ant-design/issues/7514)
+- 🐞 修复了一些表单控件的校验样式问题。[#7498](https://github.com/ant-design/ant-design/issues/7498)
+- 🐞 修复了 @link-hover-decoration 无效的问题。[#7531](https://github.com/ant-design/ant-design/issues/7531)
+- 🌟 优化了部分组件的英文文档。[@khalibloo](https://github.com/khalibloo)
+
+## 2.13.0
+
+`2017-09-01`
+
+- 🌟 Popconfirm 和 Modal 及其相关方法新增 `okType` 和 `cancelType` 用以指定按钮类型。[#6848](https://github.com/ant-design/ant-design/pull/6848) [@yociduo](https://github.com/yociduo)
+- 🌟 Modal 及其相关方法新增 `zIndex`。[#6880](https://github.com/ant-design/ant-design/pull/6880) [@Alex1990](https://github.com/Alex1990)
+- 🌟 RadioGroup 新增 `name` 属性。[#7009](https://github.com/ant-design/ant-design/pull/7009) [@djyde](https://github.com/djyde)
+- 🌟 Table 新增 `hideDefaultSelections` 属性。[#7295](https://github.com/ant-design/ant-design/issues/7295)
+- Dropdown
+  - 🌟 新增 `disabled` 属性。[#7102](https://github.com/ant-design/ant-design/pull/7102) [@yociduo](https://github.com/yociduo)
+  - 🌟 Menu 默认调整为不能选中。
+- 🌟 Pagination 的 `itemRender` 新增第三个参数 `originalElement`。
+- 🌟 AutoComplete 新增 `backfill` 属性，键盘选择时能回填选中项到输入框中。[#5764](https://github.com/ant-design/ant-design/issues/5764)
+- 🌟 Select 新增 `firstActiveValue` 属性，允许指定首次打开时默认选中的项。[#6318](https://github.com/ant-design/ant-design/issues/6318) [@L-x-C](https://github.com/ant-design/ant-design/issues/6318)
+- LocaleProvider
+  - 🌟 新增波斯语。[#6878](https://github.com/ant-design/ant-design/pull/6878) [@mkermani144](https://github.com/mkermani144)
+  - 🌟 新增希腊语。[#6928](https://github.com/ant-design/ant-design/pull/6928) [@michmach](https://github.com/michmach)
+  - 🌟 新增挪威语。[#7122](https://github.com/ant-design/ant-design/pull/7122) [@santi](https://github.com/santi)
+  - 🌟 新增塞尔维亚语。[#7201](https://github.com/ant-design/ant-design/pull/7201) [@paunovic-stefan](https://github.com/paunovic-stefan)
+- 🐞 修复 Sider 隐藏时 Menu 的标题不会隐藏的问题。[#7409](https://github.com/ant-design/ant-design/issues/7409)
+- 🐞 修复 TypeScript 定义 [#7355](https://github.com/ant-design/ant-design/pull/7355) [#7378](https://github.com/ant-design/ant-design/pull/7378) [#7384](https://github.com/ant-design/ant-design/pull/7384)
+- 🐞 修复一些组件不能使用条件渲染的问题。[#6530](https://github.com/ant-design/ant-design/issues/6530)
+- 网站
+  - 🌟 新增快捷键 `s` 聚焦搜索框。
+  - 🌟 页脚新增主色修改预览功能。
+
+## 2.12.8
+
+`2017-08-27`
+
+- 📖 重写了 [《在 create-react-app 中使用》](/docs/react/use-with-create-react-app) 文档，现在不再需要 eject。[#7276](https://github.com/ant-design/ant-design/pull/7276)
+- 🌟 优化了固定列的空表格样式。[#7298](https://github.com/ant-design/ant-design/issues/7298)
+- 🐞 修复了 CheckboxGroup 和 Checkbox 的 `disabled` 属性逻辑。[#7266](https://github.com/ant-design/ant-design/issues/7266) [@dilidili](https://github.com/dilidili)
+- 🐞 修复在 react-snapshot 或 jsdom 环境下测试 Spin 和 Carousel 时报错的问题。[#3308](https://github.com/ant-design/ant-design/issues/3308) [#7318](https://github.com/ant-design/ant-design/issues/7318)
+- 🐞 修复 Select、Tooltip、Menu 的一些细节样式问题。
+
+## 2.12.7
+
+`2017-08-21`
+
+- Angular@4.0 版 antd [ng-zorro-antd](https://ng.ant.design) 开源。
+- 优化 Affix 支持的场景。[01d4acb](https://github.com/ant-design/ant-design/commit/01d4acb7a9b030be3552b4ca19b4e899dc2bb7c7)
+- 修复 AutoComplete children ref 失效的问题。[#6814](https://github.com/ant-design/ant-design/issues/6814)
+- Button
+  - 优化自动在中文字符中间插入空格的逻辑。[59b11f3](https://github.com/ant-design/ant-design/commit/59b11f3b480d43cb32fb24e351cb4c4dd569243c)
+  - 修复点击事件的 `event.target` 不是 button 的问题。[#7034](https://github.com/ant-design/ant-design/issues/7034)
+- 修复 Carousel 的 `innerSlider` 引用问题。[#7191](https://github.com/ant-design/ant-design/issues/7191)
+- 修复 DatePicker 中的按钮样式。[ad6dbcb](https://github.com/ant-design/ant-design/commit/ad6dbcb9c6dac407a38f2391d3e5fa1d8ae1cfab)
+- 修复 Form TypeScript definition。[#7245](https://github.com/ant-design/ant-design/pull/7245)
+- 修复 InputNumber 的 TypeScript definition。[#7257](https://github.com/ant-design/ant-design/issues/7257)
+- 修复 `Layout.Sider` 在 IE11 下没有折叠动画的问题。[#6349](https://github.com/ant-design/ant-design/issues/6349)
+- 修复 LocaleProvider 西班牙语的拼写问题。[#7234](https://github.com/ant-design/ant-design/pull/7234) [@ramsesmoreno](https://github.com/ramsesmoreno)
+- 修复 notification 默认 placement 会被覆盖的问题。[#5895](https://github.com/ant-design/ant-design/issues/5895)
+- 修复 Pagination 按钮的 disabled 样式。[cf3c0aa](https://github.com/ant-design/ant-design/commit/cf3c0aac43e2825bfd85ca3b8abbf4742e504260)
+- 修复 Select exports 导致的 webpack 构建错误的问题。[#7222](https://github.com/ant-design/ant-design/issues/7222)
+- 修复 Tabs 在父容器宽度动态变化时切换按钮没有出现的问题。[#7231](https://github.com/ant-design/ant-design/issues/7231) [#7210](https://github.com/ant-design/ant-design/issues/7210)
+- 修复 Timeline 在只有一个 `Timeline.Item` 时的样式问题。[#7214](https://github.com/ant-design/ant-design/issues/7214)
+- 修复 Upload 在 uid 为 0 时的错误行为。[#7269](https://github.com/ant-design/ant-design/issues/7269)
+
+## 2.12.6
+
+`2017-08-11`
+
+- 修复了在 IE9/10/11 下 Collapse 的箭头位置不正确的问题。[af9dc73](https://github.com/ant-design/ant-design/commit/af9dc73eef2aac3e68fdfc99f9231153437f5068)
+- 修复了 Table 为空表格时滚动条展示位置不正确的问题。[#7142](https://github.com/ant-design/ant-design/issues/7142)
+- 修复了 RangePicker Input 的高度。[47c5de2](https://github.com/ant-design/ant-design/commit/47c5de29f370a77fc19a6a8eda8ac57476f312a6)
+- Card
+  - 优化了 Card.Grid 边框覆盖的样式。[807b573](https://github.com/ant-design/ant-design/commit/807b573bff43bc71115afeb086f565561807a32d)
+  - 修复了对应 `no-animation` 类型的 className。[#7185](https://github.com/ant-design/ant-design/issues/7185)
+- 修复了 Input Safari 下文本对齐的问题。[#7135](https://github.com/ant-design/ant-design/issues/7135)
+- Layout
+  - 修复了组件的拉伸展示问题。[500b222](https://github.com/ant-design/ant-design/commit/500b2225567f03397d9faec5f4e60a8f35fc4d28)
+  - 修复了折叠箭头的位置。[f689ede](https://github.com/ant-design/ant-design/commit/f689ede0fa836dd0d99f4e4d96e0c43d0ff19742)
+- 修复了 Upload 的 response 不是 string 的情况下没有处理错误提示信息的问题。[#6818](https://github.com/ant-design/ant-design/issues/6818)
+- Form
+  - 补充了文档中缺少的 `validateFirst` 属性描述。[#6959](https://github.com/ant-design/ant-design/issues/6959)
+  - 修复了 `wrappedComponentRef`。[#6545](https://github.com/ant-design/ant-design/issues/6545)
+  - 补充了 FormCreateOption 的 `generic type`。[#7119](https://github.com/ant-design/ant-design/pull/7119) [@djyde](https://github.com/djyde)
+  - 修改了 `square` 的字体大小为 `@form-feedback-icon-size`。[9bcde59](https://github.com/ant-design/ant-design/commit/9bcde590015855a12fdee851cf4e4836d0195cd7)
+
+## 2.12.5
+
+`2017-08-07`
+
+- 修复 ES 模式下报 `SelectPropTypes not found` 的问题。[#7123](https://github.com/ant-design/ant-design/issues/7123)
+- 修复 Row 在 flex 模式下元素不换行的问题。[4f73a23](https://github.com/ant-design/ant-design/commit/4f73a23a103733a3c148bb04013493a042f90a8f)
+- 修复 InputNumber 和 RangePicker 的样式问题。[#7117](https://github.com/ant-design/ant-design/issues/7117) [#7126](https://github.com/ant-design/ant-design/issues/7126)
+
 ## 2.12.4

 `2017-08-06`
@@ -114,7 +315,7 @@ timeline: true
 - 新增 Input.TextArea，原 Input[type='textArea'] 将被废弃。[pull/6138](https://github.com/ant-design/ant-design/pull/6138)
 - LocaleProvider 新增泰语支持。[pull/6721](https://github.com/ant-design/ant-design/pull/6721) [@koobitor](https://github.com/koobitor)
 - Mention 支持 `focus` 方法。[#6135](https://github.com/ant-design/ant-design/issues/6135)
- Menu[mode='inline'] 支持缩起/展开，同时 Layout.Sider 使用 `context` 向 Menu 传递 `collapsed` 属性，无需再自己定制样式。[pull/6686](https://github.com/ant-design/ant-design/pull/6686)
+- Menu `inline` 模式下支持用 `inlineCollapsed` 属性缩起/展开，同时 Layout.Sider 使用 `context` 向 Menu 传递 `collapsed` 属性，无需再自己定制样式。[pull/6686](https://github.com/ant-design/ant-design/pull/6686)
 - 新增 Pagination `itemRender` 属性，用于自定义页码的结构。[25a603](https://github.com/ant-design/ant-design/commit/25a60322e5c6649522fb9f0d34919eba0ccb1f65)
 - 新增 Tooltip `autoAdjustOverflow` 属性，支持关闭自动调整位置的功能。[pull/6661](https://github.com/ant-design/ant-design/pull/6661) [@jdz321](https://github.com/jdz321)
 - 修复了 Avatar 错误的文档。[pull/6711](https://github.com/ant-design/ant-design/pull/6711) [@llaski](https://github.com/llaski)
@@ -529,7 +730,7 @@ timeline: true
  - 修复 `Cannot find module '../../package.json'` 的问题。[#4935](https://github.com/ant-design/ant-design/issues/4935)
  - 补充了 Table、RangePicker 和 Upload 的部分属性定义。
 - 修复了 Modal `onOk` `afterClose` 和 Popconfirm `onConfirm` `onCancel` 缺少点击 event 参数的问题。 [#4787](https://github.com/ant-design/ant-design/issues/4787)
- 优化 Menu[inline] 和 Collapse 的折叠动画效果。
+- 优化 Menu inline 模式和 Collapse 的折叠动画效果。
 - 优化了 Checkbox 和 Radio 的垂直对齐样式。
 - Table
  - 修复固定列时列头样式错位的问题。[#4936](https://github.com/ant-design/ant-design/issues/4936)
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -56,7 +56,7 @@ ReactDOM.render(<DatePicker />, mountNode);
 import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'
 ```

-按需加载可通过此写法 `import DatePicker from 'antd/lib/date-picker'` 或使用插件 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)。
+按需加载可通过此写法 `import DatePicker from 'antd/lib/date-picker'` 或使用 Babel 插件 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)，或使用 TypeScript 插件 [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin)。

 ## TypeScript

--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ An enterprise-class UI design language and React-based implementation.

 ## Let's build a better antd together [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

-`antd` is an open source project, improvements are welcomed. If you are interested in contributing to `antd`, you can watch this repository, join in [discussion](https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3ADiscussion), or try to implement some [features which have been accepted](https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22PR+welcome%22). Actually, there are [many ways](https://opensource.guide/how-to-contribute/) to contribute. And we are always happy to [offer collaborator permission](https://github.com/ant-design/ant-design/issues/3222) for some active contributors.
+`antd` is an open source project; improvements are welcomed. If you are interested in contributing to `antd`, you can watch this repository, join in [discussion](https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3ADiscussion), or try to implement some [features which have been accepted](https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22PR+welcome%22). Actually, there are [many ways](https://opensource.guide/how-to-contribute/) to contribute. And we are always happy to [offer collaborator permission](https://github.com/ant-design/ant-design/issues/3222) for some active contributors.

 ## Install

@@ -58,7 +58,15 @@ import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'

 ### Use modularized antd

- Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) (Recommended)
+- Manually import
+
+   ```jsx
+   import DatePicker from 'antd/lib/date-picker';  // for js
+   import 'antd/lib/date-picker/style/css';        // for css
+   // import 'antd/lib/date-picker/style';         // that will import less
+   ```
+
+- Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)

   ```js
   // .babelrc or babel-loader option
@@ -76,14 +84,6 @@ import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'
   import { DatePicker } from 'antd';
   ```

- Manually import
-
-   ```jsx
-   import DatePicker from 'antd/lib/date-picker';  // for js
-   import 'antd/lib/date-picker/style/css';        // for css
-   // import 'antd/lib/date-picker/style';         // that will import less
-   ```
-
 ### TypeScript

 ```js
@@ -101,6 +101,19 @@ import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'
 > - set `allowSyntheticDefaultImports` to prevent `error TS1192: Module 'react' has no default export`.
 > - Don't use @types/antd, antd provide a built-in ts definition already.

+#### Use [ts-import-plugin](https://github.com/Brooooooklyn/ts-import-plugin) with modularized antd
+
+  ```js
+  {
+    loader: "ts-loader", // or awesome-typescript-loader
+    options {
+      getCustomTransformers: () => ({
+        before: [ tsImportPluginFactory({ libraryName: "antd", style: "css" }) ]
+      })
+    }
+  }
+  ```
+
 ## Internationalization

 See [i18n](http://ant.design/docs/react/i18n).
@@ -135,4 +148,4 @@ Open your browser and visit http://127.0.0.1:8001 , see more at https://github.c

 ## Contributing

-We welcome all contributions, please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design/pulls) or as [GitHub issues](https://github.com/ant-design/ant-design/issues). If you'd like to improve code, check out the [Development Instructions](https://github.com/ant-design/ant-design/wiki/Development) and have a good time! :)
+We welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design/pulls) or as [GitHub issues](https://github.com/ant-design/ant-design/issues). If you'd like to improve code, check out the [Development Instructions](https://github.com/ant-design/ant-design/wiki/Development) and have a good time! :)
--- a/components/affix/tests/Affix.test.js
+++ b/components/affix/tests/Affix.test.js
@@ -18,30 +18,32 @@ class AffixMounter extends React.Component {
    return this.container;
  }
  render() {
-    return (<div
-      style={{
-        height: 100,
-        overflowY: 'scroll',
-      }}
-      ref={(node) => { this.container = node; }}
-    >
+    return (
      <div
-        className="background"
        style={{
-          paddingTop: 60,
-          height: 300,
+          height: 100,
+          overflowY: 'scroll',
        }}
+        ref={(node) => { this.container = node; }}
      >
-        <Affix
-          target={() => this.container}
-          ref={ele => this.affix = ele}
+        <div
+          className="background"
+          style={{
+            paddingTop: 60,
+            height: 300,
+          }}
        >
-          <Button type="primary" >
-            Fixed at the top of container
-          </Button>
-        </Affix>
+          <Affix
+            target={() => this.container}
+            ref={ele => this.affix = ele}
+          >
+            <Button type="primary" >
+              Fixed at the top of container
+            </Button>
+          </Affix>
+        </div>
      </div>
-    </div>);
+    );
  }
 }

--- a/components/affix/index.en-US.md
+++ b/components/affix/index.en-US.md
@@ -4,7 +4,7 @@ type: Navigation
 title: Affix
 ---

-Make an element sticky to viewport.
+Make an element stick to viewport.

 ## When To Use

@@ -14,12 +14,12 @@ Please note that Affix should not cover other content on the page, especially wh

 ## API

-| Property     | Description           | Type     | Default      |
-|--------------|-----------------------|----------|--------------|
-| offsetTop    | Pixels to offset from top when calculating position of scroll | number | 0 |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
 | offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - |
+| offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 |
 | target | specifies the scrollable area dom node | () => HTMLElement | () => window |
-| onChange     | Callback when affix state is changed | Function(affixed) | - |
+| onChange | Callback for when affix state is changed | Function(affixed) | - |

 **Note:** Children of `Affix` can not be `position: absolute`, but you can set `Affix` as `position: absolute`:

--- a/components/affix/index.tsx
+++ b/components/affix/index.tsx
@@ -73,6 +73,18 @@ export default class Affix extends React.Component<AffixProps, any> {
    fixedNode: HTMLElement;
  };

+  events = [
+    'resize',
+    'scroll',
+    'touchstart',
+    'touchmove',
+    'touchend',
+    'pageshow',
+    'load',
+  ];
+
+  eventHandlers = {};
+
  constructor(props) {
    super(props);
    this.state = {
@@ -150,7 +162,7 @@ export default class Affix extends React.Component<AffixProps, any> {
      });
      this.setPlaceholderStyle({
        width,
-        height: affixNode.offsetHeight,
+        height: elemSize.height,
      });
    } else if (
      scrollTop < elemOffset.top + elemSize.height + (offsetBottom as number) - targetInnerHeight &&
@@ -167,7 +179,7 @@ export default class Affix extends React.Component<AffixProps, any> {
      });
      this.setPlaceholderStyle({
        width,
-        height: affixNode.offsetHeight,
+        height: elemOffset.height,
      });
    } else {
      const { affixStyle } = this.state;
@@ -190,7 +202,7 @@ export default class Affix extends React.Component<AffixProps, any> {

  componentWillReceiveProps(nextProps) {
    if (this.props.target !== nextProps.target) {
-      this.clearScrollEventListeners();
+      this.clearEventListeners();
      this.setTargetEventListeners(nextProps.target);

      // Mock Event object.
@@ -199,7 +211,7 @@ export default class Affix extends React.Component<AffixProps, any> {
  }

  componentWillUnmount() {
-    this.clearScrollEventListeners();
+    this.clearEventListeners();
    clearTimeout(this.timeout);
    (this.updatePosition as any).cancel();
  }
@@ -209,15 +221,18 @@ export default class Affix extends React.Component<AffixProps, any> {
    if (!target) {
      return;
    }
-    this.clearScrollEventListeners();
-    this.scrollEvent = addEventListener(target, 'scroll', this.updatePosition);
-    this.resizeEvent = addEventListener(target, 'resize', this.updatePosition);
+    this.clearEventListeners();
+
+    this.events.forEach(eventName => {
+      this.eventHandlers[eventName] = addEventListener(target, eventName, this.updatePosition);
+    });
  }

-  clearScrollEventListeners() {
-    ['scrollEvent', 'resizeEvent'].forEach((name) => {
-      if (this[name]) {
-        this[name].remove();
+  clearEventListeners() {
+    this.events.forEach(eventName => {
+      const handler = this.eventHandlers[eventName];
+      if (handler && handler.remove) {
+        handler.remove();
      }
    });
  }
--- a/components/affix/index.zh-CN.md
+++ b/components/affix/index.zh-CN.md
@@ -15,12 +15,12 @@ title: Affix

 ## API

-| 成员        | 说明           | 类型               | 默认值       |
-|-------------|----------------|--------------------|--------------|
-| offsetTop    | 距离窗口顶部达到指定偏移量后触发   | number |         |
-| offsetBottom | 距离窗口底部达到指定偏移量后触发   | number |         |
+| 成员 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| offsetBottom | 距离窗口底部达到指定偏移量后触发 | number |  |
+| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number |  |
 | target | 设置 `Affix` 需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 | () => HTMLElement | () => window |
-| onChange | 固定状态改变时触发的回调函数   | Function(affixed) | 无        |
+| onChange | 固定状态改变时触发的回调函数 | Function(affixed) | 无 |

 **注意：**`Affix` 内的元素不要使用绝对定位，如需要绝对定位的效果，可以直接设置 `Affix` 为绝对定位：

--- a/components/alert/demo/closable.md
+++ b/components/alert/demo/closable.md
@@ -20,17 +20,21 @@ const onClose = function (e) {
  console.log(e, 'I was closed.');
 };

-ReactDOM.render(<div>
-  <Alert message="Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"
-    type="warning"
-    closable
-    onClose={onClose}
-  />
-  <Alert message="Error Text"
-    description="Error Description Error Description Error Description Error Description Error Description Error Description"
-    type="error"
-    closable
-    onClose={onClose}
-  />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Alert
+      message="Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text"
+      type="warning"
+      closable
+      onClose={onClose}
+    />
+    <Alert
+      message="Error Text"
+      description="Error Description Error Description Error Description Error Description Error Description Error Description"
+      type="error"
+      closable
+      onClose={onClose}
+    />
+  </div>
+, mountNode);
 ````
--- a/components/alert/demo/description.md
+++ b/components/alert/demo/description.md
@@ -16,26 +16,28 @@ Additional description for alert message.
 ````jsx
 import { Alert } from 'antd';

-ReactDOM.render(<div>
-  <Alert
-    message="Success Text"
-    description="Success Description Success Description Success Description"
-    type="success"
-  />
-  <Alert
-    message="Info Text"
-    description="Info Description Info Description Info Description Info Description"
-    type="info"
-  />
-  <Alert
-    message="Warning Text"
-    description="Warning Description Warning Description Warning Description Warning Description"
-    type="warning"
-  />
-  <Alert
-    message="Error Text"
-    description="Error Description Error Description Error Description Error Description"
-    type="error"
-  />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Alert
+      message="Success Text"
+      description="Success Description Success Description Success Description"
+      type="success"
+    />
+    <Alert
+      message="Info Text"
+      description="Info Description Info Description Info Description Info Description"
+      type="info"
+    />
+    <Alert
+      message="Warning Text"
+      description="Warning Description Warning Description Warning Description Warning Description"
+      type="warning"
+    />
+    <Alert
+      message="Error Text"
+      description="Error Description Error Description Error Description Error Description"
+      type="error"
+    />
+  </div>
+, mountNode);
 ````
--- a/components/alert/demo/icon.md
+++ b/components/alert/demo/icon.md
@@ -16,34 +16,36 @@ Decent icon make information more clear and more friendly.
 ````jsx
 import { Alert } from 'antd';

-ReactDOM.render(<div>
-  <Alert message="Success Tips" type="success" showIcon />
-  <Alert message="Informational Notes" type="info" showIcon />
-  <Alert message="Warning" type="warning" showIcon />
-  <Alert message="Error" type="error" showIcon />
-  <Alert
-    message="success tips"
-    description="Detailed description and advices about successful copywriting."
-    type="success"
-    showIcon
-  />
-  <Alert
-    message="Informational Notes"
-    description="Additional description and informations about copywriting."
-    type="info"
-    showIcon
-  />
-  <Alert
-    message="Warning"
-    description="This is a warning notice about copywriting."
-    type="warning"
-    showIcon
-  />
-  <Alert
-    message="Error"
-    description="This is an error message about copywriting."
-    type="error"
-    showIcon
-  />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Alert message="Success Tips" type="success" showIcon />
+    <Alert message="Informational Notes" type="info" showIcon />
+    <Alert message="Warning" type="warning" showIcon />
+    <Alert message="Error" type="error" showIcon />
+    <Alert
+      message="success tips"
+      description="Detailed description and advices about successful copywriting."
+      type="success"
+      showIcon
+    />
+    <Alert
+      message="Informational Notes"
+      description="Additional description and informations about copywriting."
+      type="info"
+      showIcon
+    />
+    <Alert
+      message="Warning"
+      description="This is a warning notice about copywriting."
+      type="warning"
+      showIcon
+    />
+    <Alert
+      message="Error"
+      description="This is an error message about copywriting."
+      type="error"
+      showIcon
+    />
+  </div>
+, mountNode);
 ````
--- a/components/alert/demo/style.md
+++ b/components/alert/demo/style.md
@@ -16,10 +16,12 @@ There are 4 types of Alert: `success`, `info`, `warning`, `error`.
 ````jsx
 import { Alert } from 'antd';

-ReactDOM.render(<div>
-  <Alert message="Success Text" type="success" />
-  <Alert message="Info Text" type="info" />
-  <Alert message="Warning Text" type="warning" />
-  <Alert message="Error Text" type="error" />
-</div>, mountNode);
+ReactDOM.render(
+  <div>
+    <Alert message="Success Text" type="success" />
+    <Alert message="Info Text" type="info" />
+    <Alert message="Warning Text" type="warning" />
+    <Alert message="Error Text" type="error" />
+  </div>
+, mountNode);
 ````
--- a/components/alert/index.en-US.md
+++ b/components/alert/index.en-US.md
@@ -8,18 +8,18 @@ Alert component for feedback.

 ## When To Use

- When you need to show alert messages for users.
+- When you need to show alert messages to users.
 - When you need a persistent static container which is closable by user actions.

 ## API

-| Property   | Description                                               | Type       | Default |
-|----------- |---------------------------------------------------------  | ---------- |-------|
-| type       | Type of Alert styles, options:`success`, `info`, `warning`, `error` | string | `info`, in `banner` mode it's `warning` |
-| closable   | Whether Alert can be closed | boolean | - |
-| closeText  | Close text to show | string\|ReactNode | - |
-| message    | Content of Alert | string\|ReactNode | - |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| banner | Whether to show as banner | boolean | false |
+| closable | Whether Alert can be closed | boolean | - |
+| closeText | Close text to show | string\|ReactNode | - |
 | description | Additional content of Alert | string\|ReactNode | - |
-| onClose    | Callback when close Alert | Function | - |
-| showIcon   | Whether to show icon | boolean | false, in `banner` mode it's true |
-| banner   | Whether to show as banner | boolean | false |
+| message | Content of Alert | string\|ReactNode | - |
+| showIcon | Whether to show icon | boolean | false, in `banner` mode default is true |
+| type | Type of Alert styles, options: `success`, `info`, `warning`, `error` | string | `info`, in `banner` mode default is `warning` |
+| onClose | Callback when Alert is closed | Function | - |
--- a/components/alert/index.zh-CN.md
+++ b/components/alert/index.zh-CN.md
@@ -14,13 +14,13 @@ title: Alert

 ## API

-| 参数        | 说明                                                      | 类型        | 默认值 |
-|----------- |---------------------------------------------------------  | ---------- |-------|
-| type       | 指定警告提示的样式，有四种选择 `success`、`info`、`warning`、`error`   | string     | `info`，`banner` 模式下默认值为 `warning`    |
-| closable   | 默认不显示关闭按钮                                  | boolean   | 无    |
-| closeText  | 自定义关闭按钮                                     | string\|ReactNode   | 无    |
-| message    | 警告提示内容                                       | string\|ReactNode   | 无    |
-| description | 警告提示的辅助性文字介绍                            | string\|ReactNode   | 无    |
-| onClose     | 关闭时触发的回调函数                                | Function   | 无    |
-| showIcon   | 是否显示辅助图标                                 | boolean   | false，`banner` 模式下默认值为 true    |
-| banner   | 是否用作顶部公告                                 | boolean   | false    |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| banner | 是否用作顶部公告 | boolean | false |
+| closable | 默认不显示关闭按钮 | boolean | 无 |
+| closeText | 自定义关闭按钮 | string\|ReactNode | 无 |
+| description | 警告提示的辅助性文字介绍 | string\|ReactNode | 无 |
+| message | 警告提示内容 | string\|ReactNode | 无 |
+| showIcon | 是否显示辅助图标 | boolean | false，`banner` 模式下默认值为 true |
+| type | 指定警告提示的样式，有四种选择 `success`、`info`、`warning`、`error` | string | `info`，`banner` 模式下默认值为 `warning` |
+| onClose | 关闭时触发的回调函数 | Function | 无 |
--- a/components/anchor/index.en-US.md
+++ b/components/anchor/index.en-US.md
@@ -15,17 +15,17 @@ For displaying anchor hyperlinks on page and jumping between them.

 ### Anchor Props

-| Property     | Description           | Type     | Default      |
-|--------------|-----------------------|----------|--------------|
-| offsetTop    | Pixels to offset from top when calculating position of scroll | number | 0 |
-| offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - |
-| bounds     | Bounding distance of anchor area | number | 5(px) |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
 | affix | Fixed mode of Anchor | boolean | false |
+| bounds | Bounding distance of anchor area | number | 5(px) |
+| offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - |
+| offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 |
 | showInkInFixed | Whether show ink-balls in Fixed mode | boolean | false |

 ### Link Props

-| Property        | Description           | Type               | Default       |
-|-------------|----------------|--------------------|--------------|
-| href    | target of hyperlink  | string |         |
-| title | content of  hyperlink | string\|ReactNode |         |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| href | target of hyperlink | string |  |
+| title | content of  hyperlink | string\|ReactNode |  |
--- a/components/anchor/index.zh-CN.md
+++ b/components/anchor/index.zh-CN.md
@@ -16,17 +16,17 @@ title: Anchor

 ### Anchor Props

-| 成员        | 说明           | 类型               | 默认值       |
-|-------------|----------------|--------------------|--------------|
-| offsetTop    | 距离窗口顶部达到指定偏移量后触发   | number |         |
-| offsetBottom | 距离窗口底部达到指定偏移量后触发   | number |         |
-| bounds | 锚点区域边界 | number | 5(px) |
+| 成员 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | affix | 固定模式 | boolean | false |
+| bounds | 锚点区域边界 | number | 5(px) |
+| offsetBottom | 距离窗口底部达到指定偏移量后触发 | number |  |
+| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number |  |
 | showInkInFixed | 固定模式是否显示小圆点 | boolean | false |

 ### Link Props

-| 成员        | 说明           | 类型               | 默认值       |
-|-------------|----------------|--------------------|--------------|
-| href    | 锚点链接   | string |         |
-| title | 文字内容   | string\|ReactNode |         |
+| 成员 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| href | 锚点链接 | string |  |
+| title | 文字内容 | string\|ReactNode |  |
--- a/components/anchor/style/index.less
+++ b/components/anchor/style/index.less
@@ -1,57 +1,50 @@
@import "../../style/themes/default";

-.@{ant-prefix} {
-  &-anchor {
-    position: relative;
-    &-wrapper {
-      background-color: @component-background;
-    }
+.@{ant-prefix}-anchor {
+  position: relative;
+  &-wrapper {
+    background-color: @component-background;
+  }

-    &-ink {
-      position: absolute;
+  &-ink {
+    position: absolute;
+    height: 100%;
+    left: 0;
+    top: 0;
+    &:before {
+      content: ' ';
+      position: relative;
+      width: 2px;
      height: 100%;
-      left: 0;
-      top: 0;
-      &:before {
-        content: ' ';
-        position: relative;
-        width: 2px;
-        height: 100%;
-        display: block;
-        background-color: @border-color-split;
-        margin: 0 auto;
-      }
-      &-ball {
-        display: none;
-        position: absolute;
-        width: 9px;
-        height: 9px;
-        border-radius: 9px;
-        border: 3px solid @primary-color;
-        background-color: @component-background;
-        left: 50%;
-        transition: top .3s ease-in-out;
-        transform: translateX(-50%);
-        &.visible {
-          display: inline-block;
-        }
-      }
+      display: block;
+      background-color: @border-color-split;
+      margin: 0 auto;
    }
-
-    &.fixed &-ink &-ink-ball {
+    &-ball {
      display: none;
+      position: absolute;
+      width: 9px;
+      height: 9px;
+      border-radius: 9px;
+      border: 3px solid @primary-color;
+      background-color: @component-background;
+      left: 50%;
+      transition: top .3s ease-in-out;
+      transform: translateX(-50%);
+      &.visible {
+        display: inline-block;
+      }
    }
  }

-  &-anchor-link {
+  &.fixed &-ink &-ink-ball {
+    display: none;
+  }
+
+  &-link {
    padding: 8px 0 8px 18px;
    line-height: 1;

-    & & {
-      padding-top: 6px;
-      padding-bottom: 6px;
-    }
-
    &-title {
      display: block;
      position: relative;
@@ -61,18 +54,19 @@
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 8px;
-    }

-    &-title:only-child {
-      margin-bottom: 0;
+      &:only-child {
+        margin-bottom: 0;
+      }
    }

    &-active > &-title {
      color: @primary-color;
    }
+  }

-    & > & {
-      font-size: @font-size-base;
-    }
+  &-link &-link {
+    padding-top: 6px;
+    padding-bottom: 6px;
  }
 }
--- a/components/auto-complete/InputElement.tsx
+++ b/components/auto-complete/InputElement.tsx
@@ -10,10 +10,17 @@ export default class InputElement extends React.Component<any, any> {
  blur = () => {
    this.ele.blur ? this.ele.blur() : (findDOMNode(this.ele) as HTMLInputElement).blur();
  }
+  saveRef = (ele: HTMLInputElement) => {
+    this.ele = ele;
+    const childRef = this.props.children.ref;
+    if (typeof childRef === 'function') {
+      childRef(ele);
+    }
+  }
  render() {
    return React.cloneElement(this.props.children, {
      ...this.props,
-      ref: ele => this.ele = (ele as HTMLInputElement),
+      ref: this.saveRef,
    }, null);
  }
 }
--- a/components/auto-complete/tests/snapshots/demo.test.js.snap
+++ b/components/auto-complete/tests/snapshots/demo.test.js.snap
@@ -1,59 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP

-exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
-<div
-  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;height:50px;"
->
-  <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
-  >
-    <div
-      class="ant-select-selection__rendered"
-    >
-      <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
-      >
-        input here
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
-        >
-          <div
-            class="ant-select-search__field__wrap"
-          >
-            <textarea
-              class="ant-input ant-select-search__field"
-              style="height:50px;"
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable"
-    >
-      <b />
-    </span>
-  </div>
-</div>
-`;
-
 exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
 <div
  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
@@ -64,7 +10,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
    aria-expanded="false"
    aria-haspopup="true"
    class="ant-select-selection
-              ant-select-selection--single"
+            ant-select-selection--single"
    role="combobox"
  >
    <div
@@ -123,7 +69,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
      aria-expanded="false"
      aria-haspopup="true"
      class="ant-select-selection
-                ant-select-selection--single"
+            ant-select-selection--single"
      role="combobox"
    >
      <div
@@ -180,6 +126,54 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
 </div>
 `;

+exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
+<div
+  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;"
+>
+  <div
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+            ant-select-selection--single"
+    role="combobox"
+  >
+    <div
+      class="ant-select-selection__rendered"
+    >
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <div
+            class="ant-select-search__field__wrap"
+          >
+            <textarea
+              class="ant-input custom ant-select-search__field"
+              placeholder="input here"
+              style="height:50px;"
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <span
+      class="ant-select-arrow"
+      style="user-select:none;-webkit-user-select:none;"
+      unselectable="unselectable"
+    >
+      <b />
+    </span>
+  </div>
+</div>
+`;
+
 exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
 <div
  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
@@ -190,7 +184,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
    aria-expanded="false"
    aria-haspopup="true"
    class="ant-select-selection
-              ant-select-selection--single"
+            ant-select-selection--single"
    role="combobox"
  >
    <div
@@ -245,7 +239,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
    aria-expanded="false"
    aria-haspopup="true"
    class="ant-select-selection
-              ant-select-selection--single"
+            ant-select-selection--single"
    role="combobox"
  >
    <div
@@ -304,7 +298,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
      aria-expanded="false"
      aria-haspopup="true"
      class="ant-select-selection
-                ant-select-selection--single"
+            ant-select-selection--single"
      role="combobox"
    >
      <div
--- a/components/auto-complete/tests/ac.test.js
+++ b/components/auto-complete/tests/ac.test.js
@@ -17,4 +17,14 @@ describe('AutoComplete with Custom Input Element Render', () => {
    // should not filter data source defaultly
    expect(dropdownWrapper.find('MenuItem').length).toBe(3);
  });
+
+  it('child.ref should work', () => {
+    const mockRef = jest.fn();
+    mount(
+      <AutoComplete dataSource={[]}>
+        <input ref={mockRef} />
+      </AutoComplete>
+    );
+    expect(mockRef).toHaveBeenCalled();
+  });
 });
--- a/components/auto-complete/demo/custom.md
+++ b/components/auto-complete/demo/custom.md
@@ -45,12 +45,16 @@ class Complete extends React.Component {
    return (
      <AutoComplete
        dataSource={dataSource}
-        style={{ width: 200, height: 50 }}
+        style={{ width: 200 }}
        onSelect={onSelect}
        onSearch={this.handleSearch}
-        placeholder="input here"
      >
-        <TextArea onKeyPress={this.handleKeyPress} style={{ height: 50 }} />
+        <TextArea
+          placeholder="input here"
+          className="custom"
+          style={{ height: 50 }}
+          onKeyPress={this.handleKeyPress}
+        />
      </AutoComplete>
    );
  }
--- a/components/auto-complete/index.en-US.md
+++ b/components/auto-complete/index.en-US.md
@@ -18,19 +18,20 @@ const dataSource = ['12345', '23456', '34567'];
 <AutoComplete dataSource={dataSource} />
 ```

-| Property           | Description                             |  Type | Default |
-|----------------|----------------------------------|------------|--------|
-| dataSource          | Data source for autocomplete | [DataSourceItemType](https://git.io/vMMKF)[]     |      |
-| value    | selected option | string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode }>   |  -  |
-| defaultValue | Initial selected option. | string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode }> |  -  |
-| allowClear   | Show clear button, effective in multiple mode only. | boolean | false |
-| onChange | Called when select an option or input value change, or value of input is changed | function(value, label) | - |
-| onSelect | Called when a option is selected. param is option's value and option instance. | function(value, option) | -   |
-| onSearch | Called when searching items. | function(value) | - |
-| disabled | Whether disabled select | boolean | false |
-| defaultActiveFirstOption | Whether active first option by default | boolean | true |
-| placeholder | placeholder of input | string | - |
-| children (for dataSource) | Data source for autocomplet | React.ReactElement<OptionProps> /  Array<React.ReactElement<OptionProps>> | - |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| allowClear | Show clear button, effective in multiple mode only. | boolean | false |
+| backfill | backfill selected item the input when using keyboard | boolean | false |
 | children (for customize input element) | customize input element | HTMLInputElement / HTMLTextAreaElement / React.ReactElement<InputProps> | `<Input />` |
+| children (for dataSource) | Data source for autocomplet | React.ReactElement<OptionProps> /  Array&lt;React.ReactElement<OptionProps>> | - |
+| dataSource | Data source for autocomplete | [DataSourceItemType](https://git.io/vMMKF)\[] |  |
+| defaultActiveFirstOption | Whether active first option by default | boolean | true |
+| defaultValue | Initial selected option. | string\|string\[]\|{ key: string, label: string\|ReactNode }\|Array&lt;{ key: string, label: string\|ReactNode }> | - |
+| disabled | Whether disabled select | boolean | false |
+| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns `true`, the option will be included in the filtered set; Otherwise, it will be excluded. | boolean or function(inputValue, option) | true |
 | optionLabelProp | Which prop value of option will render as content of select. | string | `children` |
-| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option`, if the function returns `true`, the option will be included in the filtered set; Otherwise, it will be excluded. | boolean or function(inputValue, option) | true     |
+| placeholder | placeholder of input | string | - |
+| value | selected option | string\|string\[]\|{ key: string, label: string\|ReactNode }\|Array&lt;{ key: string, label: string\|ReactNode }> | - |
+| onChange | Called when select an option or input value change, or value of input is changed | function(value, label) | - |
+| onSearch | Called when searching items. | function(value) | - |
+| onSelect | Called when a option is selected. param is option's value and option instance. | function(value, option) | - |
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -51,8 +51,11 @@ export default class AutoComplete extends React.Component<AutoCompleteProps, any
    const { children } = this.props;
    const element = children && React.isValidElement(children) && children.type !== Option ?
      React.Children.only(this.props.children) : <Input />;
+    const elementProps = { ...element.props };
+    // https://github.com/ant-design/ant-design/pull/7742
+    delete elementProps.children;
    return (
-      <InputElement {...element.props}>{element}</InputElement>
+      <InputElement {...elementProps}>{element}</InputElement>
    );
  }

--- a/components/auto-complete/index.zh-CN.md
+++ b/components/auto-complete/index.zh-CN.md
@@ -19,19 +19,20 @@ const dataSource = ['12345', '23456', '34567'];
 <AutoComplete dataSource={dataSource} />
 ```

-| 参数           | 说明                             | 类型        | 默认值 |
-|----------------|----------------------------------|------------|---------|
-| dataSource          | 自动完成的数据源 | [DataSourceItemType](https://git.io/vMMKF)[]     |         |
-| value    | 指定当前选中的条目 | string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode }>   |  无  |
-| defaultValue | 指定默认选中的条目 | string\|string[]\|{ key: string, label: string\|ReactNode }\|Array<{ key: string, label: string\|ReactNode}>   |  无  |
-| allowClear   | 支持清除, 单选模式有效 | boolean | false |
-| onChange | 选中 option，或 input 的 value 变化时，调用此函数 | function(value) | 无 |
-| onSelect | 被选中时调用，参数为选中项的 value 值	| function(value, option)	| 无 |
-| onSearch | 搜索补全项的时候调用 | function(value) | 无 |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| allowClear | 支持清除, 单选模式有效 | boolean | false |
+| backfill | 使用键盘选择选项的时候把选中项回填到输入框中 | boolean | false |
+| children (自动完成的数据源) | 自动完成的数据源 | React.ReactElement<OptionProps> / Array&lt;React.ReactElement<OptionProps>> | - |
+| children (自定义输入框) | 自定义输入框 | HTMLInputElement / HTMLTextAreaElement / React.ReactElement<InputProps> | `<Input />` |
+| dataSource | 自动完成的数据源 | [DataSourceItemType](https://git.io/vMMKF)\[] |  |
+| defaultActiveFirstOption | 是否默认高亮第一个选项。 | boolean | true |
+| defaultValue | 指定默认选中的条目 | string\|string\[]\|{ key: string, label: string\|ReactNode }\|Array&lt;{ key: string, label: string\|ReactNode}> | 无 |
 | disabled | 是否禁用 | boolean | false |
-| defaultActiveFirstOption | 是否默认高亮第一个选项。 | boolean | true
-| placeholder | 输入框提示 | string | - |
-| children (自动完成的数据源) | 自动完成的数据源 | React.ReactElement<OptionProps> / Array<React.ReactElement<OptionProps>> | - |
-| children (自定义输入框) | 自定义输入框 |  HTMLInputElement / HTMLTextAreaElement / React.ReactElement<InputProps> | `<Input />` |
+| filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 `true`，反之则返回 `false`。 | boolean or function(inputValue, option) | true |
 | optionLabelProp | 回填到选择框的 Option 的属性值，默认是 Option 的子元素。比如在子元素需要高亮效果时，此值可以设为 `value`。 | string | `children` |
-| filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 `inputValue` `option` 两个参数，当 `option` 符合筛选条件时，应返回 `true`，反之则返回 `false`。 | boolean or function(inputValue, option) | true     |
+| placeholder | 输入框提示 | string | - |
+| value | 指定当前选中的条目 | string\|string\[]\|{ key: string, label: string\|ReactNode }\|Array&lt;{ key: string, label: string\|ReactNode }> | 无 |
+| onChange | 选中 option，或 input 的 value 变化时，调用此函数 | function(value) | 无 |
+| onSearch | 搜索补全项的时候调用 | function(value) | 无 |
+| onSelect | 被选中时调用，参数为选中项的 value 值 | function(value, option) | 无 |
--- a/components/auto-complete/style/index.less
+++ b/components/auto-complete/style/index.less
@@ -19,12 +19,22 @@
          line-height: @input-height-base;
        }
        &__placeholder {
-          margin-left: (@input-padding-horizontal + 1px);
-          margin-right: (@input-padding-horizontal + 1px);
+          margin-left: (@input-padding-horizontal-base + 1px);
+          margin-right: (@input-padding-horizontal-base + 1px);
+        }
+
+        &--single {
+          height: auto;
        }
      }
    }

+    // Fix https://github.com/ant-design/ant-design/issues/7800
+    .@{select-prefix-cls}-search--inline {
+      position: static;
+      float: left;
+    }
+
    &-allow-clear {
      .@{select-prefix-cls}-selection:hover .@{select-prefix-cls}-selection__rendered {
        margin-right: 0 !important;
@@ -33,6 +43,13 @@

    .@{input-prefix-cls} {
      background: transparent;
+      border-width: @border-width-base;
+      line-height: @line-height-base;
+      height: @input-height-base;
+      &:focus,
+      &:hover {
+        .hover;
+      }
    }

    &-lg {
@@ -52,13 +69,5 @@
        .input-sm();
      }
    }
-
-    .@{input-prefix-cls} {
-      border-width: @border-width-base;
-      &:focus,
-      &:hover {
-        .hover;
-      }
-    }
  }
 }
--- a/components/avatar/tests/snapshots/demo.test.js.snap
+++ b/components/avatar/tests/snapshots/demo.test.js.snap
@@ -192,7 +192,6 @@ exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
      <sup
        class="ant-scroll-number ant-badge-dot"
        data-show="true"
-        title=""
      />
    </span>
  </span>
--- a/components/avatar/index.en-US.md
+++ b/components/avatar/index.en-US.md
@@ -4,13 +4,13 @@ type: Data Display
 title: Avatar
 ---

-Avatars can be used to represent people or object, which supports image, antd-Icon, or letter.
+Avatars can be used to represent people or objects. It supports images, `Icon`s, or letters.

 ## API

-| Property   | Description                                               | Type       | Default |
-|----------- |---------------------------------------------------------  | ---------- |-------|
-| shape       | to set the shape of avatar | Enum{ 'circle', 'square' } | `circle` |
-| size   | to set the size of avatar | Enum{ 'large', 'small', 'default' } | `default` |
-| src  | the address of a image avatar | string | - |
-| icon    | the icon type of a icon avatar, see `Icon` Component | string | - |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| icon | the `Icon` type for an icon avatar, see `Icon` Component | string | - |
+| shape | the shape of avatar | `circle` \| `square` | `circle` |
+| size | the size of the avatar | `large` \| `small` \| `default` | `default` |
+| src | the address of the image for an image avatar | string | - |
--- a/components/avatar/index.zh-CN.md
+++ b/components/avatar/index.zh-CN.md
@@ -9,9 +9,9 @@ title: Avatar

 ## API

-| 参数        | 说明                                                      | 类型        | 默认值 |
-|----------- |--------------------------------------------------------- | ----------  | ------- |
-| shape       | 指定头像的形状                          | Enum{ 'circle', 'square' }     | `circle`  |
-| size       | 设置头像的大小                           | Enum{ 'large', 'small', 'default' }       | `default` |
-| src  | 图片类头像的资源地址                                     | string   | -    |
-| icon    | 设置头像的图标类型，参考 `Icon` 组件                                       | string   | -    |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| icon | 设置头像的图标类型，参考 `Icon` 组件 | string | - |
+| shape | 指定头像的形状 | Enum{ 'circle', 'square' } | `circle` |
+| size | 设置头像的大小 | Enum{ 'large', 'small', 'default' } | `default` |
+| src | 图片类头像的资源地址 | string | - |
--- a/components/avatar/style/index.less
+++ b/components/avatar/style/index.less
@@ -28,6 +28,7 @@
  & > img {
    width: 100%;
    height: 100%;
+    display: block;
  }
 }

--- a/components/back-top/index.en-US.md
+++ b/components/back-top/index.en-US.md
@@ -14,12 +14,11 @@ title: BackTop
 ## API

 > The distance to the bottom is set to `50px` by default, which is overridable.
-
+>
 > If you decide to use custom styles, please note the size limit: no more than `40px * 40px`.

-
-Property | Description | Type | Default
-----|-----|-----|------
-visibilityHeight | the `BackTop` button will not show until the scroll height reaches this value | number | 400
-onClick | a callback function, which can be executed when you click the button | Function | -
-target | specifies the scrollable area dom node | () => HTMLElement | () => window
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| target | specifies the scrollable area dom node | () => HTMLElement | () => window |
+| visibilityHeight | the `BackTop` button will not show until the scroll height reaches this value | number | 400 |
+| onClick | a callback function, which can be executed when you click the button | Function | - |
--- a/components/back-top/index.zh-CN.md
+++ b/components/back-top/index.zh-CN.md
@@ -15,11 +15,11 @@ title: BackTop
 ## API

 > 有默认样式，距离底部 `50px`，可覆盖。
+>
+> 自定义样式宽高不大于 40px \* 40px。

-> 自定义样式宽高不大于 40px * 40px。
-
-| 参数        | 说明           | 类型               | 默认值       |
-|-------------|----------------|--------------------|--------------|
-| visibilityHeight    | 滚动高度达到此参数值才出现 `BackTop`   | number | 400        |
-| onClick | 点击按钮的回调函数   | Function | -        |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | target | 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数 | Function | () => window |
+| visibilityHeight | 滚动高度达到此参数值才出现 `BackTop` | number | 400 |
+| onClick | 点击按钮的回调函数 | Function | - |
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -18,6 +18,7 @@ export interface ScrollNumberProps {
  component?: string;
  onAnimated?: Function;
  style?: React.CSSProperties;
+  title?: string | number;
 }

 export default class ScrollNumber extends Component<ScrollNumberProps, any> {
@@ -119,7 +120,7 @@ export default class ScrollNumber extends Component<ScrollNumberProps, any> {
  }

  render() {
-    const { prefixCls, className, style, count, component = 'sup' } = this.props;
+    const { prefixCls, className, style, title, component = 'sup' } = this.props;
    // fix https://fb.me/react-unknown-prop
    const restProps = omit(this.props, [
      'count',
@@ -129,11 +130,8 @@ export default class ScrollNumber extends Component<ScrollNumberProps, any> {
    ]);
    const newProps = {
      ...restProps,
-      className: classNames({
-        [`${prefixCls}`]: !!prefixCls,
-        [`${className}`]: !!className,
-      }),
-      title: count as string,
+      className: classNames(prefixCls, className),
+      title: title as string,
    };
    // allow specify the border
    // mock border-color by box-shadow for compatible with old usage:
--- a/components/badge/tests/snapshots/demo.test.js.snap
+++ b/components/badge/tests/snapshots/demo.test.js.snap
@@ -395,7 +395,6 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
      <sup
        class="ant-scroll-number ant-badge-dot"
        data-show="true"
-        title=""
      />
    </span>
    <span
@@ -422,7 +421,6 @@ exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
-      title=""
    />
  </span>
  <span
@@ -436,7 +434,6 @@ exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
-      title=""
    />
  </span>
 </div>
@@ -1112,7 +1109,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      style="background-color:#87d068;"
-      title="99+"
+      title="109"
    >
      99+
    </sup>
@@ -1456,7 +1453,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
-      title="99+"
+      title="100"
    >
      99+
    </sup>
@@ -1471,7 +1468,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
-      title="10+"
+      title="99"
    >
      10+
    </sup>
@@ -1486,7 +1483,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
-      title="999+"
+      title="1000"
    >
      999+
    </sup>
--- a/components/badge/index.en-US.md
+++ b/components/badge/index.en-US.md
@@ -4,11 +4,11 @@ type: Data Display
 title: Badge
 ---

-Small numerical value or status descriptors for UI elements.
+Small numerical value or status descriptor for UI elements.

 ## When To Use

-Badge normally appears in proximity to notification or head picture with eye-catching appeal, typically displaying unread messages count.
+Badge normally appears in proximity to notifications or user avatars with eye-catching appeal, typically displaying unread messages count.

 ## API

@@ -18,16 +18,15 @@ Badge normally appears in proximity to notification or head picture with eye-cat
 </Badge>
 ```

-
 ```jsx
 <Badge count={5} />
 ```

-| Property       | Description             | Type       | Default |
-|----------------|-------------------------|------------|---------|
-| count          | Number to show in badge | number     |         |
-| overflowCount  | Max count to show       | number     | 99      |
-| showZero       | Whether to show badge when `count` is zero   | boolean | false |
-| dot            | Whether to show red dot without number | boolean | false  |
-| status         | Set Badge as a status dot | Enum{ 'success', 'processing, 'default', 'error', 'warning' } | '' |
-| text           | If `status` is set, `text` is to set the text of status dot | string | '' |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| count | Number to show in badge | number |  |
+| dot | Whether to display a red dot instead of `count` | boolean | `false` |
+| overflowCount | Max count to show | number | 99 |
+| showZero | Whether to show badge when `count` is zero | boolean | `false` |
+| status | Set Badge as a status dot | `success` \| `processing` \| `default` \| `error` \| `warning` | `''` |
+| text | If `status` is set, `text` sets the display text of the status `dot` | string | `''` |
--- a/components/badge/index.tsx
+++ b/components/badge/index.tsx
@@ -15,6 +15,7 @@ export interface BadgeProps {
  dot?: boolean;
  style?: React.CSSProperties;
  prefixCls?: string;
+  scrollNumberPrefixCls?: string;
  className?: string;
  status?: 'success' | 'processing' | 'default' | 'error' | 'warning';
  text?: string;
@@ -23,6 +24,7 @@ export interface BadgeProps {
 export default class Badge extends React.Component<BadgeProps, any> {
  static defaultProps = {
    prefixCls: 'ant-badge',
+    scrollNumberPrefixCls: 'ant-scroll-number',
    count: null,
    showZero: false,
    dot: false,
@@ -44,6 +46,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
      count,
      showZero,
      prefixCls,
+      scrollNumberPrefixCls,
      overflowCount,
      className,
      style,
@@ -92,9 +95,11 @@ export default class Badge extends React.Component<BadgeProps, any> {

    const scrollNumber = hidden ? null : (
      <ScrollNumber
+        prefixCls={scrollNumberPrefixCls}
        data-show={!hidden}
        className={scrollNumberCls}
        count={displayCount}
+        title={count}
        style={style}
      />
    );
--- a/components/badge/index.zh-CN.md
+++ b/components/badge/index.zh-CN.md
@@ -19,16 +19,15 @@ title: Badge
 </Badge>
 ```

-
 ```jsx
 <Badge count={5} />
 ```

-| 参数           | 说明                             | 类型       | 默认值 |
-|----------------|----------------------------------|------------|---------|
-| count          | 展示的数字，大于 overflowCount 时显示为 `${overflowCount}+`，为 0 时隐藏 | number | |
-| overflowCount  | 展示封顶的数字值                 | number | 99 |
-| showZero       | 当数值为 0 时，是否展示 Badge   | boolean | false |
-| dot            | 不展示数字，只有一个小红点       | boolean | false  |
-| status         | 设置 Badge 为状态点            | Enum{ 'success', 'processing, 'default', 'error', 'warning' } | '' |
-| text           | 在设置了 `status` 的前提下有效，设置状态点的文本  | string | '' |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| count | 展示的数字，大于 overflowCount 时显示为 `${overflowCount}+`，为 0 时隐藏 | number |  |
+| dot | 不展示数字，只有一个小红点 | boolean | false |
+| overflowCount | 展示封顶的数字值 | number | 99 |
+| showZero | 当数值为 0 时，是否展示 Badge | boolean | false |
+| status | 设置 Badge 为状态点 | Enum{ 'success', 'processing, 'default', 'error', 'warning' } | '' |
+| text | 在设置了 `status` 的前提下有效，设置状态点的文本 | string | '' |
--- a/components/badge/style/index.less
+++ b/components/badge/style/index.less
@@ -83,7 +83,7 @@
    }
    &-text {
      color: @text-color;
-      font-size: @badge-font-size;
+      font-size: @font-size-base;
      margin-left: 8px;
    }
  }
--- a/components/breadcrumb/tests/Breadcrumb.test.js
+++ b/components/breadcrumb/tests/Breadcrumb.test.js
@@ -14,7 +14,7 @@ describe('Breadcrumb', () => {
  });

  // https://github.com/airbnb/enzyme/issues/875
-  xit('warns on non-Breadcrumb.Item children', () => {
+  it('warns on non-Breadcrumb.Item children', () => {
    const MyCom = () => <div>foo</div>;
    mount(
      <Breadcrumb>
--- a/components/breadcrumb/index.en-US.md
+++ b/components/breadcrumb/index.en-US.md
@@ -15,26 +15,36 @@ A breadcrumb displays the current location within a hierarchy. It allows going b

 ## API

-| Property      | Description                              | Type              |  Optional | Default |
-|-----------|-----------------------------------|-----------------|---------|--------|
-| routes    | The routing stack information of router | object[]             |         | -      |
-| params    | Routing parameter                        | object            |         | -      |
-| separator | Custom separator                      | string\|ReactNode |         | '/'    |
-| itemRender | Custom item renderer | (route, params, routes, paths) => ReactNode | | - |
+| Property | Description | Type | Optional | Default |
+| -------- | ----------- | ---- | -------- | ------- |
+| itemRender | Custom item renderer | (route, params, routes, paths) => ReactNode |  | - |
+| params | Routing parameters | object |  | - |
+| routes | The routing stack information of router | object\[] |  | - |
+| separator | Custom separator | string\|ReactNode |  | `/` |

 > `linkRender` and `nameRender` were removed after `antd@2.0`, please use `itemRender` instead.

 ### Use with browserHistory

-The link of Breadcrumb item contain `#` defaultly, you can use `itemRender` to make `browserHistory` Link.
+The link of Breadcrumb item targets `#` by default, you can use `itemRender` to make a `browserHistory` Link.

 ```jsx
 import { Link } from 'react-router';

+const routes = [{
+  path: 'index',
+  breadcrumbName: 'home'
+}, {
+  path: 'first',
+  breadcrumbName: 'first'
+}, {
+  path: 'second',
+  breadcrumbName: 'second'
+}];
 function itemRender(route, params, routes, paths) {
  const last = routes.indexOf(route) === routes.length - 1;
  return last ? <span>{route.breadcrumbName}</span> : <Link to={paths.join('/')}>{route.breadcrumbName}</Link>;
 }

-return <Breadcrumb itemRender={itemRender} />;
+return <Breadcrumb itemRender={itemRender} routes={routes} />;
 ```
--- a/components/breadcrumb/index.zh-CN.md
+++ b/components/breadcrumb/index.zh-CN.md
@@ -15,12 +15,12 @@ title: Breadcrumb

 ## API

-| 参数      | 说明                              | 类型              |  可选值 | 默认值 |
-|-----------|-----------------------------------|-----------------|---------|--------|
-| routes    | router 的路由栈信息               | object[]             |         | -      |
-| params    | 路由的参数                        | object            |         | -      |
-| separator | 分隔符自定义                      | string\|ReactNode |         | '/'    |
-| itemRender | 自定义链接函数，和 react-router 配置使用 | (route, params, routes, paths) => ReactNode | | - |
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+| --- | --- | --- | --- | --- |
+| itemRender | 自定义链接函数，和 react-router 配置使用 | (route, params, routes, paths) => ReactNode |  | - |
+| params | 路由的参数 | object |  | - |
+| routes | router 的路由栈信息 | object\[] |  | - |
+| separator | 分隔符自定义 | string\|ReactNode |  | '/' |

 > 2.0 之后，`linkRender` 和 `nameRender` 被移除，请使用 `itemRender` 来代替。

@@ -31,10 +31,20 @@ title: Breadcrumb
 ```jsx
 import { Link } from 'react-router';

+const routes = [{
+  path: 'index',
+  breadcrumbName: '首页'
+}, {
+  path: 'first',
+  breadcrumbName: '一级面包屑'
+}, {
+  path: 'second',
+  breadcrumbName: '当前页面'
+}];
 function itemRender(route, params, routes, paths) {
  const last = routes.indexOf(route) === routes.length - 1;
  return last ? <span>{route.breadcrumbName}</span> : <Link to={paths.join('/')}>{route.breadcrumbName}</Link>;
 }

-return <Breadcrumb itemRender={itemRender} />;
+return <Breadcrumb itemRender={itemRender} routes={routes}/>;
 ```
--- a/components/breadcrumb/style/index.less
+++ b/components/breadcrumb/style/index.less
@@ -15,7 +15,7 @@
  }

  & > span:last-child {
-    font-weight: bold;
+    font-weight: 500;
    color: @text-color;
  }

--- a/components/button/tests/snapshots/demo.test.js.snap
+++ b/components/button/tests/snapshots/demo.test.js.snap
@@ -480,12 +480,13 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
    class="ant-radio-group"
  >
    <label
-      class="ant-radio-button-wrapper"
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
    >
      <span
-        class="ant-radio-button"
+        class="ant-radio-button ant-radio-button-checked"
      >
        <input
+          checked=""
          class="ant-radio-button-input"
          type="radio"
        />
@@ -498,13 +499,12 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
      </span>
    </label>
    <label
-      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      class="ant-radio-button-wrapper"
    >
      <span
-        class="ant-radio-button ant-radio-button-checked"
+        class="ant-radio-button"
      >
        <input
-          checked=""
          class="ant-radio-button-input"
          type="radio"
        />
@@ -538,7 +538,40 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
  <br />
  <br />
  <button
-    class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
+    class="ant-btn ant-btn-primary ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Primary
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Normal
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-dashed ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Dashed
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-btn-danger ant-btn-lg"
+    type="button"
+  >
+    <span>
+      Danger
+    </span>
+  </button>
+  <br />
+  <button
+    class="ant-btn ant-btn-primary ant-btn-circle ant-btn-lg ant-btn-icon-only"
    type="button"
  >
    <i
@@ -546,7 +579,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
    />
  </button>
  <button
-    class="ant-btn ant-btn-primary"
+    class="ant-btn ant-btn-primary ant-btn-lg"
    type="button"
  >
    <i
@@ -556,17 +589,9 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
      Download
    </span>
  </button>
-  <button
-    class="ant-btn ant-btn-primary"
-    type="button"
-  >
-    <span>
-      Normal
-    </span>
-  </button>
  <br />
  <div
-    class="ant-btn-group"
+    class="ant-btn-group ant-btn-group-lg"
  >
    <button
      class="ant-btn ant-btn-primary"
--- a/components/button/button-group.tsx
+++ b/components/button/button-group.tsx
@@ -11,7 +11,7 @@ export interface ButtonGroupProps {
 }

 const ButtonGroup: React.SFC<ButtonGroupProps> = (props) => {
-  const { prefixCls = 'ant-btn-group', size = '', className, ...others } = props;
+  const { prefixCls = 'ant-btn-group', size, className, ...others } = props;

  // large => lg
  // small => sm
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -61,7 +61,6 @@ export default class Button extends React.Component<ButtonProps, any> {
  static defaultProps = {
    prefixCls: 'ant-btn',
    loading: false,
-    clicked: false,
    ghost: false,
  };

@@ -83,6 +82,7 @@ export default class Button extends React.Component<ButtonProps, any> {
    super(props);
    this.state = {
      loading: props.loading,
+      clicked: false,
    };
  }

@@ -122,16 +122,9 @@ export default class Button extends React.Component<ButtonProps, any> {
    }
  }

-  // Handle auto focus when click button in Chrome
-  handleMouseUp = (e: React.MouseEvent<HTMLButtonElement>) => {
-    if (this.props.onMouseUp) {
-      this.props.onMouseUp(e);
-    }
-  }
-
  render() {
    const {
-      type, shape, size = '', className, htmlType, children, icon, prefixCls, ghost, ...others,
+      type, shape, size, className, htmlType, children, icon, prefixCls, ghost, ...others,
    } = this.props;

    const { loading, clicked } = this.state;
@@ -153,7 +146,7 @@ export default class Button extends React.Component<ButtonProps, any> {
      [`${prefixCls}-${type}`]: type,
      [`${prefixCls}-${shape}`]: shape,
      [`${prefixCls}-${sizeCls}`]: sizeCls,
-      [`${prefixCls}-icon-only`]: !children && icon && !loading,
+      [`${prefixCls}-icon-only`]: !children && icon,
      [`${prefixCls}-loading`]: loading,
      [`${prefixCls}-clicked`]: clicked,
      [`${prefixCls}-background-ghost`]: ghost,
@@ -161,15 +154,14 @@ export default class Button extends React.Component<ButtonProps, any> {

    const iconType = loading ? 'loading' : icon;
    const iconNode = iconType ? <Icon type={iconType} /> : null;
-    const needInserted = React.Children.count(children) === 1 && !iconType;
+    const needInserted = React.Children.count(children) === 1 && (!iconType || iconType === 'loading');
    const kids = React.Children.map(children, child => insertSpace(child, needInserted));

    return (
      <button
-        {...omit(others, ['loading', 'clicked'])}
+        {...omit(others, ['loading'])}
        type={htmlType || 'button'}
        className={classes}
-        onMouseUp={this.handleMouseUp}
        onClick={this.handleClick}
      >
        {iconNode}{kids}
--- a/components/button/demo/size.md
+++ b/components/button/demo/size.md
@@ -22,7 +22,7 @@ import { Button, Radio, Icon } from 'antd';

 class ButtonSize extends React.Component {
  state = {
-    size: 'default',
+    size: 'large',
  };

  handleSizeChange = (e) => {
@@ -39,9 +39,13 @@ class ButtonSize extends React.Component {
          <Radio.Button value="small">Small</Radio.Button>
        </Radio.Group>
        <br /><br />
+        <Button type="primary" size={size}>Primary</Button>
+        <Button size={size}>Normal</Button>
+        <Button type="dashed" size={size}>Dashed</Button>
+        <Button type="danger" size={size}>Danger</Button>
+        <br />
        <Button type="primary" shape="circle" icon="download" size={size} />
        <Button type="primary" icon="download" size={size}>Download</Button>
-        <Button type="primary" size={size}>Normal</Button>
        <br />
        <Button.Group size={size}>
          <Button type="primary">
--- a/components/button/index.en-US.md
+++ b/components/button/index.en-US.md
@@ -14,18 +14,18 @@ A button means an operation (or a series of operations). Clicking a button will

 To get a customized button, just set `type`/`shape`/`size`/`loading`/`disabled`.

-Property | Description | Type | Default
-----|-----|-----|------
-type | can be set to `primary` `dashed` `danger`(added in 2.7) or omitted | string | 'default'
-htmlType | to set the original `type` of `button`, see: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | `button`
-icon | set the icon of button, see: Icon component | string | -
-shape | can be set to `circle` or omitted | string | -
-size | can be set to `small` `large` or omitted | string | `default`
-loading | to set the loading status of button | boolean \| { delay: number } | `false`
-onClick | set the handler to handle `click` event | function | -
-ghost | make background transparent and invert text and border color, added in 2.7 | boolean | false
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| ghost | make background transparent and invert text and border colors, added in 2.7 | boolean | false |
+| htmlType | set the original html `type` of `button`, see: [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | `button` |
+| icon | set the icon of button, see: Icon component | string | - |
+| loading | set the loading status of button | boolean \| { delay: number } | false |
+| shape | can be set to `circle` or omitted | string | - |
+| size | can be set to `small` `large` or omitted | string | `default` |
+| type | can be set to `primary` `ghost` `dashed` `danger`(added in 2.7) or omitted (meaning `default`) | string | `default` |
+| onClick | set the handler to handle `click` event | function | - |

-`<Button>Hello world!</Button>` will be rendered into `<button>Hello world!</button>`, and all the properties which are not listed above will be transferred to the `<button>` tag.
+`<Button>Hello world!</Button>` will be rendered into `<button><span>Hello world!</span></button>`, and all the properties which are not listed above will be transferred to the `<button>` tag.

 <style>
 [id^=components-button-demo-] .ant-btn {
--- a/components/button/index.zh-CN.md
+++ b/components/button/index.zh-CN.md
@@ -17,18 +17,18 @@ subtitle: 按钮

 按钮的属性说明如下：

-属性 | 说明 | 类型 | 默认值
-----|-----|-----|------
-type | 设置按钮类型，可选值为 `primary` `dashed` `danger`(版本 2.7 中增加) 或者不设 | string | -
-htmlType | 设置 `button` 原生的 `type` 值，可选值请参考 [HTML 标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | `button`
-icon | 设置按钮的图标类型 | string | -
-shape | 设置按钮形状，可选值为 `circle` 或者不设 | string | -
-size | 设置按钮大小，可选值为 `small` `large` 或者不设 | string | `default`
-loading | 设置按钮载入状态 | boolean \| { delay: number } | `false`
-onClick | `click` 事件的 handler | function | -
-ghost | 幽灵属性，使按钮背景透明，版本 2.7 中增加 | boolean | false
+| 属性 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| ghost | 幽灵属性，使按钮背景透明，版本 2.7 中增加 | boolean | false |
+| htmlType | 设置 `button` 原生的 `type` 值，可选值请参考 [HTML 标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | string | `button` |
+| icon | 设置按钮的图标类型 | string | - |
+| loading | 设置按钮载入状态 | boolean \| { delay: number } | `false` |
+| shape | 设置按钮形状，可选值为 `circle` 或者不设 | string | - |
+| size | 设置按钮大小，可选值为 `small` `large` 或者不设 | string | `default` |
+| type | 设置按钮类型，可选值为 `primary` `dashed` `danger`(版本 2.7 中增加) 或者不设 | string | - |
+| onClick | `click` 事件的 handler | function | - |

-`<Button>Hello world!</Button>` 最终会被渲染为 `<button>Hello world!</button>`，并且除了上表中的属性，其它属性都会直接传到 `<button></button>`。
+`<Button>Hello world!</Button>` 最终会被渲染为 `<button><span>Hello world!</span></button>`，并且除了上表中的属性，其它属性都会直接传到 `<button></button>`。

 <style>
 [id^="components-button-demo-"] .ant-btn {
--- a/components/button/style/index.less
+++ b/components/button/style/index.less
@@ -15,6 +15,13 @@
  .btn;
  .btn-default;

+  // Make sure that the target of Button's click event always be `button`
+  // Ref: https://github.com/ant-design/ant-design/issues/7034
+  > i,
+  > span {
+    pointer-events: none;
+  }
+
  &-primary {
    .btn-primary;

@@ -86,7 +93,7 @@
    display: block;
  }

-  &&-loading:not(&-circle):not(&-circle-outline) {
+  &&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
    padding-left: 29px;
    pointer-events: none;
    position: relative;
@@ -95,7 +102,7 @@
    }
  }

-  &-sm&-loading:not(&-circle):not(&-circle-outline) {
+  &-sm&-loading:not(&-circle):not(&-circle-outline):not(&-icon-only) {
    padding-left: 24px;
    .@{iconfont-css-prefix} {
      margin-left: -17px;
--- a/components/calendar/tests/snapshots/demo.test.js.snap
+++ b/components/calendar/tests/snapshots/demo.test.js.snap
@@ -15,7 +15,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
        aria-expanded="false"
        aria-haspopup="true"
        class="ant-select-selection
-                  ant-select-selection--single"
+            ant-select-selection--single"
        role="combobox"
        tabindex="0"
      >
@@ -47,7 +47,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
        aria-expanded="false"
        aria-haspopup="true"
        class="ant-select-selection
-                  ant-select-selection--single"
+            ant-select-selection--single"
        role="combobox"
        tabindex="0"
      >
@@ -1022,7 +1022,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
-                    ant-select-selection--single"
+            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
@@ -1054,7 +1054,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
-                    ant-select-selection--single"
+            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
@@ -2027,7 +2027,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
        aria-expanded="false"
        aria-haspopup="true"
        class="ant-select-selection
-                  ant-select-selection--single"
+            ant-select-selection--single"
        role="combobox"
        tabindex="0"
      >
@@ -2059,7 +2059,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
        aria-expanded="false"
        aria-haspopup="true"
        class="ant-select-selection
-                  ant-select-selection--single"
+            ant-select-selection--single"
        role="combobox"
        tabindex="0"
      >
@@ -3346,7 +3346,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
-                    ant-select-selection--single"
+            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
@@ -3378,7 +3378,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
-                    ant-select-selection--single"
+            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
--- a/components/calendar/demo/notice-calendar.md
+++ b/components/calendar/demo/notice-calendar.md
@@ -68,10 +68,12 @@ function getMonthData(value) {

 function monthCellRender(value) {
  const num = getMonthData(value);
-  return num ? <div className="notes-month">
-    <section>{num}</section>
-    <span>Backlog number</span>
-  </div> : null;
+  return num ? (
+    <div className="notes-month">
+      <section>{num}</section>
+      <span>Backlog number</span>
+    </div>
+  ) : null;
 }

 ReactDOM.render(
--- a/components/calendar/index.en-US.md
+++ b/components/calendar/index.en-US.md
@@ -9,11 +9,11 @@ Container for displaying data in calendar form.

 ## When To Use

-When data is in the form of date, such as schedule, timetable, prices calendar, Lunar calendar. This component also supports Year/Month switch.
+When data is in the form of dates, such as schedules, timetables, prices calendar, lunar calendar. This component also supports Year/Month switch.

 ## API

-**Note:** Part of locale of Calendar is read from value. So, please set the locale of moment correctly.
+**Note:** Part of the Calendar's locale is read from `value`. So, please set the locale of `moment` correctly.

 ```jsx
 import moment from 'moment';
@@ -30,17 +30,17 @@ moment.locale('zh-cn');
 />
 ```

-| Property         | Description           | Type     | Default       |
-|--------------|----------------|----------|--------------|
-| value        | set date | [moment](http://momentjs.com/) | current date     |
-| defaultValue | set default date | [moment](http://momentjs.com/) | default date     |
-| mode         | can be set to month or year | string | month  |
-| fullscreen   | to set whether full-screen display   | boolean     | true         |
-| dateCellRender      | to set the way of renderer the date cell, the returned content will be appended to the cell | function(date: moment): ReactNode | - |
-| monthCellRender     | to set the way of renderer the month cell, the returned content will be appended to the cell | function(date: moment): ReactNode | - |
-| dateFullCellRender  | to set the way of renderer the date cell,the returned content will override the cell | function(date: moment): ReactNode | - |
-| monthFullCellRender | to set the way of renderer the month cell,the returned content will override the cell | function(date: moment): ReactNode | - |
-| locale       | set locale | object   | [default](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)  |
-| onPanelChange| callback when panel change | function(date: moment, mode: string) | - |
-| onSelect     | callback when select date  | function(date: moment）              | - |
-| disabledDate | specify the date that cannot be selected | (currentDate: moment) => boolean | 无           |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| dateCellRender | Customize the display of the date cell, the returned content will be appended to the cell | function(date: moment): ReactNode | - |
+| dateFullCellRender | Customize the display of the date cell, the returned content will override the cell | function(date: moment): ReactNode | - |
+| defaultValue | The date selected by default | [moment](http://momentjs.com/) | default date |
+| disabledDate | Function that specifies the dates that cannot be selected | (currentDate: moment) => boolean | - |
+| fullscreen | Whether to display in full-screen | boolean | `true` |
+| locale | The calendar's locale | object | [default](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json) |
+| mode | The display mode of the calendar | `month` \| `year` | `month` |
+| monthCellRender | Customize the display of the month cell, the returned content will be appended to the cell | function(date: moment): ReactNode | - |
+| monthFullCellRender | Customize the display of the month cell, the returned content will override the cell | function(date: moment): ReactNode | - |
+| value | The current selected date | [moment](http://momentjs.com/) | current date |
+| onPanelChange | Callback for when panel changes | function(date: moment, mode: string) | - |
+| onSelect | Callback for when a date is selected | function(date: moment） | - |
--- a/components/calendar/index.zh-CN.md
+++ b/components/calendar/index.zh-CN.md
@@ -12,7 +12,6 @@ title: Calendar

 当数据是日期或按照日期划分时，例如日程、课表、价格日历等，农历等。目前支持年/月切换。

-
 ## API

 **注意：**Calendar 部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。
@@ -32,17 +31,17 @@ moment.locale('zh-cn');
 />
 ```

-| 参数         | 说明           | 类型     | 默认值       |
-|--------------|----------------|----------|--------------|
-| value        | 展示日期       | [moment](http://momentjs.com/)     | 当前日期     |
-| defaultValue | 默认展示的日期  | [moment](http://momentjs.com/)     | 默认日期     |
-| mode         | 初始模式，`month/year` | string | month  |
-| fullscreen   | 是否全屏显示   | boolean     | true         |
-| dateCellRender      | 自定义渲染日期单元格，返回内容会被追加到单元格| function(date: moment): ReactNode   | 无 |
-| monthCellRender     | 自定义渲染月单元格，返回内容会被追加到单元格  | function(date: moment): ReactNode   | 无 |
-| dateFullCellRender  | 自定义渲染日期单元格，返回内容覆盖单元格| function(date: moment): ReactNode   | 无 |
-| monthFullCellRender | 自定义渲染月单元格，返回内容覆盖单元格  | function(date: moment): ReactNode   | 无 |
-| locale       | 国际化配置     | object   | [默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)  |
-| onPanelChange| 日期面板变化回调 | function(date: moment, mode: string) | 无 |
-| onSelect     | 点击选择日期回调 | function(date: moment）              | 无 |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| dateCellRender | 自定义渲染日期单元格，返回内容会被追加到单元格 | function(date: moment): ReactNode | 无 |
+| dateFullCellRender | 自定义渲染日期单元格，返回内容覆盖单元格 | function(date: moment): ReactNode | 无 |
+| defaultValue | 默认展示的日期 | [moment](http://momentjs.com/) | 默认日期 |
 | disabledDate | 不可选择的日期 | (currentDate: moment) => boolean | 无 |
+| fullscreen | 是否全屏显示 | boolean | true |
+| locale | 国际化配置 | object | [默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json) |
+| mode | 初始模式，`month/year` | string | month |
+| monthCellRender | 自定义渲染月单元格，返回内容会被追加到单元格 | function(date: moment): ReactNode | 无 |
+| monthFullCellRender | 自定义渲染月单元格，返回内容覆盖单元格 | function(date: moment): ReactNode | 无 |
+| value | 展示日期 | [moment](http://momentjs.com/) | 当前日期 |
+| onPanelChange | 日期面板变化回调 | function(date: moment, mode: string) | 无 |
+| onSelect | 点击选择日期回调 | function(date: moment） | 无 |
--- a/components/calendar/locale/el_GR.tsx
+++ b/components/calendar/locale/el_GR.tsx
@@ -0,0 +1,2 @@
+import el_GR from '../../date-picker/locale/el_GR';
+export default el_GR;
--- a/components/calendar/locale/fa_IR.tsx
+++ b/components/calendar/locale/fa_IR.tsx
@@ -0,0 +1,2 @@
+import fa_IR from '../../date-picker/locale/fa_IR';
+export default fa_IR;
--- a/components/calendar/locale/nb_NO.tsx
+++ b/components/calendar/locale/nb_NO.tsx
@@ -0,0 +1,2 @@
+import nb_NO from '../../date-picker/locale/nb_NO';
+export default nb_NO;
--- a/components/calendar/locale/pt_PT.tsx
+++ b/components/calendar/locale/pt_PT.tsx
@@ -0,0 +1,2 @@
+import pt_PT from '../../date-picker/locale/pt_PT';
+export default pt_PT;
--- a/components/calendar/locale/sr_RS.tsx
+++ b/components/calendar/locale/sr_RS.tsx
@@ -0,0 +1,2 @@
+import sr_RS from '../../date-picker/locale/sr_RS';
+export default sr_RS;
--- a/components/card/tests/snapshots/demo.test.js.snap
+++ b/components/card/tests/snapshots/demo.test.js.snap
@@ -8,20 +8,20 @@ exports[`renders ./components/card/demo/basic.md correctly 1`] = `
  <div
    class="ant-card-head"
  >
-    <h3
+    <div
      class="ant-card-head-title"
    >
      Card title
-    </h3>
-  </div>
-  <div
-    class="ant-card-extra"
-  >
-    <a
-      href="#"
+    </div>
+    <div
+      class="ant-card-extra"
    >
-      More
-    </a>
+      <a
+        href="#"
+      >
+        More
+      </a>
+    </div>
  </div>
  <div
    class="ant-card-body"
@@ -50,11 +50,11 @@ exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
    <div
      class="ant-card-head"
    >
-      <h3
+      <div
        class="ant-card-head-title"
      >
        Card title
-      </h3>
+      </div>
    </div>
    <div
      class="ant-card-body"
@@ -80,11 +80,11 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
  <div
    class="ant-card-head"
  >
-    <h3
+    <div
      class="ant-card-head-title"
    >
-      卡片标题
-    </h3>
+      Card Title
+    </div>
  </div>
  <div
    class="ant-card-body"
@@ -93,43 +93,43 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
    <div
      class="ant-card-grid"
      style="width:25%;text-align:center;"
    >
-      卡片内容
+      Content
    </div>
  </div>
 </div>
@@ -153,11 +153,11 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
        <div
          class="ant-card-head"
        >
-          <h3
+          <div
            class="ant-card-head-title"
          >
            Card title
-          </h3>
+          </div>
        </div>
        <div
          class="ant-card-body"
@@ -176,11 +176,11 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
        <div
          class="ant-card-head"
        >
-          <h3
+          <div
            class="ant-card-head-title"
          >
            Card title
-          </h3>
+          </div>
        </div>
        <div
          class="ant-card-body"
@@ -199,11 +199,11 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
        <div
          class="ant-card-head"
        >
-          <h3
+          <div
            class="ant-card-head-title"
          >
            Card title
-          </h3>
+          </div>
        </div>
        <div
          class="ant-card-body"
@@ -224,11 +224,11 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
  <div
    class="ant-card-head"
  >
-    <h3
+    <div
      class="ant-card-head-title"
    >
      Card title
-    </h3>
+    </div>
  </div>
  <div
    class="ant-card-body"
--- a/components/card/tests/index.test.js
+++ b/components/card/tests/index.test.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Card from '../index';
+
+const delay = timeout => new Promise(resolve => setTimeout(resolve, timeout));
+const testMethod = typeof window !== 'undefined' ? it : xit;
+
+describe('Card', () => {
+  function fakeResizeWindowTo(wrapper, width) {
+    Object.defineProperties(wrapper.node.container, {
+      offsetWidth: {
+        get() { return width; },
+        configurable: true,
+      },
+    });
+    window.resizeTo(width);
+  }
+
+  testMethod('resize card will trigger different padding', async () => {
+    const wrapper = mount(<Card title="xxx">xxx</Card>);
+    fakeResizeWindowTo(wrapper, 1000);
+    await delay(0);
+    expect(wrapper.hasClass('ant-card-wider-padding')).toBe(true);
+    fakeResizeWindowTo(wrapper, 800);
+    await delay(0);
+    expect(wrapper.hasClass('ant-card-wider-padding')).toBe(false);
+  });
+});
--- a/components/card/demo/grid-card.md
+++ b/components/card/demo/grid-card.md
@@ -22,14 +22,14 @@ const gridStyle = {
 };

 ReactDOM.render(
-  <Card title="卡片标题" noHovering>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
-    <Card.Grid style={gridStyle}>卡片内容</Card.Grid>
+  <Card title="Card Title" noHovering>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
+    <Card.Grid style={gridStyle}>Content</Card.Grid>
  </Card>
 , mountNode);
 ````
--- a/components/card/index.en-US.md
+++ b/components/card/index.en-US.md
@@ -5,11 +5,11 @@ title: Card
 cols: 1
 ---

-Simple rectangular container
+Simple rectangular container.

 ## When To Use

-A card can be used to display content related to a single subject. The content can consist of multiple elements of varying type and size.
+A card can be used to display content related to a single subject. The content can consist of multiple elements of varying types and sizes.

 ## API

@@ -19,18 +19,18 @@ A card can be used to display content related to a single subject. The content c

 ### Card

-| Property     | Description           | Type     | Default       |
-|----------|----------------|----------|--------------|
-| title    | Card title | string\|ReactNode   |  -  |
-| extra    | Content to render in the top-right corner of the card | string\|ReactNode   | - |
-| bordered | Toggles rendering of the border around the card | boolean   |  true  |
-| bodyStyle | Inline style to apply to the card content | object   |  -  |
-| noHovering | Whether to be disable hovering when mouse over | boolean | false |
-| loading | Shows a loading indicator while the contents of the card are being fetched | boolean   |  false  |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| bodyStyle | Inline style to apply to the card content | object | - |
+| bordered | Toggles rendering of the border around the card | boolean | `true` |
+| extra | Content to render in the top-right corner of the card | string\|ReactNode | - |
+| loading | Shows a loading indicator while the contents of the card are being fetched | boolean | `false` |
+| noHovering | Whether to disable hover effect on mouse over | boolean | `false` |
+| title | Card title | string\|ReactNode | - |

 ### Card.Grid

-Property | Description | Type | Default
---------|-------------|------|---------
-className | className of container | string | -
-style | style object of container | object | -
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| className | className of container | string | - |
+| style | style object of container | object | - |
--- a/components/card/index.tsx
+++ b/components/card/index.tsx
@@ -18,7 +18,7 @@ export interface CardProps {
  className?: string;
 }

-export default class Card extends Component<CardProps> {
+export default class Card extends Component<CardProps, {}> {
  static Grid: typeof Grid = Grid;
  container: HTMLDivElement;
  resizeEvent: any;
@@ -108,16 +108,11 @@ export default class Card extends Component<CardProps> {
    }

    let head;
-    if (!title) {
-      head = null;
-    } else {
-      head = typeof title === 'string' ? (
+    if (title || extra) {
+      head = (
        <div className={`${prefixCls}-head`}>
-          <h3 className={`${prefixCls}-head-title`}>{title}</h3>
-        </div>
-      ) : (
-        <div className={`${prefixCls}-head`}>
-          <div className={`${prefixCls}-head-title`}>{title}</div>
+          {title ? <div className={`${prefixCls}-head-title`}>{title}</div> : null}
+          {extra ? <div className={`${prefixCls}-extra`}>{extra}</div> : null}
        </div>
      );
    }
@@ -125,7 +120,6 @@ export default class Card extends Component<CardProps> {
    return (
      <div {...others} className={classString} ref={this.saveRef}>
        {head}
-        {extra ? <div className={`${prefixCls}-extra`}>{extra}</div> : null}
        <div className={`${prefixCls}-body`} style={bodyStyle}>{children}</div>
      </div>
    );
--- a/components/card/index.zh-CN.md
+++ b/components/card/index.zh-CN.md
@@ -20,18 +20,18 @@ cols: 1

 ### Card

-| 参数     | 说明           | 类型     | 默认值       |
-|----------|----------------|----------|--------------|
-| title    | 卡片标题 | string\|ReactNode   |  -  |
-| extra    | 卡片右上角的操作区域 | string\|ReactNode   | - |
-| bordered | 是否有边框 | boolean   |  true  |
-| bodyStyle | 内容区域自定义样式 | object   |  -  |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| bodyStyle | 内容区域自定义样式 | object | - |
+| bordered | 是否有边框 | boolean | true |
+| extra | 卡片右上角的操作区域 | string\|ReactNode | - |
+| loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位 | boolean | false |
 | noHovering | 取消鼠标移过浮起 | boolean | false |
-| loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位 | boolean   |  false  |
+| title | 卡片标题 | string\|ReactNode | - |

 ### Card.Grid

-Property | Description | Type | Default
---------|-------------|------|---------
-className | 网格容器类名 | string | -
-style | 定义网格容器类名的样式 | object | -
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| className | 网格容器类名 | string | - |
+| style | 定义网格容器类名的样式 | object | - |
--- a/components/card/style/index.less
+++ b/components/card/style/index.less
@@ -14,7 +14,7 @@

  &:not(&-no-hovering):hover {
    box-shadow: @box-shadow-base;
-    border-color: transparent;
+    border-color: @shadow-color;
  }

  &-bordered {
@@ -28,23 +28,28 @@
    border-bottom: @border-width-base @border-style-base @border-color-split;
    padding: 0 @card-padding-base;
    border-radius: @border-radius-sm @border-radius-sm 0 0;
+    .clearfix;
+    margin-bottom: -1px; // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
+    display: flex;

    &-title {
      font-size: @font-size-lg;
-      display: inline-block;
      text-overflow: ellipsis;
-      width: 100%;
+      max-width: 100%;
      overflow: hidden;
      white-space: nowrap;
      color: @card-head-color;
      font-weight: 500;
+      display: inline-block;
+      flex: 1;
    }
  }

  &-extra {
-    position: absolute;
-    right: @card-padding-base;
-    top: 14px;
+    float: right;
+    text-align: right;
+    // https://stackoverflow.com/a/22429853/3040605
+    margin-left: auto;
  }

  &-body {
@@ -52,34 +57,15 @@
    .clearfix;
  }

-  &-loading &-body {
-    user-select: none;
-    padding: 0;
-  }
-
-  &-loading-content {
-    padding: @card-padding-base;
-  }
-
-  &-loading-block {
-    display: inline-block;
-    margin: 5px 1% 0;
-    height: 14px;
-    border-radius: @border-radius-sm;
-    background: linear-gradient(90deg, rgba(207, 216, 220, .2), rgba(207, 216, 220, .4), rgba(207, 216, 220, .2));
-	  animation: card-loading 1.4s ease infinite;
-    background-size: 600% 600%;
-  }
-
  &-contain-grid &-body {
-    margin: -0.5px;
+    margin: -1px 0 0 -1px;
    padding: 0;
  }

  &-grid {
    border-radius: 0;
    border: 0;
-    box-shadow: 0 0 0 0.5px @border-color-split, 0 0 0 0.5px @border-color-split inset;
+    box-shadow: 1px 0 0 0 @border-color-split, 0 1px 0 0 @border-color-split, 1px 1px 0 0 @border-color-split, 1px 0 0 0 @border-color-split inset, 0 1px 0 0 @border-color-split inset;
    width: 33.33%;
    float: left;
    padding: @card-padding-base;
@@ -111,6 +97,25 @@
  &-padding-transition &-extra {
    transition: right .3s;
  }
+
+  &-loading &-body {
+    user-select: none;
+    padding: 0;
+  }
+
+  &-loading-content {
+    padding: @card-padding-base;
+  }
+
+  &-loading-block {
+    display: inline-block;
+    margin: 5px 1% 0;
+    height: 14px;
+    border-radius: @border-radius-sm;
+    background: linear-gradient(90deg, rgba(207, 216, 220, .2), rgba(207, 216, 220, .4), rgba(207, 216, 220, .2));
+    animation: card-loading 1.4s ease infinite;
+    background-size: 600% 600%;
+  }
 }

@keyframes card-loading {
--- a/components/carousel/tests/snapshots/demo.test.js.snap
+++ b/components/carousel/tests/snapshots/demo.test.js.snap
@@ -62,7 +62,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
          </h3>
        </div>
        <div
-          class="slick-slide slick-active slick-cloned"
+          class="slick-slide slick-cloned"
          data-index="4"
        >
          <h3>
@@ -137,7 +137,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
          </h3>
        </div>
        <div
-          class="slick-slide slick-active slick-cloned"
+          class="slick-slide slick-cloned"
          data-index="4"
        >
          <h3>
@@ -271,7 +271,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
          </h3>
        </div>
        <div
-          class="slick-slide slick-active slick-cloned"
+          class="slick-slide slick-cloned"
          data-index="4"
        >
          <h3>
--- a/components/carousel/tests/index.test.js
+++ b/components/carousel/tests/index.test.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Carousel from '..';
+
+describe('Carousel', () => {
+  it('should has innerSlider', () => {
+    const wrapper = mount(<Carousel><div /></Carousel>);
+    const { innerSlider } = wrapper.node;
+    const innerSliderFromRefs = wrapper.node.refs.slick.innerSlider;
+    expect(innerSlider).toBe(innerSliderFromRefs);
+    expect(typeof innerSlider.slickNext).toBe('function');
+  });
+});
--- a/components/carousel/index.en-US.md
+++ b/components/carousel/index.en-US.md
@@ -9,19 +9,19 @@ A carousel component. Scales with its container.
 ## When To Use

 - When there is a group of content on the same level.
- When there is insufficient content space, it can be used to save space in the form of a resolving door.
+- When there is insufficient content space, it can be used to save space in the form of a revolving door.
 - Commonly used for a group of pictures/cards.

 ## API

-| Property             | Description                                         | Type     | Default                          |
-|------------------|----------------------------------------------|----------|---------------------------------|
-| effect           | Animation effect, either `scrollx` or `fade`   | string | scrollx |
-| dots | Whether to show the dots at the bottom of the gallery                | boolean    | true |
-| vertical | Whether to use a vertical display                               | boolean   | false |
-| autoplay | Whether to scroll automatically                                 | boolean   | false |
-| easing | Transition name                                                   | string   | linear |
-| beforeChange | Callback function called before the current index changes   | function(from, to) |
-| afterChange  | Callback function called after the current index changes    | function(current)  |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| afterChange | Callback function called after the current index changes | function(current) | - |
+| autoplay | Whether to scroll automatically | boolean | `false` |
+| beforeChange | Callback function called before the current index changes | function(from, to) | - |
+| dots | Whether to show the dots at the bottom of the gallery | boolean | `true` |
+| easing | Transition interpolation function name | string | `linear` |
+| effect | Transition effect | `scrollx` \| `fade` | `scrollx` |
+| vertical | Whether to use a vertical display | boolean | `false` |

-For more info on the parameters, refer to the https://github.com/akiran/react-slick
+For more info on the parameters, refer to the <https://github.com/akiran/react-slick>
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -1,7 +1,8 @@
-// matchMedia polyfill for
-// https://github.com/WickyNilliams/enquire.js/issues/82
+import React from 'react';
 import debounce from 'lodash.debounce';

+// matchMedia polyfill for
+// https://github.com/WickyNilliams/enquire.js/issues/82
 if (typeof window !== 'undefined') {
  const matchMediaPolyfill = (mediaQuery: string): MediaQueryList => {
    return {
@@ -15,9 +16,11 @@ if (typeof window !== 'undefined') {
  };
  window.matchMedia = window.matchMedia || matchMediaPolyfill;
 }
-
-import SlickCarousel from 'react-slick';
-import React from 'react';
+// Use require over import (will be lifted up)
+// make sure matchMedia polyfill run before require('react-slick')
+// Fix https://github.com/ant-design/ant-design/issues/6560
+// Fix https://github.com/ant-design/ant-design/issues/3308
+const SlickCarousel = require('react-slick').default;

 export type CarouselEffect = 'scrollx' | 'fade';
 // Carousel
@@ -75,6 +78,8 @@ export default class Carousel extends React.Component<CarouselProps, any> {
    slick: any,
  };

+  innerSlider: any;
+
  constructor() {
    super();
    this.onWindowResized = debounce(this.onWindowResized, 500, {
@@ -87,6 +92,9 @@ export default class Carousel extends React.Component<CarouselProps, any> {
    if (autoplay) {
      window.addEventListener('resize', this.onWindowResized);
    }
+    const { slick } = this.refs;
+    // https://github.com/ant-design/ant-design/issues/7191
+    this.innerSlider = slick && slick.innerSlider;
  }

  componentWillUnmount() {
--- a/components/carousel/index.zh-CN.md
+++ b/components/carousel/index.zh-CN.md
@@ -15,14 +15,14 @@ subtitle: 走马灯

 ## API

-| 参数             | 说明                                         | 类型     | 默认值                          |
-|------------------|----------------------------------------------|----------|---------------------------------|
-| effect           | 动画效果函数，可取 scrollx, fade | string | scrollx |
-| dots | 是否显示面板指示点 | boolean   | true |
-| vertical | 垂直显示 | boolean   | false |
-| autoplay | 是否自动切换 | boolean   | false |
-| easing | 动画效果 | string   | linear |
-| beforeChange      | 切换面板的回调                              | function(from, to) | 无
-| afterChange       | 切换面板的回调                              | function(current)  | 无
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| afterChange | 切换面板的回调 | function(current) | 无 |
+| autoplay | 是否自动切换 | boolean | false |
+| beforeChange | 切换面板的回调 | function(from, to) | 无 |
+| dots | 是否显示面板指示点 | boolean | true |
+| easing | 动画效果 | string | linear |
+| effect | 动画效果函数，可取 scrollx, fade | string | scrollx |
+| vertical | 垂直显示 | boolean | false |

-更多参数可参考：https://github.com/akiran/react-slick
+更多参数可参考：<https://github.com/akiran/react-slick>
--- a/components/cascader/demo/lazy.md
+++ b/components/cascader/demo/lazy.md
@@ -32,14 +32,10 @@ const options = [{

 class LazyOptions extends React.Component {
  state = {
-    inputValue: '',
    options,
  };
  onChange = (value, selectedOptions) => {
    console.log(value, selectedOptions);
-    this.setState({
-      inputValue: selectedOptions.map(o => o.label).join(', '),
-    });
  }
  loadData = (selectedOptions) => {
    const targetOption = selectedOptions[selectedOptions.length - 1];
--- a/components/cascader/index.en-US.md
+++ b/components/cascader/index.en-US.md
@@ -6,7 +6,6 @@ title: Cascader

 Cascade selection box.

-
 ## When To Use

 - When you need to select from a set of associated data set. Such as province/city/district, company level, things classification.
@@ -20,35 +19,36 @@ Cascade selection box.
 ```

 | Property | Description | Type | Default |
-|------|------|------|--------|
-| options | data options of cascade | object | - |
-| defaultValue | initial selected value | [CascaderOptionType](https://git.io/vMMoK)[]  |[] |
-| value | selected value | [CascaderOptionType](https://git.io/vMMoK)[] | - |
-| onChange | callback when finishing cascader select | `(value, selectedOptions) => void` | - |
-| displayRender | render function of displaying selected options | `(label, selectedOptions) => ReactNode` | `label => label.join(' / ')` |
-| style | additional style | string | - |
+| -------- | ----------- | ---- | ------- |
+| allowClear | whether allow clear | boolean | true |
+| changeOnSelect | change value on each selection if set to true, see above demo for details | boolean | false |
 | className | additional css class | string | - |
+| defaultValue | initial selected value | [CascaderOptionType](https://git.io/vMMoK)\[] | \[] |
+| disabled | whether disabled select | boolean | false |
+| displayRender | render function of displaying selected options | `(label, selectedOptions) => ReactNode` | `label => label.join(' / ')` |
+| expandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' |
+| getPopupContainer | Parent Node which the selector should be rendered to. Default to `body`. When position issues happen, try to modify it into scrollable content and position it relative.[example](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | Function(triggerNode) | () => document.body |
+| loadData | To load option lazily, and it cannot work with `showSearch` | `(selectedOptions) => void` | - |
+| notFoundContent | Specify content to show when no result matches. | string | 'Not Found' |
+| options | data options of cascade | object | - |
+| placeholder | input placeholder | string | 'Please select' |
 | popupClassName | additional className of popup overlay | string | - |
 | popupPlacement | use preset popup align config from builtinPlacements：`bottomLeft` `bottomRight` `topLeft` `topRight` | string | `bottomLeft` |
-| placeholder | input placeholder | string | 'Please select' |
-| size | input size, one of `large` `default` `small` | string | `default` |
-| disabled | whether disabled select | boolean | false |
-| allowClear | whether allow clear | boolean | true |
-| expandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' |
-| changeOnSelect | change value on each selection if set to true, see above demo for details | boolean | false |
 | showSearch | Whether show search input in single mode. | boolean\|object | false |
-| notFoundContent | Specify content to show when no result matches. | string | 'Not Found' |
-| loadData  | To load option lazily, and it cannot work with `showSearch` | `(selectedOptions) => void`  | - |
-| getPopupContainer | Parent Node which the selector should be rendered to. Default to `body`. When position issues happen, try to modify it into scrollable content and position it relative.[example](http://codepen.io/anon/pen/xVBOVQ?editors=001) | Function(triggerNode) | () => document.body |
+| size | input size, one of `large` `default` `small` | string | `default` |
+| style | additional style | string | - |
+| value | selected value | [CascaderOptionType](https://git.io/vMMoK)\[] | - |
+| onChange | callback when finishing cascader select | `(value, selectedOptions) => void` | - |
+| onPopupVisibleChange | callback when popup shown or hidden | `(value) => void` | - |

 Fields in `showSearch`:

 | Property | Description | Type | Default |
-|----------|-------------|------|---------|
-| filter | The function will receive two arguments, inputValue and option, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded. | `function(inputValue, path): boolean` | |
-| render | Used to render filtered options. | `function(inputValue, path): ReactNode` | |
-| sort | Used to sort filtered options. | `function(a, b, inputValue)` | |
-| matchInputWidth | Whether the width of result list equals to input's | boolean | |
+| -------- | ----------- | ---- | ------- |
+| filter | The function will receive two arguments, inputValue and option, if the function returns true, the option will be included in the filtered set; Otherwise, it will be excluded. | `function(inputValue, path): boolean` |  |
+| matchInputWidth | Whether the width of result list equals to input's | boolean |  |
+| render | Used to render filtered options. | `function(inputValue, path): ReactNode` |  |
+| sort | Used to sort filtered options. | `function(a, b, inputValue)` |  |

 <style>
 .ant-cascader-picker {
--- a/components/cascader/index.tsx
+++ b/components/cascader/index.tsx
@@ -150,7 +150,7 @@ export default class Cascader extends React.Component<CascaderProps, any> {
      popupVisible,
      inputFocused: popupVisible,
      inputValue: popupVisible ? this.state.inputValue : '',
-     });
+    });

    const onPopupVisibleChange = this.props.onPopupVisibleChange;
    if (onPopupVisibleChange) {
@@ -336,6 +336,7 @@ export default class Cascader extends React.Component<CascaderProps, any> {
        <Input
          {...inputProps}
          ref="input"
+          prefixCls={inputPrefixCls}
          placeholder={value && value.length > 0 ? undefined : placeholder}
          className={`${prefixCls}-input ${sizeCls}`}
          value={state.inputValue}
--- a/components/cascader/index.zh-CN.md
+++ b/components/cascader/index.zh-CN.md
@@ -7,7 +7,6 @@ subtitle: 级联选择

 级联选择框。

-
 ## 何时使用

 - 需要从一组相关联的数据集合进行选择，例如省市区，公司层级，事物分类等。
@@ -21,35 +20,36 @@ subtitle: 级联选择
 ```

 | 参数 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| options | 可选项数据源 | object | - |
-| defaultValue | 默认的选中项 | [CascaderOptionType](https://git.io/vMMoK)[]  |[] |
-| value | 指定选中项 | [CascaderOptionType](https://git.io/vMMoK)[] | - |
-| onChange | 选择完成后的回调 | `(value, selectedOptions) => void` | - |
-| displayRender | 选择后展示的渲染函数 | `(label, selectedOptions) => ReactNode` | `label => label.join(' / ')` |
-| style | 自定义样式 | string | - |
+| --- | --- | --- | --- |
+| allowClear | 是否支持清除 | boolean | true |
+| changeOnSelect | 当此项为 true 时，点选每级菜单选项值都会发生变化，具体见上面的演示 | boolean | false |
 | className | 自定义类名 | string | - |
+| defaultValue | 默认的选中项 | [CascaderOptionType](https://git.io/vMMoK)\[] | \[] |
+| disabled | 禁用 | boolean | false |
+| displayRender | 选择后展示的渲染函数 | `(label, selectedOptions) => ReactNode` | `label => label.join(' / ')` |
+| expandTrigger | 次级菜单的展开方式，可选 'click' 和 'hover' | string | 'click' |
+| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codepen.io/afc163/pen/zEjNOy?editors=0010) | Function(triggerNode) | () => document.body |
+| loadData | 用于动态加载选项，无法与 `showSearch` 一起使用 | `(selectedOptions) => void` | - |
+| notFoundContent | 当下拉列表为空时显示的内容 | string | 'Not Found' |
+| options | 可选项数据源 | object | - |
+| placeholder | 输入框占位文本 | string | '请选择' |
 | popupClassName | 自定义浮层类名 | string | - |
 | popupPlacement | 浮层预设位置：`bottomLeft` `bottomRight` `topLeft` `topRight` | Enum | `bottomLeft` |
-| placeholder | 输入框占位文本 | string | '请选择' |
-| size | 输入框大小，可选 `large` `default` `small` | string | `default` |
-| disabled | 禁用 | boolean | false |
-| allowClear | 是否支持清除 | boolean | true |
-| expandTrigger | 次级菜单的展开方式，可选 'click' 和 'hover' | string | 'click' |
-| changeOnSelect | 当此项为 true 时，点选每级菜单选项值都会发生变化，具体见上面的演示 | boolean | false |
 | showSearch | 在选择框中显示搜索框 | boolean | false |
-| notFoundContent | 当下拉列表为空时显示的内容 | string | 'Not Found' |
-| loadData  | 用于动态加载选项，无法与 `showSearch` 一起使用 | `(selectedOptions) => void`  | - |
-| getPopupContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](http://codepen.io/anon/pen/xVBOVQ?editors=001) | Function(triggerNode) | () => document.body |
+| size | 输入框大小，可选 `large` `default` `small` | string | `default` |
+| style | 自定义样式 | string | - |
+| value | 指定选中项 | [CascaderOptionType](https://git.io/vMMoK)\[] | - |
+| onChange | 选择完成后的回调 | `(value, selectedOptions) => void` | - |
+| onPopupVisibleChange | 显示/隐藏浮层的回调 | `(value) => void` | - |

 `showSearch` 为对象时，其中的字段：

 | 参数 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| filter | 接收 `inputValue` `path` 两个参数，当 `path` 符合筛选条件时，应返回 true，反之则返回 false。 | `function(inputValue, path): boolean` | |
-| render | 用于渲染 filter 后的选项 | `function(inputValue, path): ReactNode` | |
-| sort | 用于排序 filter 后的选项 | `function(a, b, inputValue)` | |
-| matchInputWidth | 搜索结果列表是否与输入框同宽 | boolean | |
+| --- | --- | --- | --- |
+| filter | 接收 `inputValue` `path` 两个参数，当 `path` 符合筛选条件时，应返回 true，反之则返回 false。 | `function(inputValue, path): boolean` |  |
+| matchInputWidth | 搜索结果列表是否与输入框同宽 | boolean |  |
+| render | 用于渲染 filter 后的选项 | `function(inputValue, path): ReactNode` |  |
+| sort | 用于排序 filter 后的选项 | `function(a, b, inputValue)` |  |

 <style>
 .ant-cascader-picker {
--- a/components/cascader/style/index.less
+++ b/components/cascader/style/index.less
@@ -174,11 +174,12 @@
      &,
      &:hover {
        background: @background-color-base;
-        font-weight: bold;
+        font-weight: 600;
      }
    }
    &-expand {
      position: relative;
+      padding-right: 24px;
      &:after {
        .iconfont-font("\e61f");
        .iconfont-size-under-12px(8px);
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -12,12 +12,12 @@ export interface AbstractCheckboxProps {
  checked?: boolean;
  style?: React.CSSProperties;
  disabled?: boolean;
-  onChange?: React.FormEventHandler<any>;
+  onChange?: React.ChangeEventHandler<HTMLInputElement>;
  onMouseEnter?: React.MouseEventHandler<any>;
  onMouseLeave?: React.MouseEventHandler<any>;
  value?: any;
  name?: string;
-  children?: React.ReactChild;
+  children?: React.ReactNode;
 }

 export interface CheckboxProps extends AbstractCheckboxProps {
@@ -58,7 +58,7 @@ export default class Checkbox extends React.Component<CheckboxProps, any> {
    if (checkboxGroup) {
      checkboxProps.onChange = () => checkboxGroup.toggleOption({ label: children, value: props.value });
      checkboxProps.checked = checkboxGroup.value.indexOf(props.value) !== -1;
-      checkboxProps.disabled = 'disabled' in props ? props.disabled : checkboxGroup.disabled;
+      checkboxProps.disabled = props.disabled || checkboxGroup.disabled;
    }
    const classString = classNames(className, {
      [`${prefixCls}-wrapper`]: true,
--- a/components/checkbox/tests/snapshots/demo.test.js.snap
+++ b/components/checkbox/tests/snapshots/demo.test.js.snap
@@ -363,10 +363,11 @@ exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
      class="ant-checkbox-group-item ant-checkbox-wrapper"
    >
      <span
-        class="ant-checkbox"
+        class="ant-checkbox ant-checkbox-disabled"
      >
        <input
          class="ant-checkbox-input"
+          disabled=""
          type="checkbox"
        />
        <span
--- a/components/checkbox/tests/checkbox.test.js
+++ b/components/checkbox/tests/checkbox.test.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import Checkbox from '..';
+
+describe('Checkbox', () => {
+  it('responses hover events', () => {
+    const onMouseEnter = jest.fn();
+    const onMouseLeave = jest.fn();
+
+    const wrapper = shallow(
+      <Checkbox
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
+      />
+    );
+
+    wrapper.simulate('mouseenter');
+    expect(onMouseEnter).toHaveBeenCalled();
+
+    wrapper.simulate('mouseleave');
+    expect(onMouseLeave).toHaveBeenCalled();
+  });
+});
--- a/components/checkbox/tests/group.test.js
+++ b/components/checkbox/tests/group.test.js
@@ -0,0 +1,54 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Checkbox from '../index';
+
+describe('CheckboxGroup', () => {
+  it('should work basically', () => {
+    const onChange = jest.fn();
+    const wrapper = mount(
+      <Checkbox.Group options={['Apple', 'Pear', 'Orange']} onChange={onChange} />
+    );
+    wrapper.find('.ant-checkbox-input').at(0).simulate('change');
+    expect(onChange).toBeCalledWith(['Apple']);
+    wrapper.find('.ant-checkbox-input').at(1).simulate('change');
+    expect(onChange).toBeCalledWith(['Apple', 'Pear']);
+    wrapper.find('.ant-checkbox-input').at(2).simulate('change');
+    expect(onChange).toBeCalledWith(['Apple', 'Pear', 'Orange']);
+    wrapper.find('.ant-checkbox-input').at(1).simulate('change');
+    expect(onChange).toBeCalledWith(['Apple', 'Orange']);
+  });
+
+  it('does not trigger onChange callback of both Checkbox and CheckboxGroup when CheckboxGroup is disabled', () => {
+    const onChangeGroup = jest.fn();
+
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Pear', value: 'Pear' },
+    ];
+
+    const groupWrapper = mount(
+      <Checkbox.Group options={options} onChange={onChangeGroup} disabled />
+    );
+    groupWrapper.find('.ant-checkbox-input').at(0).simulate('change');
+    expect(onChangeGroup).not.toBeCalled();
+    groupWrapper.find('.ant-checkbox-input').at(1).simulate('change');
+    expect(onChangeGroup).not.toBeCalled();
+  });
+
+  it('does not prevent onChange callback from Checkbox when CheckboxGroup is not disabled', () => {
+    const onChangeGroup = jest.fn();
+
+    const options = [
+      { label: 'Apple', value: 'Apple' },
+      { label: 'Orange', value: 'Orange', disabled: true },
+    ];
+
+    const groupWrapper = mount(
+      <Checkbox.Group options={options} onChange={onChangeGroup} />
+    );
+    groupWrapper.find('.ant-checkbox-input').at(0).simulate('change');
+    expect(onChangeGroup).toBeCalledWith(['Apple']);
+    groupWrapper.find('.ant-checkbox-input').at(1).simulate('change');
+    expect(onChangeGroup).toBeCalledWith(['Apple']);
+  });
+});
--- a/components/checkbox/tests/index.test.js
+++ b/components/checkbox/tests/index.test.js
@@ -1,38 +0,0 @@
-import React from 'react';
-import { shallow, mount } from 'enzyme';
-import Checkbox from '..';
-
-describe('Checkbox', () => {
-  it('responses hover events', () => {
-    const onMouseEnter = jest.fn();
-    const onMouseLeave = jest.fn();
-
-    const wrapper = shallow(
-      <Checkbox
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
-      />
-    );
-
-    wrapper.simulate('mouseenter');
-    expect(onMouseEnter).toHaveBeenCalled();
-
-    wrapper.simulate('mouseleave');
-    expect(onMouseLeave).toHaveBeenCalled();
-  });
-
-  it('CheckGroup should work', () => {
-    const onChange = jest.fn();
-    const wrapper = mount(
-      <Checkbox.Group options={['Apple', 'Pear', 'Orange']} onChange={onChange} />
-    );
-    wrapper.find('.ant-checkbox-input').at(0).simulate('change');
-    expect(onChange).toBeCalledWith(['Apple']);
-    wrapper.find('.ant-checkbox-input').at(1).simulate('change');
-    expect(onChange).toBeCalledWith(['Apple', 'Pear']);
-    wrapper.find('.ant-checkbox-input').at(2).simulate('change');
-    expect(onChange).toBeCalledWith(['Apple', 'Pear', 'Orange']);
-    wrapper.find('.ant-checkbox-input').at(1).simulate('change');
-    expect(onChange).toBeCalledWith(['Apple', 'Orange']);
-  });
-});
--- a/components/checkbox/index.en-US.md
+++ b/components/checkbox/index.en-US.md
@@ -15,19 +15,19 @@ Checkbox.

 ### Checkbox

-| Property      | Description             | Type      | Default  |
-|----------|------------------|----------|--------|
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
 | checked | Specifies whether the checkbox is selected. | boolean | false |
 | defaultChecked | Specifies the initial state: whether or not the checkbox is selected. | boolean | false |
+| disabled | Disable checkbox | boolean | false |
 | onChange | The callback function that is triggered when the state changes. | Function(e:Event) | - |
-| disabled | Disable checkbox | boolean | false| 

 ### Checkbox Group

-| Property      | Description             | Type      | Default  |
-|----------|------------------|----------|--------|
-| defaultValue | Default selected value | string[] | [] |
-| value | Used for setting the currently selected value. | string[] | [] |
-| options  | Specifies options | string[] | [] |
-| onChange | The callback function that is triggered when the state changes. | Function(checkedValue) | - |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| defaultValue | Default selected value | string\[] | \[] |
 | disabled | Disable all checkboxes | boolean | false |
+| options | Specifies options | string\[] | \[] |
+| value | Used for setting the currently selected value. | string\[] | \[] |
+| onChange | The callback function that is triggered when the state changes. | Function(checkedValue) | - |
--- a/components/checkbox/index.zh-CN.md
+++ b/components/checkbox/index.zh-CN.md
@@ -16,18 +16,18 @@ title: Checkbox

 ### Checkbox

-| 参数      | 说明             | 类型      | 默认值  |
-|----------|------------------|----------|--------|
-| checked | 指定当前是否选中 | boolean  | false |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| checked | 指定当前是否选中 | boolean | false |
 | defaultChecked | 初始是否选中 | boolean | false |
-| onChange | 变化时回调函数 | Function(e:Event) | - |
 | indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |
+| onChange | 变化时回调函数 | Function(e:Event) | - |

 ### Checkbox Group

-| 参数      | 说明             | 类型      | 默认值  |
-|----------|------------------|----------|--------|
-| defaultValue | 默认选中的选项 | string[] | [] |
-| value | 指定选中的选项| string[] | [] |
-| options  | 指定可选项 | string[] | [] |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| defaultValue | 默认选中的选项 | string\[] | \[] |
+| options | 指定可选项 | string\[] | \[] |
+| value | 指定选中的选项 | string\[] | \[] |
 | onChange | 变化时回调函数 | Function(checkedValue) | - |
--- a/components/checkbox/style/mixin.less
+++ b/components/checkbox/style/mixin.less
@@ -42,21 +42,23 @@
      top: 0;
      left: 0;
      display: block;
-      width: 14px;
-      height: 14px;
+      width: @checkbox-size;
+      height: @checkbox-size;
      border: @border-width-base @border-style-base @border-color-base;
      border-radius: @border-radius-sm;
      background-color: #fff;
      transition: all .3s;

      &:after {
+        @check-width: (@checkbox-size / 14) * 5px;
+        @check-height: (@checkbox-size / 14) * 8px;
        transform: rotate(45deg) scale(0);
        position: absolute;
-        left: 4px;
-        top: 1px;
+        left: (@checkbox-size - @check-width) / 2 - 0.5px * (@checkbox-size / 14);
+        top: (@checkbox-size - @check-height) / 2 - 2px * (@checkbox-size / 14);
        display: table;
-        width: 5px;
-        height: 8px;
+        width: @check-width;
+        height: @check-height;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
@@ -81,13 +83,15 @@

  // 半选状态
  .@{checkbox-prefix-cls}-indeterminate .@{checkbox-inner-prefix-cls}:after {
+    @indeterminate-width: (@checkbox-size / 14) * 8px;
+    @indeterminate-height: (@checkbox-size / 14) * 1px;
    content: ' ';
    transform: scale(1);
    position: absolute;
-    left: 2px;
-    top: 5px;
-    width: 8px;
-    height: 1px;
+    left: (@checkbox-size - 2 - @indeterminate-width) / 2;
+    top: (@checkbox-size - 3 - @indeterminate-height) / 2;
+    width: @indeterminate-width;
+    height: @indeterminate-height;
  }

  .@{checkbox-prefix-cls}-indeterminate.@{checkbox-prefix-cls}-disabled .@{checkbox-inner-prefix-cls}:after {
@@ -98,11 +102,7 @@
  .@{checkbox-prefix-cls}-checked .@{checkbox-inner-prefix-cls}:after {
    transform: rotate(45deg) scale(1);
    position: absolute;
-    left: 4px;
-    top: 1px;
    display: table;
-    width: 5px;
-    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
@@ -151,8 +151,8 @@
    cursor: pointer;
    font-size: @font-size-base;
    display: inline-block;
-    &:not(:last-child) {
-      margin-right: 8px;
+    & + & {
+      margin-left: 8px;
    }
  }

@@ -166,6 +166,13 @@
    font-size: @font-size-base;
    &-item {
      display: inline-block;
+      margin-right: 8px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+    &-item + &-item {
+      margin-left: 0;
    }
  }

--- a/components/collapse/tests/snapshots/demo.test.js.snap
+++ b/components/collapse/tests/snapshots/demo.test.js.snap
@@ -75,10 +75,10 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
      >
        <p>
          
-            A dog is a type of domesticated animal.
-            Known for its loyalty and faithfulness,
-            it can be found as a welcome guest in many households across the world.
-          
+  A dog is a type of domesticated animal.
+  Known for its loyalty and faithfulness,
+  it can be found as a welcome guest in many households across the world.
+
        </p>
      </div>
    </div>
@@ -140,10 +140,10 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
      >
        <p>
          
-            A dog is a type of domesticated animal.
-            Known for its loyalty and faithfulness,
-            it can be found as a welcome guest in many households across the world.
-          
+  A dog is a type of domesticated animal.
+  Known for its loyalty and faithfulness,
+  it can be found as a welcome guest in many households across the world.
+
        </p>
      </div>
    </div>
@@ -185,7 +185,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
 >
  <div
    class="ant-collapse-item ant-collapse-item-active"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
  >
    <div
      aria-expanded="true"
@@ -206,17 +206,17 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
      >
        <p>
          
-            A dog is a type of domesticated animal.
-            Known for its loyalty and faithfulness,
-            it can be found as a welcome guest in many households across the world.
-          
+  A dog is a type of domesticated animal.
+  Known for its loyalty and faithfulness,
+  it can be found as a welcome guest in many households across the world.
+
        </p>
      </div>
    </div>
  </div>
  <div
    class="ant-collapse-item"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
  >
    <div
      aria-expanded="false"
@@ -231,7 +231,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
  </div>
  <div
    class="ant-collapse-item"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
  >
    <div
      aria-expanded="false"
--- a/components/collapse/demo/accordion.md
+++ b/components/collapse/demo/accordion.md
@@ -1,6 +1,6 @@
 ---
 order: 1
-title: 
+title:
  zh-CN: 手风琴
  en-US: Accordion
 ---
@@ -25,13 +25,13 @@ const text = `

 ReactDOM.render(
  <Collapse accordion>
-    <Panel header={'This is panel header 1'} key="1">
+    <Panel header="This is panel header 1" key="1">
      <p>{text}</p>
    </Panel>
-    <Panel header={'This is panel header 2'} key="2">
+    <Panel header="This is panel header 2" key="2">
      <p>{text}</p>
    </Panel>
-    <Panel header={'This is panel header 3'} key="3">
+    <Panel header="This is panel header 3" key="3">
      <p>{text}</p>
    </Panel>
  </Collapse>
--- a/components/collapse/demo/custom.md
+++ b/components/collapse/demo/custom.md
@@ -28,6 +28,7 @@ const customPanelStyle = {
  borderRadius: 4,
  marginBottom: 24,
  border: 0,
+  overflow: 'hidden',
 };

 ReactDOM.render(
--- a/components/collapse/demo/mix.md
+++ b/components/collapse/demo/mix.md
@@ -29,17 +29,17 @@ const text = `

 ReactDOM.render(
  <Collapse onChange={callback}>
-    <Panel header={'This is panel header 1'} key="1">
+    <Panel header="This is panel header 1" key="1">
      <Collapse defaultActiveKey="1">
-        <Panel header={'This is panel nest panel'} key="1">
+        <Panel header="This is panel nest panel" key="1">
          <p>{text}</p>
        </Panel>
      </Collapse>
    </Panel>
-    <Panel header={'This is panel header 2'} key="2">
+    <Panel header="This is panel header 2" key="2">
      <p>{text}</p>
    </Panel>
-    <Panel header={'This is panel header 3'} key="3">
+    <Panel header="This is panel header 3" key="3">
      <p>{text}</p>
    </Panel>
  </Collapse>
--- a/components/collapse/index.en-US.md
+++ b/components/collapse/index.en-US.md
@@ -16,16 +16,16 @@ A content area which can be collapsed and expanded.

 ### Collapse

-| Property     | Description           | Type     | Default       |
-|----------|----------------|----------|--------------|
-| activeKey    | key of the active panel | string[]\|string   | No default value. In `accordion` mode, it's the key of the first panel.  |
-| defaultActiveKey    | key of the initialized active panel | string   | - |
-| onChange | a callback function, which can be executed when you switch the panels | Function   |  -  |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| activeKey | Key of the active panel | string\[]\|string | No default value. In `accordion` mode, it's the key of the first panel. |
+| defaultActiveKey | Key of the initial active panel | string | - |
+| onChange | Callback function executed when active panel is changed | Function | - |

 ### Collapse.Panel

-| Property     | Description           | Type     | Default       |
-|----------|----------------|----------|--------------|
-| key    | corresponds to the `activeKey` | string   |  -  |
-| header    | title of the panel | string\|ReactNode   | - |
-| disabled | users cannot change opening status of a disabled panel | boolean | false |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| disabled | If `true`, panel cannot be opened or closed | boolean | `false` |
+| header | Title of the panel | string\|ReactNode | - |
+| key | Unique key identifying the panel from among its siblings | string | - |
--- a/components/collapse/index.zh-CN.md
+++ b/components/collapse/index.zh-CN.md
@@ -17,17 +17,16 @@ cols: 1

 ### Collapse

-| 参数             | 说明                                         | 类型     | 默认值                          |
-|------------------|----------------------------------------------|----------|---------------------------------|
-| activeKey        | 当前激活 tab 面板的 key| string[]\|string   | 默认无，accordion模式下默认第一个元素|
-| defaultActiveKey | 初始化选中面板的 key | string   | 无 |
-| onChange         | 切换面板的回调                               | Function | 无                              |
-
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| activeKey | 当前激活 tab 面板的 key | string\[]\|string | 默认无，accordion模式下默认第一个元素 |
+| defaultActiveKey | 初始化选中面板的 key | string | 无 |
+| onChange | 切换面板的回调 | Function | 无 |

 ### Collapse.Panel

-| 参数 | 说明             | 类型                    | 默认值 |
-|------|------------------|-------------------------|--------|
-| key  | 对应 activeKey   | string                  | 无     |
-| header | 面板头内容 | string\|ReactNode | 无     |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
 | disabled | 禁用后的面板展开与否将无法通过用户交互改变 | boolean | false |
+| header | 面板头内容 | string\|ReactNode | 无 |
+| key | 对应 activeKey | string | 无 |
--- a/components/collapse/style/index.less
+++ b/components/collapse/style/index.less
@@ -45,14 +45,10 @@
        display: inline-block;
        font-weight: bold;
        line-height: 40px;
-        vertical-align: middle;
+        vertical-align: top;
        transition: transform 0.24s;
        top: 0;
        left: 16px;
-        /* stylelint-disable declaration-block-no-duplicate-properties */
-        top: ~"16px \9";
-        left: ~"0 \9";
-        /* stylelint-enable declaration-block-no-duplicate-properties */
        &:before {
          content: "\E61F";
        }
@@ -97,6 +93,11 @@
    border: 0;
  }

+  &-borderless > &-item:last-child,
+  &-borderless > &-item:last-child &-header {
+    border-radius: 0;
+  }
+
  &-borderless > &-item-active {
    border: 0;
  }
--- a/components/date-picker/RangePicker.tsx
+++ b/components/date-picker/RangePicker.tsx
@@ -111,7 +111,9 @@ export default class RangePicker extends React.Component<any, any> {
  }

  handleOpenChange = (open) => {
-    this.setState({ open });
+    if (!('open' in this.props)) {
+      this.setState({ open });
+    }

    const { onOpenChange } = this.props;
    if (onOpenChange) {
@@ -123,9 +125,9 @@ export default class RangePicker extends React.Component<any, any> {

  handleHoverChange = hoverValue => this.setState({ hoverValue });

-  setValue(value) {
+  setValue(value, hidePanel?) {
    this.handleChange(value);
-    if (!this.props.showTime) {
+    if ((hidePanel || !this.props.showTime) && !('open' in this.props)) {
      this.setState({ open: false });
    }
  }
@@ -145,7 +147,7 @@ export default class RangePicker extends React.Component<any, any> {
      return (
        <a
          key={range}
-          onClick={() => this.setValue(value)}
+          onClick={() => this.setValue(value, true)}
          onMouseEnter={() => this.setState({ hoverValue: value })}
          onMouseLeave={this.clearHoverValue}
        >
--- a/components/date-picker/index.en-US.md
+++ b/components/date-picker/index.en-US.md
@@ -14,9 +14,9 @@ By clicking the input box, you can select a date from a popup calendar.

 There are three kinds of picker:

-* DatePicker
-* MonthPicker
-* RangePicker
+- DatePicker
+- MonthPicker
+- RangePicker

 **Note:** Part of locale of DatePicker, MonthPicker, RangePicker is read from value. So, please set the locale of moment correctly.

@@ -34,59 +34,59 @@ moment.locale('zh-cn');

 The following APIs are shared by DatePicker, MonthPicker, RangePicker.

-| Property     | Description    | Type     | Default      |
-|--------------|----------------|----------|--------------|
-| allowClear   | Whether to show clear button | boolean | true |
-| disabled     | determine whether the DatePicker is disabled           | boolean     | false        |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| allowClear | Whether to show clear button | boolean | true |
 | className | picker className | string | '' |
-| style        | to customize the style of the input box     | object     | {}   |
-| popupStyle   | to customize the style of the popup calendar   | object     | {}   |
-| size         | determine the size of the input box, the height of `large` and `small`, are 32px and 22px respectively, while default size is 28px | string   | -  |
-| locale       | localization configuration | object   | [default](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)  |
-| disabledDate | specify the date that cannot be selected | (currentDate: moment) => boolean | -           |
+| disabled | determine whether the DatePicker is disabled | boolean | false |
+| disabledDate | specify the date that cannot be selected | (currentDate: moment) => boolean | - |
 | getCalendarContainer | to set the container of the floating layer, while the default is to create a `div` element in `body` | function(trigger) | - |
+| locale | localization configuration | object | [default](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json) |
 | open | open state of picker | boolean | - |
-| onOpenChange   | a callback function, can be executed whether the popup calendar is popped up or closed | function(status) | - |
-| placeholder  | placeholder of date input | string\|RangePicker[] | - |
+| placeholder | placeholder of date input | string\|RangePicker\[] | - |
+| popupStyle | to customize the style of the popup calendar | object | {} |
+| size | determine the size of the input box, the height of `large` and `small`, are 32px and 22px respectively, while default size is 28px | string | - |
+| style | to customize the style of the input box | object | {} |
+| onOpenChange | a callback function, can be executed whether the popup calendar is popped up or closed | function(status) | - |

 ### DatePicker

-| Property         | Description           | Type     | Default       |
-|--------------|----------------|----------|--------------|
-| value        | to set date           | [moment](http://momentjs.com/)   | -           |
-| defaultValue | to set default date        | [moment](http://momentjs.com/)   | -           |
-| format       | to set the date format, refer to [moment.js](http://momentjs.com/) | string   | "YYYY-MM-DD" |
-| onChange     | a callback function, can be executed when the selected time is changing | function(date: moment, dateString: string) | -           |
-| showTime     | to provide an additional time selection  | object\|boolean | [TimePicker Options](/components/time-picker/#API) |
-| showTime.defaultValue | to set default time of selected date, [demo](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/) | moment() |
-| showToday    | whether to show "Today" button | boolean | true |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| defaultValue | to set default date | [moment](http://momentjs.com/) | - |
 | disabledTime | to specify the time that cannot be selected | function(date) | - |
-| onOk | callback when click ok button | function() | - |
+| format | to set the date format, refer to [moment.js](http://momentjs.com/) | string | "YYYY-MM-DD" |
 | renderExtraFooter | render extra footer in panel | () => React.ReactNode | - |
+| showTime | to provide an additional time selection | object\|boolean | [TimePicker Options](/components/time-picker/#API) |
+| showTime.defaultValue | to set default time of selected date, [demo](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/) | moment() |
+| showToday | whether to show "Today" button | boolean | true |
+| value | to set date | [moment](http://momentjs.com/) | - |
+| onChange | a callback function, can be executed when the selected time is changing | function(date: moment, dateString: string) | - |
+| onOk | callback when click ok button | function() | - |

 ### MonthPicker

-| Property         | Description           | Type     | Default       |
-|--------------|----------------|----------|--------------|
-| value        | to set date          | [moment](http://momentjs.com/)   | -           |
-| defaultValue | to set default date       | [moment](http://momentjs.com/)   | -           |
-| format       | to set the date format, refer to [moment.js](http://momentjs.com/) | string   | "YYYY-MM" |
-| onChange     | a callback function, can be executed when the selected time is changing | function(date: moment, dateString: string) | -           |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| defaultValue | to set default date | [moment](http://momentjs.com/) | - |
+| format | to set the date format, refer to [moment.js](http://momentjs.com/) | string | "YYYY-MM" |
 | monthCellContentRender | Custom month cell content render method | function(date, locale): ReactNode | - |
+| value | to set date | [moment](http://momentjs.com/) | - |
+| onChange | a callback function, can be executed when the selected time is changing | function(date: moment, dateString: string) | - |

 ### RangePicker

-| Property         | Description           | Type     | Default       |
-|--------------|----------------|----------|--------------|
-| value        | to set date          | [[moment](http://momentjs.com/), [moment](http://momentjs.com/)]   | -           |
-| defaultValue | to set default date       | [[moment](http://momentjs.com/), [moment](http://momentjs.com/)]   | -           |
-| format       | to set the date format  | string    | "YYYY-MM-DD HH:mm:ss" |
-| onChange     | a callback function, can be executed when the selected time is changing | function(dates: [moment, moment], dateStrings: [string, string]) | -           |
-| showTime     | to provide an additional time selection  | object\|boolean | [TimePicker Options](/components/time-picker/#API) |
-| showTime.defaultValue | to set default time of selected date, [demo](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/)[] | [moment(), moment()] |
+| Property | Description | Type | Default |
+| -------- | ----------- | ---- | ------- |
+| defaultValue | to set default date | \[[moment](http://momentjs.com/), [moment](http://momentjs.com/)] | - |
 | disabledTime | to specify the time that cannot be selected | function(dates: [moment, moment], partial: `'start'|'end'`) | - |
-| ranges       | preseted ranges for quick selection | { [range: string]: [moment](http://momentjs.com/)[] } | - |
+| format | to set the date format | string | "YYYY-MM-DD HH:mm:ss" |
+| ranges | preseted ranges for quick selection | { [range: string]&#x3A; [moment](http://momentjs.com/)\[] } | - |
 | renderExtraFooter | render extra footer in panel | () => React.ReactNode | - |
+| showTime | to provide an additional time selection | object\|boolean | [TimePicker Options](/components/time-picker/#API) |
+| showTime.defaultValue | to set default time of selected date, [demo](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/)\[] | [moment(), moment()] |
+| value | to set date | \[[moment](http://momentjs.com/), [moment](http://momentjs.com/)] | - |
+| onChange | a callback function, can be executed when the selected time is changing | function(dates: [moment, moment], dateStrings: [string, string]) | - |
 | onOk | callback when click ok button | function() | - |

 <style>
--- a/components/date-picker/index.tsx
+++ b/components/date-picker/index.tsx
@@ -40,9 +40,9 @@ export interface DatePickerProps extends PickerProps, SinglePickerProps {
  open?: boolean;
  toggleOpen?: (e: {open: boolean}) => void;
  disabledTime?: (current: moment.Moment) => {
-    disabledHours?: () => [number, number],
-    disabledMinutes?: () => [number, number],
-    disabledSeconds?: () => [number, number],
+    disabledHours?: () => number[],
+    disabledMinutes?: () => number[],
+    disabledSeconds?: () => number[],
  };
  onOpenChange?: (status: boolean) => void;
  onOk?: (selectedTime: moment.Moment) => void;
@@ -69,9 +69,9 @@ export interface RangePickerProps extends PickerProps {
  };
  placeholder?: [string, string];
  disabledTime?: (current: moment.Moment, type: string) => {
-    disabledHours?: () => [number, number],
-    disabledMinutes?: () => [number, number],
-    disabledSeconds?: () => [number, number],
+    disabledHours?: () => number[],
+    disabledMinutes?: () => number[],
+    disabledSeconds?: () => number[],
  };
 }

--- a/components/date-picker/index.zh-CN.md
+++ b/components/date-picker/index.zh-CN.md
@@ -15,9 +15,9 @@ subtitle: 日期选择框

 日期类组件包括以下三种形式。

-* DatePicker
-* MonthPicker
-* RangePicker
+- DatePicker
+- MonthPicker
+- RangePicker

 **注意：**DatePicker、MonthPicker、RangePicker 部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。

@@ -35,59 +35,59 @@ moment.locale('zh-cn');

 以下 API 为 DatePicker、MonthPicker、RangePicker 共享的 API。

-| 参数          | 说明            | 类型     | 默认值        |
-|--------------|----------------|----------|--------------|
-| allowClear   | 是否显示清除按钮 | boolean     | true         |
-| disabled     | 禁用           | boolean     | false        |
-| className    | 选择器 className | string | '' |
-| style        | 自定义输入框样式     | object     | {}   |
-| popupStyle   | 格外的弹出日历样式   | object     | {}   |
-| size         | 输入框大小，`large` 高度为 32px，`small` 为 22px，默认是 28px | string   | 无  |
-| locale       | 国际化配置 | object   | [默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json)  |
-| disabledDate | 不可选择的日期 | (currentDate: moment) => boolean | 无           |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| allowClear | 是否显示清除按钮 | boolean | true |
+| className | 选择器 className | string | '' |
+| disabled | 禁用 | boolean | false |
+| disabledDate | 不可选择的日期 | (currentDate: moment) => boolean | 无 |
 | getCalendarContainer | 定义浮层的容器，默认为 body 上新建 div | function(trigger) | 无 |
+| locale | 国际化配置 | object | [默认配置](https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json) |
 | open | 控制弹层是否展开 | boolean | - |
-| onOpenChange   | 弹出日历和关闭日历的回调 | function(status) | 无 |
-| placeholder  | 输入框提示文字 | string\|RangePicker[] | - |
+| placeholder | 输入框提示文字 | string\|RangePicker\[] | - |
+| popupStyle | 格外的弹出日历样式 | object | {} |
+| size | 输入框大小，`large` 高度为 32px，`small` 为 22px，默认是 28px | string | 无 |
+| style | 自定义输入框样式 | object | {} |
+| onOpenChange | 弹出日历和关闭日历的回调 | function(status) | 无 |

 ### DatePicker

-| 参数         | 说明           | 类型     | 默认值       |
-|--------------|----------------|----------|--------------|
-| value        | 日期           | [moment](http://momentjs.com/)   | 无           |
-| defaultValue | 默认日期       | [moment](http://momentjs.com/)   | 无           |
-| format       | 展示的日期格式，配置参考 [moment.js](http://momentjs.com/) | string   | "YYYY-MM-DD" |
-| onChange     | 时间发生变化的回调 | function(date: moment, dateString: string) | 无           |
-| showTime     | 增加时间选择功能  | Object\|boolean | [TimePicker Options](/components/time-picker/#API) |
-| showTime.defaultValue | 设置用户选择日期时默认的时分秒，[例子](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/) | moment() |
-| showToday    | 是否展示“今天”按钮 | boolean | true |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| defaultValue | 默认日期 | [moment](http://momentjs.com/) | 无 |
 | disabledTime | 不可选择的时间 | function(date) | 无 |
-| onOk | 点击确定按钮的回调 | function() | - |
+| format | 展示的日期格式，配置参考 [moment.js](http://momentjs.com/) | string | "YYYY-MM-DD" |
 | renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |
+| showTime | 增加时间选择功能 | Object\|boolean | [TimePicker Options](/components/time-picker/#API) |
+| showTime.defaultValue | 设置用户选择日期时默认的时分秒，[例子](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/) | moment() |
+| showToday | 是否展示“今天”按钮 | boolean | true |
+| value | 日期 | [moment](http://momentjs.com/) | 无 |
+| onChange | 时间发生变化的回调 | function(date: moment, dateString: string) | 无 |
+| onOk | 点击确定按钮的回调 | function() | - |

 ### MonthPicker

-| 参数         | 说明           | 类型     | 默认值       |
-|--------------|----------------|----------|--------------|
-| value        | 日期           | [moment](http://momentjs.com/)   | 无           |
-| defaultValue | 默认日期       | [moment](http://momentjs.com/)   | 无           |
-| format       | 展示的日期格式，配置参考 [moment.js](http://momentjs.com/) | string   | "YYYY-MM" |
-| onChange     | 时间发生变化的回调，发生在用户选择时间时 | function(date: moment, dateString: string) | -           |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| defaultValue | 默认日期 | [moment](http://momentjs.com/) | 无 |
+| format | 展示的日期格式，配置参考 [moment.js](http://momentjs.com/) | string | "YYYY-MM" |
 | monthCellContentRender | 自定义的月份内容渲染方法 | function(date, locale): ReactNode | - |
+| value | 日期 | [moment](http://momentjs.com/) | 无 |
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(date: moment, dateString: string) | - |

 ### RangePicker

-| 参数         | 说明           | 类型     | 默认值       |
-|--------------|----------------|----------|--------------|
-| value        | 日期          | [moment](http://momentjs.com/)[] | 无           |
-| defaultValue | 默认日期       | [moment](http://momentjs.com/)[]   | 无           |
-| format       | 展示的日期格式  | string    | "YYYY-MM-DD HH:mm:ss" |
-| onChange     | 时间发生变化的回调，发生在用户选择时间时 | function(dates: [moment, moment], dateStrings: [string, string]) | 无           |
-| showTime     | 增加时间选择功能  | Object\|boolean | [TimePicker Options](/components/time-picker/#API) |
-| showTime.defaultValue | 设置用户选择日期时默认的时分秒，[例子](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/)[] | [moment(), moment()] |
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| defaultValue | 默认日期 | [moment](http://momentjs.com/)\[] | 无 |
 | disabledTime | 不可选择的时间 | function(dates: [moment, moment], partial: `'start'|'end'`) | 无 |
-| ranges       | 预设时间范围快捷选择 | { [range: string]: [moment](http://momentjs.com/)[] } | 无 |
+| format | 展示的日期格式 | string | "YYYY-MM-DD HH:mm:ss" |
+| ranges       | 预设时间范围快捷选择 | { [range: string]&#x3A; [moment](http://momentjs.com/)\[] } | 无 |
 | renderExtraFooter | 在面板中添加额外的页脚 | () => React.ReactNode | - |
+| showTime | 增加时间选择功能 | Object\|boolean | [TimePicker Options](/components/time-picker/#API) |
+| showTime.defaultValue | 设置用户选择日期时默认的时分秒，[例子](https://ant.design/components/date-picker/#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/)\[] | [moment(), moment()] |
+| value | 日期 | [moment](http://momentjs.com/)\[] | 无 |
+| onChange | 时间发生变化的回调，发生在用户选择时间时 | function(dates: [moment, moment], dateStrings: [string, string]) | 无 |
 | onOk | 点击确定按钮的回调 | function() | - |

 <style>
--- a/Show More
+++ b/Show More