From 180ed017f85cc7a38019540f4f185d33d573bec6 Mon Sep 17 00:00:00 2001
From: "jiang.an" <jarancn@gmail.com>
Date: Wed, 12 Jun 2019 17:46:21 +0800
Subject: [PATCH 01/38] fix: prop headerRender should be optional for component
 Calendar

---
 components/calendar/Header.tsx | 10 ++++++----
 components/calendar/index.tsx  |  6 +++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/calendar/Header.tsx b/components/calendar/Header.tsx
index e305d0ad3d..961fcd375b 100644
--- a/components/calendar/Header.tsx
+++ b/components/calendar/Header.tsx
@@ -12,6 +12,8 @@ export interface RenderHeader {
   onTypeChange: (type: string) => void;
 }
 
+export type HeaderRender = (headerRender: RenderHeader) => React.ReactNode;
+
 export interface HeaderProps {
   prefixCls?: string;
   locale?: any;
@@ -23,7 +25,7 @@ export interface HeaderProps {
   onTypeChange?: (type: string) => void;
   value: moment.Moment;
   validRange?: [moment.Moment, moment.Moment];
-  headerRender: (header: RenderHeader) => React.ReactNode;
+  headerRender?: HeaderRender;
 }
 
 export default class Header extends React.Component<HeaderProps, any> {
@@ -178,8 +180,8 @@ export default class Header extends React.Component<HeaderProps, any> {
     );
   };
 
-  headerRenderCustom = (): React.ReactNode => {
-    const { headerRender, type, onValueChange, value } = this.props;
+  headerRenderCustom = (headerRender: HeaderRender): React.ReactNode => {
+    const { type, onValueChange, value } = this.props;
 
     return headerRender({
       value,
@@ -194,7 +196,7 @@ export default class Header extends React.Component<HeaderProps, any> {
     const typeSwitch = this.getTypeSwitch();
     const { yearReactNode, monthReactNode } = this.getMonthYearSelections(getPrefixCls);
     return headerRender ? (
-      this.headerRenderCustom()
+      this.headerRenderCustom(headerRender)
     ) : (
       <div className={`${prefixCls}-header`} ref={this.getCalenderHeaderNode}>
         {yearReactNode}
diff --git a/components/calendar/index.tsx b/components/calendar/index.tsx
index 25ca8e6ff9..ed8fbcf8ce 100644
--- a/components/calendar/index.tsx
+++ b/components/calendar/index.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import * as moment from 'moment';
 import FullCalendar from 'rc-calendar/lib/FullCalendar';
-import Header, { RenderHeader } from './Header';
+import Header, { HeaderRender } from './Header';
 import enUS from './locale/en_US';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
@@ -41,7 +41,7 @@ export interface CalendarProps {
   onChange?: (date?: moment.Moment) => void;
   disabledDate?: (current: moment.Moment) => boolean;
   validRange?: [moment.Moment, moment.Moment];
-  headerRender: (header: RenderHeader) => React.ReactNode;
+  headerRender?: HeaderRender;
 }
 
 export interface CalendarState {
@@ -56,7 +56,6 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
     onSelect: noop,
     onPanelChange: noop,
     onChange: noop,
-    headerRender: null,
   };
 
   static propTypes = {
@@ -73,6 +72,7 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
     value: PropTypes.object as PropTypes.Requireable<moment.Moment>,
     onSelect: PropTypes.func,
     onChange: PropTypes.func,
+    headerRender: PropTypes.func,
   };
 
   static getDerivedStateFromProps(nextProps: CalendarProps) {

From f1ee189bd2b187b8a91d158067ac5db7dd9c9ea4 Mon Sep 17 00:00:00 2001
From: Zzzen <843968788@qq.com>
Date: Sun, 16 Jun 2019 20:51:47 +0800
Subject: [PATCH 02/38] eliminate `any` type in exported interfaces.#14044

---
 components/_util/interopDefault.ts            |  1 +
 components/anchor/AnchorLink.tsx              |  2 +-
 components/auto-complete/InputElement.tsx     |  2 +-
 components/auto-complete/index.tsx            |  6 +--
 components/avatar/index.tsx                   |  2 +-
 components/back-top/index.tsx                 |  2 +-
 components/badge/ScrollNumber.tsx             |  2 +-
 components/breadcrumb/Breadcrumb.tsx          | 34 +++++++--------
 components/button/button.tsx                  | 10 ++---
 components/calendar/Header.tsx                |  2 +-
 components/checkbox/Checkbox.tsx              | 12 +++---
 components/checkbox/Group.tsx                 |  2 +-
 components/collapse/Collapse.tsx              |  2 +-
 components/comment/index.tsx                  |  2 +-
 components/date-picker/InputIcon.tsx          |  2 +-
 components/date-picker/interface.tsx          |  2 +-
 components/dropdown/dropdown-button.tsx       |  2 +-
 components/form/Form.tsx                      | 42 +++++++++++--------
 components/icon/IconFont.tsx                  |  2 +-
 components/input/Group.tsx                    |  2 +-
 components/input/Search.tsx                   |  2 +-
 components/list/index.tsx                     |  2 +-
 components/locale-provider/LocaleReceiver.tsx |  2 +-
 components/mention/index.tsx                  | 25 ++++++-----
 components/mentions/index.tsx                 | 40 +++++++++---------
 components/menu/index.tsx                     |  8 ++--
 components/message/index.tsx                  |  6 +--
 components/modal/Modal.tsx                    | 11 ++---
 components/popconfirm/index.tsx               |  6 +--
 components/radio/interface.tsx                |  8 ++--
 components/rate/index.tsx                     |  4 +-
 components/select/index.tsx                   | 21 ++++++----
 components/slider/index.tsx                   |  2 +-
 components/spin/index.tsx                     |  6 +--
 components/steps/index.tsx                    |  2 +-
 components/switch/index.tsx                   |  4 +-
 .../table/FilterDropdownMenuWrapper.tsx       |  2 +-
 components/table/Table.tsx                    |  2 +-
 components/table/createStore.tsx              |  2 +-
 components/table/filterDropdown.tsx           |  2 +-
 components/table/interface.tsx                | 42 +++++++++++--------
 components/tabs/index.tsx                     |  8 ++--
 components/tooltip/placements.tsx             |  4 +-
 components/transfer/index.tsx                 |  4 +-
 components/transfer/search.tsx                |  6 +--
 components/tree-select/index.tsx              |  9 ++--
 components/tree-select/interface.tsx          | 22 +++++-----
 components/tree/Tree.tsx                      | 14 +++----
 components/upload/interface.tsx               |  6 +--
 49 files changed, 216 insertions(+), 189 deletions(-)

diff --git a/components/_util/interopDefault.ts b/components/_util/interopDefault.ts
index 594bdd92d1..474e278571 100644
--- a/components/_util/interopDefault.ts
+++ b/components/_util/interopDefault.ts
@@ -1,4 +1,5 @@
 // https://github.com/moment/moment/issues/3650
+// since we are using ts 3.5.1, it should be safe to remove.
 export default function interopDefault(m: any) {
   return m.default || m;
 }
diff --git a/components/anchor/AnchorLink.tsx b/components/anchor/AnchorLink.tsx
index 9e84899a81..a1c553bc6a 100644
--- a/components/anchor/AnchorLink.tsx
+++ b/components/anchor/AnchorLink.tsx
@@ -9,7 +9,7 @@ export interface AnchorLinkProps {
   prefixCls?: string;
   href: string;
   title: React.ReactNode;
-  children?: any;
+  children?: React.ReactNode;
   className?: string;
 }
 
diff --git a/components/auto-complete/InputElement.tsx b/components/auto-complete/InputElement.tsx
index fbedf5bc34..42d403b906 100644
--- a/components/auto-complete/InputElement.tsx
+++ b/components/auto-complete/InputElement.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
 export interface InputElementProps {
-  children: React.ReactElement<any>;
+  children: React.ReactElement<unknown>;
 }
 
 export default class InputElement extends React.Component<InputElementProps, any> {
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
index 918d488c08..8727ee0dd5 100755
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -17,8 +17,8 @@ export type DataSourceItemType =
   | React.ReactElement<OptGroupProps>;
 
 export interface AutoCompleteInputProps {
-  onChange?: React.FormEventHandler<any>;
-  value: any;
+  onChange?: React.FormEventHandler<unknown>;
+  value: unknown;
 }
 
 export type ValidInputElement =
@@ -34,7 +34,7 @@ export interface AutoCompleteProps extends AbstractSelectProps {
   backfill?: boolean;
   optionLabelProp?: string;
   onChange?: (value: SelectValue) => void;
-  onSelect?: (value: SelectValue, option: Object) => any;
+  onSelect?: (value: SelectValue, option: Object) => unknown;
   onBlur?: (value: SelectValue) => void;
   onFocus?: () => void;
   children?:
diff --git a/components/avatar/index.tsx b/components/avatar/index.tsx
index 9bc3db5e49..bef60e80ac 100644
--- a/components/avatar/index.tsx
+++ b/components/avatar/index.tsx
@@ -20,7 +20,7 @@ export interface AvatarProps {
   style?: React.CSSProperties;
   prefixCls?: string;
   className?: string;
-  children?: any;
+  children?: React.ReactNode;
   alt?: string;
   /* callback when img load error */
   /* return false to prevent Avatar show default fallback behavior, then you can do fallback by your self*/
diff --git a/components/back-top/index.tsx b/components/back-top/index.tsx
index 3b26eb5485..8a9b516273 100755
--- a/components/back-top/index.tsx
+++ b/components/back-top/index.tsx
@@ -25,7 +25,7 @@ function getDefaultTarget() {
 
 export interface BackTopProps {
   visibilityHeight?: number;
-  onClick?: React.MouseEventHandler<any>;
+  onClick?: React.MouseEventHandler<HTMLElement>;
   target?: () => HTMLElement | Window;
   prefixCls?: string;
   className?: string;
diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index c5bd287430..f2c5ed30ff 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -22,7 +22,7 @@ export interface ScrollNumberProps {
   prefixCls?: string;
   className?: string;
   count?: string | number | null;
-  displayComponent?: React.ReactElement<any>;
+  displayComponent?: React.ReactElement<HTMLElement>;
   component?: string;
   onAnimated?: Function;
   style?: React.CSSProperties;
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index 24d3066e26..5b58f7fb4c 100755
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -17,12 +17,12 @@ export interface Route {
 export interface BreadcrumbProps {
   prefixCls?: string;
   routes?: Route[];
-  params?: any;
+  params?: unknown;
   separator?: React.ReactNode;
   itemRender?: (
-    route: any,
-    params: any,
-    routes: Array<any>,
+    route: Route,
+    params: unknown,
+    routes: Array<Route>,
     paths: Array<string>,
   ) => React.ReactNode;
   style?: React.CSSProperties;
@@ -72,21 +72,21 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
   }
 
   getPath = (path: string, params: any) => {
-     path = (path || '').replace(/^\//, '');
-     Object.keys(params).forEach(key => {
-         path = path.replace(`:${key}`, params[key]);
-     });
-     return path;
-  }
+    path = (path || '').replace(/^\//, '');
+    Object.keys(params).forEach(key => {
+      path = path.replace(`:${key}`, params[key]);
+    });
+    return path;
+  };
 
   addChildPath = (paths: string[], childPath: string = '', params: any) => {
     const originalPaths = [...paths];
     const path = this.getPath(childPath, params);
     if (path) {
-       originalPaths.push(path);
+      originalPaths.push(path);
     }
     return originalPaths;
- }
+  };
 
   genForRoutes = ({
     routes = [],
@@ -107,12 +107,10 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
         overlay = (
           <Menu>
             {route.children.map(child => (
-                <Menu.Item key={child.breadcrumbName || child.path}>
-                  {
-                    itemRender(child, params, routes, this.addChildPath(paths, child.path, params))
-                  }
-                </Menu.Item>
-             ))}
+              <Menu.Item key={child.breadcrumbName || child.path}>
+                {itemRender(child, params, routes, this.addChildPath(paths, child.path, params))}
+              </Menu.Item>
+            ))}
           </Menu>
         );
       }
diff --git a/components/button/button.tsx b/components/button/button.tsx
index abbf9ebf0b..b44ab0373a 100644
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -91,15 +91,15 @@ export interface BaseButtonProps {
 export type AnchorButtonProps = {
   href: string;
   target?: string;
-  onClick?: React.MouseEventHandler<any>;
+  onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.AnchorHTMLAttributes<any>, 'type'>;
+  Omit<React.AnchorHTMLAttributes<unknown>, 'type' | 'onClick'>;
 
 export type NativeButtonProps = {
   htmlType?: ButtonHTMLType;
-  onClick?: React.MouseEventHandler<any>;
+  onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.ButtonHTMLAttributes<any>, 'type'>;
+  Omit<React.ButtonHTMLAttributes<unknown>, 'type' | 'onClick'>;
 
 export type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps>;
 
@@ -289,7 +289,7 @@ class Button extends React.Component<ButtonProps, ButtonState> {
 
     const buttonNode = (
       <button
-        {...otherProps as NativeButtonProps}
+        {...(otherProps as NativeButtonProps)}
         type={htmlType}
         className={classes}
         onClick={this.handleClick}
diff --git a/components/calendar/Header.tsx b/components/calendar/Header.tsx
index e305d0ad3d..b2d2ba1f03 100644
--- a/components/calendar/Header.tsx
+++ b/components/calendar/Header.tsx
@@ -138,7 +138,7 @@ export default class Header extends React.Component<HeaderProps, any> {
   };
 
   onInternalTypeChange = (e: RadioChangeEvent) => {
-    this.onTypeChange(e.target.value);
+    this.onTypeChange(e.target.value as string);
   };
 
   onTypeChange = (type: string) => {
diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx
index 2f37113f8f..d9a682602e 100644
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -15,12 +15,12 @@ export interface AbstractCheckboxProps<T> {
   style?: React.CSSProperties;
   disabled?: boolean;
   onChange?: (e: T) => void;
-  onClick?: React.MouseEventHandler<any>;
-  onMouseEnter?: React.MouseEventHandler<any>;
-  onMouseLeave?: React.MouseEventHandler<any>;
-  onKeyPress?: React.KeyboardEventHandler<any>;
-  onKeyDown?: React.KeyboardEventHandler<any>;
-  value?: any;
+  onClick?: React.MouseEventHandler<HTMLElement>;
+  onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+  onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+  onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+  value?: unknown;
   tabIndex?: number;
   name?: string;
   children?: React.ReactNode;
diff --git a/components/checkbox/Group.tsx b/components/checkbox/Group.tsx
index 24ecfa7e45..4446f12d84 100644
--- a/components/checkbox/Group.tsx
+++ b/components/checkbox/Group.tsx
@@ -39,7 +39,7 @@ export interface CheckboxGroupState {
 export interface CheckboxGroupContext {
   checkboxGroup: {
     toggleOption: (option: CheckboxOptionType) => void;
-    value: any;
+    value: unknown;
     disabled: boolean;
   };
 }
diff --git a/components/collapse/Collapse.tsx b/components/collapse/Collapse.tsx
index fc8418fcaf..2122af9206 100644
--- a/components/collapse/Collapse.tsx
+++ b/components/collapse/Collapse.tsx
@@ -19,7 +19,7 @@ export interface CollapseProps {
   className?: string;
   bordered?: boolean;
   prefixCls?: string;
-  expandIcon?: (panelProps: any) => React.ReactNode;
+  expandIcon?: (panelProps: PanelProps) => React.ReactNode;
   expandIconPosition?: ExpandIconPosition;
 }
 
diff --git a/components/comment/index.tsx b/components/comment/index.tsx
index 792bbbbbd3..9ba8b53cb7 100644
--- a/components/comment/index.tsx
+++ b/components/comment/index.tsx
@@ -14,7 +14,7 @@ export interface CommentProps {
   /** The main content of the comment */
   content: React.ReactNode;
   /** Nested comments should be provided as children of the Comment */
-  children?: any;
+  children?: React.ReactNode;
   /** Comment prefix defaults to '.ant-comment' */
   prefixCls?: string;
   /** Additional style for the comment */
diff --git a/components/date-picker/InputIcon.tsx b/components/date-picker/InputIcon.tsx
index 278da7da12..cce004751f 100644
--- a/components/date-picker/InputIcon.tsx
+++ b/components/date-picker/InputIcon.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Icon from '../icon';
 import classNames from 'classnames';
 
-export default function InputIcon(props: { suffixIcon: any; prefixCls: string }) {
+export default function InputIcon(props: { suffixIcon: React.ReactNode; prefixCls: string }) {
   const { suffixIcon, prefixCls } = props;
   return (
     (suffixIcon &&
diff --git a/components/date-picker/interface.tsx b/components/date-picker/interface.tsx
index 6e53186244..a5b20bbe68 100644
--- a/components/date-picker/interface.tsx
+++ b/components/date-picker/interface.tsx
@@ -16,7 +16,7 @@ export interface PickerProps {
   style?: React.CSSProperties;
   popupStyle?: React.CSSProperties;
   dropdownClassName?: string;
-  locale?: any;
+  locale?: unknown;
   size?: 'large' | 'small' | 'default';
   getCalendarContainer?: (triggerNode: Element) => HTMLElement;
   open?: boolean;
diff --git a/components/dropdown/dropdown-button.tsx b/components/dropdown/dropdown-button.tsx
index 08303c791d..f8fb7af64a 100644
--- a/components/dropdown/dropdown-button.tsx
+++ b/components/dropdown/dropdown-button.tsx
@@ -21,7 +21,7 @@ export interface DropdownButtonProps extends ButtonGroupProps, DropDownProps {
    */
   icon?: React.ReactNode;
   href?: string;
-  children?: any;
+  children?: React.ReactNode;
 }
 
 export default class DropdownButton extends React.Component<DropdownButtonProps, any> {
diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index b63d318598..1855c9a578 100755
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -13,15 +13,15 @@ import { FIELD_META_PROP, FIELD_DATA_PROP } from './constants';
 import { FormContext } from './context';
 import { FormWrappedProps } from './interface';
 
-type FormCreateOptionMessagesCallback = (...args: any[]) => string;
+type FormCreateOptionMessagesCallback = (...args: unknown[]) => string;
 
 interface FormCreateOptionMessages {
   [messageId: string]: string | FormCreateOptionMessagesCallback | FormCreateOptionMessages;
 }
 
 export interface FormCreateOption<T> {
-  onFieldsChange?: (props: T, fields: any, allFields: any) => void;
-  onValuesChange?: (props: T, changedValues: any, allValues: any) => void;
+  onFieldsChange?: (props: T, fields: unknown, allFields: unknown) => void;
+  onValuesChange?: (props: T, changedValues: unknown, allValues: unknown) => void;
   mapPropsToFields?: (props: T) => void;
   validateMessages?: FormCreateOptionMessages;
   withRef?: boolean;
@@ -34,7 +34,7 @@ export type FormLayout = (typeof FormLayouts)[number];
 export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
   layout?: FormLayout;
   form?: WrappedFormUtils;
-  onSubmit?: React.FormEventHandler<any>;
+  onSubmit?: React.FormEventHandler<HTMLElement>;
   style?: React.CSSProperties;
   className?: string;
   prefixCls?: string;
@@ -71,24 +71,30 @@ export type ValidationRule = {
   /** validate from a regular expression */
   pattern?: RegExp;
   /** transform a value before validation */
-  transform?: (value: any) => any;
+  transform?: (value: unknown) => unknown;
   /** custom validate function (Note: callback must be called) */
-  validator?: (rule: any, value: any, callback: any, source?: any, options?: any) => any;
+  validator?: (
+    rule: unknown,
+    value: unknown,
+    callback: unknown,
+    source?: unknown,
+    options?: unknown,
+  ) => unknown;
 };
 
-export type ValidateCallback<V> = (errors: any, values: V) => void;
+export type ValidateCallback<V> = (errors: unknown, values: V) => void;
 
 export type GetFieldDecoratorOptions = {
   /** 子节点的值的属性，如 Checkbox 的是 'checked' */
   valuePropName?: string;
   /** 子节点的初始值，类型、可选值均由子节点决定 */
-  initialValue?: any;
+  initialValue?: unknown;
   /** 收集子节点的值的时机 */
   trigger?: string;
   /** 可以把 onChange 的参数转化为控件的值，例如 DatePicker 可设为：(date, dateString) => dateString */
-  getValueFromEvent?: (...args: any[]) => any;
+  getValueFromEvent?: (...args: unknown[]) => unknown;
   /** Get the component props according to field value. */
-  getValueProps?: (value: any) => any;
+  getValueProps?: (value: unknown) => unknown;
   /** 校验子节点值的时机 */
   validateTrigger?: string | string[];
   /** 校验规则，参见 [async-validator](https://github.com/yiminghe/async-validator) */
@@ -96,7 +102,7 @@ export type GetFieldDecoratorOptions = {
   /** 是否和其他控件互斥，特别用于 Radio 单选控件 */
   exclusive?: boolean;
   /** Normalize value to form component */
-  normalize?: (value: any, prevValue: any, allValues: any) => any;
+  normalize?: (value: unknown, prevValue: unknown, allValues: unknown) => unknown;
   /** Whether stop validate on first rule of error for this field.  */
   validateFirst?: boolean;
   /** 是否一直保留子节点的信息 */
@@ -135,11 +141,11 @@ export type ValidateFieldsOptions = {
 };
 
 // function create
-export type WrappedFormUtils<V = any> = {
+export type WrappedFormUtils<V = unknown> = {
   /** 获取一组输入控件的值，如不传入参数，则获取全部组件的值 */
-  getFieldsValue(fieldNames?: Array<string>): { [field: string]: any };
+  getFieldsValue(fieldNames?: Array<string>): { [field: string]: unknown };
   /** 获取一个输入控件的值 */
-  getFieldValue(fieldName: string): any;
+  getFieldValue(fieldName: string): unknown;
   /** 设置一组输入控件的值 */
   setFieldsValue(obj: Object): void;
   /** 设置一组输入控件的值 */
@@ -186,15 +192,17 @@ export type WrappedFormUtils<V = any> = {
   ): (node: React.ReactNode) => React.ReactNode;
 };
 
-export interface WrappedFormInternalProps<V = any> {
+export interface WrappedFormInternalProps<V = unknown> {
   form: WrappedFormUtils<V>;
 }
 
 export interface RcBaseFormProps {
-  wrappedComponentRef?: any;
+  wrappedComponentRef?: unknown;
 }
 
-export interface FormComponentProps<V = any> extends WrappedFormInternalProps<V>, RcBaseFormProps {
+export interface FormComponentProps<V = unknown>
+  extends WrappedFormInternalProps<V>,
+    RcBaseFormProps {
   form: WrappedFormUtils<V>;
 }
 
diff --git a/components/icon/IconFont.tsx b/components/icon/IconFont.tsx
index 3f94a0a72e..edb7118ac1 100644
--- a/components/icon/IconFont.tsx
+++ b/components/icon/IconFont.tsx
@@ -5,7 +5,7 @@ const customCache = new Set<string>();
 
 export interface CustomIconOptions {
   scriptUrl?: string;
-  extraCommonProps?: { [key: string]: any };
+  extraCommonProps?: { [key: string]: unknown };
 }
 
 export default function create(options: CustomIconOptions = {}): React.SFC<IconProps> {
diff --git a/components/input/Group.tsx b/components/input/Group.tsx
index 1f84016498..6f3934964d 100644
--- a/components/input/Group.tsx
+++ b/components/input/Group.tsx
@@ -5,7 +5,7 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 export interface GroupProps {
   className?: string;
   size?: 'large' | 'small' | 'default';
-  children?: any;
+  children?: React.ReactNode;
   style?: React.CSSProperties;
   onMouseEnter?: React.MouseEventHandler<HTMLSpanElement>;
   onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>;
diff --git a/components/input/Search.tsx b/components/input/Search.tsx
index c75b940109..318846455a 100644
--- a/components/input/Search.tsx
+++ b/components/input/Search.tsx
@@ -10,7 +10,7 @@ export interface SearchProps extends InputProps {
   onSearch?: (
     value: string,
     event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLInputElement>,
-  ) => any;
+  ) => void;
   enterButton?: boolean | React.ReactNode;
 }
 
diff --git a/components/list/index.tsx b/components/list/index.tsx
index 417c5a0621..de5245072c 100644
--- a/components/list/index.tsx
+++ b/components/list/index.tsx
@@ -45,7 +45,7 @@ export interface ListProps<T> {
   loadMore?: React.ReactNode;
   pagination?: PaginationConfig | false;
   prefixCls?: string;
-  rowKey?: any;
+  rowKey?: ((item: T) => string) | string;
   renderItem?: (item: T, index: number) => React.ReactNode;
   size?: ListSize;
   split?: boolean;
diff --git a/components/locale-provider/LocaleReceiver.tsx b/components/locale-provider/LocaleReceiver.tsx
index ff1133090d..fff59903a3 100644
--- a/components/locale-provider/LocaleReceiver.tsx
+++ b/components/locale-provider/LocaleReceiver.tsx
@@ -5,7 +5,7 @@ import defaultLocaleData from './default';
 export interface LocaleReceiverProps {
   componentName?: string;
   defaultLocale?: object | Function;
-  children: (locale: object, localeCode?: string) => React.ReactElement<any>;
+  children: (locale: object, localeCode?: string) => React.ReactNode;
 }
 
 interface LocaleInterface {
diff --git a/components/mention/index.tsx b/components/mention/index.tsx
index 01fbde1ec6..a425d118a3 100644
--- a/components/mention/index.tsx
+++ b/components/mention/index.tsx
@@ -8,18 +8,20 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
 export type MentionPlacement = 'top' | 'bottom';
 
+type SuggestionItme = React.ReactElement<{ value?: string }> | string;
+
 export interface MentionProps {
   prefixCls?: string;
   suggestionStyle?: React.CSSProperties;
-  defaultSuggestions?: Array<any>;
-  suggestions?: Array<any>;
-  onSearchChange?: (value: string, trigger: string) => any;
-  onChange?: (contentState: any) => any;
-  notFoundContent?: any;
+  defaultSuggestions?: Array<SuggestionItme>;
+  suggestions?: Array<React.ReactElement<unknown>>;
+  onSearchChange?: (value: string, trigger: string) => unknown;
+  onChange?: (contentState: unknown) => void;
+  notFoundContent?: unknown;
   loading?: boolean;
   style?: React.CSSProperties;
-  defaultValue?: any;
-  value?: any;
+  defaultValue?: unknown;
+  value?: unknown;
   className?: string;
   multiLines?: boolean;
   prefix?: string | string[];
@@ -27,14 +29,14 @@ export interface MentionProps {
   getSuggestionContainer?: (triggerNode: Element) => HTMLElement;
   onFocus?: React.FocusEventHandler<HTMLElement>;
   onBlur?: React.FocusEventHandler<HTMLElement>;
-  onSelect?: (suggestion: string, data?: any) => any;
+  onSelect?: (suggestion: string, data?: unknown) => void;
   readOnly?: boolean;
   disabled?: boolean;
   placement?: MentionPlacement;
 }
 
 export interface MentionState {
-  filteredSuggestions?: Array<any>;
+  filteredSuggestions?: Array<unknown>;
   focus?: Boolean;
 }
 
@@ -81,12 +83,13 @@ class Mention extends React.Component<MentionProps, MentionState> {
   defaultSearchChange(value: string): void {
     const searchValue = value.toLowerCase();
     const filteredSuggestions = (this.props.defaultSuggestions || []).filter(suggestion => {
-      if (suggestion.type && suggestion.type === Nav) {
+      if (typeof suggestion === 'string') {
+        return suggestion.toLowerCase().indexOf(searchValue) !== -1;
+      } else if (suggestion.type && suggestion.type === Nav) {
         return suggestion.props.value
           ? suggestion.props.value.toLowerCase().indexOf(searchValue) !== -1
           : true;
       }
-      return suggestion.toLowerCase().indexOf(searchValue) !== -1;
     });
     this.setState({
       filteredSuggestions,
diff --git a/components/mentions/index.tsx b/components/mentions/index.tsx
index 0e756ea22c..0f9e0c2638 100644
--- a/components/mentions/index.tsx
+++ b/components/mentions/index.tsx
@@ -19,7 +19,7 @@ export type MentionPlacement = 'top' | 'bottom';
 export interface OptionProps {
   value: string;
   children: React.ReactNode;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 export interface MentionProps extends RcMentionsProps {
@@ -49,28 +49,26 @@ class Mentions extends React.Component<MentionProps, MentionState> {
 
     return value
       .split(split)
-      .map(
-        (str = ''): MentionsEntity | null => {
-          let hitPrefix: string | null = null;
+      .map((str = ''): MentionsEntity | null => {
+        let hitPrefix: string | null = null;
 
-          prefixList.some(prefixStr => {
-            const startStr = str.slice(0, prefixStr.length);
-            if (startStr === prefixStr) {
-              hitPrefix = prefixStr;
-              return true;
-            }
-            return false;
-          });
-
-          if (hitPrefix !== null) {
-            return {
-              prefix: hitPrefix,
-              value: str.slice(hitPrefix!.length),
-            };
+        prefixList.some(prefixStr => {
+          const startStr = str.slice(0, prefixStr.length);
+          if (startStr === prefixStr) {
+            hitPrefix = prefixStr;
+            return true;
           }
-          return null;
-        },
-      )
+          return false;
+        });
+
+        if (hitPrefix !== null) {
+          return {
+            prefix: hitPrefix,
+            value: str.slice(hitPrefix!.length),
+          };
+        }
+        return null;
+      })
       .filter((entity): entity is MentionsEntity => !!entity && !!entity.value);
   };
 
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index 46816117cc..1ebb31a9a5 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -15,16 +15,16 @@ import raf from '../_util/raf';
 export interface SelectParam {
   key: string;
   keyPath: Array<string>;
-  item: any;
-  domEvent: any;
+  item: unknown;
+  domEvent: Event;
   selectedKeys: Array<string>;
 }
 
 export interface ClickParam {
   key: string;
   keyPath: Array<string>;
-  item: any;
-  domEvent: any;
+  item: unknown;
+  domEvent: Event;
 }
 
 export type MenuMode = 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal' | 'inline';
diff --git a/components/message/index.tsx b/components/message/index.tsx
index aacdaadf36..08f6931b7c 100755
--- a/components/message/index.tsx
+++ b/components/message/index.tsx
@@ -39,13 +39,13 @@ function getMessageInstance(callback: (i: any) => void) {
 type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading';
 
 export interface ThenableArgument {
-  (_: any): any;
+  (val: unknown): void;
 }
 
 export interface MessageType {
   (): void;
-  then: (fill: ThenableArgument, reject: ThenableArgument) => Promise<any>;
-  promise: Promise<any>;
+  then: (fill: ThenableArgument, reject: ThenableArgument) => Promise<void>;
+  promise: Promise<void>;
 }
 
 export interface ArgsProps {
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index d656470b41..3b93a221b1 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -40,9 +40,9 @@ export interface ModalProps {
   /** 是否显示右上角的关闭按钮*/
   closable?: boolean;
   /** 点击确定回调*/
-  onOk?: (e: React.MouseEvent<any>) => void;
+  onOk?: (e: React.MouseEvent<HTMLElement>) => void;
   /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调*/
-  onCancel?: (e: React.MouseEvent<any>) => void;
+  onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
   afterClose?: () => void;
   /** 垂直居中 */
   centered?: boolean;
@@ -74,7 +74,7 @@ export interface ModalProps {
   maskStyle?: React.CSSProperties;
   mask?: boolean;
   keyboard?: boolean;
-  wrapProps?: any;
+  wrapProps?: unknown;
   prefixCls?: string;
 }
 
@@ -84,8 +84,9 @@ export interface ModalFuncProps {
   visible?: boolean;
   title?: React.ReactNode;
   content?: React.ReactNode;
-  onOk?: (...args: any[]) => any | PromiseLike<any>;
-  onCancel?: (...args: any[]) => any | PromiseLike<any>;
+  // TODO: find out exact types
+  onOk?: (...args: unknown[]) => unknown;
+  onCancel?: (...args: unknown[]) => unknown;
   okButtonProps?: NativeButtonProps;
   cancelButtonProps?: NativeButtonProps;
   centered?: boolean;
diff --git a/components/popconfirm/index.tsx b/components/popconfirm/index.tsx
index 0f2d032234..7fd0bc4afe 100644
--- a/components/popconfirm/index.tsx
+++ b/components/popconfirm/index.tsx
@@ -10,15 +10,15 @@ import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
 export interface PopconfirmProps extends AbstractTooltipProps {
   title: React.ReactNode;
-  onConfirm?: (e?: React.MouseEvent<any>) => void;
-  onCancel?: (e?: React.MouseEvent<any>) => void;
+  onConfirm?: (e?: React.MouseEvent<HTMLElement>) => void;
+  onCancel?: (e?: React.MouseEvent<HTMLElement>) => void;
   okText?: React.ReactNode;
   okType?: ButtonType;
   cancelText?: React.ReactNode;
   okButtonProps?: NativeButtonProps;
   cancelButtonProps?: NativeButtonProps;
   icon?: React.ReactNode;
-  onVisibleChange?: (visible: boolean, e?: React.MouseEvent<any>) => void;
+  onVisibleChange?: (visible: boolean, e?: React.MouseEvent<HTMLElement>) => void;
 }
 
 export interface PopconfirmState {
diff --git a/components/radio/interface.tsx b/components/radio/interface.tsx
index 5cdb581ff2..8e8a3db8a3 100644
--- a/components/radio/interface.tsx
+++ b/components/radio/interface.tsx
@@ -5,8 +5,8 @@ import { AbstractCheckboxProps } from '../checkbox/Checkbox';
 export type RadioGroupButtonStyle = 'outline' | 'solid';
 
 export interface RadioGroupProps extends AbstractCheckboxGroupProps {
-  defaultValue?: any;
-  value?: any;
+  defaultValue?: unknown;
+  value?: unknown;
   onChange?: (e: RadioChangeEvent) => void;
   size?: 'large' | 'default' | 'small';
   onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
@@ -18,13 +18,13 @@ export interface RadioGroupProps extends AbstractCheckboxGroupProps {
 }
 
 export interface RadioGroupState {
-  value: any;
+  value: unknown;
 }
 
 export interface RadioGroupContext {
   radioGroup: {
     onChange: React.ChangeEventHandler<HTMLInputElement>;
-    value: any;
+    value: unknown;
     disabled: boolean;
     name: string;
   };
diff --git a/components/rate/index.tsx b/components/rate/index.tsx
index 898b8141c1..65ecf88479 100644
--- a/components/rate/index.tsx
+++ b/components/rate/index.tsx
@@ -15,8 +15,8 @@ export interface RateProps {
   allowClear?: boolean;
   disabled?: boolean;
   tooltips?: Array<string>;
-  onChange?: (value: number) => any;
-  onHoverChange?: (value: number) => any;
+  onChange?: (value: number) => void;
+  onHoverChange?: (value: number) => void;
   character?: React.ReactNode;
   className?: string;
   style?: React.CSSProperties;
diff --git a/components/select/index.tsx b/components/select/index.tsx
index 5f64b40926..e9761b39a4 100755
--- a/components/select/index.tsx
+++ b/components/select/index.tsx
@@ -30,9 +30,11 @@ export interface AbstractSelectProps {
   dropdownStyle?: React.CSSProperties;
   dropdownMenuStyle?: React.CSSProperties;
   dropdownMatchSelectWidth?: boolean;
-  onSearch?: (value: string) => any;
+  onSearch?: (value: string) => void;
   getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  filterOption?: boolean | ((inputValue: string, option: React.ReactElement<OptionProps>) => any);
+  filterOption?:
+    | boolean
+    | ((inputValue: string, option: React.ReactElement<OptionProps>) => boolean);
   id?: string;
   defaultOpen?: boolean;
   open?: boolean;
@@ -55,22 +57,25 @@ export interface SelectProps<T = SelectValue> extends AbstractSelectProps {
   mode?: 'default' | 'multiple' | 'tags' | 'combobox' | string;
   optionLabelProp?: string;
   firstActiveValue?: string | string[];
-  onChange?: (value: T, option: React.ReactElement<any> | React.ReactElement<any>[]) => void;
-  onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<any>) => any;
-  onDeselect?: (value: T extends (infer I)[] ? I : T) => any;
+  onChange?: (
+    value: T,
+    option: React.ReactElement<unknown> | React.ReactElement<unknown>[],
+  ) => void;
+  onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<unknown>) => void;
+  onDeselect?: (value: T extends (infer I)[] ? I : T) => void;
   onBlur?: (value: T) => void;
   onFocus?: () => void;
   onPopupScroll?: React.UIEventHandler<HTMLDivElement>;
   onInputKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-  onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => any;
-  onMouseLeave?: (e: React.MouseEvent<HTMLInputElement>) => any;
+  onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => void;
+  onMouseLeave?: (e: React.MouseEvent<HTMLInputElement>) => void;
   maxTagCount?: number;
   maxTagTextLength?: number;
   maxTagPlaceholder?: React.ReactNode | ((omittedValues: T[]) => React.ReactNode);
   optionFilterProp?: string;
   labelInValue?: boolean;
   tokenSeparators?: string[];
-  getInputElement?: () => React.ReactElement<any>;
+  getInputElement?: () => React.ReactElement<unknown>;
   autoFocus?: boolean;
   suffixIcon?: React.ReactNode;
   removeIcon?: React.ReactNode;
diff --git a/components/slider/index.tsx b/components/slider/index.tsx
index 32f314e135..2c5ef39d9a 100644
--- a/components/slider/index.tsx
+++ b/components/slider/index.tsx
@@ -25,7 +25,7 @@ interface HandleGeneratorInfo {
 export type HandleGeneratorFn = (
   tooltipPrefixCls: string,
   info: HandleGeneratorInfo,
-) => React.ReactElement<any>;
+) => React.ReactNode;
 
 export interface SliderProps {
   prefixCls?: string;
diff --git a/components/spin/index.tsx b/components/spin/index.tsx
index c31395aeec..cb86ebb4be 100644
--- a/components/spin/index.tsx
+++ b/components/spin/index.tsx
@@ -8,7 +8,7 @@ import { tuple } from '../_util/type';
 
 const SpinSizes = tuple('small', 'default', 'large');
 export type SpinSize = (typeof SpinSizes)[number];
-export type SpinIndicator = React.ReactElement<any>;
+export type SpinIndicator = React.ReactElement<HTMLElement>;
 
 export interface SpinProps {
   prefixCls?: string;
@@ -34,8 +34,8 @@ function renderIndicator(prefixCls: string, props: SpinProps): React.ReactNode {
   const { indicator } = props;
   const dotClassName = `${prefixCls}-dot`;
   if (React.isValidElement(indicator)) {
-    return React.cloneElement(indicator as SpinIndicator, {
-      className: classNames((indicator as SpinIndicator).props.className, dotClassName),
+    return React.cloneElement(indicator, {
+      className: classNames(indicator.props.className, dotClassName),
     });
   }
 
diff --git a/components/steps/index.tsx b/components/steps/index.tsx
index 3258cce139..6794c4e6b7 100644
--- a/components/steps/index.tsx
+++ b/components/steps/index.tsx
@@ -23,7 +23,7 @@ export interface StepProps {
   className?: string;
   description?: React.ReactNode;
   icon?: React.ReactNode;
-  onClick?: React.MouseEventHandler<any>;
+  onClick?: React.MouseEventHandler<HTMLElement>;
   status?: 'wait' | 'process' | 'finish' | 'error';
   title?: React.ReactNode;
   style?: React.CSSProperties;
diff --git a/components/switch/index.tsx b/components/switch/index.tsx
index bba0434851..eeac3c5a6c 100755
--- a/components/switch/index.tsx
+++ b/components/switch/index.tsx
@@ -13,8 +13,8 @@ export interface SwitchProps {
   className?: string;
   checked?: boolean;
   defaultChecked?: boolean;
-  onChange?: (checked: boolean, event: MouseEvent) => any;
-  onClick?: (checked: boolean, event: MouseEvent) => any;
+  onChange?: (checked: boolean, event: MouseEvent) => void;
+  onClick?: (checked: boolean, event: MouseEvent) => void;
   checkedChildren?: React.ReactNode;
   unCheckedChildren?: React.ReactNode;
   disabled?: boolean;
diff --git a/components/table/FilterDropdownMenuWrapper.tsx b/components/table/FilterDropdownMenuWrapper.tsx
index 5ba63aecec..48a61a36b6 100644
--- a/components/table/FilterDropdownMenuWrapper.tsx
+++ b/components/table/FilterDropdownMenuWrapper.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 export interface FilterDropdownMenuWrapperProps {
-  children?: any;
+  children?: React.ReactNode;
   className?: string;
 }
 
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index ed5eab8828..103441fcd9 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -43,7 +43,7 @@ import warning from '../_util/warning';
 
 function noop() {}
 
-function stopPropagation(e: React.SyntheticEvent<any>) {
+function stopPropagation(e: React.SyntheticEvent<unknown>) {
   e.stopPropagation();
   if (e.nativeEvent.stopImmediatePropagation) {
     e.nativeEvent.stopImmediatePropagation();
diff --git a/components/table/createStore.tsx b/components/table/createStore.tsx
index b1201c74c2..458a85fbea 100644
--- a/components/table/createStore.tsx
+++ b/components/table/createStore.tsx
@@ -1,5 +1,5 @@
 export interface Store {
-  setState: (partial: Object) => void;
+  setState: (partial: object) => void;
   getState: () => any;
   subscribe: (listener: () => void) => () => void;
 }
diff --git a/components/table/filterDropdown.tsx b/components/table/filterDropdown.tsx
index c042047b61..d7f564c377 100755
--- a/components/table/filterDropdown.tsx
+++ b/components/table/filterDropdown.tsx
@@ -13,7 +13,7 @@ import FilterDropdownMenuWrapper from './FilterDropdownMenuWrapper';
 import { FilterMenuProps, FilterMenuState, ColumnProps, ColumnFilterItem } from './interface';
 import { generateValueMaps } from './util';
 
-function stopPropagation(e: React.SyntheticEvent<any>) {
+function stopPropagation(e: React.SyntheticEvent<unknown>) {
   e.stopPropagation();
   if (e.nativeEvent.stopImmediatePropagation) {
     e.nativeEvent.stopImmediatePropagation();
diff --git a/components/table/interface.tsx b/components/table/interface.tsx
index fa696acbea..eb884d6a75 100644
--- a/components/table/interface.tsx
+++ b/components/table/interface.tsx
@@ -29,10 +29,10 @@ export interface ColumnProps<T> {
     | ((options: { filters: TableStateFilters; sortOrder?: SortOrder }) => React.ReactNode);
   key?: React.Key;
   dataIndex?: string; // Note: We can not use generic type here, since we need to support nested key, see #9393
-  render?: (text: any, record: T, index: number) => React.ReactNode;
+  render?: (text: unknown, record: T, index: number) => React.ReactNode;
   align?: 'left' | 'right' | 'center';
   filters?: ColumnFilterItem[];
-  onFilter?: (value: any, record: T) => boolean;
+  onFilter?: (value: unknown, record: T) => boolean;
   filterMultiple?: boolean;
   filterDropdown?: React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);
   filterDropdownVisible?: boolean;
@@ -44,12 +44,12 @@ export interface ColumnProps<T> {
   className?: string;
   fixed?: boolean | ('left' | 'right');
   filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);
-  filteredValue?: any[];
+  filteredValue?: unknown[];
   sortOrder?: SortOrder | boolean;
   children?: ColumnProps<T>[];
-  onCellClick?: (record: T, event: any) => void;
-  onCell?: (record: T, rowIndex: number) => any;
-  onHeaderCell?: (props: ColumnProps<T>) => any;
+  onCellClick?: (record: T, event: Event) => void;
+  onCell?: (record: T, rowIndex: number) => TableEventListeners;
+  onHeaderCell?: (props: ColumnProps<T>) => TableEventListeners;
   sortDirections?: SortOrder[];
 }
 
@@ -88,7 +88,7 @@ export type SelectionSelectFn<T> = (
   selected: boolean,
   selectedRows: Object[],
   nativeEvent: Event,
-) => any;
+) => void;
 
 export type TableSelectWay = 'onSelect' | 'onSelectMultiple' | 'onSelectAll' | 'onSelectInvert';
 
@@ -129,6 +129,14 @@ export interface TableCurrentDataSource<T> {
   currentDataSource: T[];
 }
 
+export interface TableEventListeners {
+  onClick?: (arg: React.SyntheticEvent) => void;
+  onDoubleClick?: (arg: React.SyntheticEvent) => void;
+  onContextMenu?: (arg: React.SyntheticEvent) => void;
+  onMouseEnter?: (arg: React.SyntheticEvent) => void;
+  onMouseLeave?: (arg: React.SyntheticEvent) => void;
+}
+
 export interface TableProps<T> {
   prefixCls?: string;
   dropdownPrefixCls?: string;
@@ -165,8 +173,8 @@ export interface TableProps<T> {
   locale?: TableLocale;
   indentSize?: number;
   onRowClick?: (record: T, index: number, event: Event) => void;
-  onRow?: (record: T, index: number) => any;
-  onHeaderRow?: (columns: ColumnProps<T>[], index: number) => any;
+  onRow?: (record: T, index: number) => TableEventListeners;
+  onHeaderRow?: (columns: ColumnProps<T>[]) => TableEventListeners;
   useFixedHeader?: boolean;
   bordered?: boolean;
   showHeader?: boolean;
@@ -193,7 +201,7 @@ export interface TableState<T> {
   pivot?: number;
 }
 
-export type SelectionItemSelectFn = (key: string[]) => any;
+export type SelectionItemSelectFn = (key: string[]) => void;
 type GetPopupContainer = (triggerNode?: HTMLElement) => HTMLElement;
 
 export interface SelectionItem {
@@ -204,13 +212,13 @@ export interface SelectionItem {
 
 export interface SelectionCheckboxAllProps<T> {
   store: Store;
-  locale: any;
+  locale: TableLocale;
   disabled: boolean;
-  getCheckboxPropsByItem: (item: any, index: number) => any;
-  getRecordKey: (record: any, index?: number) => string;
+  getCheckboxPropsByItem: (item: T, index: number) => { defaultChecked: boolean };
+  getRecordKey: (record: T, index?: number) => string;
   data: T[];
   prefixCls: string | undefined;
-  onSelect: (key: string, index: number, selectFunc: any) => void;
+  onSelect: (key: string, index: number, selectFunc: unknown) => void;
   hideDefaultSelections?: boolean;
   selections?: SelectionItem[] | boolean;
   getPopupContainer?: GetPopupContainer;
@@ -247,7 +255,7 @@ export interface FilterMenuProps<T> {
   locale: TableLocale;
   selectedKeys: string[];
   column: ColumnProps<T>;
-  confirmFilter: (column: ColumnProps<T>, selectedKeys: string[]) => any;
+  confirmFilter: (column: ColumnProps<T>, selectedKeys: string[]) => unknown;
   prefixCls: string;
   dropdownPrefixCls: string;
   getPopupContainer?: GetPopupContainer;
@@ -255,7 +263,7 @@ export interface FilterMenuProps<T> {
 
 export interface FilterMenuState<T> {
   selectedKeys: string[];
-  valueKeys: { [name: string]: any };
+  valueKeys: { [name: string]: string };
   keyPathOfSelectedItem: { [key: string]: string };
   visible?: boolean;
   prevProps: FilterMenuProps<T>;
@@ -267,5 +275,5 @@ export type PrepareParamsArgumentsReturn<T> = [
   Object,
   {
     currentDataSource: T[];
-  }
+  },
 ];
diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
index accce0caa0..89e97dc298 100755
--- a/components/tabs/index.tsx
+++ b/components/tabs/index.tsx
@@ -18,20 +18,20 @@ export interface TabsProps {
   hideAdd?: boolean;
   onChange?: (activeKey: string) => void;
   onTabClick?: Function;
-  onPrevClick?: React.MouseEventHandler<any>;
-  onNextClick?: React.MouseEventHandler<any>;
+  onPrevClick?: React.MouseEventHandler<HTMLElement>;
+  onNextClick?: React.MouseEventHandler<HTMLElement>;
   tabBarExtraContent?: React.ReactNode | null;
   tabBarStyle?: React.CSSProperties;
   type?: TabsType;
   tabPosition?: TabsPosition;
-  onEdit?: (targetKey: string | React.MouseEvent<HTMLElement>, action: any) => void;
+  onEdit?: (targetKey: string | React.MouseEvent<HTMLElement>, action: 'add' | 'remove') => void;
   size?: 'large' | 'default' | 'small';
   style?: React.CSSProperties;
   prefixCls?: string;
   className?: string;
   animated?: boolean | { inkBar: boolean; tabPane: boolean };
   tabBarGutter?: number;
-  renderTabBar?: (props: TabsProps, DefaultTabBar: React.ReactNode) => React.ReactElement<any>;
+  renderTabBar?: (props: TabsProps, DefaultTabBar: React.ReactNode) => React.ReactElement<unknown>;
 }
 
 // Tabs
diff --git a/components/tooltip/placements.tsx b/components/tooltip/placements.tsx
index 56b3f780e7..86fc30109c 100644
--- a/components/tooltip/placements.tsx
+++ b/components/tooltip/placements.tsx
@@ -22,10 +22,10 @@ export interface PlacementsConfig {
   horizontalArrowShift?: number;
   verticalArrowShift?: number;
   arrowPointAtCenter?: boolean;
-  autoAdjustOverflow?: any;
+  autoAdjustOverflow?: boolean | AdjustOverflow;
 }
 
-export function getOverflowOptions(autoAdjustOverflow: any) {
+export function getOverflowOptions(autoAdjustOverflow: boolean | AdjustOverflow) {
   if (typeof autoAdjustOverflow === 'boolean') {
     return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
   }
diff --git a/components/transfer/index.tsx b/components/transfer/index.tsx
index 52b98ad879..1b14cbd345 100644
--- a/components/transfer/index.tsx
+++ b/components/transfer/index.tsx
@@ -42,7 +42,7 @@ export interface TransferProps {
   targetKeys?: string[];
   selectedKeys?: string[];
   render?: TransferRender;
-  onChange?: (targetKeys: string[], direction: string, moveKeys: any) => void;
+  onChange?: (targetKeys: string[], direction: string, moveKeys: string[]) => void;
   onSelectChange?: (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => void;
   style?: React.CSSProperties;
   listStyle?: React.CSSProperties;
@@ -50,7 +50,7 @@ export interface TransferProps {
   titles?: string[];
   operations?: string[];
   showSearch?: boolean;
-  filterOption?: (inputValue: any, item: any) => boolean;
+  filterOption?: (inputValue: string, item: TransferItem) => boolean;
   searchPlaceholder?: string;
   notFoundContent?: React.ReactNode;
   locale?: {};
diff --git a/components/transfer/search.tsx b/components/transfer/search.tsx
index e4021bd3bc..1e8683e9f0 100644
--- a/components/transfer/search.tsx
+++ b/components/transfer/search.tsx
@@ -5,9 +5,9 @@ import Input from '../input';
 export interface TransferSearchProps {
   prefixCls?: string;
   placeholder?: string;
-  onChange?: (e: React.FormEvent<any>) => void;
-  handleClear?: (e: React.MouseEvent<any>) => void;
-  value?: any;
+  onChange?: (e: React.FormEvent<HTMLElement>) => void;
+  handleClear?: (e: React.MouseEvent<HTMLElement>) => void;
+  value?: string;
   disabled?: boolean;
 }
 
diff --git a/components/tree-select/index.tsx b/components/tree-select/index.tsx
index 0f922917ad..0a7c1c4697 100644
--- a/components/tree-select/index.tsx
+++ b/components/tree-select/index.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import RcTreeSelect, { TreeNode, SHOW_ALL, SHOW_PARENT, SHOW_CHILD } from 'rc-tree-select';
 import classNames from 'classnames';
-import { TreeSelectProps } from './interface';
+import { TreeSelectProps, TreeNodeValue } from './interface';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import warning from '../_util/warning';
 import Icon from '../icon';
@@ -10,7 +10,10 @@ import omit from 'omit.js';
 
 export { TreeNode, TreeSelectProps } from './interface';
 
-export default class TreeSelect extends React.Component<TreeSelectProps, any> {
+export default class TreeSelect<T extends TreeNodeValue> extends React.Component<
+  TreeSelectProps<T>,
+  any
+> {
   static TreeNode = TreeNode;
   static SHOW_ALL = SHOW_ALL;
   static SHOW_PARENT = SHOW_PARENT;
@@ -23,7 +26,7 @@ export default class TreeSelect extends React.Component<TreeSelectProps, any> {
 
   private rcTreeSelect: any;
 
-  constructor(props: TreeSelectProps) {
+  constructor(props: TreeSelectProps<T>) {
     super(props);
 
     warning(
diff --git a/components/tree-select/interface.tsx b/components/tree-select/interface.tsx
index 1bfcb5c5dc..da9f58d90e 100644
--- a/components/tree-select/interface.tsx
+++ b/components/tree-select/interface.tsx
@@ -3,8 +3,10 @@ import { AbstractSelectProps } from '../select';
 
 export type TreeNode = TreeNodeNormal | TreeNodeSimpleMode;
 
+export type TreeNodeValue = string | number | string[] | number[];
+
 export interface TreeNodeNormal {
-  value: string | number;
+  value: TreeNodeValue;
   /**
    * @deprecated Please use `title` instead.
    */
@@ -29,20 +31,20 @@ export interface TreeDataSimpleMode {
   rootPId?: string;
 }
 
-export interface TreeSelectProps extends AbstractSelectProps {
+export interface TreeSelectProps<T extends TreeNodeValue> extends AbstractSelectProps {
   autoFocus?: boolean;
-  defaultValue?: string | number | Array<any>;
+  defaultValue?: T;
   dropdownStyle?: React.CSSProperties;
-  filterTreeNode?: (inputValue: string, treeNode: any) => boolean | boolean;
+  filterTreeNode?: (inputValue: string, treeNode: unknown) => boolean | boolean;
   labelInValue?: boolean;
-  loadData?: (node: any) => void;
+  loadData?: (node: unknown) => void;
   maxTagCount?: number;
-  maxTagPlaceholder?: React.ReactNode | ((omittedValues: any[]) => React.ReactNode);
+  maxTagPlaceholder?: React.ReactNode | ((omittedValues: unknown[]) => React.ReactNode);
   multiple?: boolean;
   notFoundContent?: React.ReactNode;
-  onChange?: (value: any, label: any, extra: any) => void;
-  onSearch?: (value: any) => void;
-  onSelect?: (value: any) => void;
+  onChange?: (value: T, label: unknown, extra: unknown) => void;
+  onSearch?: (value: unknown) => void;
+  onSelect?: (value: unknown) => void;
   onTreeExpand?: (keys: Array<string>) => void;
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
@@ -60,5 +62,5 @@ export interface TreeSelectProps extends AbstractSelectProps {
   treeIcon?: boolean;
   treeNodeFilterProp?: string;
   treeNodeLabelProp?: string;
-  value?: string | number | Array<any>;
+  value?: T;
 }
diff --git a/components/tree/Tree.tsx b/components/tree/Tree.tsx
index d3e58c4ea1..5d555119fc 100644
--- a/components/tree/Tree.tsx
+++ b/components/tree/Tree.tsx
@@ -70,7 +70,7 @@ export interface AntTreeNodeExpandedEvent extends AntTreeNodeBaseEvent {
 
 export interface AntTreeNodeMouseEvent {
   node: AntTreeNode;
-  event: React.MouseEvent<any>;
+  event: React.MouseEvent<HTMLElement>;
 }
 
 export interface AntTreeNodeDragEnterEvent extends AntTreeNodeMouseEvent {
@@ -83,7 +83,7 @@ export interface AntTreeNodeDropEvent {
   dragNodesKeys: string[];
   dropPosition: number;
   dropToGap?: boolean;
-  event: React.MouseEvent<any>;
+  event: React.MouseEvent<HTMLElement>;
 }
 
 export interface TreeProps {
@@ -117,7 +117,7 @@ export interface TreeProps {
   defaultSelectedKeys?: string[];
   selectable?: boolean;
   /** 展开/收起节点时触发 */
-  onExpand?: (expandedKeys: string[], info: AntTreeNodeExpandedEvent) => void | PromiseLike<any>;
+  onExpand?: (expandedKeys: string[], info: AntTreeNodeExpandedEvent) => void | PromiseLike<void>;
   /** 点击复选框触发 */
   onCheck?: (
     checkedKeys: string[] | { checked: string[]; halfChecked: string[] },
@@ -132,7 +132,7 @@ export interface TreeProps {
   /** filter some AntTreeNodes as you need. it should return true */
   filterAntTreeNode?: (node: AntTreeNode) => boolean;
   /** 异步加载数据 */
-  loadData?: (node: AntTreeNode) => PromiseLike<any>;
+  loadData?: (node: AntTreeNode) => PromiseLike<void>;
   loadedKeys?: string[];
   onLoad?: (loadedKeys: string[], info: { event: 'load'; node: AntTreeNode }) => void;
   /** 响应右键点击 */
@@ -147,11 +147,11 @@ export interface TreeProps {
   onDrop?: (options: AntTreeNodeDropEvent) => void;
   style?: React.CSSProperties;
   showIcon?: boolean;
-  icon?: (nodeProps: AntdTreeNodeAttribute) => React.ReactNode | React.ReactNode;
-  switcherIcon?: React.ReactElement<any>;
+  icon?: ((nodeProps: AntdTreeNodeAttribute) => React.ReactNode) | React.ReactNode;
+  switcherIcon?: React.ReactElement<unknown>;
   prefixCls?: string;
   filterTreeNode?: (node: AntTreeNode) => boolean;
-  children?: React.ReactNode | React.ReactNode[];
+  children?: React.ReactNode;
   blockNode?: boolean;
 }
 
diff --git a/components/upload/interface.tsx b/components/upload/interface.tsx
index 0efe181cb0..be2b4587c5 100755
--- a/components/upload/interface.tsx
+++ b/components/upload/interface.tsx
@@ -61,12 +61,12 @@ export interface UploadProps {
   fileList?: Array<UploadFile>;
   action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
   directory?: boolean;
-  data?: Object | ((file: UploadFile) => any);
+  data?: object | ((file: UploadFile) => object);
   headers?: HttpRequestHeader;
   showUploadList?: boolean | ShowUploadListInterface;
   multiple?: boolean;
   accept?: string;
-  beforeUpload?: (file: RcFile, FileList: RcFile[]) => boolean | PromiseLike<any>;
+  beforeUpload?: (file: RcFile, FileList: RcFile[]) => boolean | PromiseLike<void>;
   onChange?: (info: UploadChangeParam) => void;
   listType?: UploadListType;
   className?: string;
@@ -76,7 +76,7 @@ export interface UploadProps {
   style?: React.CSSProperties;
   disabled?: boolean;
   prefixCls?: string;
-  customRequest?: (option: any) => void;
+  customRequest?: (option: object) => void;
   withCredentials?: boolean;
   openFileDialogOnClick?: boolean;
   locale?: UploadLocale;

From 82b85709bec36d822a8e7852859250b97aeb9a32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Wed, 19 Jun 2019 19:09:08 +0800
Subject: [PATCH 03/38] style: run lint-fix (#17172)

---
 components/_util/__tests__/util.test.js       | 14 +++----
 components/badge/ScrollNumber.tsx             |  2 +-
 components/breadcrumb/Breadcrumb.tsx          | 26 ++++++-------
 components/button/button.tsx                  |  2 +-
 components/button/demo/size.md                |  2 +-
 components/collapse/demo/accordion.md         |  2 +-
 components/collapse/demo/basic.md             |  2 +-
 components/collapse/demo/borderless.md        |  2 +-
 components/collapse/demo/custom.md            |  2 +-
 components/collapse/demo/mix.md               |  2 +-
 components/collapse/demo/noarrow.md           |  2 +-
 components/date-picker/demo/start-end.md      |  4 +-
 .../form/demo/customized-form-controls.md     |  4 +-
 components/form/demo/form-in-modal.md         |  2 +-
 components/form/demo/global-state.md          |  2 +-
 components/form/demo/register.md              |  6 +--
 components/form/demo/without-form-create.md   |  2 +-
 components/form/interface.ts                  |  4 +-
 components/input/demo/search-input.md         |  2 +-
 components/input/style/mixin.less             |  2 +-
 components/list/Item.tsx                      |  2 +-
 components/list/demo/infinite-load.md         |  2 +-
 .../list/demo/infinite-virtualized-load.md    |  2 +-
 components/mention/demo/avatar.md             |  2 +-
 components/mention/demo/custom-tag.md         |  2 +-
 components/mentions/index.tsx                 | 38 +++++++++----------
 components/menu/demo/horizontal.md            |  2 +-
 components/menu/demo/inline-collapsed.md      |  2 +-
 components/menu/demo/inline.md                |  2 +-
 components/menu/demo/sider-current.md         |  2 +-
 components/menu/demo/theme.md                 |  2 +-
 components/menu/demo/vertical.md              |  2 +-
 components/modal/demo/confirm-promise.md      |  2 +-
 components/modal/demo/confirm-router.md       |  2 +-
 components/modal/demo/confirm.md              |  2 +-
 components/select/demo/search-box.md          |  2 +-
 components/select/index.en-US.md              |  6 +--
 components/select/index.zh-CN.md              |  4 +-
 components/statistic/demo/countdown.md        |  2 +-
 components/table/demo/drag-sorting.md         |  2 +-
 components/table/demo/dynamic-settings.md     |  2 +-
 components/table/interface.tsx                |  2 +-
 components/tabs/demo/custom-add-trigger.md    |  4 +-
 components/tabs/demo/editable-card.md         |  4 +-
 components/tabs/demo/slide.md                 |  2 +-
 components/tag/CheckableTag.tsx               |  2 +-
 components/tag/demo/hot-tags.md               |  2 +-
 .../time-picker/__tests__/index.test.js       |  4 +-
 components/tree-select/demo/basic.md          |  2 +-
 components/tree-select/demo/checkable.md      |  2 +-
 components/tree-select/demo/multiple.md       |  2 +-
 components/tree-select/demo/suffix.md         |  2 +-
 components/tree/demo/search.md                |  6 +--
 components/upload/demo/avatar.md              |  2 +-
 components/upload/demo/drag.md                |  4 +-
 docs/react/faq.en-US.md                       |  2 +-
 renovate.json                                 |  5 +--
 scripts/check-commit.js                       |  4 +-
 site/theme/template/IconDisplay/index.tsx     |  7 +++-
 .../theme/template/IconDisplay/themeIcons.tsx |  6 +--
 60 files changed, 118 insertions(+), 116 deletions(-)

diff --git a/components/_util/__tests__/util.test.js b/components/_util/__tests__/util.test.js
index 42a2cb3250..2f581d8089 100644
--- a/components/_util/__tests__/util.test.js
+++ b/components/_util/__tests__/util.test.js
@@ -169,7 +169,11 @@ describe('Test utils function', () => {
 
     it('should not throw when click it', () => {
       expect(() => {
-        const wrapper = mount(<Wave><div /></Wave>);
+        const wrapper = mount(
+          <Wave>
+            <div />
+          </Wave>,
+        );
         wrapper.simulate('click');
       }).not.toThrow();
     });
@@ -184,9 +188,7 @@ describe('Test utils function', () => {
 
   describe('TransButton', () => {
     it('can be focus/blur', () => {
-      const wrapper = mount(
-        <TransButton>TransButton</TransButton>,
-      );
+      const wrapper = mount(<TransButton>TransButton</TransButton>);
       expect(typeof wrapper.instance().focus).toBe('function');
       expect(typeof wrapper.instance().blur).toBe('function');
     });
@@ -194,9 +196,7 @@ describe('Test utils function', () => {
     it('should trigger onClick when press enter', () => {
       const onClick = jest.fn();
       const preventDefault = jest.fn();
-      const wrapper = mount(
-        <TransButton onClick={onClick}>TransButton</TransButton>,
-      );
+      const wrapper = mount(<TransButton onClick={onClick}>TransButton</TransButton>);
       wrapper.simulate('keyUp', { keyCode: KeyCode.ENTER });
       expect(onClick).toHaveBeenCalled();
       wrapper.simulate('keyDown', { keyCode: KeyCode.ENTER, preventDefault });
diff --git a/components/badge/ScrollNumber.tsx b/components/badge/ScrollNumber.tsx
index 34b1aa1e1a..e8b0d28ea8 100644
--- a/components/badge/ScrollNumber.tsx
+++ b/components/badge/ScrollNumber.tsx
@@ -105,7 +105,7 @@ class ScrollNumber extends Component<ScrollNumberProps, ScrollNumberState> {
     if (onAnimated) {
       onAnimated();
     }
-  }
+  };
 
   renderNumberList(position: number) {
     const childrenToReturn: React.ReactElement<any>[] = [];
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index 24d3066e26..6ff4a94951 100755
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -72,21 +72,21 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
   }
 
   getPath = (path: string, params: any) => {
-     path = (path || '').replace(/^\//, '');
-     Object.keys(params).forEach(key => {
-         path = path.replace(`:${key}`, params[key]);
-     });
-     return path;
-  }
+    path = (path || '').replace(/^\//, '');
+    Object.keys(params).forEach(key => {
+      path = path.replace(`:${key}`, params[key]);
+    });
+    return path;
+  };
 
   addChildPath = (paths: string[], childPath: string = '', params: any) => {
     const originalPaths = [...paths];
     const path = this.getPath(childPath, params);
     if (path) {
-       originalPaths.push(path);
+      originalPaths.push(path);
     }
     return originalPaths;
- }
+  };
 
   genForRoutes = ({
     routes = [],
@@ -107,12 +107,10 @@ export default class Breadcrumb extends React.Component<BreadcrumbProps, any> {
         overlay = (
           <Menu>
             {route.children.map(child => (
-                <Menu.Item key={child.breadcrumbName || child.path}>
-                  {
-                    itemRender(child, params, routes, this.addChildPath(paths, child.path, params))
-                  }
-                </Menu.Item>
-             ))}
+              <Menu.Item key={child.breadcrumbName || child.path}>
+                {itemRender(child, params, routes, this.addChildPath(paths, child.path, params))}
+              </Menu.Item>
+            ))}
           </Menu>
         );
       }
diff --git a/components/button/button.tsx b/components/button/button.tsx
index abbf9ebf0b..d5739a06d3 100644
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -289,7 +289,7 @@ class Button extends React.Component<ButtonProps, ButtonState> {
 
     const buttonNode = (
       <button
-        {...otherProps as NativeButtonProps}
+        {...(otherProps as NativeButtonProps)}
         type={htmlType}
         className={classes}
         onClick={this.handleClick}
diff --git a/components/button/demo/size.md b/components/button/demo/size.md
index d53faee5be..a92c2d57e6 100644
--- a/components/button/demo/size.md
+++ b/components/button/demo/size.md
@@ -30,7 +30,7 @@ class ButtonSize extends React.Component {
   };
 
   render() {
-    const size = this.state.size;
+    const { size } = this.state;
     return (
       <div>
         <Radio.Group value={size} onChange={this.handleSizeChange}>
diff --git a/components/collapse/demo/accordion.md b/components/collapse/demo/accordion.md
index 657ce1c956..5d09202ebb 100644
--- a/components/collapse/demo/accordion.md
+++ b/components/collapse/demo/accordion.md
@@ -16,7 +16,7 @@ In accordion mode, only one panel can be expanded at a time.
 ```jsx
 import { Collapse } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 const text = `
   A dog is a type of domesticated animal.
diff --git a/components/collapse/demo/basic.md b/components/collapse/demo/basic.md
index d2e91e3813..db741a6017 100644
--- a/components/collapse/demo/basic.md
+++ b/components/collapse/demo/basic.md
@@ -16,7 +16,7 @@ By default, any number of panels can be expanded at a time. The first panel is e
 ```jsx
 import { Collapse } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 function callback(key) {
   console.log(key);
diff --git a/components/collapse/demo/borderless.md b/components/collapse/demo/borderless.md
index 803090b7ae..45080fc947 100644
--- a/components/collapse/demo/borderless.md
+++ b/components/collapse/demo/borderless.md
@@ -16,7 +16,7 @@ A borderless style of Collapse.
 ```jsx
 import { Collapse } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 const text = (
   <p style={{ paddingLeft: 24 }}>
diff --git a/components/collapse/demo/custom.md b/components/collapse/demo/custom.md
index 93f023df58..95658c49a3 100644
--- a/components/collapse/demo/custom.md
+++ b/components/collapse/demo/custom.md
@@ -16,7 +16,7 @@ Customize the background, border, margin styles and icon for each panel.
 ```jsx
 import { Collapse, Icon } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 const text = `
   A dog is a type of domesticated animal.
diff --git a/components/collapse/demo/mix.md b/components/collapse/demo/mix.md
index 328a1f95cb..d7a629c352 100644
--- a/components/collapse/demo/mix.md
+++ b/components/collapse/demo/mix.md
@@ -16,7 +16,7 @@ title:
 ```jsx
 import { Collapse } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 function callback(key) {
   console.log(key);
diff --git a/components/collapse/demo/noarrow.md b/components/collapse/demo/noarrow.md
index 3d297ec770..9a1af55a52 100644
--- a/components/collapse/demo/noarrow.md
+++ b/components/collapse/demo/noarrow.md
@@ -16,7 +16,7 @@ You can hide the arrow icon by passing `showArrow={false}` to `CollapsePanel` co
 ```jsx
 import { Collapse } from 'antd';
 
-const Panel = Collapse.Panel;
+const { Panel } = Collapse;
 
 function callback(key) {
   console.log(key);
diff --git a/components/date-picker/demo/start-end.md b/components/date-picker/demo/start-end.md
index 52f96e4563..68805c2793 100644
--- a/components/date-picker/demo/start-end.md
+++ b/components/date-picker/demo/start-end.md
@@ -30,7 +30,7 @@ class DateRange extends React.Component {
   };
 
   disabledStartDate = startValue => {
-    const endValue = this.state.endValue;
+    const { endValue } = this.state;
     if (!startValue || !endValue) {
       return false;
     }
@@ -38,7 +38,7 @@ class DateRange extends React.Component {
   };
 
   disabledEndDate = endValue => {
-    const startValue = this.state.startValue;
+    const { startValue } = this.state;
     if (!endValue || !startValue) {
       return false;
     }
diff --git a/components/form/demo/customized-form-controls.md b/components/form/demo/customized-form-controls.md
index 1461f623c9..ab21c00ab7 100644
--- a/components/form/demo/customized-form-controls.md
+++ b/components/form/demo/customized-form-controls.md
@@ -71,7 +71,7 @@ class PriceInput extends React.Component {
 
   triggerChange = changedValue => {
     // Should provide an event to pass value to Form.
-    const onChange = this.props.onChange;
+    const { onChange } = this.props;
     if (onChange) {
       onChange(Object.assign({}, this.state, changedValue));
     }
@@ -79,7 +79,7 @@ class PriceInput extends React.Component {
 
   render() {
     const { size } = this.props;
-    const state = this.state;
+    const { state } = this;
     return (
       <span>
         <Input
diff --git a/components/form/demo/form-in-modal.md b/components/form/demo/form-in-modal.md
index c6cf135971..dfc81eb7a6 100644
--- a/components/form/demo/form-in-modal.md
+++ b/components/form/demo/form-in-modal.md
@@ -70,7 +70,7 @@ class CollectionsPage extends React.Component {
   };
 
   handleCreate = () => {
-    const form = this.formRef.props.form;
+    const { form } = this.formRef.props;
     form.validateFields((err, values) => {
       if (err) {
         return;
diff --git a/components/form/demo/global-state.md b/components/form/demo/global-state.md
index 02e16e9d7f..6ae7d9e127 100644
--- a/components/form/demo/global-state.md
+++ b/components/form/demo/global-state.md
@@ -67,7 +67,7 @@ class Demo extends React.Component {
   };
 
   render() {
-    const fields = this.state.fields;
+    const { fields } = this.state;
     return (
       <div>
         <CustomizedForm {...fields} onChange={this.handleFormChange} />
diff --git a/components/form/demo/register.md b/components/form/demo/register.md
index a5a725c00b..89365c30f2 100644
--- a/components/form/demo/register.md
+++ b/components/form/demo/register.md
@@ -82,12 +82,12 @@ class RegistrationForm extends React.Component {
   };
 
   handleConfirmBlur = e => {
-    const value = e.target.value;
+    const { value } = e.target;
     this.setState({ confirmDirty: this.state.confirmDirty || !!value });
   };
 
   compareToFirstPassword = (rule, value, callback) => {
-    const form = this.props.form;
+    const { form } = this.props;
     if (value && value !== form.getFieldValue('password')) {
       callback('Two passwords that you enter is inconsistent!');
     } else {
@@ -96,7 +96,7 @@ class RegistrationForm extends React.Component {
   };
 
   validateToNextPassword = (rule, value, callback) => {
-    const form = this.props.form;
+    const { form } = this.props;
     if (value && this.state.confirmDirty) {
       form.validateFields(['confirm'], { force: true });
     }
diff --git a/components/form/demo/without-form-create.md b/components/form/demo/without-form-create.md
index ae114e4579..b37b3b0c81 100644
--- a/components/form/demo/without-form-create.md
+++ b/components/form/demo/without-form-create.md
@@ -50,7 +50,7 @@ class RawForm extends React.Component {
       labelCol: { span: 7 },
       wrapperCol: { span: 12 },
     };
-    const number = this.state.number;
+    const { number } = this.state;
     const tips =
       'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.';
     return (
diff --git a/components/form/interface.ts b/components/form/interface.ts
index 3a7a9c41ce..f4ee9973e5 100644
--- a/components/form/interface.ts
+++ b/components/form/interface.ts
@@ -61,7 +61,7 @@ type NonReactStatics<
       : S extends React.ForwardRefExoticComponent<any>
       ? keyof FORWARD_REF_STATICS | keyof C
       : keyof REACT_STATICS | keyof KNOWN_STATICS | keyof C
-  >]: S[key]
+  >]: S[key];
 };
 
 // Copy from @types/react-redux https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-redux/index.d.ts
@@ -70,7 +70,7 @@ export type Matching<InjectedProps, DecorationTargetProps> = {
     ? InjectedProps[P] extends DecorationTargetProps[P]
       ? DecorationTargetProps[P]
       : InjectedProps[P]
-    : DecorationTargetProps[P]
+    : DecorationTargetProps[P];
 };
 
 export type GetProps<C> = C extends React.ComponentType<infer P> ? P : never;
diff --git a/components/input/demo/search-input.md b/components/input/demo/search-input.md
index 4b685a56bf..d014b8ae59 100644
--- a/components/input/demo/search-input.md
+++ b/components/input/demo/search-input.md
@@ -16,7 +16,7 @@ Example of creating a search box by grouping a standard input with a search butt
 ```jsx
 import { Input } from 'antd';
 
-const Search = Input.Search;
+const { Search } = Input;
 
 ReactDOM.render(
   <div>
diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
index b5d22ed13b..d98c2a5290 100644
--- a/components/input/style/mixin.less
+++ b/components/input/style/mixin.less
@@ -80,9 +80,9 @@
     max-width: 100%; // prevent textearea resize from coming out of its container
     height: auto;
     min-height: @input-height-base;
+    line-height: @line-height-base;
     vertical-align: bottom;
     transition: all 0.3s, height 0s;
-    line-height: @line-height-base;
   }
 
   // Size
diff --git a/components/list/Item.tsx b/components/list/Item.tsx
index 48a5dfbe5e..c36fa905d1 100644
--- a/components/list/Item.tsx
+++ b/components/list/Item.tsx
@@ -116,7 +116,7 @@ export default class Item extends React.Component<ListItemProps, any> {
     const Tag = grid ? 'div' : 'li';
     const itemChildren = (
       <Tag
-        {...others as any} // `li` element `onCopy` prop args is not same as `div`
+        {...(others as any)} // `li` element `onCopy` prop args is not same as `div`
         className={classNames(`${prefixCls}-item`, className, {
           [`${prefixCls}-item-no-flex`]: !this.isFlexMode(),
         })}
diff --git a/components/list/demo/infinite-load.md b/components/list/demo/infinite-load.md
index e429933b16..9e641e854a 100644
--- a/components/list/demo/infinite-load.md
+++ b/components/list/demo/infinite-load.md
@@ -49,7 +49,7 @@ class InfiniteListExample extends React.Component {
   };
 
   handleInfiniteOnLoad = () => {
-    let data = this.state.data;
+    let { data } = this.state;
     this.setState({
       loading: true,
     });
diff --git a/components/list/demo/infinite-virtualized-load.md b/components/list/demo/infinite-virtualized-load.md
index cd6f7ed332..6f6c4cc19f 100644
--- a/components/list/demo/infinite-virtualized-load.md
+++ b/components/list/demo/infinite-virtualized-load.md
@@ -58,7 +58,7 @@ class VirtualizedExample extends React.Component {
   };
 
   handleInfiniteOnLoad = ({ startIndex, stopIndex }) => {
-    let data = this.state.data;
+    let { data } = this.state;
     this.setState({
       loading: true,
     });
diff --git a/components/mention/demo/avatar.md b/components/mention/demo/avatar.md
index 140b4dcc5d..ccf57e6dd4 100644
--- a/components/mention/demo/avatar.md
+++ b/components/mention/demo/avatar.md
@@ -18,7 +18,7 @@ Customize suggestions.
 ```jsx
 import { Mention, Avatar } from 'antd';
 
-const Nav = Mention.Nav;
+const { Nav } = Mention;
 
 const webFrameworks = [
   {
diff --git a/components/mention/demo/custom-tag.md b/components/mention/demo/custom-tag.md
index 92da810926..4bb425b7c4 100644
--- a/components/mention/demo/custom-tag.md
+++ b/components/mention/demo/custom-tag.md
@@ -18,7 +18,7 @@ Customize suggestions.
 ```jsx
 import { Mention } from 'antd';
 
-const Nav = Mention.Nav;
+const { Nav } = Mention;
 
 const webFrameworks = [
   { name: 'React', type: 'JavaScript' },
diff --git a/components/mentions/index.tsx b/components/mentions/index.tsx
index 0e756ea22c..c189fc4ae5 100644
--- a/components/mentions/index.tsx
+++ b/components/mentions/index.tsx
@@ -49,28 +49,26 @@ class Mentions extends React.Component<MentionProps, MentionState> {
 
     return value
       .split(split)
-      .map(
-        (str = ''): MentionsEntity | null => {
-          let hitPrefix: string | null = null;
+      .map((str = ''): MentionsEntity | null => {
+        let hitPrefix: string | null = null;
 
-          prefixList.some(prefixStr => {
-            const startStr = str.slice(0, prefixStr.length);
-            if (startStr === prefixStr) {
-              hitPrefix = prefixStr;
-              return true;
-            }
-            return false;
-          });
-
-          if (hitPrefix !== null) {
-            return {
-              prefix: hitPrefix,
-              value: str.slice(hitPrefix!.length),
-            };
+        prefixList.some(prefixStr => {
+          const startStr = str.slice(0, prefixStr.length);
+          if (startStr === prefixStr) {
+            hitPrefix = prefixStr;
+            return true;
           }
-          return null;
-        },
-      )
+          return false;
+        });
+
+        if (hitPrefix !== null) {
+          return {
+            prefix: hitPrefix,
+            value: str.slice(hitPrefix!.length),
+          };
+        }
+        return null;
+      })
       .filter((entity): entity is MentionsEntity => !!entity && !!entity.value);
   };
 
diff --git a/components/menu/demo/horizontal.md b/components/menu/demo/horizontal.md
index e31dae894a..3fc69f482d 100755
--- a/components/menu/demo/horizontal.md
+++ b/components/menu/demo/horizontal.md
@@ -16,7 +16,7 @@ Horizontal top navigation menu.
 ```jsx
 import { Menu, Icon } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 class App extends React.Component {
   state = {
diff --git a/components/menu/demo/inline-collapsed.md b/components/menu/demo/inline-collapsed.md
index 807d21f7d1..23c00b3097 100644
--- a/components/menu/demo/inline-collapsed.md
+++ b/components/menu/demo/inline-collapsed.md
@@ -20,7 +20,7 @@ Here is [a complete demo](/components/layout/#components-layout-demo-side) with
 ```jsx
 import { Menu, Icon, Button } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 class App extends React.Component {
   state = {
diff --git a/components/menu/demo/inline.md b/components/menu/demo/inline.md
index 2a1b85ea7e..04e0d05e16 100755
--- a/components/menu/demo/inline.md
+++ b/components/menu/demo/inline.md
@@ -16,7 +16,7 @@ Vertical menu with inline submenus.
 ```jsx
 import { Menu, Icon } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 class Sider extends React.Component {
   handleClick = e => {
diff --git a/components/menu/demo/sider-current.md b/components/menu/demo/sider-current.md
index 64998a4b20..c0126a6e57 100755
--- a/components/menu/demo/sider-current.md
+++ b/components/menu/demo/sider-current.md
@@ -16,7 +16,7 @@ Click the menu and you will see that all the other menus gets collapsed to keep
 ```jsx
 import { Menu, Icon } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 class Sider extends React.Component {
   // submenu keys of first level
diff --git a/components/menu/demo/theme.md b/components/menu/demo/theme.md
index 17155597c9..99cbab4fb3 100755
--- a/components/menu/demo/theme.md
+++ b/components/menu/demo/theme.md
@@ -16,7 +16,7 @@ There are two built-in themes: 'light' and 'dark'. The default value is 'light'.
 ```jsx
 import { Menu, Icon, Switch } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 class Sider extends React.Component {
   state = {
diff --git a/components/menu/demo/vertical.md b/components/menu/demo/vertical.md
index f23f97ac82..d99eb63ff0 100755
--- a/components/menu/demo/vertical.md
+++ b/components/menu/demo/vertical.md
@@ -16,7 +16,7 @@ Submenus open as pop-ups.
 ```jsx
 import { Menu, Icon } from 'antd';
 
-const { SubMenu }  = Menu;
+const { SubMenu } = Menu;
 
 function handleClick(e) {
   console.log('click', e);
diff --git a/components/modal/demo/confirm-promise.md b/components/modal/demo/confirm-promise.md
index 47eb4389e1..c341bdd6e6 100644
--- a/components/modal/demo/confirm-promise.md
+++ b/components/modal/demo/confirm-promise.md
@@ -16,7 +16,7 @@ Use `confirm()` to show a confirmation modal dialog. Let onCancel/onOk function
 ```jsx
 import { Modal, Button } from 'antd';
 
-const confirm = Modal.confirm;
+const { confirm } = Modal;
 
 function showConfirm() {
   confirm({
diff --git a/components/modal/demo/confirm-router.md b/components/modal/demo/confirm-router.md
index 55c5807ac5..b16d057f39 100644
--- a/components/modal/demo/confirm-router.md
+++ b/components/modal/demo/confirm-router.md
@@ -20,7 +20,7 @@ function destroyAll() {
   Modal.destroyAll();
 }
 
-const confirm = Modal.confirm;
+const { confirm } = Modal;
 
 function showConfirm() {
   for (let i = 0; i < 3; i += 1) {
diff --git a/components/modal/demo/confirm.md b/components/modal/demo/confirm.md
index 1024117af4..de9b4fee47 100644
--- a/components/modal/demo/confirm.md
+++ b/components/modal/demo/confirm.md
@@ -16,7 +16,7 @@ Use `confirm()` to show a confirmation modal dialog.
 ```jsx
 import { Modal, Button } from 'antd';
 
-const confirm = Modal.confirm;
+const { confirm } = Modal;
 
 function showConfirm() {
   confirm({
diff --git a/components/select/demo/search-box.md b/components/select/demo/search-box.md
index 6750a0affa..7f73642e36 100644
--- a/components/select/demo/search-box.md
+++ b/components/select/demo/search-box.md
@@ -39,7 +39,7 @@ function fetch(value, callback) {
       .then(response => response.json())
       .then(d => {
         if (currentValue === value) {
-          const result = d.result;
+          const { result } = d;
           const data = [];
           result.forEach(r => {
             data.push({
diff --git a/components/select/index.en-US.md b/components/select/index.en-US.md
index 735e937bb7..17f988bb19 100644
--- a/components/select/index.en-US.md
+++ b/components/select/index.en-US.md
@@ -14,9 +14,9 @@ Select component to select value from options.
 ## API
 
 ```html
-<Select>
-  <Option value="lucy">lucy</Option>
-</Select>
+<select>
+  <option value="lucy">lucy</option>
+</select>
 ```
 
 ### Select props
diff --git a/components/select/index.zh-CN.md b/components/select/index.zh-CN.md
index bff282ac01..cd2dc66f49 100644
--- a/components/select/index.zh-CN.md
+++ b/components/select/index.zh-CN.md
@@ -14,9 +14,9 @@ title: Select
 
 ## API
 
-```html
+```jsx
 <Select>
-  <Option value="lucy">lucy</Option>
+  <Select.Option value="lucy">lucy</Select.Option>
 </Select>
 ```
 
diff --git a/components/statistic/demo/countdown.md b/components/statistic/demo/countdown.md
index 5c9ab4827d..7bebd94e1b 100644
--- a/components/statistic/demo/countdown.md
+++ b/components/statistic/demo/countdown.md
@@ -16,7 +16,7 @@ Countdown component.
 ```jsx
 import { Statistic, Row, Col } from 'antd';
 
-const Countdown = Statistic.Countdown;
+const { Countdown } = Statistic;
 const deadline = Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30; // Moment is also OK
 
 function onFinish() {
diff --git a/components/table/demo/drag-sorting.md b/components/table/demo/drag-sorting.md
index 3d5e0e16c8..89b40abb7f 100644
--- a/components/table/demo/drag-sorting.md
+++ b/components/table/demo/drag-sorting.md
@@ -26,7 +26,7 @@ class BodyRow extends React.Component {
     const { isOver, connectDragSource, connectDropTarget, moveRow, ...restProps } = this.props;
     const style = { ...restProps.style, cursor: 'move' };
 
-    let className = restProps.className;
+    let { className } = restProps;
     if (isOver) {
       if (restProps.index > dragingIndex) {
         className += ' drop-over-downward';
diff --git a/components/table/demo/dynamic-settings.md b/components/table/demo/dynamic-settings.md
index 4f973d2b9e..5d5753f09f 100644
--- a/components/table/demo/dynamic-settings.md
+++ b/components/table/demo/dynamic-settings.md
@@ -132,7 +132,7 @@ class Demo extends React.Component {
   };
 
   render() {
-    const state = this.state;
+    const { state } = this;
     return (
       <div>
         <div className="components-table-demo-control-bar">
diff --git a/components/table/interface.tsx b/components/table/interface.tsx
index fa696acbea..452904e455 100644
--- a/components/table/interface.tsx
+++ b/components/table/interface.tsx
@@ -267,5 +267,5 @@ export type PrepareParamsArgumentsReturn<T> = [
   Object,
   {
     currentDataSource: T[];
-  }
+  },
 ];
diff --git a/components/tabs/demo/custom-add-trigger.md b/components/tabs/demo/custom-add-trigger.md
index 7ded4a5ebe..d5690889f9 100644
--- a/components/tabs/demo/custom-add-trigger.md
+++ b/components/tabs/demo/custom-add-trigger.md
@@ -41,14 +41,14 @@ class Demo extends React.Component {
   };
 
   add = () => {
-    const panes = this.state.panes;
+    const { panes } = this.state;
     const activeKey = `newTab${this.newTabIndex++}`;
     panes.push({ title: 'New Tab', content: 'New Tab Pane', key: activeKey });
     this.setState({ panes, activeKey });
   };
 
   remove = targetKey => {
-    let activeKey = this.state.activeKey;
+    let { activeKey } = this.state;
     let lastIndex;
     this.state.panes.forEach((pane, i) => {
       if (pane.key === targetKey) {
diff --git a/components/tabs/demo/editable-card.md b/components/tabs/demo/editable-card.md
index a12a3f3b93..e0fb7042fe 100644
--- a/components/tabs/demo/editable-card.md
+++ b/components/tabs/demo/editable-card.md
@@ -47,14 +47,14 @@ class Demo extends React.Component {
   };
 
   add = () => {
-    const panes = this.state.panes;
+    const { panes } = this.state;
     const activeKey = `newTab${this.newTabIndex++}`;
     panes.push({ title: 'New Tab', content: 'Content of new Tab', key: activeKey });
     this.setState({ panes, activeKey });
   };
 
   remove = targetKey => {
-    let activeKey = this.state.activeKey;
+    let { activeKey } = this.state;
     let lastIndex;
     this.state.panes.forEach((pane, i) => {
       if (pane.key === targetKey) {
diff --git a/components/tabs/demo/slide.md b/components/tabs/demo/slide.md
index 4cfda29993..b726010ea5 100644
--- a/components/tabs/demo/slide.md
+++ b/components/tabs/demo/slide.md
@@ -40,7 +40,7 @@ class SlidingTabsDemo extends React.Component {
           <Radio.Button value="left">Vertical</Radio.Button>
         </Radio.Group>
         <Tabs defaultActiveKey="1" tabPosition={mode} style={{ height: 220 }}>
-          {[...Array(30).keys()].map((i) => (
+          {[...Array(30).keys()].map(i => (
             <TabPane tab={`Tab-${i}`} key={i}>
               Content of tab {i}
             </TabPane>
diff --git a/components/tag/CheckableTag.tsx b/components/tag/CheckableTag.tsx
index 423269316c..62b6cf9100 100644
--- a/components/tag/CheckableTag.tsx
+++ b/components/tag/CheckableTag.tsx
@@ -29,7 +29,7 @@ export default class CheckableTag extends React.Component<CheckableTagProps> {
     );
 
     delete (restProps as any).onChange; // TypeScript cannot check delete now.
-    return <div {...restProps as any} className={cls} onClick={this.handleClick} />;
+    return <div {...(restProps as any)} className={cls} onClick={this.handleClick} />;
   };
 
   render() {
diff --git a/components/tag/demo/hot-tags.md b/components/tag/demo/hot-tags.md
index bae6071f23..81e4d48d2f 100644
--- a/components/tag/demo/hot-tags.md
+++ b/components/tag/demo/hot-tags.md
@@ -16,7 +16,7 @@ Select your favourite topics.
 ```jsx
 import { Tag } from 'antd';
 
-const CheckableTag = Tag.CheckableTag;
+const { CheckableTag } = Tag;
 
 const tagsFromServer = ['Movies', 'Books', 'Music', 'Sports'];
 
diff --git a/components/time-picker/__tests__/index.test.js b/components/time-picker/__tests__/index.test.js
index c9074382ee..035f7bf2e0 100644
--- a/components/time-picker/__tests__/index.test.js
+++ b/components/time-picker/__tests__/index.test.js
@@ -73,7 +73,9 @@ describe('TimePicker', () => {
     const locale = {
       placeholder: 'Избери дата',
     };
-    const wrapper = mount(<TimePicker defaultValue={moment('2000-01-01 00:00:00')} open locale={locale} />);
+    const wrapper = mount(
+      <TimePicker defaultValue={moment('2000-01-01 00:00:00')} open locale={locale} />,
+    );
     expect(wrapper.render()).toMatchSnapshot();
   });
 });
diff --git a/components/tree-select/demo/basic.md b/components/tree-select/demo/basic.md
index 5b12981abd..1531262648 100644
--- a/components/tree-select/demo/basic.md
+++ b/components/tree-select/demo/basic.md
@@ -16,7 +16,7 @@ The most basic usage.
 ```jsx
 import { TreeSelect } from 'antd';
 
-const TreeNode = TreeSelect.TreeNode;
+const { TreeNode } = TreeSelect;
 
 class Demo extends React.Component {
   state = {
diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index ae666d7ccd..0b15e2c4fd 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -16,7 +16,7 @@ Multiple and checkable.
 ```jsx
 import { TreeSelect } from 'antd';
 
-const SHOW_PARENT = TreeSelect.SHOW_PARENT;
+const { SHOW_PARENT } = TreeSelect;
 
 const treeData = [
   {
diff --git a/components/tree-select/demo/multiple.md b/components/tree-select/demo/multiple.md
index fd294df1bc..44d8674ed3 100644
--- a/components/tree-select/demo/multiple.md
+++ b/components/tree-select/demo/multiple.md
@@ -16,7 +16,7 @@ Multiple selection usage.
 ```jsx
 import { TreeSelect } from 'antd';
 
-const TreeNode = TreeSelect.TreeNode;
+const { TreeNode } = TreeSelect;
 
 class Demo extends React.Component {
   state = {
diff --git a/components/tree-select/demo/suffix.md b/components/tree-select/demo/suffix.md
index 9cc334d129..bc56f5bab9 100644
--- a/components/tree-select/demo/suffix.md
+++ b/components/tree-select/demo/suffix.md
@@ -17,7 +17,7 @@ The most basic usage.
 ```jsx
 import { TreeSelect, Icon } from 'antd';
 
-const TreeNode = TreeSelect.TreeNode;
+const { TreeNode } = TreeSelect;
 const icon = <Icon type="smile" />;
 
 class Demo extends React.Component {
diff --git a/components/tree/demo/search.md b/components/tree/demo/search.md
index ff9682251d..5f47185c09 100644
--- a/components/tree/demo/search.md
+++ b/components/tree/demo/search.md
@@ -17,7 +17,7 @@ Searchable Tree.
 import { Tree, Input } from 'antd';
 
 const { TreeNode } = Tree;
-const Search = Input.Search;
+const { Search } = Input;
 
 const x = 3;
 const y = 2;
@@ -51,7 +51,7 @@ const dataList = [];
 const generateList = data => {
   for (let i = 0; i < data.length; i++) {
     const node = data[i];
-    const key = node.key;
+    const { key } = node;
     dataList.push({ key, title: key });
     if (node.children) {
       generateList(node.children);
@@ -90,7 +90,7 @@ class SearchTree extends React.Component {
   };
 
   onChange = e => {
-    const value = e.target.value;
+    const { value } = e.target;
     const expandedKeys = dataList
       .map(item => {
         if (item.title.indexOf(value) > -1) {
diff --git a/components/upload/demo/avatar.md b/components/upload/demo/avatar.md
index aaff1d9497..ca9013a98c 100644
--- a/components/upload/demo/avatar.md
+++ b/components/upload/demo/avatar.md
@@ -66,7 +66,7 @@ class Avatar extends React.Component {
         <div className="ant-upload-text">Upload</div>
       </div>
     );
-    const imageUrl = this.state.imageUrl;
+    const { imageUrl } = this.state;
     return (
       <Upload
         name="avatar"
diff --git a/components/upload/demo/drag.md b/components/upload/demo/drag.md
index 4cd0394da6..7ff2866b96 100644
--- a/components/upload/demo/drag.md
+++ b/components/upload/demo/drag.md
@@ -20,14 +20,14 @@ We can upload serveral files at once in modern browsers by giving the input the
 ```jsx
 import { Upload, Icon, message } from 'antd';
 
-const Dragger = Upload.Dragger;
+const { Dragger } = Upload;
 
 const props = {
   name: 'file',
   multiple: true,
   action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',
   onChange(info) {
-    const status = info.file.status;
+    const { status } = info.file;
     if (status !== 'uploading') {
       console.log(info.file, info.fileList);
     }
diff --git a/docs/react/faq.en-US.md b/docs/react/faq.en-US.md
index 01953e1eda..f0d0193c7f 100644
--- a/docs/react/faq.en-US.md
+++ b/docs/react/faq.en-US.md
@@ -117,7 +117,7 @@ Like [the explaination](https://github.com/ant-design/ant-design/issues/11586#is
 
 ##### Workaround
 
-You can refer to [this article](https://juejin.im/post/5cf65c366fb9a07eca6968f9) or [this article](https://www.cnblogs.com/zyl-Tara/p/10197177.html), using  `mode` and `onPanelChange` to encapsulate a `YearPicker` or `MonthRangePicker` for your needs. Or you can wait for our [antd@4.0](https://github.com/ant-design/ant-design/issues/16911), in which we are planing to [add more XxxPickers](https://github.com/ant-design/ant-design/issues/4524#issuecomment-480576884) for those requirments.
+You can refer to [this article](https://juejin.im/post/5cf65c366fb9a07eca6968f9) or [this article](https://www.cnblogs.com/zyl-Tara/p/10197177.html), using `mode` and `onPanelChange` to encapsulate a `YearPicker` or `MonthRangePicker` for your needs. Or you can wait for our [antd@4.0](https://github.com/ant-design/ant-design/issues/16911), in which we are planing to [add more XxxPickers](https://github.com/ant-design/ant-design/issues/4524#issuecomment-480576884) for those requirments.
 
 ### How to spell Ant Design correctly?
 
diff --git a/renovate.json b/renovate.json
index 5fcce11213..042ab22ce6 100644
--- a/renovate.json
+++ b/renovate.json
@@ -1,6 +1,3 @@
 {
-  "extends": [
-    "config:base",
-    ":preserveSemverRanges"
-  ]
+  "extends": ["config:base", ":preserveSemverRanges"]
 }
diff --git a/scripts/check-commit.js b/scripts/check-commit.js
index f3000a61c4..911d92fe77 100755
--- a/scripts/check-commit.js
+++ b/scripts/check-commit.js
@@ -43,7 +43,9 @@ async function checkCommit({ files }) {
 async function checkRemote() {
   const { remote } = await git.fetch('origin', 'master');
   if (remote.indexOf('ant-design/ant-design') === -1) {
-    console.log(chalk.yellow('😓 Your remote origin is not ant-design/ant-design, did you fork it?'));
+    console.log(
+      chalk.yellow('😓 Your remote origin is not ant-design/ant-design, did you fork it?'),
+    );
     exitProcess();
   }
 }
diff --git a/site/theme/template/IconDisplay/index.tsx b/site/theme/template/IconDisplay/index.tsx
index 66673c796b..a23853394d 100644
--- a/site/theme/template/IconDisplay/index.tsx
+++ b/site/theme/template/IconDisplay/index.tsx
@@ -99,7 +99,12 @@ class IconDisplay extends React.Component<IconDisplayProps, IconDisplayState> {
     return (
       <>
         <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-          <Radio.Group value={this.state.theme} onChange={this.handleChangeTheme} size="large" buttonStyle="solid">
+          <Radio.Group
+            value={this.state.theme}
+            onChange={this.handleChangeTheme}
+            size="large"
+            buttonStyle="solid"
+          >
             <Radio.Button value="outlined">
               <Icon component={OutlinedIcon} /> {messages['app.docs.components.icon.outlined']}
             </Radio.Button>
diff --git a/site/theme/template/IconDisplay/themeIcons.tsx b/site/theme/template/IconDisplay/themeIcons.tsx
index cea4eddcff..8e2194b0d5 100644
--- a/site/theme/template/IconDisplay/themeIcons.tsx
+++ b/site/theme/template/IconDisplay/themeIcons.tsx
@@ -7,7 +7,7 @@ export const FilledIcon: React.SFC<CustomIconComponentProps> = props => {
     '704c0 53 43 96 96 96h704c53 0 96-43 96-96V16' +
     '0c0-53-43-96-96-96z';
   return (
-    <svg {...props as any} viewBox="0 0 1024 1024">
+    <svg {...(props as any)} viewBox="0 0 1024 1024">
       <path d={path} />
     </svg>
   );
@@ -21,7 +21,7 @@ export const OutlinedIcon: React.SFC<CustomIconComponentProps> = props => {
     '12-12V172c0-6.6 5.4-12 12-12h680c6.6 0 12 5.4' +
     ' 12 12v680c0 6.6-5.4 12-12 12z';
   return (
-    <svg {...props as any} viewBox="0 0 1024 1024">
+    <svg {...(props as any)} viewBox="0 0 1024 1024">
       <path d={path} />
     </svg>
   );
@@ -34,7 +34,7 @@ export const TwoToneIcon: React.SFC<CustomIconComponentProps> = props => {
     '066 16 512z m496 368V144c203.41 0 368 164.622 3' +
     '68 368 0 203.41-164.622 368-368 368z';
   return (
-    <svg {...props as any} viewBox="0 0 1024 1024">
+    <svg {...(props as any)} viewBox="0 0 1024 1024">
       <path d={path} />
     </svg>
   );

From ee1b5975e4c3356b341e68a40ed42b2bbfe8ef5b Mon Sep 17 00:00:00 2001
From: wtzeng1 <wentao_zeng1@163.com>
Date: Wed, 19 Jun 2019 21:34:01 +0800
Subject: [PATCH 04/38] fix(Doc): remove useless option in API Doc for Table
 component

---
 components/table/demo/row-selection-custom.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/table/demo/row-selection-custom.md b/components/table/demo/row-selection-custom.md
index 1a4501b240..cd3e4aeafc 100644
--- a/components/table/demo/row-selection-custom.md
+++ b/components/table/demo/row-selection-custom.md
@@ -96,7 +96,6 @@ class App extends React.Component {
           },
         },
       ],
-      onSelection: this.onSelection,
     };
     return <Table rowSelection={rowSelection} columns={columns} dataSource={data} />;
   }

From f0ed471709f60acfb9602bca00e30a91cf400b6e Mon Sep 17 00:00:00 2001
From: yoyo837 <yoyo837@hotmail.com>
Date: Thu, 20 Jun 2019 11:45:28 +0800
Subject: [PATCH 05/38] =?UTF-8?q?=E4=BD=BF=E6=93=8D=E7=BA=B5=E6=9D=86?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E5=8D=8A=E8=BE=B9=E4=B9=9F=E5=8F=AF=E4=BB=A5?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/table/demo/resizable-column.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/table/demo/resizable-column.md b/components/table/demo/resizable-column.md
index e904bd5c54..e13d4a7f03 100644
--- a/components/table/demo/resizable-column.md
+++ b/components/table/demo/resizable-column.md
@@ -131,5 +131,6 @@ ReactDOM.render(<Demo />, mountNode);
   bottom: 0;
   right: -5px;
   cursor: col-resize;
+  z-index: 1;
 }
 ```

From 817df6f295e2862a559430db87340f3678f1bf8e Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Thu, 20 Jun 2019 12:02:13 +0800
Subject: [PATCH 06/38] remove text-mask from recommand

---
 docs/react/recommendation.en-US.md | 1 -
 docs/react/recommendation.zh-CN.md | 1 -
 2 files changed, 2 deletions(-)

diff --git a/docs/react/recommendation.en-US.md b/docs/react/recommendation.en-US.md
index a26778d926..bcfb3161dc 100644
--- a/docs/react/recommendation.en-US.md
+++ b/docs/react/recommendation.en-US.md
@@ -32,7 +32,6 @@ title: Third-Party Libraries
 | Split View | [react-split-pane](https://github.com/tomkp/react-split-pane) |
 | Image Crop | [react-image-crop](https://github.com/DominicTobias/react-image-crop) |
 | Trend Lines | [react-sparklines](https://github.com/borisyankov/react-sparklines) |
-| Formatted Input | [text-mask](https://github.com/text-mask/text-mask) |
 | Keywords highlight | [react-highlight-words](https://github.com/bvaughn/react-highlight-words) |
 | Animation | [react-move](https://github.com/react-tools/react-move) [Ant Motion](https://motion.ant.design/components/tween-one) [react-spring](https://www.react-spring.io) |
 
diff --git a/docs/react/recommendation.zh-CN.md b/docs/react/recommendation.zh-CN.md
index 4e8969a1ee..171de62636 100644
--- a/docs/react/recommendation.zh-CN.md
+++ b/docs/react/recommendation.zh-CN.md
@@ -32,7 +32,6 @@ title: 社区精选组件
 | 分割面板 | [react-split-pane](https://github.com/tomkp/react-split-pane) |
 | 图片裁切 | [react-image-crop](https://github.com/DominicTobias/react-image-crop) |
 | 趋势线 | [react-sparklines](https://github.com/borisyankov/react-sparklines) |
-| 格式化输入 | [text-mask](https://github.com/text-mask/text-mask) |
 | 关键字高亮 | [react-highlight-words](https://github.com/bvaughn/react-highlight-words) |
 | 动画 | [react-move](https://github.com/react-tools/react-move) [Ant Motion](https://motion.ant.design/components/tween-one) [react-spring](https://www.react-spring.io) |
 

From e2732eea1e8f45b917239c094430612aeb0b9b4e Mon Sep 17 00:00:00 2001
From: zombieJ <smith3816@gmail.com>
Date: Thu, 20 Jun 2019 15:32:53 +0800
Subject: [PATCH 07/38] add fix css (#17198)

---
 components/table/demo/resizable-column.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/table/demo/resizable-column.md b/components/table/demo/resizable-column.md
index e13d4a7f03..5277e1cc48 100644
--- a/components/table/demo/resizable-column.md
+++ b/components/table/demo/resizable-column.md
@@ -122,6 +122,7 @@ ReactDOM.render(<Demo />, mountNode);
 ```css
 #components-table-demo-resizable-column .react-resizable {
   position: relative;
+  background-clip: padding-box;
 }
 
 #components-table-demo-resizable-column .react-resizable-handle {

From ee21b1c210991a0bfc7ed1508561dbac74488a78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 20 Jun 2019 19:31:59 +0800
Subject: [PATCH 08/38] fix #17046, breadcrumbs will always show

---
 components/page-header/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/page-header/index.tsx b/components/page-header/index.tsx
index afc5d14c5e..b25044a7fa 100644
--- a/components/page-header/index.tsx
+++ b/components/page-header/index.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react';
+import classnames from 'classnames';
+
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import Icon from '../icon';
-import classnames from 'classnames';
-import { BreadcrumbProps } from '../breadcrumb';
 import Divider from '../divider';
 import Tag from '../tag';
-import Breadcrumb from '../breadcrumb';
+import Breadcrumb, { BreadcrumbProps } from '../breadcrumb';
 import TransButton from '../_util/transButton';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 
@@ -59,7 +59,7 @@ const renderBreadcrumb = (breadcrumb: BreadcrumbProps) => {
 
 const renderHeader = (prefixCls: string, props: PageHeaderProps) => {
   const { breadcrumb, backIcon, onBack } = props;
-  if (breadcrumb && breadcrumb.routes && breadcrumb.routes.length >= 2) {
+  if (breadcrumb && breadcrumb.routes) {
     return renderBreadcrumb(breadcrumb);
   }
   return renderBack(prefixCls, backIcon, onBack);

From 7e548e4de73d6e13442e0220ed0a50d4853d5c43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Thu, 20 Jun 2019 19:45:13 +0800
Subject: [PATCH 09/38] add new test

when breadcrumb lenght=1, pageHeader should have breadcrumb
---
 components/page-header/__tests__/index.test.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/components/page-header/__tests__/index.test.js b/components/page-header/__tests__/index.test.js
index 805fd1a628..4d3f454a80 100644
--- a/components/page-header/__tests__/index.test.js
+++ b/components/page-header/__tests__/index.test.js
@@ -21,6 +21,19 @@ describe('PageHeader', () => {
     const wrapper = mount(<PageHeader title="Page Title" breadcrumb={{ routes }} />);
     expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
   });
+
+  it('pageHeader should have breadcrumb', () => {
+    const routes = [
+      {
+        path: 'index',
+        breadcrumbName: 'First-level Menu',
+      },
+    ];
+    const wrapper = mount(<PageHeader title="Page Title" breadcrumb={{ routes }} />);
+    expect(wrapper.find('.ant-breadcrumb')).toHaveLength(1);
+    expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);
+  });
+
   it('pageHeader should no contain back', () => {
     const wrapper = mount(<PageHeader title="Page Title" backIcon={false} />);
     expect(wrapper.find('.ant-page-header-back')).toHaveLength(0);

From c3d3b10cabc3590e478d2dfe420fbe8334c3d91f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 00:16:25 +0800
Subject: [PATCH 10/38] :memo: Improve docs about tree shaking

---
 docs/react/customize-theme.en-US.md           |  2 +-
 docs/react/faq.en-US.md                       |  6 +++---
 docs/react/faq.zh-CN.md                       |  6 +++---
 docs/react/getting-started.en-US.md           |  8 ++++----
 docs/react/getting-started.zh-CN.md           | 10 +++++-----
 docs/react/i18n.en-US.md                      |  2 +-
 docs/react/i18n.zh-CN.md                      |  2 +-
 docs/react/introduce.en-US.md                 |  8 +++++---
 docs/react/introduce.zh-CN.md                 |  8 +++++---
 docs/react/use-in-typescript.en-US.md         |  4 ++--
 docs/react/use-in-typescript.zh-CN.md         |  4 ++--
 docs/react/use-with-create-react-app.en-US.md |  6 ++++--
 docs/react/use-with-create-react-app.zh-CN.md |  6 ++++--
 docs/spec/colors.en-US.md                     |  2 +-
 docs/spec/colors.zh-CN.md                     |  2 +-
 15 files changed, 42 insertions(+), 34 deletions(-)

diff --git a/docs/react/customize-theme.en-US.md b/docs/react/customize-theme.en-US.md
index 04cb08f06d..2b2b4fddf6 100644
--- a/docs/react/customize-theme.en-US.md
+++ b/docs/react/customize-theme.en-US.md
@@ -113,7 +113,7 @@ It's possible to configure webpack to load an alternate less file:
 ```ts
 new webpack.NormalModuleReplacementPlugin( /node_modules\/antd\/lib\/style\/index\.less/, path.resolve(rootDir, 'src/myStylesReplacement.less') )
 
-#antd { @import '~antd/lib/style/core/index.less'; @import '~antd/lib/style/themes/default.less'; }
+#antd { @import '~antd/es/style/core/index.less'; @import '~antd/es/style/themes/default.less'; }
 ```
 
 Where the src/myStylesReplacement.less file loads the same files as the index.less file, but loads them within the scope of a top-level selector : the result is that all of the "global" styles are being applied with the #antd scope.
diff --git a/docs/react/faq.en-US.md b/docs/react/faq.en-US.md
index f0d0193c7f..5baf1b503a 100644
--- a/docs/react/faq.en-US.md
+++ b/docs/react/faq.en-US.md
@@ -13,7 +13,7 @@ No, actually, you can convert Less to Sass/Stylus(etc...) with tools (which you
 
 ### `Select Dropdown DatePicker TimePicker Popover Popconfirm` disappear when I click another popup component inside it, How to resolve it?
 
-This has been fixed since 3.11.x. If you're still using old version, you can use `<Select getPopupContainer={trigger => trigger.parentNode}>` to render component inside Popover. (Or other getXxxxContainer props)
+This has been fixed since `3.11.x`. If you're still using old version, you can use `<Select getPopupContainer={trigger => trigger.parentNode}>` to render component inside Popover. (Or other getXxxxContainer props)
 
 https://ant.design/components/select/#Select-props
 
@@ -44,8 +44,8 @@ You can override its style, but we don't recommend doing so. antd is not only a
 Try [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), or import what you need in this way:
 
 ```jsx
-import Menu from 'antd/lib/menu';
-import 'antd/lib/menu/style/css';
+import Menu from 'antd/es/menu';
+import 'antd/es/menu/style/css';
 ```
 
 or (ES6 way with tree shaking):
diff --git a/docs/react/faq.zh-CN.md b/docs/react/faq.zh-CN.md
index 086a6be067..089752b539 100644
--- a/docs/react/faq.zh-CN.md
+++ b/docs/react/faq.zh-CN.md
@@ -13,7 +13,7 @@ title: FAQ
 
 ### 当我点击 `Select Dropdown DatePicker TimePicker Popover Popconfirm` 内的另一个 popup 组件时它会消失，如何解决？
 
-该问题在 3.11.0 后已经解决。如果你仍在使用旧版本，你可以通过 `<Select getPopupContainer={trigger => trigger.parentNode}>` 来在 Popover 中渲染组件，或者使用其他的 getXxxxContainer 参数。
+该问题在 `3.11.0` 后已经解决。如果你仍在使用旧版本，你可以通过 `<Select getPopupContainer={trigger => trigger.parentNode}>` 来在 Popover 中渲染组件，或者使用其他的 getXxxxContainer 参数。
 
 https://ant.design/components/select/#Select-props
 
@@ -44,8 +44,8 @@ https://ant.design/components/select/#Select-props
 试试 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)，或者用下面这种方式来按需加载：
 
 ```jsx
-import Menu from 'antd/lib/menu';
-import 'antd/lib/menu/style/css';
+import Menu from 'antd/es/menu';
+import 'antd/es/menu/style/css';
 ```
 
 或者（ES6 支持的 tree shaking 方式）：
diff --git a/docs/react/getting-started.en-US.md b/docs/react/getting-started.en-US.md
index 18193c00fd..ea5bfff19f 100755
--- a/docs/react/getting-started.en-US.md
+++ b/docs/react/getting-started.en-US.md
@@ -135,13 +135,13 @@ You are using a whole package of antd, please use https://www.npmjs.com/package/
 However, we can import individual components on demand:
 
 ```jsx
-import Button from 'antd/lib/button';
-import 'antd/lib/button/style'; // or antd/lib/button/style/css for css format file
+import Button from 'antd/es/button';
+import 'antd/es/button/style'; // or antd/es/button/style/css for css format file
 ```
 
-> `antd/es/button` to import es version module for tree shaking.
+> Note: antd support ES6 tree shaking, so `import { Button } from 'antd';` will drop the js code you don't use too.
 
-We strongly recommend using [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), which can convert the following code to the 'antd/lib/xxx' way:
+We strongly recommend using [babel-plugin-import](https://github.com/ant-design/babel-plugin-import), which can convert the following code to the 'antd/es/xxx' way:
 
 ```jsx
 import { Button } from 'antd';
diff --git a/docs/react/getting-started.zh-CN.md b/docs/react/getting-started.zh-CN.md
index bfc231bb1d..6f724f5c45 100755
--- a/docs/react/getting-started.zh-CN.md
+++ b/docs/react/getting-started.zh-CN.md
@@ -28,7 +28,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { LocaleProvider, DatePicker, message } from 'antd';
 // 由于 antd 组件的默认文案是英文，所以需要修改为中文
-import zhCN from 'antd/lib/locale-provider/zh_CN';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
 import 'antd/dist/antd.css';
@@ -140,11 +140,11 @@ You are using a whole package of antd, please use https://www.npmjs.com/package/
 可以通过以下的写法来按需加载组件。
 
 ```jsx
-import Button from 'antd/lib/button';
-import 'antd/lib/button/style'; // 或者 antd/lib/button/style/css 加载 css 文件
+import Button from 'antd/es/button';
+import 'antd/es/button/style'; // 或者 antd/es/button/style/css 加载 css 文件
 ```
 
-> `antd/es/button` 可以加载 ES 版本的模块，方便进一步 Tree Shake.
+> 注意：antd 默认支持基于 ES module 的 tree shaking，对于 js 部分，直接引入 `import { Button } from 'antd'` 也会有按需加载的效果。
 
 如果你使用了 babel，那么可以使用 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) 来进行按需加载，加入这个插件后。你可以仍然这么写：
 
@@ -152,7 +152,7 @@ import 'antd/lib/button/style'; // 或者 antd/lib/button/style/css 加载 css 
 import { Button } from 'antd';
 ```
 
-插件会帮你转换成 `antd/lib/xxx` 的写法。另外此插件配合 [style](https://github.com/ant-design/babel-plugin-import#usage) 属性可以做到模块样式的按需自动加载。
+插件会帮你转换成 `antd/es/xxx` 的写法。另外此插件配合 [style](https://github.com/ant-design/babel-plugin-import#usage) 属性可以做到模块样式的按需自动加载。
 
 > 注意，babel-plugin-import 的 `style` 属性除了引入对应组件的样式，也会引入一些必要的全局样式。如果你不需要它们，建议不要使用此属性。你可以 `import 'antd/dist/antd.css'` 手动引入，并覆盖全局样式。
 
diff --git a/docs/react/i18n.en-US.md b/docs/react/i18n.en-US.md
index 46c1af0e5d..fb6d6627cb 100644
--- a/docs/react/i18n.en-US.md
+++ b/docs/react/i18n.en-US.md
@@ -11,7 +11,7 @@ antd provides a React Component [LocaleProvider](/components/locale-provider) fo
 
 ```jsx
 import { LocaleProvider } from 'antd';
-import frFR from 'antd/lib/locale-provider/fr_FR';
+import frFR from 'antd/es/locale-provider/fr_FR';
 
 return (
   <LocaleProvider locale={frFR}>
diff --git a/docs/react/i18n.zh-CN.md b/docs/react/i18n.zh-CN.md
index a5c07cd0e2..b337837f46 100644
--- a/docs/react/i18n.zh-CN.md
+++ b/docs/react/i18n.zh-CN.md
@@ -10,7 +10,7 @@ title: 国际化
 antd 提供了一个 React 组件 [LocaleProvider](/components/locale-provider) 用于全局配置国际化文案。
 
 ```jsx
-import zhCN from 'antd/lib/locale-provider/zh_CN';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 
 return (
   <LocaleProvider locale={zhCN}>
diff --git a/docs/react/introduce.en-US.md b/docs/react/introduce.en-US.md
index c2defcfca7..ca23d9ba3c 100644
--- a/docs/react/introduce.en-US.md
+++ b/docs/react/introduce.en-US.md
@@ -85,6 +85,8 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
 
 ### Use modularized antd
 
+> Note: antd support ES6 tree shaking by default even without the below plugin.
+
 - Use [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) (Recommended)
 
   ```js
@@ -106,9 +108,9 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
 - Manually import
 
   ```jsx
-  import DatePicker from 'antd/lib/date-picker'; // for js
-  import 'antd/lib/date-picker/style/css'; // for css
-  // import 'antd/lib/date-picker/style';         // that will import less
+  import DatePicker from 'antd/es/date-picker'; // for js
+  import 'antd/es/date-picker/style/css'; // for css
+  // import 'antd/es/date-picker/style';         // that will import less
   ```
 
 ### TypeScript
diff --git a/docs/react/introduce.zh-CN.md b/docs/react/introduce.zh-CN.md
index 4ff065983a..7ce39323c4 100644
--- a/docs/react/introduce.zh-CN.md
+++ b/docs/react/introduce.zh-CN.md
@@ -85,6 +85,8 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
 
 ### 按需加载
 
+> 注意：antd 默认支持基于 ES module 的 tree shaking，不使用以下插件也会有按需加载的效果。
+
 下面两种方式都可以只加载用到的组件。
 
 - 使用 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)（推荐）。
@@ -112,9 +114,9 @@ import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
 - 手动引入
 
   ```jsx
-  import DatePicker from 'antd/lib/date-picker'; // 加载 JS
-  import 'antd/lib/date-picker/style/css'; // 加载 CSS
-  // import 'antd/lib/date-picker/style';         // 加载 LESS
+  import DatePicker from 'antd/es/date-picker'; // 加载 JS
+  import 'antd/es/date-picker/style/css'; // 加载 CSS
+  // import 'antd/es/date-picker/style';         // 加载 LESS
   ```
 
 ## 链接
diff --git a/docs/react/use-in-typescript.en-US.md b/docs/react/use-in-typescript.en-US.md
index a6a77235c2..39f0730af9 100644
--- a/docs/react/use-in-typescript.en-US.md
+++ b/docs/react/use-in-typescript.en-US.md
@@ -42,7 +42,7 @@ Modify `src/App.tsx`, import Button component from `antd`.
 
 ```jsx
 import React, { Component } from 'react';
-import Button from 'antd/lib/button';
+import Button from 'antd/es/button';
 import './App.css';
 
 class App extends Component {
@@ -134,7 +134,7 @@ Remove the `@import '~antd/dist/antd.css';` statement added before because `babe
 ```diff
   // src/App.js
   import React, { Component } from 'react';
-- import Button from 'antd/lib/button';
+- import Button from 'antd/es/button';
 + import { Button } from 'antd';
   import './App.css';
 
diff --git a/docs/react/use-in-typescript.zh-CN.md b/docs/react/use-in-typescript.zh-CN.md
index 09db1d6d1f..631732ce93 100644
--- a/docs/react/use-in-typescript.zh-CN.md
+++ b/docs/react/use-in-typescript.zh-CN.md
@@ -42,7 +42,7 @@ $ yarn add antd
 
 ```jsx
 import React, { Component } from 'react';
-import Button from 'antd/lib/button';
+import Button from 'antd/es/button';
 import './App.css';
 
 class App extends Component {
@@ -134,7 +134,7 @@ $ yarn add babel-plugin-import
 ```diff
   // src/App.tsx
   import React, { Component } from 'react';
-- import Button from 'antd/lib/button';
+- import Button from 'antd/es/button';
 + import { Button } from 'antd';
   import './App.css';
 
diff --git a/docs/react/use-with-create-react-app.en-US.md b/docs/react/use-with-create-react-app.en-US.md
index 978a3797a2..8064f5906c 100644
--- a/docs/react/use-with-create-react-app.en-US.md
+++ b/docs/react/use-with-create-react-app.en-US.md
@@ -56,7 +56,7 @@ Modify `src/App.js`, import Button component from `antd`.
 
 ```jsx
 import React, { Component } from 'react';
-import Button from 'antd/lib/button';
+import Button from 'antd/es/button';
 import './App.css';
 
 class App extends Component {
@@ -121,6 +121,8 @@ module.exports = function override(config, env) {
 
 ### Use babel-plugin-import
 
+> Note: antd support ES6 tree shaking by default even without this babel plugin for js part.
+
 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) is a babel plugin for importing components on demand ([How does it work?](/docs/react/getting-started#Import-on-Demand)). We are now trying to install it and modify `config-overrides.js`.
 
 ```bash
@@ -148,7 +150,7 @@ Remove the `@import '~antd/dist/antd.css';` statement added before because `babe
 ```diff
   // src/App.js
   import React, { Component } from 'react';
-- import Button from 'antd/lib/button';
+- import Button from 'antd/es/button';
 + import { Button } from 'antd';
   import './App.css';
 
diff --git a/docs/react/use-with-create-react-app.zh-CN.md b/docs/react/use-with-create-react-app.zh-CN.md
index bc894b956f..66399977d7 100644
--- a/docs/react/use-with-create-react-app.zh-CN.md
+++ b/docs/react/use-with-create-react-app.zh-CN.md
@@ -56,7 +56,7 @@ $ yarn add antd
 
 ```jsx
 import React, { Component } from 'react';
-import Button from 'antd/lib/button';
+import Button from 'antd/es/button';
 import './App.css';
 
 class App extends Component {
@@ -121,6 +121,8 @@ module.exports = function override(config, env) {
 
 ### 使用 babel-plugin-import
 
+> 注意：antd 默认支持基于 ES module 的 tree shaking，js 代码部分不使用这个插件也会有按需加载的效果。
+
 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import) 是一个用于按需加载组件代码和样式的 babel 插件（[原理](/docs/react/getting-started#按需加载)），现在我们尝试安装它并修改 `config-overrides.js` 文件。
 
 ```bash
@@ -148,7 +150,7 @@ $ yarn add babel-plugin-import
 ```diff
   // src/App.js
   import React, { Component } from 'react';
-- import Button from 'antd/lib/button';
+- import Button from 'antd/es/button';
 + import { Button } from 'antd';
   import './App.css';
 
diff --git a/docs/spec/colors.en-US.md b/docs/spec/colors.en-US.md
index e8081254cb..e6c51796c9 100644
--- a/docs/spec/colors.en-US.md
+++ b/docs/spec/colors.en-US.md
@@ -59,7 +59,7 @@ We provide Less and JavaScript usage for developers.
 - **Less**
 
   ```less
-  @import '~antd/lib/style/themes/default.less', .selector {
+  @import '~antd/es/style/themes/default.less', .selector {
     color: @blue-5;
     background-color: @gold-2;
   }
diff --git a/docs/spec/colors.zh-CN.md b/docs/spec/colors.zh-CN.md
index cea69b1a66..f0f0acc54c 100644
--- a/docs/spec/colors.zh-CN.md
+++ b/docs/spec/colors.zh-CN.md
@@ -67,7 +67,7 @@ ReactDOM.render(<ColorPaletteTool />, mountNode);
 - **Less**
 
   ```less
-  @import '~antd/lib/style/themes/default.less', .selector {
+  @import '~antd/es/style/themes/default.less', .selector {
     color: @blue-5;
     background-color: @gold-2;
   }

From b1d84253847f3925f42f21cb333dee13a474af72 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 00:28:33 +0800
Subject: [PATCH 11/38] :memo: document about autoInsertSpaceInButton

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

diff --git a/components/button/index.en-US.md b/components/button/index.en-US.md
index 9cbe3b1577..3191e595a9 100644
--- a/components/button/index.en-US.md
+++ b/components/button/index.en-US.md
@@ -31,15 +31,13 @@ To get a customized button, just set `type`/`shape`/`size`/`loading`/`disabled`.
 
 It accepts all props which native button support.
 
-`<Button>Hello world!</Button>` will be rendered into `<button><span>Hello world!</span></button>`, and all the properties which are not listed above will be transferred to the `<button>` tag.
-
-`<Button href="http://example.com">Hello world!</Button>` will be rendered into `<a href="http://example.com"><span>Hello world!</span></a>`.
-
 ## FAQ
 
-### How to remove space between 2 chinese characters
+### How to remove space between 2 chinese characters?
 
-Use [ConfigProvider](/components/config-provider/#API) to set `autoInsertSpaceInButton` as `false`.
+Following Ant Design specification, we will add one space between if Button contains two chinese characters only. If you don't need that, you can use [ConfigProvider](/components/config-provider/#API) to set `autoInsertSpaceInButton` as `false`.
+
+![](https://gw.alipayobjects.com/zos/antfincdn/Hz5HL9gsT4/f29f170d-b78d-4d2b-aa71-0da6a9ead4d9.png)
 
 <style>
 [id^=components-button-demo-] .ant-btn {
diff --git a/components/button/index.zh-CN.md b/components/button/index.zh-CN.md
index c443114df2..fc100d36a3 100644
--- a/components/button/index.zh-CN.md
+++ b/components/button/index.zh-CN.md
@@ -34,15 +34,13 @@ subtitle: 按钮
 
 支持原生 button 的其他所有属性。
 
-`<Button>Hello world!</Button>` 最终会被渲染为 `<button><span>Hello world!</span></button>`，并且除了上表中的属性，其它属性都会直接传到原生 button 上。
-
-`<Button href="http://example.com">Hello world!</Button>` 则会渲染为 `<a href="http://example.com"><span>Hello world!</span></a>`。
-
 ## FAQ
 
-### 如何移除 2 个汉字之间的空格
+### 如何移除两个汉字之间的空格？
 
-设置 [ConfigProvider](/components/config-provider/#API) 的 `autoInsertSpaceInButton` 为 `false`。
+根据 Ant Design 设计规范要求，我们会在按钮内只有两个汉字时自动添加空格，如果你不需要这个特性，可以设置 [ConfigProvider](/components/config-provider/#API) 的 `autoInsertSpaceInButton` 为 `false`。
+
+![](https://gw.alipayobjects.com/zos/antfincdn/Hz5HL9gsT4/f29f170d-b78d-4d2b-aa71-0da6a9ead4d9.png)
 
 <style>
 [id^="components-button-demo-"] .ant-btn {

From e08534e6c4be3cd0a50d5a57abc5543456d90eed Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Fri, 21 Jun 2019 11:08:35 +0800
Subject: [PATCH 12/38] update docs

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

diff --git a/components/progress/index.en-US.md b/components/progress/index.en-US.md
index c788f7e5e2..0184fc7c2f 100644
--- a/components/progress/index.en-US.md
+++ b/components/progress/index.en-US.md
@@ -23,7 +23,7 @@ Properties that shared by all types.
 | format | template function of the content | function(percent, successPercent) | `percent => percent + '%'` |
 | percent | to set the completion percentage | number | 0 |
 | showInfo | whether to display the progress value and the status icon | boolean | true |
-| status | to set the status of the Progress, options: `success` `exception` `active` `normal` | string | - |
+| status | to set the status of the Progress, options: `success` `exception` `normal` `active`(line only) | string | - |
 | strokeLinecap | to set the style of the progress linecap | Enum{ 'round', 'square' } | `round` |
 | strokeColor | color of progress bar | string | - |
 | successPercent | segmented success percent | number | 0 |
diff --git a/components/progress/index.zh-CN.md b/components/progress/index.zh-CN.md
index cc629b30f7..26924df2dc 100644
--- a/components/progress/index.zh-CN.md
+++ b/components/progress/index.zh-CN.md
@@ -24,7 +24,7 @@ title: Progress
 | format | 内容的模板函数 | function(percent, successPercent) | `percent => percent + '%'` |
 | percent | 百分比 | number | 0 |
 | showInfo | 是否显示进度数值或状态图标 | boolean | true |
-| status | 状态，可选：`success` `exception` `active` `normal` | string | - |
+| status | 状态，可选：`success` `exception` `normal` `active`(仅限 line) | string | - |
 | strokeLinecap |  | Enum{ 'round', 'square' } | `round` |
 | strokeColor | 进度条的色彩 | string | - |
 | successPercent | 已完成的分段百分比 | number | 0 |

From d65fdac58a20f179fa984e18a5147b1157134e40 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 12:29:05 +0800
Subject: [PATCH 13/38] :zap: use polyfill service

---
 site/theme/static/template.html | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/site/theme/static/template.html b/site/theme/static/template.html
index 8b90342a8e..9c6dd7e496 100644
--- a/site/theme/static/template.html
+++ b/site/theme/static/template.html
@@ -23,11 +23,7 @@
       }
     </style>
     <link rel="stylesheet/less" type="text/css" href="{{ root }}color.less" />
-    <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]-->
-    <script src="https://as.alipayobjects.com/g/component/intl/1.0.1/??Intl.min.js,locale-data/jsonp/en.js,locale-data/jsonp/zh.js"></script>
+    <script src="https://polyfill.alicdn.com/polyfill.min.js?features=default,es2015,fetch,matchMedia,Intl"></script>
     <script>
       (function() {
         function isLocalStorageNameSupported() {

From 07c85ea21ff0484f63cc08010a56420597b59715 Mon Sep 17 00:00:00 2001
From: Andrew Shini <superandrew213@users.noreply.github.com>
Date: Fri, 21 Jun 2019 15:49:01 +1000
Subject: [PATCH 14/38] fix: Clone only valid react child elements (#17207)

* Clone child only if it exists

child can be void | null | boolean | string | number | element.

* Add test
---
 .../__snapshots__/index.test.js.snap          | 117 ++++++++++++++++++
 .../descriptions/__tests__/index.test.js      |  15 +++
 components/descriptions/index.tsx             |   9 +-
 3 files changed, 138 insertions(+), 3 deletions(-)

diff --git a/components/descriptions/__tests__/__snapshots__/index.test.js.snap b/components/descriptions/__tests__/__snapshots__/index.test.js.snap
index 1d3ad5bcfc..96aafbf311 100644
--- a/components/descriptions/__tests__/__snapshots__/index.test.js.snap
+++ b/components/descriptions/__tests__/__snapshots__/index.test.js.snap
@@ -99,3 +99,120 @@ exports[`Descriptions column is number 1`] = `
   </div>
 </Descriptions>
 `;
+
+exports[`Descriptions when item is rendered conditionally 1`] = `
+<Descriptions
+  column={
+    Object {
+      "lg": 3,
+      "md": 3,
+      "sm": 2,
+      "xl": 3,
+      "xs": 1,
+      "xxl": 3,
+    }
+  }
+  size="default"
+>
+  <div
+    className="ant-descriptions"
+  >
+    <div
+      className="ant-descriptions-view"
+    >
+      <table>
+        <tbody>
+          <tr
+            className="ant-descriptions-row"
+            key="0"
+          >
+            <td
+              className="ant-descriptions-item"
+              colSpan={1}
+            >
+              <span
+                className="ant-descriptions-item-label"
+                key="label"
+              >
+                Product
+              </span>
+              <span
+                className="ant-descriptions-item-content"
+                key="content"
+              >
+                Cloud Database
+              </span>
+            </td>
+          </tr>
+          <tr
+            className="ant-descriptions-row"
+            key="1"
+          >
+            <td
+              className="ant-descriptions-item"
+              colSpan={1}
+            >
+              <span
+                className="ant-descriptions-item-label"
+                key="label"
+              >
+                Billing
+              </span>
+              <span
+                className="ant-descriptions-item-content"
+                key="content"
+              >
+                Prepaid
+              </span>
+            </td>
+          </tr>
+          <tr
+            className="ant-descriptions-row"
+            key="2"
+          >
+            <td
+              className="ant-descriptions-item"
+              colSpan={1}
+            >
+              <span
+                className="ant-descriptions-item-label"
+                key="label"
+              >
+                time
+              </span>
+              <span
+                className="ant-descriptions-item-content"
+                key="content"
+              >
+                18:00:00
+              </span>
+            </td>
+          </tr>
+          <tr
+            className="ant-descriptions-row"
+            key="3"
+          >
+            <td
+              className="ant-descriptions-item"
+              colSpan={1}
+            >
+              <span
+                className="ant-descriptions-item-label"
+                key="label"
+              >
+                Amount
+              </span>
+              <span
+                className="ant-descriptions-item-content"
+                key="content"
+              >
+                $80.00
+              </span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</Descriptions>
+`;
diff --git a/components/descriptions/__tests__/index.test.js b/components/descriptions/__tests__/index.test.js
index d99e4530d1..81ec9a8f1f 100644
--- a/components/descriptions/__tests__/index.test.js
+++ b/components/descriptions/__tests__/index.test.js
@@ -109,4 +109,19 @@ describe('Descriptions', () => {
       'Warning: [antd: Descriptions] Sum of column `span` in a line exceeds `column` of Descriptions.',
     );
   });
+
+  it('when item is rendered conditionally', () => {
+    const hasDiscount = false;
+    const wrapper = mount(
+      <Descriptions>
+        <Descriptions.Item label="Product">Cloud Database</Descriptions.Item>
+        <Descriptions.Item label="Billing">Prepaid</Descriptions.Item>
+        <Descriptions.Item label="time">18:00:00</Descriptions.Item>
+        <Descriptions.Item label="Amount">$80.00</Descriptions.Item>
+        {hasDiscount && <Descriptions.Item label="Discount">$20.00</Descriptions.Item>}
+      </Descriptions>,
+    );
+    expect(wrapper).toMatchSnapshot();
+    wrapper.unmount();
+  });
 });
diff --git a/components/descriptions/index.tsx b/components/descriptions/index.tsx
index 0351a0bfa2..fd0d131e2d 100644
--- a/components/descriptions/index.tsx
+++ b/components/descriptions/index.tsx
@@ -209,9 +209,12 @@ class Descriptions extends React.Component<
           const cloneChildren = React.Children.map(
             children,
             (child: React.ReactElement<DescriptionsItemProps>) => {
-              return React.cloneElement(child, {
-                prefixCls,
-              });
+              if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
+                  prefixCls,
+                });
+              }
+              return child;
             },
           );
 

From bdfd877f3a3146f459c99e45809d0477c2761802 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 15:20:01 +0800
Subject: [PATCH 15/38] :bug: Fix a Table scrollbar style in IE

when customize line-height of empty table

close #17175
---
 components/table/style/index.less | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/table/style/index.less b/components/table/style/index.less
index 5ec1764532..713b5847bf 100644
--- a/components/table/style/index.less
+++ b/components/table/style/index.less
@@ -22,7 +22,10 @@
   }
 
   &-empty &-body {
-    overflow: auto !important;
+    // https://github.com/ant-design/ant-design/issues/11135
+    overflow-x: auto !important;
+    // https://github.com/ant-design/ant-design/issues/17175
+    overflow-y: hidden !important;
   }
 
   table {
@@ -395,11 +398,13 @@
   &-placeholder {
     position: relative;
     z-index: 1;
+    margin-top: -1px;
     padding: @table-padding-vertical @table-padding-horizontal;
     color: @disabled-color;
     font-size: @font-size-base;
     text-align: center;
     background: @component-background;
+    border-top: @border-width-base @border-style-base @border-color-split;
     border-bottom: @border-width-base @border-style-base @border-color-split;
     border-radius: 0 0 @border-radius-base @border-radius-base;
     .@{iconfont-css-prefix} {

From 6ffef8393953ced65570c9c51c33cc9e21011841 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 17:04:07 +0800
Subject: [PATCH 16/38] :zap: fix polyfill.min.js

---
 site/theme/static/template.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/theme/static/template.html b/site/theme/static/template.html
index 9c6dd7e496..73b3697fd5 100644
--- a/site/theme/static/template.html
+++ b/site/theme/static/template.html
@@ -23,7 +23,7 @@
       }
     </style>
     <link rel="stylesheet/less" type="text/css" href="{{ root }}color.less" />
-    <script src="https://polyfill.alicdn.com/polyfill.min.js?features=default,es2015,fetch,matchMedia,Intl"></script>
+    <script src="https://polyfill.alicdn.com/polyfill.min.js?features=default,es2015,matchMedia"></script>
     <script>
       (function() {
         function isLocalStorageNameSupported() {

From 0ea94b9d68abb40578e8cf601dd101771db45407 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 17:52:28 +0800
Subject: [PATCH 17/38] :bug: Fix Modal 24px bottom area not trigger mask click

close #17226
---
 components/modal/style/modal.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/modal/style/modal.less b/components/modal/style/modal.less
index 7322507f28..656e677791 100644
--- a/components/modal/style/modal.less
+++ b/components/modal/style/modal.less
@@ -11,6 +11,7 @@
   width: auto;
   margin: 0 auto;
   padding-bottom: 24px;
+  pointer-events: none;
 
   &-wrap {
     position: fixed;
@@ -40,6 +41,7 @@
     border: 0;
     border-radius: @border-radius-base;
     box-shadow: @shadow-2;
+    pointer-events: auto;
   }
 
   &-close {

From ad39a9450d3d3dc2941c6380a5ab4d2fa4ff8bea Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 17:45:46 +0800
Subject: [PATCH 18/38] =?UTF-8?q?:bug:=20Fix=20Layout.Sider=E2=80=98s=20ze?=
 =?UTF-8?q?ro-width=20trigger=20z-index?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #17160
---
 components/layout/style/index.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index 0fab878680..98dfe47e52 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -96,6 +96,7 @@
         position: absolute;
         top: @layout-header-height;
         right: -@layout-zero-trigger-width;
+        z-index: 1;
         width: @layout-zero-trigger-width;
         height: @layout-zero-trigger-height;
         color: @layout-trigger-color;

From 6b83865a507f80a5ba4309688d508829200cf25c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 17:32:41 +0800
Subject: [PATCH 19/38] :memo: Release 3.19.7

---
 CHANGELOG.zh-CN.md | 13 +++++++++++++
 package.json       |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index daed3117f0..c67f2d2ac7 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,19 @@ timeline: true
 
 ---
 
+## 3.19.7
+
+`2019-06-21`
+
+- 🐞 修复 Descriptions 内无法嵌套空值的问题。[#17207](https://github.com/ant-design/ant-design/pull/17207) [@superandrew213](http://github.com/superandrew213)
+- 🐞 修复 Table 空数据表格在 IE 下的一个滚动条样式问题。[#17223](https://github.com/ant-design/ant-design/pull/17223)
+- 🐞 修复单个 Breadcrumb 未在 PageHeader 上显示的问题。[#17209](https://github.com/ant-design/ant-design/pull/17209)
+- 🐞 修复 Modal 底部 24px 像素遮罩区域无法触发关闭弹窗行为。[#17229](https://github.com/ant-design/ant-design/pull/17229)
+- 🐞 修复 Layout Sider 的展开按钮 `z-index` 太低的问题。[#17228](https://github.com/ant-design/ant-design/pull/17228)
+- TypeScript
+  - ⚡️ 使用 `unknown` 代替 `any` 优化 TypeScript 定义。[#14044](https://github.com/ant-design/ant-design/issues/14044) [@Zzzen](http://github.com/Zzzen)
+  - 🐞 修复 Calendar `headerRender` 属性为可选。[#17063](https://github.com/ant-design/ant-design/pull/17063) [@wonderjar](http://github.com/wonderjar)
+
 ## 3.19.6
 
 `2019-06-19`
diff --git a/package.json b/package.json
index 67057ae09b..799e3481cd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "3.19.6",
+  "version": "3.19.7",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React components implementation",
   "homepage": "http://ant.design/",

From 9b6fbfcb36dda40fcebfafac7d044fcfa909563c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 18:20:30 +0800
Subject: [PATCH 20/38] docs: upgrade about npm create umi

---
 docs/react/practical-projects.en-US.md | 2 +-
 docs/react/practical-projects.zh-CN.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/react/practical-projects.en-US.md b/docs/react/practical-projects.en-US.md
index 55d1383cdf..78dc79dd9b 100644
--- a/docs/react/practical-projects.en-US.md
+++ b/docs/react/practical-projects.en-US.md
@@ -24,7 +24,7 @@ $ cd myapp
 
 It is recommended to use yarn to create an application and execute the following command.
 
-> If you insist on using npm, execute `npm install -g create-umi && create-umi` and the effect will be the same.
+> If you are using npm, execute `npm create umi` and the effect will be the same.
 
 ```bash
 $ yarn create umi
diff --git a/docs/react/practical-projects.zh-CN.md b/docs/react/practical-projects.zh-CN.md
index ccd191e9f3..006129b45b 100644
--- a/docs/react/practical-projects.zh-CN.md
+++ b/docs/react/practical-projects.zh-CN.md
@@ -24,7 +24,7 @@ $ cd myapp
 
 推荐使用 yarn 创建应用，执行以下命令，
 
-> 如果你坚持用 npm，可执行 `npm install -g create-umi && create-umi`，效果一致。
+> 如果你使用 npm，可执行 `npm create umi`，效果一致。
 
 ```bash
 $ yarn create umi

From af090dc6211de08d6ef88354990dafde4f10ce8a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 21 Jun 2019 23:06:54 +0800
Subject: [PATCH 21/38] :memo: 3.19.6 English changelog

---
 CHANGELOG.en-US.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 14455494a9..107b409638 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,19 @@ timeline: true
 
 ---
 
+## 3.19.7
+
+`2019-06-21`
+
+- 🐞 Fix Descriptions throw error when contains falsy child. [#17207](https://github.com/ant-design/ant-design/pull/17207) [@superandrew213](http://github.com/superandrew213)
+- 🐞 Fix a scrollbar style problem of empty Table in IE. [#17223](https://github.com/ant-design/ant-design/pull/17223)
+- 🐞 Fix single Breadcrumb not showing on PageHeader. [#17209](https://github.com/ant-design/ant-design/pull/17209)
+- 🐞 Fix Modal that 24px botton area cannot trigger mask click event. [#17229](https://github.com/ant-design/ant-design/pull/17229)
+- 🐞 Fix Layout Sider‘s zero-width trigger `z-index` bug. [#17228](https://github.com/ant-design/ant-design/pull/17228)
+- TypeScript
+  - ⚡️ Use the `unknown` type in typescript 3.0 to improve defintions. [#14044](https://github.com/ant-design/ant-design/issues/14044) [@Zzzen](http://github.com/Zzzen)
+  - 🐞 Fix Calendar `headerRender` should be optional. [#17063](https://github.com/ant-design/ant-design/pull/17063) [@wonderjar](http://github.com/wonderjar)
+
 ## 3.19.6
 
 `2019-06-19`

From 13deeb2ab9e20c68a3cff2a3e14b7227100aa103 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 22 Jun 2019 13:24:34 +0800
Subject: [PATCH 22/38] :up: upgrade eslint to 6.0

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

diff --git a/package.json b/package.json
index 799e3481cd..13573f843e 100644
--- a/package.json
+++ b/package.json
@@ -126,7 +126,7 @@
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "enzyme-to-json": "^3.3.5",
-    "eslint": "^5.16.0",
+    "eslint": "^6.0.0",
     "eslint-config-airbnb": "^17.1.0",
     "eslint-config-prettier": "^5.0.0",
     "eslint-plugin-babel": "^5.3.0",

From 26e427ca7d37b545dccf59c2f16570f2a2b5d179 Mon Sep 17 00:00:00 2001
From: Ankit Babbar <ankit.babbar@valuebound.com>
Date: Sat, 22 Jun 2019 12:19:15 +0530
Subject: [PATCH 23/38] Tabs props missing prop

Added Missing prop 'destroyInactiveTabPane' in Tabs
---
 components/tabs/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
index 89e97dc298..0c0a7acd7d 100755
--- a/components/tabs/index.tsx
+++ b/components/tabs/index.tsx
@@ -32,6 +32,7 @@ export interface TabsProps {
   animated?: boolean | { inkBar: boolean; tabPane: boolean };
   tabBarGutter?: number;
   renderTabBar?: (props: TabsProps, DefaultTabBar: React.ReactNode) => React.ReactElement<unknown>;
+  destroyInactiveTabPane?: boolean;
 }
 
 // Tabs

From 0bb7f6070842d301f4ef867351c6040400c25e6b Mon Sep 17 00:00:00 2001
From: Ankit Babbar <ankit.babbar@valuebound.com>
Date: Sat, 22 Jun 2019 12:23:51 +0530
Subject: [PATCH 24/38] Update SubMenu.tsx

  popupOffset prop is missing in SubMenu
---
 components/menu/SubMenu.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/menu/SubMenu.tsx b/components/menu/SubMenu.tsx
index dd97c9ce93..46980303d9 100644
--- a/components/menu/SubMenu.tsx
+++ b/components/menu/SubMenu.tsx
@@ -19,6 +19,7 @@ export interface SubMenuProps {
   onTitleClick?: (e: TitleEventEntity) => void;
   onTitleMouseEnter?: (e: TitleEventEntity) => void;
   onTitleMouseLeave?: (e: TitleEventEntity) => void;
+  popupOffset?: [number, number];
 }
 
 class SubMenu extends React.Component<SubMenuProps, any> {

From 4c84c41da0074f86a0491c3cc68e54995609220e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sun, 23 Jun 2019 15:27:06 +0800
Subject: [PATCH 25/38] :bug: Revert Form type `unknown` to `any`

close #17245
---
 components/form/Form.tsx | 40 ++++++++++++++++------------------------
 1 file changed, 16 insertions(+), 24 deletions(-)

diff --git a/components/form/Form.tsx b/components/form/Form.tsx
index 1855c9a578..9aad66952a 100755
--- a/components/form/Form.tsx
+++ b/components/form/Form.tsx
@@ -13,15 +13,15 @@ import { FIELD_META_PROP, FIELD_DATA_PROP } from './constants';
 import { FormContext } from './context';
 import { FormWrappedProps } from './interface';
 
-type FormCreateOptionMessagesCallback = (...args: unknown[]) => string;
+type FormCreateOptionMessagesCallback = (...args: any[]) => string;
 
 interface FormCreateOptionMessages {
   [messageId: string]: string | FormCreateOptionMessagesCallback | FormCreateOptionMessages;
 }
 
 export interface FormCreateOption<T> {
-  onFieldsChange?: (props: T, fields: unknown, allFields: unknown) => void;
-  onValuesChange?: (props: T, changedValues: unknown, allValues: unknown) => void;
+  onFieldsChange?: (props: T, fields: any, allFields: any) => void;
+  onValuesChange?: (props: T, changedValues: any, allValues: any) => void;
   mapPropsToFields?: (props: T) => void;
   validateMessages?: FormCreateOptionMessages;
   withRef?: boolean;
@@ -71,30 +71,24 @@ export type ValidationRule = {
   /** validate from a regular expression */
   pattern?: RegExp;
   /** transform a value before validation */
-  transform?: (value: unknown) => unknown;
+  transform?: (value: any) => any;
   /** custom validate function (Note: callback must be called) */
-  validator?: (
-    rule: unknown,
-    value: unknown,
-    callback: unknown,
-    source?: unknown,
-    options?: unknown,
-  ) => unknown;
+  validator?: (rule: any, value: any, callback: any, source?: any, options?: any) => any;
 };
 
-export type ValidateCallback<V> = (errors: unknown, values: V) => void;
+export type ValidateCallback<V> = (errors: any, values: V) => void;
 
 export type GetFieldDecoratorOptions = {
   /** 子节点的值的属性，如 Checkbox 的是 'checked' */
   valuePropName?: string;
   /** 子节点的初始值，类型、可选值均由子节点决定 */
-  initialValue?: unknown;
+  initialValue?: any;
   /** 收集子节点的值的时机 */
   trigger?: string;
   /** 可以把 onChange 的参数转化为控件的值，例如 DatePicker 可设为：(date, dateString) => dateString */
-  getValueFromEvent?: (...args: unknown[]) => unknown;
+  getValueFromEvent?: (...args: any[]) => any;
   /** Get the component props according to field value. */
-  getValueProps?: (value: unknown) => unknown;
+  getValueProps?: (value: any) => any;
   /** 校验子节点值的时机 */
   validateTrigger?: string | string[];
   /** 校验规则，参见 [async-validator](https://github.com/yiminghe/async-validator) */
@@ -102,7 +96,7 @@ export type GetFieldDecoratorOptions = {
   /** 是否和其他控件互斥，特别用于 Radio 单选控件 */
   exclusive?: boolean;
   /** Normalize value to form component */
-  normalize?: (value: unknown, prevValue: unknown, allValues: unknown) => unknown;
+  normalize?: (value: any, prevValue: any, allValues: any) => any;
   /** Whether stop validate on first rule of error for this field.  */
   validateFirst?: boolean;
   /** 是否一直保留子节点的信息 */
@@ -141,11 +135,11 @@ export type ValidateFieldsOptions = {
 };
 
 // function create
-export type WrappedFormUtils<V = unknown> = {
+export type WrappedFormUtils<V = any> = {
   /** 获取一组输入控件的值，如不传入参数，则获取全部组件的值 */
-  getFieldsValue(fieldNames?: Array<string>): { [field: string]: unknown };
+  getFieldsValue(fieldNames?: Array<string>): { [field: string]: any };
   /** 获取一个输入控件的值 */
-  getFieldValue(fieldName: string): unknown;
+  getFieldValue(fieldName: string): any;
   /** 设置一组输入控件的值 */
   setFieldsValue(obj: Object): void;
   /** 设置一组输入控件的值 */
@@ -192,17 +186,15 @@ export type WrappedFormUtils<V = unknown> = {
   ): (node: React.ReactNode) => React.ReactNode;
 };
 
-export interface WrappedFormInternalProps<V = unknown> {
+export interface WrappedFormInternalProps<V = any> {
   form: WrappedFormUtils<V>;
 }
 
 export interface RcBaseFormProps {
-  wrappedComponentRef?: unknown;
+  wrappedComponentRef?: any;
 }
 
-export interface FormComponentProps<V = unknown>
-  extends WrappedFormInternalProps<V>,
-    RcBaseFormProps {
+export interface FormComponentProps<V = any> extends WrappedFormInternalProps<V>, RcBaseFormProps {
   form: WrappedFormUtils<V>;
 }
 

From d5be7ce2e07ec00fe2674186948f8432848b6f55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Sun, 23 Jun 2019 16:45:57 +0800
Subject: [PATCH 26/38] Update FUNDING.yml

---
 .github/FUNDING.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index ccf1611407..2fcbd63225 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,8 +1,8 @@
 # These are supported funding model platforms
 
 github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
-patreon: # Replace with a single Patreon username
 open_collective: ant-design
+patreon: ant_design
 ko_fi: # Replace with a single Ko-fi username
 tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
 custom: # Replace with a single custom sponsorship URL

From 936fea5769402d075b7730d257bf143c8157e206 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 11:13:55 +0800
Subject: [PATCH 27/38] :bug: Fix onRow return types

https://github.com/ant-design/ant-design/issues/17245#issuecomment-504807714
---
 components/table/interface.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/table/interface.tsx b/components/table/interface.tsx
index eb884d6a75..7b8d180715 100644
--- a/components/table/interface.tsx
+++ b/components/table/interface.tsx
@@ -135,6 +135,7 @@ export interface TableEventListeners {
   onContextMenu?: (arg: React.SyntheticEvent) => void;
   onMouseEnter?: (arg: React.SyntheticEvent) => void;
   onMouseLeave?: (arg: React.SyntheticEvent) => void;
+  [name: string]: any; // https://github.com/ant-design/ant-design/issues/17245#issuecomment-504807714
 }
 
 export interface TableProps<T> {

From 57c28def68350c0480569da7aa7c1d8795901940 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 11:29:58 +0800
Subject: [PATCH 28/38] revert unknown to any

---
 components/auto-complete/InputElement.tsx |  2 +-
 components/auto-complete/index.tsx        |  6 +++---
 components/breadcrumb/Breadcrumb.tsx      |  4 ++--
 components/button/button.tsx              |  4 ++--
 components/checkbox/Checkbox.tsx          |  2 +-
 components/checkbox/Group.tsx             |  2 +-
 components/date-picker/interface.tsx      |  2 +-
 components/icon/IconFont.tsx              |  2 +-
 components/mention/index.tsx              | 16 ++++++++--------
 components/mentions/index.tsx             |  2 +-
 components/menu/index.tsx                 |  4 ++--
 components/message/index.tsx              |  2 +-
 components/modal/Modal.tsx                |  6 +++---
 components/radio/interface.tsx            |  8 ++++----
 components/select/index.tsx               |  6 +++---
 components/table/Table.tsx                |  2 +-
 components/table/filterDropdown.tsx       |  2 +-
 components/table/interface.tsx            | 10 +++++-----
 components/tabs/index.tsx                 |  2 +-
 components/tree-select/interface.tsx      | 12 ++++++------
 components/tree/Tree.tsx                  |  2 +-
 21 files changed, 49 insertions(+), 49 deletions(-)

diff --git a/components/auto-complete/InputElement.tsx b/components/auto-complete/InputElement.tsx
index 42d403b906..fbedf5bc34 100644
--- a/components/auto-complete/InputElement.tsx
+++ b/components/auto-complete/InputElement.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
 export interface InputElementProps {
-  children: React.ReactElement<unknown>;
+  children: React.ReactElement<any>;
 }
 
 export default class InputElement extends React.Component<InputElementProps, any> {
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
index 8727ee0dd5..918d488c08 100755
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -17,8 +17,8 @@ export type DataSourceItemType =
   | React.ReactElement<OptGroupProps>;
 
 export interface AutoCompleteInputProps {
-  onChange?: React.FormEventHandler<unknown>;
-  value: unknown;
+  onChange?: React.FormEventHandler<any>;
+  value: any;
 }
 
 export type ValidInputElement =
@@ -34,7 +34,7 @@ export interface AutoCompleteProps extends AbstractSelectProps {
   backfill?: boolean;
   optionLabelProp?: string;
   onChange?: (value: SelectValue) => void;
-  onSelect?: (value: SelectValue, option: Object) => unknown;
+  onSelect?: (value: SelectValue, option: Object) => any;
   onBlur?: (value: SelectValue) => void;
   onFocus?: () => void;
   children?:
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index 5b58f7fb4c..7fa95dda1a 100755
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -17,11 +17,11 @@ export interface Route {
 export interface BreadcrumbProps {
   prefixCls?: string;
   routes?: Route[];
-  params?: unknown;
+  params?: any;
   separator?: React.ReactNode;
   itemRender?: (
     route: Route,
-    params: unknown,
+    params: any,
     routes: Array<Route>,
     paths: Array<string>,
   ) => React.ReactNode;
diff --git a/components/button/button.tsx b/components/button/button.tsx
index b44ab0373a..3a4823485e 100644
--- a/components/button/button.tsx
+++ b/components/button/button.tsx
@@ -93,13 +93,13 @@ export type AnchorButtonProps = {
   target?: string;
   onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.AnchorHTMLAttributes<unknown>, 'type' | 'onClick'>;
+  Omit<React.AnchorHTMLAttributes<any>, 'type' | 'onClick'>;
 
 export type NativeButtonProps = {
   htmlType?: ButtonHTMLType;
   onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps &
-  Omit<React.ButtonHTMLAttributes<unknown>, 'type' | 'onClick'>;
+  Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'>;
 
 export type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps>;
 
diff --git a/components/checkbox/Checkbox.tsx b/components/checkbox/Checkbox.tsx
index d9a682602e..a6c3a709bf 100644
--- a/components/checkbox/Checkbox.tsx
+++ b/components/checkbox/Checkbox.tsx
@@ -20,7 +20,7 @@ export interface AbstractCheckboxProps<T> {
   onMouseLeave?: React.MouseEventHandler<HTMLElement>;
   onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
   onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-  value?: unknown;
+  value?: any;
   tabIndex?: number;
   name?: string;
   children?: React.ReactNode;
diff --git a/components/checkbox/Group.tsx b/components/checkbox/Group.tsx
index 4446f12d84..24ecfa7e45 100644
--- a/components/checkbox/Group.tsx
+++ b/components/checkbox/Group.tsx
@@ -39,7 +39,7 @@ export interface CheckboxGroupState {
 export interface CheckboxGroupContext {
   checkboxGroup: {
     toggleOption: (option: CheckboxOptionType) => void;
-    value: unknown;
+    value: any;
     disabled: boolean;
   };
 }
diff --git a/components/date-picker/interface.tsx b/components/date-picker/interface.tsx
index a5b20bbe68..6e53186244 100644
--- a/components/date-picker/interface.tsx
+++ b/components/date-picker/interface.tsx
@@ -16,7 +16,7 @@ export interface PickerProps {
   style?: React.CSSProperties;
   popupStyle?: React.CSSProperties;
   dropdownClassName?: string;
-  locale?: unknown;
+  locale?: any;
   size?: 'large' | 'small' | 'default';
   getCalendarContainer?: (triggerNode: Element) => HTMLElement;
   open?: boolean;
diff --git a/components/icon/IconFont.tsx b/components/icon/IconFont.tsx
index edb7118ac1..3f94a0a72e 100644
--- a/components/icon/IconFont.tsx
+++ b/components/icon/IconFont.tsx
@@ -5,7 +5,7 @@ const customCache = new Set<string>();
 
 export interface CustomIconOptions {
   scriptUrl?: string;
-  extraCommonProps?: { [key: string]: unknown };
+  extraCommonProps?: { [key: string]: any };
 }
 
 export default function create(options: CustomIconOptions = {}): React.SFC<IconProps> {
diff --git a/components/mention/index.tsx b/components/mention/index.tsx
index a425d118a3..a973060209 100644
--- a/components/mention/index.tsx
+++ b/components/mention/index.tsx
@@ -14,14 +14,14 @@ export interface MentionProps {
   prefixCls?: string;
   suggestionStyle?: React.CSSProperties;
   defaultSuggestions?: Array<SuggestionItme>;
-  suggestions?: Array<React.ReactElement<unknown>>;
-  onSearchChange?: (value: string, trigger: string) => unknown;
-  onChange?: (contentState: unknown) => void;
-  notFoundContent?: unknown;
+  suggestions?: Array<React.ReactElement<any>>;
+  onSearchChange?: (value: string, trigger: string) => any;
+  onChange?: (contentState: any) => void;
+  notFoundContent?: any;
   loading?: boolean;
   style?: React.CSSProperties;
-  defaultValue?: unknown;
-  value?: unknown;
+  defaultValue?: any;
+  value?: any;
   className?: string;
   multiLines?: boolean;
   prefix?: string | string[];
@@ -29,14 +29,14 @@ export interface MentionProps {
   getSuggestionContainer?: (triggerNode: Element) => HTMLElement;
   onFocus?: React.FocusEventHandler<HTMLElement>;
   onBlur?: React.FocusEventHandler<HTMLElement>;
-  onSelect?: (suggestion: string, data?: unknown) => void;
+  onSelect?: (suggestion: string, data?: any) => void;
   readOnly?: boolean;
   disabled?: boolean;
   placement?: MentionPlacement;
 }
 
 export interface MentionState {
-  filteredSuggestions?: Array<unknown>;
+  filteredSuggestions?: Array<any>;
   focus?: Boolean;
 }
 
diff --git a/components/mentions/index.tsx b/components/mentions/index.tsx
index 0f9e0c2638..c189fc4ae5 100644
--- a/components/mentions/index.tsx
+++ b/components/mentions/index.tsx
@@ -19,7 +19,7 @@ export type MentionPlacement = 'top' | 'bottom';
 export interface OptionProps {
   value: string;
   children: React.ReactNode;
-  [key: string]: unknown;
+  [key: string]: any;
 }
 
 export interface MentionProps extends RcMentionsProps {
diff --git a/components/menu/index.tsx b/components/menu/index.tsx
index 1ebb31a9a5..f52086f583 100644
--- a/components/menu/index.tsx
+++ b/components/menu/index.tsx
@@ -15,7 +15,7 @@ import raf from '../_util/raf';
 export interface SelectParam {
   key: string;
   keyPath: Array<string>;
-  item: unknown;
+  item: any;
   domEvent: Event;
   selectedKeys: Array<string>;
 }
@@ -23,7 +23,7 @@ export interface SelectParam {
 export interface ClickParam {
   key: string;
   keyPath: Array<string>;
-  item: unknown;
+  item: any;
   domEvent: Event;
 }
 
diff --git a/components/message/index.tsx b/components/message/index.tsx
index 08f6931b7c..e64da27109 100755
--- a/components/message/index.tsx
+++ b/components/message/index.tsx
@@ -39,7 +39,7 @@ function getMessageInstance(callback: (i: any) => void) {
 type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading';
 
 export interface ThenableArgument {
-  (val: unknown): void;
+  (val: any): void;
 }
 
 export interface MessageType {
diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index dc45e3e801..bdd32b1eae 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -74,7 +74,7 @@ export interface ModalProps {
   maskStyle?: React.CSSProperties;
   mask?: boolean;
   keyboard?: boolean;
-  wrapProps?: unknown;
+  wrapProps?: any;
   prefixCls?: string;
 }
 
@@ -85,8 +85,8 @@ export interface ModalFuncProps {
   title?: React.ReactNode;
   content?: React.ReactNode;
   // TODO: find out exact types
-  onOk?: (...args: unknown[]) => unknown;
-  onCancel?: (...args: unknown[]) => unknown;
+  onOk?: (...args: any[]) => any;
+  onCancel?: (...args: any[]) => any;
   okButtonProps?: NativeButtonProps;
   cancelButtonProps?: NativeButtonProps;
   centered?: boolean;
diff --git a/components/radio/interface.tsx b/components/radio/interface.tsx
index 8e8a3db8a3..5cdb581ff2 100644
--- a/components/radio/interface.tsx
+++ b/components/radio/interface.tsx
@@ -5,8 +5,8 @@ import { AbstractCheckboxProps } from '../checkbox/Checkbox';
 export type RadioGroupButtonStyle = 'outline' | 'solid';
 
 export interface RadioGroupProps extends AbstractCheckboxGroupProps {
-  defaultValue?: unknown;
-  value?: unknown;
+  defaultValue?: any;
+  value?: any;
   onChange?: (e: RadioChangeEvent) => void;
   size?: 'large' | 'default' | 'small';
   onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
@@ -18,13 +18,13 @@ export interface RadioGroupProps extends AbstractCheckboxGroupProps {
 }
 
 export interface RadioGroupState {
-  value: unknown;
+  value: any;
 }
 
 export interface RadioGroupContext {
   radioGroup: {
     onChange: React.ChangeEventHandler<HTMLInputElement>;
-    value: unknown;
+    value: any;
     disabled: boolean;
     name: string;
   };
diff --git a/components/select/index.tsx b/components/select/index.tsx
index e9761b39a4..3f0a026681 100755
--- a/components/select/index.tsx
+++ b/components/select/index.tsx
@@ -59,9 +59,9 @@ export interface SelectProps<T = SelectValue> extends AbstractSelectProps {
   firstActiveValue?: string | string[];
   onChange?: (
     value: T,
-    option: React.ReactElement<unknown> | React.ReactElement<unknown>[],
+    option: React.ReactElement<any> | React.ReactElement<any>[],
   ) => void;
-  onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<unknown>) => void;
+  onSelect?: (value: T extends (infer I)[] ? I : T, option: React.ReactElement<any>) => void;
   onDeselect?: (value: T extends (infer I)[] ? I : T) => void;
   onBlur?: (value: T) => void;
   onFocus?: () => void;
@@ -75,7 +75,7 @@ export interface SelectProps<T = SelectValue> extends AbstractSelectProps {
   optionFilterProp?: string;
   labelInValue?: boolean;
   tokenSeparators?: string[];
-  getInputElement?: () => React.ReactElement<unknown>;
+  getInputElement?: () => React.ReactElement<any>;
   autoFocus?: boolean;
   suffixIcon?: React.ReactNode;
   removeIcon?: React.ReactNode;
diff --git a/components/table/Table.tsx b/components/table/Table.tsx
index 103441fcd9..ed5eab8828 100755
--- a/components/table/Table.tsx
+++ b/components/table/Table.tsx
@@ -43,7 +43,7 @@ import warning from '../_util/warning';
 
 function noop() {}
 
-function stopPropagation(e: React.SyntheticEvent<unknown>) {
+function stopPropagation(e: React.SyntheticEvent<any>) {
   e.stopPropagation();
   if (e.nativeEvent.stopImmediatePropagation) {
     e.nativeEvent.stopImmediatePropagation();
diff --git a/components/table/filterDropdown.tsx b/components/table/filterDropdown.tsx
index 5e35e5799c..07ea02a891 100755
--- a/components/table/filterDropdown.tsx
+++ b/components/table/filterDropdown.tsx
@@ -13,7 +13,7 @@ import FilterDropdownMenuWrapper from './FilterDropdownMenuWrapper';
 import { FilterMenuProps, FilterMenuState, ColumnProps, ColumnFilterItem } from './interface';
 import { generateValueMaps } from './util';
 
-function stopPropagation(e: React.SyntheticEvent<unknown>) {
+function stopPropagation(e: React.SyntheticEvent<any>) {
   e.stopPropagation();
   if (e.nativeEvent.stopImmediatePropagation) {
     e.nativeEvent.stopImmediatePropagation();
diff --git a/components/table/interface.tsx b/components/table/interface.tsx
index 7b8d180715..653633f0e8 100644
--- a/components/table/interface.tsx
+++ b/components/table/interface.tsx
@@ -29,10 +29,10 @@ export interface ColumnProps<T> {
     | ((options: { filters: TableStateFilters; sortOrder?: SortOrder }) => React.ReactNode);
   key?: React.Key;
   dataIndex?: string; // Note: We can not use generic type here, since we need to support nested key, see #9393
-  render?: (text: unknown, record: T, index: number) => React.ReactNode;
+  render?: (text: any, record: T, index: number) => React.ReactNode;
   align?: 'left' | 'right' | 'center';
   filters?: ColumnFilterItem[];
-  onFilter?: (value: unknown, record: T) => boolean;
+  onFilter?: (value: any, record: T) => boolean;
   filterMultiple?: boolean;
   filterDropdown?: React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);
   filterDropdownVisible?: boolean;
@@ -44,7 +44,7 @@ export interface ColumnProps<T> {
   className?: string;
   fixed?: boolean | ('left' | 'right');
   filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);
-  filteredValue?: unknown[];
+  filteredValue?: any[];
   sortOrder?: SortOrder | boolean;
   children?: ColumnProps<T>[];
   onCellClick?: (record: T, event: Event) => void;
@@ -219,7 +219,7 @@ export interface SelectionCheckboxAllProps<T> {
   getRecordKey: (record: T, index?: number) => string;
   data: T[];
   prefixCls: string | undefined;
-  onSelect: (key: string, index: number, selectFunc: unknown) => void;
+  onSelect: (key: string, index: number, selectFunc: any) => void;
   hideDefaultSelections?: boolean;
   selections?: SelectionItem[] | boolean;
   getPopupContainer?: GetPopupContainer;
@@ -256,7 +256,7 @@ export interface FilterMenuProps<T> {
   locale: TableLocale;
   selectedKeys: string[];
   column: ColumnProps<T>;
-  confirmFilter: (column: ColumnProps<T>, selectedKeys: string[]) => unknown;
+  confirmFilter: (column: ColumnProps<T>, selectedKeys: string[]) => any;
   prefixCls: string;
   dropdownPrefixCls: string;
   getPopupContainer?: GetPopupContainer;
diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
index 0c0a7acd7d..80972dad39 100755
--- a/components/tabs/index.tsx
+++ b/components/tabs/index.tsx
@@ -31,7 +31,7 @@ export interface TabsProps {
   className?: string;
   animated?: boolean | { inkBar: boolean; tabPane: boolean };
   tabBarGutter?: number;
-  renderTabBar?: (props: TabsProps, DefaultTabBar: React.ReactNode) => React.ReactElement<unknown>;
+  renderTabBar?: (props: TabsProps, DefaultTabBar: React.ReactNode) => React.ReactElement<any>;
   destroyInactiveTabPane?: boolean;
 }
 
diff --git a/components/tree-select/interface.tsx b/components/tree-select/interface.tsx
index da9f58d90e..9484cb878f 100644
--- a/components/tree-select/interface.tsx
+++ b/components/tree-select/interface.tsx
@@ -35,16 +35,16 @@ export interface TreeSelectProps<T extends TreeNodeValue> extends AbstractSelect
   autoFocus?: boolean;
   defaultValue?: T;
   dropdownStyle?: React.CSSProperties;
-  filterTreeNode?: (inputValue: string, treeNode: unknown) => boolean | boolean;
+  filterTreeNode?: (inputValue: string, treeNode: any) => boolean | boolean;
   labelInValue?: boolean;
-  loadData?: (node: unknown) => void;
+  loadData?: (node: any) => void;
   maxTagCount?: number;
-  maxTagPlaceholder?: React.ReactNode | ((omittedValues: unknown[]) => React.ReactNode);
+  maxTagPlaceholder?: React.ReactNode | ((omittedValues: any[]) => React.ReactNode);
   multiple?: boolean;
   notFoundContent?: React.ReactNode;
-  onChange?: (value: T, label: unknown, extra: unknown) => void;
-  onSearch?: (value: unknown) => void;
-  onSelect?: (value: unknown) => void;
+  onChange?: (value: T, label: any, extra: any) => void;
+  onSearch?: (value: any) => void;
+  onSelect?: (value: any) => void;
   onTreeExpand?: (keys: Array<string>) => void;
   onFocus?: React.FocusEventHandler<HTMLInputElement>;
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
diff --git a/components/tree/Tree.tsx b/components/tree/Tree.tsx
index 5d555119fc..92e8fe41ad 100644
--- a/components/tree/Tree.tsx
+++ b/components/tree/Tree.tsx
@@ -148,7 +148,7 @@ export interface TreeProps {
   style?: React.CSSProperties;
   showIcon?: boolean;
   icon?: ((nodeProps: AntdTreeNodeAttribute) => React.ReactNode) | React.ReactNode;
-  switcherIcon?: React.ReactElement<unknown>;
+  switcherIcon?: React.ReactElement<any>;
   prefixCls?: string;
   filterTreeNode?: (node: AntTreeNode) => boolean;
   children?: React.ReactNode;

From c0bd255822509a81d958272e74a0d3e8e1196c80 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 11:46:02 +0800
Subject: [PATCH 29/38] lock eslint-plugin-react for
 yannickcr/eslint-plugin-react#2319

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

diff --git a/package.json b/package.json
index 13573f843e..5efbde2142 100644
--- a/package.json
+++ b/package.json
@@ -134,7 +134,7 @@
     "eslint-plugin-jest": "^22.6.4",
     "eslint-plugin-jsx-a11y": "^6.2.1",
     "eslint-plugin-markdown": "~1.0.0",
-    "eslint-plugin-react": "^7.13.0",
+    "eslint-plugin-react": "~7.13.0",
     "eslint-tinker": "^0.5.0",
     "fetch-jsonp": "^1.1.3",
     "glob": "^7.1.4",

From 3f8589cff3b65888b80e8ccb4162088be189e92c Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 11:49:55 +0800
Subject: [PATCH 30/38] chore: code style

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

diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index bdd32b1eae..7065776d76 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -214,7 +214,7 @@ export default class Modal extends React.Component<ModalProps, {}> {
 
     const closeIcon = (
       <span className={`${prefixCls}-close-x`}>
-        <Icon className={`${prefixCls}-close-icon`} type={'close'} />
+        <Icon className={`${prefixCls}-close-icon`} type="close" />
       </span>
     );
 

From 3eb713071dae50659cb3ae40aa93d3e869cd1b2f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 12:02:51 +0800
Subject: [PATCH 31/38] :sparkles: 3.19.8

---
 CHANGELOG.en-US.md | 6 ++++++
 CHANGELOG.zh-CN.md | 6 ++++++
 package.json       | 2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 107b409638..7665e4f146 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,12 @@ timeline: true
 
 ---
 
+## 3.19.8
+
+`2019-06-24`
+
+- 🐞 Revert `unknown` to `any` for now to avoid introducing tones of errors in one time. [#17249](https://github.com/ant-design/ant-design/issues/17249)
+
 ## 3.19.7
 
 `2019-06-21`
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index c67f2d2ac7..7266e2980b 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,12 @@ timeline: true
 
 ---
 
+## 3.19.8
+
+`2019-06-24`
+
+- 🐞 回滚 `unknown` 到 `any` 避免一次性引入大量 TS 错误。[#17249](https://github.com/ant-design/ant-design/issues/17249)
+
 ## 3.19.7
 
 `2019-06-21`
diff --git a/package.json b/package.json
index 5efbde2142..94b56865d5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "antd",
-  "version": "3.19.7",
+  "version": "3.19.8",
   "title": "Ant Design",
   "description": "An enterprise-class UI design language and React components implementation",
   "homepage": "http://ant.design/",

From 8f861a35ac5d9f636bca26eb74c1b551316c4610 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 12:23:17 +0800
Subject: [PATCH 32/38] :white_check_mark: fix jest timer warning

---
 components/carousel/__tests__/index.test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/carousel/__tests__/index.test.js b/components/carousel/__tests__/index.test.js
index 5ad52c8649..85d4726854 100644
--- a/components/carousel/__tests__/index.test.js
+++ b/components/carousel/__tests__/index.test.js
@@ -3,11 +3,11 @@ import { mount } from 'enzyme';
 import Carousel from '..';
 
 describe('Carousel', () => {
-  beforeAll(() => {
+  beforeEach(() => {
     jest.useFakeTimers();
   });
 
-  afterAll(() => {
+  afterEach(() => {
     jest.useRealTimers();
   });
 

From ec7c99998a657c6c0d3119dc7d2927532236789f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 24 Jun 2019 13:20:08 +0800
Subject: [PATCH 33/38] :clapper: fix react-dnd depracated usage

---
 components/table/demo/drag-sorting.md | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/components/table/demo/drag-sorting.md b/components/table/demo/drag-sorting.md
index 89b40abb7f..2a36bf7556 100644
--- a/components/table/demo/drag-sorting.md
+++ b/components/table/demo/drag-sorting.md
@@ -15,7 +15,7 @@ By using custom components, we can integrate table with react-dnd to implement d
 
 ```jsx
 import { Table } from 'antd';
-import { DragDropContext, DragSource, DropTarget } from 'react-dnd';
+import { DndProvider, DragSource, DropTarget } from 'react-dnd';
 import HTML5Backend from 'react-dnd-html5-backend';
 import update from 'immutability-helper';
 
@@ -144,22 +144,22 @@ class DragSortingTable extends React.Component {
 
   render() {
     return (
-      <Table
-        columns={columns}
-        dataSource={this.state.data}
-        components={this.components}
-        onRow={(record, index) => ({
-          index,
-          moveRow: this.moveRow,
-        })}
-      />
+      <DndProvider backend={HTML5Backend}>
+        <Table
+          columns={columns}
+          dataSource={this.state.data}
+          components={this.components}
+          onRow={(record, index) => ({
+            index,
+            moveRow: this.moveRow,
+          })}
+        />
+      </DndProvider>
     );
   }
 }
 
-const Demo = DragDropContext(HTML5Backend)(DragSortingTable);
-
-ReactDOM.render(<Demo />, mountNode);
+ReactDOM.render(<DragSortingTable />, mountNode);
 ```
 
 ```css

From 868cd6197b27fd53a4e85b822b6ca40600bcf16e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Tue, 25 Jun 2019 11:15:33 +0800
Subject: [PATCH 34/38] :lipstick: Fix Tooltip arrow shadow (#17264)

close #17259

same as #13935
---
 components/tooltip/style/index.less | 53 ++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 19 deletions(-)

diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
index 32cd89bb83..e0736df47c 100644
--- a/components/tooltip/style/index.less
+++ b/components/tooltip/style/index.less
@@ -55,23 +55,29 @@
   // Arrows
   &-arrow {
     position: absolute;
-    width: 0;
-    height: 0;
-    border-color: transparent;
+    display: block;
+    width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2);
+    height: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2);
+    background: transparent;
     border-style: solid;
+    border-width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2) / 2;
+    transform: rotate(45deg);
   }
 
   &-placement-top &-arrow,
   &-placement-topLeft &-arrow,
   &-placement-topRight &-arrow {
-    bottom: @tooltip-distance - @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
+    bottom: @tooltip-distance - @tooltip-arrow-width + 2.2px;
+    border-top-color: transparent;
+    border-right-color: tint(fadein(@tooltip-bg, 100%), 25%); // make it not transparent
+    border-bottom-color: tint(fadein(@tooltip-bg, 100%), 25%); // make it not transparent
+    border-left-color: transparent;
+    box-shadow: 3px 3px 7px fade(@black, 7%);
   }
 
   &-placement-top &-arrow {
     left: 50%;
-    margin-left: -@tooltip-arrow-width;
+    transform: translateX(-50%) rotate(45deg);
   }
 
   &-placement-topLeft &-arrow {
@@ -85,14 +91,17 @@
   &-placement-right &-arrow,
   &-placement-rightTop &-arrow,
   &-placement-rightBottom &-arrow {
-    left: @tooltip-distance - @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-right-color: @tooltip-arrow-color;
+    left: @tooltip-distance - @tooltip-arrow-width + 2px;
+    border-top-color: transparent;
+    border-right-color: transparent;
+    border-bottom-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    border-left-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    box-shadow: -3px 3px 7px fade(@black, 7%);
   }
 
   &-placement-right &-arrow {
     top: 50%;
-    margin-top: -@tooltip-arrow-width;
+    transform: translateY(-50%) rotate(45deg);
   }
 
   &-placement-rightTop &-arrow {
@@ -106,14 +115,17 @@
   &-placement-left &-arrow,
   &-placement-leftTop &-arrow,
   &-placement-leftBottom &-arrow {
-    right: @tooltip-distance - @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-left-color: @tooltip-arrow-color;
+    right: @tooltip-distance - @tooltip-arrow-width + 2px;
+    border-top-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    border-right-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+    box-shadow: 3px -3px 7px fade(@black, 7%);
   }
 
   &-placement-left &-arrow {
     top: 50%;
-    margin-top: -@tooltip-arrow-width;
+    transform: translateY(-50%) rotate(45deg);
   }
 
   &-placement-leftTop &-arrow {
@@ -127,14 +139,17 @@
   &-placement-bottom &-arrow,
   &-placement-bottomLeft &-arrow,
   &-placement-bottomRight &-arrow {
-    top: @tooltip-distance - @tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
+    top: @tooltip-distance - @tooltip-arrow-width + 2px;
+    border-top-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    border-right-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: tint(fadein(@tooltip-bg, 100%), 25%);
+    box-shadow: -2px -2px 5px fade(@black, 6%);
   }
 
   &-placement-bottom &-arrow {
     left: 50%;
-    margin-left: -@tooltip-arrow-width;
+    transform: translateX(-50%) rotate(45deg);
   }
 
   &-placement-bottomLeft &-arrow {

From 795e6a5e0ae083971e1963251a522973947fa184 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 25 Jun 2019 12:08:32 +0800
Subject: [PATCH 35/38] :white_check_mark: fix eslint errors

---
 components/icon/__tests__/index.test.js   | 2 +-
 components/switch/__tests__/index.test.js | 2 +-
 package.json                              | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/icon/__tests__/index.test.js b/components/icon/__tests__/index.test.js
index 1678232593..22fd760f85 100644
--- a/components/icon/__tests__/index.test.js
+++ b/components/icon/__tests__/index.test.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, mount } from 'enzyme';
-import Icon from '..';
 import ReactIcon from '@ant-design/icons-react';
+import Icon from '..';
 import Tooltip from '../../tooltip';
 import { getThemeFromTypeName, withThemeSuffix } from '../utils';
 
diff --git a/components/switch/__tests__/index.test.js b/components/switch/__tests__/index.test.js
index 6c04caebf7..d88f3f5e34 100644
--- a/components/switch/__tests__/index.test.js
+++ b/components/switch/__tests__/index.test.js
@@ -1,6 +1,6 @@
 import React from 'react';
-import Switch from '..';
 import { mount } from 'enzyme';
+import Switch from '..';
 import focusTest from '../../../tests/shared/focusTest';
 
 describe('Switch', () => {
diff --git a/package.json b/package.json
index 94b56865d5..7f7ffdbc0d 100644
--- a/package.json
+++ b/package.json
@@ -133,8 +133,8 @@
     "eslint-plugin-import": "^2.17.3",
     "eslint-plugin-jest": "^22.6.4",
     "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-markdown": "~1.0.0",
-    "eslint-plugin-react": "~7.13.0",
+    "eslint-plugin-markdown": "^1.0.0",
+    "eslint-plugin-react": "^7.14.2",
     "eslint-tinker": "^0.5.0",
     "fetch-jsonp": "^1.1.3",
     "glob": "^7.1.4",

From ec039711001b0cf3154e28151d352492e2574e94 Mon Sep 17 00:00:00 2001
From: Mateusz Wierzbicki
 <22788841+mateusz-wierzbicki@users.noreply.github.com>
Date: Tue, 25 Jun 2019 11:09:59 +0200
Subject: [PATCH 36/38] docs: update design resource page (#17289)

I've added card for the UI kit for Figma that we spoke about via Twitter.
---
 docs/spec/download.en-US.md | 36 +++++++++++++++++++++++-------------
 docs/spec/download.zh-CN.md | 14 ++++++++++++--
 2 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/docs/spec/download.en-US.md b/docs/spec/download.en-US.md
index f567695943..fd4769e1a2 100644
--- a/docs/spec/download.en-US.md
+++ b/docs/spec/download.en-US.md
@@ -14,23 +14,10 @@ Please find below some of the design resources and tools about Ant Design that w
     <div class="resource-card-content">
       <span class="resource-card-title">
         RENEW Sketch Symbols
-        <span class="resource-card-hot-badge">NEW</span>
       </span>
       <span class="resource-card-description">Sketch Symbols for Desktop</span>
     </div>
   </a>
-  <a target="_blank" href="https://landing.ant.design/docs/download" class="resource-card">
-    <div class="resource-card-icon">
-      <img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/EAHlyTmYeDtTkZIPbUnP.svg">
-    </div>
-    <div class="resource-card-content">
-      <span class="resource-card-title">
-        Ant Design Landing
-        <span class="resource-card-hot-badge">NEW</span>
-      </span>
-      <span class="resource-card-description">Landing Templates</span>
-    </div>
-  </a>
   <a target="_blank" href="https://github.com/ant-design/ant-design/releases/download/resource/Ant.Design.Mobile.Template.sketch" class="resource-card">
     <div class="resource-card-icon">
       <img width="41" src="https://gw.alipayobjects.com/zos/rmsportal/rFMdPVzabtQwxONUuVFr.png">
@@ -70,6 +57,17 @@ Please find below some of the design resources and tools about Ant Design that w
       <span class="resource-card-description">A Sketch plugin with a collection of great tools</span>
     </div>
   </a>
+  <a target="_blank" href="https://landing.ant.design/docs/download" class="resource-card">
+    <div class="resource-card-icon">
+      <img width="65" src="https://gw.alipayobjects.com/zos/rmsportal/EAHlyTmYeDtTkZIPbUnP.svg">
+    </div>
+    <div class="resource-card-content">
+      <span class="resource-card-title">
+        Ant Design Landing
+      </span>
+      <span class="resource-card-description">Landing Templates</span>
+    </div>
+  </a>
   <a target="_blank" href="http://ux.ant.design" class="resource-card">
     <div class="resource-card-icon">
       <img width="64" src="https://gw.alipayobjects.com/zos/rmsportal/yMULSUQQyhoEGrCXlovN.png">
@@ -88,4 +86,16 @@ Please find below some of the design resources and tools about Ant Design that w
       <span class="resource-card-description">Online Ant Design library and interactive prototype</span>
     </div>
   </a>
+  <a target="_blank" href="https://www.antforfigma.com" class="resource-card">
+    <div class="resource-card-icon">
+      <img width="65" src="https://antforfigma.com/images/antforfigma-icon.png">
+    </div>
+    <div class="resource-card-content">
+      <span class="resource-card-title">
+        UI Kit for Figma
+        <span class="resource-card-hot-badge">NEW</span>
+      </span>
+      <span class="resource-card-description">Large library of components and styles for Desktop</span>
+    </div>
+  </a>
 </div>
diff --git a/docs/spec/download.zh-CN.md b/docs/spec/download.zh-CN.md
index 1a8e273375..c4ccf2c72a 100644
--- a/docs/spec/download.zh-CN.md
+++ b/docs/spec/download.zh-CN.md
@@ -16,7 +16,6 @@ title: 设计资源
     <div class="resource-card-content">
       <span class="resource-card-title">
         全新 Sketch 组件包
-        <span class="resource-card-hot-badge">NEW</span>
       </span>
       <span class="resource-card-description">桌面组件 Sketch 模板包</span>
     </div>
@@ -67,7 +66,6 @@ title: 设计资源
     <div class="resource-card-content">
       <span class="resource-card-title">
         Ant Design Landing
-        <span class="resource-card-hot-badge">NEW</span>
       </span>
       <span class="resource-card-description">首页模板集</span>
     </div>
@@ -90,4 +88,16 @@ title: 设计资源
       <span class="resource-card-description">可在线编辑的 Ant Design 组件库和交互原型</span>
     </div>
   </a>
+  <a target="_blank" href="https://www.antforfigma.com" class="resource-card">
+    <div class="resource-card-icon">
+      <img width="65" src="https://antforfigma.com/images/antforfigma-icon.png">
+    </div>
+    <div class="resource-card-content">
+      <span class="resource-card-title">
+        Figma 组件包
+        <span class="resource-card-hot-badge">NEW</span>
+      </span>
+      <span class="resource-card-description">在 Figma 使用 Ant Design 进行设计</span>
+    </div>
+  </a>
 </div>

From 7a0da0390763f155b26acbaa08ae6538439056c4 Mon Sep 17 00:00:00 2001
From: toshi1127 <toshi.matsumoto.2n@stu.hosei.ac.jp>
Date: Wed, 26 Jun 2019 03:42:42 +0900
Subject: [PATCH 37/38] fix SkeletonAvatarProps's size to accept number

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

diff --git a/components/skeleton/Avatar.tsx b/components/skeleton/Avatar.tsx
index 7ed3181e6e..1a0e81b37a 100644
--- a/components/skeleton/Avatar.tsx
+++ b/components/skeleton/Avatar.tsx
@@ -5,7 +5,7 @@ export interface SkeletonAvatarProps {
   prefixCls?: string;
   className?: string;
   style?: object;
-  size?: 'large' | 'small' | 'default';
+  size?: 'large' | 'small' | 'default' | number;
   shape?: 'circle' | 'square';
 }
 

From b2261bbfc742963a2799f44723774e45f1348541 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Wed, 26 Jun 2019 14:07:13 +0800
Subject: [PATCH 38/38] chore: lock react-router version

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

diff --git a/package.json b/package.json
index 7f7ffdbc0d..f68335af06 100644
--- a/package.json
+++ b/package.json
@@ -170,6 +170,7 @@
     "react-infinite-scroller": "^1.2.4",
     "react-intl": "^2.9.0",
     "react-resizable": "^1.8.0",
+    "react-router": "3.2.1",
     "react-router-dom": "^5.0.1",
     "react-sticky": "^6.0.3",
     "react-test-renderer": "^16.8.6",