设置 allowSyntheticDefaultImports

fis-conf.js

@@ -60,6 +60,7 @@ fis.match('/docs/**.md', {
 fis.match('{*.jsx,*.tsx,/src/**.js,/src/**.ts}', {
     parser: [fis.plugin('typescript', {
         importHelpers: true,
+        esModuleInterop: true,
         experimentalDecorators: true,
         sourceMap: true
     }),
@@ -160,7 +161,8 @@ if (fis.project.currentMedia() === 'publish') {
             fis.plugin('typescript', {
                 importHelpers: true,
                 sourceMap: true,
-                experimentalDecorators: true
+                experimentalDecorators: true,
+                esModuleInterop: true
             }),
             function (contents) {
                 return contents.replace(/(?:\w+\.)?\b__uri\s*\(\s*('|")(.*?)\1\s*\)/g, function (_, quote, value) {
@@ -394,7 +396,8 @@ if (fis.project.currentMedia() === 'publish') {
         },
         parser: fis.plugin('typescript', {
             sourceMap: false,
-            importHelpers: true
+            importHelpers: true,
+            esModuleInterop: true
         })
     });
     ghPages.match('*', {

package.json

@@ -70,7 +70,7 @@
     "redux": "3.7.2",
     "setimmediate": "1.0.5",
     "sortablejs": "1.7.0",
-    "tslib": "1.8.0",
+    "tslib": "^1.9.3",
     "uncontrollable": "4.1.0",
     "video-react": "0.9.4"
   },

src/Scoped.tsx

@@ -3,11 +3,11 @@
 * @author fex
 */
 
-import * as React from 'react';
+import React from 'react';
 import find = require('lodash/find');
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import hoistNonReactStatic = require('hoist-non-react-statics');
-import * as qs from 'qs';
+import qs from 'qs';
 import { dataMapping } from './utils/tpl-builtin';
 import { RendererEnv, RendererProps } from './factory';
 import { noop, autobind } from './utils/helper';

src/components/404.tsx

@@ -3,7 +3,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {themeable, ClassNamesFn} from '../theme';
 
 interface NotFoundProps {

src/components/Alert.tsx

@@ -3,7 +3,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {render} from 'react-dom';
 import Modal from './Modal';
 import Button from './Button';

src/components/Alert2.tsx

@@ -3,7 +3,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {ClassNamesFn, themeable} from '../theme';
 
 export interface AlertProps {

src/components/AsideNav.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {mapTree} from '../utils/helper';
 import {classPrefix, classnames} from '../themes/default';
 import {ClassNamesFn, themeable} from '../theme';

src/components/Button.tsx

@@ -3,7 +3,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import TooltipWrapper, {TooltipObject, Trigger} from './TooltipWrapper';
 import {pickEventsProps} from '../utils/helper';
 import {ClassNamesFn, themeable} from '../theme';

src/components/Checkbox.tsx

@@ -3,8 +3,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {ClassNamesFn, themeable} from '../theme';
 import {autobind} from '../utils/helper';
 

src/components/Checkboxes.tsx

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import uncontrollable = require('uncontrollable');
 import Checkbox from './Checkbox';
 import find = require('lodash/find');

src/components/ColorPicker.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {findDOMNode} from 'react-dom';
 import {SketchPicker, ColorResult} from 'react-color';
 import {closeIcon} from './icons';

src/components/DatePicker.tsx

@@ -4,14 +4,14 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
-import * as moment from 'moment';
+import React from 'react';
+import cx from 'classnames';
+import moment from 'moment';
 import 'moment/locale/zh-cn';
 
 // hack 进去，让 days view 用 CustomDaysView 代替
-import * as CalendarContainer from 'react-datetime/src/CalendarContainer';
-import * as ReactDatePicker from 'react-datetime';
+import CalendarContainer from 'react-datetime/src/CalendarContainer';
+import ReactDatePicker from 'react-datetime';
 import Select from './Select';
 import {closeIcon} from './icons';
 import PopOver from './PopOver';

src/components/DateRangePicker.tsx

@@ -7,7 +7,7 @@
 import React = require('react');
 import moment = require('moment');
 import {findDOMNode} from 'react-dom';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {closeIcon} from './icons';
 import Overlay from './Overlay';
 import {BaseDatePicker} from './DatePicker';

src/components/Drawer.tsx

@@ -4,11 +4,11 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import Transition, {ENTERED, ENTERING, EXITING} from 'react-transition-group/Transition';
 import {Portal} from 'react-overlays';
 import {closeIcon} from './icons';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {current, addModal, removeModal} from './ModalManager';
 import {ClassNamesFn, themeable} from '../theme';
 import {noop, autobind} from '../utils/helper';

src/components/Editor.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {ClassNamesFn, themeable} from '../theme';
 
 function noJsExt(raw: string) {

src/components/Html.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {classPrefix, classnames} from '../themes/default';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/Layout.tsx

@@ -16,8 +16,8 @@
  * * contentClassName 内容区域附加样式名称
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {ClassNamesFn, themeable} from '../theme';
 
 interface LayoutProps {

src/components/LazyComponent.tsx

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import VisibilitySensor = require('react-visibility-sensor');
 
 export interface LazyComponentProps {

src/components/Modal.tsx

@@ -4,10 +4,10 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import Transition, {ENTERED, ENTERING} from 'react-transition-group/Transition';
 import {Portal} from 'react-overlays';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {current, addModal, removeModal} from './ModalManager';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/ModalManager.ts

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as keycode from 'keycode';
+import keycode from 'keycode';
 
 interface ModalComponent
     extends React.Component<{

src/components/Overlay.tsx

@@ -6,7 +6,7 @@
 
 import {Position, Overlay as BaseOverlay} from 'react-overlays';
 import {findDOMNode} from 'react-dom';
-import * as React from 'react';
+import React from 'react';
 import {calculatePosition, getContainer, ownerDocument} from '../utils/dom';
 
 Position.propTypes.placement = BaseOverlay.propTypes.placement = () => null;

src/components/PopOver.tsx

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {findDOMNode} from 'react-dom';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/Radios.tsx

@@ -13,7 +13,7 @@
  * ]
  */
 
-import * as React from 'react';
+import React from 'react';
 import uncontrollable = require('uncontrollable');
 import Checkbox from './Checkbox';
 import {value2array, OptionProps, Option} from './Checkboxes';

src/components/Range.tsx

@@ -4,10 +4,10 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as InputRange from 'react-input-range';
+import React from 'react';
+import InputRange from 'react-input-range';
 import uncontrollable = require('uncontrollable');
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {RendererProps} from '../factory';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/Rating.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {ClassNamesFn, themeable} from '../theme';
 
 interface RatingProps {

src/components/RichText.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as $ from 'jquery';
+import React from 'react';
+import $ from 'jquery';
 
 // Require Editor JS files.
 // import 'froala-editor/js/froala_editor.pkgd.min.js';

src/components/Select.tsx

@@ -6,14 +6,14 @@
  */
 
 import uncontrollable = require('uncontrollable');
-import * as React from 'react';
+import React from 'react';
 import 'react-datetime/css/react-datetime.css';
 import Overlay from './Overlay';
 import PopOver from './PopOver';
 import Downshift, {ControllerStateAndHelpers} from 'downshift';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {closeIcon} from './icons';
-import * as matchSorter from 'match-sorter';
+import matchSorter from 'match-sorter';
 import {noop} from '../utils/helper';
 import find = require('lodash/find');
 import isPlainObject = require('lodash/isPlainObject');

src/components/Spinner.tsx

@@ -5,7 +5,7 @@
  * @date 2017-11-07
  */
 
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {ClassNamesFn, themeable} from '../theme';
 import {classPrefix, classnames} from '../themes/default';

src/components/Switch.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {ClassNamesFn, themeable} from '../theme';
 import {classPrefix, classnames} from '../themes/default';
 

src/components/Textarea.tsx

@@ -1,2 +1,2 @@
-import * as Textarea from 'react-textarea-autosize';
+import Textarea from 'react-textarea-autosize';
 export default Textarea;

src/components/TitleBar.tsx

@@ -8,7 +8,7 @@
  * right 可以传入右侧节点, 当有右侧时自动采用 hbox 来左右布局。
  */
 
-import * as React from 'react';
+import React from 'react';
 import {classPrefix, classnames} from '../themes/default';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/Toast.tsx

@@ -5,8 +5,8 @@
  */
 
 import Transition, {ENTERED, ENTERING, EXITING, EXITED} from 'react-transition-group/Transition';
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import Html from './Html';
 import {uuid, autobind} from '../utils/helper';
 import {ClassNamesFn, themeable} from '../theme';

src/components/Tooltip.tsx

@@ -4,8 +4,8 @@
  * @author fex
  */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {classPrefix, classnames} from '../themes/default';
 import {ClassNamesFn, themeable} from '../theme';
 

src/components/Tree.tsx

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {eachTree, isVisible} from '../utils/helper';
 import {Option, Options, value2array} from './Checkboxes';
 import {ClassNamesFn, themeable} from '../theme';

src/components/icons.tsx

@@ -4,7 +4,7 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 export const closeIcon = (
     <svg className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1463">
         <path

src/components/index.tsx

@@ -18,7 +18,7 @@ import Drawer from './Drawer';
 import DropdownButton from './DropdownButton';
 // import Editor from './Editor';
 import Html from './Html';
-import * as Icons from './icons';
+import Icons from './icons';
 import Layout from './Layout';
 import LazyComponent from './LazyComponent';
 import Modal from './Modal';

src/factory.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import * as qs from 'qs';
+import React from "react";
+import qs from 'qs';
 import {
     RendererStore,
     IRendererStore,

src/index.tsx

@@ -8,7 +8,7 @@ import {wrapFetcher, buildApi} from './utils/api';
 import {filter, reigsterTplEnginer} from './utils/tpl'
 import './utils/tpl-builtin';
 import './utils/tpl-lodash';
-import * as utils from './utils/helper';
+import utils from './utils/helper';
 import {resizeSensor} from './utils/resize-sensor';
 import {setIconVendor} from './renderers/Form/IconPicker-icons';
 

src/renderers/Action.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {filter} from '../utils/tpl';
 import Button from '../components/Button';

src/renderers/Audio.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import upperFirst = require('lodash/upperFirst');
 import {Renderer, RendererProps} from '../factory';
 import {autobind} from '../utils/helper';

src/renderers/ButtonGroup.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import ButtonGroup from './Form/ButtonGroup';
 import {Renderer} from '../factory';
 

src/renderers/ButtonToolbar.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {Action} from '../types';
 

src/renderers/CRUD.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import {Renderer, RendererProps} from '../factory';
 import {SchemaNode, Schema, Action, Api, ApiObject} from '../types';
 import {CRUDStore, ICRUDStore} from '../store/crud';
@@ -19,7 +19,7 @@ import Button from '../components/Button';
 import Select from '../components/Select';
 import getExprProperties from '../utils/filter-schema';
 import pick = require('lodash/pick');
-import * as qs from 'qs';
+import qs from 'qs';
 import {findDOMNode} from 'react-dom';
 import {evalExpression, filter} from '../utils/tpl';
 import {isValidApi, buildApi} from '../utils/api';

src/renderers/Card.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {findDOMNode} from 'react-dom';
 import {Renderer, RendererProps} from '../factory';
 import {SchemaNode, Schema, Action} from '../types';
 import {filter, evalExpression} from '../utils/tpl';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Checkbox from '../components/Checkbox';
 import {IItem} from '../store/list';
 import {padArr, isVisible, isDisabled, noop} from '../utils/helper';

src/renderers/Cards.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import {findDOMNode} from 'react-dom';
 import {Renderer, RendererProps} from '../factory';
 import {SchemaNode, Action} from '../types';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Button from '../components/Button';
 import {ListStore, IListStore, IItem} from '../store/list';
 import {observer} from 'mobx-react';

src/renderers/Carousel.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Transition, {ENTERED, ENTERING, EXITING} from 'react-transition-group/Transition';
 import {Renderer, RendererProps} from '../factory';
 import {autobind, createObject} from '../utils/helper';

src/renderers/Chart.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import {Renderer, RendererProps} from '../factory';
 import {ServiceStore, IServiceStore} from '../store/service';
 import {Api, ApiObject, Action} from '../types';
 import {filter, evalExpression} from '../utils/tpl';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import LazyComponent from '../components/LazyComponent';
 import {resizeSensor} from '../utils/resize-sensor';
 import {resolveVariableAndFilter} from '../utils/tpl-builtin';

src/renderers/Collapse.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {Collapse as BasicCollapse} from 'react-bootstrap';
 
 export interface CollapseProps extends RendererProps {

src/renderers/Container.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {SchemaNode} from '../types';
 

src/renderers/Copyable.tsx

@@ -3,9 +3,9 @@
  * @author fex
  */
 
-import * as React from 'react';
+import React from 'react';
 import {RendererProps} from '../factory';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import hoistNonReactStatic = require('hoist-non-react-statics');
 import Button from '../components/Button';
 import {filter} from '../utils/tpl';

src/renderers/Date.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {ServiceStore, IServiceStore} from '../store/service';
 import {Api, SchemaNode} from '../types';
 import {filter} from '../utils/tpl';
-import * as cx from 'classnames';
-import * as moment from 'moment';
+import cx from 'classnames';
+import moment from 'moment';
 
 export interface DateProps extends RendererProps {
     className?: string;

src/renderers/Dialog.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Scoped, {ScopedContext, IScopedContext} from '../Scoped';
 import {Renderer, RendererProps} from '../factory';
 import {ServiceStore, IServiceStore} from '../store/service';

src/renderers/Divider.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {ServiceStore, IServiceStore} from '../store/service';
 import {filter} from '../utils/tpl';
-import * as cx from 'classnames';
+import cx from 'classnames';
 
 export interface DividerProps extends RendererProps {}
 

src/renderers/Drawer.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Scoped, {ScopedContext, IScopedContext} from '../Scoped';
 import {Renderer, RendererProps} from '../factory';
 import {ServiceStore, IServiceStore} from '../store/service';
 import {observer} from 'mobx-react';
 import {SchemaNode, Schema, Action} from '../types';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {default as DrawerContainer} from '../components/Drawer';
 import findLast = require('lodash/findLast');
 import {guid} from '../utils/helper';

src/renderers/DropDownButton.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {RootCloseWrapper} from 'react-overlays';
 import Overlay from '../components/Overlay';
 import PopOver from '../components/PopOver';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {isVisible} from '../utils/helper';
 import {filter} from '../utils/tpl';
 

src/renderers/Each.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {Renderer, RendererProps} from '../factory';
 import {Schema} from '../types';
 import {resolveVariable} from '../utils/tpl-builtin';

src/renderers/Form/Array.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/Button.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {Button} from '../../types';
 
 export interface ButtonProps extends FormControlProps, Button {

src/renderers/Form/ButtonGroup.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {
     OptionsControl,
     OptionsControlProps

src/renderers/Form/ButtonToolbar.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {
     Button
 } from '../../types';

src/renderers/Form/ChainedSelect.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {
     OptionsControl,
     OptionsControlProps,

src/renderers/Form/Checkbox.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Checkbox from '../../components/Checkbox';
 
 export interface CheckboxProps extends FormControlProps {

src/renderers/Form/Checkboxes.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     OptionsControl,
     OptionsControlProps
 } from './Options';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Checkbox from '../../components/Checkbox';
 import chunk = require('lodash/chunk');
 

src/renderers/Form/City.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/Color.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import ColorPicker from '../../components/ColorPicker';
 
 

src/renderers/Form/Combo.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     findDOMNode
 } from 'react-dom';
@@ -6,7 +6,7 @@ import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import { Schema, Action, Api } from '../../types';
 import {ComboStore, IComboStore} from '../../store/combo';
 import { observer } from "mobx-react";

src/renderers/Form/Container.tsx

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer
 } from '../../factory';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Container from '../Container';
 import FormItem, { FormControlProps } from './Item';
 

src/renderers/Form/Control.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import {IFormStore, IFormItemStore} from '../../store/form';
 import debouce = require('lodash/debounce');
 

src/renderers/Form/Date.tsx

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {
     filterDate
 } from '../../utils/tpl-builtin';
-import * as moment from 'moment';
+import moment from 'moment';
 import 'moment/locale/zh-cn';
 import DatePicker from '../../components/DatePicker';
 

src/renderers/Form/DateRange.tsx

@@ -1,13 +1,13 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {
     filterDate
 } from '../../utils/tpl-builtin';
-import * as moment from 'moment';
+import moment from 'moment';
 import 'moment/locale/zh-cn';
 import DateRangePicker from '../../components/DateRangePicker';
 

src/renderers/Form/DiffEditor.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer
 } from '../../factory';
@@ -9,7 +9,7 @@ import {
 import {
     filter,
 } from '../../utils/tpl';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import LazyComponent from '../../components/LazyComponent';
 import debouce = require('lodash/debounce');
 

src/renderers/Form/Editor.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import LazyComponent from '../../components/LazyComponent';
 import debouce = require('lodash/debounce');
 

src/renderers/Form/FieldSet.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer,
     RendererProps
 } from '../../factory';
 import Collapse from '../Collapse';
-import * as cx from 'classnames';
+import cx from 'classnames';
 
 export interface FieldSetProps extends RendererProps {
     title?: string;

src/renderers/Form/File.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
-import * as qs from 'qs';
+import cx from 'classnames';
+import qs from 'qs';
 import find = require('lodash/find');
 import isPlainObject = require('lodash/isPlainObject');
 import {mapLimit} from 'async';

src/renderers/Form/Formula.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/Grid.tsx

@@ -10,9 +10,9 @@ import {
     FormControlProps
 } from './Item';
 import pick = require("lodash/pick");
-import * as React from 'react';
+import React from 'react';
 import { Row, Col } from "react-bootstrap";
-import * as cx from 'classnames';
+import cx from 'classnames';
 
 export interface GridProps extends FormControlProps {};
 const defaultHorizontal = {

src/renderers/Form/Group.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer,
     RendererProps
 } from '../../factory';
 import { Schema } from '../../types';
 import {isVisible, getWidthRate, makeHorizontalDeeper} from '../../utils/helper';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import { FormItemWrap } from './Item';
 
 export interface InputGroupProps extends RendererProps {

src/renderers/Form/HBox.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer,
     RendererProps
@@ -9,7 +9,7 @@ import {
 } from './Item';
 import HBox from '../HBox';
 import { Schema } from '../../types';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import { isVisible } from '../../utils/helper';
 
 interface HBoxProps extends FormControlProps {

src/renderers/Form/Hidden.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/IconPicker.tsx

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import * as cx from 'classnames';
-import * as matchSorter from 'match-sorter';
-import * as keycode from "keycode";
+import React from 'react';
+import cx from 'classnames';
+import matchSorter from 'match-sorter';
+import keycode from "keycode";
 import Downshift, { StateChangeOptions } from 'downshift';
 import { autobind } from '../../utils/helper';
 import { ICONS } from './IconPicker-icons';

src/renderers/Form/Image.tsx

@@ -1,17 +1,17 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Cropper from 'react-cropper';
-import * as DropZone from 'react-dropzone';
+import DropZone from 'react-dropzone';
 import 'blueimp-canvastoblob';
 // @require 'cropperjs/dist/cropper.css';
 // jest 不能支持这种写法
 // import 'cropperjs/dist/cropper.css';
 import find = require('lodash/find');
-import * as qs from 'qs';
+import qs from 'qs';
 import { FileValue } from './Image';
 import {Payload} from '../../types';
 import { filter } from '../../utils/tpl';

src/renderers/Form/InputGroup.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer,
     RendererProps
@@ -6,7 +6,7 @@ import {
 import { Schema } from '../../types';
 import Collapse from '../Collapse';
 import {makeColumnClassBuild, makeHorizontalDeeper, isVisible, isDisabled} from '../../utils/helper';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import getExprProperties from '../../utils/filter-schema';
 import {
     FormItem,

src/renderers/Form/Item.tsx

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import hoistNonReactStatic = require('hoist-non-react-statics');
 import { IFormStore, IFormItemStore } from '../../store/form';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import { observer } from "mobx-react";
 import debouce = require('lodash/debounce');
 import { onPatch } from 'mobx-state-tree';

src/renderers/Form/List.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     OptionsControl,
     OptionsControlProps,

src/renderers/Form/Matrix.tsx

@@ -3,8 +3,8 @@
 * @author fex
 */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import { FormControlProps, FormItem } from './Item';
 import { buildApi, isValidApi } from '../../utils/api';
 import { Checkbox } from '../../components';

src/renderers/Form/NestedSelect.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import xorBy = require('lodash/xorBy')
 import unionBy = require('lodash/unionBy')
 import Overlay from '../../components/Overlay';

src/renderers/Form/Number.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps,
 } from './Item';
-import * as cx from 'classnames';
-import * as InputNumber from 'rc-input-number';
+import cx from 'classnames';
+import InputNumber from 'rc-input-number';
 import {filter} from '../../utils/tpl';
 
 export interface NumberProps extends FormControlProps {

src/renderers/Form/Options.tsx

@@ -14,7 +14,7 @@ import {
 } from '../../store/formItem';
 export type OptionsControlComponent = React.ComponentType<FormControlProps>;
 
-import * as React from 'react';
+import React from 'react';
 import { resolveVariableAndFilter } from '../../utils/tpl-builtin';
 import { evalExpression } from '../../utils/tpl';
 import { Option, OptionProps, normalizeOptions } from '../../components/Select';

src/renderers/Form/Panel.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import React from 'react';
 import {
     Renderer,
     RendererProps
 } from '../../factory';
 import Panel from '../Panel';
 import { Schema } from '../../types';
-import * as cx from 'classnames';
+import cx from 'classnames';
 
 @Renderer({
     test: /(^|\/)form(?:\/.+)?\/control\/(?:\d+\/)?panel$/,

src/renderers/Form/Picker.tsx

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import {
     OptionsControl,
     OptionsControlProps,
     Option
 } from './Options';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Button from '../../components/Button';
 import {
     SchemaNode,

src/renderers/Form/Radios.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Radios from '../../components/Radios';
 import {
     OptionsControl,

src/renderers/Form/Range.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import isNumber = require('lodash/isNumber');
 import isObject = require('lodash/isObject');
 import isEqual = require('lodash/isEqual');
@@ -6,7 +6,7 @@ import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import InputRange from '../../components/Range';
 import { closeIcon } from '../../components/icons';
 

src/renderers/Form/Rating.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/Repeat.tsx

@@ -4,8 +4,8 @@
 */
 /* eslint fecs-indent: [0, "space", 2, 2] */
 
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {
     FormItem,
     FormControlProps

src/renderers/Form/RichText.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import LazyComponent from '../../components/LazyComponent';
 import { noop } from '../../utils/helper';
 

src/renderers/Form/Select.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as cx from 'classnames';
+import React from 'react';
+import cx from 'classnames';
 import {
     OptionsControl,
     OptionsControlProps,

src/renderers/Form/Service.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React from 'react';
+import PropTypes from 'prop-types';
 import {
     Renderer,
     RendererProps

src/renderers/Form/Static.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import {TableCell} from '../Table';
 import PopOver from '../PopOver';
 import QuickEdit from '../QuickEdit';

src/renderers/Form/SubForm.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import omit = require('lodash/omit');
 import pick = require('lodash/pick');
 import { createObject } from '../../utils/helper';

src/renderers/Form/Switch.tsx

@@ -1,9 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 import {
     FormItem,
     FormControlProps
 } from './Item';
-import * as cx from 'classnames';
+import cx from 'classnames';
 import Switch from '../../components/Switch';
 
 export interface SwitchProps extends FormControlProps {