fix react16 warning, ref https://github.com/ant-design/ant-design-mob…

.gitignore

@@ -34,4 +34,5 @@ android/
 xcuserdata
 yarn.lock
 .vscode
-_ts2js
+_ts2js
+es

package.json

@@ -40,7 +40,7 @@
   },
   "jest": {
     "collectCoverageFrom": [
-      "src/*"
+      "lib/*"
     ],
     "transform": {
       "\\.tsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js",
@@ -50,6 +50,7 @@
   "devDependencies": {
     "coveralls": "^2.11.15",
     "jest": "^20.0.0",
+    "@types/jest": "^19.2.4",
     "@types/react": "~0.14.41",
     "@types/react-dom": "~0.14.18",
     "@types/react-native": "~0.29.36",
@@ -60,7 +61,7 @@
     "react": "15.5.x",
     "react-dom": "15.5.x",
     "react-native": "0.41.x",
-    "react-native-index-page": "~0.1.0"
+    "react-native-index-page": "~0.2.0"
   },
   "typings": "./lib/index.d.ts",
   "pre-commit": [

src/DatePicker.tsx

@@ -22,34 +22,33 @@ const TIME = 'time';
 const MONTH = 'month';
 const YEAR = 'year';
 
-const DatePicker = React.createClass<IDatePickerProps, any>({
-  getDefaultProps() {
-    return {
-      prefixCls: 'rmc-date-picker',
-      pickerPrefixCls: 'rmc-picker',
-      locale: defaultLocale,
-      mode: DATE,
-      minuteStep: 1,
-      onDateChange() {
-      },
-    };
-  },
-
-  getInitialState() {
-    return {
-      date: this.props.date || this.props.defaultDate,
-    };
-  },
+class DatePicker extends React.Component<IDatePickerProps, any> {
+  static defaultProps = {
+    prefixCls: 'rmc-date-picker',
+    pickerPrefixCls: 'rmc-picker',
+    locale: defaultLocale,
+    mode: DATE,
+    minuteStep: 1,
+    onDateChange() {
+    },
+  };
+
+  state = {
+    date: this.props.date || this.props.defaultDate,
+  };
+
+  defaultMinDate: any;
+  defaultMaxDate: any;
 
   componentWillReceiveProps(nextProps) {
     if ('date' in nextProps) {
       this.setState({
         date: nextProps.date || nextProps.defaultDate,
       });
     }
-  },
+  }
 
-  onValueChange(values, index) {
+  onValueChange = (values, index) => {
     const value = parseInt(values[index], 10);
     const props = this.props;
     const { mode } = props;
@@ -92,78 +91,80 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
         date: newValue,
       });
     }
-    props.onDateChange(newValue);
-  },
+    if (props.onDateChange) {
+      props.onDateChange(newValue);
+    }
+  }
 
   getDefaultMinDate() {
     if (!this.defaultMinDate) {
       this.defaultMinDate = this.getGregorianCalendar([2000, 1, 1, 0, 0, 0]);
     }
     return this.defaultMinDate;
-  },
+  }
 
   getDefaultMaxDate() {
     if (!this.defaultMaxDate) {
       this.defaultMaxDate = this.getGregorianCalendar([2030, 1, 1, 23, 59, 59]);
     }
     return this.defaultMaxDate;
-  },
+  }
 
   getDate() {
     return this.state.date || this.getDefaultMinDate();
-  },
+  }
 
   getValue() {
     return this.getDate();
-  },
+  }
 
   getMinYear() {
     return this.getMinDate().year();
-  },
+  }
 
   getMaxYear() {
     return this.getMaxDate().year();
-  },
+  }
 
   getMinMonth() {
     return this.getMinDate().month();
-  },
+  }
 
   getMaxMonth() {
     return this.getMaxDate().month();
-  },
+  }
 
   getMinDay() {
     return this.getMinDate().date();
-  },
+  }
 
   getMaxDay() {
     return this.getMaxDate().date();
-  },
+  }
 
   getMinHour() {
     return this.getMinDate().hour();
-  },
+  }
 
   getMaxHour() {
     return this.getMaxDate().hour();
-  },
+  }
 
   getMinMinute() {
     return this.getMinDate().minute();
-  },
+  }
 
   getMaxMinute() {
     return this.getMaxDate().minute();
-  },
+  }
 
   getMinDate() {
     return this.props.minDate || this.getDefaultMinDate();
-  },
+  }
 
   getMaxDate() {
     return this.props.maxDate || this.getDefaultMaxDate();
-  },
+  }
 
   getDateData() {
     const { locale, formatMonth, formatDay, mode } = this.props;
@@ -231,7 +232,7 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
       monthCol,
       { key: 'day', props: { children: days } },
     ];
-  },
+  }
 
   getTimeData() {
     let minHour = 0;
@@ -287,7 +288,7 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
     }
 
     const minutes: any[] = [];
-    for (let i = minMinute; i <= maxMinute; i += minuteStep) {
+    for (let i = minMinute; i <= maxMinute; i += minuteStep!) {
       minutes.push({
         value: i + '',
         label: locale.minute ? i + locale.minute + '' : pad(i),
@@ -297,11 +298,11 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
       { key: 'hours', props: { children: hours } },
       { key: 'minutes', props: { children: minutes } },
     ];
-  },
+  }
 
   getGregorianCalendar(arg) {
     return moment(arg);
-  },
+  }
 
   clipDate(date) {
     const { mode } = this.props;
@@ -336,7 +337,7 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
       }
     }
     return date;
-  },
+  }
 
   getValueCols() {
     const { mode } = this.props;
@@ -371,7 +372,7 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
       value,
       cols,
     };
-  },
+  }
 
   render() {
     const { value, cols } = this.getValueCols();
@@ -389,7 +390,7 @@ const DatePicker = React.createClass<IDatePickerProps, any>({
         {cols}
       </MultiPicker>
     );
-  },
-});
+  }
+}
 
 export default DatePicker;

src/Popup.tsx

@@ -8,23 +8,22 @@ export interface IPopupDatePickerProps extends IPopupPickerProps {
   onChange?: (date?) => void;
   date?: any;
 }
-const PopupDatePicker = React.createClass<IPopupDatePickerProps, any>({
-  getDefaultProps() {
-    return {
-      pickerValueProp: 'date',
-      pickerValueChangeProp: 'onDateChange',
-    } as any;
-  },
 
-  onOk(v) {
+class PopupDatePicker extends React.Component<IPopupDatePickerProps, any> {
+  static defaultProps = {
+    pickerValueProp: 'date',
+    pickerValueChangeProp: 'onDateChange',
+  };
+
+  onOk = (v) => {
     const { onChange, onOk } = this.props;
     if (onChange) {
       onChange(v);
     }
     if (onOk) {
       onOk(v);
     }
-  },
+  }
 
   render() {
     return (<PopupPicker
@@ -33,7 +32,7 @@ const PopupDatePicker = React.createClass<IPopupDatePickerProps, any>({
       {...this.props}
       onOk={this.onOk}
     />);
-  },
-});
+  }
+}
 
 export default PopupDatePicker;