fix: typescript React import

components/accordion/index.tsx

@@ -1,13 +1,13 @@
 import RcCollapse, { Panel } from 'rc-collapse';
-import React, { CSSProperties } from 'react';
+import * as React from 'react';
 import { AccordionPropsTypes } from './PropsType';
 
 export interface AccordionProps extends AccordionPropsTypes {
   className?: string;
   prefixCls?: string;
   openAnimation?: any;
   accordion?: boolean;
-  style?: CSSProperties;
+  style?: React.CSSProperties;
 }
 
 export default class Accordion extends React.Component<AccordionProps, any> {

components/action-sheet/index.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import Dialog from 'rmc-dialog';
 import TouchFeedback from 'rmc-feedback';
 import getDataAttr from '../_util/getDataAttr';

components/activity-indicator/index.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import { ActivityIndicatorPropTypes } from './PropsType';
 
 export interface ActivityIndicatorProps extends ActivityIndicatorPropTypes {

components/badge/index.tsx

@@ -1,12 +1,12 @@
 import classnames from 'classnames';
-import React, { CSSProperties } from 'react';
+import * as React from 'react';
 import { BadgePropsTypes } from './PropsType';
 
 export interface BadgeProps extends BadgePropsTypes {
   prefixCls?: string;
   className?: string;
   hot?: boolean;
-  style?: CSSProperties;
+  style?: React.CSSProperties;
 }
 
 export default class Badge extends React.Component<BadgeProps, any> {

components/button/index.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { CSSProperties, MouseEventHandler } from 'react';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import Icon from '../icon';
 import { ButtonPropsType } from './PropsType';
@@ -11,9 +11,9 @@ export interface ButtonProps extends ButtonPropsType {
   inline?: boolean;
   icon?: React.ReactNode;
   activeClassName?: string;
-  activeStyle?: boolean | CSSProperties;
+  activeStyle?: boolean | React.CSSProperties;
   style?: React.CSSProperties;
-  onClick?: MouseEventHandler<HTMLAnchorElement>;
+  onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }
 
 const rxTwoCNChar = /^[\u4e00-\u9fa5]{2}$/;

components/calendar/index.tsx

@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
 import { Calendar as RMCalendar } from 'rmc-calendar';
 import { getComponentLocale } from '../_util/getLocale';
 import Icon from '../icon';

components/card/CardBody.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 
 export interface CardBodyProps extends React.HTMLProps<HTMLDivElement> {
   prefixCls?: string;

components/card/CardFooter.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import { CardFooterPropsType } from './PropsType';
 
 export interface CardFooterProps extends CardFooterPropsType {

components/card/CardHeader.tsx

@@ -1,12 +1,12 @@
 import classnames from 'classnames';
-import React, { CSSProperties } from 'react';
+import * as React from 'react';
 import { CardHeaderPropsType } from './PropsType';
 
 export interface CardHeaderProps extends CardHeaderPropsType {
   prefixCls?: string;
   className?: string;
-  style?: CSSProperties;
-  thumbStyle?: CSSProperties;
+  style?: React.CSSProperties;
+  thumbStyle?: React.CSSProperties;
 }
 
 export default class CardHeader extends React.Component<CardHeaderProps, any> {

components/card/PropsType.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 export interface CardPropsType {
   full?: boolean;

components/card/index.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import CardBody from './CardBody';
 import CardFooter from './CardFooter';
 import CardHeader from './CardHeader';

components/carousel/index.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { CSSProperties } from 'react';
+import * as React from 'react';
 import ReactCarousel from 'rmc-nuka-carousel';
 import { CarouselPropsType } from './PropsType';
 
@@ -12,9 +12,9 @@ export interface CarouselProps extends CarouselPropsType {
   afterChange?: (current: number) => void;
   swipeSpeed?: number;
   easing?: () => void;
-  style?: CSSProperties;
-  dotStyle?: CSSProperties;
-  dotActiveStyle?: CSSProperties;
+  style?: React.CSSProperties;
+  dotStyle?: React.CSSProperties;
+  dotActiveStyle?: React.CSSProperties;
   frameOverflow?: IFrameOverFlow;
   cellSpacing?: number;
   slideWidth?: string | number;

components/checkbox/AgreeItem.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import getDataAttr from '../_util/getDataAttr';
 import Checkbox from './Checkbox';
 import { CheckboxPropsType } from './PropsType';

components/checkbox/Checkbox.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
 import RcCheckbox from 'rc-checkbox';
-import React from 'react';
+import * as React from 'react';
 
 import { CheckboxPropsType } from './PropsType';
 

components/checkbox/CheckboxItem.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import List from '../list';
 import Checkbox, { CheckboxProps } from './Checkbox';
 import { CheckboxItemPropsType } from './PropsType';

components/date-picker-view/date-picker-view.tsx

@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
 import RCDatePicker from 'rmc-date-picker/lib/DatePicker';
 import { getComponentLocale } from '../_util/getLocale';
 import { DatePickerProps } from './PropsType';

components/date-picker/PropsType.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 export interface DatePickerPropsType {
   value?: Date;

components/date-picker/index.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:jsx-no-multiline-js */
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
 import RCDatePicker from 'rmc-date-picker/lib/DatePicker';
 import PopupDatePicker from 'rmc-date-picker/lib/Popup';
 import { getComponentLocale } from '../_util/getLocale';

components/drawer/PropsType.tsx

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import * as React from 'react';
 
 export interface DrawerProps {
   onOpenChange?: (isOpen: boolean) => void;
@@ -8,15 +8,15 @@ export interface DrawerProps {
 }
 
 export interface DrawerWebProps extends DrawerProps {
-  sidebarStyle?: CSSProperties;
-  contentStyle?: CSSProperties;
-  overlayStyle?: CSSProperties;
-  dragHandleStyle?: CSSProperties;
+  sidebarStyle?: React.CSSProperties;
+  contentStyle?: React.CSSProperties;
+  overlayStyle?: React.CSSProperties;
+  dragHandleStyle?: React.CSSProperties;
   docked?: boolean;
   transitions?: boolean;
   touch?: boolean;
   dragToggleDistance?: number;
   prefixCls?: string;
   className?: string;
-  style?: CSSProperties;
+  style?: React.CSSProperties;
 }

components/drawer/index.tsx

@@ -1,5 +1,5 @@
 import RmcDrawer from 'rmc-drawer';
-import React from 'react';
+import * as React from 'react';
 import { DrawerWebProps } from './PropsType';
 
 export default class Drawer extends React.Component<DrawerWebProps, any> {

components/flex/Flex.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import { FlexPropsType as BasePropsType } from './PropsType';
 
 export interface FlexProps extends BasePropsType {

components/flex/FlexItem.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import { FlexItemPropsType } from './PropsType';
 
 export interface FlexItemProps extends FlexItemPropsType {

components/grid/PropsType.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 export interface DataItem {
   icon?: any;

components/grid/index.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import Carousel from '../carousel';
 import Flex from '../flex';

components/icon/index.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import loadSprite from './loadSprite';
 import { IconPropsType } from './PropsType';
 import { Omit } from '../_util/types';

components/image-picker/PropsType.tsx

@@ -1,4 +1,4 @@
-// import React from 'react';
+// import * as React from 'react';
 
 export interface ImagePickerPropTypes {
   style?: {};

components/image-picker/index.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:no-bitwise */
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import Flex from '../flex';
 import { ImagePickerPropTypes as BasePropsType } from './PropsType';

components/input-item/CustomInput.tsx

@@ -1,6 +1,6 @@
 import classnames from 'classnames';
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 import { addClass, removeClass } from '../_util/class';
 import CustomKeyboard from './CustomKeyboard';
 import Portal from './Portal';

components/input-item/CustomKeyboard.tsx

@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import { Omit } from '../_util/types';
 import { IS_IOS } from '../_util/exenv';

components/input-item/Input.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { InputEventHandler } from './PropsType';
 import { Omit } from '../_util/types';
 

components/input-item/Portal.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 
 const createPortal = ReactDOM.createPortal;
 export interface PortalProps {

components/input-item/PropsType.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export type InputEventHandler = (value?: string) => void;
 
 export interface InputItemPropsType {

components/input-item/index.tsx

@@ -1,7 +1,7 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import { getComponentLocale } from '../_util/getLocale';
 import CustomInput from './CustomInput';

components/list-view/Indexed.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import MListView from 'rmc-list-view';
 import handleProps from './handleProps';
 import { ListViewPropsType } from './PropsType';

components/list-view/PropsType.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface ListViewPropsType {
   dataSource: any;
   initialListSize?: number;

components/list-view/handleProps.tsx

@@ -1,5 +1,5 @@
 /* tslint:disable:no-unused-variable */
-import React from 'react';
+import * as React from 'react';
 /* tslint:enable:no-unused-variable */
 import List from '../list';
 import { ListViewProps } from './index';

components/list-view/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import MListView from 'rmc-list-view';
 import handleProps from './handleProps';
 import IndexedList from './Indexed';

components/list/ListItem.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import React, { MouseEventHandler } from 'react';
+import * as React from 'react';
 import TouchFeedback from 'rmc-feedback';
 import {
   BriefProps as BriefBasePropsType,
@@ -12,7 +12,7 @@ export interface ListItemProps extends ListItemBasePropsType {
   className?: string;
   role?: string;
   style?: React.CSSProperties;
-  onClick?: MouseEventHandler<HTMLDivElement>;
+  onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
 
 export interface BriefProps extends BriefBasePropsType {

components/list/PropsType.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import * as React from 'react';
 // export type ListType = JSX.Element
 export interface ListPropsType {
   renderHeader?: (() => React.ReactType) | string | JSX.Element;
@@ -10,9 +10,9 @@ export interface ListItemPropsType {
   align?: 'top' | 'middle' | 'bottom';
   disabled?: boolean;
   multipleLine?: boolean;
-  children?: ReactNode;
-  thumb?: ReactNode | null;
-  extra?: ReactNode;
+  children?: React.ReactNode;
+  thumb?: React.ReactNode | null;
+  extra?: React.ReactNode;
   arrow?: 'horizontal' | 'down' | 'up' | 'empty' | '';
   wrap?: boolean;
   activeStyle?: React.CSSProperties;
@@ -21,7 +21,7 @@ export interface ListItemPropsType {
 }
 
 export interface BriefProps {
-  children?: ReactNode;
+  children?: React.ReactNode;
   wrap?: boolean;
   style?: React.CSSProperties | {} | Array<{}>;
 }

components/list/index.tsx

@@ -1,6 +1,6 @@
 /* tslint:disable:jsx-no-multiline-js */
 import classnames from 'classnames';
-import React from 'react';
+import * as React from 'react';
 import Item from './ListItem';
 import { ListPropsType } from './PropsType';
 

components/locale-provider/locale-provider.tsx

@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types';
-import React from 'react';
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
 
 export interface LocaleProviderProps {
   locale: {