deps: upgrade antd-tools and code style

components/affix/index.tsx

@@ -40,7 +40,7 @@ function noop() {}
 function getDefaultTarget() {
   return typeof window !== 'undefined' ?
     window : null;
-};
+}
 
 // Affix
 export interface AffixProps {

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 {

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>

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) {

components/date-picker/RangePicker.tsx

@@ -224,15 +224,15 @@ 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`}
           />
           <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`}

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}

components/input/Input.tsx

@@ -31,7 +31,7 @@ function clearNextFrameAction(nextFrameId) {
 export interface AutoSizeType {
   minRows?: number;
   maxRows?: number;
-};
+}
 
 export interface InputProps {
   prefixCls?: string;

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;

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,

components/modal/confirm.tsx

@@ -57,15 +57,15 @@ 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>
     );
   } 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=""

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({}, {

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;

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) {

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}

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}

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) {

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({

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();

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",