diff --git a/components/affix/index.tsx b/components/affix/index.tsx
index 9543e9991564..3877ef133182 100644
--- a/components/affix/index.tsx
+++ b/components/affix/index.tsx
@@ -40,7 +40,7 @@ function noop() {}
 function getDefaultTarget() {
   return typeof window !== 'undefined' ?
     window : null;
-};
+}
 
 // Affix
 export interface AffixProps {
diff --git a/components/auto-complete/index.tsx b/components/auto-complete/index.tsx
index 31a1bc00b55a..8c27e70b755d 100755
--- a/components/auto-complete/index.tsx
+++ b/components/auto-complete/index.tsx
@@ -5,7 +5,7 @@ import Select, { AbstractSelectProps, SelectValue, OptionProps, OptGroupProps }
 import Input from '../input';
 import InputElement from './InputElement';
 
-export interface DataSourceItemObject { value: string; text: string; };
+export interface DataSourceItemObject { value: string; text: string; }
 export type DataSourceItemType = string | DataSourceItemObject;
 
 export interface InputProps {
diff --git a/components/badge/index.tsx b/components/badge/index.tsx
index 88595374599d..0ca96f8b3807 100644
--- a/components/badge/index.tsx
+++ b/components/badge/index.tsx
@@ -110,7 +110,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
           component=""
           showProp="data-show"
           transitionName={children ? `${prefixCls}-zoom` : ''}
-          transitionAppear
+          transitionAppear={true}
         >
           {scrollNumber}
         </Animate>
diff --git a/components/breadcrumb/Breadcrumb.tsx b/components/breadcrumb/Breadcrumb.tsx
index 03a457763636..1b561371b13b 100755
--- a/components/breadcrumb/Breadcrumb.tsx
+++ b/components/breadcrumb/Breadcrumb.tsx
@@ -13,7 +13,7 @@ export interface BreadcrumbProps {
   itemRender?: (route: any, params: any, routes: Array<any>, paths: Array<string>) => React.ReactNode;
   style?: React.CSSProperties;
   className?: string;
-};
+}
 
 function getBreadcrumbName(route, params) {
   if (!route.breadcrumbName) {
diff --git a/components/date-picker/RangePicker.tsx b/components/date-picker/RangePicker.tsx
index e2f257e29b2b..f1e91ed0fe99 100644
--- a/components/date-picker/RangePicker.tsx
+++ b/components/date-picker/RangePicker.tsx
@@ -224,7 +224,7 @@ export default class RangePicker extends React.Component<any, any> {
         <span className={props.pickerInputClass} disabled={props.disabled}>
           <input
             disabled={props.disabled}
-            readOnly
+            readOnly={true}
             value={(start && start.format(props.format)) || ''}
             placeholder={startPlaceholder}
             className={`${prefixCls}-range-picker-input`}
@@ -232,7 +232,7 @@ export default class RangePicker extends React.Component<any, any> {
           <span className={`${prefixCls}-range-picker-separator`}> ~ </span>
           <input
             disabled={props.disabled}
-            readOnly
+            readOnly={true}
             value={(end && end.format(props.format)) || ''}
             placeholder={endPlaceholder}
             className={`${prefixCls}-range-picker-input`}
diff --git a/components/date-picker/createPicker.tsx b/components/date-picker/createPicker.tsx
index 315bbdc1caab..6a0390efa0f6 100644
--- a/components/date-picker/createPicker.tsx
+++ b/components/date-picker/createPicker.tsx
@@ -128,7 +128,7 @@ export default function createPicker(TheCalendar): any {
         <span>
           <input
             disabled={props.disabled}
-            readOnly
+            readOnly={true}
             value={(inputValue && inputValue.format(props.format)) || ''}
             placeholder={placeholder}
             className={props.pickerInputClass}
diff --git a/components/input/Input.tsx b/components/input/Input.tsx
index efab5358dfaa..e383f5396c40 100644
--- a/components/input/Input.tsx
+++ b/components/input/Input.tsx
@@ -31,7 +31,7 @@ function clearNextFrameAction(nextFrameId) {
 export interface AutoSizeType {
   minRows?: number;
   maxRows?: number;
-};
+}
 
 export interface InputProps {
   prefixCls?: string;
diff --git a/components/layout/layout.tsx b/components/layout/layout.tsx
index 411a67eff80d..5f586ed27adc 100644
--- a/components/layout/layout.tsx
+++ b/components/layout/layout.tsx
@@ -8,7 +8,7 @@ export interface BasicProps {
 }
 
 function generator(props) {
-  return (Basic) : any => {
+  return (Basic): any => {
     return class Adapter extends React.Component<BasicProps, any> {
       static Header: any;
       static Footer: any;
diff --git a/components/mention/index.tsx b/components/mention/index.tsx
index b975d8f7d472..d6adbab34fd5 100644
--- a/components/mention/index.tsx
+++ b/components/mention/index.tsx
@@ -54,7 +54,8 @@ export default class Mention extends React.Component<MentionProps, MentionState>
     };
   }
 
-  componentWillReceiveProps({ suggestions }) {
+  componentWillReceiveProps(nextProps: MentionProps) {
+    const { suggestions } = nextProps;
     if (!shallowequal(suggestions, this.props.suggestions)) {
       this.setState({
         suggestions,
diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx
index c5fb422c5c5a..c94623396f55 100644
--- a/components/modal/confirm.tsx
+++ b/components/modal/confirm.tsx
@@ -57,7 +57,7 @@ export default function confirm(config) {
         <ActionButton actionFn={props.onCancel} closeModal={close}>
           {props.cancelText}
         </ActionButton>
-        <ActionButton type="primary" actionFn={props.onOk} closeModal={close} autoFocus>
+        <ActionButton type="primary" actionFn={props.onOk} closeModal={close} autoFocus={true}>
           {props.okText}
         </ActionButton>
       </div>
@@ -65,7 +65,7 @@ export default function confirm(config) {
   } else {
     footer = (
       <div className={`${prefixCls}-btns`}>
-        <ActionButton type="primary" actionFn={props.onOk} closeModal={close} autoFocus>
+        <ActionButton type="primary" actionFn={props.onOk} closeModal={close} autoFocus={true}>
           {props.okText}
         </ActionButton>
       </div>
@@ -80,7 +80,7 @@ export default function confirm(config) {
     <Dialog
       className={classString}
       onCancel={close.bind(this, { triggerCancel: true })}
-      visible
+      visible={true}
       title=""
       transitionName="zoom"
       footer=""
diff --git a/components/modal/index.tsx b/components/modal/index.tsx
index 2d63a64823da..2ef93f09512b 100644
--- a/components/modal/index.tsx
+++ b/components/modal/index.tsx
@@ -2,7 +2,7 @@ import Modal, { ModalFuncProps } from './Modal';
 import confirm from './confirm';
 import assign from 'object-assign';
 
-export { ModalFuncProps }
+export { ModalFuncProps };
 
 Modal.info = function (props: ModalFuncProps) {
   const config = assign({}, {
diff --git a/components/pagination/Pagination.tsx b/components/pagination/Pagination.tsx
index 8a736fe66c99..5beda769618e 100644
--- a/components/pagination/Pagination.tsx
+++ b/components/pagination/Pagination.tsx
@@ -33,7 +33,7 @@ abstract class Pagination extends React.Component<PaginationProps, any> {
     selectPrefixCls: 'ant-select',
   };
 
-  abstract getLocale()
+  abstract getLocale();
 
   render() {
     const { className, size, ...restProps } = this.props;
diff --git a/components/popconfirm/index.tsx b/components/popconfirm/index.tsx
index 786e3bf09acc..23b38615803a 100644
--- a/components/popconfirm/index.tsx
+++ b/components/popconfirm/index.tsx
@@ -28,7 +28,7 @@ abstract class Popconfirm extends React.Component<PopconfirmProps, any> {
     };
   }
 
-  abstract getLocale()
+  abstract getLocale();
 
   componentWillReceiveProps(nextProps: PopconfirmProps) {
     if ('visible' in nextProps) {
diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
index c404e8ced4ad..bfb15296dd58 100755
--- a/components/tabs/index.tsx
+++ b/components/tabs/index.tsx
@@ -179,7 +179,7 @@ export default class Tabs extends React.Component<TabsProps, any> {
         className={cls}
         tabBarPosition={tabPosition}
         renderTabBar={renderTabBar}
-        renderTabContent={() => <TabContent animated={tabPaneAnimated} animatedWithMargin />}
+        renderTabContent={() => <TabContent animated={tabPaneAnimated} animatedWithMargin={true} />}
         onChange={this.handleChange}
       >
         {childrenWithClose || children}
diff --git a/components/tag/index.tsx b/components/tag/index.tsx
index 7351e9261eef..a1ca504c6ac5 100644
--- a/components/tag/index.tsx
+++ b/components/tag/index.tsx
@@ -104,7 +104,7 @@ export default class Tag extends React.Component<TagProps, any> {
         component=""
         showProp="data-show"
         transitionName={`${prefixCls}-zoom`}
-        transitionAppear
+        transitionAppear={true}
         onEnd={this.animationEnd}
       >
         {tag}
diff --git a/components/time-picker/index.tsx b/components/time-picker/index.tsx
index f46a8f671873..84e3329ae767 100644
--- a/components/time-picker/index.tsx
+++ b/components/time-picker/index.tsx
@@ -58,7 +58,7 @@ abstract class TimePicker extends React.Component<TimePickerProps, any> {
     };
   }
 
-  abstract getLocale()
+  abstract getLocale();
 
   componentWillReceiveProps(nextProps: TimePickerProps) {
     if ('value' in nextProps) {
diff --git a/components/transfer/index.tsx b/components/transfer/index.tsx
index ee015648d184..df3270ff6b09 100644
--- a/components/transfer/index.tsx
+++ b/components/transfer/index.tsx
@@ -91,7 +91,7 @@ abstract class Transfer extends React.Component<TransferProps, any> {
     };
   }
 
-  abstract getLocale()
+  abstract getLocale();
 
   componentWillReceiveProps(nextProps: TransferProps) {
     const { sourceSelectedKeys, targetSelectedKeys } = this.state;
@@ -227,10 +227,10 @@ abstract class Transfer extends React.Component<TransferProps, any> {
 
   handleLeftSelectAll = (filteredDataSource, checkAll) => (
     this.handleSelectAll('left', filteredDataSource, checkAll)
-  );
+  )
   handleRightSelectAll = (filteredDataSource, checkAll) => (
     this.handleSelectAll('right', filteredDataSource, checkAll)
-  );
+  )
 
   handleFilter = (direction, e) => {
     this.setState({
diff --git a/components/tree-select/index.tsx b/components/tree-select/index.tsx
index d1b7177af7f4..ddd2dd0ba6cb 100644
--- a/components/tree-select/index.tsx
+++ b/components/tree-select/index.tsx
@@ -20,7 +20,7 @@ abstract class TreeSelect extends React.Component<TreeSelectProps, any> {
     dropdownClassName: 'ant-select-tree-dropdown',
   };
 
-  abstract getLocale()
+  abstract getLocale();
 
   render() {
     const locale = this.getLocale();
diff --git a/package.json b/package.json
index 6f2f4c48abe3..9c9a068a5a39 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,7 @@
     "@types/react": "^15.0.8",
     "@types/react-dom": "~0.14.18",
     "antd-demo-jest": "^1.0.5",
-    "antd-tools": "~0.19.1",
+    "antd-tools": "^1.2.0",
     "babel-cli": "^6.18.0",
     "babel-eslint": "^7.1.0",
     "babel-jest": "^19.0.0",