From a87cfc2d927d4253b2f1b064f27f4cb07c289594 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Fri, 8 Mar 2019 14:38:26 +0800
Subject: [PATCH 001/122] use babel ast tree

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

diff --git a/package.json b/package.json
index 18f832e834..8084e56cfc 100644
--- a/package.json
+++ b/package.json
@@ -195,6 +195,7 @@
     "test-node": "jest --config .jest.node.js --no-cache",
     "test-all": "./scripts/test-all.sh",
     "lint": "npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style",
+    "lint:deps": "antd-tools run deps-lint --ignore **/~*/**,**/_*/**,**/icon/**,**/__tests__/**,**/style/**,**/locale/**,**/*-provider/**,**/*.json",
     "lint:ts": "npm run tsc && antd-tools run ts-lint",
     "lint:es": "eslint tests site scripts components ./.*.js ./webpack.config.js --ext '.js,.jsx'",
     "lint:md": "remark components/",

From f2b95d0a7f81fc122e532672595d7a4a49618173 Mon Sep 17 00:00:00 2001
From: Yu <yutingzhao1991@sina.com>
Date: Fri, 8 Mar 2019 18:51:05 +0800
Subject: [PATCH 002/122] chore: add changelog for 3.15.0 (#15281)

* chore: add changelog for 3.15.0
---
 CHANGELOG.en-US.md | 27 ++++++++++++++++++++++++++-
 CHANGELOG.zh-CN.md | 28 +++++++++++++++++++++++++++-
 package.json       |  4 ++--
 3 files changed, 55 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index df617e762c..3a5963b0db 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,31 @@ timeline: true
 
 ---
 
+## 3.15.0
+
+`2019-03-08`
+
+- 🌟 Tree supports new prop `blockNode`. [#14858](https://github.com/ant-design/ant-design/pull/14858) [@kimochg](https://github.com/kimochg)
+- Form
+  - 🌟 Supports `colon` prop in Form. [#15276](https://github.com/ant-design/ant-design/pull/15276) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🌟 Add new prop `labelAlign`. [#15252](https://github.com/ant-design/ant-design/pull/15252) [@yoyo837](https://github.com/yoyo837)
+  - 🐞 Fix two colons will appear in FormItem label. [15285](https://github.com/ant-design/ant-design/pull/15285) [@jinxin0112](https://github.com/jinxin0112)
+- 🐞 Fix Typography dom structure. [#15210](https://github.com/ant-design/ant-design/pull/15210)
+- 🐞 Fix Affix position update logic. [#15150](https://github.com/ant-design/ant-design/pull/15150)
+- Input
+  - 🐞 Fix Password lost focus when change `visibilityToggle`. [#15184](https://github.com/ant-design/ant-design/pull/15184)
+  - 🐞 Fix `allowClear` do not focus after clear content. [#15184](https://github.com/ant-design/ant-design/pull/15184)
+  - 🐞 Fix Search style with `allowClear` or `suffix`/`prefix`. [#15242](https://github.com/ant-design/ant-design/pull/15242)
+  - 🐞 Fix Input warning logic for focus lose. [#15251](https://github.com/ant-design/ant-design/pull/15251)
+- 🐞 Fix DatePicker and TimePicker cursor style. [#15218](https://github.com/ant-design/ant-design/pull/15218) [@yoyo837](https://github.com/yoyo837)
+- 🐞 Fix Steps label text not align center. [#15256](https://github.com/ant-design/ant-design/pull/15256)
+- TypeScript
+  - ⚡️ Refactor and simplify List Item dom structure, and fix spaces lost inside List Item. [#15197](https://github.com/ant-design/ant-design/pull/15197)
+  - 🐞 Fix Layout `tagName` definition. [#15181](https://github.com/ant-design/ant-design/pull/15181) [@ngolin](https://github.com/ngolin)
+  - 🐞 Fix Text `ellipsis` definition. [#15209](https://github.com/ant-design/ant-design/pull/15209) [@xiaohuoni](https://github.com/xiaohuoni)
+  - 🐞 Fix Badge `text` types. [#15264](https://github.com/ant-design/ant-design/pull/15264)
+- 🇹🇷 Turkish translations of new components. [#15238](https://github.com/ant-design/ant-design/pull/15238) [@codesignist](https://github.com/codesignist)
+
 ## 3.14.1
 
 `2019-03-04`
@@ -52,7 +77,7 @@ timeline: true
   - 🐞 Fix the TypeScript type problem for Table `Column Filter`. [#15056](https://github.com/ant-design/ant-design/pull/15056)
   - 🌟 Support goto button in Pagination. [#14819](https://github.com/ant-design/ant-design/pull/14819)
   - 🐞 Fix the problem that Carousel response prop TypeScript declaration is missing. [#15071](https://github.com/ant-design/ant-design/pull/15071)
-  
+
 ## 3.13.6
 
 `2019-02-23`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index c4425fca4f..e0ecc589b6 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -14,6 +14,32 @@ timeline: true
 * 主版本号：含有破坏性更新和新特性，不在发布周期内。
 
 ---
+
+## 3.15.0
+
+`2019-03-08`
+
+- 🌟 Tree 组件支持 `blockNode` 属性。[#14858](https://github.com/ant-design/ant-design/pull/14858) [@kimochg](https://github.com/kimochg)
+- Form
+  - 🌟 支持直接在 Form 上面配置 `colon` 属性。[#15276](https://github.com/ant-design/ant-design/pull/15276) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🌟 支持 `labelAlign` 属性。[#15252](https://github.com/ant-design/ant-design/pull/15252) [@yoyo837](https://github.com/yoyo837)
+  - 🐞 修复可能出现两个冒号的问题。[15285](https://github.com/ant-design/ant-design/pull/15285) [@jinxin0112](https://github.com/jinxin0112)
+- ⚡️ 重构并简化了 List Item 的 dom 结构，并且修复了 Item 中内容空格丢失的问题。[#15210](https://github.com/ant-design/ant-design/pull/15210)
+- 🐞 修复 Affix 组件定位更新的逻辑问题。[#15150](https://github.com/ant-design/ant-design/pull/15150)
+- Input
+  - 🐞 修复 Password 当 `visibilityToggle` 变化时丢失焦点的问题。[#15184](https://github.com/ant-design/ant-design/pull/15184)
+  - 🐞 修复通过 `allowClear` 清除内容后没有获得焦点的问题。[#15184](https://github.com/ant-design/ant-design/pull/15184)
+  - 🐞 修复 Search 当使用了 `allowClear` 或者 `suffix`/`prefix` 时的样式问题。[#15242](https://github.com/ant-design/ant-design/pull/15242)
+  - 🐞 修复 Input 丢失焦点时的警告问题。[#15251](https://github.com/ant-design/ant-design/pull/15251)
+- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。[#15218](https://github.com/ant-design/ant-design/pull/15218) [@yoyo837](https://github.com/yoyo837)
+- 🐞 修复 Steps 的 label 不居中的问题。[#15256](https://github.com/ant-design/ant-design/pull/15256)
+- TypeScript
+  - 🐞 修复 Typography 的 `setContentRef` 定义。[#15197](https://github.com/ant-design/ant-design/pull/15197)
+  - 🐞 修复 Layout 的 `tagName` 定义。[#15181](https://github.com/ant-design/ant-design/pull/15181) [@ngolin](https://github.com/ngolin)
+  - 🐞 修复 Text 的 `ellipsis` 定义。[#15209](https://github.com/ant-design/ant-design/pull/15209) [@xiaohuoni](https://github.com/xiaohuoni)
+  - 🐞 修复 Badge 的 `text` 定义。[#15264](https://github.com/ant-design/ant-design/pull/15264)
+- 🇹🇷 添加一些新组件的土耳其语翻译。[#15238](https://github.com/ant-design/ant-design/pull/15238) [@codesignist](https://github.com/codesignist)
+
 ## 3.14.1
 
 `2019-03-04`
@@ -49,7 +75,7 @@ timeline: true
 - 🐞 调整了多处 TypeScript 的类型
   - 🐞 修复 `onPanelChange` TypeScript 声明缺失的问题。[#15043](https://github.com/ant-design/ant-design/pull/15043)
   - 🐞 订正了 Table `column filter` 的 TypeScript 类型问题。[#14777](https://github.com/ant-design/ant-design/issues/14777)
-  - 🌟 Pagination 支持添加分页跳转按钮。[#14819](https://github.com/ant-design/ant-design/pull/14819) 
+  - 🌟 Pagination 支持添加分页跳转按钮。[#14819](https://github.com/ant-design/ant-design/pull/14819)
   - 🐞 修复 Carousel 的 responsive prop TypeScript 声明缺失的问题。[#15071](https://github.com/ant-design/ant-design/pull/15071)
 
 ## 3.13.6
diff --git a/package.json b/package.json
index 18f832e834..12388708a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "3.14.1",
+  "version": "3.15.0",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React-based implementation",
   "homepage": "http://ant.design/",
@@ -81,7 +81,7 @@
     "rc-time-picker": "~3.6.1",
     "rc-tooltip": "~3.7.3",
     "rc-tree": "~1.14.6",
-    "rc-tree-select": "~2.5.0",
+    "rc-tree-select": "~2.6.0",
     "rc-trigger": "^2.6.2",
     "rc-upload": "~2.6.0",
     "rc-util": "^4.5.1",

From 9b12f6715a1c5e376fe493dfaa63e7c032f7e666 Mon Sep 17 00:00:00 2001
From: yoyo837 <yoyo837@hotmail.com>
Date: Fri, 8 Mar 2019 19:42:23 +0800
Subject: [PATCH 003/122] fix PR Author

---
 CHANGELOG.en-US.md | 4 ++--
 CHANGELOG.zh-CN.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 3a5963b0db..b0c2e8b748 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -31,8 +31,8 @@ timeline: true
   - 🐞 Fix `allowClear` do not focus after clear content. [#15184](https://github.com/ant-design/ant-design/pull/15184)
   - 🐞 Fix Search style with `allowClear` or `suffix`/`prefix`. [#15242](https://github.com/ant-design/ant-design/pull/15242)
   - 🐞 Fix Input warning logic for focus lose. [#15251](https://github.com/ant-design/ant-design/pull/15251)
-- 🐞 Fix DatePicker and TimePicker cursor style. [#15218](https://github.com/ant-design/ant-design/pull/15218) [@yoyo837](https://github.com/yoyo837)
-- 🐞 Fix Steps label text not align center. [#15256](https://github.com/ant-design/ant-design/pull/15256)
+- 🐞 Fix DatePicker and TimePicker cursor style. [#15218](https://github.com/ant-design/ant-design/pull/15218)
+- 🐞 Fix Steps label text not align center. [#15256](https://github.com/ant-design/ant-design/pull/15256) [@yoyo837](https://github.com/yoyo837)
 - TypeScript
   - ⚡️ Refactor and simplify List Item dom structure, and fix spaces lost inside List Item. [#15197](https://github.com/ant-design/ant-design/pull/15197)
   - 🐞 Fix Layout `tagName` definition. [#15181](https://github.com/ant-design/ant-design/pull/15181) [@ngolin](https://github.com/ngolin)
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index e0ecc589b6..408032a708 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -31,8 +31,8 @@ timeline: true
   - 🐞 修复通过 `allowClear` 清除内容后没有获得焦点的问题。[#15184](https://github.com/ant-design/ant-design/pull/15184)
   - 🐞 修复 Search 当使用了 `allowClear` 或者 `suffix`/`prefix` 时的样式问题。[#15242](https://github.com/ant-design/ant-design/pull/15242)
   - 🐞 修复 Input 丢失焦点时的警告问题。[#15251](https://github.com/ant-design/ant-design/pull/15251)
-- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。[#15218](https://github.com/ant-design/ant-design/pull/15218) [@yoyo837](https://github.com/yoyo837)
-- 🐞 修复 Steps 的 label 不居中的问题。[#15256](https://github.com/ant-design/ant-design/pull/15256)
+- 🐞 修复 DatePicker 和 TimePicker 的 cursor 样式问题。[#15218](https://github.com/ant-design/ant-design/pull/15218)
+- 🐞 修复 Steps 的 label 不居中的问题。[#15256](https://github.com/ant-design/ant-design/pull/15256) [@yoyo837](https://github.com/yoyo837)
 - TypeScript
   - 🐞 修复 Typography 的 `setContentRef` 定义。[#15197](https://github.com/ant-design/ant-design/pull/15197)
   - 🐞 修复 Layout 的 `tagName` 定义。[#15181](https://github.com/ant-design/ant-design/pull/15181) [@ngolin](https://github.com/ngolin)

From c443909bca5dcbbaba8ef5dd20b6b248528928a4 Mon Sep 17 00:00:00 2001
From: Inian <inian1234@gmail.com>
Date: Fri, 8 Mar 2019 21:29:58 +0800
Subject: [PATCH 004/122] Typo

---
 components/skeleton/index.en-US.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/skeleton/index.en-US.md b/components/skeleton/index.en-US.md
index 0d4d147fa7..ce0b37fd83 100644
--- a/components/skeleton/index.en-US.md
+++ b/components/skeleton/index.en-US.md
@@ -11,7 +11,7 @@ Provide a placeholder at the place which need waiting for loading.
 - When resource needs long time to load, like low network speed.
 - The component contains much information. Such as List or Card.
 - Only works when loading data at first time.
-- Could be replaced by Spin in all situation, but provide better user experience then spin if it works.
+- Could be replaced by Spin in all situation, but provide better user experience than spin if it works.
 
 ## API
 

From a0bfe4cc656937d3fdae8e0e723cb37fc153c1b7 Mon Sep 17 00:00:00 2001
From: Rick Zhou <rinick@gmail.com>
Date: Fri, 8 Mar 2019 21:58:22 -0800
Subject: [PATCH 005/122] fix tabs style in card mode

---
 components/tabs/style/card-style.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
index 58e447df19..691dbd6ead 100644
--- a/components/tabs/style/card-style.less
+++ b/components/tabs/style/card-style.less
@@ -12,6 +12,7 @@
     visibility: hidden;
   }
   &&-card &-card-bar &-tab {
+    height: @tabs-card-height - 1px;
     margin: 0;
     margin-right: 2px;
     padding: 0 16px;
@@ -23,6 +24,7 @@
     transition: all 0.3s @ease-in-out;
   }
   &&-card &-card-bar &-tab-active {
+    height: @tabs-card-height;
     padding-bottom: 1px;
     color: @tabs-card-active-color;
     background: @component-background;

From ee14f8e5d5825c0c9ecd25ebbc53e6cdc36159d4 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Sat, 9 Mar 2019 18:25:22 +0800
Subject: [PATCH 006/122] add skip test

---
 components/table/style/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/table/style/index.tsx b/components/table/style/index.tsx
index 3d02361cdf..c1ff86a1ad 100644
--- a/components/table/style/index.tsx
+++ b/components/table/style/index.tsx
@@ -2,6 +2,7 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: menu
 import '../../empty/style';
 import '../../radio/style';
 import '../../checkbox/style';

From 427543009451758875f2060ceeaf84dfdfc51251 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 9 Mar 2019 19:27:13 +0800
Subject: [PATCH 007/122] :bug: Keep same content color of List like previous
 version

close #15296
---
 components/list/style/index.less | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/list/style/index.less b/components/list/style/index.less
index 9f3e97aeb3..0a59715724 100644
--- a/components/list/style/index.less
+++ b/components/list/style/index.less
@@ -6,13 +6,16 @@
 .@{list-prefix-cls} {
   .reset-component;
   position: relative;
+
   * {
     outline: none;
   }
+
   &-pagination {
     margin-top: 24px;
     text-align: right;
   }
+
   &-more {
     margin-top: 12px;
     text-align: center;
@@ -21,16 +24,19 @@
       padding-left: 32px;
     }
   }
+
   &-spin {
     min-height: 40px;
     text-align: center;
   }
+
   &-empty-text {
     padding: @list-empty-text-padding;
     color: @text-color-secondary;
     font-size: @font-size-base;
     text-align: center;
   }
+
   &-item {
     display: flex;
     padding: @list-item-padding;
@@ -39,6 +45,10 @@
       display: block;
     }
 
+    &-content {
+      color: @text-color;
+    }
+
     &-meta {
       display: flex;
       flex: 1;

From 56570aa539cd5e6739524c114e837c6f1181d2ba Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 9 Mar 2019 19:43:19 +0800
Subject: [PATCH 008/122] :lipstick: Add `@pagination-item-bg-active`

close #14739
---
 components/pagination/style/index.less | 1 +
 components/style/themes/default.less   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/components/pagination/style/index.less b/components/pagination/style/index.less
index b6ea0e43cb..4cf4555ff2 100644
--- a/components/pagination/style/index.less
+++ b/components/pagination/style/index.less
@@ -66,6 +66,7 @@
 
     &-active {
       font-weight: @pagination-font-weight-active;
+      background: @pagination-item-bg-active;
       border-color: @primary-color;
 
       a {
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index b8a0186dfd..2694c9984a 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -494,6 +494,7 @@
 @pagination-item-size-sm: 24px;
 @pagination-font-family: Arial;
 @pagination-font-weight-active: 500;
+@pagination-item-bg-active: transparent;
 
 // Breadcrumb
 // ---

From 9197db244541ba6081be63191bc2a5b67f83739a Mon Sep 17 00:00:00 2001
From: Dan Minshew <ofenixculpa@gmail.com>
Date: Sat, 9 Mar 2019 21:50:39 -0600
Subject: [PATCH 009/122] add 'code' to list of Typography props

---
 components/typography/index.en-US.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/typography/index.en-US.md b/components/typography/index.en-US.md
index c3f7b76297..a0397cc776 100644
--- a/components/typography/index.en-US.md
+++ b/components/typography/index.en-US.md
@@ -21,6 +21,7 @@ When need to display title or text content. Like:
 
 | Property | Description | Type | Default |
 | -------- | ----------- | ---- | ------- |
+| code | code style | boolean | false |
 | copyable | Config copy. Can set copy text and callback when is an object | boolean \| { text: string, onCopy: Function } | false |
 | delete | delete line style | boolean | false |
 | disabled | Disable content | boolean | false |
@@ -36,6 +37,7 @@ When need to display title or text content. Like:
 
 | Property | Description | Type | Default |
 | -------- | ----------- | ---- | ------- |
+| code | code style | boolean | false |
 | copyable | Config copy. Can set copy text and callback when is an object | boolean \| { text: string, onCopy: Function } | false |
 | delete | delete line style | boolean | false |
 | disabled | Disable content | boolean | false |
@@ -51,6 +53,7 @@ When need to display title or text content. Like:
 
 | Property | Description | Type | Default |
 | -------- | ----------- | ---- | ------- |
+| code | code style | boolean | false |
 | copyable | Config copy. Can set copy text and callback when is an object | boolean \| { text: string, onCopy: Function } | false |
 | delete | delete line style | boolean | false |
 | disabled | Disable content | boolean | false |

From 05564e00ff647981eb14cf9130f5a8f83073eb08 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Sun, 10 Mar 2019 21:04:38 +0800
Subject: [PATCH 010/122] add style dep lint ignore

---
 components/anchor/style/index.tsx        | 3 +++
 components/auto-complete/style/index.tsx | 2 ++
 components/card/style/index.tsx          | 1 +
 components/page-header/index.tsx         | 3 ++-
 components/popconfirm/style/index.tsx    | 1 +
 components/popover/style/index.tsx       | 3 +++
 6 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/anchor/style/index.tsx b/components/anchor/style/index.tsx
index 3a3ab0de59..346c336725 100644
--- a/components/anchor/style/index.tsx
+++ b/components/anchor/style/index.tsx
@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+// deps-lint-skip: affix
diff --git a/components/auto-complete/style/index.tsx b/components/auto-complete/style/index.tsx
index c90ced563e..3d751d9f87 100644
--- a/components/auto-complete/style/index.tsx
+++ b/components/auto-complete/style/index.tsx
@@ -1,4 +1,6 @@
 import '../../style/index.less';
 import './index.less';
 
+// style dependencies
+// deps-lint-skip: input
 import '../../select/style';
diff --git a/components/card/style/index.tsx b/components/card/style/index.tsx
index b3e369978a..cbc49319ce 100644
--- a/components/card/style/index.tsx
+++ b/components/card/style/index.tsx
@@ -2,4 +2,5 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: row, col
 import '../../tabs/style';
diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
index f09d7c1020..9fb79f0971 100644
--- a/components/page-header/index.tsx
+++ b/components/page-header/index.tsx
@@ -3,7 +3,8 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import Icon from '../icon';
 import classnames from 'classnames';
 import { BreadcrumbProps } from '../breadcrumb';
-import { Divider, Breadcrumb } from '../index';
+import Divider from '../divider';
+import Breadcrumb from '../breadcrumb';
 import Tag from '../tag';
 import Wave from '../_util/wave';
 
diff --git a/components/popconfirm/style/index.tsx b/components/popconfirm/style/index.tsx
index c4708ebddb..3d46d0435a 100644
--- a/components/popconfirm/style/index.tsx
+++ b/components/popconfirm/style/index.tsx
@@ -1,5 +1,6 @@
 import '../../style/index.less';
 
 // style dependencies
+// deps-lint-skip: tooltip
 import '../../popover/style';
 import '../../button/style';
diff --git a/components/popover/style/index.tsx b/components/popover/style/index.tsx
index 3a3ab0de59..9f2a34a79c 100644
--- a/components/popover/style/index.tsx
+++ b/components/popover/style/index.tsx
@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+// deps-lint-skip: tooltip

From d17a67175de50bfe22f804b9a8298f7d7f9814b3 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Mon, 11 Mar 2019 11:00:25 +0800
Subject: [PATCH 011/122] add pattern match

---
 .depslintrc.js                  | 18 ++++++++++++++++++
 components/rate/style/index.tsx |  3 +++
 package.json                    |  2 +-
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 .depslintrc.js

diff --git a/.depslintrc.js b/.depslintrc.js
new file mode 100644
index 0000000000..e6f0f4488a
--- /dev/null
+++ b/.depslintrc.js
@@ -0,0 +1,18 @@
+module.exports = {
+  ignore: [
+    '**/~*/**',
+    '**/_*/**',
+    '**/icon/**',
+    '**/__tests__/**',
+    '**/style/**',
+    '**/locale/**',
+    '**/*-provider/**',
+    '**/*.json',
+  ],
+  modulePattern: [
+    {
+      pattern: /ConfigConsumer.*renderEmpty/sm,
+      module: '../empty',
+    },
+  ],
+};
\ No newline at end of file
diff --git a/components/rate/style/index.tsx b/components/rate/style/index.tsx
index 3a3ab0de59..7bd39f61bf 100644
--- a/components/rate/style/index.tsx
+++ b/components/rate/style/index.tsx
@@ -1,2 +1,5 @@
 import '../../style/index.less';
 import './index.less';
+
+// style dependencies
+import '../../tooltip/style';
diff --git a/package.json b/package.json
index 8084e56cfc..0540fcf1ac 100644
--- a/package.json
+++ b/package.json
@@ -195,7 +195,7 @@
     "test-node": "jest --config .jest.node.js --no-cache",
     "test-all": "./scripts/test-all.sh",
     "lint": "npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style",
-    "lint:deps": "antd-tools run deps-lint --ignore **/~*/**,**/_*/**,**/icon/**,**/__tests__/**,**/style/**,**/locale/**,**/*-provider/**,**/*.json",
+    "lint:deps": "antd-tools run deps-lint",
     "lint:ts": "npm run tsc && antd-tools run ts-lint",
     "lint:es": "eslint tests site scripts components ./.*.js ./webpack.config.js --ext '.js,.jsx'",
     "lint:md": "remark components/",

From 0cea934cacab14d9d7541617002af42a6ae95d31 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Mon, 11 Mar 2019 11:19:43 +0800
Subject: [PATCH 012/122] add ecosystem menu

---
 site/theme/en-US.js                   |  1 +
 site/theme/static/header.less         | 11 +++++-
 site/theme/static/responsive.less     |  1 -
 site/theme/template/Home/index.jsx    |  3 ++
 site/theme/template/Layout/Header.jsx | 56 ++++++++++++++++++++-------
 site/theme/zh-CN.js                   |  1 +
 6 files changed, 55 insertions(+), 18 deletions(-)

diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index 30d1c91c41..6b3745368c 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -13,6 +13,7 @@ module.exports = {
     'app.header.menu.resource': 'Resources',
     'app.header.menu.mobile': 'Mobile',
     'app.header.menu.pro': 'PRO',
+    'app.header.menu.ecosystem': 'Ecosystem',
     'app.header.lang': '中文',
     'app.content.edit-page': 'Edit this page on GitHub!',
     'app.content.edit-demo': 'Edit this demo on GitHub!',
diff --git a/site/theme/static/header.less b/site/theme/static/header.less
index 9423279ddd..6dd9dbaea8 100644
--- a/site/theme/static/header.less
+++ b/site/theme/static/header.less
@@ -96,7 +96,8 @@
   &.ant-menu-horizontal {
     border-bottom: none;
 
-    & > .ant-menu-item {
+    & > .ant-menu-item,
+    & > .ant-menu-submenu {
       min-width: 72px;
       height: @header-height;
       line-height: @header-height - @menu-item-border - 2px;
@@ -108,6 +109,11 @@
       }
     }
 
+    & > .ant-menu-submenu-open {
+      border-top: @menu-item-border solid @primary-color;
+      border-bottom: @menu-item-border solid transparent;
+    }
+
     & > .ant-menu-item-selected {
       border-top: @menu-item-border solid @primary-color;
       border-bottom: @menu-item-border solid transparent;
@@ -117,7 +123,8 @@
     }
   }
 
-  & > .ant-menu-item {
+  & > .ant-menu-item,
+  & > .ant-menu-submenu {
     text-align: center;
   }
 }
diff --git a/site/theme/static/responsive.less b/site/theme/static/responsive.less
index 98350b8530..9303610214 100644
--- a/site/theme/static/responsive.less
+++ b/site/theme/static/responsive.less
@@ -109,7 +109,6 @@
   }
 
   ul#nav li {
-    height: 40px;
     padding: 0 !important;
     line-height: 40px;
     border: 0;
diff --git a/site/theme/template/Home/index.jsx b/site/theme/template/Home/index.jsx
index 7b2037df8c..2e9f5635d9 100644
--- a/site/theme/template/Home/index.jsx
+++ b/site/theme/template/Home/index.jsx
@@ -32,6 +32,9 @@ function getStyle() {
     #header #nav .ant-menu-item {
       border-color: transparent;
     }
+    #header #nav .ant-menu-submenu {
+      border-color: transparent;
+    }
     #header #nav .ant-menu-item.hide-in-home-page {
       display: none;
     }
diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
index 2e7da59c9f..a56aa2dde6 100644
--- a/site/theme/template/Layout/Header.jsx
+++ b/site/theme/template/Layout/Header.jsx
@@ -176,28 +176,54 @@ export default class Header extends React.Component {
             <FormattedMessage id="app.header.menu.components" />
           </Link>
         </Menu.Item>
-        <Menu.Item key="pro" className="hide-in-home-page">
-          <a
-            href="http://pro.ant.design"
-            className="header-link"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <FormattedMessage id="app.header.menu.pro" />
-          </a>
-        </Menu.Item>
-        {isZhCN ? (
-          <Menu.Item key="course" className="hide-in-home-page">
+        <Menu.SubMenu
+          key="ecosystem"
+          className="hide-in-home-page"
+          title={<FormattedMessage id="app.header.menu.ecosystem" />}
+        >
+          <Menu.Item key="pro">
             <a
-              href="https://www.yuque.com/ant-design/course"
+              href="http://pro.ant.design"
               className="header-link"
               target="_blank"
               rel="noopener noreferrer"
             >
-              教程
+              <FormattedMessage id="app.header.menu.pro" />
             </a>
           </Menu.Item>
-        ) : null}
+          <Menu.Item key="ng">
+            <a
+              href="http://ng.ant.design"
+              className="header-link"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Ant Design of Angular
+            </a>
+          </Menu.Item>
+          <Menu.Item key="vue">
+            <a
+              href="http://vue.ant.design"
+              className="header-link"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Ant Design of Vue
+            </a>
+          </Menu.Item>
+          {isZhCN ? (
+            <Menu.Item key="course" className="hide-in-home-page">
+              <a
+                href="https://www.yuque.com/ant-design/course"
+                className="header-link"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                教程
+              </a>
+            </Menu.Item>
+          ) : null}
+        </Menu.SubMenu>
       </Menu>,
     ];
 
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 884952fe62..87a3ea49d6 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -13,6 +13,7 @@ module.exports = {
     'app.header.menu.resource': '资源',
     'app.header.menu.mobile': '移动版',
     'app.header.menu.pro': 'PRO',
+    'app.header.menu.ecosystem': '生态系统',
     'app.header.lang': 'English',
     'app.content.edit-page': '在 GitHub 上编辑此页！',
     'app.content.edit-demo': '在 GitHub 上编辑此示例！',

From 96a95e65d36e8ab4c2a4c94f5ca0104240514877 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Mon, 11 Mar 2019 11:48:17 +0800
Subject: [PATCH 013/122] update deps lint

---
 components/col/style/index.tsx         | 3 +++
 components/date-picker/style/index.tsx | 1 +
 components/page-header/style/index.tsx | 2 +-
 components/pagination/style/index.tsx  | 1 +
 components/popconfirm/style/index.tsx  | 2 +-
 components/row/style/index.tsx         | 3 +++
 components/select/style/index.tsx      | 1 +
 components/tree-select/style/index.tsx | 1 +
 components/typography/style/index.tsx  | 1 -
 9 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/components/col/style/index.tsx b/components/col/style/index.tsx
index cc2ae69eee..2ea9a24152 100644
--- a/components/col/style/index.tsx
+++ b/components/col/style/index.tsx
@@ -1,2 +1,5 @@
 import '../../style/index.less';
+
+// style dependencies
+// deps-lint-skip: grid
 import '../../grid/style/index.less';
diff --git a/components/date-picker/style/index.tsx b/components/date-picker/style/index.tsx
index 2fd3d93e55..f27ae9b25f 100644
--- a/components/date-picker/style/index.tsx
+++ b/components/date-picker/style/index.tsx
@@ -2,6 +2,7 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: input
 import '../../input/style';
 import '../../time-picker/style';
 import '../../tag/style';
diff --git a/components/page-header/style/index.tsx b/components/page-header/style/index.tsx
index c24c4f5990..abbb262478 100644
--- a/components/page-header/style/index.tsx
+++ b/components/page-header/style/index.tsx
@@ -1,5 +1,5 @@
 import './index.less';
 
+// style dependencies
 import '../../divider/style';
 import '../../breadcrumb/style';
-import '../../typography/style';
diff --git a/components/pagination/style/index.tsx b/components/pagination/style/index.tsx
index d841ee8fa1..874c4fbcda 100644
--- a/components/pagination/style/index.tsx
+++ b/components/pagination/style/index.tsx
@@ -2,5 +2,6 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: input
 import '../../select/style';
 import '../../input/style';
diff --git a/components/popconfirm/style/index.tsx b/components/popconfirm/style/index.tsx
index 3d46d0435a..3a57ddc783 100644
--- a/components/popconfirm/style/index.tsx
+++ b/components/popconfirm/style/index.tsx
@@ -1,6 +1,6 @@
 import '../../style/index.less';
 
 // style dependencies
-// deps-lint-skip: tooltip
+// deps-lint-skip: tooltip, popover
 import '../../popover/style';
 import '../../button/style';
diff --git a/components/row/style/index.tsx b/components/row/style/index.tsx
index cc2ae69eee..2ea9a24152 100644
--- a/components/row/style/index.tsx
+++ b/components/row/style/index.tsx
@@ -1,2 +1,5 @@
 import '../../style/index.less';
+
+// style dependencies
+// deps-lint-skip: grid
 import '../../grid/style/index.less';
diff --git a/components/select/style/index.tsx b/components/select/style/index.tsx
index b64c64e2f9..0577473138 100644
--- a/components/select/style/index.tsx
+++ b/components/select/style/index.tsx
@@ -2,5 +2,6 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: input
 import '../../empty/style';
 import '../../input/style';
diff --git a/components/tree-select/style/index.tsx b/components/tree-select/style/index.tsx
index c3f91d2d60..7a0029cbda 100644
--- a/components/tree-select/style/index.tsx
+++ b/components/tree-select/style/index.tsx
@@ -2,5 +2,6 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: select, empty, checkbox
 import '../../select/style';
 import '../../checkbox/style';
diff --git a/components/typography/style/index.tsx b/components/typography/style/index.tsx
index 99e8dc4afa..c7f4eeb992 100644
--- a/components/typography/style/index.tsx
+++ b/components/typography/style/index.tsx
@@ -2,6 +2,5 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-import '../../icon/style';
 import '../../tooltip/style';
 import '../../input/style';

From f607872e51798c6b8ebb12834526c9fb7f761d97 Mon Sep 17 00:00:00 2001
From: ycjcl868 <45808948@qq.com>
Date: Mon, 11 Mar 2019 12:29:07 +0800
Subject: [PATCH 014/122] :lipstick: scroll smooth

---
 site/theme/static/common.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index 5f1248264b..b87b49857a 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -1,3 +1,6 @@
+html {
+  scroll-behavior: smooth;
+}
 html,
 body {
   height: 100%;

From 0590c056c1ec549b9325d802096ac7d8ce060da5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Mar 2019 15:45:07 +0800
Subject: [PATCH 015/122] :bug: Reserve ant-typography className

---
 components/typography/Editable.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/typography/Editable.tsx b/components/typography/Editable.tsx
index 9ac7225939..3299b3b34e 100644
--- a/components/typography/Editable.tsx
+++ b/components/typography/Editable.tsx
@@ -109,7 +109,7 @@ class Editable extends React.Component<EditableProps, EditableState> {
     const { prefixCls, ['aria-label']: ariaLabel } = this.props;
 
     return (
-      <div className={`${prefixCls}-edit-content`}>
+      <div className={`${prefixCls} ${prefixCls}-edit-content`}>
         <TextArea
           ref={this.setTextarea}
           value={current}

From a8ad9ecce55a210118876459088cf19178c44a25 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Mar 2019 16:00:12 +0800
Subject: [PATCH 016/122] :bug: Fix Typography editable inconsist style

close #15249
---
 components/typography/style/index.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/components/typography/style/index.less b/components/typography/style/index.less
index 31e14b9206..dd825e37e8 100644
--- a/components/typography/style/index.less
+++ b/components/typography/style/index.less
@@ -191,6 +191,12 @@
   &-edit-content {
     position: relative;
 
+    div& {
+      left: -@input-padding-horizontal - 1px;
+      margin-top: -@input-padding-vertical-base - 1px;
+      margin-bottom: calc(1em - @input-padding-vertical-base - 2px);
+    }
+
     &-confirm {
       position: absolute;
       right: 10px;

From f694a1bbb801f11b37c0c6537547452788db22c0 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Mar 2019 16:54:29 +0800
Subject: [PATCH 017/122] :zap: Opatimize badge code

---
 components/badge/ScrollNumber.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index 38d4f91f03..9505b0d5b0 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -42,7 +42,10 @@ class ScrollNumber extends Component<ScrollNumberProps, ScrollNumberState> {
       if (nextState.count === nextProps.count) {
         return null;
       }
-      return { animateStarted: true };
+      return {
+        animateStarted: true,
+        count: nextProps.count,
+      };
     }
     return null;
   }
@@ -78,9 +81,10 @@ class ScrollNumber extends Component<ScrollNumberProps, ScrollNumberState> {
 
   componentDidUpdate(_: any, prevState: ScrollNumberState) {
     this.lastCount = prevState.count;
-    if (this.state.animateStarted) {
-      this.setState({ animateStarted: false, count: this.props.count }, () => {
-        const { onAnimated } = this.props;
+    const { animateStarted } = this.state;
+    const { onAnimated } = this.props;
+    if (animateStarted) {
+      this.setState({ animateStarted: !animateStarted }, () => {
         if (onAnimated) {
           onAnimated();
         }

From d9ca0d838186af07e6983e83010059fde7573638 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Mar 2019 17:13:59 +0800
Subject: [PATCH 018/122] :zap: Optimize badge code again

---
 components/badge/ScrollNumber.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index 9505b0d5b0..667c82a7ab 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -44,7 +44,6 @@ class ScrollNumber extends Component<ScrollNumberProps, ScrollNumberState> {
       }
       return {
         animateStarted: true,
-        count: nextProps.count,
       };
     }
     return null;
@@ -84,11 +83,17 @@ class ScrollNumber extends Component<ScrollNumberProps, ScrollNumberState> {
     const { animateStarted } = this.state;
     const { onAnimated } = this.props;
     if (animateStarted) {
-      this.setState({ animateStarted: !animateStarted }, () => {
-        if (onAnimated) {
-          onAnimated();
-        }
-      });
+      this.setState(
+        {
+          animateStarted: false,
+          count: this.props.count,
+        },
+        () => {
+          if (onAnimated) {
+            onAnimated();
+          }
+        },
+      );
     }
   }
 

From d5a1f58bbaf07f5e63e4a8e356df7c8a1d142161 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 11 Mar 2019 16:50:55 +0800
Subject: [PATCH 019/122] :up: upgrade jsdom

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

diff --git a/package.json b/package.json
index 12388708a5..2c00ee90fd 100644
--- a/package.json
+++ b/package.json
@@ -137,7 +137,7 @@
     "immutability-helper": "^3.0.0",
     "intersection-observer": "^0.5.0",
     "jest": "^24.0.0",
-    "jsdom": "^13.0.0",
+    "jsdom": "^14.0.0",
     "jsonml.js": "^0.1.0",
     "lint-staged": "^8.0.2",
     "logrocket": "^0.6.19",
@@ -191,7 +191,7 @@
     "xhr2": "^0.1.4"
   },
   "scripts": {
-    "test": "jest --config .jest.js --verbose=false --no-cache",
+    "test": "jest --config .jest.js --no-cache",
     "test-node": "jest --config .jest.node.js --no-cache",
     "test-all": "./scripts/test-all.sh",
     "lint": "npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style",

From 057d58ebce1dbccf8fc3bf5bdcfd58f16c51b273 Mon Sep 17 00:00:00 2001
From: vthinkxie <yadong.xyd@alibaba-inc.com>
Date: Mon, 11 Mar 2019 18:09:14 +0800
Subject: [PATCH 020/122] style(module:input): add disabled selector style in
 ant input

---
 components/input/style/mixin.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
index b7d1aba8f7..debe51afb1 100644
--- a/components/input/style/mixin.less
+++ b/components/input/style/mixin.less
@@ -69,6 +69,10 @@
     .disabled();
   }
 
+  &[disabled] {
+    .disabled();
+  }
+
   // Reset height for `textarea`s
   textarea& {
     max-width: 100%; // prevent textearea resize from coming out of its container

From 46ca31129434b02f4f135533b52511bd83337dec Mon Sep 17 00:00:00 2001
From: Martin Cermak <crudo@crudo.cz>
Date: Mon, 11 Mar 2019 14:39:58 +0100
Subject: [PATCH 021/122] Fixed Table's Editable cells demo

---
 components/table/demo/edit-cell.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/table/demo/edit-cell.md b/components/table/demo/edit-cell.md
index edfb1eac44..884bbdaf2c 100644
--- a/components/table/demo/edit-cell.md
+++ b/components/table/demo/edit-cell.md
@@ -43,10 +43,10 @@ class EditableCell extends React.Component {
     });
   }
 
-  save = () => {
+  save = (e) => {
     const { record, handleSave } = this.props;
     this.form.validateFields((error, values) => {
-      if (error) {
+      if (error && error[e.currentTarget.id]) {
         return;
       }
       this.toggleEdit();
@@ -66,7 +66,7 @@ class EditableCell extends React.Component {
       ...restProps
     } = this.props;
     return (
-      <td ref={node => (this.cell = node)} {...restProps}>
+      <td {...restProps}>
         {editable ? (
           <EditableContext.Consumer>
             {(form) => {

From 09a3d2ad69f36e860b3e48f4637f44aae162691e Mon Sep 17 00:00:00 2001
From: tangjinzhou <21251118@zju.edu.cn>
Date: Mon, 11 Mar 2019 22:50:10 +0800
Subject: [PATCH 022/122] Update zh-CN.js

---
 site/theme/zh-CN.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 87a3ea49d6..d9b5539bce 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -13,7 +13,7 @@ module.exports = {
     'app.header.menu.resource': '资源',
     'app.header.menu.mobile': '移动版',
     'app.header.menu.pro': 'PRO',
-    'app.header.menu.ecosystem': '生态系统',
+    'app.header.menu.ecosystem': '生态',
     'app.header.lang': 'English',
     'app.content.edit-page': '在 GitHub 上编辑此页！',
     'app.content.edit-demo': '在 GitHub 上编辑此示例！',

From 5f4f8b0dee0903c21281e6dccd5bcec7f11e9714 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Mon, 11 Mar 2019 23:34:05 +0800
Subject: [PATCH 023/122] Fix list item style (#15328)

* :bug: Fix List Item layout style problems

* :bug: horizontal list should align center

* :white_check_mark: Add test cases

* :white_check_mark: Add test cases for List.Item

* :bug: Fix vertical list item with extra
---
 components/list/Item.tsx                      | 22 ++++-
 components/list/__tests__/Item.test.js        | 99 +++++++++++++++++++
 .../__tests__/__snapshots__/Item.test.js.snap | 54 ++++++++++
 components/list/index.tsx                     |  2 +
 components/list/style/index.less              |  3 +
 .../__tests__/__snapshots__/demo.test.js.snap |  6 +-
 6 files changed, 179 insertions(+), 7 deletions(-)
 create mode 100644 components/list/__tests__/Item.test.js
 create mode 100644 components/list/__tests__/__snapshots__/Item.test.js.snap

diff --git a/components/list/Item.tsx b/components/list/Item.tsx
index 64758ee792..5762d61a15 100644
--- a/components/list/Item.tsx
+++ b/components/list/Item.tsx
@@ -66,6 +66,7 @@ export default class Item extends React.Component<ListItemProps, any> {
 
   static contextTypes = {
     grid: PropTypes.any,
+    itemLayout: PropTypes.string,
   };
 
   context: any;
@@ -81,8 +82,17 @@ export default class Item extends React.Component<ListItemProps, any> {
     return result;
   }
 
+  isFlexMode() {
+    const { extra } = this.props;
+    const { itemLayout } = this.context;
+    if (itemLayout === 'vertical') {
+      return !!extra;
+    }
+    return !this.isItemContainsTextNode();
+  }
+
   renderItem = ({ getPrefixCls }: ConfigConsumerProps) => {
-    const { grid } = this.context;
+    const { grid, itemLayout } = this.context;
     const {
       prefixCls: customizePrefixCls,
       children,
@@ -106,10 +116,10 @@ export default class Item extends React.Component<ListItemProps, any> {
       <div
         {...others}
         className={classNames(`${prefixCls}-item`, className, {
-          [`${prefixCls}-item-no-flex`]: !extra && this.isItemContainsTextNode(),
+          [`${prefixCls}-item-no-flex`]: !this.isFlexMode(),
         })}
       >
-        {extra
+        {itemLayout === 'vertical' && extra
           ? [
               <div className={`${prefixCls}-item-main`} key="content">
                 {children}
@@ -119,7 +129,11 @@ export default class Item extends React.Component<ListItemProps, any> {
                 {extra}
               </div>,
             ]
-          : [children, actionsContent]}
+          : [
+              children,
+              actionsContent,
+              extra ? React.cloneElement(extra as React.ReactElement<any>, { key: 'extra' }) : null,
+            ]}
       </div>
     );
 
diff --git a/components/list/__tests__/Item.test.js b/components/list/__tests__/Item.test.js
new file mode 100644
index 0000000000..25743f3dd2
--- /dev/null
+++ b/components/list/__tests__/Item.test.js
@@ -0,0 +1,99 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import List from '..';
+
+describe('List Item Layout', () => {
+  const data = [{
+    key: 1,
+    href: 'http://ant.design',
+    title: `ant design`,
+    avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+    description: 'Ant Design, a design language for background applications, is refined by Ant UED Team.',
+    content: 'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
+    extra: 'extra',
+  }];
+
+  it('horizontal itemLayout List which contains string nodes should not be flex container', () => {
+    const wrapper = mount(
+      <List
+        dataSource={data}
+        renderItem={item => (
+          <List.Item key={item.title}>
+            I am <span>ant</span> design list item
+          </List.Item>
+        )}
+      />
+    );
+    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(true);
+  });
+
+  it('horizontal itemLayout List should be flex container defaultly', () => {
+    const wrapper = mount(
+      <List
+        dataSource={data}
+        renderItem={item => (
+          <List.Item key={item.title}>
+            <List.Item.Meta
+              title={<a href={item.href}>{item.title}</a>}
+              description={item.description}
+            />
+          </List.Item>
+        )}
+      />
+    );
+    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(false);
+  });
+
+  it('vertical itemLayout List should be flex container when there is extra node', () => {
+    const wrapper = mount(
+      <List
+        itemLayout="vertical"
+        dataSource={data}
+        renderItem={item => (
+          <List.Item key={item.title} extra={item.extra}>
+            <List.Item.Meta
+              title={<a href={item.href}>{item.title}</a>}
+              description={item.description}
+            />
+          </List.Item>
+        )}
+      />
+    );
+    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(false);
+  });
+
+  it('vertical itemLayout List should not be flex container when there is not extra node', () => {
+    const wrapper = mount(
+      <List
+        itemLayout="vertical"
+        dataSource={data}
+        renderItem={item => (
+          <List.Item key={item.title}>
+            <List.Item.Meta
+              title={<a href={item.href}>{item.title}</a>}
+              description={item.description}
+            />
+          </List.Item>
+        )}
+      />
+    );
+    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(true);
+  });
+
+  it('horizontal itemLayout List should accept extra node', () => {
+    const wrapper = mount(
+      <List
+        dataSource={data}
+        renderItem={item => (
+          <List.Item key={item.title} actions={[<a>Action</a>]} extra={<span>{item.extra}</span>}>
+            <List.Item.Meta
+              title={<a href={item.href}>{item.title}</a>}
+              description={item.description}
+            />
+          </List.Item>
+        )}
+      />
+    );
+    expect(wrapper.render()).toMatchSnapshot();
+  });
+});
diff --git a/components/list/__tests__/__snapshots__/Item.test.js.snap b/components/list/__tests__/__snapshots__/Item.test.js.snap
new file mode 100644
index 0000000000..ec6bd80f9b
--- /dev/null
+++ b/components/list/__tests__/__snapshots__/Item.test.js.snap
@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`List Item Layout horizontal itemLayout List should accept extra node 1`] = `
+<div
+  class="ant-list ant-list-split"
+>
+  <div
+    class="ant-spin-nested-loading"
+  >
+    <div
+      class="ant-spin-container"
+    >
+      <div
+        class="ant-list-item"
+      >
+        <div
+          class="ant-list-item-meta"
+        >
+          <div
+            class="ant-list-item-meta-content"
+          >
+            <h4
+              class="ant-list-item-meta-title"
+            >
+              <a
+                href="http://ant.design"
+              >
+                ant design
+              </a>
+            </h4>
+            <div
+              class="ant-list-item-meta-description"
+            >
+              Ant Design, a design language for background applications, is refined by Ant UED Team.
+            </div>
+          </div>
+        </div>
+        <ul
+          class="ant-list-item-action"
+        >
+          <li>
+            <a>
+              Action
+            </a>
+          </li>
+        </ul>
+        <span>
+          extra
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/components/list/index.tsx b/components/list/index.tsx
index d114b29c23..defb269e01 100644
--- a/components/list/index.tsx
+++ b/components/list/index.tsx
@@ -60,6 +60,7 @@ export default class List extends React.Component<ListProps> {
 
   static childContextTypes = {
     grid: PropTypes.any,
+    itemLayout: PropTypes.string,
   };
 
   static defaultProps = {
@@ -94,6 +95,7 @@ export default class List extends React.Component<ListProps> {
   getChildContext() {
     return {
       grid: this.props.grid,
+      itemLayout: this.props.itemLayout,
     };
   }
 
diff --git a/components/list/style/index.less b/components/list/style/index.less
index 0a59715724..e48eac4f64 100644
--- a/components/list/style/index.less
+++ b/components/list/style/index.less
@@ -39,6 +39,7 @@
 
   &-item {
     display: flex;
+    align-items: center;
     padding: @list-item-padding;
 
     &-no-flex {
@@ -161,6 +162,8 @@
   }
 
   &-vertical &-item {
+    align-items: initial;
+
     &-main {
       display: block;
       flex: 1;
diff --git a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
index 2712875d3e..de86edde96 100644
--- a/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/skeleton/__tests__/__snapshots__/demo.test.js.snap
@@ -123,7 +123,7 @@ exports[`renders ./components/skeleton/demo/list.md correctly 1`] = `
         class="ant-spin-container"
       >
         <div
-          class="ant-list-item"
+          class="ant-list-item ant-list-item-no-flex"
         >
           <div
             class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active"
@@ -152,7 +152,7 @@ exports[`renders ./components/skeleton/demo/list.md correctly 1`] = `
           </div>
         </div>
         <div
-          class="ant-list-item"
+          class="ant-list-item ant-list-item-no-flex"
         >
           <div
             class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active"
@@ -181,7 +181,7 @@ exports[`renders ./components/skeleton/demo/list.md correctly 1`] = `
           </div>
         </div>
         <div
-          class="ant-list-item"
+          class="ant-list-item ant-list-item-no-flex"
         >
           <div
             class="ant-skeleton ant-skeleton-with-avatar ant-skeleton-active"

From 34a9da638c6631a067a6973eb1fe659b36a4da47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=A7=E7=90=9A?= <yizhi.lyz@antfin.com>
Date: Mon, 11 Mar 2019 23:48:37 +0800
Subject: [PATCH 024/122] fix add click prop for BreadcrumbItem

---
 components/breadcrumb/BreadcrumbItem.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/breadcrumb/BreadcrumbItem.tsx b/components/breadcrumb/BreadcrumbItem.tsx
index 228d3309ce..31f6e2ecd9 100644
--- a/components/breadcrumb/BreadcrumbItem.tsx
+++ b/components/breadcrumb/BreadcrumbItem.tsx
@@ -6,6 +6,7 @@ export interface BreadcrumbItemProps {
   prefixCls?: string;
   separator?: React.ReactNode;
   href?: string;
+  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement>;
 }
 
 export default class BreadcrumbItem extends React.Component<BreadcrumbItemProps, any> {

From d53e003b62bb392fa529eb6888ac4630f2c4004c Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 13:35:39 +0800
Subject: [PATCH 025/122] fix: Calendar select can't switch

---
 components/calendar/Header.tsx                   |  6 +++---
 .../__tests__/__snapshots__/index.test.js.snap   |  4 ++--
 components/calendar/index.tsx                    | 16 ++++++----------
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/components/calendar/Header.tsx b/components/calendar/Header.tsx
index b4f07c775d..0d07a9ed7a 100644
--- a/components/calendar/Header.tsx
+++ b/components/calendar/Header.tsx
@@ -144,14 +144,14 @@ export default class Header extends React.Component<HeaderProps, any> {
     const prefixCls = getPrefixCls('fullcalendar', customizePrefixCls);
     const yearSelect = this.getYearSelectElement(prefixCls, value.year());
     const monthSelect =
-      type === 'date'
+      type === 'month'
         ? this.getMonthSelectElement(prefixCls, value.month(), this.getMonthsLocale(value))
         : null;
     const size = (fullscreen ? 'default' : 'small') as any;
     const typeSwitch = (
       <Group onChange={this.onTypeChange} value={type} size={size}>
-        <Button value="date">{locale.month}</Button>
-        <Button value="month">{locale.year}</Button>
+        <Button value="month">{locale.month}</Button>
+        <Button value="year">{locale.year}</Button>
       </Group>
     );
 
diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 9891c50252..4054422fde 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -120,7 +120,7 @@ exports[`Calendar Calendar should support locale 1`] = `
             checked=""
             class="ant-radio-button-input"
             type="radio"
-            value="date"
+            value="month"
           />
           <span
             class="ant-radio-button-inner"
@@ -139,7 +139,7 @@ exports[`Calendar Calendar should support locale 1`] = `
           <input
             class="ant-radio-button-input"
             type="radio"
-            value="month"
+            value="year"
           />
           <span
             class="ant-radio-button-inner"
diff --git a/components/calendar/index.tsx b/components/calendar/index.tsx
index a64ac79d43..ece2866c74 100644
--- a/components/calendar/index.tsx
+++ b/components/calendar/index.tsx
@@ -53,7 +53,6 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
   static defaultProps = {
     locale: {},
     fullscreen: true,
-    mode: 'month' as CalendarMode,
     onSelect: noop,
     onPanelChange: noop,
     onChange: noop,
@@ -100,7 +99,7 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
     }
     this.state = {
       value,
-      mode: props.mode,
+      mode: props.mode || 'month',
     };
   }
 
@@ -145,19 +144,16 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
     }
   };
 
-  setType = (type: string) => {
-    const mode = type === 'date' ? 'month' : 'year';
-    if (this.state.mode !== mode) {
-      this.setState({ mode });
-      this.onPanelChange(this.state.value, mode);
-    }
+  setType = (mode: CalendarMode) => {
+    this.setState({ mode });
+    this.onPanelChange(this.state.value, mode);
   };
 
   onHeaderValueChange = (value: moment.Moment) => {
     this.setValue(value, 'changePanel');
   };
 
-  onHeaderTypeChange = (type: string) => {
+  onHeaderTypeChange = (type: CalendarMode) => {
     this.setType(type);
   };
 
@@ -246,7 +242,7 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
             <div className={cls} style={style}>
               <Header
                 fullscreen={fullscreen}
-                type={type}
+                type={mode}
                 value={value}
                 locale={locale.lang}
                 prefixCls={prefixCls}

From 222c744f6d7651300da16ad27f1cb13e74459a8a Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 13:44:38 +0800
Subject: [PATCH 026/122] test: update snapshots

---
 .../__tests__/__snapshots__/demo.test.js.snap |  16 +-
 .../__snapshots__/components.test.js.snap     |  24 +--
 .../__tests__/__snapshots__/demo.test.js.snap |   4 +-
 .../__snapshots__/index.test.js.snap          | 176 +++++++++---------
 4 files changed, 110 insertions(+), 110 deletions(-)

diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 6e10b1c3ed..29169dbc1a 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -120,7 +120,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
             checked=""
             class="ant-radio-button-input"
             type="radio"
-            value="date"
+            value="month"
           />
           <span
             class="ant-radio-button-inner"
@@ -139,7 +139,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
           <input
             class="ant-radio-button-input"
             type="radio"
-            value="month"
+            value="year"
           />
           <span
             class="ant-radio-button-inner"
@@ -1165,7 +1165,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -1184,7 +1184,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -2208,7 +2208,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
             checked=""
             class="ant-radio-button-input"
             type="radio"
-            value="date"
+            value="month"
           />
           <span
             class="ant-radio-button-inner"
@@ -2227,7 +2227,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
           <input
             class="ant-radio-button-input"
             type="radio"
-            value="month"
+            value="year"
           />
           <span
             class="ant-radio-button-inner"
@@ -3661,7 +3661,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -3680,7 +3680,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
diff --git a/components/config-provider/__tests__/__snapshots__/components.test.js.snap b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
index bc7e89f97c..9170a90f11 100644
--- a/components/config-provider/__tests__/__snapshots__/components.test.js.snap
+++ b/components/config-provider/__tests__/__snapshots__/components.test.js.snap
@@ -1276,7 +1276,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               checked=""
               class="config-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="config-radio-button-inner"
@@ -1295,7 +1295,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
             <input
               class="config-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="config-radio-button-inner"
@@ -2264,7 +2264,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
             <input
               class="config-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="config-radio-button-inner"
@@ -2284,7 +2284,7 @@ exports[`ConfigProvider components Calendar configProvider 1`] = `
               checked=""
               class="config-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="config-radio-button-inner"
@@ -2672,7 +2672,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -2691,7 +2691,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -3660,7 +3660,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -3680,7 +3680,7 @@ exports[`ConfigProvider components Calendar normal 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -4068,7 +4068,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -4087,7 +4087,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -5056,7 +5056,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -5076,7 +5076,7 @@ exports[`ConfigProvider components Calendar prefixCls 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index 7815cc745e..a1c5de08ae 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -800,7 +800,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
                   checked=""
                   class="ant-radio-button-input"
                   type="radio"
-                  value="date"
+                  value="month"
                 />
                 <span
                   class="ant-radio-button-inner"
@@ -819,7 +819,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
                 <input
                   class="ant-radio-button-input"
                   type="radio"
-                  value="month"
+                  value="year"
                 />
                 <span
                   class="ant-radio-button-inner"
diff --git a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
index e49a4ed571..d1415fbe06 100644
--- a/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/index.test.js.snap
@@ -6438,7 +6438,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -6457,7 +6457,7 @@ exports[`Locale Provider should display the text as ar 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -11505,7 +11505,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -11524,7 +11524,7 @@ exports[`Locale Provider should display the text as bg 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -16572,7 +16572,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -16591,7 +16591,7 @@ exports[`Locale Provider should display the text as ca 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -21639,7 +21639,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -21658,7 +21658,7 @@ exports[`Locale Provider should display the text as cs 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -26706,7 +26706,7 @@ exports[`Locale Provider should display the text as da 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -26725,7 +26725,7 @@ exports[`Locale Provider should display the text as da 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -31773,7 +31773,7 @@ exports[`Locale Provider should display the text as de 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -31792,7 +31792,7 @@ exports[`Locale Provider should display the text as de 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -36840,7 +36840,7 @@ exports[`Locale Provider should display the text as el 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -36859,7 +36859,7 @@ exports[`Locale Provider should display the text as el 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -41907,7 +41907,7 @@ exports[`Locale Provider should display the text as en 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -41926,7 +41926,7 @@ exports[`Locale Provider should display the text as en 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -46974,7 +46974,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -46993,7 +46993,7 @@ exports[`Locale Provider should display the text as en-gb 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -52041,7 +52041,7 @@ exports[`Locale Provider should display the text as es 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -52060,7 +52060,7 @@ exports[`Locale Provider should display the text as es 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -57108,7 +57108,7 @@ exports[`Locale Provider should display the text as et 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -57127,7 +57127,7 @@ exports[`Locale Provider should display the text as et 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -62175,7 +62175,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -62194,7 +62194,7 @@ exports[`Locale Provider should display the text as fa 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -67242,7 +67242,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -67261,7 +67261,7 @@ exports[`Locale Provider should display the text as fi 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -72309,7 +72309,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -72328,7 +72328,7 @@ exports[`Locale Provider should display the text as fr 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -77376,7 +77376,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -77395,7 +77395,7 @@ exports[`Locale Provider should display the text as fr 2`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -82443,7 +82443,7 @@ exports[`Locale Provider should display the text as he 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -82462,7 +82462,7 @@ exports[`Locale Provider should display the text as he 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -87510,7 +87510,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -87529,7 +87529,7 @@ exports[`Locale Provider should display the text as hi 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -92577,7 +92577,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -92596,7 +92596,7 @@ exports[`Locale Provider should display the text as hu 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -97644,7 +97644,7 @@ exports[`Locale Provider should display the text as id 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -97663,7 +97663,7 @@ exports[`Locale Provider should display the text as id 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -102711,7 +102711,7 @@ exports[`Locale Provider should display the text as is 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -102730,7 +102730,7 @@ exports[`Locale Provider should display the text as is 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -107778,7 +107778,7 @@ exports[`Locale Provider should display the text as it 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -107797,7 +107797,7 @@ exports[`Locale Provider should display the text as it 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -112845,7 +112845,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -112864,7 +112864,7 @@ exports[`Locale Provider should display the text as ja 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -117912,7 +117912,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -117931,7 +117931,7 @@ exports[`Locale Provider should display the text as kn 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -122979,7 +122979,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -122998,7 +122998,7 @@ exports[`Locale Provider should display the text as ko 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -128046,7 +128046,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -128065,7 +128065,7 @@ exports[`Locale Provider should display the text as ku-iq 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -133113,7 +133113,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -133132,7 +133132,7 @@ exports[`Locale Provider should display the text as mn-mn 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -138180,7 +138180,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -138199,7 +138199,7 @@ exports[`Locale Provider should display the text as nb 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -143247,7 +143247,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -143266,7 +143266,7 @@ exports[`Locale Provider should display the text as ne-np 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -148314,7 +148314,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -148333,7 +148333,7 @@ exports[`Locale Provider should display the text as nl 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -153381,7 +153381,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -153400,7 +153400,7 @@ exports[`Locale Provider should display the text as nl-be 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -158448,7 +158448,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -158467,7 +158467,7 @@ exports[`Locale Provider should display the text as pl 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -163515,7 +163515,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -163534,7 +163534,7 @@ exports[`Locale Provider should display the text as pt 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -168582,7 +168582,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -168601,7 +168601,7 @@ exports[`Locale Provider should display the text as pt-br 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -173649,7 +173649,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -173668,7 +173668,7 @@ exports[`Locale Provider should display the text as ru 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -178716,7 +178716,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -178735,7 +178735,7 @@ exports[`Locale Provider should display the text as sk 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -183783,7 +183783,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -183802,7 +183802,7 @@ exports[`Locale Provider should display the text as sl 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -188850,7 +188850,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -188869,7 +188869,7 @@ exports[`Locale Provider should display the text as sr 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -193917,7 +193917,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -193936,7 +193936,7 @@ exports[`Locale Provider should display the text as sv 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -198984,7 +198984,7 @@ exports[`Locale Provider should display the text as th 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -199003,7 +199003,7 @@ exports[`Locale Provider should display the text as th 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -204051,7 +204051,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -204070,7 +204070,7 @@ exports[`Locale Provider should display the text as tr 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -209118,7 +209118,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -209137,7 +209137,7 @@ exports[`Locale Provider should display the text as uk 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -214185,7 +214185,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -214204,7 +214204,7 @@ exports[`Locale Provider should display the text as vi 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -219252,7 +219252,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -219271,7 +219271,7 @@ exports[`Locale Provider should display the text as zh-cn 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"
@@ -224319,7 +224319,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
               checked=""
               class="ant-radio-button-input"
               type="radio"
-              value="date"
+              value="month"
             />
             <span
               class="ant-radio-button-inner"
@@ -224338,7 +224338,7 @@ exports[`Locale Provider should display the text as zh-tw 1`] = `
             <input
               class="ant-radio-button-input"
               type="radio"
-              value="month"
+              value="year"
             />
             <span
               class="ant-radio-button-inner"

From f65853b2b18c19b37ed1f5b551da62dd855b2ded Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 12 Mar 2019 14:26:41 +0800
Subject: [PATCH 027/122] :sparkly: Add react-json-view in recommendation

---
 docs/react/recommendation.en-US.md      |  1 +
 docs/react/recommendation.zh-CN.md      |  1 +
 site/theme/template/Content/Article.jsx | 23 +++++++++++++++++------
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/docs/react/recommendation.en-US.md b/docs/react/recommendation.en-US.md
index 3ee26602a3..9ec2b2433c 100644
--- a/docs/react/recommendation.en-US.md
+++ b/docs/react/recommendation.en-US.md
@@ -12,6 +12,7 @@ Layout | [@rebass/grid](https://github.com/rebassjs/grid) [react-blocks](http://
 Drag and drop | [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd/) [react-dnd](https://github.com/gaearon/react-dnd) [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc)
 Code Editor | [react-codemirror2](https://github.com/scniro/react-codemirror2) [react-monaco-editor](https://github.com/superRaytin/react-monaco-editor)
 Rich Text Editor | [react-quill](https://github.com/zenoamaro/react-quill) [braft-editor](https://github.com/margox/braft-editor)
+JSON Viewer | [react-json-view](https://github.com/mac-s-g/react-json-view)
 Color Picker | [rc-color-picker](https://github.com/react-component/color-picker) [react-color](http://casesandberg.github.io/react-color/)
 Media Query | [react-responsive](https://github.com/contra/react-responsive) [react-media](https://github.com/ReactTraining/react-media)
 Copy to clipboard | [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard)
diff --git a/docs/react/recommendation.zh-CN.md b/docs/react/recommendation.zh-CN.md
index 2acbdd070d..bda6ff2ba9 100644
--- a/docs/react/recommendation.zh-CN.md
+++ b/docs/react/recommendation.zh-CN.md
@@ -12,6 +12,7 @@ title: 社区精选组件
 拖拽 | [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd/) [react-dnd](https://github.com/gaearon/react-dnd)  [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc)
 代码编辑器 | [react-codemirror2](https://github.com/scniro/react-codemirror2) [react-monaco-editor](https://github.com/superRaytin/react-monaco-editor)
 富文本编辑器 | [react-quill](https://github.com/zenoamaro/react-quill) [braft-editor](https://github.com/margox/braft-editor)
+JSON 显示器 | [react-json-view](https://github.com/mac-s-g/react-json-view)
 拾色器 | [rc-color-picker](https://github.com/react-component/color-picker) [react-color](http://casesandberg.github.io/react-color/)
 响应式 | [react-responsive](https://github.com/contra/react-responsive) [react-media](https://github.com/ReactTraining/react-media)
 复制到剪贴板 | [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard)
diff --git a/site/theme/template/Content/Article.jsx b/site/theme/template/Content/Article.jsx
index e574cfd8ac..7b484bab30 100644
--- a/site/theme/template/Content/Article.jsx
+++ b/site/theme/template/Content/Article.jsx
@@ -37,14 +37,25 @@ export default class Article extends React.Component {
   }
 
   onResourceClick = e => {
-    const cardNode = e.target.closest('.resource-card');
-    if (!window.gtag || !cardNode) {
+    if (!window.gtag) {
       return;
     }
-    window.gtag('event', 'resource', {
-      event_category: 'Download',
-      event_label: cardNode.href,
-    });
+    const cardNode = e.target.closest('.resource-card');
+    if (cardNode) {
+      window.gtag('event', 'resource', {
+        event_category: 'Download',
+        event_label: cardNode.href,
+      });
+    }
+    if (
+      window.location.href.indexOf('docs/react/recommendation') > 0 &&
+      e.target.matches('.markdown > table td > a[href]')
+    ) {
+      window.gtag('event', 'recommendation', {
+        event_category: 'Click',
+        event_label: e.target.href,
+      });
+    }
   };
 
   getArticle(article) {

From 81cb4a240717d4630a7b9a63219741abf86c4950 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 14:38:53 +0800
Subject: [PATCH 028/122] test: update cases for Header

---
 components/calendar/__tests__/index.test.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index b4ce4d3bf9..4ef5120be5 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -161,4 +161,16 @@ describe('Calendar', () => {
     expect(onPanelChange).toBeCalled();
     expect(onPanelChange.mock.calls[0][0].month()).toEqual(date.month() - 1);
   });
+
+  it('switch should work correctly without prop mode', () => {
+    const onPanelChange = jest.fn();
+    const wrapper = mount(<Calendar onPanelChange={onPanelChange} />);
+    expect(wrapper.state().mode).toBe('month');
+    wrapper
+      .find('.ant-radio-button-input')
+      .at(1)
+      .simulate('change');
+    expect(onPanelChange).toBeCalled();
+    expect(onPanelChange.mock.calls[0][1]).toEqual('year');
+  });
 });

From 4f7ee02ad49442ed41d700d7eec91051c7eb3e1b Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 14:51:49 +0800
Subject: [PATCH 029/122] test: update snapshot for making sure to switch
 correct panel

---
 .../__snapshots__/index.test.js.snap          | 945 ++++++++++++++++++
 components/calendar/__tests__/index.test.js   |   1 +
 2 files changed, 946 insertions(+)

diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 4054422fde..5b916d29e7 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -1041,3 +1041,948 @@ exports[`Calendar Calendar should support locale 1`] = `
   </div>
 </div>
 `;
+
+exports[`Calendar switch should work correctly without prop mode 1`] = `
+<Calendar
+  fullscreen={true}
+  locale={Object {}}
+  onChange={[Function]}
+  onPanelChange={
+    [MockFunction] {
+      "calls": Array [
+        Array [
+          "2019-03-12T06:48:31.611Z",
+          "year",
+        ],
+      ],
+      "results": Array [
+        Object {
+          "type": "return",
+          "value": undefined,
+        },
+      ],
+    }
+  }
+  onSelect={[Function]}
+>
+  <LocaleReceiver
+    componentName="Calendar"
+    defaultLocale={[Function]}
+  >
+    <Consumer>
+      <div
+        className=" ant-fullcalendar-fullscreen"
+      >
+        <Header
+          fullscreen={true}
+          locale={
+            Object {
+              "backToToday": "Back to today",
+              "clear": "Clear",
+              "dateFormat": "M/D/YYYY",
+              "dateSelect": "select date",
+              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+              "dayFormat": "D",
+              "decadeSelect": "Choose a decade",
+              "month": "Month",
+              "monthBeforeYear": true,
+              "monthSelect": "Choose a month",
+              "nextCentury": "Next century",
+              "nextDecade": "Next decade",
+              "nextMonth": "Next month (PageDown)",
+              "nextYear": "Next year (Control + right)",
+              "now": "Now",
+              "ok": "Ok",
+              "placeholder": "Select date",
+              "previousCentury": "Last century",
+              "previousDecade": "Last decade",
+              "previousMonth": "Previous month (PageUp)",
+              "previousYear": "Last year (Control + left)",
+              "rangePlaceholder": Array [
+                "Start date",
+                "End date",
+              ],
+              "timeSelect": "select time",
+              "today": "Today",
+              "weekSelect": "Choose a week",
+              "year": "Year",
+              "yearFormat": "YYYY",
+              "yearSelect": "Choose a year",
+            }
+          }
+          onTypeChange={[Function]}
+          onValueChange={[Function]}
+          prefixCls="ant-fullcalendar"
+          type="year"
+          value={"2019-03-12T06:48:31.611Z"}
+          yearSelectOffset={10}
+          yearSelectTotal={20}
+        >
+          <Consumer>
+            <div
+              className="ant-fullcalendar-header"
+            >
+              <Select
+                choiceTransitionName="zoom"
+                className="ant-fullcalendar-year-select"
+                dropdownMatchSelectWidth={false}
+                getPopupContainer={[Function]}
+                onChange={[Function]}
+                showSearch={false}
+                size="default"
+                transitionName="slide-up"
+                value="2019"
+              >
+                <Consumer>
+                  <Select
+                    allowClear={false}
+                    autoClearSearchValue={true}
+                    backfill={false}
+                    choiceTransitionName="zoom"
+                    className="ant-fullcalendar-year-select"
+                    clearIcon={
+                      <Icon
+                        className="ant-select-clear-icon"
+                        theme="filled"
+                        type="close-circle"
+                      />
+                    }
+                    combobox={false}
+                    defaultActiveFirstOption={true}
+                    defaultOpen={false}
+                    dropdownMatchSelectWidth={false}
+                    dropdownMenuStyle={Object {}}
+                    dropdownRender={[Function]}
+                    dropdownStyle={Object {}}
+                    getPopupContainer={[Function]}
+                    inputIcon={
+                      <Icon
+                        className="ant-select-arrow-icon"
+                        type="down"
+                      />
+                    }
+                    labelInValue={false}
+                    menuItemSelectedIcon={
+                      <Icon
+                        className="ant-select-selected-icon"
+                        type="check"
+                      />
+                    }
+                    multiple={false}
+                    notFoundContent={
+                      <Consumer>
+                        [Function]
+                      </Consumer>
+                    }
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onDeselect={[Function]}
+                    onFocus={[Function]}
+                    onInputKeyDown={[Function]}
+                    onSearch={[Function]}
+                    onSelect={[Function]}
+                    optionFilterProp="value"
+                    optionLabelProp="children"
+                    placeholder=""
+                    prefixCls="ant-select"
+                    removeIcon={
+                      <Icon
+                        className="ant-select-remove-icon"
+                        type="close"
+                      />
+                    }
+                    showAction={
+                      Array [
+                        "click",
+                      ]
+                    }
+                    showSearch={false}
+                    tabIndex={0}
+                    tags={false}
+                    tokenSeparators={Array []}
+                    transitionName="slide-up"
+                    value="2019"
+                  >
+                    <SelectTrigger
+                      ariaId="test-uuid"
+                      backfillValue=""
+                      combobox={false}
+                      defaultActiveFirstOption={true}
+                      dropdownMatchSelectWidth={false}
+                      dropdownMenuStyle={Object {}}
+                      dropdownRender={[Function]}
+                      dropdownStyle={Object {}}
+                      empty={false}
+                      getPopupContainer={[Function]}
+                      inputValue=""
+                      menuItemSelectedIcon={
+                        <Icon
+                          className="ant-select-selected-icon"
+                          type="check"
+                        />
+                      }
+                      multiple={false}
+                      onDropdownVisibleChange={[Function]}
+                      onMenuDeselect={[Function]}
+                      onMenuSelect={[Function]}
+                      onPopupFocus={[Function]}
+                      options={Array []}
+                      prefixCls="ant-select"
+                      showAction={
+                        Array [
+                          "click",
+                        ]
+                      }
+                      showSearch={false}
+                      transitionName="slide-up"
+                      value={
+                        Array [
+                          "2019",
+                        ]
+                      }
+                      visible={false}
+                    >
+                      <Trigger
+                        action={Array []}
+                        afterPopupVisibleChange={[Function]}
+                        ariaId="test-uuid"
+                        backfillValue=""
+                        blurDelay={0.15}
+                        builtinPlacements={
+                          Object {
+                            "bottomLeft": Object {
+                              "offset": Array [
+                                0,
+                                4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "tl",
+                                "bl",
+                              ],
+                            },
+                            "topLeft": Object {
+                              "offset": Array [
+                                0,
+                                -4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "bl",
+                                "tl",
+                              ],
+                            },
+                          }
+                        }
+                        combobox={false}
+                        defaultActiveFirstOption={true}
+                        defaultPopupVisible={false}
+                        destroyPopupOnHide={false}
+                        dropdownMatchSelectWidth={false}
+                        dropdownMenuStyle={Object {}}
+                        dropdownRender={[Function]}
+                        dropdownStyle={Object {}}
+                        focusDelay={0}
+                        getDocument={[Function]}
+                        getPopupClassNameFromAlign={[Function]}
+                        getPopupContainer={[Function]}
+                        hideAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        inputValue=""
+                        mask={false}
+                        maskClosable={true}
+                        menuItemSelectedIcon={
+                          <Icon
+                            className="ant-select-selected-icon"
+                            type="check"
+                          />
+                        }
+                        mouseEnterDelay={0}
+                        mouseLeaveDelay={0.1}
+                        multiple={false}
+                        onDropdownVisibleChange={[Function]}
+                        onMenuDeselect={[Function]}
+                        onMenuSelect={[Function]}
+                        onPopupAlign={[Function]}
+                        onPopupVisibleChange={[Function]}
+                        options={Array []}
+                        popup={
+                          <DropdownMenu
+                            ariaId="test-uuid"
+                            backfillValue=""
+                            defaultActiveFirstOption={true}
+                            dropdownMenuStyle={Object {}}
+                            inputValue=""
+                            menuItemSelectedIcon={
+                              <Icon
+                                className="ant-select-selected-icon"
+                                type="check"
+                              />
+                            }
+                            menuItems={Array []}
+                            multiple={false}
+                            onMenuDeselect={[Function]}
+                            onMenuSelect={[Function]}
+                            onPopupFocus={[Function]}
+                            prefixCls="ant-select-dropdown"
+                            value={
+                              Array [
+                                "2019",
+                              ]
+                            }
+                            visible={false}
+                          />
+                        }
+                        popupAlign={Object {}}
+                        popupClassName="ant-select-dropdown--single"
+                        popupPlacement="bottomLeft"
+                        popupStyle={Object {}}
+                        popupTransitionName="slide-up"
+                        popupVisible={false}
+                        prefixCls="ant-select-dropdown"
+                        showAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        showSearch={false}
+                        transitionName="slide-up"
+                        value={
+                          Array [
+                            "2019",
+                          ]
+                        }
+                        visible={false}
+                      >
+                        <div
+                          className="ant-fullcalendar-year-select ant-select ant-select-enabled"
+                          key="trigger"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            aria-autocomplete="list"
+                            aria-controls="test-uuid"
+                            aria-expanded={false}
+                            aria-haspopup="true"
+                            className="ant-select-selection
+            ant-select-selection--single"
+                            key="selection"
+                            onKeyDown={[Function]}
+                            role="combobox"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="ant-select-selection__rendered"
+                            >
+                              <div
+                                className="ant-select-selection-selected-value"
+                                key="value"
+                                style={
+                                  Object {
+                                    "display": "block",
+                                    "opacity": 1,
+                                  }
+                                }
+                                title="2019"
+                              >
+                                2019
+                              </div>
+                            </div>
+                            <span
+                              className="ant-select-arrow"
+                              key="arrow"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "WebkitUserSelect": "none",
+                                  "userSelect": "none",
+                                }
+                              }
+                              unselectable="on"
+                            >
+                              <Icon
+                                className="ant-select-arrow-icon"
+                                type="down"
+                              >
+                                <LocaleReceiver
+                                  componentName="Icon"
+                                >
+                                  <i
+                                    aria-label="icon: down"
+                                    className="anticon anticon-down ant-select-arrow-icon"
+                                  >
+                                    <IconReact
+                                      className=""
+                                      type="down-o"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className=""
+                                        data-icon="down"
+                                        fill="currentColor"
+                                        height="1em"
+                                        key="svg-down"
+                                        viewBox="64 64 896 896"
+                                        width="1em"
+                                      >
+                                        <path
+                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          key="svg-down-svg-0"
+                                        />
+                                      </svg>
+                                    </IconReact>
+                                  </i>
+                                </LocaleReceiver>
+                              </Icon>
+                            </span>
+                          </div>
+                        </div>
+                      </Trigger>
+                    </SelectTrigger>
+                  </Select>
+                </Consumer>
+              </Select>
+              <RadioGroup
+                buttonStyle="outline"
+                disabled={false}
+                onChange={[Function]}
+                size="default"
+                value="year"
+              >
+                <Consumer>
+                  <div
+                    className="ant-radio-group ant-radio-group-outline ant-radio-group-default"
+                  >
+                    <RadioButton
+                      value="month"
+                    >
+                      <Consumer>
+                        <Radio
+                          checked={false}
+                          disabled={false}
+                          prefixCls="ant-radio-button"
+                          type="radio"
+                          value="month"
+                        >
+                          <Consumer>
+                            <label
+                              className="ant-radio-button-wrapper"
+                            >
+                              <Checkbox
+                                checked={false}
+                                className=""
+                                defaultChecked={false}
+                                disabled={false}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                prefixCls="ant-radio-button"
+                                style={Object {}}
+                                type="radio"
+                                value="month"
+                              >
+                                <span
+                                  className="ant-radio-button"
+                                  style={Object {}}
+                                >
+                                  <input
+                                    checked={false}
+                                    className="ant-radio-button-input"
+                                    disabled={false}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    type="radio"
+                                    value="month"
+                                  />
+                                  <span
+                                    className="ant-radio-button-inner"
+                                  />
+                                </span>
+                              </Checkbox>
+                              <span>
+                                Month
+                              </span>
+                            </label>
+                          </Consumer>
+                        </Radio>
+                      </Consumer>
+                    </RadioButton>
+                    <RadioButton
+                      value="year"
+                    >
+                      <Consumer>
+                        <Radio
+                          checked={true}
+                          disabled={false}
+                          prefixCls="ant-radio-button"
+                          type="radio"
+                          value="year"
+                        >
+                          <Consumer>
+                            <label
+                              className="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+                            >
+                              <Checkbox
+                                checked={true}
+                                className=""
+                                defaultChecked={false}
+                                disabled={false}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                prefixCls="ant-radio-button"
+                                style={Object {}}
+                                type="radio"
+                                value="year"
+                              >
+                                <span
+                                  className="ant-radio-button ant-radio-button-checked"
+                                  style={Object {}}
+                                >
+                                  <input
+                                    checked={true}
+                                    className="ant-radio-button-input"
+                                    disabled={false}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    type="radio"
+                                    value="year"
+                                  />
+                                  <span
+                                    className="ant-radio-button-inner"
+                                  />
+                                </span>
+                              </Checkbox>
+                              <span>
+                                Year
+                              </span>
+                            </label>
+                          </Consumer>
+                        </Radio>
+                      </Consumer>
+                    </RadioButton>
+                  </div>
+                </Consumer>
+              </RadioGroup>
+            </div>
+          </Consumer>
+        </Header>
+        <CalendarMixinWrapper
+          Select={[Function]}
+          className=""
+          dateCellRender={[Function]}
+          defaultType="date"
+          fullscreen={true}
+          locale={
+            Object {
+              "backToToday": "Back to today",
+              "clear": "Clear",
+              "dateFormat": "M/D/YYYY",
+              "dateSelect": "select date",
+              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+              "dayFormat": "D",
+              "decadeSelect": "Choose a decade",
+              "month": "Month",
+              "monthBeforeYear": true,
+              "monthSelect": "Choose a month",
+              "nextCentury": "Next century",
+              "nextDecade": "Next decade",
+              "nextMonth": "Next month (PageDown)",
+              "nextYear": "Next year (Control + right)",
+              "now": "Now",
+              "ok": "Ok",
+              "placeholder": "Select date",
+              "previousCentury": "Last century",
+              "previousDecade": "Last decade",
+              "previousMonth": "Previous month (PageUp)",
+              "previousYear": "Last year (Control + left)",
+              "rangePlaceholder": Array [
+                "Start date",
+                "End date",
+              ],
+              "timeSelect": "select time",
+              "today": "Today",
+              "weekSelect": "Choose a week",
+              "year": "Year",
+              "yearFormat": "YYYY",
+              "yearSelect": "Choose a year",
+            }
+          }
+          monthCellRender={[Function]}
+          onChange={[Function]}
+          onClear={[Function]}
+          onKeyDown={[Function]}
+          onPanelChange={
+            [MockFunction] {
+              "calls": Array [
+                Array [
+                  "2019-03-12T06:48:31.611Z",
+                  "year",
+                ],
+              ],
+              "results": Array [
+                Object {
+                  "type": "return",
+                  "value": undefined,
+                },
+              ],
+            }
+          }
+          onSelect={[Function]}
+          onTypeChange={[Function]}
+          prefixCls="ant-fullcalendar"
+          renderFooter={[Function]}
+          renderSidebar={[Function]}
+          showHeader={false}
+          showTypeSwitch={true}
+          style={Object {}}
+          type="month"
+          value={"2019-03-12T06:48:31.611Z"}
+          visible={true}
+        >
+          <div
+            className="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
+            style={Object {}}
+            tabIndex="0"
+          >
+            <div
+              className="ant-fullcalendar-calendar-body"
+              key="calendar-body"
+            >
+              <MonthTable
+                cellRender={[Function]}
+                locale={
+                  Object {
+                    "backToToday": "Back to today",
+                    "clear": "Clear",
+                    "dateFormat": "M/D/YYYY",
+                    "dateSelect": "select date",
+                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+                    "dayFormat": "D",
+                    "decadeSelect": "Choose a decade",
+                    "month": "Month",
+                    "monthBeforeYear": true,
+                    "monthSelect": "Choose a month",
+                    "nextCentury": "Next century",
+                    "nextDecade": "Next decade",
+                    "nextMonth": "Next month (PageDown)",
+                    "nextYear": "Next year (Control + right)",
+                    "now": "Now",
+                    "ok": "Ok",
+                    "placeholder": "Select date",
+                    "previousCentury": "Last century",
+                    "previousDecade": "Last decade",
+                    "previousMonth": "Previous month (PageUp)",
+                    "previousYear": "Last year (Control + left)",
+                    "rangePlaceholder": Array [
+                      "Start date",
+                      "End date",
+                    ],
+                    "timeSelect": "select time",
+                    "today": "Today",
+                    "weekSelect": "Choose a week",
+                    "year": "Year",
+                    "yearFormat": "YYYY",
+                    "yearSelect": "Choose a year",
+                  }
+                }
+                onSelect={[Function]}
+                prefixCls="ant-fullcalendar-month-panel"
+                value={"2019-03-12T06:48:31.611Z"}
+              >
+                <table
+                  cellSpacing="0"
+                  className="ant-fullcalendar-month-panel-table"
+                  role="grid"
+                >
+                  <tbody
+                    className="ant-fullcalendar-month-panel-tbody"
+                  >
+                    <tr
+                      key="0"
+                      role="row"
+                    >
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="0"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Jan"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Jan
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="1"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Feb"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Feb
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell ant-fullcalendar-month-panel-current-cell"
+                        key="2"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Mar"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Mar
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      key="1"
+                      role="row"
+                    >
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="3"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Apr"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Apr
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="4"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="May"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            May
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="5"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Jun"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Jun
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      key="2"
+                      role="row"
+                    >
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="6"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Jul"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Jul
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="7"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Aug"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Aug
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="8"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Sep"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Sep
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      key="3"
+                      role="row"
+                    >
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="9"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Oct"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Oct
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="10"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Nov"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Nov
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        className="ant-fullcalendar-month-panel-cell"
+                        key="11"
+                        onClick={[Function]}
+                        role="gridcell"
+                        title="Dec"
+                      >
+                        <div
+                          className="ant-fullcalendar-month"
+                        >
+                          <div
+                            className="ant-fullcalendar-value"
+                          >
+                            Dec
+                          </div>
+                          <div
+                            className="ant-fullcalendar-content"
+                          />
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </MonthTable>
+            </div>
+          </div>
+        </CalendarMixinWrapper>
+      </div>
+    </Consumer>
+  </LocaleReceiver>
+</Calendar>
+`;
diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 4ef5120be5..536abfacef 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -170,6 +170,7 @@ describe('Calendar', () => {
       .find('.ant-radio-button-input')
       .at(1)
       .simulate('change');
+    expect(wrapper).toMatchSnapshot();
     expect(onPanelChange).toBeCalled();
     expect(onPanelChange.mock.calls[0][1]).toEqual('year');
   });

From c5290d2ee8e5fe1ec97686e3db65189c98bd5ee9 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 14:59:41 +0800
Subject: [PATCH 030/122] test: assign value for snapshot

---
 .../__snapshots__/index.test.js.snap          | 29 ++++++++++---------
 components/calendar/__tests__/index.test.js   |  3 +-
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 5b916d29e7..ac151af122 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -1051,7 +1051,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
     [MockFunction] {
       "calls": Array [
         Array [
-          "2019-03-12T06:48:31.611Z",
+          "1990-09-02T15:00:00.000Z",
           "year",
         ],
       ],
@@ -1064,6 +1064,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
     }
   }
   onSelect={[Function]}
+  value={"1990-09-02T15:00:00.000Z"}
 >
   <LocaleReceiver
     componentName="Calendar"
@@ -1114,7 +1115,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
           onValueChange={[Function]}
           prefixCls="ant-fullcalendar"
           type="year"
-          value={"2019-03-12T06:48:31.611Z"}
+          value={"1990-09-02T15:00:00.000Z"}
           yearSelectOffset={10}
           yearSelectTotal={20}
         >
@@ -1131,7 +1132,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                 showSearch={false}
                 size="default"
                 transitionName="slide-up"
-                value="2019"
+                value="1990"
               >
                 <Consumer>
                   <Select
@@ -1201,7 +1202,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                     tags={false}
                     tokenSeparators={Array []}
                     transitionName="slide-up"
-                    value="2019"
+                    value="1990"
                   >
                     <SelectTrigger
                       ariaId="test-uuid"
@@ -1237,7 +1238,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                       transitionName="slide-up"
                       value={
                         Array [
-                          "2019",
+                          "1990",
                         ]
                       }
                       visible={false}
@@ -1336,7 +1337,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             prefixCls="ant-select-dropdown"
                             value={
                               Array [
-                                "2019",
+                                "1990",
                               ]
                             }
                             visible={false}
@@ -1358,7 +1359,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         transitionName="slide-up"
                         value={
                           Array [
-                            "2019",
+                            "1990",
                           ]
                         }
                         visible={false}
@@ -1398,9 +1399,9 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                                     "opacity": 1,
                                   }
                                 }
-                                title="2019"
+                                title="1990"
                               >
-                                2019
+                                1990
                               </div>
                             </div>
                             <span
@@ -1633,7 +1634,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
             [MockFunction] {
               "calls": Array [
                 Array [
-                  "2019-03-12T06:48:31.611Z",
+                  "1990-09-02T15:00:00.000Z",
                   "year",
                 ],
               ],
@@ -1654,7 +1655,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
           showTypeSwitch={true}
           style={Object {}}
           type="month"
-          value={"2019-03-12T06:48:31.611Z"}
+          value={"1990-09-02T15:00:00.000Z"}
           visible={true}
         >
           <div
@@ -1705,7 +1706,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                 }
                 onSelect={[Function]}
                 prefixCls="ant-fullcalendar-month-panel"
-                value={"2019-03-12T06:48:31.611Z"}
+                value={"1990-09-02T15:00:00.000Z"}
               >
                 <table
                   cellSpacing="0"
@@ -1760,7 +1761,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </div>
                       </td>
                       <td
-                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell ant-fullcalendar-month-panel-current-cell"
+                        className="ant-fullcalendar-month-panel-cell"
                         key="2"
                         onClick={[Function]}
                         role="gridcell"
@@ -1890,7 +1891,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </div>
                       </td>
                       <td
-                        className="ant-fullcalendar-month-panel-cell"
+                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell"
                         key="8"
                         onClick={[Function]}
                         role="gridcell"
diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 536abfacef..7a5d919a07 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -164,7 +164,8 @@ describe('Calendar', () => {
 
   it('switch should work correctly without prop mode', () => {
     const onPanelChange = jest.fn();
-    const wrapper = mount(<Calendar onPanelChange={onPanelChange} />);
+    const date = new Moment('1990-09-03');
+    const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
     expect(wrapper.state().mode).toBe('month');
     wrapper
       .find('.ant-radio-button-input')

From 0d4828059a60aaa89bc16f310590413da53858f0 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 15:03:04 +0800
Subject: [PATCH 031/122] test: leaving snapshots before and after changes

---
 .../__snapshots__/index.test.js.snap          | 2042 +++++++++++++++++
 components/calendar/__tests__/index.test.js   |    1 +
 2 files changed, 2043 insertions(+)

diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index ac151af122..558f7a317d 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -1043,6 +1043,2048 @@ exports[`Calendar Calendar should support locale 1`] = `
 `;
 
 exports[`Calendar switch should work correctly without prop mode 1`] = `
+<Calendar
+  fullscreen={true}
+  locale={Object {}}
+  onChange={[Function]}
+  onPanelChange={[MockFunction]}
+  onSelect={[Function]}
+  value={"1990-09-02T15:00:00.000Z"}
+>
+  <LocaleReceiver
+    componentName="Calendar"
+    defaultLocale={[Function]}
+  >
+    <Consumer>
+      <div
+        className=" ant-fullcalendar-fullscreen"
+      >
+        <Header
+          fullscreen={true}
+          locale={
+            Object {
+              "backToToday": "Back to today",
+              "clear": "Clear",
+              "dateFormat": "M/D/YYYY",
+              "dateSelect": "select date",
+              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+              "dayFormat": "D",
+              "decadeSelect": "Choose a decade",
+              "month": "Month",
+              "monthBeforeYear": true,
+              "monthSelect": "Choose a month",
+              "nextCentury": "Next century",
+              "nextDecade": "Next decade",
+              "nextMonth": "Next month (PageDown)",
+              "nextYear": "Next year (Control + right)",
+              "now": "Now",
+              "ok": "Ok",
+              "placeholder": "Select date",
+              "previousCentury": "Last century",
+              "previousDecade": "Last decade",
+              "previousMonth": "Previous month (PageUp)",
+              "previousYear": "Last year (Control + left)",
+              "rangePlaceholder": Array [
+                "Start date",
+                "End date",
+              ],
+              "timeSelect": "select time",
+              "today": "Today",
+              "weekSelect": "Choose a week",
+              "year": "Year",
+              "yearFormat": "YYYY",
+              "yearSelect": "Choose a year",
+            }
+          }
+          onTypeChange={[Function]}
+          onValueChange={[Function]}
+          prefixCls="ant-fullcalendar"
+          type="month"
+          value={"1990-09-02T15:00:00.000Z"}
+          yearSelectOffset={10}
+          yearSelectTotal={20}
+        >
+          <Consumer>
+            <div
+              className="ant-fullcalendar-header"
+            >
+              <Select
+                choiceTransitionName="zoom"
+                className="ant-fullcalendar-year-select"
+                dropdownMatchSelectWidth={false}
+                getPopupContainer={[Function]}
+                onChange={[Function]}
+                showSearch={false}
+                size="default"
+                transitionName="slide-up"
+                value="1990"
+              >
+                <Consumer>
+                  <Select
+                    allowClear={false}
+                    autoClearSearchValue={true}
+                    backfill={false}
+                    choiceTransitionName="zoom"
+                    className="ant-fullcalendar-year-select"
+                    clearIcon={
+                      <Icon
+                        className="ant-select-clear-icon"
+                        theme="filled"
+                        type="close-circle"
+                      />
+                    }
+                    combobox={false}
+                    defaultActiveFirstOption={true}
+                    defaultOpen={false}
+                    dropdownMatchSelectWidth={false}
+                    dropdownMenuStyle={Object {}}
+                    dropdownRender={[Function]}
+                    dropdownStyle={Object {}}
+                    getPopupContainer={[Function]}
+                    inputIcon={
+                      <Icon
+                        className="ant-select-arrow-icon"
+                        type="down"
+                      />
+                    }
+                    labelInValue={false}
+                    menuItemSelectedIcon={
+                      <Icon
+                        className="ant-select-selected-icon"
+                        type="check"
+                      />
+                    }
+                    multiple={false}
+                    notFoundContent={
+                      <Consumer>
+                        [Function]
+                      </Consumer>
+                    }
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onDeselect={[Function]}
+                    onFocus={[Function]}
+                    onInputKeyDown={[Function]}
+                    onSearch={[Function]}
+                    onSelect={[Function]}
+                    optionFilterProp="value"
+                    optionLabelProp="children"
+                    placeholder=""
+                    prefixCls="ant-select"
+                    removeIcon={
+                      <Icon
+                        className="ant-select-remove-icon"
+                        type="close"
+                      />
+                    }
+                    showAction={
+                      Array [
+                        "click",
+                      ]
+                    }
+                    showSearch={false}
+                    tabIndex={0}
+                    tags={false}
+                    tokenSeparators={Array []}
+                    transitionName="slide-up"
+                    value="1990"
+                  >
+                    <SelectTrigger
+                      ariaId="test-uuid"
+                      backfillValue=""
+                      combobox={false}
+                      defaultActiveFirstOption={true}
+                      dropdownMatchSelectWidth={false}
+                      dropdownMenuStyle={Object {}}
+                      dropdownRender={[Function]}
+                      dropdownStyle={Object {}}
+                      empty={false}
+                      getPopupContainer={[Function]}
+                      inputValue=""
+                      menuItemSelectedIcon={
+                        <Icon
+                          className="ant-select-selected-icon"
+                          type="check"
+                        />
+                      }
+                      multiple={false}
+                      onDropdownVisibleChange={[Function]}
+                      onMenuDeselect={[Function]}
+                      onMenuSelect={[Function]}
+                      onPopupFocus={[Function]}
+                      options={Array []}
+                      prefixCls="ant-select"
+                      showAction={
+                        Array [
+                          "click",
+                        ]
+                      }
+                      showSearch={false}
+                      transitionName="slide-up"
+                      value={
+                        Array [
+                          "1990",
+                        ]
+                      }
+                      visible={false}
+                    >
+                      <Trigger
+                        action={Array []}
+                        afterPopupVisibleChange={[Function]}
+                        ariaId="test-uuid"
+                        backfillValue=""
+                        blurDelay={0.15}
+                        builtinPlacements={
+                          Object {
+                            "bottomLeft": Object {
+                              "offset": Array [
+                                0,
+                                4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "tl",
+                                "bl",
+                              ],
+                            },
+                            "topLeft": Object {
+                              "offset": Array [
+                                0,
+                                -4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "bl",
+                                "tl",
+                              ],
+                            },
+                          }
+                        }
+                        combobox={false}
+                        defaultActiveFirstOption={true}
+                        defaultPopupVisible={false}
+                        destroyPopupOnHide={false}
+                        dropdownMatchSelectWidth={false}
+                        dropdownMenuStyle={Object {}}
+                        dropdownRender={[Function]}
+                        dropdownStyle={Object {}}
+                        focusDelay={0}
+                        getDocument={[Function]}
+                        getPopupClassNameFromAlign={[Function]}
+                        getPopupContainer={[Function]}
+                        hideAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        inputValue=""
+                        mask={false}
+                        maskClosable={true}
+                        menuItemSelectedIcon={
+                          <Icon
+                            className="ant-select-selected-icon"
+                            type="check"
+                          />
+                        }
+                        mouseEnterDelay={0}
+                        mouseLeaveDelay={0.1}
+                        multiple={false}
+                        onDropdownVisibleChange={[Function]}
+                        onMenuDeselect={[Function]}
+                        onMenuSelect={[Function]}
+                        onPopupAlign={[Function]}
+                        onPopupVisibleChange={[Function]}
+                        options={Array []}
+                        popup={
+                          <DropdownMenu
+                            ariaId="test-uuid"
+                            backfillValue=""
+                            defaultActiveFirstOption={true}
+                            dropdownMenuStyle={Object {}}
+                            inputValue=""
+                            menuItemSelectedIcon={
+                              <Icon
+                                className="ant-select-selected-icon"
+                                type="check"
+                              />
+                            }
+                            menuItems={Array []}
+                            multiple={false}
+                            onMenuDeselect={[Function]}
+                            onMenuSelect={[Function]}
+                            onPopupFocus={[Function]}
+                            prefixCls="ant-select-dropdown"
+                            value={
+                              Array [
+                                "1990",
+                              ]
+                            }
+                            visible={false}
+                          />
+                        }
+                        popupAlign={Object {}}
+                        popupClassName="ant-select-dropdown--single"
+                        popupPlacement="bottomLeft"
+                        popupStyle={Object {}}
+                        popupTransitionName="slide-up"
+                        popupVisible={false}
+                        prefixCls="ant-select-dropdown"
+                        showAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        showSearch={false}
+                        transitionName="slide-up"
+                        value={
+                          Array [
+                            "1990",
+                          ]
+                        }
+                        visible={false}
+                      >
+                        <div
+                          className="ant-fullcalendar-year-select ant-select ant-select-enabled"
+                          key="trigger"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            aria-autocomplete="list"
+                            aria-controls="test-uuid"
+                            aria-expanded={false}
+                            aria-haspopup="true"
+                            className="ant-select-selection
+            ant-select-selection--single"
+                            key="selection"
+                            onKeyDown={[Function]}
+                            role="combobox"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="ant-select-selection__rendered"
+                            >
+                              <div
+                                className="ant-select-selection-selected-value"
+                                key="value"
+                                style={
+                                  Object {
+                                    "display": "block",
+                                    "opacity": 1,
+                                  }
+                                }
+                                title="1990"
+                              >
+                                1990
+                              </div>
+                            </div>
+                            <span
+                              className="ant-select-arrow"
+                              key="arrow"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "WebkitUserSelect": "none",
+                                  "userSelect": "none",
+                                }
+                              }
+                              unselectable="on"
+                            >
+                              <Icon
+                                className="ant-select-arrow-icon"
+                                type="down"
+                              >
+                                <LocaleReceiver
+                                  componentName="Icon"
+                                >
+                                  <i
+                                    aria-label="icon: down"
+                                    className="anticon anticon-down ant-select-arrow-icon"
+                                  >
+                                    <IconReact
+                                      className=""
+                                      type="down-o"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className=""
+                                        data-icon="down"
+                                        fill="currentColor"
+                                        height="1em"
+                                        key="svg-down"
+                                        viewBox="64 64 896 896"
+                                        width="1em"
+                                      >
+                                        <path
+                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          key="svg-down-svg-0"
+                                        />
+                                      </svg>
+                                    </IconReact>
+                                  </i>
+                                </LocaleReceiver>
+                              </Icon>
+                            </span>
+                          </div>
+                        </div>
+                      </Trigger>
+                    </SelectTrigger>
+                  </Select>
+                </Consumer>
+              </Select>
+              <Select
+                choiceTransitionName="zoom"
+                className="ant-fullcalendar-month-select"
+                dropdownMatchSelectWidth={false}
+                getPopupContainer={[Function]}
+                onChange={[Function]}
+                showSearch={false}
+                size="default"
+                transitionName="slide-up"
+                value="8"
+              >
+                <Consumer>
+                  <Select
+                    allowClear={false}
+                    autoClearSearchValue={true}
+                    backfill={false}
+                    choiceTransitionName="zoom"
+                    className="ant-fullcalendar-month-select"
+                    clearIcon={
+                      <Icon
+                        className="ant-select-clear-icon"
+                        theme="filled"
+                        type="close-circle"
+                      />
+                    }
+                    combobox={false}
+                    defaultActiveFirstOption={true}
+                    defaultOpen={false}
+                    dropdownMatchSelectWidth={false}
+                    dropdownMenuStyle={Object {}}
+                    dropdownRender={[Function]}
+                    dropdownStyle={Object {}}
+                    getPopupContainer={[Function]}
+                    inputIcon={
+                      <Icon
+                        className="ant-select-arrow-icon"
+                        type="down"
+                      />
+                    }
+                    labelInValue={false}
+                    menuItemSelectedIcon={
+                      <Icon
+                        className="ant-select-selected-icon"
+                        type="check"
+                      />
+                    }
+                    multiple={false}
+                    notFoundContent={
+                      <Consumer>
+                        [Function]
+                      </Consumer>
+                    }
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onDeselect={[Function]}
+                    onFocus={[Function]}
+                    onInputKeyDown={[Function]}
+                    onSearch={[Function]}
+                    onSelect={[Function]}
+                    optionFilterProp="value"
+                    optionLabelProp="children"
+                    placeholder=""
+                    prefixCls="ant-select"
+                    removeIcon={
+                      <Icon
+                        className="ant-select-remove-icon"
+                        type="close"
+                      />
+                    }
+                    showAction={
+                      Array [
+                        "click",
+                      ]
+                    }
+                    showSearch={false}
+                    tabIndex={0}
+                    tags={false}
+                    tokenSeparators={Array []}
+                    transitionName="slide-up"
+                    value="8"
+                  >
+                    <SelectTrigger
+                      ariaId="test-uuid"
+                      backfillValue=""
+                      combobox={false}
+                      defaultActiveFirstOption={true}
+                      dropdownMatchSelectWidth={false}
+                      dropdownMenuStyle={Object {}}
+                      dropdownRender={[Function]}
+                      dropdownStyle={Object {}}
+                      empty={false}
+                      getPopupContainer={[Function]}
+                      inputValue=""
+                      menuItemSelectedIcon={
+                        <Icon
+                          className="ant-select-selected-icon"
+                          type="check"
+                        />
+                      }
+                      multiple={false}
+                      onDropdownVisibleChange={[Function]}
+                      onMenuDeselect={[Function]}
+                      onMenuSelect={[Function]}
+                      onPopupFocus={[Function]}
+                      options={Array []}
+                      prefixCls="ant-select"
+                      showAction={
+                        Array [
+                          "click",
+                        ]
+                      }
+                      showSearch={false}
+                      transitionName="slide-up"
+                      value={
+                        Array [
+                          "8",
+                        ]
+                      }
+                      visible={false}
+                    >
+                      <Trigger
+                        action={Array []}
+                        afterPopupVisibleChange={[Function]}
+                        ariaId="test-uuid"
+                        backfillValue=""
+                        blurDelay={0.15}
+                        builtinPlacements={
+                          Object {
+                            "bottomLeft": Object {
+                              "offset": Array [
+                                0,
+                                4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "tl",
+                                "bl",
+                              ],
+                            },
+                            "topLeft": Object {
+                              "offset": Array [
+                                0,
+                                -4,
+                              ],
+                              "overflow": Object {
+                                "adjustX": 0,
+                                "adjustY": 1,
+                              },
+                              "points": Array [
+                                "bl",
+                                "tl",
+                              ],
+                            },
+                          }
+                        }
+                        combobox={false}
+                        defaultActiveFirstOption={true}
+                        defaultPopupVisible={false}
+                        destroyPopupOnHide={false}
+                        dropdownMatchSelectWidth={false}
+                        dropdownMenuStyle={Object {}}
+                        dropdownRender={[Function]}
+                        dropdownStyle={Object {}}
+                        focusDelay={0}
+                        getDocument={[Function]}
+                        getPopupClassNameFromAlign={[Function]}
+                        getPopupContainer={[Function]}
+                        hideAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        inputValue=""
+                        mask={false}
+                        maskClosable={true}
+                        menuItemSelectedIcon={
+                          <Icon
+                            className="ant-select-selected-icon"
+                            type="check"
+                          />
+                        }
+                        mouseEnterDelay={0}
+                        mouseLeaveDelay={0.1}
+                        multiple={false}
+                        onDropdownVisibleChange={[Function]}
+                        onMenuDeselect={[Function]}
+                        onMenuSelect={[Function]}
+                        onPopupAlign={[Function]}
+                        onPopupVisibleChange={[Function]}
+                        options={Array []}
+                        popup={
+                          <DropdownMenu
+                            ariaId="test-uuid"
+                            backfillValue=""
+                            defaultActiveFirstOption={true}
+                            dropdownMenuStyle={Object {}}
+                            inputValue=""
+                            menuItemSelectedIcon={
+                              <Icon
+                                className="ant-select-selected-icon"
+                                type="check"
+                              />
+                            }
+                            menuItems={Array []}
+                            multiple={false}
+                            onMenuDeselect={[Function]}
+                            onMenuSelect={[Function]}
+                            onPopupFocus={[Function]}
+                            prefixCls="ant-select-dropdown"
+                            value={
+                              Array [
+                                "8",
+                              ]
+                            }
+                            visible={false}
+                          />
+                        }
+                        popupAlign={Object {}}
+                        popupClassName="ant-select-dropdown--single"
+                        popupPlacement="bottomLeft"
+                        popupStyle={Object {}}
+                        popupTransitionName="slide-up"
+                        popupVisible={false}
+                        prefixCls="ant-select-dropdown"
+                        showAction={
+                          Array [
+                            "click",
+                          ]
+                        }
+                        showSearch={false}
+                        transitionName="slide-up"
+                        value={
+                          Array [
+                            "8",
+                          ]
+                        }
+                        visible={false}
+                      >
+                        <div
+                          className="ant-fullcalendar-month-select ant-select ant-select-enabled"
+                          key="trigger"
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseOut={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            aria-autocomplete="list"
+                            aria-controls="test-uuid"
+                            aria-expanded={false}
+                            aria-haspopup="true"
+                            className="ant-select-selection
+            ant-select-selection--single"
+                            key="selection"
+                            onKeyDown={[Function]}
+                            role="combobox"
+                            tabIndex={0}
+                          >
+                            <div
+                              className="ant-select-selection__rendered"
+                            >
+                              <div
+                                className="ant-select-selection-selected-value"
+                                key="value"
+                                style={
+                                  Object {
+                                    "display": "block",
+                                    "opacity": 1,
+                                  }
+                                }
+                                title="Sep"
+                              >
+                                Sep
+                              </div>
+                            </div>
+                            <span
+                              className="ant-select-arrow"
+                              key="arrow"
+                              onClick={[Function]}
+                              style={
+                                Object {
+                                  "WebkitUserSelect": "none",
+                                  "userSelect": "none",
+                                }
+                              }
+                              unselectable="on"
+                            >
+                              <Icon
+                                className="ant-select-arrow-icon"
+                                type="down"
+                              >
+                                <LocaleReceiver
+                                  componentName="Icon"
+                                >
+                                  <i
+                                    aria-label="icon: down"
+                                    className="anticon anticon-down ant-select-arrow-icon"
+                                  >
+                                    <IconReact
+                                      className=""
+                                      type="down-o"
+                                    >
+                                      <svg
+                                        aria-hidden="true"
+                                        className=""
+                                        data-icon="down"
+                                        fill="currentColor"
+                                        height="1em"
+                                        key="svg-down"
+                                        viewBox="64 64 896 896"
+                                        width="1em"
+                                      >
+                                        <path
+                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                                          key="svg-down-svg-0"
+                                        />
+                                      </svg>
+                                    </IconReact>
+                                  </i>
+                                </LocaleReceiver>
+                              </Icon>
+                            </span>
+                          </div>
+                        </div>
+                      </Trigger>
+                    </SelectTrigger>
+                  </Select>
+                </Consumer>
+              </Select>
+              <RadioGroup
+                buttonStyle="outline"
+                disabled={false}
+                onChange={[Function]}
+                size="default"
+                value="month"
+              >
+                <Consumer>
+                  <div
+                    className="ant-radio-group ant-radio-group-outline ant-radio-group-default"
+                  >
+                    <RadioButton
+                      value="month"
+                    >
+                      <Consumer>
+                        <Radio
+                          checked={true}
+                          disabled={false}
+                          prefixCls="ant-radio-button"
+                          type="radio"
+                          value="month"
+                        >
+                          <Consumer>
+                            <label
+                              className="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+                            >
+                              <Checkbox
+                                checked={true}
+                                className=""
+                                defaultChecked={false}
+                                disabled={false}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                prefixCls="ant-radio-button"
+                                style={Object {}}
+                                type="radio"
+                                value="month"
+                              >
+                                <span
+                                  className="ant-radio-button ant-radio-button-checked"
+                                  style={Object {}}
+                                >
+                                  <input
+                                    checked={true}
+                                    className="ant-radio-button-input"
+                                    disabled={false}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    type="radio"
+                                    value="month"
+                                  />
+                                  <span
+                                    className="ant-radio-button-inner"
+                                  />
+                                </span>
+                              </Checkbox>
+                              <span>
+                                Month
+                              </span>
+                            </label>
+                          </Consumer>
+                        </Radio>
+                      </Consumer>
+                    </RadioButton>
+                    <RadioButton
+                      value="year"
+                    >
+                      <Consumer>
+                        <Radio
+                          checked={false}
+                          disabled={false}
+                          prefixCls="ant-radio-button"
+                          type="radio"
+                          value="year"
+                        >
+                          <Consumer>
+                            <label
+                              className="ant-radio-button-wrapper"
+                            >
+                              <Checkbox
+                                checked={false}
+                                className=""
+                                defaultChecked={false}
+                                disabled={false}
+                                onBlur={[Function]}
+                                onChange={[Function]}
+                                onFocus={[Function]}
+                                prefixCls="ant-radio-button"
+                                style={Object {}}
+                                type="radio"
+                                value="year"
+                              >
+                                <span
+                                  className="ant-radio-button"
+                                  style={Object {}}
+                                >
+                                  <input
+                                    checked={false}
+                                    className="ant-radio-button-input"
+                                    disabled={false}
+                                    onBlur={[Function]}
+                                    onChange={[Function]}
+                                    onFocus={[Function]}
+                                    type="radio"
+                                    value="year"
+                                  />
+                                  <span
+                                    className="ant-radio-button-inner"
+                                  />
+                                </span>
+                              </Checkbox>
+                              <span>
+                                Year
+                              </span>
+                            </label>
+                          </Consumer>
+                        </Radio>
+                      </Consumer>
+                    </RadioButton>
+                  </div>
+                </Consumer>
+              </RadioGroup>
+            </div>
+          </Consumer>
+        </Header>
+        <CalendarMixinWrapper
+          Select={[Function]}
+          className=""
+          dateCellRender={[Function]}
+          defaultType="date"
+          fullscreen={true}
+          locale={
+            Object {
+              "backToToday": "Back to today",
+              "clear": "Clear",
+              "dateFormat": "M/D/YYYY",
+              "dateSelect": "select date",
+              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+              "dayFormat": "D",
+              "decadeSelect": "Choose a decade",
+              "month": "Month",
+              "monthBeforeYear": true,
+              "monthSelect": "Choose a month",
+              "nextCentury": "Next century",
+              "nextDecade": "Next decade",
+              "nextMonth": "Next month (PageDown)",
+              "nextYear": "Next year (Control + right)",
+              "now": "Now",
+              "ok": "Ok",
+              "placeholder": "Select date",
+              "previousCentury": "Last century",
+              "previousDecade": "Last decade",
+              "previousMonth": "Previous month (PageUp)",
+              "previousYear": "Last year (Control + left)",
+              "rangePlaceholder": Array [
+                "Start date",
+                "End date",
+              ],
+              "timeSelect": "select time",
+              "today": "Today",
+              "weekSelect": "Choose a week",
+              "year": "Year",
+              "yearFormat": "YYYY",
+              "yearSelect": "Choose a year",
+            }
+          }
+          monthCellRender={[Function]}
+          onChange={[Function]}
+          onClear={[Function]}
+          onKeyDown={[Function]}
+          onPanelChange={[MockFunction]}
+          onSelect={[Function]}
+          onTypeChange={[Function]}
+          prefixCls="ant-fullcalendar"
+          renderFooter={[Function]}
+          renderSidebar={[Function]}
+          showHeader={false}
+          showTypeSwitch={true}
+          style={Object {}}
+          type="date"
+          value={"1990-09-02T15:00:00.000Z"}
+          visible={true}
+        >
+          <div
+            className="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
+            style={Object {}}
+            tabIndex="0"
+          >
+            <div
+              className="ant-fullcalendar-calendar-body"
+              key="calendar-body"
+            >
+              <DateTable
+                dateRender={[Function]}
+                locale={
+                  Object {
+                    "backToToday": "Back to today",
+                    "clear": "Clear",
+                    "dateFormat": "M/D/YYYY",
+                    "dateSelect": "select date",
+                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+                    "dayFormat": "D",
+                    "decadeSelect": "Choose a decade",
+                    "month": "Month",
+                    "monthBeforeYear": true,
+                    "monthSelect": "Choose a month",
+                    "nextCentury": "Next century",
+                    "nextDecade": "Next decade",
+                    "nextMonth": "Next month (PageDown)",
+                    "nextYear": "Next year (Control + right)",
+                    "now": "Now",
+                    "ok": "Ok",
+                    "placeholder": "Select date",
+                    "previousCentury": "Last century",
+                    "previousDecade": "Last decade",
+                    "previousMonth": "Previous month (PageUp)",
+                    "previousYear": "Last year (Control + left)",
+                    "rangePlaceholder": Array [
+                      "Start date",
+                      "End date",
+                    ],
+                    "timeSelect": "select time",
+                    "today": "Today",
+                    "weekSelect": "Choose a week",
+                    "year": "Year",
+                    "yearFormat": "YYYY",
+                    "yearSelect": "Choose a year",
+                  }
+                }
+                onSelect={[Function]}
+                prefixCls="ant-fullcalendar"
+                value={"1990-09-02T15:00:00.000Z"}
+              >
+                <table
+                  cellSpacing="0"
+                  className="ant-fullcalendar-table"
+                  role="grid"
+                >
+                  <DateTHead
+                    dateRender={[Function]}
+                    locale={
+                      Object {
+                        "backToToday": "Back to today",
+                        "clear": "Clear",
+                        "dateFormat": "M/D/YYYY",
+                        "dateSelect": "select date",
+                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+                        "dayFormat": "D",
+                        "decadeSelect": "Choose a decade",
+                        "month": "Month",
+                        "monthBeforeYear": true,
+                        "monthSelect": "Choose a month",
+                        "nextCentury": "Next century",
+                        "nextDecade": "Next decade",
+                        "nextMonth": "Next month (PageDown)",
+                        "nextYear": "Next year (Control + right)",
+                        "now": "Now",
+                        "ok": "Ok",
+                        "placeholder": "Select date",
+                        "previousCentury": "Last century",
+                        "previousDecade": "Last decade",
+                        "previousMonth": "Previous month (PageUp)",
+                        "previousYear": "Last year (Control + left)",
+                        "rangePlaceholder": Array [
+                          "Start date",
+                          "End date",
+                        ],
+                        "timeSelect": "select time",
+                        "today": "Today",
+                        "weekSelect": "Choose a week",
+                        "year": "Year",
+                        "yearFormat": "YYYY",
+                        "yearSelect": "Choose a year",
+                      }
+                    }
+                    onSelect={[Function]}
+                    prefixCls="ant-fullcalendar"
+                    value={"1990-09-02T15:00:00.000Z"}
+                  >
+                    <thead>
+                      <tr
+                        role="row"
+                      >
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="0"
+                          role="columnheader"
+                          title="Sun"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Su
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="1"
+                          role="columnheader"
+                          title="Mon"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Mo
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="2"
+                          role="columnheader"
+                          title="Tue"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Tu
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="3"
+                          role="columnheader"
+                          title="Wed"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            We
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="4"
+                          role="columnheader"
+                          title="Thu"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Th
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="5"
+                          role="columnheader"
+                          title="Fri"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Fr
+                          </span>
+                        </th>
+                        <th
+                          className="ant-fullcalendar-column-header"
+                          key="6"
+                          role="columnheader"
+                          title="Sat"
+                        >
+                          <span
+                            className="ant-fullcalendar-column-header-inner"
+                          >
+                            Sa
+                          </span>
+                        </th>
+                      </tr>
+                    </thead>
+                  </DateTHead>
+                  <DateTBody
+                    dateRender={[Function]}
+                    hoverValue={Array []}
+                    locale={
+                      Object {
+                        "backToToday": "Back to today",
+                        "clear": "Clear",
+                        "dateFormat": "M/D/YYYY",
+                        "dateSelect": "select date",
+                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+                        "dayFormat": "D",
+                        "decadeSelect": "Choose a decade",
+                        "month": "Month",
+                        "monthBeforeYear": true,
+                        "monthSelect": "Choose a month",
+                        "nextCentury": "Next century",
+                        "nextDecade": "Next decade",
+                        "nextMonth": "Next month (PageDown)",
+                        "nextYear": "Next year (Control + right)",
+                        "now": "Now",
+                        "ok": "Ok",
+                        "placeholder": "Select date",
+                        "previousCentury": "Last century",
+                        "previousDecade": "Last decade",
+                        "previousMonth": "Previous month (PageUp)",
+                        "previousYear": "Last year (Control + left)",
+                        "rangePlaceholder": Array [
+                          "Start date",
+                          "End date",
+                        ],
+                        "timeSelect": "select time",
+                        "today": "Today",
+                        "weekSelect": "Choose a week",
+                        "year": "Year",
+                        "yearFormat": "YYYY",
+                        "yearSelect": "Choose a year",
+                      }
+                    }
+                    onSelect={[Function]}
+                    prefixCls="ant-fullcalendar"
+                    value={"1990-09-02T15:00:00.000Z"}
+                  >
+                    <tbody
+                      className="ant-fullcalendar-tbody"
+                    >
+                      <tr
+                        className=""
+                        key="0"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
+                          key="0"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 26, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              26
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
+                          key="1"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 27, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              27
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
+                          key="2"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 28, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              28
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
+                          key="3"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 29, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              29
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
+                          key="4"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 30, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              30
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
+                          key="5"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 31, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              31
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="6"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 1, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              01
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                      <tr
+                        className="ant-fullcalendar-active-week"
+                        key="1"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="7"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 2, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              02
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-selected-day"
+                          key="8"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 3, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              03
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="9"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 4, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              04
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="10"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 5, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              05
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="11"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 6, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              06
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="12"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 7, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              07
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="13"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 8, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              08
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                      <tr
+                        className=""
+                        key="2"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="14"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 9, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              09
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="15"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 10, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              10
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="16"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 11, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              11
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="17"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 12, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              12
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="18"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 13, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              13
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="19"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 14, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              14
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="20"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 15, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              15
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                      <tr
+                        className=""
+                        key="3"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="21"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 16, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              16
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="22"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 17, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              17
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="23"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 18, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              18
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="24"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 19, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              19
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="25"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 20, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              20
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="26"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 21, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              21
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="27"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 22, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              22
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                      <tr
+                        className=""
+                        key="4"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="28"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 23, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              23
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="29"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 24, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              24
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="30"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 25, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              25
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="31"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 26, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              26
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="32"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 27, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              27
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="33"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 28, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              28
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="34"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 29, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              29
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                      <tr
+                        className=""
+                        key="5"
+                        role="row"
+                      >
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
+                          key="35"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 30, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              30
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="36"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 1, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              01
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="37"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 2, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              02
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="38"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 3, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              03
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="39"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 4, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              04
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="40"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 5, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              05
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="41"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="October 6, 1990"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              06
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </DateTBody>
+                </table>
+              </DateTable>
+            </div>
+          </div>
+        </CalendarMixinWrapper>
+      </div>
+    </Consumer>
+  </LocaleReceiver>
+</Calendar>
+`;
+
+exports[`Calendar switch should work correctly without prop mode 2`] = `
 <Calendar
   fullscreen={true}
   locale={Object {}}
diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 7a5d919a07..b088761a41 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -166,6 +166,7 @@ describe('Calendar', () => {
     const onPanelChange = jest.fn();
     const date = new Moment('1990-09-03');
     const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
+    expect(wrapper).toMatchSnapshot();
     expect(wrapper.state().mode).toBe('month');
     wrapper
       .find('.ant-radio-button-input')

From 5b5008420f20c5a965746e2f4aa036e798708227 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 15:06:41 +0800
Subject: [PATCH 032/122] pref: update selector for more acurrate

---
 components/calendar/__tests__/index.test.js | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index b088761a41..63231df31c 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -168,10 +168,7 @@ describe('Calendar', () => {
     const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
     expect(wrapper).toMatchSnapshot();
     expect(wrapper.state().mode).toBe('month');
-    wrapper
-      .find('.ant-radio-button-input')
-      .at(1)
-      .simulate('change');
+    wrapper.find('.ant-radio-button-input[value="year"]').simulate('change');
     expect(wrapper).toMatchSnapshot();
     expect(onPanelChange).toBeCalled();
     expect(onPanelChange.mock.calls[0][1]).toEqual('year');

From e3da847f53ad1c613d969a9ff3539025262d4aa9 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 15:46:12 +0800
Subject: [PATCH 033/122] pref: update date using UTC

---
 .../__snapshots__/index.test.js.snap          | 964 +++++++++---------
 components/calendar/__tests__/index.test.js   |   2 +-
 2 files changed, 483 insertions(+), 483 deletions(-)

diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 558f7a317d..7f29ddc148 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -1049,7 +1049,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
   onChange={[Function]}
   onPanelChange={[MockFunction]}
   onSelect={[Function]}
-  value={"1990-09-02T15:00:00.000Z"}
+  value={"2017-08-09T08:00:00.000Z"}
 >
   <LocaleReceiver
     componentName="Calendar"
@@ -1100,7 +1100,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
           onValueChange={[Function]}
           prefixCls="ant-fullcalendar"
           type="month"
-          value={"1990-09-02T15:00:00.000Z"}
+          value={"2017-08-09T08:00:00.000Z"}
           yearSelectOffset={10}
           yearSelectTotal={20}
         >
@@ -1117,7 +1117,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                 showSearch={false}
                 size="default"
                 transitionName="slide-up"
-                value="1990"
+                value="2017"
               >
                 <Consumer>
                   <Select
@@ -1187,7 +1187,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                     tags={false}
                     tokenSeparators={Array []}
                     transitionName="slide-up"
-                    value="1990"
+                    value="2017"
                   >
                     <SelectTrigger
                       ariaId="test-uuid"
@@ -1223,7 +1223,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                       transitionName="slide-up"
                       value={
                         Array [
-                          "1990",
+                          "2017",
                         ]
                       }
                       visible={false}
@@ -1322,7 +1322,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             prefixCls="ant-select-dropdown"
                             value={
                               Array [
-                                "1990",
+                                "2017",
                               ]
                             }
                             visible={false}
@@ -1344,7 +1344,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         transitionName="slide-up"
                         value={
                           Array [
-                            "1990",
+                            "2017",
                           ]
                         }
                         visible={false}
@@ -1384,9 +1384,9 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                                     "opacity": 1,
                                   }
                                 }
-                                title="1990"
+                                title="2017"
                               >
-                                1990
+                                2017
                               </div>
                             </div>
                             <span
@@ -1452,7 +1452,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                 showSearch={false}
                 size="default"
                 transitionName="slide-up"
-                value="8"
+                value="7"
               >
                 <Consumer>
                   <Select
@@ -1522,7 +1522,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                     tags={false}
                     tokenSeparators={Array []}
                     transitionName="slide-up"
-                    value="8"
+                    value="7"
                   >
                     <SelectTrigger
                       ariaId="test-uuid"
@@ -1558,7 +1558,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                       transitionName="slide-up"
                       value={
                         Array [
-                          "8",
+                          "7",
                         ]
                       }
                       visible={false}
@@ -1657,7 +1657,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             prefixCls="ant-select-dropdown"
                             value={
                               Array [
-                                "8",
+                                "7",
                               ]
                             }
                             visible={false}
@@ -1679,7 +1679,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         transitionName="slide-up"
                         value={
                           Array [
-                            "8",
+                            "7",
                           ]
                         }
                         visible={false}
@@ -1719,9 +1719,9 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                                     "opacity": 1,
                                   }
                                 }
-                                title="Sep"
+                                title="Aug"
                               >
-                                Sep
+                                Aug
                               </div>
                             </div>
                             <span
@@ -1960,7 +1960,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
           showTypeSwitch={true}
           style={Object {}}
           type="date"
-          value={"1990-09-02T15:00:00.000Z"}
+          value={"2017-08-09T08:00:00.000Z"}
           visible={true}
         >
           <div
@@ -2011,7 +2011,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                 }
                 onSelect={[Function]}
                 prefixCls="ant-fullcalendar"
-                value={"1990-09-02T15:00:00.000Z"}
+                value={"2017-08-09T08:00:00.000Z"}
               >
                 <table
                   cellSpacing="0"
@@ -2057,7 +2057,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                     }
                     onSelect={[Function]}
                     prefixCls="ant-fullcalendar"
-                    value={"1990-09-02T15:00:00.000Z"}
+                    value={"2017-08-09T08:00:00.000Z"}
                   >
                     <thead>
                       <tr
@@ -2190,7 +2190,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                     }
                     onSelect={[Function]}
                     prefixCls="ant-fullcalendar"
-                    value={"1990-09-02T15:00:00.000Z"}
+                    value={"2017-08-09T08:00:00.000Z"}
                   >
                     <tbody
                       className="ant-fullcalendar-tbody"
@@ -2205,87 +2205,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           key="0"
                           onClick={[Function]}
                           role="gridcell"
-                          title="August 26, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              26
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
-                          key="1"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 27, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              27
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
-                          key="2"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 28, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              28
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
-                          key="3"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 29, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              29
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
-                          key="4"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 30, 1990"
+                          title="July 30, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2302,10 +2222,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
-                          key="5"
+                          key="1"
                           onClick={[Function]}
                           role="gridcell"
-                          title="August 31, 1990"
+                          title="July 31, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2322,10 +2242,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="6"
+                          key="2"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 1, 1990"
+                          title="August 1, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2340,6 +2260,86 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="3"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 2, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              02
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="4"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 3, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              03
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="5"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 4, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              04
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="6"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 5, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              05
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
                       </tr>
                       <tr
                         className="ant-fullcalendar-active-week"
@@ -2351,87 +2351,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           key="7"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 2, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              02
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-selected-day"
-                          key="8"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 3, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              03
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="9"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 4, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              04
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="10"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 5, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              05
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="11"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 6, 1990"
+                          title="August 6, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2448,10 +2368,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="12"
+                          key="8"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 7, 1990"
+                          title="August 7, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2468,10 +2388,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="13"
+                          key="9"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 8, 1990"
+                          title="August 8, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2486,6 +2406,86 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-selected-day"
+                          key="10"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 9, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              09
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="11"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 10, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              10
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="12"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 11, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              11
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="13"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 12, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              12
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
                       </tr>
                       <tr
                         className=""
@@ -2497,87 +2497,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           key="14"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 9, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              09
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="15"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 10, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              10
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="16"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 11, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              11
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="17"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 12, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              12
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="18"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 13, 1990"
+                          title="August 13, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2594,10 +2514,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="19"
+                          key="15"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 14, 1990"
+                          title="August 14, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2614,10 +2534,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="20"
+                          key="16"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 15, 1990"
+                          title="August 15, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2632,6 +2552,86 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="17"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 16, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              16
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="18"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 17, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              17
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="19"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 18, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              18
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="20"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 19, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              19
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
                       </tr>
                       <tr
                         className=""
@@ -2643,87 +2643,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           key="21"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 16, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              16
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="22"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 17, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              17
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="23"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 18, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              18
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="24"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 19, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              19
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="25"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 20, 1990"
+                          title="August 20, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2740,10 +2660,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="26"
+                          key="22"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 21, 1990"
+                          title="August 21, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2760,10 +2680,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="27"
+                          key="23"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 22, 1990"
+                          title="August 22, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2778,6 +2698,86 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="24"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 23, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              23
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="25"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 24, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              24
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="26"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 25, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              25
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell"
+                          key="27"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="August 26, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              26
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
                       </tr>
                       <tr
                         className=""
@@ -2789,87 +2789,7 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           key="28"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 23, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              23
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="29"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 24, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              24
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="30"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 25, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              25
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="31"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 26, 1990"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              26
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="32"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 27, 1990"
+                          title="August 27, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2886,10 +2806,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="33"
+                          key="29"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 28, 1990"
+                          title="August 28, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2906,10 +2826,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell"
-                          key="34"
+                          key="30"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 29, 1990"
+                          title="August 29, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2924,18 +2844,12 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
-                      </tr>
-                      <tr
-                        className=""
-                        key="5"
-                        role="row"
-                      >
                         <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
-                          key="35"
+                          className="ant-fullcalendar-cell"
+                          key="31"
                           onClick={[Function]}
                           role="gridcell"
-                          title="September 30, 1990"
+                          title="August 30, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2951,11 +2865,31 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                           </div>
                         </td>
                         <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="36"
+                          className="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
+                          key="32"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 1, 1990"
+                          title="August 31, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              31
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="33"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 1, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2972,10 +2906,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="37"
+                          key="34"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 2, 1990"
+                          title="September 2, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -2990,12 +2924,18 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                      </tr>
+                      <tr
+                        className=""
+                        key="5"
+                        role="row"
+                      >
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="38"
+                          key="35"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 3, 1990"
+                          title="September 3, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -3012,10 +2952,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="39"
+                          key="36"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 4, 1990"
+                          title="September 4, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -3032,10 +2972,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="40"
+                          key="37"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 5, 1990"
+                          title="September 5, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -3052,10 +2992,10 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                         </td>
                         <td
                           className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="41"
+                          key="38"
                           onClick={[Function]}
                           role="gridcell"
-                          title="October 6, 1990"
+                          title="September 6, 2017"
                         >
                           <div
                             className="ant-fullcalendar-date"
@@ -3070,6 +3010,66 @@ exports[`Calendar switch should work correctly without prop mode 1`] = `
                             />
                           </div>
                         </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="39"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 7, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              07
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="40"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 8, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              08
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
+                        <td
+                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
+                          key="41"
+                          onClick={[Function]}
+                          role="gridcell"
+                          title="September 9, 2017"
+                        >
+                          <div
+                            className="ant-fullcalendar-date"
+                          >
+                            <div
+                              className="ant-fullcalendar-value"
+                            >
+                              09
+                            </div>
+                            <div
+                              className="ant-fullcalendar-content"
+                            />
+                          </div>
+                        </td>
                       </tr>
                     </tbody>
                   </DateTBody>
@@ -3093,7 +3093,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
     [MockFunction] {
       "calls": Array [
         Array [
-          "1990-09-02T15:00:00.000Z",
+          "2017-08-09T08:00:00.000Z",
           "year",
         ],
       ],
@@ -3106,7 +3106,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
     }
   }
   onSelect={[Function]}
-  value={"1990-09-02T15:00:00.000Z"}
+  value={"2017-08-09T08:00:00.000Z"}
 >
   <LocaleReceiver
     componentName="Calendar"
@@ -3157,7 +3157,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
           onValueChange={[Function]}
           prefixCls="ant-fullcalendar"
           type="year"
-          value={"1990-09-02T15:00:00.000Z"}
+          value={"2017-08-09T08:00:00.000Z"}
           yearSelectOffset={10}
           yearSelectTotal={20}
         >
@@ -3174,7 +3174,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                 showSearch={false}
                 size="default"
                 transitionName="slide-up"
-                value="1990"
+                value="2017"
               >
                 <Consumer>
                   <Select
@@ -3244,7 +3244,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                     tags={false}
                     tokenSeparators={Array []}
                     transitionName="slide-up"
-                    value="1990"
+                    value="2017"
                   >
                     <SelectTrigger
                       ariaId="test-uuid"
@@ -3280,7 +3280,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                       transitionName="slide-up"
                       value={
                         Array [
-                          "1990",
+                          "2017",
                         ]
                       }
                       visible={false}
@@ -3379,7 +3379,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                             prefixCls="ant-select-dropdown"
                             value={
                               Array [
-                                "1990",
+                                "2017",
                               ]
                             }
                             visible={false}
@@ -3401,7 +3401,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                         transitionName="slide-up"
                         value={
                           Array [
-                            "1990",
+                            "2017",
                           ]
                         }
                         visible={false}
@@ -3441,9 +3441,9 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                                     "opacity": 1,
                                   }
                                 }
-                                title="1990"
+                                title="2017"
                               >
-                                1990
+                                2017
                               </div>
                             </div>
                             <span
@@ -3676,7 +3676,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
             [MockFunction] {
               "calls": Array [
                 Array [
-                  "1990-09-02T15:00:00.000Z",
+                  "2017-08-09T08:00:00.000Z",
                   "year",
                 ],
               ],
@@ -3697,7 +3697,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
           showTypeSwitch={true}
           style={Object {}}
           type="month"
-          value={"1990-09-02T15:00:00.000Z"}
+          value={"2017-08-09T08:00:00.000Z"}
           visible={true}
         >
           <div
@@ -3748,7 +3748,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                 }
                 onSelect={[Function]}
                 prefixCls="ant-fullcalendar-month-panel"
-                value={"1990-09-02T15:00:00.000Z"}
+                value={"2017-08-09T08:00:00.000Z"}
               >
                 <table
                   cellSpacing="0"
@@ -3913,7 +3913,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                         </div>
                       </td>
                       <td
-                        className="ant-fullcalendar-month-panel-cell"
+                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell"
                         key="7"
                         onClick={[Function]}
                         role="gridcell"
@@ -3933,7 +3933,7 @@ exports[`Calendar switch should work correctly without prop mode 2`] = `
                         </div>
                       </td>
                       <td
-                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell"
+                        className="ant-fullcalendar-month-panel-cell"
                         key="8"
                         onClick={[Function]}
                         role="gridcell"
diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 63231df31c..91d076a690 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -164,7 +164,7 @@ describe('Calendar', () => {
 
   it('switch should work correctly without prop mode', () => {
     const onPanelChange = jest.fn();
-    const date = new Moment('1990-09-03');
+    const date = new Moment(new Date(Date.UTC(2017, 7, 9, 8)));
     const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
     expect(wrapper).toMatchSnapshot();
     expect(wrapper.state().mode).toBe('month');

From 3f6f1c1f003aa87c359d10bc7882436731c89128 Mon Sep 17 00:00:00 2001
From: Cemre Mengu <cemremengu@gmail.com>
Date: Tue, 12 Mar 2019 11:30:38 +0300
Subject: [PATCH 034/122] Specify type for defaultOpenKeys

---
 components/menu/index.zh-CN.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/menu/index.zh-CN.md b/components/menu/index.zh-CN.md
index 5ae14bb705..08b20625ef 100644
--- a/components/menu/index.zh-CN.md
+++ b/components/menu/index.zh-CN.md
@@ -29,7 +29,7 @@ subtitle: 导航菜单
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| defaultOpenKeys | 初始展开的 SubMenu 菜单项 key 数组 |  |  |
+| defaultOpenKeys | 初始展开的 SubMenu 菜单项 key 数组 | string\[] |  |
 | defaultSelectedKeys | 初始选中的菜单项 key 数组 | string\[] |  |
 | forceSubMenuRender | 在子菜单展示之前就渲染进 DOM | boolean | false |
 | inlineCollapsed | inline 时菜单是否收起状态 | boolean | - |

From b8a19180aab118832c73272f04a5fef03bc63043 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 16:31:29 +0800
Subject: [PATCH 035/122] try: to fix stackoverflow in react 15

---
 components/calendar/__tests__/index.test.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 91d076a690..425f54d2f3 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -162,13 +162,17 @@ describe('Calendar', () => {
     expect(onPanelChange.mock.calls[0][0].month()).toEqual(date.month() - 1);
   });
 
-  it('switch should work correctly without prop mode', () => {
+  it('switch should work correctly without prop mode', async () => {
     const onPanelChange = jest.fn();
     const date = new Moment(new Date(Date.UTC(2017, 7, 9, 8)));
     const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
     expect(wrapper).toMatchSnapshot();
     expect(wrapper.state().mode).toBe('month');
     wrapper.find('.ant-radio-button-input[value="year"]').simulate('change');
+    // https://github.com/airbnb/enzyme/issues/1153#issuecomment-471401030
+    // try to fix heap out of memory in react 15
+    await wrapper.instance().forceUpdate();
+    wrapper.update();
     expect(wrapper).toMatchSnapshot();
     expect(onPanelChange).toBeCalled();
     expect(onPanelChange.mock.calls[0][1]).toEqual('year');

From c1d58f43bf2087eccd1b790a8254f9118120dd02 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 16:55:39 +0800
Subject: [PATCH 036/122] refactor: unify type => mode

---
 components/calendar/index.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/components/calendar/index.tsx b/components/calendar/index.tsx
index ece2866c74..65ae98fb60 100644
--- a/components/calendar/index.tsx
+++ b/components/calendar/index.tsx
@@ -144,17 +144,13 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
     }
   };
 
-  setType = (mode: CalendarMode) => {
-    this.setState({ mode });
-    this.onPanelChange(this.state.value, mode);
-  };
-
   onHeaderValueChange = (value: moment.Moment) => {
     this.setValue(value, 'changePanel');
   };
 
-  onHeaderTypeChange = (type: CalendarMode) => {
-    this.setType(type);
+  onHeaderTypeChange = (mode: CalendarMode) => {
+    this.setState({ mode });
+    this.onPanelChange(this.state.value, mode);
   };
 
   onPanelChange(value: moment.Moment, mode: CalendarMode | undefined) {
@@ -212,8 +208,6 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
       dateFullCellRender,
       monthFullCellRender,
     } = props;
-    const type = mode === 'year' ? 'month' : 'date';
-
     const monthCellRender = monthFullCellRender || this.monthCellRender;
     const dateCellRender = dateFullCellRender || this.dateCellRender;
 
@@ -255,7 +249,7 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
                 disabledDate={disabledDate}
                 Select={noop}
                 locale={locale.lang}
-                type={type}
+                type={mode === 'year' ? 'month' : 'date'}
                 prefixCls={prefixCls}
                 showHeader={false}
                 value={value}

From 5c1c4e750248f9a260219aa1eb45d4ba3c9ffd50 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Tue, 12 Mar 2019 17:01:11 +0800
Subject: [PATCH 037/122] test: remove snapshots to fix ci problem in react 15

---
 .../__snapshots__/index.test.js.snap          | 2988 -----------------
 components/calendar/__tests__/index.test.js   |   10 +-
 2 files changed, 4 insertions(+), 2994 deletions(-)

diff --git a/components/calendar/__tests__/__snapshots__/index.test.js.snap b/components/calendar/__tests__/__snapshots__/index.test.js.snap
index 7f29ddc148..4054422fde 100644
--- a/components/calendar/__tests__/__snapshots__/index.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/index.test.js.snap
@@ -1041,2991 +1041,3 @@ exports[`Calendar Calendar should support locale 1`] = `
   </div>
 </div>
 `;
-
-exports[`Calendar switch should work correctly without prop mode 1`] = `
-<Calendar
-  fullscreen={true}
-  locale={Object {}}
-  onChange={[Function]}
-  onPanelChange={[MockFunction]}
-  onSelect={[Function]}
-  value={"2017-08-09T08:00:00.000Z"}
->
-  <LocaleReceiver
-    componentName="Calendar"
-    defaultLocale={[Function]}
-  >
-    <Consumer>
-      <div
-        className=" ant-fullcalendar-fullscreen"
-      >
-        <Header
-          fullscreen={true}
-          locale={
-            Object {
-              "backToToday": "Back to today",
-              "clear": "Clear",
-              "dateFormat": "M/D/YYYY",
-              "dateSelect": "select date",
-              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-              "dayFormat": "D",
-              "decadeSelect": "Choose a decade",
-              "month": "Month",
-              "monthBeforeYear": true,
-              "monthSelect": "Choose a month",
-              "nextCentury": "Next century",
-              "nextDecade": "Next decade",
-              "nextMonth": "Next month (PageDown)",
-              "nextYear": "Next year (Control + right)",
-              "now": "Now",
-              "ok": "Ok",
-              "placeholder": "Select date",
-              "previousCentury": "Last century",
-              "previousDecade": "Last decade",
-              "previousMonth": "Previous month (PageUp)",
-              "previousYear": "Last year (Control + left)",
-              "rangePlaceholder": Array [
-                "Start date",
-                "End date",
-              ],
-              "timeSelect": "select time",
-              "today": "Today",
-              "weekSelect": "Choose a week",
-              "year": "Year",
-              "yearFormat": "YYYY",
-              "yearSelect": "Choose a year",
-            }
-          }
-          onTypeChange={[Function]}
-          onValueChange={[Function]}
-          prefixCls="ant-fullcalendar"
-          type="month"
-          value={"2017-08-09T08:00:00.000Z"}
-          yearSelectOffset={10}
-          yearSelectTotal={20}
-        >
-          <Consumer>
-            <div
-              className="ant-fullcalendar-header"
-            >
-              <Select
-                choiceTransitionName="zoom"
-                className="ant-fullcalendar-year-select"
-                dropdownMatchSelectWidth={false}
-                getPopupContainer={[Function]}
-                onChange={[Function]}
-                showSearch={false}
-                size="default"
-                transitionName="slide-up"
-                value="2017"
-              >
-                <Consumer>
-                  <Select
-                    allowClear={false}
-                    autoClearSearchValue={true}
-                    backfill={false}
-                    choiceTransitionName="zoom"
-                    className="ant-fullcalendar-year-select"
-                    clearIcon={
-                      <Icon
-                        className="ant-select-clear-icon"
-                        theme="filled"
-                        type="close-circle"
-                      />
-                    }
-                    combobox={false}
-                    defaultActiveFirstOption={true}
-                    defaultOpen={false}
-                    dropdownMatchSelectWidth={false}
-                    dropdownMenuStyle={Object {}}
-                    dropdownRender={[Function]}
-                    dropdownStyle={Object {}}
-                    getPopupContainer={[Function]}
-                    inputIcon={
-                      <Icon
-                        className="ant-select-arrow-icon"
-                        type="down"
-                      />
-                    }
-                    labelInValue={false}
-                    menuItemSelectedIcon={
-                      <Icon
-                        className="ant-select-selected-icon"
-                        type="check"
-                      />
-                    }
-                    multiple={false}
-                    notFoundContent={
-                      <Consumer>
-                        [Function]
-                      </Consumer>
-                    }
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onDeselect={[Function]}
-                    onFocus={[Function]}
-                    onInputKeyDown={[Function]}
-                    onSearch={[Function]}
-                    onSelect={[Function]}
-                    optionFilterProp="value"
-                    optionLabelProp="children"
-                    placeholder=""
-                    prefixCls="ant-select"
-                    removeIcon={
-                      <Icon
-                        className="ant-select-remove-icon"
-                        type="close"
-                      />
-                    }
-                    showAction={
-                      Array [
-                        "click",
-                      ]
-                    }
-                    showSearch={false}
-                    tabIndex={0}
-                    tags={false}
-                    tokenSeparators={Array []}
-                    transitionName="slide-up"
-                    value="2017"
-                  >
-                    <SelectTrigger
-                      ariaId="test-uuid"
-                      backfillValue=""
-                      combobox={false}
-                      defaultActiveFirstOption={true}
-                      dropdownMatchSelectWidth={false}
-                      dropdownMenuStyle={Object {}}
-                      dropdownRender={[Function]}
-                      dropdownStyle={Object {}}
-                      empty={false}
-                      getPopupContainer={[Function]}
-                      inputValue=""
-                      menuItemSelectedIcon={
-                        <Icon
-                          className="ant-select-selected-icon"
-                          type="check"
-                        />
-                      }
-                      multiple={false}
-                      onDropdownVisibleChange={[Function]}
-                      onMenuDeselect={[Function]}
-                      onMenuSelect={[Function]}
-                      onPopupFocus={[Function]}
-                      options={Array []}
-                      prefixCls="ant-select"
-                      showAction={
-                        Array [
-                          "click",
-                        ]
-                      }
-                      showSearch={false}
-                      transitionName="slide-up"
-                      value={
-                        Array [
-                          "2017",
-                        ]
-                      }
-                      visible={false}
-                    >
-                      <Trigger
-                        action={Array []}
-                        afterPopupVisibleChange={[Function]}
-                        ariaId="test-uuid"
-                        backfillValue=""
-                        blurDelay={0.15}
-                        builtinPlacements={
-                          Object {
-                            "bottomLeft": Object {
-                              "offset": Array [
-                                0,
-                                4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "tl",
-                                "bl",
-                              ],
-                            },
-                            "topLeft": Object {
-                              "offset": Array [
-                                0,
-                                -4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "bl",
-                                "tl",
-                              ],
-                            },
-                          }
-                        }
-                        combobox={false}
-                        defaultActiveFirstOption={true}
-                        defaultPopupVisible={false}
-                        destroyPopupOnHide={false}
-                        dropdownMatchSelectWidth={false}
-                        dropdownMenuStyle={Object {}}
-                        dropdownRender={[Function]}
-                        dropdownStyle={Object {}}
-                        focusDelay={0}
-                        getDocument={[Function]}
-                        getPopupClassNameFromAlign={[Function]}
-                        getPopupContainer={[Function]}
-                        hideAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        inputValue=""
-                        mask={false}
-                        maskClosable={true}
-                        menuItemSelectedIcon={
-                          <Icon
-                            className="ant-select-selected-icon"
-                            type="check"
-                          />
-                        }
-                        mouseEnterDelay={0}
-                        mouseLeaveDelay={0.1}
-                        multiple={false}
-                        onDropdownVisibleChange={[Function]}
-                        onMenuDeselect={[Function]}
-                        onMenuSelect={[Function]}
-                        onPopupAlign={[Function]}
-                        onPopupVisibleChange={[Function]}
-                        options={Array []}
-                        popup={
-                          <DropdownMenu
-                            ariaId="test-uuid"
-                            backfillValue=""
-                            defaultActiveFirstOption={true}
-                            dropdownMenuStyle={Object {}}
-                            inputValue=""
-                            menuItemSelectedIcon={
-                              <Icon
-                                className="ant-select-selected-icon"
-                                type="check"
-                              />
-                            }
-                            menuItems={Array []}
-                            multiple={false}
-                            onMenuDeselect={[Function]}
-                            onMenuSelect={[Function]}
-                            onPopupFocus={[Function]}
-                            prefixCls="ant-select-dropdown"
-                            value={
-                              Array [
-                                "2017",
-                              ]
-                            }
-                            visible={false}
-                          />
-                        }
-                        popupAlign={Object {}}
-                        popupClassName="ant-select-dropdown--single"
-                        popupPlacement="bottomLeft"
-                        popupStyle={Object {}}
-                        popupTransitionName="slide-up"
-                        popupVisible={false}
-                        prefixCls="ant-select-dropdown"
-                        showAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        showSearch={false}
-                        transitionName="slide-up"
-                        value={
-                          Array [
-                            "2017",
-                          ]
-                        }
-                        visible={false}
-                      >
-                        <div
-                          className="ant-fullcalendar-year-select ant-select ant-select-enabled"
-                          key="trigger"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchStart={[Function]}
-                        >
-                          <div
-                            aria-autocomplete="list"
-                            aria-controls="test-uuid"
-                            aria-expanded={false}
-                            aria-haspopup="true"
-                            className="ant-select-selection
-            ant-select-selection--single"
-                            key="selection"
-                            onKeyDown={[Function]}
-                            role="combobox"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="ant-select-selection__rendered"
-                            >
-                              <div
-                                className="ant-select-selection-selected-value"
-                                key="value"
-                                style={
-                                  Object {
-                                    "display": "block",
-                                    "opacity": 1,
-                                  }
-                                }
-                                title="2017"
-                              >
-                                2017
-                              </div>
-                            </div>
-                            <span
-                              className="ant-select-arrow"
-                              key="arrow"
-                              onClick={[Function]}
-                              style={
-                                Object {
-                                  "WebkitUserSelect": "none",
-                                  "userSelect": "none",
-                                }
-                              }
-                              unselectable="on"
-                            >
-                              <Icon
-                                className="ant-select-arrow-icon"
-                                type="down"
-                              >
-                                <LocaleReceiver
-                                  componentName="Icon"
-                                >
-                                  <i
-                                    aria-label="icon: down"
-                                    className="anticon anticon-down ant-select-arrow-icon"
-                                  >
-                                    <IconReact
-                                      className=""
-                                      type="down-o"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className=""
-                                        data-icon="down"
-                                        fill="currentColor"
-                                        height="1em"
-                                        key="svg-down"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                          key="svg-down-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </i>
-                                </LocaleReceiver>
-                              </Icon>
-                            </span>
-                          </div>
-                        </div>
-                      </Trigger>
-                    </SelectTrigger>
-                  </Select>
-                </Consumer>
-              </Select>
-              <Select
-                choiceTransitionName="zoom"
-                className="ant-fullcalendar-month-select"
-                dropdownMatchSelectWidth={false}
-                getPopupContainer={[Function]}
-                onChange={[Function]}
-                showSearch={false}
-                size="default"
-                transitionName="slide-up"
-                value="7"
-              >
-                <Consumer>
-                  <Select
-                    allowClear={false}
-                    autoClearSearchValue={true}
-                    backfill={false}
-                    choiceTransitionName="zoom"
-                    className="ant-fullcalendar-month-select"
-                    clearIcon={
-                      <Icon
-                        className="ant-select-clear-icon"
-                        theme="filled"
-                        type="close-circle"
-                      />
-                    }
-                    combobox={false}
-                    defaultActiveFirstOption={true}
-                    defaultOpen={false}
-                    dropdownMatchSelectWidth={false}
-                    dropdownMenuStyle={Object {}}
-                    dropdownRender={[Function]}
-                    dropdownStyle={Object {}}
-                    getPopupContainer={[Function]}
-                    inputIcon={
-                      <Icon
-                        className="ant-select-arrow-icon"
-                        type="down"
-                      />
-                    }
-                    labelInValue={false}
-                    menuItemSelectedIcon={
-                      <Icon
-                        className="ant-select-selected-icon"
-                        type="check"
-                      />
-                    }
-                    multiple={false}
-                    notFoundContent={
-                      <Consumer>
-                        [Function]
-                      </Consumer>
-                    }
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onDeselect={[Function]}
-                    onFocus={[Function]}
-                    onInputKeyDown={[Function]}
-                    onSearch={[Function]}
-                    onSelect={[Function]}
-                    optionFilterProp="value"
-                    optionLabelProp="children"
-                    placeholder=""
-                    prefixCls="ant-select"
-                    removeIcon={
-                      <Icon
-                        className="ant-select-remove-icon"
-                        type="close"
-                      />
-                    }
-                    showAction={
-                      Array [
-                        "click",
-                      ]
-                    }
-                    showSearch={false}
-                    tabIndex={0}
-                    tags={false}
-                    tokenSeparators={Array []}
-                    transitionName="slide-up"
-                    value="7"
-                  >
-                    <SelectTrigger
-                      ariaId="test-uuid"
-                      backfillValue=""
-                      combobox={false}
-                      defaultActiveFirstOption={true}
-                      dropdownMatchSelectWidth={false}
-                      dropdownMenuStyle={Object {}}
-                      dropdownRender={[Function]}
-                      dropdownStyle={Object {}}
-                      empty={false}
-                      getPopupContainer={[Function]}
-                      inputValue=""
-                      menuItemSelectedIcon={
-                        <Icon
-                          className="ant-select-selected-icon"
-                          type="check"
-                        />
-                      }
-                      multiple={false}
-                      onDropdownVisibleChange={[Function]}
-                      onMenuDeselect={[Function]}
-                      onMenuSelect={[Function]}
-                      onPopupFocus={[Function]}
-                      options={Array []}
-                      prefixCls="ant-select"
-                      showAction={
-                        Array [
-                          "click",
-                        ]
-                      }
-                      showSearch={false}
-                      transitionName="slide-up"
-                      value={
-                        Array [
-                          "7",
-                        ]
-                      }
-                      visible={false}
-                    >
-                      <Trigger
-                        action={Array []}
-                        afterPopupVisibleChange={[Function]}
-                        ariaId="test-uuid"
-                        backfillValue=""
-                        blurDelay={0.15}
-                        builtinPlacements={
-                          Object {
-                            "bottomLeft": Object {
-                              "offset": Array [
-                                0,
-                                4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "tl",
-                                "bl",
-                              ],
-                            },
-                            "topLeft": Object {
-                              "offset": Array [
-                                0,
-                                -4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "bl",
-                                "tl",
-                              ],
-                            },
-                          }
-                        }
-                        combobox={false}
-                        defaultActiveFirstOption={true}
-                        defaultPopupVisible={false}
-                        destroyPopupOnHide={false}
-                        dropdownMatchSelectWidth={false}
-                        dropdownMenuStyle={Object {}}
-                        dropdownRender={[Function]}
-                        dropdownStyle={Object {}}
-                        focusDelay={0}
-                        getDocument={[Function]}
-                        getPopupClassNameFromAlign={[Function]}
-                        getPopupContainer={[Function]}
-                        hideAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        inputValue=""
-                        mask={false}
-                        maskClosable={true}
-                        menuItemSelectedIcon={
-                          <Icon
-                            className="ant-select-selected-icon"
-                            type="check"
-                          />
-                        }
-                        mouseEnterDelay={0}
-                        mouseLeaveDelay={0.1}
-                        multiple={false}
-                        onDropdownVisibleChange={[Function]}
-                        onMenuDeselect={[Function]}
-                        onMenuSelect={[Function]}
-                        onPopupAlign={[Function]}
-                        onPopupVisibleChange={[Function]}
-                        options={Array []}
-                        popup={
-                          <DropdownMenu
-                            ariaId="test-uuid"
-                            backfillValue=""
-                            defaultActiveFirstOption={true}
-                            dropdownMenuStyle={Object {}}
-                            inputValue=""
-                            menuItemSelectedIcon={
-                              <Icon
-                                className="ant-select-selected-icon"
-                                type="check"
-                              />
-                            }
-                            menuItems={Array []}
-                            multiple={false}
-                            onMenuDeselect={[Function]}
-                            onMenuSelect={[Function]}
-                            onPopupFocus={[Function]}
-                            prefixCls="ant-select-dropdown"
-                            value={
-                              Array [
-                                "7",
-                              ]
-                            }
-                            visible={false}
-                          />
-                        }
-                        popupAlign={Object {}}
-                        popupClassName="ant-select-dropdown--single"
-                        popupPlacement="bottomLeft"
-                        popupStyle={Object {}}
-                        popupTransitionName="slide-up"
-                        popupVisible={false}
-                        prefixCls="ant-select-dropdown"
-                        showAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        showSearch={false}
-                        transitionName="slide-up"
-                        value={
-                          Array [
-                            "7",
-                          ]
-                        }
-                        visible={false}
-                      >
-                        <div
-                          className="ant-fullcalendar-month-select ant-select ant-select-enabled"
-                          key="trigger"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchStart={[Function]}
-                        >
-                          <div
-                            aria-autocomplete="list"
-                            aria-controls="test-uuid"
-                            aria-expanded={false}
-                            aria-haspopup="true"
-                            className="ant-select-selection
-            ant-select-selection--single"
-                            key="selection"
-                            onKeyDown={[Function]}
-                            role="combobox"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="ant-select-selection__rendered"
-                            >
-                              <div
-                                className="ant-select-selection-selected-value"
-                                key="value"
-                                style={
-                                  Object {
-                                    "display": "block",
-                                    "opacity": 1,
-                                  }
-                                }
-                                title="Aug"
-                              >
-                                Aug
-                              </div>
-                            </div>
-                            <span
-                              className="ant-select-arrow"
-                              key="arrow"
-                              onClick={[Function]}
-                              style={
-                                Object {
-                                  "WebkitUserSelect": "none",
-                                  "userSelect": "none",
-                                }
-                              }
-                              unselectable="on"
-                            >
-                              <Icon
-                                className="ant-select-arrow-icon"
-                                type="down"
-                              >
-                                <LocaleReceiver
-                                  componentName="Icon"
-                                >
-                                  <i
-                                    aria-label="icon: down"
-                                    className="anticon anticon-down ant-select-arrow-icon"
-                                  >
-                                    <IconReact
-                                      className=""
-                                      type="down-o"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className=""
-                                        data-icon="down"
-                                        fill="currentColor"
-                                        height="1em"
-                                        key="svg-down"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                          key="svg-down-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </i>
-                                </LocaleReceiver>
-                              </Icon>
-                            </span>
-                          </div>
-                        </div>
-                      </Trigger>
-                    </SelectTrigger>
-                  </Select>
-                </Consumer>
-              </Select>
-              <RadioGroup
-                buttonStyle="outline"
-                disabled={false}
-                onChange={[Function]}
-                size="default"
-                value="month"
-              >
-                <Consumer>
-                  <div
-                    className="ant-radio-group ant-radio-group-outline ant-radio-group-default"
-                  >
-                    <RadioButton
-                      value="month"
-                    >
-                      <Consumer>
-                        <Radio
-                          checked={true}
-                          disabled={false}
-                          prefixCls="ant-radio-button"
-                          type="radio"
-                          value="month"
-                        >
-                          <Consumer>
-                            <label
-                              className="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
-                            >
-                              <Checkbox
-                                checked={true}
-                                className=""
-                                defaultChecked={false}
-                                disabled={false}
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                prefixCls="ant-radio-button"
-                                style={Object {}}
-                                type="radio"
-                                value="month"
-                              >
-                                <span
-                                  className="ant-radio-button ant-radio-button-checked"
-                                  style={Object {}}
-                                >
-                                  <input
-                                    checked={true}
-                                    className="ant-radio-button-input"
-                                    disabled={false}
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    type="radio"
-                                    value="month"
-                                  />
-                                  <span
-                                    className="ant-radio-button-inner"
-                                  />
-                                </span>
-                              </Checkbox>
-                              <span>
-                                Month
-                              </span>
-                            </label>
-                          </Consumer>
-                        </Radio>
-                      </Consumer>
-                    </RadioButton>
-                    <RadioButton
-                      value="year"
-                    >
-                      <Consumer>
-                        <Radio
-                          checked={false}
-                          disabled={false}
-                          prefixCls="ant-radio-button"
-                          type="radio"
-                          value="year"
-                        >
-                          <Consumer>
-                            <label
-                              className="ant-radio-button-wrapper"
-                            >
-                              <Checkbox
-                                checked={false}
-                                className=""
-                                defaultChecked={false}
-                                disabled={false}
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                prefixCls="ant-radio-button"
-                                style={Object {}}
-                                type="radio"
-                                value="year"
-                              >
-                                <span
-                                  className="ant-radio-button"
-                                  style={Object {}}
-                                >
-                                  <input
-                                    checked={false}
-                                    className="ant-radio-button-input"
-                                    disabled={false}
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    type="radio"
-                                    value="year"
-                                  />
-                                  <span
-                                    className="ant-radio-button-inner"
-                                  />
-                                </span>
-                              </Checkbox>
-                              <span>
-                                Year
-                              </span>
-                            </label>
-                          </Consumer>
-                        </Radio>
-                      </Consumer>
-                    </RadioButton>
-                  </div>
-                </Consumer>
-              </RadioGroup>
-            </div>
-          </Consumer>
-        </Header>
-        <CalendarMixinWrapper
-          Select={[Function]}
-          className=""
-          dateCellRender={[Function]}
-          defaultType="date"
-          fullscreen={true}
-          locale={
-            Object {
-              "backToToday": "Back to today",
-              "clear": "Clear",
-              "dateFormat": "M/D/YYYY",
-              "dateSelect": "select date",
-              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-              "dayFormat": "D",
-              "decadeSelect": "Choose a decade",
-              "month": "Month",
-              "monthBeforeYear": true,
-              "monthSelect": "Choose a month",
-              "nextCentury": "Next century",
-              "nextDecade": "Next decade",
-              "nextMonth": "Next month (PageDown)",
-              "nextYear": "Next year (Control + right)",
-              "now": "Now",
-              "ok": "Ok",
-              "placeholder": "Select date",
-              "previousCentury": "Last century",
-              "previousDecade": "Last decade",
-              "previousMonth": "Previous month (PageUp)",
-              "previousYear": "Last year (Control + left)",
-              "rangePlaceholder": Array [
-                "Start date",
-                "End date",
-              ],
-              "timeSelect": "select time",
-              "today": "Today",
-              "weekSelect": "Choose a week",
-              "year": "Year",
-              "yearFormat": "YYYY",
-              "yearSelect": "Choose a year",
-            }
-          }
-          monthCellRender={[Function]}
-          onChange={[Function]}
-          onClear={[Function]}
-          onKeyDown={[Function]}
-          onPanelChange={[MockFunction]}
-          onSelect={[Function]}
-          onTypeChange={[Function]}
-          prefixCls="ant-fullcalendar"
-          renderFooter={[Function]}
-          renderSidebar={[Function]}
-          showHeader={false}
-          showTypeSwitch={true}
-          style={Object {}}
-          type="date"
-          value={"2017-08-09T08:00:00.000Z"}
-          visible={true}
-        >
-          <div
-            className="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
-            style={Object {}}
-            tabIndex="0"
-          >
-            <div
-              className="ant-fullcalendar-calendar-body"
-              key="calendar-body"
-            >
-              <DateTable
-                dateRender={[Function]}
-                locale={
-                  Object {
-                    "backToToday": "Back to today",
-                    "clear": "Clear",
-                    "dateFormat": "M/D/YYYY",
-                    "dateSelect": "select date",
-                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                    "dayFormat": "D",
-                    "decadeSelect": "Choose a decade",
-                    "month": "Month",
-                    "monthBeforeYear": true,
-                    "monthSelect": "Choose a month",
-                    "nextCentury": "Next century",
-                    "nextDecade": "Next decade",
-                    "nextMonth": "Next month (PageDown)",
-                    "nextYear": "Next year (Control + right)",
-                    "now": "Now",
-                    "ok": "Ok",
-                    "placeholder": "Select date",
-                    "previousCentury": "Last century",
-                    "previousDecade": "Last decade",
-                    "previousMonth": "Previous month (PageUp)",
-                    "previousYear": "Last year (Control + left)",
-                    "rangePlaceholder": Array [
-                      "Start date",
-                      "End date",
-                    ],
-                    "timeSelect": "select time",
-                    "today": "Today",
-                    "weekSelect": "Choose a week",
-                    "year": "Year",
-                    "yearFormat": "YYYY",
-                    "yearSelect": "Choose a year",
-                  }
-                }
-                onSelect={[Function]}
-                prefixCls="ant-fullcalendar"
-                value={"2017-08-09T08:00:00.000Z"}
-              >
-                <table
-                  cellSpacing="0"
-                  className="ant-fullcalendar-table"
-                  role="grid"
-                >
-                  <DateTHead
-                    dateRender={[Function]}
-                    locale={
-                      Object {
-                        "backToToday": "Back to today",
-                        "clear": "Clear",
-                        "dateFormat": "M/D/YYYY",
-                        "dateSelect": "select date",
-                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                        "dayFormat": "D",
-                        "decadeSelect": "Choose a decade",
-                        "month": "Month",
-                        "monthBeforeYear": true,
-                        "monthSelect": "Choose a month",
-                        "nextCentury": "Next century",
-                        "nextDecade": "Next decade",
-                        "nextMonth": "Next month (PageDown)",
-                        "nextYear": "Next year (Control + right)",
-                        "now": "Now",
-                        "ok": "Ok",
-                        "placeholder": "Select date",
-                        "previousCentury": "Last century",
-                        "previousDecade": "Last decade",
-                        "previousMonth": "Previous month (PageUp)",
-                        "previousYear": "Last year (Control + left)",
-                        "rangePlaceholder": Array [
-                          "Start date",
-                          "End date",
-                        ],
-                        "timeSelect": "select time",
-                        "today": "Today",
-                        "weekSelect": "Choose a week",
-                        "year": "Year",
-                        "yearFormat": "YYYY",
-                        "yearSelect": "Choose a year",
-                      }
-                    }
-                    onSelect={[Function]}
-                    prefixCls="ant-fullcalendar"
-                    value={"2017-08-09T08:00:00.000Z"}
-                  >
-                    <thead>
-                      <tr
-                        role="row"
-                      >
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="0"
-                          role="columnheader"
-                          title="Sun"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Su
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="1"
-                          role="columnheader"
-                          title="Mon"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Mo
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="2"
-                          role="columnheader"
-                          title="Tue"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Tu
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="3"
-                          role="columnheader"
-                          title="Wed"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            We
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="4"
-                          role="columnheader"
-                          title="Thu"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Th
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="5"
-                          role="columnheader"
-                          title="Fri"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Fr
-                          </span>
-                        </th>
-                        <th
-                          className="ant-fullcalendar-column-header"
-                          key="6"
-                          role="columnheader"
-                          title="Sat"
-                        >
-                          <span
-                            className="ant-fullcalendar-column-header-inner"
-                          >
-                            Sa
-                          </span>
-                        </th>
-                      </tr>
-                    </thead>
-                  </DateTHead>
-                  <DateTBody
-                    dateRender={[Function]}
-                    hoverValue={Array []}
-                    locale={
-                      Object {
-                        "backToToday": "Back to today",
-                        "clear": "Clear",
-                        "dateFormat": "M/D/YYYY",
-                        "dateSelect": "select date",
-                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                        "dayFormat": "D",
-                        "decadeSelect": "Choose a decade",
-                        "month": "Month",
-                        "monthBeforeYear": true,
-                        "monthSelect": "Choose a month",
-                        "nextCentury": "Next century",
-                        "nextDecade": "Next decade",
-                        "nextMonth": "Next month (PageDown)",
-                        "nextYear": "Next year (Control + right)",
-                        "now": "Now",
-                        "ok": "Ok",
-                        "placeholder": "Select date",
-                        "previousCentury": "Last century",
-                        "previousDecade": "Last decade",
-                        "previousMonth": "Previous month (PageUp)",
-                        "previousYear": "Last year (Control + left)",
-                        "rangePlaceholder": Array [
-                          "Start date",
-                          "End date",
-                        ],
-                        "timeSelect": "select time",
-                        "today": "Today",
-                        "weekSelect": "Choose a week",
-                        "year": "Year",
-                        "yearFormat": "YYYY",
-                        "yearSelect": "Choose a year",
-                      }
-                    }
-                    onSelect={[Function]}
-                    prefixCls="ant-fullcalendar"
-                    value={"2017-08-09T08:00:00.000Z"}
-                  >
-                    <tbody
-                      className="ant-fullcalendar-tbody"
-                    >
-                      <tr
-                        className=""
-                        key="0"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
-                          key="0"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="July 30, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              30
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
-                          key="1"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="July 31, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              31
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="2"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 1, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              01
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="3"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 2, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              02
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="4"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 3, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              03
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="5"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 4, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              04
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="6"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 5, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              05
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                      <tr
-                        className="ant-fullcalendar-active-week"
-                        key="1"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="7"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 6, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              06
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="8"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 7, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              07
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="9"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 8, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              08
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-selected-day"
-                          key="10"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 9, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              09
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="11"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 10, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              10
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="12"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 11, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              11
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="13"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 12, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              12
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                      <tr
-                        className=""
-                        key="2"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="14"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 13, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              13
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="15"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 14, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              14
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="16"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 15, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              15
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="17"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 16, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              16
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="18"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 17, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              17
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="19"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 18, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              18
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="20"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 19, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              19
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                      <tr
-                        className=""
-                        key="3"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="21"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 20, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              20
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="22"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 21, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              21
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="23"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 22, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              22
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="24"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 23, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              23
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="25"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 24, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              24
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="26"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 25, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              25
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="27"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 26, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              26
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                      <tr
-                        className=""
-                        key="4"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="28"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 27, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              27
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="29"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 28, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              28
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="30"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 29, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              29
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell"
-                          key="31"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 30, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              30
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
-                          key="32"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="August 31, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              31
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="33"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 1, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              01
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="34"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 2, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              02
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                      <tr
-                        className=""
-                        key="5"
-                        role="row"
-                      >
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="35"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 3, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              03
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="36"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 4, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              04
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="37"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 5, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              05
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="38"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 6, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              06
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="39"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 7, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              07
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="40"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 8, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              08
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                        <td
-                          className="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
-                          key="41"
-                          onClick={[Function]}
-                          role="gridcell"
-                          title="September 9, 2017"
-                        >
-                          <div
-                            className="ant-fullcalendar-date"
-                          >
-                            <div
-                              className="ant-fullcalendar-value"
-                            >
-                              09
-                            </div>
-                            <div
-                              className="ant-fullcalendar-content"
-                            />
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </DateTBody>
-                </table>
-              </DateTable>
-            </div>
-          </div>
-        </CalendarMixinWrapper>
-      </div>
-    </Consumer>
-  </LocaleReceiver>
-</Calendar>
-`;
-
-exports[`Calendar switch should work correctly without prop mode 2`] = `
-<Calendar
-  fullscreen={true}
-  locale={Object {}}
-  onChange={[Function]}
-  onPanelChange={
-    [MockFunction] {
-      "calls": Array [
-        Array [
-          "2017-08-09T08:00:00.000Z",
-          "year",
-        ],
-      ],
-      "results": Array [
-        Object {
-          "type": "return",
-          "value": undefined,
-        },
-      ],
-    }
-  }
-  onSelect={[Function]}
-  value={"2017-08-09T08:00:00.000Z"}
->
-  <LocaleReceiver
-    componentName="Calendar"
-    defaultLocale={[Function]}
-  >
-    <Consumer>
-      <div
-        className=" ant-fullcalendar-fullscreen"
-      >
-        <Header
-          fullscreen={true}
-          locale={
-            Object {
-              "backToToday": "Back to today",
-              "clear": "Clear",
-              "dateFormat": "M/D/YYYY",
-              "dateSelect": "select date",
-              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-              "dayFormat": "D",
-              "decadeSelect": "Choose a decade",
-              "month": "Month",
-              "monthBeforeYear": true,
-              "monthSelect": "Choose a month",
-              "nextCentury": "Next century",
-              "nextDecade": "Next decade",
-              "nextMonth": "Next month (PageDown)",
-              "nextYear": "Next year (Control + right)",
-              "now": "Now",
-              "ok": "Ok",
-              "placeholder": "Select date",
-              "previousCentury": "Last century",
-              "previousDecade": "Last decade",
-              "previousMonth": "Previous month (PageUp)",
-              "previousYear": "Last year (Control + left)",
-              "rangePlaceholder": Array [
-                "Start date",
-                "End date",
-              ],
-              "timeSelect": "select time",
-              "today": "Today",
-              "weekSelect": "Choose a week",
-              "year": "Year",
-              "yearFormat": "YYYY",
-              "yearSelect": "Choose a year",
-            }
-          }
-          onTypeChange={[Function]}
-          onValueChange={[Function]}
-          prefixCls="ant-fullcalendar"
-          type="year"
-          value={"2017-08-09T08:00:00.000Z"}
-          yearSelectOffset={10}
-          yearSelectTotal={20}
-        >
-          <Consumer>
-            <div
-              className="ant-fullcalendar-header"
-            >
-              <Select
-                choiceTransitionName="zoom"
-                className="ant-fullcalendar-year-select"
-                dropdownMatchSelectWidth={false}
-                getPopupContainer={[Function]}
-                onChange={[Function]}
-                showSearch={false}
-                size="default"
-                transitionName="slide-up"
-                value="2017"
-              >
-                <Consumer>
-                  <Select
-                    allowClear={false}
-                    autoClearSearchValue={true}
-                    backfill={false}
-                    choiceTransitionName="zoom"
-                    className="ant-fullcalendar-year-select"
-                    clearIcon={
-                      <Icon
-                        className="ant-select-clear-icon"
-                        theme="filled"
-                        type="close-circle"
-                      />
-                    }
-                    combobox={false}
-                    defaultActiveFirstOption={true}
-                    defaultOpen={false}
-                    dropdownMatchSelectWidth={false}
-                    dropdownMenuStyle={Object {}}
-                    dropdownRender={[Function]}
-                    dropdownStyle={Object {}}
-                    getPopupContainer={[Function]}
-                    inputIcon={
-                      <Icon
-                        className="ant-select-arrow-icon"
-                        type="down"
-                      />
-                    }
-                    labelInValue={false}
-                    menuItemSelectedIcon={
-                      <Icon
-                        className="ant-select-selected-icon"
-                        type="check"
-                      />
-                    }
-                    multiple={false}
-                    notFoundContent={
-                      <Consumer>
-                        [Function]
-                      </Consumer>
-                    }
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onDeselect={[Function]}
-                    onFocus={[Function]}
-                    onInputKeyDown={[Function]}
-                    onSearch={[Function]}
-                    onSelect={[Function]}
-                    optionFilterProp="value"
-                    optionLabelProp="children"
-                    placeholder=""
-                    prefixCls="ant-select"
-                    removeIcon={
-                      <Icon
-                        className="ant-select-remove-icon"
-                        type="close"
-                      />
-                    }
-                    showAction={
-                      Array [
-                        "click",
-                      ]
-                    }
-                    showSearch={false}
-                    tabIndex={0}
-                    tags={false}
-                    tokenSeparators={Array []}
-                    transitionName="slide-up"
-                    value="2017"
-                  >
-                    <SelectTrigger
-                      ariaId="test-uuid"
-                      backfillValue=""
-                      combobox={false}
-                      defaultActiveFirstOption={true}
-                      dropdownMatchSelectWidth={false}
-                      dropdownMenuStyle={Object {}}
-                      dropdownRender={[Function]}
-                      dropdownStyle={Object {}}
-                      empty={false}
-                      getPopupContainer={[Function]}
-                      inputValue=""
-                      menuItemSelectedIcon={
-                        <Icon
-                          className="ant-select-selected-icon"
-                          type="check"
-                        />
-                      }
-                      multiple={false}
-                      onDropdownVisibleChange={[Function]}
-                      onMenuDeselect={[Function]}
-                      onMenuSelect={[Function]}
-                      onPopupFocus={[Function]}
-                      options={Array []}
-                      prefixCls="ant-select"
-                      showAction={
-                        Array [
-                          "click",
-                        ]
-                      }
-                      showSearch={false}
-                      transitionName="slide-up"
-                      value={
-                        Array [
-                          "2017",
-                        ]
-                      }
-                      visible={false}
-                    >
-                      <Trigger
-                        action={Array []}
-                        afterPopupVisibleChange={[Function]}
-                        ariaId="test-uuid"
-                        backfillValue=""
-                        blurDelay={0.15}
-                        builtinPlacements={
-                          Object {
-                            "bottomLeft": Object {
-                              "offset": Array [
-                                0,
-                                4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "tl",
-                                "bl",
-                              ],
-                            },
-                            "topLeft": Object {
-                              "offset": Array [
-                                0,
-                                -4,
-                              ],
-                              "overflow": Object {
-                                "adjustX": 0,
-                                "adjustY": 1,
-                              },
-                              "points": Array [
-                                "bl",
-                                "tl",
-                              ],
-                            },
-                          }
-                        }
-                        combobox={false}
-                        defaultActiveFirstOption={true}
-                        defaultPopupVisible={false}
-                        destroyPopupOnHide={false}
-                        dropdownMatchSelectWidth={false}
-                        dropdownMenuStyle={Object {}}
-                        dropdownRender={[Function]}
-                        dropdownStyle={Object {}}
-                        focusDelay={0}
-                        getDocument={[Function]}
-                        getPopupClassNameFromAlign={[Function]}
-                        getPopupContainer={[Function]}
-                        hideAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        inputValue=""
-                        mask={false}
-                        maskClosable={true}
-                        menuItemSelectedIcon={
-                          <Icon
-                            className="ant-select-selected-icon"
-                            type="check"
-                          />
-                        }
-                        mouseEnterDelay={0}
-                        mouseLeaveDelay={0.1}
-                        multiple={false}
-                        onDropdownVisibleChange={[Function]}
-                        onMenuDeselect={[Function]}
-                        onMenuSelect={[Function]}
-                        onPopupAlign={[Function]}
-                        onPopupVisibleChange={[Function]}
-                        options={Array []}
-                        popup={
-                          <DropdownMenu
-                            ariaId="test-uuid"
-                            backfillValue=""
-                            defaultActiveFirstOption={true}
-                            dropdownMenuStyle={Object {}}
-                            inputValue=""
-                            menuItemSelectedIcon={
-                              <Icon
-                                className="ant-select-selected-icon"
-                                type="check"
-                              />
-                            }
-                            menuItems={Array []}
-                            multiple={false}
-                            onMenuDeselect={[Function]}
-                            onMenuSelect={[Function]}
-                            onPopupFocus={[Function]}
-                            prefixCls="ant-select-dropdown"
-                            value={
-                              Array [
-                                "2017",
-                              ]
-                            }
-                            visible={false}
-                          />
-                        }
-                        popupAlign={Object {}}
-                        popupClassName="ant-select-dropdown--single"
-                        popupPlacement="bottomLeft"
-                        popupStyle={Object {}}
-                        popupTransitionName="slide-up"
-                        popupVisible={false}
-                        prefixCls="ant-select-dropdown"
-                        showAction={
-                          Array [
-                            "click",
-                          ]
-                        }
-                        showSearch={false}
-                        transitionName="slide-up"
-                        value={
-                          Array [
-                            "2017",
-                          ]
-                        }
-                        visible={false}
-                      >
-                        <div
-                          className="ant-fullcalendar-year-select ant-select ant-select-enabled"
-                          key="trigger"
-                          onBlur={[Function]}
-                          onClick={[Function]}
-                          onFocus={[Function]}
-                          onMouseDown={[Function]}
-                          onMouseOut={[Function]}
-                          onMouseUp={[Function]}
-                          onTouchStart={[Function]}
-                        >
-                          <div
-                            aria-autocomplete="list"
-                            aria-controls="test-uuid"
-                            aria-expanded={false}
-                            aria-haspopup="true"
-                            className="ant-select-selection
-            ant-select-selection--single"
-                            key="selection"
-                            onKeyDown={[Function]}
-                            role="combobox"
-                            tabIndex={0}
-                          >
-                            <div
-                              className="ant-select-selection__rendered"
-                            >
-                              <div
-                                className="ant-select-selection-selected-value"
-                                key="value"
-                                style={
-                                  Object {
-                                    "display": "block",
-                                    "opacity": 1,
-                                  }
-                                }
-                                title="2017"
-                              >
-                                2017
-                              </div>
-                            </div>
-                            <span
-                              className="ant-select-arrow"
-                              key="arrow"
-                              onClick={[Function]}
-                              style={
-                                Object {
-                                  "WebkitUserSelect": "none",
-                                  "userSelect": "none",
-                                }
-                              }
-                              unselectable="on"
-                            >
-                              <Icon
-                                className="ant-select-arrow-icon"
-                                type="down"
-                              >
-                                <LocaleReceiver
-                                  componentName="Icon"
-                                >
-                                  <i
-                                    aria-label="icon: down"
-                                    className="anticon anticon-down ant-select-arrow-icon"
-                                  >
-                                    <IconReact
-                                      className=""
-                                      type="down-o"
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        className=""
-                                        data-icon="down"
-                                        fill="currentColor"
-                                        height="1em"
-                                        key="svg-down"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                          key="svg-down-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </i>
-                                </LocaleReceiver>
-                              </Icon>
-                            </span>
-                          </div>
-                        </div>
-                      </Trigger>
-                    </SelectTrigger>
-                  </Select>
-                </Consumer>
-              </Select>
-              <RadioGroup
-                buttonStyle="outline"
-                disabled={false}
-                onChange={[Function]}
-                size="default"
-                value="year"
-              >
-                <Consumer>
-                  <div
-                    className="ant-radio-group ant-radio-group-outline ant-radio-group-default"
-                  >
-                    <RadioButton
-                      value="month"
-                    >
-                      <Consumer>
-                        <Radio
-                          checked={false}
-                          disabled={false}
-                          prefixCls="ant-radio-button"
-                          type="radio"
-                          value="month"
-                        >
-                          <Consumer>
-                            <label
-                              className="ant-radio-button-wrapper"
-                            >
-                              <Checkbox
-                                checked={false}
-                                className=""
-                                defaultChecked={false}
-                                disabled={false}
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                prefixCls="ant-radio-button"
-                                style={Object {}}
-                                type="radio"
-                                value="month"
-                              >
-                                <span
-                                  className="ant-radio-button"
-                                  style={Object {}}
-                                >
-                                  <input
-                                    checked={false}
-                                    className="ant-radio-button-input"
-                                    disabled={false}
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    type="radio"
-                                    value="month"
-                                  />
-                                  <span
-                                    className="ant-radio-button-inner"
-                                  />
-                                </span>
-                              </Checkbox>
-                              <span>
-                                Month
-                              </span>
-                            </label>
-                          </Consumer>
-                        </Radio>
-                      </Consumer>
-                    </RadioButton>
-                    <RadioButton
-                      value="year"
-                    >
-                      <Consumer>
-                        <Radio
-                          checked={true}
-                          disabled={false}
-                          prefixCls="ant-radio-button"
-                          type="radio"
-                          value="year"
-                        >
-                          <Consumer>
-                            <label
-                              className="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
-                            >
-                              <Checkbox
-                                checked={true}
-                                className=""
-                                defaultChecked={false}
-                                disabled={false}
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                prefixCls="ant-radio-button"
-                                style={Object {}}
-                                type="radio"
-                                value="year"
-                              >
-                                <span
-                                  className="ant-radio-button ant-radio-button-checked"
-                                  style={Object {}}
-                                >
-                                  <input
-                                    checked={true}
-                                    className="ant-radio-button-input"
-                                    disabled={false}
-                                    onBlur={[Function]}
-                                    onChange={[Function]}
-                                    onFocus={[Function]}
-                                    type="radio"
-                                    value="year"
-                                  />
-                                  <span
-                                    className="ant-radio-button-inner"
-                                  />
-                                </span>
-                              </Checkbox>
-                              <span>
-                                Year
-                              </span>
-                            </label>
-                          </Consumer>
-                        </Radio>
-                      </Consumer>
-                    </RadioButton>
-                  </div>
-                </Consumer>
-              </RadioGroup>
-            </div>
-          </Consumer>
-        </Header>
-        <CalendarMixinWrapper
-          Select={[Function]}
-          className=""
-          dateCellRender={[Function]}
-          defaultType="date"
-          fullscreen={true}
-          locale={
-            Object {
-              "backToToday": "Back to today",
-              "clear": "Clear",
-              "dateFormat": "M/D/YYYY",
-              "dateSelect": "select date",
-              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-              "dayFormat": "D",
-              "decadeSelect": "Choose a decade",
-              "month": "Month",
-              "monthBeforeYear": true,
-              "monthSelect": "Choose a month",
-              "nextCentury": "Next century",
-              "nextDecade": "Next decade",
-              "nextMonth": "Next month (PageDown)",
-              "nextYear": "Next year (Control + right)",
-              "now": "Now",
-              "ok": "Ok",
-              "placeholder": "Select date",
-              "previousCentury": "Last century",
-              "previousDecade": "Last decade",
-              "previousMonth": "Previous month (PageUp)",
-              "previousYear": "Last year (Control + left)",
-              "rangePlaceholder": Array [
-                "Start date",
-                "End date",
-              ],
-              "timeSelect": "select time",
-              "today": "Today",
-              "weekSelect": "Choose a week",
-              "year": "Year",
-              "yearFormat": "YYYY",
-              "yearSelect": "Choose a year",
-            }
-          }
-          monthCellRender={[Function]}
-          onChange={[Function]}
-          onClear={[Function]}
-          onKeyDown={[Function]}
-          onPanelChange={
-            [MockFunction] {
-              "calls": Array [
-                Array [
-                  "2017-08-09T08:00:00.000Z",
-                  "year",
-                ],
-              ],
-              "results": Array [
-                Object {
-                  "type": "return",
-                  "value": undefined,
-                },
-              ],
-            }
-          }
-          onSelect={[Function]}
-          onTypeChange={[Function]}
-          prefixCls="ant-fullcalendar"
-          renderFooter={[Function]}
-          renderSidebar={[Function]}
-          showHeader={false}
-          showTypeSwitch={true}
-          style={Object {}}
-          type="month"
-          value={"2017-08-09T08:00:00.000Z"}
-          visible={true}
-        >
-          <div
-            className="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
-            style={Object {}}
-            tabIndex="0"
-          >
-            <div
-              className="ant-fullcalendar-calendar-body"
-              key="calendar-body"
-            >
-              <MonthTable
-                cellRender={[Function]}
-                locale={
-                  Object {
-                    "backToToday": "Back to today",
-                    "clear": "Clear",
-                    "dateFormat": "M/D/YYYY",
-                    "dateSelect": "select date",
-                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                    "dayFormat": "D",
-                    "decadeSelect": "Choose a decade",
-                    "month": "Month",
-                    "monthBeforeYear": true,
-                    "monthSelect": "Choose a month",
-                    "nextCentury": "Next century",
-                    "nextDecade": "Next decade",
-                    "nextMonth": "Next month (PageDown)",
-                    "nextYear": "Next year (Control + right)",
-                    "now": "Now",
-                    "ok": "Ok",
-                    "placeholder": "Select date",
-                    "previousCentury": "Last century",
-                    "previousDecade": "Last decade",
-                    "previousMonth": "Previous month (PageUp)",
-                    "previousYear": "Last year (Control + left)",
-                    "rangePlaceholder": Array [
-                      "Start date",
-                      "End date",
-                    ],
-                    "timeSelect": "select time",
-                    "today": "Today",
-                    "weekSelect": "Choose a week",
-                    "year": "Year",
-                    "yearFormat": "YYYY",
-                    "yearSelect": "Choose a year",
-                  }
-                }
-                onSelect={[Function]}
-                prefixCls="ant-fullcalendar-month-panel"
-                value={"2017-08-09T08:00:00.000Z"}
-              >
-                <table
-                  cellSpacing="0"
-                  className="ant-fullcalendar-month-panel-table"
-                  role="grid"
-                >
-                  <tbody
-                    className="ant-fullcalendar-month-panel-tbody"
-                  >
-                    <tr
-                      key="0"
-                      role="row"
-                    >
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="0"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Jan"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Jan
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="1"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Feb"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Feb
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="2"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Mar"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Mar
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      key="1"
-                      role="row"
-                    >
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="3"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Apr"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Apr
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="4"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="May"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            May
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="5"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Jun"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Jun
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      key="2"
-                      role="row"
-                    >
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="6"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Jul"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Jul
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell"
-                        key="7"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Aug"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Aug
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="8"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Sep"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Sep
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                    </tr>
-                    <tr
-                      key="3"
-                      role="row"
-                    >
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="9"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Oct"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Oct
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="10"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Nov"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Nov
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                      <td
-                        className="ant-fullcalendar-month-panel-cell"
-                        key="11"
-                        onClick={[Function]}
-                        role="gridcell"
-                        title="Dec"
-                      >
-                        <div
-                          className="ant-fullcalendar-month"
-                        >
-                          <div
-                            className="ant-fullcalendar-value"
-                          >
-                            Dec
-                          </div>
-                          <div
-                            className="ant-fullcalendar-content"
-                          />
-                        </div>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </MonthTable>
-            </div>
-          </div>
-        </CalendarMixinWrapper>
-      </div>
-    </Consumer>
-  </LocaleReceiver>
-</Calendar>
-`;
diff --git a/components/calendar/__tests__/index.test.js b/components/calendar/__tests__/index.test.js
index 425f54d2f3..f6b8ed7265 100644
--- a/components/calendar/__tests__/index.test.js
+++ b/components/calendar/__tests__/index.test.js
@@ -166,14 +166,12 @@ describe('Calendar', () => {
     const onPanelChange = jest.fn();
     const date = new Moment(new Date(Date.UTC(2017, 7, 9, 8)));
     const wrapper = mount(<Calendar onPanelChange={onPanelChange} value={date} />);
-    expect(wrapper).toMatchSnapshot();
     expect(wrapper.state().mode).toBe('month');
+    expect(wrapper.find('.ant-fullcalendar-table').length).toBe(1);
+    expect(wrapper.find('.ant-fullcalendar-month-panel-table').length).toBe(0);
     wrapper.find('.ant-radio-button-input[value="year"]').simulate('change');
-    // https://github.com/airbnb/enzyme/issues/1153#issuecomment-471401030
-    // try to fix heap out of memory in react 15
-    await wrapper.instance().forceUpdate();
-    wrapper.update();
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.find('.ant-fullcalendar-table').length).toBe(0);
+    expect(wrapper.find('.ant-fullcalendar-month-panel-table').length).toBe(1);
     expect(onPanelChange).toBeCalled();
     expect(onPanelChange.mock.calls[0][1]).toEqual('year');
   });

From 74ea0643190ee0c108ce499000ae181231d90435 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 12 Mar 2019 18:46:54 +0800
Subject: [PATCH 038/122] Add less variable @icon-color

---
 components/style/mixins/iconfont.less | 1 +
 components/style/themes/default.less  | 1 +
 2 files changed, 2 insertions(+)

diff --git a/components/style/mixins/iconfont.less b/components/style/mixins/iconfont.less
index 2e4bfcf8df..c548bcb888 100644
--- a/components/style/mixins/iconfont.less
+++ b/components/style/mixins/iconfont.less
@@ -1,5 +1,6 @@
 .iconfont-mixin() {
   display: inline-block;
+  color: @icon-color;
   font-style: normal;
   line-height: 0;
   text-align: center;
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 2694c9984a..97d284c974 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -47,6 +47,7 @@
 @text-color-warning: @gold-7;
 @text-color-danger: @red-7;
 @text-color-inverse: @white;
+@icon-color: inherit;
 @icon-color-hover: fade(@black, 75%);
 @heading-color: fade(#000, 85%);
 @heading-color-dark: fade(@white, 100%);

From 97880a9b479528ffe505e0b305563a1aa86d1278 Mon Sep 17 00:00:00 2001
From: ztplz <mysticzt@gmail.com>
Date: Tue, 12 Mar 2019 19:52:43 +0800
Subject: [PATCH 039/122] Formate (#15347)

---
 components/menu/SubMenu.tsx | 2 ++
 components/menu/index.tsx   | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/components/menu/SubMenu.tsx b/components/menu/SubMenu.tsx
index a36dd03725..364649b5a6 100644
--- a/components/menu/SubMenu.tsx
+++ b/components/menu/SubMenu.tsx
@@ -31,9 +31,11 @@ class SubMenu extends React.Component<SubMenuProps, any> {
   onKeyDown = (e: React.MouseEvent<HTMLElement>) => {
     this.subMenu.onKeyDown(e);
   };
+
   saveSubMenu = (subMenu: any) => {
     this.subMenu = subMenu;
   };
+
   render() {
     const { rootPrefixCls, className } = this.props;
     const theme = this.context.antdMenuTheme;
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index bddc30735f..eb8f89a322 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -157,6 +157,7 @@ class Menu extends React.Component<MenuProps, MenuState> {
       onMouseEnter(e);
     }
   };
+
   handleTransitionEnd = (e: TransitionEvent) => {
     // when inlineCollapsed menu width animation finished
     // https://github.com/ant-design/ant-design/issues/12864
@@ -169,6 +170,7 @@ class Menu extends React.Component<MenuProps, MenuState> {
       this.restoreModeVerticalFromInline();
     }
   };
+
   handleClick = (e: ClickParam) => {
     this.handleOpenChange([]);
 
@@ -185,6 +187,7 @@ class Menu extends React.Component<MenuProps, MenuState> {
       onOpenChange(openKeys);
     }
   };
+
   setOpenKeys(openKeys: string[]) {
     if (!('openKeys' in this.props)) {
       this.setState({ openKeys });

From 8eef9fb15ca14e7807b90a0baaa7a9c35984a5b2 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Tue, 12 Mar 2019 22:09:37 +0800
Subject: [PATCH 040/122] update script

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

diff --git a/package.json b/package.json
index 0540fcf1ac..dcc0912fd2 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
     "@yesmeck/offline-plugin": "^5.0.5",
     "ansi-styles": "^3.2.1",
     "antd-theme-generator": "^1.1.4",
-    "antd-tools": "^7.0.1",
+    "antd-tools": "^7.1.0",
     "babel-eslint": "^10.0.1",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "bisheng": "^1.1.0",
@@ -194,7 +194,7 @@
     "test": "jest --config .jest.js --verbose=false --no-cache",
     "test-node": "jest --config .jest.node.js --no-cache",
     "test-all": "./scripts/test-all.sh",
-    "lint": "npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style",
+    "lint": "npm run lint:ts && npm run lint:es && npm run lint:demo && npm run lint:style && npm run lint:deps",
     "lint:deps": "antd-tools run deps-lint",
     "lint:ts": "npm run tsc && antd-tools run ts-lint",
     "lint:es": "eslint tests site scripts components ./.*.js ./webpack.config.js --ext '.js,.jsx'",

From d1f64b1bc90ac675f1922d6a2c4d7c931e55c48a Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Tue, 12 Mar 2019 22:59:27 +0800
Subject: [PATCH 041/122] Add generic type to form values

---
 components/form/Form.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index 84af82e8e0..4821bdb061 100755
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -75,7 +75,7 @@ export type ValidationRule = {
   validator?: (rule: any, value: any, callback: any, source?: any, options?: any) => any;
 };
 
-export type ValidateCallback = (errors: any, values: any) => void;
+export type ValidateCallback<V> = (errors: any, values: V) => void;
 
 export type GetFieldDecoratorOptions = {
   /** 子节点的值的属性，如 Checkbox 的是 'checked' */
@@ -134,7 +134,7 @@ export type ValidateFieldsOptions = {
 };
 
 // function create
-export type WrappedFormUtils = {
+export type WrappedFormUtils<V = any> = {
   /** 获取一组输入控件的值，如不传入参数，则获取全部组件的值 */
   getFieldsValue(fieldNames?: Array<string>): { [field: string]: any };
   /** 获取一个输入控件的值 */
@@ -147,26 +147,26 @@ export type WrappedFormUtils = {
   validateFields(
     fieldNames: Array<string>,
     options: ValidateFieldsOptions,
-    callback: ValidateCallback,
+    callback: ValidateCallback<V>,
   ): void;
-  validateFields(options: ValidateFieldsOptions, callback: ValidateCallback): void;
-  validateFields(fieldNames: Array<string>, callback: ValidateCallback): void;
+  validateFields(options: ValidateFieldsOptions, callback: ValidateCallback<V>): void;
+  validateFields(fieldNames: Array<string>, callback: ValidateCallback<V>): void;
   validateFields(fieldNames: Array<string>, options: ValidateFieldsOptions): void;
   validateFields(fieldNames: Array<string>): void;
-  validateFields(callback: ValidateCallback): void;
+  validateFields(callback: ValidateCallback<V>): void;
   validateFields(options: ValidateFieldsOptions): void;
   validateFields(): void;
   /** 与 `validateFields` 相似，但校验完后，如果校验不通过的菜单域不在可见范围内，则自动滚动进可见范围 */
   validateFieldsAndScroll(
     fieldNames: Array<string>,
     options: ValidateFieldsOptions,
-    callback: ValidateCallback,
+    callback: ValidateCallback<V>,
   ): void;
-  validateFieldsAndScroll(options: ValidateFieldsOptions, callback: ValidateCallback): void;
-  validateFieldsAndScroll(fieldNames: Array<string>, callback: ValidateCallback): void;
+  validateFieldsAndScroll(options: ValidateFieldsOptions, callback: ValidateCallback<V>): void;
+  validateFieldsAndScroll(fieldNames: Array<string>, callback: ValidateCallback<V>): void;
   validateFieldsAndScroll(fieldNames: Array<string>, options: ValidateFieldsOptions): void;
   validateFieldsAndScroll(fieldNames: Array<string>): void;
-  validateFieldsAndScroll(callback: ValidateCallback): void;
+  validateFieldsAndScroll(callback: ValidateCallback<V>): void;
   validateFieldsAndScroll(options: ValidateFieldsOptions): void;
   validateFieldsAndScroll(): void;
   /** 获取某个输入控件的 Error */
@@ -185,8 +185,8 @@ export type WrappedFormUtils = {
   ): (node: React.ReactNode) => React.ReactNode;
 };
 
-export interface FormComponentProps {
-  form: WrappedFormUtils;
+export interface FormComponentProps<V = any> {
+  form: WrappedFormUtils<V>;
 }
 
 export interface RcBaseFormProps {

From bb869b6eac80f5a58fc6669f7ab03732ffc69cd4 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Tue, 12 Mar 2019 23:14:52 +0800
Subject: [PATCH 042/122] Update PULL_REQUEST_TEMPLATE.md

---
 .github/PULL_REQUEST_TEMPLATE.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 8f75ffc19f..db53c3b233 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -32,7 +32,7 @@ Please makes sure that these form are filled before submitting your pull request
 
 ### 📝 Changelog description
 
-> Describe changes from user side, and list all potential break changes or other risks.
+> Describe changes from userside, and list all potential break changes or other risks.
 
 1. English description
 

From ab55bc5636124319a0723d392f8bf2191e4cdbfa Mon Sep 17 00:00:00 2001
From: William Cai <williamcai@easyops.cn>
Date: Tue, 12 Mar 2019 18:45:49 +0800
Subject: [PATCH 043/122] refactor: add
 @modal-footer-padding-{vertical,horizontal}

---
 components/modal/style/modal.less | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 7bbdb42c7e..9cad218722 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -1,5 +1,7 @@
 @dialog-prefix-cls: ~'@{ant-prefix}-modal';
 @table-prefix-cls: ~'@{ant-prefix}-table';
+@modal-footer-padding-vertical: 10px;
+@modal-footer-padding-horizontal: 16px;
 
 .@{dialog-prefix-cls} {
   .reset-component;
@@ -89,7 +91,7 @@
   }
 
   &-footer {
-    padding: 10px 16px;
+    padding: @modal-footer-padding-vertical @modal-footer-padding-horizontal;
     text-align: right;
     border-top: @border-width-base @border-style-base @border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;

From 73d96f4c229c0fa11455e6a89f89813dba75a572 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 10:50:59 +0800
Subject: [PATCH 044/122] adjust import style of grid

---
 components/col/style/index.tsx | 2 +-
 components/row/style/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/col/style/index.tsx b/components/col/style/index.tsx
index 2ea9a24152..2127e6804d 100644
--- a/components/col/style/index.tsx
+++ b/components/col/style/index.tsx
@@ -2,4 +2,4 @@ import '../../style/index.less';
 
 // style dependencies
 // deps-lint-skip: grid
-import '../../grid/style/index.less';
+import '../../grid/style';
diff --git a/components/row/style/index.tsx b/components/row/style/index.tsx
index 2ea9a24152..2127e6804d 100644
--- a/components/row/style/index.tsx
+++ b/components/row/style/index.tsx
@@ -2,4 +2,4 @@ import '../../style/index.less';
 
 // style dependencies
 // deps-lint-skip: grid
-import '../../grid/style/index.less';
+import '../../grid/style';

From 3e110b824452268d256ada431b941328d4a851e9 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 11:19:05 +0800
Subject: [PATCH 045/122] update auto style

---
 components/auto-complete/style/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/auto-complete/style/index.tsx b/components/auto-complete/style/index.tsx
index 3d751d9f87..d841ee8fa1 100644
--- a/components/auto-complete/style/index.tsx
+++ b/components/auto-complete/style/index.tsx
@@ -2,5 +2,5 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: input
 import '../../select/style';
+import '../../input/style';

From 1e5e16cf69ecbb8e854d0a3f55e76fe1c52975f9 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 11:24:00 +0800
Subject: [PATCH 046/122] add affix style

---
 components/anchor/style/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/anchor/style/index.tsx b/components/anchor/style/index.tsx
index 346c336725..ff41dcf704 100644
--- a/components/anchor/style/index.tsx
+++ b/components/anchor/style/index.tsx
@@ -2,4 +2,4 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: affix
+import '../../affix/style';

From f8baa3787c402278c673de6b56c59b4586984249 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 11:33:42 +0800
Subject: [PATCH 047/122] update tree-select

---
 components/tree-select/style/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/tree-select/style/index.tsx b/components/tree-select/style/index.tsx
index 7a0029cbda..9fed34c042 100644
--- a/components/tree-select/style/index.tsx
+++ b/components/tree-select/style/index.tsx
@@ -2,6 +2,7 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: select, empty, checkbox
+// deps-lint-skip: select, checkbox
 import '../../select/style';
+import '../../empty/style';
 import '../../checkbox/style';

From afe685bb5000d2f772269eee00d16e5cafa82315 Mon Sep 17 00:00:00 2001
From: tangjinzhou <21251118@zju.edu.cn>
Date: Wed, 13 Mar 2019 11:58:36 +0800
Subject: [PATCH 048/122] Update Header.jsx

---
 site/theme/template/Layout/Header.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/template/Layout/Header.jsx b/site/theme/template/Layout/Header.jsx
index a56aa2dde6..55eeea37be 100644
--- a/site/theme/template/Layout/Header.jsx
+++ b/site/theme/template/Layout/Header.jsx
@@ -219,7 +219,7 @@ export default class Header extends React.Component {
                 target="_blank"
                 rel="noopener noreferrer"
               >
-                教程
+                Ant Design 实战教程
               </a>
             </Menu.Item>
           ) : null}

From 04226e36eb1beab80ea21c257ace478e53213bf1 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 12:01:44 +0800
Subject: [PATCH 049/122] add missing style of card

---
 components/card/style/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/card/style/index.tsx b/components/card/style/index.tsx
index cbc49319ce..1ab67bfcc5 100644
--- a/components/card/style/index.tsx
+++ b/components/card/style/index.tsx
@@ -2,5 +2,6 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: row, col
 import '../../tabs/style';
+import '../../row/style';
+import '../../col/style';

From b331052d6fe5eb0cb65999708feb1fd23600f767 Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Wed, 13 Mar 2019 12:05:29 +0800
Subject: [PATCH 050/122] update menu doc

---
 site/theme/en-US.js | 2 +-
 site/theme/zh-CN.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index 6b3745368c..6d898452e6 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -12,7 +12,7 @@ module.exports = {
     'app.header.menu.spec': 'Guidelines',
     'app.header.menu.resource': 'Resources',
     'app.header.menu.mobile': 'Mobile',
-    'app.header.menu.pro': 'PRO',
+    'app.header.menu.pro': 'Ant Design Pro',
     'app.header.menu.ecosystem': 'Ecosystem',
     'app.header.lang': '中文',
     'app.content.edit-page': 'Edit this page on GitHub!',
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index d9b5539bce..89d0dbd68f 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -12,7 +12,7 @@ module.exports = {
     'app.header.menu.spec': '设计语言',
     'app.header.menu.resource': '资源',
     'app.header.menu.mobile': '移动版',
-    'app.header.menu.pro': 'PRO',
+    'app.header.menu.pro': 'Ant Design Pro',
     'app.header.menu.ecosystem': '生态',
     'app.header.lang': 'English',
     'app.content.edit-page': '在 GitHub 上编辑此页！',

From cb3a372b3bfd4ca873562e05a60d42510c662d29 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 12:12:07 +0800
Subject: [PATCH 051/122] rm input style from select

---
 components/select/style/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/select/style/index.tsx b/components/select/style/index.tsx
index 0577473138..a914d0b4bd 100644
--- a/components/select/style/index.tsx
+++ b/components/select/style/index.tsx
@@ -2,6 +2,4 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: input
 import '../../empty/style';
-import '../../input/style';

From cc19eadc1b173404d0b6d87143fe5ba2024051ed Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 12:16:05 +0800
Subject: [PATCH 052/122] rm input in pagination

---
 components/pagination/style/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/pagination/style/index.tsx b/components/pagination/style/index.tsx
index 874c4fbcda..17626c8e42 100644
--- a/components/pagination/style/index.tsx
+++ b/components/pagination/style/index.tsx
@@ -2,6 +2,4 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: input
 import '../../select/style';
-import '../../input/style';

From ba51bd9e0a542e3c0087fa3ba71e3adc4dc64092 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 14:49:42 +0800
Subject: [PATCH 053/122] more aggresive (CI should fail)

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

diff --git a/package.json b/package.json
index dcc0912fd2..de5bb69527 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
     "@yesmeck/offline-plugin": "^5.0.5",
     "ansi-styles": "^3.2.1",
     "antd-theme-generator": "^1.1.4",
-    "antd-tools": "^7.1.0",
+    "antd-tools": "^7.1.1",
     "babel-eslint": "^10.0.1",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "bisheng": "^1.1.0",

From e03a40f229a954bebd56b3ce271043a6413fca3b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Wed, 13 Mar 2019 07:20:49 +0000
Subject: [PATCH 054/122] build(deps-dev): update scrollama requirement from
 ^1.4.4 to ^2.0.0

Updates the requirements on [scrollama](https://github.com/russellgoldenberg/scrollama) to permit the latest version.
- [Release notes](https://github.com/russellgoldenberg/scrollama/releases)
- [Commits](https://github.com/russellgoldenberg/scrollama/commits)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2c00ee90fd..3720e7819e 100644
--- a/package.json
+++ b/package.json
@@ -178,7 +178,7 @@
     "remark-yaml-config": "^4.0.2",
     "reqwest": "^2.0.5",
     "rimraf": "^2.6.2",
-    "scrollama": "^1.4.4",
+    "scrollama": "^2.0.0",
     "stylelint": "~9.10.1",
     "stylelint-config-prettier": "^5.0.0",
     "stylelint-config-rational-order": "^0.0.4",

From 6f5854c0b6b21a7acb2af6bc0da4b4674fcf6222 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 15:34:12 +0800
Subject: [PATCH 055/122] update deps

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

diff --git a/package.json b/package.json
index de5bb69527..a9dfe78e40 100644
--- a/package.json
+++ b/package.json
@@ -104,7 +104,7 @@
     "@yesmeck/offline-plugin": "^5.0.5",
     "ansi-styles": "^3.2.1",
     "antd-theme-generator": "^1.1.4",
-    "antd-tools": "^7.1.1",
+    "antd-tools": "^7.1.2",
     "babel-eslint": "^10.0.1",
     "babel-plugin-add-react-displayname": "^0.0.5",
     "bisheng": "^1.1.0",

From 0b96daa1a088316d224490b295f699ff8af18280 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 15:41:57 +0800
Subject: [PATCH 056/122] rm button from drawer

---
 components/drawer/style/index.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/components/drawer/style/index.tsx b/components/drawer/style/index.tsx
index 416ec0177e..3a3ab0de59 100644
--- a/components/drawer/style/index.tsx
+++ b/components/drawer/style/index.tsx
@@ -1,5 +1,2 @@
 import '../../style/index.less';
 import './index.less';
-
-// style dependencies
-import '../../button/style';

From 65dd36a46688230f52056775a2c6eff618ac719f Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 15:57:42 +0800
Subject: [PATCH 057/122] rm useless

---
 components/time-picker/style/index.tsx | 3 ---
 components/tree-select/style/index.tsx | 3 +--
 components/tree/style/index.tsx        | 3 ---
 3 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/components/time-picker/style/index.tsx b/components/time-picker/style/index.tsx
index 0e54062b35..3a3ab0de59 100644
--- a/components/time-picker/style/index.tsx
+++ b/components/time-picker/style/index.tsx
@@ -1,5 +1,2 @@
 import '../../style/index.less';
 import './index.less';
-
-// style dependencies
-import '../../input/style';
diff --git a/components/tree-select/style/index.tsx b/components/tree-select/style/index.tsx
index 9fed34c042..04ee7ce2f9 100644
--- a/components/tree-select/style/index.tsx
+++ b/components/tree-select/style/index.tsx
@@ -2,7 +2,6 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: select, checkbox
+// deps-lint-skip: select
 import '../../select/style';
 import '../../empty/style';
-import '../../checkbox/style';
diff --git a/components/tree/style/index.tsx b/components/tree/style/index.tsx
index 68627a2a99..3a3ab0de59 100644
--- a/components/tree/style/index.tsx
+++ b/components/tree/style/index.tsx
@@ -1,5 +1,2 @@
 import '../../style/index.less';
 import './index.less';
-
-// style dependencies
-import '../../checkbox/style';

From f9d8e50a1ff37c54f1cfa0ab63648abdc665e433 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 13 Mar 2019 16:04:42 +0800
Subject: [PATCH 058/122] rm input from datePicker

---
 components/date-picker/style/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/date-picker/style/index.tsx b/components/date-picker/style/index.tsx
index f27ae9b25f..71e9612edd 100644
--- a/components/date-picker/style/index.tsx
+++ b/components/date-picker/style/index.tsx
@@ -2,7 +2,5 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
-// deps-lint-skip: input
-import '../../input/style';
 import '../../time-picker/style';
 import '../../tag/style';

From 98b10a7cf8f77e2d4514eb158d74d8cd9f3059f6 Mon Sep 17 00:00:00 2001
From: ppbl <33046279+ppbl@users.noreply.github.com>
Date: Wed, 13 Mar 2019 19:30:47 +0800
Subject: [PATCH 059/122] :bug: Fix: avatar cannot calculate the offset when
 display: none (#15351)

---
 components/avatar/index.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/components/avatar/index.tsx b/components/avatar/index.tsx
index 252595966f..c9d8a40581 100644
--- a/components/avatar/index.tsx
+++ b/components/avatar/index.tsx
@@ -31,6 +31,7 @@ export interface AvatarProps {
 export interface AvatarState {
   scale: number;
   isImgExist: boolean;
+  avatarDisplay: boolean;
 }
 
 export default class Avatar extends React.Component<AvatarProps, AvatarState> {
@@ -42,6 +43,7 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
   state = {
     scale: 1,
     isImgExist: true,
+    avatarDisplay: true,
   };
 
   private avatarChildren: any;
@@ -54,9 +56,21 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
     if (
       prevProps.children !== this.props.children ||
       (prevState.scale !== this.state.scale && this.state.scale === 1) ||
-      prevState.isImgExist !== this.state.isImgExist
+      prevState.isImgExist !== this.state.isImgExist ||
+      !this.state.avatarDisplay
     ) {
       this.setScale();
+      if (this.avatarChildren && this.avatarChildren.offsetWidth !== 0) {
+        this.setState({
+          avatarDisplay: true,
+        });
+      }
+    } else {
+      if (this.avatarChildren && this.avatarChildren.offsetWidth === 0 && this.state.scale === 1) {
+        this.setState({
+          avatarDisplay: false,
+        });
+      }
     }
 
     if (prevProps.src !== this.props.src) {
@@ -66,7 +80,8 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
 
   setScale = () => {
     const childrenNode = this.avatarChildren;
-    if (childrenNode) {
+    // denominator is 0 is no meaning
+    if (childrenNode && childrenNode.offsetWidth !== 0) {
       const childrenWidth = childrenNode.offsetWidth;
       const avatarNode = ReactDOM.findDOMNode(this) as Element;
       const avatarWidth = avatarNode.getBoundingClientRect().width;

From 1ff0be57e02aca41c7cc389d86367f3bdfb93345 Mon Sep 17 00:00:00 2001
From: DiamondYuan <admin@diamondyuan.com>
Date: Thu, 14 Mar 2019 09:57:30 +0800
Subject: [PATCH 060/122] fix:add style prop for Steps.Step component

---
 components/steps/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/steps/index.tsx b/components/steps/index.tsx
index 04e7356ff2..ae00c20c31 100644
--- a/components/steps/index.tsx
+++ b/components/steps/index.tsx
@@ -25,6 +25,7 @@ export interface StepProps {
   onClick?: React.MouseEventHandler<any>;
   status?: 'wait' | 'process' | 'finish' | 'error';
   title?: React.ReactNode;
+  style?: React.CSSProperties;
 }
 
 export default class Steps extends React.Component<StepsProps, any> {

From 2b7fce3ce229783009eb287a5154a115975b7b6a Mon Sep 17 00:00:00 2001
From: SoraYama <sorayamahou@gmail.com>
Date: Thu, 14 Mar 2019 11:46:47 +0800
Subject: [PATCH 061/122] fix(Layout): disable `hasSider` when specifically
 declared

In some situation `Sider` is deeply rendered in Children of `Layout`,
and if we don't want to judge whether `Layout` has sider, the attr `hasSider`
set to `false` should properly work. However `hasSider || this.state.siders.length > 0`
will ignore `hasSider` when it is `false`.
---
 components/layout/__tests__/index.test.js | 9 +++++++++
 components/layout/layout.tsx              | 3 ++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/layout/__tests__/index.test.js b/components/layout/__tests__/index.test.js
index 7e8a60a868..24ebc40820 100644
--- a/components/layout/__tests__/index.test.js
+++ b/components/layout/__tests__/index.test.js
@@ -95,6 +95,15 @@ describe('Layout', () => {
     wrapper.setProps({ collapsed: true });
     expect(wrapper.instance().state.collapsed).toBe(true);
   });
+
+  it('should not add ant-layout-has-sider when `hasSider` is `false`', () => {
+    const wrapper = mount(
+      <Layout hasSider={false}>
+        <Sider>Sider</Sider>
+      </Layout>,
+    );
+    expect(wrapper.find('.ant-layout').hasClass('ant-layout-has-sider')).toBe(false);
+  });
 });
 
 describe('Sider onBreakpoint', () => {
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index b257571286..79e9ae6d7c 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -77,7 +77,8 @@ class BasicLayout extends React.Component<BasicPropsWithTagName, BasicLayoutStat
   render() {
     const { prefixCls, className, children, hasSider, tagName, ...others } = this.props;
     const classString = classNames(className, prefixCls, {
-      [`${prefixCls}-has-sider`]: hasSider || this.state.siders.length > 0,
+      [`${prefixCls}-has-sider`]:
+        typeof hasSider === 'boolean' ? hasSider : this.state.siders.length > 0,
     });
     return React.createElement(tagName, { className: classString, ...others }, children);
   }

From 5a33f8ced122837f7f9e50e13a171198109a518f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 14 Mar 2019 12:15:56 +0800
Subject: [PATCH 062/122] :bug: Fix Badge dot a litter higher

close #15367
---
 components/badge/style/index.less | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/badge/style/index.less b/components/badge/style/index.less
index 4f43ec1ba6..73d1cd3592 100644
--- a/components/badge/style/index.less
+++ b/components/badge/style/index.less
@@ -113,7 +113,9 @@
   }
 
   &-not-a-wrapper {
-    vertical-align: middle;
+    &:not(.@{badge-prefix-cls}-status) {
+      vertical-align: middle;
+    }
 
     .@{ant-prefix}-scroll-number {
       position: relative;

From 64259e167f38afbcc1b2d4c987254c75812301ce Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 14 Mar 2019 14:23:10 +0800
Subject: [PATCH 063/122] :bug: Fix Divider align in PageHeader

close #15336
---
 components/page-header/style/index.less | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/page-header/style/index.less b/components/page-header/style/index.less
index 3013005c77..c2c6c5ddbf 100644
--- a/components/page-header/style/index.less
+++ b/components/page-header/style/index.less
@@ -28,8 +28,6 @@
   .@{ant-prefix}-divider {
     height: 14px;
     margin: 0 12px;
-    margin-top: 3px;
-    vertical-align: top;
   }
 
   .@{ant-prefix}-breadcrumb {

From 906f722ea80e87fa431f59b21091bda0416c4619 Mon Sep 17 00:00:00 2001
From: melchior voidwolf <kmno4k2mno4@gmail.com>
Date: Thu, 14 Mar 2019 15:34:09 +0800
Subject: [PATCH 064/122] Correct suffix icon in Input.Password (#15381)

fix #15369
---
 components/input/Password.tsx                 |   2 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  11 +-
 .../__snapshots__/index.test.js.snap          | 184 +++++++++---------
 components/input/__tests__/index.test.js      |   2 +-
 4 files changed, 103 insertions(+), 96 deletions(-)

diff --git a/components/input/Password.tsx b/components/input/Password.tsx
index a8aedfadbc..d156d9160a 100644
--- a/components/input/Password.tsx
+++ b/components/input/Password.tsx
@@ -42,7 +42,7 @@ export default class Password extends React.Component<PasswordProps, PasswordSta
     const iconProps = {
       [iconTrigger]: this.onChange,
       className: `${prefixCls}-icon`,
-      type: this.state.visible ? 'eye-invisible' : 'eye',
+      type: this.state.visible ? 'eye' : 'eye-invisible',
       key: 'passwordIcon',
       onMouseDown: (e: MouseEvent) => {
         // Prevent focused state lost
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 0fb2f77ecb..d6e630ba7d 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -941,21 +941,24 @@ exports[`renders ./components/input/demo/password-input.md correctly 1`] = `
     class="ant-input-suffix"
   >
     <i
-      aria-label="icon: eye"
-      class="anticon anticon-eye ant-input-password-icon"
+      aria-label="icon: eye-invisible"
+      class="anticon anticon-eye-invisible ant-input-password-icon"
       tabindex="-1"
     >
       <svg
         aria-hidden="true"
         class=""
-        data-icon="eye"
+        data-icon="eye-invisible"
         fill="currentColor"
         height="1em"
         viewBox="64 64 896 896"
         width="1em"
       >
         <path
-          d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
+          d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"
+        />
+        <path
+          d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"
         />
       </svg>
     </i>
diff --git a/components/input/__tests__/__snapshots__/index.test.js.snap b/components/input/__tests__/__snapshots__/index.test.js.snap
index ec439205b5..eb6fbf72b9 100644
--- a/components/input/__tests__/__snapshots__/index.test.js.snap
+++ b/components/input/__tests__/__snapshots__/index.test.js.snap
@@ -298,7 +298,7 @@ exports[`Input.Password should change type when click 1`] = `
         className="ant-input-password-icon"
         onClick={[Function]}
         onMouseDown={[Function]}
-        type="eye"
+        type="eye-invisible"
       />
     }
     type="password"
@@ -317,92 +317,6 @@ exports[`Input.Password should change type when click 1`] = `
           type="password"
           value="111"
         />
-        <span
-          className="ant-input-suffix"
-        >
-          <Icon
-            className="ant-input-password-icon"
-            key="passwordIcon"
-            onClick={[Function]}
-            onMouseDown={[Function]}
-            type="eye"
-          >
-            <LocaleReceiver
-              componentName="Icon"
-            >
-              <i
-                aria-label="icon: eye"
-                className="anticon anticon-eye ant-input-password-icon"
-                onClick={[Function]}
-                onMouseDown={[Function]}
-                tabIndex={-1}
-              >
-                <IconReact
-                  className=""
-                  type="eye-o"
-                >
-                  <svg
-                    aria-hidden="true"
-                    className=""
-                    data-icon="eye"
-                    fill="currentColor"
-                    height="1em"
-                    key="svg-eye"
-                    viewBox="64 64 896 896"
-                    width="1em"
-                  >
-                    <path
-                      d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
-                      key="svg-eye-svg-0"
-                    />
-                  </svg>
-                </IconReact>
-              </i>
-            </LocaleReceiver>
-          </Icon>
-        </span>
-      </span>
-    </Consumer>
-  </Input>
-</Password>
-`;
-
-exports[`Input.Password should change type when click 2`] = `
-<Password
-  action="click"
-  inputPrefixCls="ant-input"
-  prefixCls="ant-input-password"
-  visibilityToggle={true}
->
-  <Input
-    action="click"
-    className="ant-input-password"
-    disabled={false}
-    prefixCls="ant-input"
-    suffix={
-      <Icon
-        className="ant-input-password-icon"
-        onClick={[Function]}
-        onMouseDown={[Function]}
-        type="eye-invisible"
-      />
-    }
-    type="text"
-  >
-    <Consumer>
-      <span
-        className="ant-input-password ant-input-affix-wrapper"
-      >
-        <input
-          action="click"
-          className="ant-input"
-          disabled={false}
-          onChange={[Function]}
-          onKeyDown={[Function]}
-          style={null}
-          type="text"
-          value="111"
-        />
         <span
           className="ant-input-suffix"
         >
@@ -457,7 +371,7 @@ exports[`Input.Password should change type when click 2`] = `
 </Password>
 `;
 
-exports[`Input.Password should change type when click 3`] = `
+exports[`Input.Password should change type when click 2`] = `
 <Password
   action="click"
   inputPrefixCls="ant-input"
@@ -477,7 +391,7 @@ exports[`Input.Password should change type when click 3`] = `
         type="eye"
       />
     }
-    type="password"
+    type="text"
   >
     <Consumer>
       <span
@@ -490,7 +404,7 @@ exports[`Input.Password should change type when click 3`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           style={null}
-          type="password"
+          type="text"
           value="111"
         />
         <span
@@ -543,6 +457,96 @@ exports[`Input.Password should change type when click 3`] = `
 </Password>
 `;
 
+exports[`Input.Password should change type when click 3`] = `
+<Password
+  action="click"
+  inputPrefixCls="ant-input"
+  prefixCls="ant-input-password"
+  visibilityToggle={true}
+>
+  <Input
+    action="click"
+    className="ant-input-password"
+    disabled={false}
+    prefixCls="ant-input"
+    suffix={
+      <Icon
+        className="ant-input-password-icon"
+        onClick={[Function]}
+        onMouseDown={[Function]}
+        type="eye-invisible"
+      />
+    }
+    type="password"
+  >
+    <Consumer>
+      <span
+        className="ant-input-password ant-input-affix-wrapper"
+      >
+        <input
+          action="click"
+          className="ant-input"
+          disabled={false}
+          onChange={[Function]}
+          onKeyDown={[Function]}
+          style={null}
+          type="password"
+          value="111"
+        />
+        <span
+          className="ant-input-suffix"
+        >
+          <Icon
+            className="ant-input-password-icon"
+            key="passwordIcon"
+            onClick={[Function]}
+            onMouseDown={[Function]}
+            type="eye-invisible"
+          >
+            <LocaleReceiver
+              componentName="Icon"
+            >
+              <i
+                aria-label="icon: eye-invisible"
+                className="anticon anticon-eye-invisible ant-input-password-icon"
+                onClick={[Function]}
+                onMouseDown={[Function]}
+                tabIndex={-1}
+              >
+                <IconReact
+                  className=""
+                  type="eye-invisible-o"
+                >
+                  <svg
+                    aria-hidden="true"
+                    className=""
+                    data-icon="eye-invisible"
+                    fill="currentColor"
+                    height="1em"
+                    key="svg-eye-invisible"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"
+                      key="svg-eye-invisible-svg-0"
+                    />
+                    <path
+                      d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"
+                      key="svg-eye-invisible-svg-1"
+                    />
+                  </svg>
+                </IconReact>
+              </i>
+            </LocaleReceiver>
+          </Icon>
+        </span>
+      </span>
+    </Consumer>
+  </Input>
+</Password>
+`;
+
 exports[`Input.Search should support suffix 1`] = `
 <Search
   enterButton={false}
diff --git a/components/input/__tests__/index.test.js b/components/input/__tests__/index.test.js
index ee215fa6ce..faaca4c6eb 100644
--- a/components/input/__tests__/index.test.js
+++ b/components/input/__tests__/index.test.js
@@ -236,7 +236,7 @@ describe('Input.Password', () => {
     const wrapper = mount(<Input.Password visibilityToggle={false} />);
     expect(wrapper.find('.anticon-eye').length).toBe(0);
     wrapper.setProps({ visibilityToggle: true });
-    expect(wrapper.find('.anticon-eye').length).toBe(1);
+    expect(wrapper.find('.anticon-eye-invisible').length).toBe(1);
   });
 
   it('should keep focus state', () => {

From 752d64715b03f4343d53a9479d5a407716664582 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Thu, 14 Mar 2019 15:39:51 +0800
Subject: [PATCH 065/122] add webpack plugin link

---
 components/icon/index.en-US.md | 2 ++
 components/icon/index.zh-CN.md | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/components/icon/index.en-US.md b/components/icon/index.en-US.md
index 6ca429e7b2..7db7445a55 100644
--- a/components/icon/index.en-US.md
+++ b/components/icon/index.en-US.md
@@ -42,6 +42,8 @@ We introduced SVG icons in `3.9.0` version replacing font icons which brings ben
 More discussion of SVG icon reference to [#10353](https://github.com/ant-design/ant-design/issues/10353).
 
 > ⚠️ About the extra bundle size brought by all SVG icons we imported in 3.9.0, we will provide new API to allow developers importing icons as your need, you can trace [#12011](https://github.com/ant-design/ant-design/issues/12011) for further progress.
+>
+> Before this, you can use [webpack plugin](https://github.com/Beven91/webpack-ant-icon-loader) from community to chunk the icon file.
 
 The properties `theme`, `component` and `twoToneColor` are added in `3.9.0`. The best practice is to pass the property `theme` to every `<Icon />` components.
 
diff --git a/components/icon/index.zh-CN.md b/components/icon/index.zh-CN.md
index b6cdce7c3c..709d857ede 100644
--- a/components/icon/index.zh-CN.md
+++ b/components/icon/index.zh-CN.md
@@ -47,6 +47,8 @@ ReactDOM.render(<IconDisplay />, mountNode);
 更多讨论可参考：[#10353](https://github.com/ant-design/ant-design/issues/10353)。
 
 > ⚠️ 3.9.0 之后我们全量引入了所有图标，导致 antd 默认的包体积有一定增加，我们会在不远的未来增加新的 API 来实现图标的按需使用，更多相关讨论可关注：[#12011](https://github.com/ant-design/ant-design/issues/12011)。
+>
+> 在此之前，你可以通过来自社区同学的 [webpack 插件](https://github.com/Beven91/webpack-ant-icon-loader)将图标文件拆分。
 
 其中 `theme`, `component`, `twoToneColor` 是 `3.9.x` 版本新增加的属性。最佳实践是给使用的 `<Icon />` 组件传入属性 `theme` 以明确图标的主题风格。例如：
 

From 59d996b4f3638e9535a5b7c5a706b6097b78bbb1 Mon Sep 17 00:00:00 2001
From: DiamondYuan <541832074@qq.com>
Date: Thu, 14 Mar 2019 15:53:51 +0800
Subject: [PATCH 066/122] fix: should color style works on Badge (#15356)

fix ##15349
---
 components/badge/__tests__/index.test.js |  6 ++++++
 components/badge/index.tsx               | 12 ++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/components/badge/__tests__/index.test.js b/components/badge/__tests__/index.test.js
index bcdc925841..0a1d02b339 100644
--- a/components/badge/__tests__/index.test.js
+++ b/components/badge/__tests__/index.test.js
@@ -89,4 +89,10 @@ describe('Badge', () => {
     );
     expect(wrapper).toMatchSnapshot();
   });
+
+  // https://github.com/ant-design/ant-design/issues/15349
+  it('should color style  works on Badge', () => {
+    const wrapper = mount(<Badge style={{ color: 'red' }} status="success" text="Success" />);
+    expect(wrapper.find('.ant-badge-status-text').props().style.color).toBe('red');
+  });
 });
diff --git a/components/badge/index.tsx b/components/badge/index.tsx
index 36e0659bdf..381bf72453 100644
--- a/components/badge/index.tsx
+++ b/components/badge/index.tsx
@@ -183,14 +183,14 @@ export default class Badge extends React.Component<BadgeProps, any> {
 
     // <Badge status="success" />
     if (!children && status) {
+      const styleWithOffset = this.getStyleWithOffset();
+      const statusTextColor = styleWithOffset && styleWithOffset.color;
       return (
-        <span
-          {...restProps}
-          className={this.getBadgeClassName(prefixCls)}
-          style={this.getStyleWithOffset()}
-        >
+        <span {...restProps} className={this.getBadgeClassName(prefixCls)} style={styleWithOffset}>
           <span className={statusCls} />
-          <span className={`${prefixCls}-status-text`}>{text}</span>
+          <span style={{ color: statusTextColor }} className={`${prefixCls}-status-text`}>
+            {text}
+          </span>
         </span>
       );
     }

From 946ef767e6ed1c90eda2da568d59b56d43340cb2 Mon Sep 17 00:00:00 2001
From: Cemre Mengu <cemremengu@gmail.com>
Date: Thu, 14 Mar 2019 11:13:01 +0300
Subject: [PATCH 067/122] Specify type for defaultOpenKeys

---
 components/menu/index.en-US.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/menu/index.en-US.md b/components/menu/index.en-US.md
index 3519db59d0..c5f38b9c31 100644
--- a/components/menu/index.en-US.md
+++ b/components/menu/index.en-US.md
@@ -28,7 +28,7 @@ More layouts with navigation: [layout](/components/layout).
 
 | Param | Description | Type | Default value |
 | ----- | ----------- | ---- | ------------- |
-| defaultOpenKeys | array with the keys of default opened sub menus |  |  |
+| defaultOpenKeys | array with the keys of default opened sub menus | string\[] |  |
 | defaultSelectedKeys | array with the keys of default selected menu items | string\[] |  |
 | forceSubMenuRender | render submenu into DOM before it shows | boolean | false |
 | inlineCollapsed | specifies the collapsed status when menu is inline mode | boolean | - |

From 198c01d454e504f888f355d016af4ef611616c76 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Thu, 14 Mar 2019 16:35:05 +0800
Subject: [PATCH 068/122] fix: bad position of collapsible submenu in sider
 when collapsed

---
 components/layout/demo/side.md |  5 +++--
 components/menu/index.tsx      | 13 +++++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/components/layout/demo/side.md b/components/layout/demo/side.md
index f2d9f91946..b0d3ee7f20 100644
--- a/components/layout/demo/side.md
+++ b/components/layout/demo/side.md
@@ -1,6 +1,7 @@
 ---
 order: 3
 iframe: 360
+only: true
 title:
   zh-CN: 侧边布局
   en-US: Sider
@@ -10,7 +11,7 @@ title:
 
 侧边两列式布局。页面横向空间有限时，侧边导航可收起。
 
-侧边导航在页面布局上采用的是左右的结构，一般主导航放置于页面的左侧固定位置，辅助菜单放置于工作区顶部。内容根据浏览器终端进行自适应，能提高横向空间的使用率，但是整个页面排版不稳定。侧边导航的模式层级扩展性强，一、二、三级导航项目可以更为顺畅且具关联性的被展示，同时侧边导航可以固定，使得用户在操作和浏览中可以快速的定位和切换当前位置，有很高的操作效率。但这类导航横向页面内容的空间会被牺牲一部份。
+侧边导航在页面布局上采用的是左右的结构，一般主导航放置于页面的左侧固定位置，辅助菜单放置于工作区顶部。内容根据浏览器终端进行自适应，能提高横向空间的使用率，但是整个页面排版不稳定。侧边导航的模式层级扩展性强，一、二、三级导航项目可以更为顺畅且具关联性的被展示，同时侧边导航可以固定，使得用户在操作和浏览中可以快速的定位和切换当前位置，有很高的操作效率。但这类导航横向页面内容的空间会被牺牲一部分。
 
 ## en-US
 
@@ -49,7 +50,7 @@ class SiderDemo extends React.Component {
           onCollapse={this.onCollapse}
         >
           <div className="logo" />
-          <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
+          <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline" subMenuCloseDelay={9999}>
             <Menu.Item key="1">
               <Icon type="pie-chart" />
               <span>Option 1</span>
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index eb8f89a322..4a814d7aa8 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -89,6 +89,7 @@ class Menu extends React.Component<MenuProps, MenuState> {
   context: any;
   switchingModeFromInline: boolean;
   inlineOpenKeys: string[] = [];
+  contextSiderCollapsed: boolean = true;
 
   constructor(props: MenuProps) {
     super(props);
@@ -129,12 +130,20 @@ class Menu extends React.Component<MenuProps, MenuState> {
     if (prevProps.mode === 'inline' && this.props.mode !== 'inline') {
       this.switchingModeFromInline = true;
     }
-    if (this.props.inlineCollapsed && !prevProps.inlineCollapsed) {
+    if (
+      (this.props.inlineCollapsed && !prevProps.inlineCollapsed) ||
+      (this.getInlineCollapsed() && this.contextSiderCollapsed)
+    ) {
+      this.contextSiderCollapsed = false;
       this.switchingModeFromInline = true;
       this.inlineOpenKeys = this.state.openKeys;
       this.setState({ openKeys: [] });
     }
-    if (!this.props.inlineCollapsed && prevProps.inlineCollapsed) {
+    if (
+      (!this.props.inlineCollapsed && prevProps.inlineCollapsed) ||
+      (!this.getInlineCollapsed() && !this.contextSiderCollapsed)
+    ) {
+      this.contextSiderCollapsed = true;
       this.setState({ openKeys: this.inlineOpenKeys });
       this.inlineOpenKeys = [];
     }

From a2eee8843ddc7a374d1abd29e410304c70b8b712 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Thu, 14 Mar 2019 20:45:05 +0800
Subject: [PATCH 069/122] revert: remove dev code

---
 components/layout/demo/side.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/layout/demo/side.md b/components/layout/demo/side.md
index b0d3ee7f20..b72ec5befa 100644
--- a/components/layout/demo/side.md
+++ b/components/layout/demo/side.md
@@ -1,7 +1,6 @@
 ---
 order: 3
 iframe: 360
-only: true
 title:
   zh-CN: 侧边布局
   en-US: Sider
@@ -50,7 +49,7 @@ class SiderDemo extends React.Component {
           onCollapse={this.onCollapse}
         >
           <div className="logo" />
-          <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline" subMenuCloseDelay={9999}>
+          <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
             <Menu.Item key="1">
               <Icon type="pie-chart" />
               <span>Option 1</span>

From ef1fc4a4e2c485430970ce9d1fe5630b9ca04fb2 Mon Sep 17 00:00:00 2001
From: Alexey <akaguny@users.noreply.github.com>
Date: Thu, 14 Mar 2019 15:59:05 +0300
Subject: [PATCH 070/122] docs(tabs): onTabClick description

* onTabClick collback description provided by rc-tabs
* link to rc-tabs docs (for read more)
---
 components/tabs/index.en-US.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/tabs/index.en-US.md b/components/tabs/index.en-US.md
index e0dfcd57e6..f651974a61 100644
--- a/components/tabs/index.en-US.md
+++ b/components/tabs/index.en-US.md
@@ -36,7 +36,8 @@ Ant Design has 3 types of Tabs for different situations.
 | onEdit | Callback executed when tab is added or removed. Only works while `type="editable-card"` | (targetKey, action): void | - |
 | onNextClick | Callback executed when next button is clicked | Function | - |
 | onPrevClick | Callback executed when prev button is clicked | Function | - |
-| onTabClick | Callback executed when tab is clicked | Function | - |
+| onTabClick | Callback executed when tab is clicked | Function(key: string, event: MouseEvent) | - |
+More option at [rc-tabs option](https://github.com/react-component/tabs#tabs)
 
 ### Tabs.TabPane
 
@@ -45,3 +46,4 @@ Ant Design has 3 types of Tabs for different situations.
 | forceRender | Forced render of content in tabs, not lazy render after clicking on tabs | boolean | false |
 | key | TabPane's key | string | - |
 | tab | Show text in TabPane's head | string\|ReactNode | - |
+More option at [rc-tabs option](https://github.com/react-component/tabs#tabpane)

From f9d01eeb99daac7d2e0332583b86eb0b8ed41d71 Mon Sep 17 00:00:00 2001
From: zy410419243 <zy410419243@gmail.com>
Date: Thu, 14 Mar 2019 21:04:13 +0800
Subject: [PATCH 071/122] test: update cases for using Menu with Layout.Sider

---
 components/menu/__tests__/index.test.js | 43 +++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/components/menu/__tests__/index.test.js b/components/menu/__tests__/index.test.js
index e5c1f682a1..6974c90484 100644
--- a/components/menu/__tests__/index.test.js
+++ b/components/menu/__tests__/index.test.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { mount } from 'enzyme';
 import Menu from '..';
 import Icon from '../../icon';
+import Layout from '../../layout';
 
 jest.mock('mutationobserver-shim', () => {
   global.MutationObserver = function MutationObserver() {
@@ -494,4 +495,46 @@ describe('Menu', () => {
     const text = wrapper.find('.ant-tooltip-inner').text();
     expect(text).toBe('bamboo lucky');
   });
+
+  it('render correctly when using with Layout.Sider', () => {
+    class Demo extends React.Component {
+      state = {
+        collapsed: false,
+      };
+
+      onCollapse = collapsed => this.setState({ collapsed });
+
+      render() {
+        const { collapsed } = this.state;
+        return (
+          <Layout style={{ minHeight: '100vh' }}>
+            <Layout.Sider collapsible collapsed={collapsed} onCollapse={this.onCollapse}>
+              <div className="logo" />
+              <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
+                <SubMenu
+                  key="sub1"
+                  title={
+                    <span>
+                      <Icon type="user" />
+                      <span>User</span>
+                    </span>
+                  }
+                >
+                  <Menu.Item key="3">Tom</Menu.Item>
+                  <Menu.Item key="4">Bill</Menu.Item>
+                  <Menu.Item key="5">Alex</Menu.Item>
+                </SubMenu>
+              </Menu>
+            </Layout.Sider>
+          </Layout>
+        );
+      }
+    }
+    const wrapper = mount(<Demo />);
+    wrapper.find('.ant-menu-submenu-title').simulate('click');
+    wrapper.find('.ant-layout-sider-trigger').simulate('click');
+    jest.runAllTimers();
+    wrapper.update();
+    expect(wrapper.find('.ant-menu-submenu-popup').length).toBe(0);
+  });
 });

From 7b2c878d71e3e73842881c82dd97e2ce8a2b547e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marek=20=C5=81uszczki?= <Maktel@users.noreply.github.com>
Date: Thu, 14 Mar 2019 19:30:41 +0100
Subject: [PATCH 072/122] fix Skeleton browser applied padding

Fix to issue #15413, caused by `padding-inline-start` rule in browser default styles
---
 components/skeleton/style/index.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/skeleton/style/index.less b/components/skeleton/style/index.less
index c6a6bfc9d7..48933b5ed4 100644
--- a/components/skeleton/style/index.less
+++ b/components/skeleton/style/index.less
@@ -54,6 +54,8 @@
 
     // paragraph
     .@{skeleton-paragraph-prefix-cls} {
+      padding: 0;
+      
       > li {
         width: 100%;
         height: 16px;

From eecc29da5e9d6655c356f6838cf212038af51fbc Mon Sep 17 00:00:00 2001
From: DiamondYuan <admin@diamondyuan.com>
Date: Fri, 15 Mar 2019 13:20:56 +0800
Subject: [PATCH 073/122] fix: change type of PaginationProps.itemRender
 originalElement param

---
 components/pagination/Pagination.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/pagination/Pagination.tsx b/components/pagination/Pagination.tsx
index c85e63da3b..9ef10a5b80 100644
--- a/components/pagination/Pagination.tsx
+++ b/components/pagination/Pagination.tsx
@@ -31,7 +31,7 @@ export interface PaginationProps {
   itemRender?: (
     page: number,
     type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next',
-    originalElement: HTMLElement,
+    originalElement: React.ReactElement<HTMLElement>,
   ) => React.ReactNode;
   role?: string;
 }

From e7e82defae9b452d65d9d9eb6cf9ff18a0d36171 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Mar 2019 15:57:53 +0800
Subject: [PATCH 074/122] :memo: Fix <Icon type="import" /> missing in
 documentation

---
 site/theme/template/IconDisplay/fields.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/site/theme/template/IconDisplay/fields.ts b/site/theme/template/IconDisplay/fields.ts
index d4d701331e..1234687318 100644
--- a/site/theme/template/IconDisplay/fields.ts
+++ b/site/theme/template/IconDisplay/fields.ts
@@ -207,6 +207,7 @@ export const categories = {
     'phone',
     'filter',
     'exception',
+    'import',
     'export',
     'customer-service',
     'qrcode',

From 9560844c9a4b466912bce235ab74378533e7928e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Mar 2019 16:11:02 +0800
Subject: [PATCH 075/122] :email: change hire email

---
 docs/spec/work-with-us.en-US.md | 2 +-
 docs/spec/work-with-us.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/spec/work-with-us.en-US.md b/docs/spec/work-with-us.en-US.md
index 32c9b27ed1..1280744183 100644
--- a/docs/spec/work-with-us.en-US.md
+++ b/docs/spec/work-with-us.en-US.md
@@ -36,7 +36,7 @@ ReactDOM.render(
 
 ## 前端工程师
 
-简历请投递：xingmin.zhu#alipay.com
+简历请投递：afc163+antd@gmail.com
 
 > 注明简历来自 ant.design 官网
 
diff --git a/docs/spec/work-with-us.zh-CN.md b/docs/spec/work-with-us.zh-CN.md
index 2f74f31207..a244f384a6 100644
--- a/docs/spec/work-with-us.zh-CN.md
+++ b/docs/spec/work-with-us.zh-CN.md
@@ -49,7 +49,7 @@ title: 加入我们
 
 ## 前端工程师
 
-简历请投递：xingmin.zhu#alipay.com
+简历请投递：afc163+antd@gmail.com
 
 > 注明简历来自 ant.design 官网
 

From 9673128ddfa82d15a27bed95338097ac354eb084 Mon Sep 17 00:00:00 2001
From: yuezk <yuezk001@gmail.com>
Date: Fri, 15 Mar 2019 16:58:47 +0800
Subject: [PATCH 076/122] docs: Correct the default value of mouseEnterDelay

---
 components/tooltip/index.en-US.md | 2 +-
 components/tooltip/index.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/tooltip/index.en-US.md b/components/tooltip/index.en-US.md
index 3d3016892a..f5445cf6c5 100644
--- a/components/tooltip/index.en-US.md
+++ b/components/tooltip/index.en-US.md
@@ -27,7 +27,7 @@ The following APIs are shared by Tooltip, Popconfirm, Popover.
 | autoAdjustOverflow | Whether to adjust popup placement automatically when popup is off screen | boolean | `true` |
 | defaultVisible | Whether the floating tooltip card is visible by default | boolean | `false` |
 | getPopupContainer | The DOM container of the tip, the default behavior is to create a `div` element in `body` | Function(triggerNode) | () => document.body |
-| mouseEnterDelay | Delay in seconds, before tooltip is shown on mouse enter | number | 0 |
+| mouseEnterDelay | Delay in seconds, before tooltip is shown on mouse enter | number | 0.1 |
 | mouseLeaveDelay | Delay in seconds, before tooltip is hidden on mouse leave | number | 0.1 |
 | overlayClassName | Class name of the tooltip card | string | - |
 | overlayStyle | Style of the tooltip card | object | - |
diff --git a/components/tooltip/index.zh-CN.md b/components/tooltip/index.zh-CN.md
index bb417a223a..22a398fb4d 100644
--- a/components/tooltip/index.zh-CN.md
+++ b/components/tooltip/index.zh-CN.md
@@ -29,7 +29,7 @@ title: Tooltip
 | autoAdjustOverflow | 气泡被遮挡时自动调整位置 | boolean | `true` |
 | defaultVisible | 默认是否显隐 | boolean | false |
 | getPopupContainer | 浮层渲染父节点，默认渲染到 body 上 | Function(triggerNode) | () => document.body |
-| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0 |
+| mouseEnterDelay | 鼠标移入后延时多少才显示 Tooltip，单位：秒 | number | 0.1 |
 | mouseLeaveDelay | 鼠标移出后延时多少才隐藏 Tooltip，单位：秒 | number | 0.1 |
 | overlayClassName | 卡片类名 | string | 无 |
 | overlayStyle | 卡片样式 | object | 无 |

From acc9e96689941be8da0c4bad9d08bcd71183a6af Mon Sep 17 00:00:00 2001
From: +v <ljw@live.jp>
Date: Fri, 15 Mar 2019 17:12:30 +0800
Subject: [PATCH 077/122] fix: clearTimeout

---
 site/theme/template/IconDisplay/Category.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/site/theme/template/IconDisplay/Category.tsx b/site/theme/template/IconDisplay/Category.tsx
index e0ce357367..66869515e2 100644
--- a/site/theme/template/IconDisplay/Category.tsx
+++ b/site/theme/template/IconDisplay/Category.tsx
@@ -28,11 +28,15 @@ class Category extends React.Component<CategoryProps, CategoryState> {
       </span>,
     );
     this.setState({ justCopied: type }, () => {
-      setTimeout(() => {
+      this.copyId = window.setTimeout(() => {
         this.setState({ justCopied: null });
       }, 2000);
     });
   };
+  
+  componentWillUnmount() {
+    window.clearTimeout(this.copyId);
+  }
 
   render() {
     const {

From 72296fd4e09e8b5755408b726cb15506dd0d5990 Mon Sep 17 00:00:00 2001
From: +v <ljw@live.jp>
Date: Fri, 15 Mar 2019 17:29:57 +0800
Subject: [PATCH 078/122] fix: lint

---
 site/theme/template/IconDisplay/Category.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/site/theme/template/IconDisplay/Category.tsx b/site/theme/template/IconDisplay/Category.tsx
index 66869515e2..027c31440e 100644
--- a/site/theme/template/IconDisplay/Category.tsx
+++ b/site/theme/template/IconDisplay/Category.tsx
@@ -17,6 +17,8 @@ interface CategoryState {
 }
 
 class Category extends React.Component<CategoryProps, CategoryState> {
+  copyId?: number;
+
   state = {
     justCopied: null,
   };

From 59a6d4933244b48d98ae72bea760303c637f1eb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 15 Mar 2019 19:01:20 +0800
Subject: [PATCH 079/122] Update index.en-US.md

---
 components/tabs/index.en-US.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/tabs/index.en-US.md b/components/tabs/index.en-US.md
index f651974a61..f6ce8d5e3e 100644
--- a/components/tabs/index.en-US.md
+++ b/components/tabs/index.en-US.md
@@ -37,6 +37,7 @@ Ant Design has 3 types of Tabs for different situations.
 | onNextClick | Callback executed when next button is clicked | Function | - |
 | onPrevClick | Callback executed when prev button is clicked | Function | - |
 | onTabClick | Callback executed when tab is clicked | Function(key: string, event: MouseEvent) | - |
+
 More option at [rc-tabs option](https://github.com/react-component/tabs#tabs)
 
 ### Tabs.TabPane
@@ -46,4 +47,5 @@ More option at [rc-tabs option](https://github.com/react-component/tabs#tabs)
 | forceRender | Forced render of content in tabs, not lazy render after clicking on tabs | boolean | false |
 | key | TabPane's key | string | - |
 | tab | Show text in TabPane's head | string\|ReactNode | - |
+
 More option at [rc-tabs option](https://github.com/react-component/tabs#tabpane)

From c99b2a772034a2c09962041e13d0b7c98d1d312f Mon Sep 17 00:00:00 2001
From: DiamondYuan <admin@diamondyuan.com>
Date: Sat, 16 Mar 2019 09:48:21 +0800
Subject: [PATCH 080/122] fix: export ConfigProviderProps interface

---
 components/config-provider/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/config-provider/index.tsx b/components/config-provider/index.tsx
index bd2c409e9c..401879984e 100644
--- a/components/config-provider/index.tsx
+++ b/components/config-provider/index.tsx
@@ -27,7 +27,7 @@ export const configConsumerProps = [
   'autoInsertSpaceInButton',
 ];
 
-interface ConfigProviderProps {
+export interface ConfigProviderProps {
   getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
   prefixCls?: string;
   children?: React.ReactNode;

From b40c0d3db312a76a77831b00b8f42da65bb5ec04 Mon Sep 17 00:00:00 2001
From: ztplz <mysticzt@gmail.com>
Date: Sat, 16 Mar 2019 14:00:44 +0800
Subject: [PATCH 081/122] Update DatePicker docs (#15092)

---
 components/date-picker/index.en-US.md | 2 +-
 components/date-picker/index.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/date-picker/index.en-US.md b/components/date-picker/index.en-US.md
index 98b76f0601..7ed1751509 100644
--- a/components/date-picker/index.en-US.md
+++ b/components/date-picker/index.en-US.md
@@ -77,7 +77,7 @@ The following APIs are shared by DatePicker, MonthPicker, RangePicker, WeekPicke
 
 | Property | Description | Type | Default |
 | -------- | ----------- | ---- | ------- |
-| defaultValue | to set default date | [moment](http://momentjs.com/) | - |
+| defaultValue | to set default date, if start time or end time is null or undefined, the date range will be an open interval | [moment](http://momentjs.com/) | - |
 | defaultPickerValue | to set default picker date | [moment](http://momentjs.com/) | - |
 | disabledTime | to specify the time that cannot be selected | function(date) | - |
 | format | to set the date format, refer to [moment.js](http://momentjs.com/). When an array is provided, all values are used for parsing and first value is used for formatting. | string \| string[] | "YYYY-MM-DD" |
diff --git a/components/date-picker/index.zh-CN.md b/components/date-picker/index.zh-CN.md
index dd73aacdd6..ad7f60b559 100644
--- a/components/date-picker/index.zh-CN.md
+++ b/components/date-picker/index.zh-CN.md
@@ -78,7 +78,7 @@ moment.locale('zh-cn');
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| defaultValue | 默认日期 | [moment](http://momentjs.com/) | 无 |
+| defaultValue | 默认日期，如果开始时间或结束时间为 `null` 或者 `undefined`，日期范围将是一个开区间 | [moment](http://momentjs.com/) | 无 |
 | defaultPickerValue | 默认面板日期 | [moment](http://momentjs.com/) | 无 |
 | disabledTime | 不可选择的时间 | function(date) | 无 |
 | format | 设置日期格式，为数组时支持多格式匹配，展示以第一个为准。配置参考 [moment.js](http://momentjs.com/) | string \| string[] | "YYYY-MM-DD" |

From 5d96ba64003fcaa3d02dbd3ceb166d1dd6d39bd2 Mon Sep 17 00:00:00 2001
From: Sam Kirkland <SamKirkland@users.noreply.github.com>
Date: Sat, 16 Mar 2019 01:27:23 -0500
Subject: [PATCH 082/122] English translation for notFoundContent (#15453)

---
 components/mention/index.en-US.md | 2 +-
 components/mention/index.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/mention/index.en-US.md b/components/mention/index.en-US.md
index 1f2c4c3482..6e4c7b5b8a 100644
--- a/components/mention/index.en-US.md
+++ b/components/mention/index.en-US.md
@@ -38,7 +38,7 @@ When need to mention someone or something.
 | getSuggestionContainer | rendered to the root of the menu. Default rendered to the body dom. If gets any problem of the menu while scrolling. Try to make the root the dom scrolled, and make it position relative. | function | () => document.body |
 | loading | loading mode | boolean | false |
 | multiLines | multilines mode | boolean | false |
-| notFoundContent | suggestion when suggestions empty | string | '无匹配结果，轻敲空格完成输入' |
+| notFoundContent | suggestion when suggestions empty | string | 'No matches found' |
 | placeholder | placeholder of input | string | null |
 | placement | The position of the suggestion relative to the target, which can be one of `top` and `bottom` | string | 'bottom'. |
 | prefix | character which will trigger Mention to show mention list | string or Array&lt;string> | '@' |
diff --git a/components/mention/index.tsx b/components/mention/index.tsx
index 0ff8deaf6d..94c1635825 100644
--- a/components/mention/index.tsx
+++ b/components/mention/index.tsx
@@ -40,7 +40,7 @@ export interface MentionState {
 class Mention extends React.Component<MentionProps, MentionState> {
   static getMentions = getMentions;
   static defaultProps = {
-    notFoundContent: '无匹配结果，轻敲空格完成输入',
+    notFoundContent: 'No matches found',
     loading: false,
     multiLines: false,
     placement: 'bottom' as MentionPlacement,

From 5b3628bbdc008045c35938272a4e9617f1a73ad7 Mon Sep 17 00:00:00 2001
From: picodoth <pikaleize@gmail.com>
Date: Sun, 17 Mar 2019 01:22:24 +0800
Subject: [PATCH 083/122] docs: add changelog for 3.15.1

---
 CHANGELOG.en-US.md | 30 ++++++++++++++++++++++++++++++
 CHANGELOG.zh-CN.md | 31 +++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index b0c2e8b748..aaa889f126 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,36 @@ timeline: true
 
 ---
 
+## 3.15.1
+
+`2019-03-17`
+
+- 🌟 Add less variable `@pagination-item-bg-active`. [#14739](https://github.com/ant-design/ant-design/issues/14739)
+- 🌟 Add less variable `@icon-color`. [#15343](https://github.com/ant-design/ant-design/issues/15343)
+- 🌟 Add less variable `@btn-border-width` and `@btn-border-style` to control button style independently. [#15397](https://github.com/ant-design/ant-design/issues/15397) [@searleb](https://github.com/searleb)
+- 🌟 Add deps lint. [#15407](https://github.com/ant-design/ant-design/issues/15407)
+- 🌟 Modal support `Modal.confirm({ icon: null })` to hide default Icon. [#15319](https://github.com/ant-design/ant-design/pull/15319)
+- List
+  - 🐞 Keep same content color of List like previous version. [#15296](https://github.com/ant-design/ant-design/issues/15296)
+  - 🐞 Fix some List Item styling issues. [#15329](https://github.com/ant-design/ant-design/issues/15329)
+- Badge
+  - 🐞 Fix Badge should support color style. [#15349](https://github.com/ant-design/ant-design/issues/15349) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 Fix height problem of Badge with dot. [#15367](https://github.com/ant-design/ant-design/issues/15367)
+- 🐞 Fix tabbar style of Tabs component in card mode. [#15297](https://github.com/ant-design/ant-design/issues/15297) [@rinick](https://github.com/rinick)
+- 🐞 Fix Calendar can't switch type. [#15334](https://github.com/ant-design/ant-design/issues/15334) [@zy410419243](https://github.com/zy410419243)
+- 🐞 Fix Avatar component cannot calculate the offset when `display: none` is set. [#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
+- 🐞 Correct suffix icon in Input.Password. [#15369](https://github.com/ant-design/ant-design/issues/15369) [melchior-voidwolf](https://github.com/melchior-voidwolf)
+- 🐞 Fix Layout has classname `ant-layout-has-sider` even if `hasFixer` is set to `false`. [#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
+- 🐞 Fix Divider alignment issue in PageHeader. [#15336](https://github.com/ant-design/ant-design/issues/15336)
+- 🐞 Fix Skeleton broken style. [#15413](https://github.com/ant-design/ant-design/issues/15413) [@Maktel](https://github.com/Maktel)
+- 🐞 Fixed a warning caused by setTimeout. [#15434](https://github.com/ant-design/ant-design/pull/15434) [@chiaweilee](https://github.com/chiaweilee)
+- Typescript
+  - 🌟 FormComponentProps added a generic type of form values. [#15355](https://github.com/ant-design/ant-design/pull/15355)
+  - 🌟 Export ConfigProviderProps interface. [#15438](https://github.com/ant-design/ant-design/issues/15438) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 Add `onClick` prop for BreadcrumbItem. [#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb)
+  - 🐞 Add `style` prop for Steps.Step component. [#15358](https://github.com/ant-design/ant-design/issues/15358) [@pavolgolias](https://github.com/pavolgolias)
+  - 🐞 Fixed `itemRender` definition of Pagination. [#15384](https://github.com/ant-design/ant-design/issues/15384) [@DiamondYuan](https://github.com/DiamondYuan)
+
 ## 3.15.0
 
 `2019-03-08`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 408032a708..e160684eb1 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,37 @@ timeline: true
 
 ---
 
+## 3.15.1
+
+`2019-03-17`
+
+- 🌟 添加 less 变量 `@pagination-item-bg-active`。 [#14739](https://github.com/ant-design/ant-design/issues/14739)
+- 🌟 添加 less 变量 `@icon-color`。[#15343](https://github.com/ant-design/ant-design/issues/15343)
+- 🌟 添加两个 less 变量 `@btn-border-width` 和 `@btn-border-style` 来独立控制 Button 的样式。[#15397](https://github.com/ant-design/ant-design/issues/15343) [@searleb](https://github.com/searleb)
+- 🌟 添加 deps lint。[#15343](https://github.com/ant-design/ant-design/issues/15397)
+- 🌟 Modal 组件添加 `Modal.confirm({ icon: null })` 来隐藏默认的 Icon。[#15319](https://github.com/ant-design/ant-design/pull/15319)
+- List
+  - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15296](https://github.com/ant-design/ant-design/issues/15296)
+  - 🐞 修复 List 的一些央视问题。[#15329](https://github.com/ant-design/ant-design/issues/15329)
+- Badge
+  - 🐞 修复 Badge 组件应当支持自定义颜色。[#15349](https://github.com/ant-design/ant-design/issues/15349) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 修复 Badge 组件内带小圆点时的高度问题。[#15367](https://github.com/ant-design/ant-design/issues/15367)
+- 🐞 修复 Tabs 组件在卡片模式下 tabbar 的样式。[#15297](https://github.com/ant-design/ant-design/issues/15297) [@rinick](https://github.com/rinick)
+- 🐞 修复 Calendar 无法切换类型的问题。[#15334](https://github.com/ant-design/ant-design/issues/15334) [@zy410419243](https://github.com/zy410419243)
+- 🐞 修复 Avatar 组件设置了 `display: none` 的时候无法计算偏移量的问题。[#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
+- 🐞 修复 Input.Password 组件的后置 Icon。[#15369](https://github.com/ant-design/ant-design/issues/15369) [melchior-voidwolf](https://github.com/melchior-voidwolf)
+- 🐞 修复即使在指定 Layout 的 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 的 classname 的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
+- 🐞 修复 Divider 在 PageHeader 组件中的对齐问题。[#15336](https://github.com/ant-design/ant-design/issues/15336)
+- 🐞 修复 Menu 收缩后，SubMenu 异常渲染的问题。[#15409](https://github.com/ant-design/ant-design/pull/15409) [@zy410419243](https://github.com/zy410419243)
+- 🐞 修复 Skeleton 组件的样式问题。[#15413](https://github.com/ant-design/ant-design/issues/15413) [@Maktel](https://github.com/Maktel)
+- 🐞 修复一个 setTimeout 引起的 warning。[#15434](https://github.com/ant-design/ant-design/pull/15434) [@chiaweilee](https://github.com/chiaweilee)
+- Typescript
+  - 🌟 FormComponentProps 新增 Form 值的范型。[#15355](https://github.com/ant-design/ant-design/pull/15355)
+  - 🌟 导出 ConfigProviderProps 定义。[#15438](https://github.com/ant-design/ant-design/issues/15438) [@DiamondYuan](https://github.com/DiamondYuan) 
+  - 🐞 添加 BreadcrumbItem 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [tgxpuisb](https://github.com/tgxpuisb) 
+  - 🐞 添加 Steps.Step 组件的 `style` 定义。[#15358](https://github.com/ant-design/ant-design/issues/15358) [@pavolgolias](https://github.com/pavolgolias)
+  - 🐞 修复 PaginationProps 组件 `itemRender` 函数的类型错误。[#15384](https://github.com/ant-design/ant-design/issues/15384) [@DiamondYuan](https://github.com/DiamondYuan)
+
 ## 3.15.0
 
 `2019-03-08`

From dbd9f323c6bb193546d3cf7f69c84dab37d24d90 Mon Sep 17 00:00:00 2001
From: picodoth <pikaleize@gmail.com>
Date: Sun, 17 Mar 2019 10:51:12 +0800
Subject: [PATCH 084/122] address cr

---
 CHANGELOG.en-US.md | 37 +++++++++++++++++--------------------
 CHANGELOG.zh-CN.md | 37 +++++++++++++++++--------------------
 2 files changed, 34 insertions(+), 40 deletions(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index aaa889f126..b02950ab02 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -19,31 +19,28 @@ timeline: true
 
 `2019-03-17`
 
-- 🌟 Add less variable `@pagination-item-bg-active`. [#14739](https://github.com/ant-design/ant-design/issues/14739)
-- 🌟 Add less variable `@icon-color`. [#15343](https://github.com/ant-design/ant-design/issues/15343)
-- 🌟 Add less variable `@btn-border-width` and `@btn-border-style` to control button style independently. [#15397](https://github.com/ant-design/ant-design/issues/15397) [@searleb](https://github.com/searleb)
-- 🌟 Add deps lint. [#15407](https://github.com/ant-design/ant-design/issues/15407)
-- 🌟 Modal support `Modal.confirm({ icon: null })` to hide default Icon. [#15319](https://github.com/ant-design/ant-design/pull/15319)
+- 🌟 Add four less variables `@pagination-item-bg-active`, `@icon-color`, `@btn-border-width` and `@btn-border-style`. [#15302](https://github.com/ant-design/ant-design/pull/15302), [#15343](https://github.com/ant-design/ant-design/issues/15343), [#15397](https://github.com/ant-design/ant-design/issues/15397) [@searleb](https://github.com/searleb)
+- 🌟 Fix tree shaking not working for PageHeader. [#15354](https://github.com/ant-design/ant-design/pull/15354)
+- 🌟 Modal supports `Modal.confirm({ icon: null })` to hide default Icon. [#15319](https://github.com/ant-design/ant-design/pull/15319)
 - List
-  - 🐞 Keep same content color of List like previous version. [#15296](https://github.com/ant-design/ant-design/issues/15296)
-  - 🐞 Fix some List Item styling issues. [#15329](https://github.com/ant-design/ant-design/issues/15329)
+  - 🐞 Keep same content color of List like previous version. [#15301](https://github.com/ant-design/ant-design/pull/15301)
+  - 🐞 Fix some List Item styling issues. [#15328](https://github.com/ant-design/ant-design/pull/15328)
 - Badge
-  - 🐞 Fix Badge should support color style. [#15349](https://github.com/ant-design/ant-design/issues/15349) [@DiamondYuan](https://github.com/DiamondYuan)
-  - 🐞 Fix height problem of Badge with dot. [#15367](https://github.com/ant-design/ant-design/issues/15367)
-- 🐞 Fix tabbar style of Tabs component in card mode. [#15297](https://github.com/ant-design/ant-design/issues/15297) [@rinick](https://github.com/rinick)
-- 🐞 Fix Calendar can't switch type. [#15334](https://github.com/ant-design/ant-design/issues/15334) [@zy410419243](https://github.com/zy410419243)
+  - 🐞 Fix the issue that customized color is not supported in Badge. [#15356](https://github.com/ant-design/ant-design/pull/15356) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 Fix height problem of Badge with dot. [#15395](https://github.com/ant-design/ant-design/pull/15395)
+- 🐞 Fix tabbar style of Tabs component in card mode. [#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
+- 🐞 Fix Calendar can't switch type. [#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
 - 🐞 Fix Avatar component cannot calculate the offset when `display: none` is set. [#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
-- 🐞 Correct suffix icon in Input.Password. [#15369](https://github.com/ant-design/ant-design/issues/15369) [melchior-voidwolf](https://github.com/melchior-voidwolf)
+- 🐞 Correct suffix icon in Input.Password. [#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
 - 🐞 Fix Layout has classname `ant-layout-has-sider` even if `hasFixer` is set to `false`. [#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
-- 🐞 Fix Divider alignment issue in PageHeader. [#15336](https://github.com/ant-design/ant-design/issues/15336)
-- 🐞 Fix Skeleton broken style. [#15413](https://github.com/ant-design/ant-design/issues/15413) [@Maktel](https://github.com/Maktel)
-- 🐞 Fixed a warning caused by setTimeout. [#15434](https://github.com/ant-design/ant-design/pull/15434) [@chiaweilee](https://github.com/chiaweilee)
-- Typescript
+- 🐞 Fix Divider alignment issue in PageHeader. [#15400](https://github.com/ant-design/ant-design/pull/15400)
+- 🐞 Fix a style issue of Skeleton. [#15421](https://github.com/ant-design/ant-design/pull/15421)  [@Maktel](https://github.com/Maktel)
+- 🌟 Adjust multiple TypeScript types
   - 🌟 FormComponentProps added a generic type of form values. [#15355](https://github.com/ant-design/ant-design/pull/15355)
-  - 🌟 Export ConfigProviderProps interface. [#15438](https://github.com/ant-design/ant-design/issues/15438) [@DiamondYuan](https://github.com/DiamondYuan)
-  - 🐞 Add `onClick` prop for BreadcrumbItem. [#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb)
-  - 🐞 Add `style` prop for Steps.Step component. [#15358](https://github.com/ant-design/ant-design/issues/15358) [@pavolgolias](https://github.com/pavolgolias)
-  - 🐞 Fixed `itemRender` definition of Pagination. [#15384](https://github.com/ant-design/ant-design/issues/15384) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🌟 Export ConfigProviderProps interface. [#15446](https://github.com/ant-design/ant-design/pull/15446)  [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 Add `onClick` prop for Breadcrumb.Item. [#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb)
+  - 🐞 Add `style` prop for Steps.Step component. [#15393](https://github.com/ant-design/ant-design/pull/15393) [@pavolgolias](https://github.com/pavolgolias)
+  - 🐞 Fix `itemRender` definition of Pagination. [#15428](https://github.com/ant-design/ant-design/pull/15428) [@DiamondYuan](https://github.com/DiamondYuan)
 
 ## 3.15.0
 
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index e160684eb1..b26fa39ea8 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -19,32 +19,29 @@ timeline: true
 
 `2019-03-17`
 
-- 🌟 添加 less 变量 `@pagination-item-bg-active`。 [#14739](https://github.com/ant-design/ant-design/issues/14739)
-- 🌟 添加 less 变量 `@icon-color`。[#15343](https://github.com/ant-design/ant-design/issues/15343)
-- 🌟 添加两个 less 变量 `@btn-border-width` 和 `@btn-border-style` 来独立控制 Button 的样式。[#15397](https://github.com/ant-design/ant-design/issues/15343) [@searleb](https://github.com/searleb)
-- 🌟 添加 deps lint。[#15343](https://github.com/ant-design/ant-design/issues/15397)
+- 🌟 添加了四个 less 变量 `@pagination-item-bg-active`、`@icon-color`、`@btn-border-width` 以及 `@btn-border-style`。 [#15302](https://github.com/ant-design/ant-design/pull/15302)、[#15345](https://github.com/ant-design/ant-design/pull/15345)、[#15397](https://github.com/ant-design/ant-design/pull/15397) [@searleb](https://github.com/searleb)
+- 🌟 修复 PageHeader tree shaking 失效的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
 - 🌟 Modal 组件添加 `Modal.confirm({ icon: null })` 来隐藏默认的 Icon。[#15319](https://github.com/ant-design/ant-design/pull/15319)
 - List
-  - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15296](https://github.com/ant-design/ant-design/issues/15296)
-  - 🐞 修复 List 的一些央视问题。[#15329](https://github.com/ant-design/ant-design/issues/15329)
+  - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15301](https://github.com/ant-design/ant-design/pull/15301)
+  - 🐞 修复 List 的一些样式问题。[#15328](https://github.com/ant-design/ant-design/pull/15328)
 - Badge
-  - 🐞 修复 Badge 组件应当支持自定义颜色。[#15349](https://github.com/ant-design/ant-design/issues/15349) [@DiamondYuan](https://github.com/DiamondYuan)
-  - 🐞 修复 Badge 组件内带小圆点时的高度问题。[#15367](https://github.com/ant-design/ant-design/issues/15367)
-- 🐞 修复 Tabs 组件在卡片模式下 tabbar 的样式。[#15297](https://github.com/ant-design/ant-design/issues/15297) [@rinick](https://github.com/rinick)
-- 🐞 修复 Calendar 无法切换类型的问题。[#15334](https://github.com/ant-design/ant-design/issues/15334) [@zy410419243](https://github.com/zy410419243)
+  - 🐞 修复 Badge 组件不支持自定义颜色的问题。[#15356](https://github.com/ant-design/ant-design/pull/15356)  [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 修复 Badge 组件内带小圆点时的高度问题。[#15395](https://github.com/ant-design/ant-design/pull/15395)
+- 🐞 修复 Tabs 组件在卡片模式下 tabbar 的样式。[#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
+- 🐞 修复 Calendar 无法切换类型的问题。[#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
 - 🐞 修复 Avatar 组件设置了 `display: none` 的时候无法计算偏移量的问题。[#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
-- 🐞 修复 Input.Password 组件的后置 Icon。[#15369](https://github.com/ant-design/ant-design/issues/15369) [melchior-voidwolf](https://github.com/melchior-voidwolf)
-- 🐞 修复即使在指定 Layout 的 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 的 classname 的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
-- 🐞 修复 Divider 在 PageHeader 组件中的对齐问题。[#15336](https://github.com/ant-design/ant-design/issues/15336)
+- 🐞 修复 Input.Password 组件的后置 Icon。[#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
+- 🐞 修复 Layout 即使在 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 的 classname 的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
+- 🐞 修复 Divider 在 PageHeader 组件中的对齐问题。[#15400](https://github.com/ant-design/ant-design/pull/15400)
 - 🐞 修复 Menu 收缩后，SubMenu 异常渲染的问题。[#15409](https://github.com/ant-design/ant-design/pull/15409) [@zy410419243](https://github.com/zy410419243)
-- 🐞 修复 Skeleton 组件的样式问题。[#15413](https://github.com/ant-design/ant-design/issues/15413) [@Maktel](https://github.com/Maktel)
-- 🐞 修复一个 setTimeout 引起的 warning。[#15434](https://github.com/ant-design/ant-design/pull/15434) [@chiaweilee](https://github.com/chiaweilee)
-- Typescript
+- 🐞 修复 Skeleton 组件的样式问题。[#15421](https://github.com/ant-design/ant-design/pull/15421) [@Maktel](https://github.com/Maktel)
+- 调整了多处 Typescript 类型
   - 🌟 FormComponentProps 新增 Form 值的范型。[#15355](https://github.com/ant-design/ant-design/pull/15355)
-  - 🌟 导出 ConfigProviderProps 定义。[#15438](https://github.com/ant-design/ant-design/issues/15438) [@DiamondYuan](https://github.com/DiamondYuan) 
-  - 🐞 添加 BreadcrumbItem 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [tgxpuisb](https://github.com/tgxpuisb) 
-  - 🐞 添加 Steps.Step 组件的 `style` 定义。[#15358](https://github.com/ant-design/ant-design/issues/15358) [@pavolgolias](https://github.com/pavolgolias)
-  - 🐞 修复 PaginationProps 组件 `itemRender` 函数的类型错误。[#15384](https://github.com/ant-design/ant-design/issues/15384) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🌟 导出 ConfigProviderProps 定义。[#15446](https://github.com/ant-design/ant-design/pull/15446) [@DiamondYuan](https://github.com/DiamondYuan)
+  - 🐞 添加 Breadcrumb.Item 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb) 
+  - 🐞 添加 Steps.Step 组件的 `style` 定义。[#15393](https://github.com/ant-design/ant-design/pull/15393) [@pavolgolias](https://github.com/pavolgolias)
+  - 🐞 修复 PaginationProps 组件 `itemRender` 函数的类型错误。[#15428](https://github.com/ant-design/ant-design/pull/15428) [@DiamondYuan](https://github.com/DiamondYuan)
 
 ## 3.15.0
 

From eacb5723a2828551549bdde553180feba677cb19 Mon Sep 17 00:00:00 2001
From: picodoth <pikaleize@gmail.com>
Date: Sun, 17 Mar 2019 13:52:27 +0800
Subject: [PATCH 085/122] 3.15.1

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

diff --git a/package.json b/package.json
index 1585485ded..91c6ab646b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "3.15.0",
+  "version": "3.15.1",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React-based implementation",
   "homepage": "http://ant.design/",

From 115db9df7041fc2eaacc4f005235aa8f6514ede3 Mon Sep 17 00:00:00 2001
From: whinc <whincwu@163.com>
Date: Sun, 17 Mar 2019 14:20:13 +0800
Subject: [PATCH 086/122] docs: add 'sortDirections' description to Table
 component (#15461)

---
 components/table/index.en-US.md | 1 +
 components/table/index.zh-CN.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/components/table/index.en-US.md b/components/table/index.en-US.md
index e88aecdc34..4ac03fe700 100644
--- a/components/table/index.en-US.md
+++ b/components/table/index.en-US.md
@@ -127,6 +127,7 @@ One of the Table `columns` prop for describing the table's columns, Column has t
 | render | Renderer of the table cell. The return value should be a ReactNode, or an object for [colSpan/rowSpan config](#components-table-demo-colspan-rowspan) | Function(text, record, index) {} | - |
 | sorter | Sort function for local sort, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. If you need sort buttons only, set to `true` | Function\|boolean | - |
 | sortOrder | Order of sorted values: `'ascend'` `'descend'` `false` | boolean\|string | - |
+| sortDirections | supported sort way, could be `'ascend'`, `'descend'` | Array | `['ascend', 'descend']` |
 | title | Title of this column | ReactNode\|({ sortOrder, filters }) => ReactNode | - |
 | width | Width of this column | string\|number | - |
 | onCell | Set props on per cell | Function(record, rowIndex) | - |
diff --git a/components/table/index.zh-CN.md b/components/table/index.zh-CN.md
index 6fcdcfe0de..93c03f34ed 100644
--- a/components/table/index.zh-CN.md
+++ b/components/table/index.zh-CN.md
@@ -132,6 +132,7 @@ const columns = [{
 | render | 生成复杂数据的渲染函数，参数分别为当前行的值，当前行数据，行索引，@return里面可以设置表格[行/列合并](#components-table-demo-colspan-rowspan) | Function(text, record, index) {} | - |
 | sorter | 排序函数，本地排序使用一个函数(参考 [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) 的 compareFunction)，需要服务端排序可设为 true | Function\|boolean | - |
 | sortOrder | 排序的受控属性，外界可用此控制列的排序，可设置为 `'ascend'` `'descend'` `false` | boolean\|string | - |
+| sortDirections | 支持的排序方式，取值为 `'ascend'` `'descend'` | Array | `['ascend', 'descend']` |
 | title | 列头显示文字 | ReactNode\|({ sortOrder, filters }) => ReactNode | - |
 | width | 列宽度 | string\|number | - |
 | onCell | 设置单元格属性 | Function(record, rowIndex) | - |

From 3387ba181d5421cf6b4c93cac8233612cfc4d203 Mon Sep 17 00:00:00 2001
From: DiamondYuan <541832074@qq.com>
Date: Sun, 17 Mar 2019 14:25:34 +0800
Subject: [PATCH 087/122] fix: Typescript definition update for List component
 (#15462)

---
 components/list/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/list/index.tsx b/components/list/index.tsx
index defb269e01..70371ce9c7 100644
--- a/components/list/index.tsx
+++ b/components/list/index.tsx
@@ -29,6 +29,8 @@ export interface ListGridType {
 
 export type ListSize = 'small' | 'default' | 'large';
 
+export type ListItemLayout = 'horizontal' | 'vertical';
+
 export interface ListProps {
   bordered?: boolean;
   className?: string;
@@ -37,7 +39,7 @@ export interface ListProps {
   extra?: React.ReactNode;
   grid?: ListGridType;
   id?: string;
-  itemLayout?: string;
+  itemLayout?: ListItemLayout;
   loading?: boolean | SpinProps;
   loadMore?: React.ReactNode;
   pagination?: PaginationConfig | false;

From f080fa01c373192ce57ba9fc50c033e3474c1d15 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 17 Mar 2019 14:33:46 +0800
Subject: [PATCH 088/122] :memo: Opatimize changelog for 3.15.1

---
 CHANGELOG.en-US.md | 11 +++++------
 CHANGELOG.zh-CN.md | 13 ++++++-------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index b02950ab02..ff6c200383 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -19,17 +19,16 @@ timeline: true
 
 `2019-03-17`
 
-- 🌟 Add four less variables `@pagination-item-bg-active`, `@icon-color`, `@btn-border-width` and `@btn-border-style`. [#15302](https://github.com/ant-design/ant-design/pull/15302), [#15343](https://github.com/ant-design/ant-design/issues/15343), [#15397](https://github.com/ant-design/ant-design/issues/15397) [@searleb](https://github.com/searleb)
-- 🌟 Fix tree shaking not working for PageHeader. [#15354](https://github.com/ant-design/ant-design/pull/15354)
-- 🌟 Modal supports `Modal.confirm({ icon: null })` to hide default Icon. [#15319](https://github.com/ant-design/ant-design/pull/15319)
+- 🌟 Add four less variables `@pagination-item-bg-active`, `@icon-color`. [#15302](https://github.com/ant-design/ant-design/pull/15302) [#15343](https://github.com/ant-design/ant-design/issues/15343)
+- 🐞 Fix tree shaking not working for importing PageHeader. [#15354](https://github.com/ant-design/ant-design/pull/15354)
 - List
-  - 🐞 Keep same content color of List like previous version. [#15301](https://github.com/ant-design/ant-design/pull/15301)
   - 🐞 Fix some List Item styling issues. [#15328](https://github.com/ant-design/ant-design/pull/15328)
+  - 🐞 Keep same content color of List like previous version. [#15301](https://github.com/ant-design/ant-design/pull/15301)
+- 🐞 Fix Calendar can't switch type. [#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
 - Badge
   - 🐞 Fix the issue that customized color is not supported in Badge. [#15356](https://github.com/ant-design/ant-design/pull/15356) [@DiamondYuan](https://github.com/DiamondYuan)
   - 🐞 Fix height problem of Badge with dot. [#15395](https://github.com/ant-design/ant-design/pull/15395)
-- 🐞 Fix tabbar style of Tabs component in card mode. [#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
-- 🐞 Fix Calendar can't switch type. [#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
+- 🐞 Fix tabbar style of Tabs in card mode when browser is zoomed out. [#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
 - 🐞 Fix Avatar component cannot calculate the offset when `display: none` is set. [#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
 - 🐞 Correct suffix icon in Input.Password. [#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
 - 🐞 Fix Layout has classname `ant-layout-has-sider` even if `hasFixer` is set to `false`. [#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index b26fa39ea8..5076b13b06 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -19,17 +19,16 @@ timeline: true
 
 `2019-03-17`
 
-- 🌟 添加了四个 less 变量 `@pagination-item-bg-active`、`@icon-color`、`@btn-border-width` 以及 `@btn-border-style`。 [#15302](https://github.com/ant-design/ant-design/pull/15302)、[#15345](https://github.com/ant-design/ant-design/pull/15345)、[#15397](https://github.com/ant-design/ant-design/pull/15397) [@searleb](https://github.com/searleb)
-- 🌟 修复 PageHeader tree shaking 失效的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
-- 🌟 Modal 组件添加 `Modal.confirm({ icon: null })` 来隐藏默认的 Icon。[#15319](https://github.com/ant-design/ant-design/pull/15319)
+- 🌟 补充了 less 变量 `@pagination-item-bg-active`、`@icon-color`。 [#15302](https://github.com/ant-design/ant-design/pull/15302) [#15345](https://github.com/ant-design/ant-design/pull/15345)
+- 🐞 修复引入 PageHeader 导致 tree shaking 失效的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
 - List
-  - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15301](https://github.com/ant-design/ant-design/pull/15301)
   - 🐞 修复 List 的一些样式问题。[#15328](https://github.com/ant-design/ant-design/pull/15328)
+  - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15301](https://github.com/ant-design/ant-design/pull/15301)
+- 🐞 修复 Calendar 无法切换类型的问题。[#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
 - Badge
   - 🐞 修复 Badge 组件不支持自定义颜色的问题。[#15356](https://github.com/ant-design/ant-design/pull/15356)  [@DiamondYuan](https://github.com/DiamondYuan)
   - 🐞 修复 Badge 组件内带小圆点时的高度问题。[#15395](https://github.com/ant-design/ant-design/pull/15395)
-- 🐞 修复 Tabs 组件在卡片模式下 tabbar 的样式。[#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
-- 🐞 修复 Calendar 无法切换类型的问题。[#15338](https://github.com/ant-design/ant-design/pull/15338) [@zy410419243](https://github.com/zy410419243)
+- 🐞 微调 Tabs 标签模式在浏览器放大时丢失边框的问题。[#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
 - 🐞 修复 Avatar 组件设置了 `display: none` 的时候无法计算偏移量的问题。[#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
 - 🐞 修复 Input.Password 组件的后置 Icon。[#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
 - 🐞 修复 Layout 即使在 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 的 classname 的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
@@ -39,7 +38,7 @@ timeline: true
 - 调整了多处 Typescript 类型
   - 🌟 FormComponentProps 新增 Form 值的范型。[#15355](https://github.com/ant-design/ant-design/pull/15355)
   - 🌟 导出 ConfigProviderProps 定义。[#15446](https://github.com/ant-design/ant-design/pull/15446) [@DiamondYuan](https://github.com/DiamondYuan)
-  - 🐞 添加 Breadcrumb.Item 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb) 
+  - 🐞 添加 Breadcrumb.Item 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb)
   - 🐞 添加 Steps.Step 组件的 `style` 定义。[#15393](https://github.com/ant-design/ant-design/pull/15393) [@pavolgolias](https://github.com/pavolgolias)
   - 🐞 修复 PaginationProps 组件 `itemRender` 函数的类型错误。[#15428](https://github.com/ant-design/ant-design/pull/15428) [@DiamondYuan](https://github.com/DiamondYuan)
 

From b1ec61a2daa5b780a9e7a609d14375dbe3423b9b Mon Sep 17 00:00:00 2001
From: Rick Zhou <rinick@gmail.com>
Date: Sun, 17 Mar 2019 19:41:44 -0700
Subject: [PATCH 089/122] another try of fixing tab style (#15458)

* another try of fixing tab style

* fix card mode tab bottom line animation

#15299
#15297
#15234
---
 components/tabs/style/card-style.less | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
index 691dbd6ead..813ca11aa5 100644
--- a/components/tabs/style/card-style.less
+++ b/components/tabs/style/card-style.less
@@ -12,23 +12,22 @@
     visibility: hidden;
   }
   &&-card &-card-bar &-tab {
-    height: @tabs-card-height - 1px;
+    height: @tabs-card-height;
     margin: 0;
     margin-right: 2px;
     padding: 0 16px;
     line-height: @tabs-card-height - 2px;
     background: @tabs-card-head-background;
     border: @border-width-base @border-style-base @border-color-split;
-    border-bottom: 0;
     border-radius: @border-radius-base @border-radius-base 0 0;
     transition: all 0.3s @ease-in-out;
   }
   &&-card &-card-bar &-tab-active {
     height: @tabs-card-height;
-    padding-bottom: 1px;
     color: @tabs-card-active-color;
     background: @component-background;
     border-color: @border-color-split;
+    border-bottom: @border-width-base solid @component-background;
   }
   &&-card &-card-bar &-tab-inactive {
     padding: 0;

From 554fdd4a3c6e540b865106e1cd2429d8ad8011f9 Mon Sep 17 00:00:00 2001
From: ZYSzys <zyszys98@gmail.com>
Date: Mon, 18 Mar 2019 10:46:17 +0800
Subject: [PATCH 090/122] script: cleanup & reduce useless prettier files
 (#15467)

---
 components/list/__tests__/Item.test.js       | 60 ++++++++++----
 components/skeleton/style/index.less         |  2 +-
 components/tabs/__tests__/demo.test.js       |  2 +-
 package.json                                 |  6 +-
 scripts/lint-prettier.js                     | 48 -----------
 scripts/pre-prettier.js                      | 47 -----------
 scripts/prettier.js                          | 87 +++++++++++---------
 site/theme/template/IconDisplay/Category.tsx |  2 +-
 8 files changed, 96 insertions(+), 158 deletions(-)
 delete mode 100644 scripts/lint-prettier.js
 delete mode 100644 scripts/pre-prettier.js

diff --git a/components/list/__tests__/Item.test.js b/components/list/__tests__/Item.test.js
index 25743f3dd2..a697a93df3 100644
--- a/components/list/__tests__/Item.test.js
+++ b/components/list/__tests__/Item.test.js
@@ -3,15 +3,19 @@ import { mount } from 'enzyme';
 import List from '..';
 
 describe('List Item Layout', () => {
-  const data = [{
-    key: 1,
-    href: 'http://ant.design',
-    title: `ant design`,
-    avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
-    description: 'Ant Design, a design language for background applications, is refined by Ant UED Team.',
-    content: 'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
-    extra: 'extra',
-  }];
+  const data = [
+    {
+      key: 1,
+      href: 'http://ant.design',
+      title: `ant design`,
+      avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+      description:
+        'Ant Design, a design language for background applications, is refined by Ant UED Team.',
+      content:
+        'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
+      extra: 'extra',
+    },
+  ];
 
   it('horizontal itemLayout List which contains string nodes should not be flex container', () => {
     const wrapper = mount(
@@ -22,9 +26,14 @@ describe('List Item Layout', () => {
             I am <span>ant</span> design list item
           </List.Item>
         )}
-      />
+      />,
     );
-    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(true);
+    expect(
+      wrapper
+        .find('.ant-list-item')
+        .at(0)
+        .hasClass('ant-list-item-no-flex'),
+    ).toBe(true);
   });
 
   it('horizontal itemLayout List should be flex container defaultly', () => {
@@ -39,9 +48,14 @@ describe('List Item Layout', () => {
             />
           </List.Item>
         )}
-      />
+      />,
     );
-    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(false);
+    expect(
+      wrapper
+        .find('.ant-list-item')
+        .at(0)
+        .hasClass('ant-list-item-no-flex'),
+    ).toBe(false);
   });
 
   it('vertical itemLayout List should be flex container when there is extra node', () => {
@@ -57,9 +71,14 @@ describe('List Item Layout', () => {
             />
           </List.Item>
         )}
-      />
+      />,
     );
-    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(false);
+    expect(
+      wrapper
+        .find('.ant-list-item')
+        .at(0)
+        .hasClass('ant-list-item-no-flex'),
+    ).toBe(false);
   });
 
   it('vertical itemLayout List should not be flex container when there is not extra node', () => {
@@ -75,9 +94,14 @@ describe('List Item Layout', () => {
             />
           </List.Item>
         )}
-      />
+      />,
     );
-    expect(wrapper.find('.ant-list-item').at(0).hasClass('ant-list-item-no-flex')).toBe(true);
+    expect(
+      wrapper
+        .find('.ant-list-item')
+        .at(0)
+        .hasClass('ant-list-item-no-flex'),
+    ).toBe(true);
   });
 
   it('horizontal itemLayout List should accept extra node', () => {
@@ -92,7 +116,7 @@ describe('List Item Layout', () => {
             />
           </List.Item>
         )}
-      />
+      />,
     );
     expect(wrapper.render()).toMatchSnapshot();
   });
diff --git a/components/skeleton/style/index.less b/components/skeleton/style/index.less
index 48933b5ed4..c3b1c18ccd 100644
--- a/components/skeleton/style/index.less
+++ b/components/skeleton/style/index.less
@@ -55,7 +55,7 @@
     // paragraph
     .@{skeleton-paragraph-prefix-cls} {
       padding: 0;
-      
+
       > li {
         width: 100%;
         height: 16px;
diff --git a/components/tabs/__tests__/demo.test.js b/components/tabs/__tests__/demo.test.js
index cc291e81ca..d3ca3526e6 100644
--- a/components/tabs/__tests__/demo.test.js
+++ b/components/tabs/__tests__/demo.test.js
@@ -1,3 +1,3 @@
 import demoTest from '../../../tests/shared/demoTest';
 
-demoTest('tabs',  { skip: process.env.REACT === '15' ? ['custom-tab-bar-node.md'] : [] });
+demoTest('tabs', { skip: process.env.REACT === '15' ? ['custom-tab-bar-node.md'] : [] });
diff --git a/package.json b/package.json
index 91c6ab646b..51c4b8fe4c 100644
--- a/package.json
+++ b/package.json
@@ -232,17 +232,17 @@
   "lint-staged": {
     "components/**/*.tsx": [
       "npm run lint-staged:ts",
-      "node ./scripts/pre-prettier.js",
+      "node ./scripts/prettier.js --pre",
       "git add"
     ],
     "{tests,site,scripts,components}/**/*.{js,jsx}": [
       "npm run lint-staged:es",
-      "node ./scripts/pre-prettier.js",
+      "node ./scripts/prettier.js --pre",
       "git add"
     ],
     "{site,components}/**/*.less": [
       "stylelint --syntax less",
-      "node ./scripts/pre-prettier.js",
+      "node ./scripts/prettier.js --pre",
       "git add"
     ],
     "components/*/demo/*.md": [
diff --git a/scripts/lint-prettier.js b/scripts/lint-prettier.js
deleted file mode 100644
index 5991070a41..0000000000
--- a/scripts/lint-prettier.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * copy to https://github.com/facebook/react/blob/master/scripts/prettier/index.js
- * prettier api doc https://prettier.io/docs/en/api.html
- *----------*****--------------
- *  lint file is prettier
- *----------*****--------------
- */
-
-const prettier = require('prettier');
-const fs = require('fs');
-
-const prettierConfigPath = require.resolve('../.prettierrc');
-
-const files = process.argv.slice(2);
-
-let didError = false;
-let didWarn = false;
-
-files.forEach(file => {
-  const options = prettier.resolveConfig.sync(file, {
-    config: prettierConfigPath,
-  });
-  try {
-    const fileInfo = prettier.getFileInfo.sync(file);
-    if (fileInfo.ignored) {
-      return;
-    }
-    const input = fs.readFileSync(file, 'utf8');
-    const withParserOptions = {
-      ...options,
-      parser: fileInfo.inferredParser,
-    };
-    const isPrettier = prettier.check(input, withParserOptions);
-    if (!isPrettier) {
-      // eslint-disable-next-line no-console
-      console.log(`\x1b[31m ${file} is no prettier, please use npm run prettier and git add !`);
-      didWarn = true;
-    }
-  } catch (e) {
-    didError = true;
-  }
-});
-
-if (didWarn || didError) {
-  process.exit(1);
-}
-// eslint-disable-next-line no-console
-console.log('\x1b[32m lint prettier success!');
diff --git a/scripts/pre-prettier.js b/scripts/pre-prettier.js
deleted file mode 100644
index d7bd4c4baf..0000000000
--- a/scripts/pre-prettier.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * copy to https://github.com/facebook/react/blob/master/scripts/prettier/index.js
- * prettier api doc https://prettier.io/docs/en/api.html
- *----------*****--------------
- *  pre commit prettier file
- *----------*****--------------
- */
-
-const prettier = require('prettier');
-const fs = require('fs');
-
-const prettierConfigPath = require.resolve('../.prettierrc');
-
-const files = process.argv.slice(2);
-
-let didError = false;
-
-files.forEach(file => {
-  const options = prettier.resolveConfig.sync(file, {
-    config: prettierConfigPath,
-  });
-  try {
-    const fileInfo = prettier.getFileInfo.sync(file);
-    if (fileInfo.ignored) {
-      return;
-    }
-    const input = fs.readFileSync(file, 'utf8');
-    const withParserOptions = {
-      ...options,
-      parser: fileInfo.inferredParser,
-    };
-    const output = prettier.format(input, withParserOptions);
-    if (output !== input) {
-      fs.writeFileSync(file, output, 'utf8');
-      // eslint-disable-next-line no-console
-      console.log(`\x1b[34m ${file} is prettier`);
-    }
-  } catch (e) {
-    didError = true;
-  }
-});
-
-if (didError) {
-  process.exit(1);
-}
-// eslint-disable-next-line no-console
-console.log('\x1b[32m prettier success!');
diff --git a/scripts/prettier.js b/scripts/prettier.js
index 30ccd657a1..84e723aaaa 100644
--- a/scripts/prettier.js
+++ b/scripts/prettier.js
@@ -9,47 +9,47 @@
 const glob = require('glob');
 const prettier = require('prettier');
 const fs = require('fs');
+const chalk = require('chalk');
+const program = require('commander');
+
+program
+  .option('--pre', 'pre-prettier')
+  .option('--lint', 'lint-prettier')
+  .parse(process.argv);
 
 const prettierConfigPath = require.resolve('../.prettierrc');
 
-let didError = false;
-
 let files = [];
+if (program.pre) {
+  files = program.args;
+} else {
+  const ignoreFiles = [
+    '**/node_modules/**',
+    'build/**',
+    'es/**',
+    'lib/**',
+    '**/**.snap',
+    '**/**.map',
+    '**/components/style/color/**',
+    '**/dist/**',
+    '_site/**',
+  ];
 
-const ignoreFiles = [
-  '**/node_modules/**',
-  'build/**',
-  'es/**',
-  'lib/**',
-  '**/**.snap',
-  '**/**.map',
-  '**/components/style/color/**',
-  '**/dist/**',
-  '_site/**',
-];
-
-// get all ts files
-const tsFiles = glob.sync('**/*.ts*', {
-  ignore: ignoreFiles,
-});
-files = files.concat(tsFiles);
-
-// get all js files
-const jsFiles = glob.sync('**/*.js*', {
-  ignore: ignoreFiles,
-});
-files = files.concat(jsFiles);
-
-// get all less files
-const lessFiles = glob.sync('**/*.less', {
-  ignore: ignoreFiles,
-});
-files = files.concat(lessFiles);
-
+  // get all ts, js, less files
+  ['**/*.ts*', '**/*.js*', '**/*.less'].forEach(pattern => {
+    const matchFiles = glob.sync(pattern, {
+      ignore: ignoreFiles,
+    });
+    files = files.concat(matchFiles);
+  });
+}
 if (!files.length) {
   return;
 }
 
+let didError = false;
+let didWarn = false;
+
 files.forEach(file => {
   const options = prettier.resolveConfig.sync(file, {
     config: prettierConfigPath,
@@ -64,19 +64,28 @@ files.forEach(file => {
       ...options,
       parser: fileInfo.inferredParser,
     };
-    const output = prettier.format(input, withParserOptions);
-    if (output !== input) {
-      fs.writeFileSync(file, output, 'utf8');
-      // eslint-disable-next-line no-console
-      console.log(`\x1b[34m ${file} is prettier`);
+    if (program.lint) {
+      const isPrettier = prettier.check(input, withParserOptions);
+      if (!isPrettier) {
+        // eslint-disable-next-line no-console
+        console.log(chalk.red(`${file} is no prettier, please use npm run prettier and git add !`));
+        didWarn = true;
+      }
+    } else {
+      const output = prettier.format(input, withParserOptions);
+      if (output !== input) {
+        fs.writeFileSync(file, output, 'utf8');
+        // eslint-disable-next-line no-console
+        console.log(chalk.blue(`${file} is prettier`));
+      }
     }
   } catch (e) {
     didError = true;
   }
 });
 
-if (didError) {
+if (didWarn || didError) {
   process.exit(1);
 }
 // eslint-disable-next-line no-console
-console.log('\x1b[32m prettier success!');
+console.log(chalk.green('prettier success!'));
diff --git a/site/theme/template/IconDisplay/Category.tsx b/site/theme/template/IconDisplay/Category.tsx
index 027c31440e..59924c44e8 100644
--- a/site/theme/template/IconDisplay/Category.tsx
+++ b/site/theme/template/IconDisplay/Category.tsx
@@ -35,7 +35,7 @@ class Category extends React.Component<CategoryProps, CategoryState> {
       }, 2000);
     });
   };
-  
+
   componentWillUnmount() {
     window.clearTimeout(this.copyId);
   }

From 357e79cf48ea4828af6604f73b84f633a961b944 Mon Sep 17 00:00:00 2001
From: Aleksandr Chernokondratenko <etherreals777@gmail.com>
Date: Mon, 18 Mar 2019 04:47:17 +0200
Subject: [PATCH 091/122] Fix checking if file is image or not in the
 UploadList (#15412)

* Fix checking if file is image or not in the UploadList

* Fix type

* Add correct checking if file is image or not

* Change startWith to indexOf, update test

* Increase delay in test to pass CI

* Update test
---
 components/upload/Upload.tsx                  |  2 +-
 components/upload/UploadList.tsx              |  8 ++---
 .../upload/__tests__/uploadlist.test.js       | 32 ++++++++++++++++++-
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/components/upload/Upload.tsx b/components/upload/Upload.tsx
index 75e96e187f..de7d3f5551 100644
--- a/components/upload/Upload.tsx
+++ b/components/upload/Upload.tsx
@@ -34,7 +34,7 @@ class Upload extends React.Component<UploadProps, UploadState> {
     accept: '',
     beforeUpload: T,
     showUploadList: true,
-    listType: 'text' as UploadListType, // or pictrue
+    listType: 'text' as UploadListType, // or picture
     className: '',
     disabled: false,
     supportServerRender: true,
diff --git a/components/upload/UploadList.tsx b/components/upload/UploadList.tsx
index af2d146d38..4c4adfab47 100644
--- a/components/upload/UploadList.tsx
+++ b/components/upload/UploadList.tsx
@@ -7,7 +7,6 @@ import Tooltip from '../tooltip';
 import Progress from '../progress';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
-const imageTypes: string[] = ['image', 'webp', 'png', 'svg', 'gif', 'jpg', 'jpeg', 'bmp', 'dpg'];
 const extname = (url: string) => {
   if (!url) {
     return '';
@@ -17,8 +16,9 @@ const extname = (url: string) => {
   const filenameWithoutSuffix = filename.split(/#|\?/)[0];
   return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
 };
+const isImageFileType = (type: string): boolean => !!type && type.indexOf('image/') === 0;
 const isImageUrl = (file: UploadFile): boolean => {
-  if (imageTypes.includes(file.type)) {
+  if (isImageFileType(file.type)) {
     return true;
   }
   const url: string = (file.thumbUrl || file.url) as string;
@@ -64,8 +64,8 @@ export default class UploadList extends React.Component<UploadListProps, any> {
 
   // https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL
   previewFile = (file: File | Blob, callback: Function) => {
-    if (file.type && !imageTypes.includes(file.type)) {
-      callback('');
+    if (!isImageFileType(file.type)) {
+      return callback('');
     }
     const reader = new FileReader();
     reader.onloadend = () => callback(reader.result);
diff --git a/components/upload/__tests__/uploadlist.test.js b/components/upload/__tests__/uploadlist.test.js
index c49ac6b7b7..eb72cddbbc 100644
--- a/components/upload/__tests__/uploadlist.test.js
+++ b/components/upload/__tests__/uploadlist.test.js
@@ -279,7 +279,7 @@ describe('Upload List', () => {
         uid: '-12',
         url:
           'https://publish-pic-cpu.baidu.com/1296beb3-50d9-4276-885f-52645cbb378e.jpeg@w_228%2ch_152',
-        type: 'image',
+        type: 'image/png',
       },
     ];
 
@@ -403,4 +403,34 @@ describe('Upload List', () => {
     wrapper.find('.ant-upload-list-item-name').simulate('click');
     expect(onPreview).toBeCalled();
   });
+
+  it('upload image file should be converted to the base64', done => {
+    const mockFile = new File([''], 'foo.png', {
+      type: 'image/png',
+    });
+
+    const wrapper = mount(
+      <UploadList listType="picture-card" items={fileList} locale={{ uploading: 'uploading' }} />,
+    );
+    const instance = wrapper.instance();
+    const callback = dataUrl => {
+      expect(dataUrl).toEqual('data:image/png;base64,');
+      done();
+    };
+    instance.previewFile(mockFile, callback);
+  });
+
+  it("upload non image file shouldn't be converted to the base64", () => {
+    const mockFile = new File([''], 'foo.7z', {
+      type: 'application/x-7z-compressed',
+    });
+
+    const wrapper = mount(
+      <UploadList listType="picture-card" items={fileList} locale={{ uploading: 'uploading' }} />,
+    );
+    const instance = wrapper.instance();
+    const callback = jest.fn();
+    instance.previewFile(mockFile, callback);
+    expect(callback).toBeCalledWith('');
+  });
 });

From 96206ade58863cf2b820bf3abcddee36ef128394 Mon Sep 17 00:00:00 2001
From: zombieJ <smith3816@gmail.com>
Date: Mon, 18 Mar 2019 15:28:42 +0800
Subject: [PATCH 092/122] adjust table editable row demo (#15475)

* adjust demo

* rm only
---
 components/table/demo/edit-row.md | 38 ++++++++++++++-----------------
 1 file changed, 17 insertions(+), 21 deletions(-)

diff --git a/components/table/demo/edit-row.md b/components/table/demo/edit-row.md
index f199d0231e..458c8aabdc 100644
--- a/components/table/demo/edit-row.md
+++ b/components/table/demo/edit-row.md
@@ -30,14 +30,6 @@ for (let i = 0; i < 100; i++) {
 const FormItem = Form.Item;
 const EditableContext = React.createContext();
 
-const EditableRow = ({ form, index, ...props }) => (
-  <EditableContext.Provider value={form}>
-    <tr {...props} />
-  </EditableContext.Provider>
-);
-
-const EditableFormRow = Form.create()(EditableRow);
-
 class EditableCell extends React.Component {
   getInput = () => {
     if (this.props.inputType === 'number') {
@@ -108,6 +100,7 @@ class EditableTable extends React.Component {
         title: 'operation',
         dataIndex: 'operation',
         render: (text, record) => {
+          const { editingKey } = this.state;
           const editable = this.isEditing(record);
           return (
             <div>
@@ -132,7 +125,7 @@ class EditableTable extends React.Component {
                   </Popconfirm>
                 </span>
               ) : (
-                <a onClick={() => this.edit(record.key)}>Edit</a>
+                <a disabled={editingKey !== ''} onClick={() => this.edit(record.key)}>Edit</a>
               )}
             </div>
           );
@@ -175,7 +168,6 @@ class EditableTable extends React.Component {
   render() {
     const components = {
       body: {
-        row: EditableFormRow,
         cell: EditableCell,
       },
     };
@@ -197,21 +189,25 @@ class EditableTable extends React.Component {
     });
 
     return (
-      <Table
-        components={components}
-        bordered
-        dataSource={this.state.data}
-        columns={columns}
-        rowClassName="editable-row"
-        pagination={{
-          onChange: this.cancel,
-        }}
-      />
+      <EditableContext.Provider value={this.props.form}>
+        <Table
+          components={components}
+          bordered
+          dataSource={this.state.data}
+          columns={columns}
+          rowClassName="editable-row"
+          pagination={{
+            onChange: this.cancel,
+          }}
+        />
+      </EditableContext.Provider>
     );
   }
 }
 
-ReactDOM.render(<EditableTable />, mountNode);
+const EditableFormTable = Form.create()(EditableTable);
+
+ReactDOM.render(<EditableFormTable />, mountNode);
 ```
 
 ```css

From 18d070d2d4749d11f7fff2028bba2c429bdd0b50 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 18 Mar 2019 15:34:02 +0800
Subject: [PATCH 093/122] :up: upgrade es6-shim version

---
 components/avatar/demo/dynamic.md | 3 +--
 site/theme/static/template.html   | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/avatar/demo/dynamic.md b/components/avatar/demo/dynamic.md
index 5a97b614d0..39df856658 100644
--- a/components/avatar/demo/dynamic.md
+++ b/components/avatar/demo/dynamic.md
@@ -50,6 +50,5 @@ class Autoset extends React.Component {
   }
 }
 
-ReactDOM.render(<Autoset />,
-  mountNode);
+ReactDOM.render(<Autoset />, mountNode);
 ````
diff --git a/site/theme/static/template.html b/site/theme/static/template.html
index 2aa65062ea..cce410c58e 100644
--- a/site/theme/static/template.html
+++ b/site/theme/static/template.html
@@ -13,7 +13,7 @@
       #nprogress { display: none }
     </style>
     <link rel="stylesheet/less" type="text/css" href="{{ root }}color.less"/>
-    <script src="https://gw.alipayobjects.com/os/lib/??es6-shim/0.35.3/es6-sham.min.js,es6-shim/0.35.3/es6-shim.min.js"></script>
+    <script src="https://gw.alipayobjects.com/os/lib/es6-shim/0.35.5/??es6-sham.min.js,es6-shim.min.js"></script>
     <!--[if lte IE 10]>
     <script src="https://as.alipayobjects.com/g/component/??console-polyfill/0.2.2/index.js,media-match/2.0.2/media.match.min.js"></script>
     <![endif]-->

From 7401d1622bd0577f77dc70dff4fbd4be5dc8264d Mon Sep 17 00:00:00 2001
From: jljsj33 <liangjun.jiang@alipay.com>
Date: Mon, 18 Mar 2019 15:49:12 +0800
Subject: [PATCH 094/122] fix firefox window.scroll invalid

---
 site/theme/static/common.less | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index b87b49857a..5f1248264b 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -1,6 +1,3 @@
-html {
-  scroll-behavior: smooth;
-}
 html,
 body {
   height: 100%;

From 3a2e1abfa70089339c1b84cc1a6aaee0d1473fa9 Mon Sep 17 00:00:00 2001
From: willc001 <will.c001@163.com>
Date: Mon, 18 Mar 2019 18:44:08 +0800
Subject: [PATCH 095/122] refector: add @form-explain-font-size (#15488)

---
 components/form/style/index.less | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/form/style/index.less b/components/form/style/index.less
index a300cb9db2..440fa3c2ea 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -10,11 +10,12 @@
 @form-component-max-height: @input-height-lg;
 @form-feedback-icon-size: @font-size-base;
 @form-help-margin-top: (@form-component-height - @form-component-max-height) / 2 + 2px;
+@form-explain-font-size: @font-size-base;
 // Extends additional 1px to fix precision issue.
 // https://github.com/ant-design/ant-design/issues/12803
 // https://github.com/ant-design/ant-design/issues/8220
 @form-explain-precision: 1px;
-@form-explain-height: floor(@font-size-base * @line-height-base);
+@form-explain-height: floor(@form-explain-font-size * @line-height-base);
 
 .@{form-prefix-cls} {
   .reset-component;
@@ -137,6 +138,7 @@ input[type='checkbox'] {
   min-height: @form-explain-height + @form-explain-precision;
   margin-top: @form-help-margin-top;
   color: @text-color-secondary;
+  font-size: @form-explain-font-size;
   line-height: @line-height-base;
   transition: color 0.3s @ease-out; // sync input color transition
 }

From 6bea64b7833c2448d704d4e455ec5f473c8380c7 Mon Sep 17 00:00:00 2001
From: Michal Pekar <pekac45@gmail.com>
Date: Mon, 18 Mar 2019 10:58:08 +0000
Subject: [PATCH 096/122] Update readme, typo - space after comma. (#15489)

Sentence: ... applications,including the official React implementation ...
---
 site/theme/en-US.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index 6d898452e6..b7a9ec0d5e 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -31,7 +31,7 @@ module.exports = {
     'app.home.design-language': 'Design Language',
     'app.home.solution': 'Solution',
     'app.home.components-explain':
-      'Based on the Ant Design language, we have provided a suite of out-of-the-box with high quality for developing and serving enterprise background applications,including the official React implementation and Angular, Vue implementations',
+      'Based on the Ant Design language, we have provided a suite of out-of-the-box with high quality for developing and serving enterprise background applications, including the official React implementation and Angular, Vue implementations',
     'app.home.product-pro-slogan': 'Out-of-the-box front-end / Design solution',
     'app.home.product-mobile-slogan':
       "antd-mobile is the implementation of Ant Design's mobile specification",

From ac39baf4f1f30e5dff59149a1668c3b4563df0d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 19 Mar 2019 10:50:36 +0800
Subject: [PATCH 097/122] Update index.en-US.md

---
 components/layout/index.en-US.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/layout/index.en-US.md b/components/layout/index.en-US.md
index f2aefaf443..19cbf6726b 100644
--- a/components/layout/index.en-US.md
+++ b/components/layout/index.en-US.md
@@ -13,8 +13,8 @@ Handling the overall layout of a page.
 
 The first level navigation is inclined left near a logo, and the secondary menu is inclined right.
 
-- Top Navigation (almost systems): the height of the first level navigation `64px`, the second level navigation `48px`.
-- Top Navigation(contents page): the height of the first level navigation `80px`, the second level navigation `56px`.
+- Top Navigation: the height of the first level navigation `64px`, the second level navigation `48px`.
+- Top Navigation (for landing pages): the height of the first level navigation `80px`, the second level navigation `56px`.
 - Calculation formula of a top navigation: `48+8n`.
 - Calculation formula of an aside navigation: `200+8n`.
 

From bd27b6b8364720646ea28d25de8bf9d2ca07c197 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 19 Mar 2019 11:40:36 +0800
Subject: [PATCH 098/122] :memo: Optimize some docs

---
 CHANGELOG.en-US.md                   | 2 +-
 CHANGELOG.zh-CN.md                   | 8 ++++----
 components/affix/index.en-US.md      | 2 +-
 components/affix/index.zh-CN.md      | 2 +-
 components/typography/index.en-US.md | 9 +++------
 components/typography/index.zh-CN.md | 9 +++------
 components/upload/index.en-US.md     | 8 ++++----
 components/upload/index.zh-CN.md     | 4 ++--
 8 files changed, 19 insertions(+), 25 deletions(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index ff6c200383..ea45ba6045 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -20,7 +20,7 @@ timeline: true
 `2019-03-17`
 
 - 🌟 Add four less variables `@pagination-item-bg-active`, `@icon-color`. [#15302](https://github.com/ant-design/ant-design/pull/15302) [#15343](https://github.com/ant-design/ant-design/issues/15343)
-- 🐞 Fix tree shaking not working for importing PageHeader. [#15354](https://github.com/ant-design/ant-design/pull/15354)
+- 🐞 Fix tree-shaking not working for importing PageHeader. [#15354](https://github.com/ant-design/ant-design/pull/15354)
 - List
   - 🐞 Fix some List Item styling issues. [#15328](https://github.com/ant-design/ant-design/pull/15328)
   - 🐞 Keep same content color of List like previous version. [#15301](https://github.com/ant-design/ant-design/pull/15301)
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 5076b13b06..8add2b9ea0 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -20,7 +20,7 @@ timeline: true
 `2019-03-17`
 
 - 🌟 补充了 less 变量 `@pagination-item-bg-active`、`@icon-color`。 [#15302](https://github.com/ant-design/ant-design/pull/15302) [#15345](https://github.com/ant-design/ant-design/pull/15345)
-- 🐞 修复引入 PageHeader 导致 tree shaking 失效的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
+- 🐞 修复引入 PageHeader 导致 tree-shaking 失效的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
 - List
   - 🐞 修复 List 的一些样式问题。[#15328](https://github.com/ant-design/ant-design/pull/15328)
   - 🐞 保持 List 组件内容颜色与之前的版本一致。[#15301](https://github.com/ant-design/ant-design/pull/15301)
@@ -30,13 +30,13 @@ timeline: true
   - 🐞 修复 Badge 组件内带小圆点时的高度问题。[#15395](https://github.com/ant-design/ant-design/pull/15395)
 - 🐞 微调 Tabs 标签模式在浏览器放大时丢失边框的问题。[#15299](https://github.com/ant-design/ant-design/pull/15299) [@rinick](https://github.com/rinick)
 - 🐞 修复 Avatar 组件设置了 `display: none` 的时候无法计算偏移量的问题。[#15351](https://github.com/ant-design/ant-design/pull/15351) [@ppbl](https://github.com/ppbl)
-- 🐞 修复 Input.Password 组件的后置 Icon。[#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
-- 🐞 修复 Layout 即使在 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 的 classname 的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
+- 🐞 修复 Input.Password 组件的 `suffix` 失效问题。[#15381](https://github.com/ant-design/ant-design/pull/15381) [@melchior-voidwolf](https://github.com/melchior-voidwolf)
+- 🐞 修复 Layout 即使在 `hasSider` 属性为 `false` 的时候依然会加 `ant-layout-has-sider` 类名的问题[#15396](https://github.com/ant-design/ant-design/pull/15396) [@SoraYama](https://github.com/SoraYama)
 - 🐞 修复 Divider 在 PageHeader 组件中的对齐问题。[#15400](https://github.com/ant-design/ant-design/pull/15400)
 - 🐞 修复 Menu 收缩后，SubMenu 异常渲染的问题。[#15409](https://github.com/ant-design/ant-design/pull/15409) [@zy410419243](https://github.com/zy410419243)
 - 🐞 修复 Skeleton 组件的样式问题。[#15421](https://github.com/ant-design/ant-design/pull/15421) [@Maktel](https://github.com/Maktel)
 - 调整了多处 Typescript 类型
-  - 🌟 FormComponentProps 新增 Form 值的范型。[#15355](https://github.com/ant-design/ant-design/pull/15355)
+  - 🌟 FormComponentProps 新增 Form 值的泛型。[#15355](https://github.com/ant-design/ant-design/pull/15355)
   - 🌟 导出 ConfigProviderProps 定义。[#15446](https://github.com/ant-design/ant-design/pull/15446) [@DiamondYuan](https://github.com/DiamondYuan)
   - 🐞 添加 Breadcrumb.Item 的 `onClick` 定义。[#15331](https://github.com/ant-design/ant-design/pull/15331) [@tgxpuisb](https://github.com/tgxpuisb)
   - 🐞 添加 Steps.Step 组件的 `style` 定义。[#15393](https://github.com/ant-design/ant-design/pull/15393) [@pavolgolias](https://github.com/pavolgolias)
diff --git a/components/affix/index.en-US.md b/components/affix/index.en-US.md
index b450bafd50..413a21afd4 100644
--- a/components/affix/index.en-US.md
+++ b/components/affix/index.en-US.md
@@ -24,7 +24,7 @@ Please note that Affix should not cover other content on the page, especially wh
 **Note:** Children of `Affix` can not be `position: absolute`, but you can set `Affix` as `position: absolute`:
 
 ```jsx
-<Affix style={{ position: 'absolute', top: y, left: x}}>
+<Affix style={{ position: 'absolute', top: y, left: x }}>
   ...
 </Affix>
 ```
diff --git a/components/affix/index.zh-CN.md b/components/affix/index.zh-CN.md
index 520042f566..b9e0455327 100644
--- a/components/affix/index.zh-CN.md
+++ b/components/affix/index.zh-CN.md
@@ -25,7 +25,7 @@ title: Affix
 **注意：**`Affix` 内的元素不要使用绝对定位，如需要绝对定位的效果，可以直接设置 `Affix` 为绝对定位：
 
 ```jsx
-<Affix style={{ position: 'absolute', top: y, left: x}}>
+<Affix style={{ position: 'absolute', top: y, left: x }}>
   ...
 </Affix>
 ```
diff --git a/components/typography/index.en-US.md b/components/typography/index.en-US.md
index a0397cc776..3ccd5b1bb7 100644
--- a/components/typography/index.en-US.md
+++ b/components/typography/index.en-US.md
@@ -5,15 +5,12 @@ title: Typography
 cols: 1
 ---
 
-Basic format and regular operation on text.
+Basic text writing, including headings, body text, lists, and more.
 
 ## When To Use
 
-When need to display title or text content. Like:
-* Copy
-* Ellipsis / expand
-* Edit
-* Markdown Typography
+- When need to display title or paragraph contents in Articles/Blogs/Notes.
+- When you need copyable/editable/ellipsis texts.
 
 ## API
 
diff --git a/components/typography/index.zh-CN.md b/components/typography/index.zh-CN.md
index ef0fc79d3b..17a4942e21 100644
--- a/components/typography/index.zh-CN.md
+++ b/components/typography/index.zh-CN.md
@@ -6,15 +6,12 @@ title: Typography
 cols: 1
 ---
 
-文本的基本格式及常见操作。
+文本的基本格式。
 
 ## 何时使用
 
-当需要展示标题、文本内容时使用。例如：
-* 拷贝
-* 省略/展开
-* 可编辑
-* Markdown 排版样式
+- 当需要展示标题、段落、列表内容时使用，如文章/博客/日志的文本样式。
+- 当需要一列基于文本的基础操作时，如拷贝/省略/可编辑。
 
 ## API
 
diff --git a/components/upload/index.en-US.md b/components/upload/index.en-US.md
index 57da565962..12ad320361 100644
--- a/components/upload/index.en-US.md
+++ b/components/upload/index.en-US.md
@@ -32,12 +32,12 @@ Uploading is the process of publishing information (web pages, text, pictures, v
 | multiple | Whether to support selected multiple file. `IE10+` supported. You can select multiple files with CTRL holding down while multiple is set to be true | boolean | false |
 | name | The name of uploading file | string | 'file' |
 | showUploadList | Whether to show default upload list, could be an object to specify `showPreviewIcon` and `showRemoveIcon` individually | Boolean or { showPreviewIcon?: boolean, showRemoveIcon?: boolean } | true |
-| supportServerRender | Need to be turned on while the server side is rendering. | boolean | false |
+| supportServerRender | Need to be turned on while the server side is rendering | boolean | false |
 | withCredentials | ajax upload with cookie sent | boolean | false |
 | openFileDialogOnClick | click open file dialog | boolean | true |
-| onChange | A callback function, can be executed when uploading state is changing. See [onChange](#onChange) | Function | - |
-| onPreview | A callback function, will be executed when file link or preview icon is clicked. | Function(file) | - |
-| onRemove | A callback function, will be executed when removing file button is clicked, remove event will be prevented when return value is `false` or a Promise which resolve(false) or reject. | Function(file): `boolean | Promise` | - |
+| onChange | A callback function, can be executed when uploading state is changing, see [onChange](#onChange) | Function | - |
+| onPreview | A callback function, will be executed when file link or preview icon is clicked | Function(file) | - |
+| onRemove | A callback function, will be executed when removing file button is clicked, remove event will be prevented when return value is `false` or a Promise which resolve(false) or reject | Function(file): `boolean | Promise` | - |
 
 ### onChange
 
diff --git a/components/upload/index.zh-CN.md b/components/upload/index.zh-CN.md
index e0ca50e531..f83c739a93 100644
--- a/components/upload/index.zh-CN.md
+++ b/components/upload/index.zh-CN.md
@@ -30,9 +30,9 @@ title: Upload
 | fileList | 已经上传的文件列表（受控），使用此参数时，如果遇到 `onChange` 只调用一次的问题，请参考 [#2423](https://github.com/ant-design/ant-design/issues/2423) | object\[] | 无 |
 | headers | 设置上传的请求头部，IE10 以上有效 | object | 无 |
 | listType | 上传列表的内建样式，支持三种基本样式 `text`, `picture` 和 `picture-card` | string | 'text' |
-| multiple | 是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件。 | boolean | false |
+| multiple | 是否支持多选文件，`ie10+` 支持。开启后按住 ctrl 可选择多个文件 | boolean | false |
 | name | 发到后台的文件参数名 | string | 'file' |
-| showUploadList | 是否展示 uploadList, 可设为一个对象，用于单独设定 showPreviewIcon 和 showRemoveIcon | Boolean or { showPreviewIcon?: boolean, showRemoveIcon?: boolean } | true |
+| showUploadList | 是否展示文件列表, 可设为一个对象，用于单独设定 `showPreviewIcon` 和 `showRemoveIcon` | Boolean or { showPreviewIcon?: boolean, showRemoveIcon?: boolean } | true |
 | supportServerRender | 服务端渲染时需要打开这个 | boolean | false |
 | withCredentials | 上传请求时是否携带 cookie | boolean | false |
 | openFileDialogOnClick | 点击打开文件对话框 | boolean | true |

From bc4303b98a57740542c63c81ca69a2d02d1b64da Mon Sep 17 00:00:00 2001
From: Cong Zhang <dancerphil1994@gmail.com>
Date: Tue, 19 Mar 2019 15:03:52 +0800
Subject: [PATCH 099/122] Allow font-feature-settings to be customizable

---
 components/style/core/base.less      | 2 +-
 components/style/mixins/reset.less   | 2 +-
 components/style/themes/default.less | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/style/core/base.less b/components/style/core/base.less
index daa08e42ef..9fac56edd0 100644
--- a/components/style/core/base.less
+++ b/components/style/core/base.less
@@ -77,7 +77,7 @@ body {
   font-variant: @font-variant-base;
   line-height: @line-height-base;
   background-color: @body-background; // 2
-  font-feature-settings: 'tnum';
+  font-feature-settings: @font-feature-settings-base;
 }
 
 // Suppress the focus outline on elements that cannot be accessed via keyboard.
diff --git a/components/style/mixins/reset.less b/components/style/mixins/reset.less
index b164dc53d7..69d1ac945a 100644
--- a/components/style/mixins/reset.less
+++ b/components/style/mixins/reset.less
@@ -9,5 +9,5 @@
   font-variant: @font-variant-base;
   line-height: @line-height-base;
   list-style: none;
-  font-feature-settings: 'tnum';
+  font-feature-settings: @font-feature-settings-base;
 }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 97d284c974..9e2a40173b 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -54,6 +54,7 @@
 @text-color-dark: fade(@white, 85%);
 @text-color-secondary-dark: fade(@white, 65%);
 @font-variant-base: tabular-nums;
+@font-feature-settings-base: 'tnum';
 @font-size-base: 14px;
 @font-size-lg: @font-size-base + 2px;
 @font-size-sm: 12px;

From 06266ffe0655831dff6943d04aa660bdb3ca6293 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <support@dependabot.com>
Date: Tue, 19 Mar 2019 07:24:40 +0000
Subject: [PATCH 100/122] Update react-router-dom requirement from ^4.3.1 to
 ^5.0.0

Updates the requirements on [react-router-dom](https://github.com/ReactTraining/react-router) to permit the latest version.
- [Release notes](https://github.com/ReactTraining/react-router/releases)
- [Changelog](https://github.com/ReactTraining/react-router/blob/master/CHANGES.md)
- [Commits](https://github.com/ReactTraining/react-router/compare/v4.3.1...v5.0.0)

Signed-off-by: dependabot[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 51c4b8fe4c..30a77ea554 100644
--- a/package.json
+++ b/package.json
@@ -165,7 +165,7 @@
     "react-infinite-scroller": "^1.2.1",
     "react-intl": "^2.7.0",
     "react-resizable": "^1.7.5",
-    "react-router-dom": "^4.3.1",
+    "react-router-dom": "^5.0.0",
     "react-sticky": "^6.0.3",
     "react-test-renderer": "^16.6.3",
     "react-virtualized": "~9.21.0",

From 4493f1201d23d2d50a821acff44c926246202131 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 19 Mar 2019 16:36:37 +0800
Subject: [PATCH 101/122] :lipstick: grey => gray (#15508)

https://english.stackexchange.com/a/5391
---
 docs/spec/colors.en-US.md     |  2 +-
 docs/spec/colors.zh-CN.md     |  2 +-
 site/theme/static/colors.less | 22 +++++++++++-----------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/docs/spec/colors.en-US.md b/docs/spec/colors.en-US.md
index 16c81bd4ac..7fa8e60a7f 100644
--- a/docs/spec/colors.en-US.md
+++ b/docs/spec/colors.en-US.md
@@ -35,7 +35,7 @@ Ant Design's color palette also has the ability to further extend. After careful
 `````__react
 import Palette from '../../site/theme/template/Color/Palette';
 
-ReactDOM.render(<Palette color={{ name: 'grey' }} direction="horizontal" />, mountNode);
+ReactDOM.render(<Palette color={{ name: 'gray' }} direction="horizontal" />, mountNode);
 `````
 
 ### Data Visualization  Color Palette (Coming soon)
diff --git a/docs/spec/colors.zh-CN.md b/docs/spec/colors.zh-CN.md
index 6ab1b9f850..7c61a4865b 100644
--- a/docs/spec/colors.zh-CN.md
+++ b/docs/spec/colors.zh-CN.md
@@ -43,7 +43,7 @@ Ant Design 的色板还具备进一步拓展的能力。经过设计师和程序
 `````__react
 import Palette from '../../site/theme/template/Color/Palette';
 
-ReactDOM.render(<Palette color={{ name: 'grey' }} direction="horizontal" />, mountNode);
+ReactDOM.render(<Palette color={{ name: 'gray' }} direction="horizontal" />, mountNode);
 `````
 
 ### 数据可视化色板（敬请期待）
diff --git a/site/theme/static/colors.less b/site/theme/static/colors.less
index a036a3463c..df95a59d3f 100644
--- a/site/theme/static/colors.less
+++ b/site/theme/static/colors.less
@@ -6,16 +6,16 @@
   .make-palette(@color, (@index + 1)); // next iteration
 }
 
-@grey-1: #fff;
-@grey-2: #fafafa;
-@grey-3: #f5f5f5;
-@grey-4: #e8e8e8;
-@grey-5: #d9d9d9;
-@grey-6: #bfbfbf;
-@grey-7: #8c8c8c;
-@grey-8: #595959;
-@grey-9: #262626;
-@grey-10: #000;
+@gray-1: #fff;
+@gray-2: #fafafa;
+@gray-3: #f5f5f5;
+@gray-4: #e8e8e8;
+@gray-5: #d9d9d9;
+@gray-6: #bfbfbf;
+@gray-7: #8c8c8c;
+@gray-8: #595959;
+@gray-9: #262626;
+@gray-10: #000;
 @border-color: rgba(229, 231, 235, 100);
 
 .color-palettes {
@@ -62,7 +62,7 @@
   .make-palette(yellow);
   .make-palette(lime);
   .make-palette(geekblue);
-  .make-palette(grey);
+  .make-palette(gray);
   text-align: left;
 
   &-item {

From 15781d706ab6b03ce08f69df2c2e7334b6d2e086 Mon Sep 17 00:00:00 2001
From: William Cai <williamcai@easyops.cn>
Date: Tue, 19 Mar 2019 18:00:11 +0800
Subject: [PATCH 102/122] refactor: add @select-item-selected-font-weight

---
 components/select/style/index.less   | 2 +-
 components/style/themes/default.less | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/select/style/index.less b/components/select/style/index.less
index 0c37cce423..59c17c2d79 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -530,7 +530,7 @@
         &,
         &:hover {
           color: @text-color;
-          font-weight: 600;
+          font-weight: @select-item-selected-font-weight;
           background-color: @background-color-light;
         }
       }
diff --git a/components/style/themes/default.less b/components/style/themes/default.less
index 9e2a40173b..b7c7e66e21 100644
--- a/components/style/themes/default.less
+++ b/components/style/themes/default.less
@@ -304,6 +304,7 @@
 // Select
 // ---
 @select-border-color: @border-color-base;
+@select-item-selected-font-weight: 600;
 
 // Tooltip
 // ---

From 0dadee32336e09172bdcdd6b668808171dfac5eb Mon Sep 17 00:00:00 2001
From: zombieJ <smith3816@gmail.com>
Date: Tue, 19 Mar 2019 18:33:31 +0800
Subject: [PATCH 103/122] revert input (#15516)

---
 components/date-picker/style/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/date-picker/style/index.tsx b/components/date-picker/style/index.tsx
index 71e9612edd..f27ae9b25f 100644
--- a/components/date-picker/style/index.tsx
+++ b/components/date-picker/style/index.tsx
@@ -2,5 +2,7 @@ import '../../style/index.less';
 import './index.less';
 
 // style dependencies
+// deps-lint-skip: input
+import '../../input/style';
 import '../../time-picker/style';
 import '../../tag/style';

From 73c4bd6c3d561ff6af276d9850e1df850ea3779b Mon Sep 17 00:00:00 2001
From: kapiroska <etherreals777@gmail.com>
Date: Tue, 19 Mar 2019 17:15:55 +0200
Subject: [PATCH 104/122] Long Tag component is wrapped if it is longer than
 screen size

---
 components/tag/style/index.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/tag/style/index.less b/components/tag/style/index.less
index 3ca30b461a..db8869ce86 100644
--- a/components/tag/style/index.less
+++ b/components/tag/style/index.less
@@ -6,12 +6,12 @@
 .@{tag-prefix-cls} {
   .reset-component;
   display: inline-block;
-  height: 22px;
+  height: auto;
   margin-right: 8px;
   padding: 0 7px;
   font-size: @tag-font-size;
   line-height: 20px;
-  white-space: nowrap;
+  white-space: normal;
   background: @tag-default-bg;
   border: @border-width-base @border-style-base @border-color-base;
   border-radius: @border-radius-base;

From f95d8e616d874b8c610a9ac6b17d1ca577bfa9cf Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Wed, 20 Mar 2019 18:32:39 +0800
Subject: [PATCH 105/122] :zap: Remove core-js from devDeps

---
 components/affix/__tests__/Affix.test.js | 2 +-
 package.json                             | 1 -
 site/theme/index.js                      | 1 -
 3 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/components/affix/__tests__/Affix.test.js b/components/affix/__tests__/Affix.test.js
index 4fed4e1f18..08ddc06711 100644
--- a/components/affix/__tests__/Affix.test.js
+++ b/components/affix/__tests__/Affix.test.js
@@ -48,7 +48,7 @@ describe('Affix Render', () => {
   };
 
   const originGetBoundingClientRect = HTMLElement.prototype.getBoundingClientRect;
-  HTMLElement.prototype.getBoundingClientRect = function() {
+  HTMLElement.prototype.getBoundingClientRect = function getBoundingClientRect() {
     return (
       classRect[this.className] || {
         top: 0,
diff --git a/package.json b/package.json
index 30a77ea554..e7bd5f17c7 100644
--- a/package.json
+++ b/package.json
@@ -114,7 +114,6 @@
     "bisheng-plugin-toc": "^0.4.4",
     "chalk": "^2.4.1",
     "commander": "^2.18.0",
-    "core-js": "^2.5.7",
     "cross-env": "^5.2.0",
     "css-split-webpack-plugin": "^0.2.6",
     "dekko": "^0.2.1",
diff --git a/site/theme/index.js b/site/theme/index.js
index f47e74cfdf..cdee4c569e 100644
--- a/site/theme/index.js
+++ b/site/theme/index.js
@@ -1,4 +1,3 @@
-require('core-js/es6/string');
 const path = require('path');
 
 const homeTmpl = './template/Home/index';

From 06745a654867bb2dd21e1c9db253176fb7af4572 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Wed, 20 Mar 2019 18:37:56 +0800
Subject: [PATCH 106/122] :bug: Fix notification icon color (#15530)

close #15512
---
 components/notification/style/index.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/notification/style/index.less b/components/notification/style/index.less
index 5cec28825f..14508c3969 100644
--- a/components/notification/style/index.less
+++ b/components/notification/style/index.less
@@ -83,7 +83,7 @@
       font-size: @font-size-base;
     }
 
-    &-icon {
+    .@{iconfont-css-prefix}&-icon {
       position: absolute;
       margin-left: 4px;
       font-size: 24px;

From 0c6a3b397594798e21ab4ba159e15d17b3ceb954 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Wed, 20 Mar 2019 19:34:07 +0800
Subject: [PATCH 107/122] :lipstick: Fix hotjar emoji color (#15521)

---
 site/theme/static/common.less | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index 5f1248264b..0774d7a1ee 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -138,6 +138,11 @@ a {
   z-index: 1029;
 }
 
-#_hj_feedback_container .path1::before {
-  color: @primary-color !important;
+#_hj_feedback_container {
+  .path1::before {
+    color: @primary-color !important;
+  }
+  .path2::before {
+    color: #fff !important;
+  }
 }

From c5a4eef4145daa9345458fef27a180c90f0a81c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Thu, 21 Mar 2019 09:48:50 +0800
Subject: [PATCH 108/122] :lipstick: Enhance component demo (#15511)

---
 site/theme/en-US.js                          |   3 +
 site/theme/static/common.less                |   4 -
 site/theme/static/demo.less                  |  62 +++++--
 site/theme/static/responsive.less            |  10 +-
 site/theme/template/Content/Article.jsx      |  25 ---
 site/theme/template/Content/ComponentDoc.jsx |  23 ++-
 site/theme/template/Content/Demo.jsx         | 174 +++++++++----------
 site/theme/zh-CN.js                          |   3 +
 8 files changed, 155 insertions(+), 149 deletions(-)

diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index b7a9ec0d5e..4ea3d66244 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -20,8 +20,11 @@ module.exports = {
     'app.component.examples': 'Examples',
     'app.component.examples.expand': 'Expand all code',
     'app.component.examples.collpse': 'Collpse all code',
+    'app.demo.debug': "Debug only, won't display at online",
     'app.demo.copy': 'Copy code',
     'app.demo.copied': 'Copied!',
+    'app.demo.code.show': 'Show code',
+    'app.demo.code.hide': 'Hide code',
     'app.demo.codepen': 'Open in CodePen',
     'app.demo.codesandbox': 'Open in CodeSandbox',
     'app.demo.riddle': 'Open in Riddle',
diff --git a/site/theme/static/common.less b/site/theme/static/common.less
index 0774d7a1ee..a9aa7ef5ba 100644
--- a/site/theme/static/common.less
+++ b/site/theme/static/common.less
@@ -103,10 +103,6 @@ a {
   font-size: 12px;
 }
 
-.outside-link.internal {
-  display: none;
-}
-
 // reset menu text color
 .menu-site .ant-menu-item > a {
   color: @site-text-color;
diff --git a/site/theme/static/demo.less b/site/theme/static/demo.less
index 7633886b3c..fb595b8e25 100644
--- a/site/theme/static/demo.less
+++ b/site/theme/static/demo.less
@@ -33,7 +33,7 @@
   &-title {
     position: absolute;
     top: -14px;
-    margin-left: -8px;
+    margin-left: 16px;
     padding: 1px 8px;
     color: #777;
     background: #fff;
@@ -48,6 +48,10 @@
     }
   }
 
+  &-description {
+    padding: 18px 24px 12px;
+  }
+
   a.edit-button {
     position: absolute;
     top: 7px;
@@ -74,7 +78,6 @@
     &.markdown {
       position: relative;
       width: 100%;
-      padding: 18px 32px;
       font-size: @font-size-base;
       border-radius: 0 0 @border-radius-sm @border-radius-sm;
       transition: background-color 0.4s;
@@ -105,13 +108,6 @@
   }
 
   .code-expand-icon {
-    position: absolute;
-    right: 16px;
-    bottom: 23px;
-    width: 16px;
-    height: 16px;
-    line-height: 16px;
-    text-align: center;
     cursor: pointer;
   }
 
@@ -168,14 +164,33 @@
   }
 
   &-actions {
-    position: absolute;
-    top: 10px;
-    right: 12px;
-    text-align: right;
+    padding-top: 12px;
+    text-align: center;
+    border-top: 1px dashed @site-border-color-split;
+    opacity: .7;
+    transition: opacity .3s;
+
+    &:hover {
+      opacity: 1;
+    }
+
     > i,
-    > form {
+    > form,
+    > span {
+      position: relative;
       display: inline-block;
-      margin-left: 8px;
+      width: 16px;
+      height: 16px;
+      margin-left: 16px;
+      vertical-align: top;
+
+      &:first-child {
+        margin-left: 0;
+      }
+    }
+
+    > form {
+      top: -2px;
     }
   }
 
@@ -189,7 +204,6 @@
     background: #fff;
     border-radius: 20px;
     cursor: pointer;
-    opacity: 0;
     transition: all 0.24s;
 
     &:hover {
@@ -212,11 +226,11 @@
       no-repeat;
     border: 0;
     cursor: pointer;
-    opacity: 0;
     transition: all 0.3s;
   }
 
   &-riddle {
+    display: none;
     width: 20px;
     height: 20px;
     overflow: hidden;
@@ -226,7 +240,6 @@
       no-repeat;
     border: 0;
     cursor: pointer;
-    opacity: 0;
     transition: all 0.3s;
   }
 
@@ -240,7 +253,6 @@
       no-repeat;
     border: 0;
     cursor: pointer;
-    opacity: 0;
     transition: all 0.3s;
   }
 
@@ -259,4 +271,16 @@
       border: none;
     }
   }
+
+  &-debug {
+    border-color: @purple-3;
+  }
+
+  &-debug &-title a {
+    color: @purple-6;
+  }
+}
+
+.show-riddle-button .code-box-riddle {
+  display: block;
 }
diff --git a/site/theme/static/responsive.less b/site/theme/static/responsive.less
index 9303610214..3a37636ee1 100644
--- a/site/theme/static/responsive.less
+++ b/site/theme/static/responsive.less
@@ -38,6 +38,11 @@
       overflow: hidden;
     }
   }
+  .code-boxes-col-2-1,
+  .code-boxes-col-1-1 {
+    float: none;
+    width: 100%;
+  }
 }
 
 @media only screen and (max-width: 767.99px) {
@@ -54,11 +59,6 @@
   #search-box {
     display: none;
   }
-  .code-boxes-col-2-1,
-  .code-boxes-col-1-1 {
-    float: none;
-    width: 100%;
-  }
   .preview-image-boxes {
     float: none;
     width: 100%;
diff --git a/site/theme/template/Content/Article.jsx b/site/theme/template/Content/Article.jsx
index 7b484bab30..7a15614647 100644
--- a/site/theme/template/Content/Article.jsx
+++ b/site/theme/template/Content/Article.jsx
@@ -5,37 +5,12 @@ import DocumentTitle from 'react-document-title';
 import { getChildren } from 'jsonml.js/lib/utils';
 import { Timeline, Alert, Affix } from 'antd';
 import EditButton from './EditButton';
-import { ping } from '../utils';
 
 export default class Article extends React.Component {
   static contextTypes = {
     intl: PropTypes.object.isRequired,
   };
 
-  componentDidMount() {
-    this.componentDidUpdate();
-  }
-
-  componentDidUpdate() {
-    const links = [...document.querySelectorAll('.outside-link.internal')];
-    if (links.length === 0) {
-      return;
-    }
-    this.pingTimer = ping(status => {
-      if (status !== 'timeout' && status !== 'error') {
-        links.forEach(link => {
-          link.style.display = 'block'; // eslint-disable-line
-        });
-      } else {
-        links.forEach(link => link.parentNode.removeChild(link));
-      }
-    });
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.pingTimer);
-  }
-
   onResourceClick = e => {
     if (!window.gtag) {
       return;
diff --git a/site/theme/template/Content/ComponentDoc.jsx b/site/theme/template/Content/ComponentDoc.jsx
index 8f4a454ece..219e6909f8 100644
--- a/site/theme/template/Content/ComponentDoc.jsx
+++ b/site/theme/template/Content/ComponentDoc.jsx
@@ -7,6 +7,7 @@ import { Row, Col, Icon, Affix, Tooltip } from 'antd';
 import { getChildren } from 'jsonml.js/lib/utils';
 import Demo from './Demo';
 import EditButton from './EditButton';
+import { ping } from '../utils';
 
 export default class ComponentDoc extends React.Component {
   static contextTypes = {
@@ -15,8 +16,23 @@ export default class ComponentDoc extends React.Component {
 
   state = {
     expandAll: false,
+    showRiddleButton: false,
   };
 
+  componentDidMount() {
+    this.pingTimer = ping(status => {
+      if (status !== 'timeout' && status !== 'error') {
+        this.setState({
+          showRiddleButton: true,
+        });
+      }
+    });
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.pingTimer);
+  }
+
   handleExpandToggle = () => {
     const { expandAll } = this.state;
     this.setState({
@@ -32,7 +48,7 @@ export default class ComponentDoc extends React.Component {
       intl: { locale },
     } = this.context;
     const demos = Object.keys(props.demos).map(key => props.demos[key]);
-    const { expandAll } = this.state;
+    const { expandAll, showRiddleButton } = this.state;
 
     const isSingleCol = meta.cols === 1;
     const leftChildren = [];
@@ -74,9 +90,12 @@ export default class ComponentDoc extends React.Component {
     });
 
     const { title, subtitle, filename } = meta;
+    const articleClassName = classNames({
+      'show-riddle-button': showRiddleButton,
+    });
     return (
       <DocumentTitle title={`${subtitle || ''} ${title[locale] || title} - Ant Design`}>
-        <article>
+        <article className={articleClassName}>
           <Affix className="toc-affix" offsetTop={16}>
             <ul id="demo-toc" className="toc">
               {jumper}
diff --git a/site/theme/template/Content/Demo.jsx b/site/theme/template/Content/Demo.jsx
index 179223ea1a..5ccc22f522 100644
--- a/site/theme/template/Content/Demo.jsx
+++ b/site/theme/template/Content/Demo.jsx
@@ -10,7 +10,6 @@ import { Icon, Tooltip } from 'antd';
 import EditButton from './EditButton';
 import ErrorBoundary from './ErrorBoundary';
 import BrowserFrame from '../BrowserFrame';
-import { ping } from '../utils';
 
 function compress(string) {
   return LZString.compressToBase64(string)
@@ -28,7 +27,6 @@ export default class Demo extends React.Component {
     codeExpand: false,
     copied: false,
     copyTooltipVisible: false,
-    showRiddleButton: false,
   };
 
   componentDidMount() {
@@ -36,14 +34,6 @@ export default class Demo extends React.Component {
     if (meta.id === location.hash.slice(1)) {
       this.anchor.click();
     }
-
-    this.pingTimer = ping(status => {
-      if (status !== 'timeout' && status !== 'error') {
-        this.setState({
-          showRiddleButton: true,
-        });
-      }
-    });
   }
 
   shouldComponentUpdate(nextProps, nextState) {
@@ -96,7 +86,7 @@ export default class Demo extends React.Component {
     const { state } = this;
     const { props } = this;
     const { meta, src, content, preview, highlightedCode, style, highlightedStyle, expand } = props;
-    const { showRiddleButton, copied } = state;
+    const { copied } = state;
     if (!this.liveDemo) {
       this.liveDemo = meta.iframe ? (
         <BrowserFrame>
@@ -107,9 +97,9 @@ export default class Demo extends React.Component {
       );
     }
     const codeExpand = state.codeExpand || expand;
-    const codeBoxClass = classNames({
-      'code-box': true,
+    const codeBoxClass = classNames('code-box', {
       expand: codeExpand,
+      'code-box-debug': meta.debug,
     });
     const {
       intl: { locale },
@@ -210,94 +200,90 @@ ${sourceCode.replace('mountNode', "document.getElementById('container')")}
         </section>
         <section className="code-box-meta markdown">
           <div className="code-box-title">
-            <a href={`#${meta.id}`} ref={this.saveAnchor}>
-              {localizedTitle}
-            </a>
+            <Tooltip title={meta.debug ? <FormattedMessage id="app.demo.debug" /> : ''}>
+              <a href={`#${meta.id}`} ref={this.saveAnchor}>
+                {localizedTitle}
+              </a>
+            </Tooltip>
             <EditButton
-              title={<FormattedMessage id="app.content.edit-demo" />}
+              title={<FormattedMessage id="app.content.edit" />}
               filename={meta.filename}
             />
           </div>
-          {introChildren}
-          <Tooltip title={codeExpand ? 'Hide Code' : 'Show Code'}>
-            <span className="code-expand-icon">
-              <img
-                alt="expand code"
-                src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg"
-                className={codeExpand ? 'code-expand-icon-hide' : 'code-expand-icon-show'}
-                onClick={this.handleCodeExpand}
+          <div className="code-box-description">
+            {introChildren}
+          </div>
+          <div className="code-box-actions">
+            <form action="//riddle.alibaba-inc.com/riddles/define" method="POST" target="_blank">
+              <input type="hidden" name="data" value={JSON.stringify(riddlePrefillConfig)} />
+              <Tooltip title={<FormattedMessage id="app.demo.riddle" />}>
+                <input
+                  type="submit"
+                  value="Create New Riddle with Prefilled Data"
+                  className="code-box-riddle"
+                />
+              </Tooltip>
+            </form>
+            <form action="https://codepen.io/pen/define" method="POST" target="_blank">
+              <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
+              <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
+                <input
+                  type="submit"
+                  value="Create New Pen with Prefilled Data"
+                  className="code-box-codepen"
+                />
+              </Tooltip>
+            </form>
+            <form
+              action="https://codesandbox.io/api/v1/sandboxes/define"
+              method="POST"
+              target="_blank"
+            >
+              <input
+                type="hidden"
+                name="parameters"
+                value={compress(JSON.stringify(codesanboxPrefillConfig))}
               />
-              <img
-                alt="expand code"
-                src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg"
-                className={codeExpand ? 'code-expand-icon-show' : 'code-expand-icon-hide'}
-                onClick={this.handleCodeExpand}
-              />
-            </span>
-          </Tooltip>
+              <Tooltip title={<FormattedMessage id="app.demo.codesandbox" />}>
+                <input
+                  type="submit"
+                  value="Create New Sandbox with Prefilled Data"
+                  className="code-box-codesandbox"
+                />
+              </Tooltip>
+            </form>
+            <CopyToClipboard text={sourceCode} onCopy={this.handleCodeCopied}>
+              <Tooltip
+                visible={state.copyTooltipVisible}
+                onVisibleChange={this.onCopyTooltipVisibleChange}
+                title={<FormattedMessage id={`app.demo.${copied ? 'copied' : 'copy'}`} />}
+              >
+                <Icon
+                  type={state.copied && state.copyTooltipVisible ? 'check' : 'snippets'}
+                  className="code-box-code-copy"
+                />
+              </Tooltip>
+            </CopyToClipboard>
+            <Tooltip title={<FormattedMessage id={`app.demo.code.${codeExpand ? 'hide' : 'show'}`} />}>
+              <span className="code-expand-icon">
+                <img
+                  alt="expand code"
+                  src="https://gw.alipayobjects.com/zos/rmsportal/wSAkBuJFbdxsosKKpqyq.svg"
+                  className={codeExpand ? 'code-expand-icon-hide' : 'code-expand-icon-show'}
+                  onClick={this.handleCodeExpand}
+                />
+                <img
+                  alt="expand code"
+                  src="https://gw.alipayobjects.com/zos/rmsportal/OpROPHYqWmrMDBFMZtKF.svg"
+                  className={codeExpand ? 'code-expand-icon-show' : 'code-expand-icon-hide'}
+                  onClick={this.handleCodeExpand}
+                />
+              </span>
+            </Tooltip>
+          </div>
         </section>
         <section className={highlightClass} key="code">
-          <div className="highlight">
-            <div className="code-box-actions">
-              {showRiddleButton ? (
-                <form
-                  action="//riddle.alibaba-inc.com/riddles/define"
-                  method="POST"
-                  target="_blank"
-                >
-                  <input type="hidden" name="data" value={JSON.stringify(riddlePrefillConfig)} />
-                  <Tooltip title={<FormattedMessage id="app.demo.riddle" />}>
-                    <input
-                      type="submit"
-                      value="Create New Riddle with Prefilled Data"
-                      className="code-box-riddle"
-                    />
-                  </Tooltip>
-                </form>
-              ) : null}
-              <form action="https://codepen.io/pen/define" method="POST" target="_blank">
-                <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
-                <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
-                  <input
-                    type="submit"
-                    value="Create New Pen with Prefilled Data"
-                    className="code-box-codepen"
-                  />
-                </Tooltip>
-              </form>
-              <form
-                action="https://codesandbox.io/api/v1/sandboxes/define"
-                method="POST"
-                target="_blank"
-              >
-                <input
-                  type="hidden"
-                  name="parameters"
-                  value={compress(JSON.stringify(codesanboxPrefillConfig))}
-                />
-                <Tooltip title={<FormattedMessage id="app.demo.codesandbox" />}>
-                  <input
-                    type="submit"
-                    value="Create New Sandbox with Prefilled Data"
-                    className="code-box-codesandbox"
-                  />
-                </Tooltip>
-              </form>
-              <CopyToClipboard text={sourceCode} onCopy={this.handleCodeCopied}>
-                <Tooltip
-                  visible={state.copyTooltipVisible}
-                  onVisibleChange={this.onCopyTooltipVisibleChange}
-                  title={<FormattedMessage id={`app.demo.${copied ? 'copied' : 'copy'}`} />}
-                >
-                  <Icon
-                    type={state.copied && state.copyTooltipVisible ? 'check' : 'copy'}
-                    className="code-box-code-copy"
-                  />
-                </Tooltip>
-              </CopyToClipboard>
-            </div>
-            {props.utils.toReactComponent(highlightedCode)}
-          </div>
+          <div className="highlight">{props.utils.toReactComponent(highlightedCode)}</div>
           {highlightedStyle ? (
             <div key="style" className="highlight">
               <pre>
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 89d0dbd68f..5e6d7daf3c 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -20,8 +20,11 @@ module.exports = {
     'app.component.examples': '代码演示',
     'app.component.examples.expand': '展开全部代码',
     'app.component.examples.collpse': '收起全部代码',
+    'app.demo.debug': '此演示仅供调试，线上不会展示',
     'app.demo.copy': '复制代码',
     'app.demo.copied': '复制成功',
+    'app.demo.code.show': '显示代码',
+    'app.demo.code.hide': '收起代码',
     'app.demo.codepen': '在 CodePen 中打开',
     'app.demo.codesandbox': '在 CodeSandbox 中打开',
     'app.demo.riddle': '在 Riddle 中打开',

From 4da56cd06c46bfa2c297393518b7c91a97d71781 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Thu, 21 Mar 2019 10:07:56 +0800
Subject: [PATCH 109/122] Refactor Avatar scale calculate logic (#15503)

* :bug: Refactor Avatar scale calculate logic

close #15351

close #15468

* :white_check_mark: Fix infinite loop

* :bug: Fix avatar size change logic

* :white_check_mark: Fix snapshot

* :white_check_mark: Add test cases for Avatar setScale

* :bug: getBoundingClientRect => offsetWidth

* :white_check_mark: Fix snapshot
---
 components/avatar/__tests__/Avatar.test.js    | 44 +++++++++-
 .../__tests__/__snapshots__/demo.test.js.snap | 75 +++++++++++++++++
 components/avatar/demo/toggle-debug.md        | 80 +++++++++++++++++++
 components/avatar/index.tsx                   | 79 ++++++++----------
 4 files changed, 232 insertions(+), 46 deletions(-)
 create mode 100644 components/avatar/demo/toggle-debug.md

diff --git a/components/avatar/__tests__/Avatar.test.js b/components/avatar/__tests__/Avatar.test.js
index f393599d5f..c703c52a4f 100644
--- a/components/avatar/__tests__/Avatar.test.js
+++ b/components/avatar/__tests__/Avatar.test.js
@@ -3,6 +3,27 @@ import { mount } from 'enzyme';
 import Avatar from '..';
 
 describe('Avatar Render', () => {
+  let originOffsetWidth;
+  beforeAll(() => {
+    // Mock offsetHeight
+    originOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth').get;
+    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
+      get() {
+        if (this.className === 'ant-avatar-string') {
+          return 100;
+        }
+        return 80;
+      },
+    });
+  });
+
+  afterAll(() => {
+    // Restore Mock offsetHeight
+    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
+      get: originOffsetWidth,
+    });
+  });
+
   it('Render long string correctly', () => {
     const wrapper = mount(<Avatar>TestString</Avatar>);
     const children = wrapper.find('.ant-avatar-string');
@@ -14,8 +35,12 @@ describe('Avatar Render', () => {
     global.document.body.appendChild(div);
 
     const wrapper = mount(<Avatar src="http://error.url">Fallback</Avatar>, { attachTo: div });
-    wrapper.instance().setScale = jest.fn(() => wrapper.instance().setState({ scale: 0.5 }));
-
+    wrapper.instance().setScale = jest.fn(() => {
+      if (wrapper.state().scale === 0.5) {
+        return;
+      }
+      wrapper.instance().setState({ scale: 0.5 });
+    });
     wrapper.find('img').simulate('error');
 
     const children = wrapper.find('.ant-avatar-string');
@@ -90,4 +115,19 @@ describe('Avatar Render', () => {
     wrapper.detach();
     global.document.body.removeChild(div);
   });
+
+  it('should calculate scale of avatar children correctly', () => {
+    const wrapper = mount(<Avatar>Avatar</Avatar>);
+    expect(wrapper.state().scale).toBe(0.72);
+    Object.defineProperty(HTMLElement.prototype, 'offsetWidth', {
+      get() {
+        if (this.className === 'ant-avatar-string') {
+          return 100;
+        }
+        return 40;
+      },
+    });
+    wrapper.setProps({ children: 'xx' });
+    expect(wrapper.state().scale).toBe(0.32);
+  });
 });
diff --git a/components/avatar/__tests__/__snapshots__/demo.test.js.snap b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
index 4cd53f4560..16c18a904b 100644
--- a/components/avatar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/avatar/__tests__/__snapshots__/demo.test.js.snap
@@ -439,6 +439,81 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
 </div>
 `;
 
+exports[`renders ./components/avatar/demo/toggle-debug.md correctly 1`] = `
+<div>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Toggle Avatar visibility
+    </span>
+  </button>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Toggle Avatar size
+    </span>
+  </button>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Change Avatar scale
+    </span>
+  </button>
+  <br />
+  <br />
+  <div
+    style="text-align:center;transform:scale(1);margin-top:24px"
+  >
+    <span
+      class="ant-avatar ant-avatar-lg ant-avatar-circle"
+      style="background:#7265e6;display:none"
+    >
+      <span
+        class="ant-avatar-string"
+      >
+        Avatar
+      </span>
+    </span>
+    <span
+      class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
+      style="background:#00a2ae;display:none"
+    >
+      <img
+        src="invalid"
+      />
+    </span>
+    <div
+      style="display:none"
+    >
+      <span
+        class="ant-avatar ant-avatar-lg ant-avatar-circle"
+        style="background:#7265e6"
+      >
+        <span
+          class="ant-avatar-string"
+        >
+          Avatar
+        </span>
+      </span>
+      <span
+        class="ant-avatar ant-avatar-lg ant-avatar-circle ant-avatar-image"
+        style="background:#00a2ae"
+      >
+        <img
+          src="invalid"
+        />
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
 <div>
   <span
diff --git a/components/avatar/demo/toggle-debug.md b/components/avatar/demo/toggle-debug.md
new file mode 100644
index 0000000000..c3b0d3eeb1
--- /dev/null
+++ b/components/avatar/demo/toggle-debug.md
@@ -0,0 +1,80 @@
+---
+order: 4
+title:
+  zh-CN: 隐藏情况下计算字符对齐
+  en-US: Calculate text style when hiding
+debug: true
+---
+
+## zh-CN
+
+切换 Avatar 显示的时候，文本样式应该居中并正确调整字体大小。
+
+## en-US
+
+Text inside Avatar should be set a proper font size when toggle it's visibility.
+
+````jsx
+import { Avatar, Button } from 'antd';
+
+class App extends React.Component {
+  state = {
+    hide: true,
+    size: 'large',
+    scale: 1,
+  };
+
+  toggle = () => {
+    this.setState({
+      hide: !this.state.hide,
+    });
+  }
+
+  toggleSize = () => {
+    const sizes = ['small', 'default', 'large'];
+    let current = sizes.indexOf(this.state.size) + 1;
+    if (current > 2) {
+      current = 0;
+    }
+    this.setState({
+      size: sizes[current],
+    });
+  }
+
+  changeScale = () => {
+    this.setState({
+      scale: this.state.scale === 1 ? 2 : 1,
+    });
+  }
+
+  render() {
+    const { hide, size, scale } = this.state;
+    return (
+      <div>
+        <Button onClick={this.toggle}>Toggle Avatar visibility</Button>
+        <Button onClick={this.toggleSize}>Toggle Avatar size</Button>
+        <Button onClick={this.changeScale}>Change Avatar scale</Button>
+        <br />
+        <br />
+        <div style={{ textAlign: 'center', transform: `scale(${scale})`, marginTop: 24 }}>
+          <Avatar size={size} style={{ background: '#7265e6', display: hide ? 'none' : '' }}>
+            Avatar
+          </Avatar>
+          <Avatar size={size} src="invalid" style={{ background: '#00a2ae', display: hide ? 'none' : '' }}>
+            Invalid
+          </Avatar>
+          <div style={{ display: hide ? 'none' : '' }}>
+            <Avatar size={size} style={{ background: '#7265e6' }}>
+              Avatar
+            </Avatar>
+            <Avatar size={size} src="invalid" style={{ background: '#00a2ae' }}>
+              Invalid
+            </Avatar>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<App />, mountNode);
diff --git a/components/avatar/index.tsx b/components/avatar/index.tsx
index c9d8a40581..9bc3db5e49 100644
--- a/components/avatar/index.tsx
+++ b/components/avatar/index.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import Icon from '../icon';
 import classNames from 'classnames';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
@@ -31,7 +30,6 @@ export interface AvatarProps {
 export interface AvatarState {
   scale: number;
   isImgExist: boolean;
-  avatarDisplay: boolean;
 }
 
 export default class Avatar extends React.Component<AvatarProps, AvatarState> {
@@ -43,59 +41,44 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
   state = {
     scale: 1,
     isImgExist: true,
-    avatarDisplay: true,
   };
 
-  private avatarChildren: any;
+  private avatarNode: HTMLElement;
+  private avatarChildren: HTMLElement;
+  private lastChildrenWidth: number;
+  private lastNodeWidth: number;
 
   componentDidMount() {
     this.setScale();
   }
 
-  componentDidUpdate(prevProps: AvatarProps, prevState: AvatarState) {
-    if (
-      prevProps.children !== this.props.children ||
-      (prevState.scale !== this.state.scale && this.state.scale === 1) ||
-      prevState.isImgExist !== this.state.isImgExist ||
-      !this.state.avatarDisplay
-    ) {
-      this.setScale();
-      if (this.avatarChildren && this.avatarChildren.offsetWidth !== 0) {
-        this.setState({
-          avatarDisplay: true,
-        });
-      }
-    } else {
-      if (this.avatarChildren && this.avatarChildren.offsetWidth === 0 && this.state.scale === 1) {
-        this.setState({
-          avatarDisplay: false,
-        });
-      }
-    }
-
+  componentDidUpdate(prevProps: AvatarProps) {
+    this.setScale();
     if (prevProps.src !== this.props.src) {
       this.setState({ isImgExist: true, scale: 1 });
     }
   }
 
   setScale = () => {
-    const childrenNode = this.avatarChildren;
-    // denominator is 0 is no meaning
-    if (childrenNode && childrenNode.offsetWidth !== 0) {
-      const childrenWidth = childrenNode.offsetWidth;
-      const avatarNode = ReactDOM.findDOMNode(this) as Element;
-      const avatarWidth = avatarNode.getBoundingClientRect().width;
-      // add 4px gap for each side to get better performance
-      if (avatarWidth - 8 < childrenWidth) {
-        this.setState({
-          scale: (avatarWidth - 8) / childrenWidth,
-        });
-      } else {
-        this.setState({
-          scale: 1,
-        });
-      }
+    if (!this.avatarChildren || !this.avatarNode) {
+      return;
     }
+    const childrenWidth = this.avatarChildren.offsetWidth; // offsetWidth avoid affecting be transform scale
+    const nodeWidth = this.avatarNode.offsetWidth;
+    // denominator is 0 is no meaning
+    if (
+      childrenWidth === 0 ||
+      nodeWidth === 0 ||
+      (this.lastChildrenWidth === childrenWidth && this.lastNodeWidth === nodeWidth)
+    ) {
+      return;
+    }
+    this.lastChildrenWidth = childrenWidth;
+    this.lastNodeWidth = nodeWidth;
+    // add 4px gap for each side to get better performance
+    this.setState({
+      scale: nodeWidth - 8 < childrenWidth ? (nodeWidth - 8) / childrenWidth : 1,
+    });
   };
 
   handleImgLoadError = () => {
@@ -167,7 +150,7 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
         children = (
           <span
             className={`${prefixCls}-string`}
-            ref={span => (this.avatarChildren = span)}
+            ref={(node: HTMLElement) => (this.avatarChildren = node)}
             style={{ ...sizeChildrenStyle, ...childrenStyle }}
           >
             {children}
@@ -175,14 +158,22 @@ export default class Avatar extends React.Component<AvatarProps, AvatarState> {
         );
       } else {
         children = (
-          <span className={`${prefixCls}-string`} ref={span => (this.avatarChildren = span)}>
+          <span
+            className={`${prefixCls}-string`}
+            ref={(node: HTMLElement) => (this.avatarChildren = node)}
+          >
             {children}
           </span>
         );
       }
     }
     return (
-      <span {...others} style={{ ...sizeStyle, ...others.style }} className={classString}>
+      <span
+        {...others}
+        style={{ ...sizeStyle, ...others.style }}
+        className={classString}
+        ref={(node: HTMLElement) => (this.avatarNode = node)}
+      >
         {children}
       </span>
     );

From 4ad71cb3af85f9b2e1d9210d33a43146b4c113ff Mon Sep 17 00:00:00 2001
From: Marcio Pamplona <marciopamplona79@gmail.com>
Date: Thu, 21 Mar 2019 02:12:57 +0000
Subject: [PATCH 110/122] Included pt_PT table sort title description (#15551)

---
 components/locale-provider/pt_PT.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/locale-provider/pt_PT.tsx b/components/locale-provider/pt_PT.tsx
index 992070ff5f..798d24049e 100644
--- a/components/locale-provider/pt_PT.tsx
+++ b/components/locale-provider/pt_PT.tsx
@@ -15,6 +15,7 @@ export default {
     filterReset: 'Reiniciar',
     selectAll: 'Selecionar página atual',
     selectInvert: 'Inverter seleção',
+    sortTitle: 'Ordenação',
   },
   Modal: {
     okText: 'OK',

From c8a326643d40f960ec86d56dbf57396eee966bc7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Thu, 21 Mar 2019 10:16:56 +0800
Subject: [PATCH 111/122] :memo: put description in PR template into comment
 (#15513)

---
 .github/PULL_REQUEST_TEMPLATE.md       | 3 ++-
 .github/PULL_REQUEST_TEMPLATE/pr_cn.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index db53c3b233..206c0a2c02 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,3 +1,4 @@
+<!--
 First of all, thank you for your contribution! 😄
 
 New feature please send pull request to feature branch, and rest to master branch.
@@ -5,7 +6,7 @@ Pull request will be merged after one of collaborators approve.
 Please makes sure that these form are filled before submitting your pull request, thank you!
 
 [[中文版模板 / Chinese template](https://github.com/ant-design/ant-design/blob/master/.github/PULL_REQUEST_TEMPLATE/pr_cn.md)]
-
+-->
 ### 🤔 This is a ...
 
 - [ ] New feature
diff --git a/.github/PULL_REQUEST_TEMPLATE/pr_cn.md b/.github/PULL_REQUEST_TEMPLATE/pr_cn.md
index 806feaa92b..85e9b40e33 100644
--- a/.github/PULL_REQUEST_TEMPLATE/pr_cn.md
+++ b/.github/PULL_REQUEST_TEMPLATE/pr_cn.md
@@ -1,3 +1,4 @@
+<!--
 首先，感谢你的贡献！😄
 
 新特性请提交至 feature 分支，其余可提交至 master 分支。
@@ -5,7 +6,7 @@
 请确保填写以下 pull request 的信息，谢谢！~
 
 [[English Template / 英文模板](?expand=1)]
-
+-->
 ### 🤔 这个变动的性质是？
 
 - [ ] 新特性提交

From 4eb33eb1497381cf69af9772fb8633171b1e049f Mon Sep 17 00:00:00 2001
From: DiamondYuan <541832074@qq.com>
Date: Thu, 21 Mar 2019 11:31:58 +0800
Subject: [PATCH 112/122] fix: set min-width instead of width (#15547)

* fix: set min-width instead of width

* test: updte snapshots
---
 .../__tests__/__snapshots__/demo.test.js.snap        | 12 ++++++------
 .../__tests__/__snapshots__/other.test.js.snap       |  2 +-
 components/date-picker/createPicker.tsx              |  9 +++++----
 .../form/__tests__/__snapshots__/demo.test.js.snap   |  2 +-
 4 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index 6e16005cd2..b776c29694 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -348,7 +348,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
@@ -493,7 +493,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
   </span>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
@@ -872,7 +872,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
@@ -1264,7 +1264,7 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
@@ -1295,7 +1295,7 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
   </span>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
@@ -1567,7 +1567,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:195px"
+    style="min-width:195px"
   >
     <div>
       <input
diff --git a/components/date-picker/__tests__/__snapshots__/other.test.js.snap b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
index 1579e7e9d8..e376a91a3b 100644
--- a/components/date-picker/__tests__/__snapshots__/other.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/other.test.js.snap
@@ -1029,7 +1029,7 @@ exports[`Picker format by locale date 1`] = `
 exports[`Picker format by locale dateTime 1`] = `
 <span
   class="ant-calendar-picker"
-  style="width: 195px;"
+  style="min-width: 195px;"
 >
   <div>
     <input
diff --git a/components/date-picker/createPicker.tsx b/components/date-picker/createPicker.tsx
index 06b0d5910d..b4ff9800ad 100644
--- a/components/date-picker/createPicker.tsx
+++ b/components/date-picker/createPicker.tsx
@@ -34,7 +34,7 @@ export default function createPicker(TheCalendar: React.ComponentClass): any {
 
     static getDerivedStateFromProps(nextProps: PickerProps, prevState: PickerState) {
       const state: Partial<PickerState> = {};
-      let open: boolean = prevState.open;
+      let { open } = prevState;
 
       if ('open' in nextProps) {
         state.open = nextProps.open;
@@ -53,6 +53,7 @@ export default function createPicker(TheCalendar: React.ComponentClass): any {
     }
 
     private input: any;
+
     private prefixCls?: string;
 
     constructor(props: any) {
@@ -92,7 +93,7 @@ export default function createPicker(TheCalendar: React.ComponentClass): any {
     };
 
     handleChange = (value: moment.Moment | null) => {
-      const props = this.props;
+      const { props } = this;
       if (!('value' in props)) {
         this.setState({
           value,
@@ -155,13 +156,13 @@ export default function createPicker(TheCalendar: React.ComponentClass): any {
 
       let pickerProps: Object = {};
       let calendarProps: any = {};
-      const pickerStyle: { width?: number } = {};
+      const pickerStyle: { minWidth?: number } = {};
       if (props.showTime) {
         calendarProps = {
           // fix https://github.com/ant-design/ant-design/issues/1902
           onSelect: this.handleChange,
         };
-        pickerStyle.width = 195;
+        pickerStyle.minWidth = 195;
       } else {
         pickerProps = {
           onChange: this.handleChange,
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 5819b074e8..f17c665ad4 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2550,7 +2550,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
           <span
             class="ant-calendar-picker"
             id="time_related_controls_date-time-picker"
-            style="width:195px"
+            style="min-width:195px"
           >
             <div>
               <input

From 267ad3402c2d35006600a0be65c564ee3177742c Mon Sep 17 00:00:00 2001
From: Bestie <lucientown@outlook.com>
Date: Thu, 21 Mar 2019 22:18:58 +0800
Subject: [PATCH 113/122] modify interface ListLocale.emptyText from text to
 ReactNode (#15571)

---
 components/list/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/list/index.tsx b/components/list/index.tsx
index 70371ce9c7..9510222add 100644
--- a/components/list/index.tsx
+++ b/components/list/index.tsx
@@ -54,7 +54,7 @@ export interface ListProps {
 }
 
 export interface ListLocale {
-  emptyText: string;
+  emptyText: React.ReactNode | (() => React.ReactNode);
 }
 
 export default class List extends React.Component<ListProps> {

From 7c7c61976a217a95dffe9dfe27817d597d2f6a2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 22 Mar 2019 11:35:40 +0800
Subject: [PATCH 114/122] :bug: Fix Select notFound align issue (#15570)

close #15567

close #14422 again
---
 components/empty/style/index.less  | 6 ------
 components/select/style/index.less | 6 ++++++
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/empty/style/index.less b/components/empty/style/index.less
index 7fffa45149..fe92413999 100644
--- a/components/empty/style/index.less
+++ b/components/empty/style/index.less
@@ -43,9 +43,3 @@
     }
   }
 }
-
-// Patch for popup adjust
-.@{ant-prefix}-select-dropdown--empty .@{ant-prefix}-select-dropdown-menu-item {
-  padding-right: 0;
-  padding-left: 0;
-}
diff --git a/components/select/style/index.less b/components/select/style/index.less
index 59c17c2d79..cc9e1a22b0 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -580,6 +580,12 @@
     }
   }
 
+  // Patch for popup adjust
+  // https://github.com/ant-design/ant-design/issues/14422
+  &--empty&--multiple &-menu-item {
+    padding-right: @control-padding-horizontal;
+  }
+
   &-container-open,
   &-open {
     .@{select-prefix-cls}-dropdown {

From 30a306ad2dce71e0ac11b80a82753779b8a0697d Mon Sep 17 00:00:00 2001
From: klouskingsley <harry_tse@163.com>
Date: Fri, 22 Mar 2019 11:48:22 +0800
Subject: [PATCH 115/122] translation for data display (#15454)

* translation for data display

* translate image description
---
 docs/spec/data-display.en-US.md               | 78 +++++++++++++++++++
 ...{data-display.md => data-display.zh-CN.md} |  8 +-
 2 files changed, 80 insertions(+), 6 deletions(-)
 create mode 100644 docs/spec/data-display.en-US.md
 rename docs/spec/{data-display.md => data-display.zh-CN.md} (97%)

diff --git a/docs/spec/data-display.en-US.md b/docs/spec/data-display.en-US.md
new file mode 100644
index 0000000000..c789c89068
--- /dev/null
+++ b/docs/spec/data-display.en-US.md
@@ -0,0 +1,78 @@
+---
+category: Patterns
+order: 10
+title: Data Display
+---
+
+The suitable way to display data helps users quickly locate and browse data, and work together more efficiently. There are the following points to note when designing:
+
+
+- Organize the order of presentations according to the importance level of the information, the frequency of operation, and the degree of association.
+- Pay attention to the guidance in extreme situations. For example, the data information is too long, and the initial state when content is empty.
+
+---
+
+## Table
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/PetAXSByOolFbtmLazQz.png">
+
+The table is recognized as one of the clearest and most efficient forms of presentation data. It is often used in conjunction with other interface elements such as sorting, searching, filtering, and paging, and is suitable for information collection and display, data analysis and induction, and manipulation of structured data. It's structure is simple, it's separation and induction are clear, the information is easier to compare, and the user's receiving efficiency and understanding of the information is greatly improved.
+
+> Note:
+> 1. The time, status, and action bar in the table need to keep the words intact without occupying multiple lines.
+> 2. When the data is empty, use "- -" to indicate that there is no data.
+
+## Collapse
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/ypeOSafZJYqVJUHcJeef.png">
+
+Collapse guides the user to obtain information in a progressive manner by folding and arranging information, so that the interface is kept clean and the space is effectively utilized.
+
+These components are used extensively in navigation and are also suitable for lengthy, irregular content management.
+
+> Note:
+> If the collapsed content has little conjunction to each other, you can use the more space-saving "accordion" mode - "accordion" is a special collapse that allows only a single content area to be unfolded.
+
+---
+
+## Card
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/xtIGZmqUHAovPPKjwyVT.png" description="If the content of the page is too slow, you can use &quot;preload&quot; or &quot;step-by-step&quot; to alleviate the user's anxiety during waiting time.">
+
+A card is a container for carrying information. There is not too much limit to the types of content that can be carried. It makes a type of information centralized, enhances the sense of block and is easier to operate. Cards are usually arranged in a grid or matrix to convey the hierarchical relationship between each other. Cards are suitable for lighter and more personalized information block display.
+
+> Note:
+> 1. Cards are usually arranged according to the grid, and a maximum of four lines is recommended.
+> 2. In the limited card space, you need to pay attention to the spacing between the information. If the information is too long, you can cut off the information. For example, "Ant Design is suitable for the middle station..."
+
+---
+
+## Carousel
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/FaAbGkTwlhykSDSBqWbW.png">
+
+As a set of same hierarchy content parallel display mode, often used for picture or card carousel, can be triggered by the user or the system automatically rotates. It is suitable for display blocks such as the official website home page and product introduction page.
+
+> Note:
+> 1. The number of carousels should not be too much to avoid user boredom, it is best to control between 3 and 5.
+> 2. It is recommended to provide hints on the design to allow users to maintain a clear understanding of the number and direction of the carousel.
+
+---
+
+## Tree
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/QZyxnLWUkbIuTqGYxTQs.png">
+
+"Tree" displays the hierarchical relationship of information in the form of a step-by-step outline, which is efficient and has excellent visual visibility, making the overall information framework clear at a glance.
+
+Users can view and process multiple tree-level content at the same time. Tree is applicable to any information scenarios that need to be organized through a hierarchy, such as folders, organizational structures, taxonomy, country regions, and more.
+
+---
+
+## Timeline
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/WmQeylAyWUNKmQIyoQGH.png">
+
+Timeline is used to display time-flow information vertically, generally recording events in time by flashback, tracking what the user is doing now and what he has done in the past.
+
+Each piece of information is time-based, and the content can cover topics, types, related additional content, and so on. Suitable for including events, tasks, calendar annotations, and other related data presentations.
diff --git a/docs/spec/data-display.md b/docs/spec/data-display.zh-CN.md
similarity index 97%
rename from docs/spec/data-display.md
rename to docs/spec/data-display.zh-CN.md
index 55756db3d2..efebe40c99 100644
--- a/docs/spec/data-display.md
+++ b/docs/spec/data-display.zh-CN.md
@@ -1,11 +1,7 @@
 ---
-category:
-  zh-CN: 模式
-  en-US: Patterns
+category: 模式
 order: 10
-title:
-  zh-CN: 数据展示
-  en-US: Data Display
+title: 数据展示
 ---
 
 合适的数据展示方式可以帮助用户快速地定位和浏览数据，以及更高效得协同工作。在设计时有以下几点需要注意：

From b6d7d7fec5bffd3aac5743164c42f14acecc7b7e Mon Sep 17 00:00:00 2001
From: klouskingsley <harry_tse@163.com>
Date: Fri, 22 Mar 2019 11:50:46 +0800
Subject: [PATCH 116/122] translation for spec/feedback (#15460)

---
 docs/spec/feedback.en-US.md                  | 117 +++++++++++++++++++
 docs/spec/{feedback.md => feedback.zh-CN.md} |   8 +-
 2 files changed, 119 insertions(+), 6 deletions(-)
 create mode 100644 docs/spec/feedback.en-US.md
 rename docs/spec/{feedback.md => feedback.zh-CN.md} (98%)

diff --git a/docs/spec/feedback.en-US.md b/docs/spec/feedback.en-US.md
new file mode 100644
index 0000000000..ed5319d5aa
--- /dev/null
+++ b/docs/spec/feedback.en-US.md
@@ -0,0 +1,117 @@
+---
+category: Patterns
+order: 11
+title: Feedback
+---
+
+In order to help users understand what the application is currently doing, and to refer to the user's next behavior, and to understand the results of the operation, when the user need to interact with the system , use different modes to feedback information or results. When the designer uses feedback or customizes some feedback, please note:
+
+- Provide users with necessary, positive and immediate feedback at all stages;
+- Avoid excessive feedback, so as not to cause unnecessary disturbance to the user, you can omit the feedback prompt at the results users can see immediately and simple operation.
+
+---
+
+## Prompt message
+
+Any product can not be separated from user guidance and information prompts even if the user interface is doing well. The prompt information is used to tell the user what needs to be known and what action to take.
+
+### Alert
+
+#### Alert
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/eviVRYTdxOxOfVENLnxq.png">
+
+It is a non-blocking information display. It does not interrupt the user's current operation. It usually stays at a certain position on the page (top preferentially). The static display form of the non-floating layer is always displayed and will not disappear automatically. The user can click shut down.
+
+> Note: The close button can be added or hidden according to business needs.
+
+### Notification
+
+#### Notification
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/nElczRfDzAXRZSkpiJBQ.png" description="Used when the notification content is complex">
+
+The important global notification information actively pushed by the system is displayed in the upper right corner of the system.
+
+#### Badge
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/bVonmOmmkuvybQxTDGTC.png" description="When there is an icon, it is usually in the upper right corner of the icon; in the case of no icon, it is usually at the back of the title.">
+
+The message prompt for the aggregate type, generally appearing in the upper right corner of the notification icon or avatar, attracts the user's eye through a striking visual form.
+
+> Note: Relatively important and user-related information prompts, use digital precision prompts; weights are not high and are not the user's special concern message prompts, use red dot to make tips.
+
+### Help
+
+#### Popover
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/zsPOjQqkiwMnMhIsbDHz.png">
+
+When the target element has further description and related operations, it can be stored in the card and displayed according to the user's operation behavior.
+
+> Note: The difference between Tooltip and Tooltip is that Popover can carry more complex content, such as links or buttons.
+
+#### Tooltip
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/CKDiGEsluwkRRGqujpgv.png">
+
+Used to accurately describe the pointed object, such as icons, graphics, links, etc. When the mouse is moved in, the prompt is displayed, when the mouse is moved out, the prompt is disappeared. And the complex text and operations are not carried.
+
+---
+
+## Process feedback
+
+Feedback of the status is given to the user as much as possible during the operation, and the immediate response will give the user a sense of trust.
+
+### Loading status progress feedback
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/cHaaqZTvzgCZiYUnfNom.png" description="Used when users don't have to wait for a long time to load.">
+
+When the operation takes a while (usually more than 2 seconds) to complete, the system should immediately give a reminder, clearly inform the loading status or loading progress bar, and maintain communication with the user.
+
+<br />
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/cHaaqZTvzgCZiYUnfNom.png" description="Used when the operation takes a long time to complete, showing the current progress and status of the operation.">
+
+> Note: If the loading time is long, a cancel operation should be provided.
+
+### Input feedback
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/CCeqqndHQgWnqVqvRptA.png">
+
+During the operation, different verification rules and forms can be used to allow users to find and correct errors in time.
+
+> Note: The feedback text is followed by the block to be explained (the feedback content is generally an error description) and does not disappear automatically (it disappears when the user performs the corresponding interaction).
+
+#### Popconfirm
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/lPZZxOAakfNhwfrpRPht.png" description="The interaction form is lighter than the full-screen centered mode dialog.">
+
+When the operation of the target element requires further confirmation by the user, a floating layer prompt is ejected near the target element to inquire the user.
+
+---
+
+## Result feedback
+
+Feedback of the status is given to the user as much as possible during the operation, and the immediate response will give the user a sense of trust.
+
+### Message
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/pqJMJfJGLkYTDbLyJwIg.png" description="When users don't have to wait for a long time to load.">
+
+The feedback floating layer triggered by an operation is centered on the top and disappears automatically, which is a lightweight reminder that does not interrupt the user's operation.
+
+<br />
+
+<img class="preview-img no-padding good" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/DrKzGoqfLRtrPuZaHUiq.png" alt="Correct Sample" description="Important failure messages suggest using dialog box prompts and telling the reason for the failure.">
+<img class="preview-img no-padding bad" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/akPBJQUiUWNsULtGOnyx.png" alt="Incorrect Sample" description="Lightweight prompts are not recommended for important failure messages.">
+
+Since the feedback floating layer has a short presentation time (default 3s), for more important failure notifications, it is recommended to use a dialog box to notify you to avoid missing information.
+
+### Dialog feedback
+
+<img class="preview-img no-padding" align="right" src="https://gw.alipayobjects.com/zos/rmsportal/OTzldmUjUgERMbUCHwzt.png">
+
+The feedback floating layer triggered by an operation is located at the center of the page, and the feedback content can be closed by the confirmation or cancel button. The user cannot perform any operation when the feedback layer appears, it's for important feedback.
+
+> Note: Avoid displaying unnecessary reminders except it fails. Dialog is a strong feedback mechanism that is only needed when passing on very important and actionable information.
diff --git a/docs/spec/feedback.md b/docs/spec/feedback.zh-CN.md
similarity index 98%
rename from docs/spec/feedback.md
rename to docs/spec/feedback.zh-CN.md
index a62b12e579..a5350b7417 100644
--- a/docs/spec/feedback.md
+++ b/docs/spec/feedback.zh-CN.md
@@ -1,11 +1,7 @@
 ---
-category:
-  zh-CN: 模式
-  en-US: Patterns
+category: 模式
 order: 11
-title:
-  zh-CN: 反馈
-  en-US: Feedback
+title: 反馈
 ---
 
 为了帮助用户了解应用当前要做什么，也给用户的下一步行为做参考，以及了解操作后所产生的结果 ，当用户和系统需要交互时，使用不同的模式来反馈信息或结果。当设计者使用反馈或者自定义一些反馈时，请注意：

From df36453459ef9d44f2a90de38429b6040d15b40f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 22 Mar 2019 12:35:23 +0800
Subject: [PATCH 117/122] Update introduce.zh-CN.md

---
 docs/react/introduce.zh-CN.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/react/introduce.zh-CN.md b/docs/react/introduce.zh-CN.md
index 5704af8dc4..1708d269fe 100644
--- a/docs/react/introduce.zh-CN.md
+++ b/docs/react/introduce.zh-CN.md
@@ -3,7 +3,7 @@ order: 0
 title: Ant Design of React
 ---
 
-这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品。
+`antd` 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
 
 <div class="pic-plus">
   <img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">

From 922f29ba289f7e02ee262c9af305f484c12de0d9 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Fri, 22 Mar 2019 14:40:49 +0800
Subject: [PATCH 118/122] chore: Add CNAME

---
 CNAME        | 1 +
 package.json | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 CNAME

diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000000..224102eb87
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+ant.design
diff --git a/package.json b/package.json
index e7bd5f17c7..1cdf70a590 100644
--- a/package.json
+++ b/package.json
@@ -212,7 +212,7 @@
     "start": "rimraf _site && mkdir _site && node ./scripts/generateColorLess.js && cross-env NODE_ENV=development bisheng start -c ./site/bisheng.config.js",
     "start:preact": "node ./scripts/generateColorLess.js && cross-env NODE_ENV=development REACT_ENV=preact bisheng start -c ./site/bisheng.config.js",
     "site": "cross-env NODE_ENV=production bisheng build --ssr -c ./site/bisheng.config.js && node ./scripts/generateColorLess.js",
-    "predeploy": "antd-tools run clean && npm run site && cp netlify.toml _site && cp -r .circleci _site",
+    "predeploy": "antd-tools run clean && npm run site && cp netlify.toml CNAME _site && cp -r .circleci _site",
     "deploy": "bisheng gh-pages --push-only",
     "deploy:china-mirror": "git checkout gh-pages && git pull origin gh-pages && git push git@gitee.com:ant-design/ant-design.git gh-pages",
     "pub": "antd-tools run pub",

From 9e0aa5cb94af02c3bd0b82d979a6a4f1a9a9c309 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 22 Mar 2019 16:21:58 +0800
Subject: [PATCH 119/122] :bug: Fix empty missing when Table is loading
 (#15583)

close #15582
---
 components/table/Table.tsx                    |  5 ++---
 .../__snapshots__/empty.test.js.snap          | 20 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 4185d34146..11d62e9845 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -1121,7 +1121,6 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
     renderEmpty: RenderEmptyHandler,
     dropdownPrefixCls: string,
     contextLocale: TableLocale,
-    loading: SpinProps,
   ) => {
     const { style, className, showHeader, locale, ...restProps } = this.props;
     const data = this.getCurrentPageData();
@@ -1164,7 +1163,7 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
         className={classString}
         expandIconColumnIndex={expandIconColumnIndex}
         expandIconAsCell={expandIconAsCell}
-        emptyText={!loading.spinning && mergedLocale.emptyText}
+        emptyText={mergedLocale.emptyText}
       />
     );
   };
@@ -1189,7 +1188,7 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
     const dropdownPrefixCls = getPrefixCls('dropdown', customizeDropdownPrefixCls);
     const table = (
       <LocaleReceiver componentName="Table" defaultLocale={defaultLocale.Table}>
-        {locale => this.renderTable(prefixCls, renderEmpty, dropdownPrefixCls, locale, loading)}
+        {locale => this.renderTable(prefixCls, renderEmpty, dropdownPrefixCls, locale)}
       </LocaleReceiver>
     );
 
diff --git a/components/table/__tests__/__snapshots__/empty.test.js.snap b/components/table/__tests__/__snapshots__/empty.test.js.snap
index e39ed23cfb..3a9dff7876 100644
--- a/components/table/__tests__/__snapshots__/empty.test.js.snap
+++ b/components/table/__tests__/__snapshots__/empty.test.js.snap
@@ -600,7 +600,25 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
           </div>
           <div
             class="ant-table-placeholder"
-          />
+          >
+            <div
+              class="ant-empty ant-empty-normal"
+            >
+              <div
+                class="ant-empty-image"
+              >
+                <img
+                  alt="No Data"
+                  src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
+                />
+              </div>
+              <p
+                class="ant-empty-description"
+              >
+                No Data
+              </p>
+            </div>
+          </div>
         </div>
       </div>
     </div>

From d0a1196e6383832952435f32c89dd59877dae7bf Mon Sep 17 00:00:00 2001
From: zefeng <zefengbao@outlook.com>
Date: Sat, 23 Mar 2019 12:19:36 +0800
Subject: [PATCH 120/122] remove useless param in tree doc (#15591)

---
 components/tree/demo/search.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/tree/demo/search.md b/components/tree/demo/search.md
index c0c18b6586..ab9d884323 100644
--- a/components/tree/demo/search.md
+++ b/components/tree/demo/search.md
@@ -54,7 +54,7 @@ const generateList = (data) => {
     const key = node.key;
     dataList.push({ key, title: key });
     if (node.children) {
-      generateList(node.children, node.key);
+      generateList(node.children);
     }
   }
 };

From 6d68afdeab550613bfd4dd2ad9d4462613542c39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AF=B8=E5=B2=B3?= <dengfuping_develop@163.com>
Date: Sat, 23 Mar 2019 23:07:05 +0800
Subject: [PATCH 121/122] Add the changelog of 3.15.2 (#15602)

---
 CHANGELOG.en-US.md | 14 ++++++++++++++
 CHANGELOG.zh-CN.md | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index ea45ba6045..efe16f4cc3 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,20 @@ timeline: true
 
 ---
 
+## 3.15.2
+
+`2019-03-23`
+
+- 📖 New English translation for [Data Display](https://ant.design/docs/spec/data-display) and [Feedback](https://ant.design/docs/spec/feedback). [#15454](https://github.com/ant-design/ant-design/pull/15454) [@klouskingsley](https://github.com/klouskingsley) [#15460](https://github.com/ant-design/ant-design/pull/15460) [@klouskingsley](https://github.com/klouskingsley)
+- 🌟 Add two less variables `@font-feature-settings` and `@select-item-selected-font-weight`. [#15506](https://github.com/ant-design/ant-design/pull/15506) [@dancerphil](https://github.com/dancerphil) [#15515](https://github.com/ant-design/ant-design/pull/15515) [@willc001](https://github.com/willc001) 
+- 🐞 Fix the scale calculate logic when Avatar is remounted. [#15503](https://github.com/ant-design/ant-design/pull/15503)
+- 🐞 Fix inefficient custom `width` for DatePicker. [#15547](https://github.com/ant-design/ant-design/pull/15547) [@DiamondYuan](https://github.com/DiamondYuan)
+- 🐞 Fix the incorrect priority of icon style for Notification. [#15530](https://github.com/ant-design/ant-design/pull/15530)
+- 🐞 Fix that `notFound` content is not aligned for Select. [#15570](https://github.com/ant-design/ant-design/pull/15570)
+- 🐞 Fix empty missing when `loading` property is true for Table. [#15583](https://github.com/ant-design/ant-design/pull/15583)
+- 🐞 Fix the incorrect `white-space` style for Tag. [#15526](https://github.com/ant-design/ant-design/pull/15526) [@Kapiroska](https://github.com/Kapiroska)
+- 🐞 Fix the incorrect judgement on image type for Upload. [#15354](https://github.com/ant-design/ant-design/pull/15354)
+
 ## 3.15.1
 
 `2019-03-17`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 8add2b9ea0..745a1a23da 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,20 @@ timeline: true
 
 ---
 
+## 3.15.2
+
+`2019-03-23`
+
+- 📖 翻译[模式-数据展示](https://ant.design/docs/spec/data-display)和[模式-反馈](https://ant.design/docs/spec/feedback)文档到英文。[#15454](https://github.com/ant-design/ant-design/pull/15454) [@klouskingsley](https://github.com/klouskingsley) [#15460](https://github.com/ant-design/ant-design/pull/15460) [@klouskingsley](https://github.com/klouskingsley)
+- 🌟 新增 less 变量 `@font-feature-settings` 和 `@select-item-selected-font-weight`。[#15506](https://github.com/ant-design/ant-design/pull/15506) [@dancerphil](https://github.com/dancerphil) [#15515](https://github.com/ant-design/ant-design/pull/15515) [@willc001](https://github.com/willc001) 
+- 🐞 修复 Avatar 组件在重新挂载后字符大小和长度计算错误的问题。[#15503](https://github.com/ant-design/ant-design/pull/15503)
+- 🐞 修复 DatePicker 组件的宽度无法自定义的问题。[#15547](https://github.com/ant-design/ant-design/pull/15547) [@DiamondYuan](https://github.com/DiamondYuan)
+- 🐞 修复 Notification 组件的 icon 样式被全局默认样式覆盖的问题。[#15530](https://github.com/ant-design/ant-design/pull/15530)
+- 🐞 修复 Select 组件的空状态文本和图片没有对齐的问题。[#15570](https://github.com/ant-design/ant-design/pull/15570)
+- 🐞 修复 Table 组件在加载中时空状态丢失的问题。[#15583](https://github.com/ant-design/ant-design/pull/15583)
+- 🐞 修复 Tag 组件的内容长度超过屏幕宽度时不可见的问题。[#15526](https://github.com/ant-design/ant-design/pull/15526) [@Kapiroska](https://github.com/Kapiroska)
+- 🐞 修复 Upload 组件对图片类型文件判断不准确的问题。[#15354](https://github.com/ant-design/ant-design/pull/15354)
+
 ## 3.15.1
 
 `2019-03-17`

From 5d17a6e45a9cf840f42a5bdedcb0bc29dde54864 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AF=B8=E5=B2=B3?= <fuping.dfp@antfin.com>
Date: Sat, 23 Mar 2019 23:08:11 +0800
Subject: [PATCH 122/122] Bump 3.15.2

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

diff --git a/package.json b/package.json
index 1cdf70a590..0d690c5d25 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "3.15.1",
+  "version": "3.15.2",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React-based implementation",
   "homepage": "http://ant.design/",