upgrade ts 2.0

components/alert/index.tsx

@@ -18,7 +18,7 @@ export interface AlertProps {
   /** Additional content of Alert */
   description?: React.ReactNode;
   /** Callback when close Alert */
-  onClose?: React.MouseEventHandler;
+  onClose?: React.MouseEventHandler<any>;
   /** Whether to show icon */
   showIcon?: boolean;
   style?: React.CSSProperties;

components/back-top/index.tsx

@@ -25,7 +25,7 @@ const easeInOutCubic = (t, b, c, d) => {
 
 export interface BackTopProps {
   visibilityHeight?: number;
-  onClick?: React.MouseEventHandler;
+  onClick?: React.MouseEventHandler<any>;
   target?: () => HTMLElement | Window;
   prefixCls?: string;
   className?: string;

components/button/button.tsx

@@ -34,8 +34,8 @@ export interface ButtonProps {
   icon?: string;
   shape?: ButtonShape;
   size?: ButtonSize;
-  onClick?: React.FormEventHandler;
-  onMouseUp?: React.FormEventHandler;
+  onClick?: React.FormEventHandler<any>;
+  onMouseUp?: React.FormEventHandler<any>;
   loading?: boolean;
   disabled?: boolean;
   style?: React.CSSProperties;

components/checkbox/index.tsx

@@ -13,7 +13,7 @@ export interface CheckboxProps {
   /** indeterminate 状态，只负责样式控制 */
   indeterminate?: boolean;
   /** 变化时回调函数 */
-  onChange?: React.FormEventHandler;
+  onChange?: React.FormEventHandler<any>;
   style?: React.CSSProperties;
   disabled?: boolean;
   className?: string;

components/dropdown/dropdown-button.tsx

@@ -8,7 +8,7 @@ import splitObject from '../_util/splitObject';
 
 export interface DropdownButtonProps {
   type?: 'primary' | 'ghost' | 'dash';
-  onClick?: React.FormEventHandler;
+  onClick?: React.FormEventHandler<any>;
   trigger?: 'click' | 'hover';
   overlay: React.ReactNode;
   visible?: boolean;

components/form/Form.tsx

@@ -20,7 +20,7 @@ export interface FormProps {
   inline?: boolean;
   vertical?: boolean;
   form?: WrappedFormUtils;
-  onSubmit?: React.FormEventHandler;
+  onSubmit?: React.FormEventHandler<any>;
   style?: React.CSSProperties;
   className?: string;
   prefixCls?: string;

components/icon/index.tsx

@@ -6,7 +6,7 @@ export interface IconProps {
   type: string;
   className?: string;
   title?: string;
-  onClick?: React.MouseEventHandler;
+  onClick?: React.MouseEventHandler<any>;
   spin?: boolean;
 }
 

components/input/Input.tsx

@@ -45,11 +45,11 @@ export interface InputProps {
   readOnly?: boolean;
   addonBefore?: React.ReactNode;
   addonAfter?: React.ReactNode;
-  onPressEnter?: React.FormEventHandler;
-  onKeyDown?: React.FormEventHandler;
-  onChange?: React.FormEventHandler;
-  onClick?: React.FormEventHandler;
-  onBlur?: React.FormEventHandler;
+  onPressEnter?: React.FormEventHandler<any>;
+  onKeyDown?: React.FormEventHandler<any>;
+  onChange?: React.FormEventHandler<any>;
+  onClick?: React.FormEventHandler<any>;
+  onBlur?: React.FormEventHandler<any>;
   autosize?: boolean | AutoSizeType;
   autoComplete?: 'on' | 'off';
   style?: React.CSSProperties;

components/modal/Modal.tsx

@@ -21,7 +21,7 @@ export interface ModalProps {
   /** 点击确定回调*/
   onOk?: () => void;
   /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调*/
-  onCancel?: (e: React.MouseEvent) => void;
+  onCancel?: (e: React.MouseEvent<any>) => void;
   /** 宽度*/
   width?: string | number;
   /** 底部内容*/

components/radio/group.tsx

@@ -19,7 +19,7 @@ function getCheckedValue(children) {
 
 export interface RadioGroupProps {
   /** 选项变化时的回调函数*/
-  onChange?: React.FormEventHandler;
+  onChange?: React.FormEventHandler<any>;
   /** 用于设置当前选中的值*/
   value?: string | number;
   /** 默认选中的值*/

components/table/filterDropdown.tsx

@@ -6,7 +6,7 @@ import Checkbox from '../checkbox';
 import Radio from '../radio';
 
 export interface FilterDropdownMenuWrapperProps {
-  onClick?: React.MouseEventHandler;
+  onClick?: React.MouseEventHandler<any>;
   children?: any;
   className?: string;
 }

components/transfer/operation.tsx

@@ -9,8 +9,8 @@ export interface TransferOperationProps {
   className?: string;
   leftArrowText?: string;
   rightArrowText?: string;
-  moveToLeft?: React.FormEventHandler;
-  moveToRight?: React.FormEventHandler;
+  moveToLeft?: React.FormEventHandler<any>;
+  moveToRight?: React.FormEventHandler<any>;
   leftActive?: boolean;
   rightActive?: boolean;
 }

components/transfer/search.tsx

@@ -8,8 +8,8 @@ function noop() {
 export interface SearchProps {
   prefixCls?: string;
   placeholder?: string;
-  onChange?: (e: React.FormEvent) => void;
-  handleClear?: (e: React.MouseEvent) => void;
+  onChange?: (e: React.FormEvent<any>) => void;
+  handleClear?: (e: React.MouseEvent<any>) => void;
   value?: any;
 }
 

components/tree/index.tsx

@@ -27,7 +27,7 @@ export interface AntTreeNodeEvent {
 
 export interface AntTreeNodeMouseEvent {
   node: AntTreeNode;
-  event: React.MouseEventHandler;
+  event: React.MouseEventHandler<any>;
 }
 
 export interface TreeProps {

package.json

@@ -77,7 +77,9 @@
     "warning": "~3.0.0"
   },
   "devDependencies": {
-    "antd-tools": "^0.12.0",
+    "@types/react": "~0.14.41",
+    "@types/react-dom": "~0.14.18",
+    "antd-tools": "^0.13.0",
     "babel-eslint": "^6.0.2",
     "babel-jest": "^13.2.2",
     "babel-plugin-import": "^1.0.0",

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "strictNullChecks": false,
     "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,
     "jsx": "preserve",