feat: remove allowSyntheticDefaultImports

.npmrc

@@ -0,0 +1 @@
+package-lock=false

examples/basic.tsx

@@ -2,8 +2,8 @@
 
 import 'rmc-tabs/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { Models, Tabs, DefaultTabBar } from '../src';
 
 class BasicDemo extends React.Component<{}, any> {

examples/react-native/basic.tsx

@@ -2,7 +2,7 @@
 /* tslint:disable:no-console */
 import { View, ScrollView, Text } from 'react-native';
 import { Tabs, Models } from '../../src';
-import React from 'react';
+import * as React from 'react';
 
 const renderContent = (tab: Models.TabData, index: number) =>
   <ScrollView>

examples/react-native/scrolltabbar.tsx

@@ -2,7 +2,7 @@
 /* tslint:disable:no-console */
 import { View, ScrollView, Text } from 'react-native';
 import { Tabs, Models } from '../../src';
-import React from 'react';
+import * as React from 'react';
 
 const renderContent = (tab: Models.TabData, index: number) =>
   <ScrollView style={{ backgroundColor: '#fff' }}>

examples/scroll-tab.tsx

@@ -2,8 +2,8 @@
 
 import 'rmc-tabs/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { Tabs, DefaultTabBar } from '../src';
 
 const tabData = [

examples/single-content.tsx

@@ -2,8 +2,8 @@
 
 import 'rmc-tabs/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { Models, Tabs } from '../src';
 
 const tabData = [

examples/sticky.tsx

@@ -2,8 +2,8 @@
 
 import 'rmc-tabs/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { StickyContainer, Sticky } from 'react-sticky';
 import { Tabs, DefaultTabBar } from '../src';
 

examples/vertical.tsx

@@ -2,8 +2,8 @@
 
 import 'rmc-tabs/assets/index.less';
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { Tabs } from '../src';
 
 class BasicDemo extends React.Component<{}, {

package.json

@@ -72,9 +72,9 @@
     "@types/enzyme": "^2.8.6",
     "@types/enzyme-to-json": "^1.5.0",
     "@types/jest": "^20.0.7",
-    "@types/react": "^15.5.0",
-    "@types/react-dom": "^15.5.0",
-    "@types/react-native": "^0.46.9",
+    "@types/react": "^16.0.0",
+    "@types/react-dom": "^16.0.0",
+    "@types/react-native": "^0.55.0",
     "@types/react-sticky": "^6.0.0",
     "jest": "^20.0.4",
     "enzyme": "^2.9.1",

src/DefaultTabBar.native.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
+import * as RN from 'react-native';
 import {
-  default as RN,
   Animated,
   Dimensions,
   Platform,

src/DefaultTabBar.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Gesture, { IGestureStatus } from 'rc-gesture';
 import { Models } from './Models';
 import { TabBarPropsType } from './PropsType';

src/TabPane.native.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
-import { default as RN, View } from 'react-native';
+import * as React from 'react';
+import * as RN from 'react-native';
+import { View } from 'react-native';
 
 export interface PropsType {
   key?: string;

src/TabPane.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { getPxStyle, getTransformPropValue } from './util';
 
 export interface PropsType {

src/Tabs.base.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { PropsType } from './PropsType';
 import { Models } from './Models';
 

src/Tabs.native.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
+import * as RN from 'react-native';
 import {
-  default as RN,
   Dimensions,
   View,
   Animated,
@@ -31,7 +31,7 @@ export class Tabs extends Component<PropsType, StateType> {
     style: {},
   } as PropsType;
 
-  AnimatedScrollView: ScrollView = Animated.createAnimatedComponent(ScrollView);
+  AnimatedScrollView: typeof ScrollView = Animated.createAnimatedComponent(ScrollView);
   scrollView: { _component: ScrollView };
 
   constructor(props: PropsType) {

src/Tabs.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Gesture, { IGestureStatus } from 'rc-gesture';
 import { PropsType as BasePropsType, TabBarPropsType } from './PropsType';
 import { TabPane } from './TabPane';

tests/Tabs.spec.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { render } from 'enzyme';
 import renderToJson from 'enzyme-to-json';
 import { Tabs, Models } from '../src';

tsconfig.json

@@ -3,9 +3,9 @@
     "strictNullChecks": true,
     "moduleResolution": "node",
     "jsx": "preserve",
-    "allowSyntheticDefaultImports": true,
     "target": "es6",
     "noImplicitAny": true,
-    "noUnusedLocals": true
+    "noUnusedLocals": true,
+    "skipLibCheck": true
   }
 }