chore(*): set allowSyntheticDefaultImports = true

components/affix/__docs__/demo/absolute-position/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Affix, Button } from '@alifd/next';
 
 class Demo extends React.Component {

components/affix/__docs__/demo/basic/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Affix, Button } from '@alifd/next';
 
 ReactDOM.render(

components/affix/__docs__/demo/custom-container/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Affix, Button } from '@alifd/next';
 
 class Demo extends React.Component {

components/affix/__docs__/demo/custom-offset/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Affix, Button } from '@alifd/next';
 
 ReactDOM.render(

components/affix/__docs__/demo/on-affix/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Affix, Button } from '@alifd/next';
 
 class Demo extends React.Component<unknown, { affixed: boolean }> {

components/affix/__tests__/index-spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Button from '../../button';
 import Affix from '../index';
 

components/affix/index.tsx

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import { Component } from 'react';
-import * as PropTypes from 'prop-types';
-import * as classnames from 'classnames';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
 import ResizeObserver from 'resize-observer-polyfill';
 import { polyfill } from 'react-lifecycles-compat';
 

components/affix/types.ts

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

components/animate/__docs__/demo/basic/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Animate } from '@alifd/next';
 
 class Demo extends React.Component {

components/animate/__docs__/demo/expand/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Animate } from '@alifd/next';
 
 class Demo extends React.Component {

components/animate/__docs__/demo/multiple/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Animate } from '@alifd/next';
 
 class TodoList extends React.Component {

components/animate/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-import * as React from 'react';
+import React from 'react';
 import { CommonProps } from '../util';
 import { TransitionProps } from 'react-transition-group/Transition';
 import { TransitionGroupProps } from 'react-transition-group/TransitionGroup';

components/avatar/__docs__/adaptor/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Avatar } from '@alifd/next';
 import { Types } from '@alifd/adaptor-helper';
 

components/avatar/__docs__/demo/basic/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Avatar } from '@alifd/next';
 
 ReactDOM.render(

components/avatar/__docs__/demo/type/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Avatar, Icon } from '@alifd/next';
 
 ReactDOM.render(

components/avatar/__docs__/demo/with-badge/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Avatar, Badge } from '@alifd/next';
 
 ReactDOM.render(

components/avatar/__docs__/theme/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import '../../../demo-helper/style';
 import {
     Demo,

components/avatar/__tests__/a11y-spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Avatar from '../index';
 import '../style';
 import { testReact } from '../../util/__tests__/a11y/validate';

components/avatar/__tests__/index-spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Avatar from '../index';
 import Icon from '../../icon';
 import '../style';

components/avatar/index.tsx

@@ -1,7 +1,6 @@
-import { Component } from 'react';
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import * as classNames from 'classnames';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import ConfigProvider from '../config-provider';
 import Icon from '../icon';
 import { obj } from '../util';

components/avatar/types.ts

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

components/badge/__docs__/adaptor/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Badge } from '@alifd/next';
 import { Types } from '@alifd/adaptor-helper';
 

components/badge/__docs__/demo/accessibility/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/basic/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/clickable/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/content/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge, Icon } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/dot/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge, Icon } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/dynamic-content/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge, Button, Icon } from '@alifd/next';
 
 const ButtonGroup = Button.Group;

components/badge/__docs__/demo/no-wrapper/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/demo/overflowCount/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Badge } from '@alifd/next';
 
 ReactDOM.render(

components/badge/__docs__/theme/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import '../../../demo-helper/style';
 import { Demo, DemoGroup, initDemo } from '../../../demo-helper';
 import ConfigProvider from '../../../config-provider';

components/badge/__tests__/a11y-spec.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Badge from '../../badge/index';
 import '../../badge/style';
 import { testReact } from '../../util/__tests__/a11y/validate';

components/badge/__tests__/index-spec.tsx

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { ChangeEventHandler } from 'react';
+import React, { ChangeEventHandler } from 'react';
 import { support } from '../../util';
 import Badge from '../index';
 import '../style';

components/badge/index.tsx

@@ -1,7 +1,6 @@
-import { Component } from 'react';
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import * as classNames from 'classnames';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import ConfigProvider from '../config-provider';
 import { obj } from '../util';
 import Sup from './sup';

components/badge/sup.tsx

@@ -1,8 +1,7 @@
-import { Component } from 'react';
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { polyfill } from 'react-lifecycles-compat';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import Animate from '../animate';
 import { support, dom } from '../util';
 import type { BadgeSubProps, BadgeSubState } from './types';
@@ -41,7 +40,7 @@ class Sup extends Component<BadgeSubProps, BadgeSubState> {
 
     // 单排可滚动的数字列表
     static renderDigit(prefix: string, digit: number, key: string | number) {
-        const children = [];
+        const children: Array<React.ReactElement> = [];
         for (let i = 0; i < 30; i++) {
             children.push(<span key={i}>{i % 10}</span>);
         }
@@ -185,7 +184,7 @@ class Sup extends Component<BadgeSubProps, BadgeSubState> {
             [`${prefix}badge-custom`]: !!content,
         });
 
-        let children = null;
+        let children: React.ReactNode = null;
         const show = dot || (count as number) > 0 || (count === 0 && showZero) || content;
 
         if ((count as number) > 0 || (count === 0 && showZero)) {

components/badge/types.ts

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

components/balloon/__docs__/demo/accessibility/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 
 import { Button, Balloon, Input } from '@alifd/next';
 import moment from 'moment';

components/balloon/__docs__/demo/alignment/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 const top = (

components/balloon/__docs__/demo/arrow-point-to-center/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 const Tooltip = Balloon.Tooltip;

components/balloon/__docs__/demo/basic/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 const Demo = () => (

components/balloon/__docs__/demo/control/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 class App extends React.Component {

components/balloon/__docs__/demo/nested/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon, DatePicker, Select } from '@alifd/next';
 import moment from 'moment';
 

components/balloon/__docs__/demo/onCloseClick/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 class App extends React.Component {

components/balloon/__docs__/demo/tooltip-dir/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon } from '@alifd/next';
 
 const Tooltip = Balloon.Tooltip;

components/balloon/__docs__/demo/tooltip/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon, Table } from '@alifd/next';
 
 const Tooltip = Balloon.Tooltip;

components/balloon/__docs__/demo/triggerType/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Button, Balloon, Input } from '@alifd/next';
 
 const content = <div>content content content content content</div>;

components/balloon/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-import * as React from 'react';
+import React from 'react';
 import { CommonProps } from '../util';
 import { PopupProps } from '../overlay';
 

components/box/__docs__/demo/align&justify/index.tsx

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { Box } from '@alifd/next';
 
 class BoxDemo extends React.Component {