style: update code style

components/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 addEventListener from 'rc-util/lib/Dom/addEventListener';
 import classNames from 'classnames';
 import shallowequal from 'shallowequal';

components/alert/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 'rc-animate';
 import Icon from '../icon';
 import classNames from 'classnames';

components/auto-complete/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Select, { Option, OptGroup } from '../select';
 import classNames from 'classnames';
 

components/back-top/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Animate from 'rc-animate';
 import Icon from '../icon';
 import addEventListener from 'rc-util/lib/Dom/addEventListener';

components/badge/ScrollNumber.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { createElement, Component } from 'react';
 import {findDOMNode} from 'react-dom';
 import isCssAnimationSupported from '../_util/isCssAnimationSupported';

components/badge/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Animate from 'rc-animate';
 import ScrollNumber from './ScrollNumber';
 import classNames from 'classnames';

components/breadcrumb/Breadcrumb.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneElement } from 'react';
 import warning from 'warning';
 import BreadcrumbItem from './BreadcrumbItem';

components/breadcrumb/BreadcrumbItem.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import splitObject from '../_util/splitObject';
 
 export interface BreadcrumbItemProps {

components/button/button-group.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import splitObject from '../_util/splitObject';
 

components/card/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import splitObject from '../_util/splitObject';
 

components/carousel/index.tsx

@@ -16,7 +16,7 @@ if (typeof window !== 'undefined') {
 }
 
 import SlickCarousel from 'react-slick';
-import * as React from 'react';
+import React from 'react';
 
 export type CarouselEffect = 'scrollx' | 'fade'
 // Carousel

components/cascader/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcCascader from 'rc-cascader';
 import Input from '../input';
 import Icon from '../icon';

components/checkbox/Group.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Checkbox from './index';
 import PureRenderMixin from 'react-addons-pure-render-mixin';
 

components/checkbox/index.tsx

@@ -1,5 +1,5 @@
 import RcCheckbox from 'rc-checkbox';
-import * as React from 'react';
+import React from 'react';
 import CheckboxGroup from './Group';
 import classNames from 'classnames';
 import PureRenderMixin from 'react-addons-pure-render-mixin';

components/collapse/index.tsx

@@ -1,5 +1,5 @@
 import RcCollapse from 'rc-collapse';
-import * as React from 'react';
+import React from 'react';
 
 export interface CollapseProps {
   activeKey?: Array<string> | string;

components/dropdown/dropdown.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcDropdown from 'rc-dropdown';
 
 export interface DropDownProps {

components/form/Form.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import classNames from 'classnames';
 import PureRenderMixin from 'react-addons-pure-render-mixin';

components/form/FormItem.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import PureRenderMixin from 'react-addons-pure-render-mixin';
 import Row from '../row';

components/input-number/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import RcInputNumber from 'rc-input-number';
 import splitObject from '../_util/splitObject';

components/input/Group.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 
 export interface GroupProps {

components/input/Input.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Component, PropTypes } from 'react';
 import classNames from 'classnames';
 import calculateNodeHeight from './calculateNodeHeight';

components/layout/col.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import classNames from 'classnames';
 import assign from 'object-assign';

components/layout/row.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Children, cloneElement } from 'react';
 import classNames from 'classnames';
 import assign from 'object-assign';

components/locale-provider/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { changeConfirmLocale } from '../modal/locale';
 
 export interface LocaleProviderProps {

components/mention/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcMention, { Nav, toString, toEditorState, getMentions } from 'rc-editor-mention';
 import classnames from 'classnames';
 

components/menu/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcMenu, { Item, Divider, SubMenu, ItemGroup } from 'rc-menu';
 import animation from '../_util/openAnimation';
 import warning from 'warning';

components/message/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Notification from 'rc-notification';
 import Icon from '../icon';
 

components/modal/Modal.tsx

@@ -1,5 +1,5 @@
 import { PropTypes } from 'react';
-import * as React from 'react';
+import React from 'react';
 import Dialog from 'rc-dialog';
 import addEventListener from 'rc-util/lib/Dom/addEventListener';
 import Button from '../button';

components/modal/confirm.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 Dialog from './Modal';
 import Icon from '../icon';
 import Button from '../button';

components/modal/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Modal from './Modal';
 import confirm from './confirm';
 import assign from 'object-assign';

components/notification/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Notification from 'rc-notification';
 import Icon from '../icon';
 import assign from 'object-assign';

components/pagination/MiniSelect.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Select from '../select';
 
 export default class MiniSelect extends React.Component<any, any> {

components/pagination/Pagination.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcPagination from 'rc-pagination';
 import Select from '../select';
 import MiniSelect from './MiniSelect';

components/popconfirm/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Tooltip from '../tooltip';
 import Icon from '../icon';
 import Button from '../button';

components/popover/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Tooltip from '../tooltip';
 import getPlacements from './placements';
 

components/progress/progress.tsx

@@ -1,5 +1,5 @@
 import { PropTypes } from 'react';
-import * as React from 'react';
+import React from 'react';
 import Icon from '../icon';
 import { Circle } from 'rc-progress';
 import classNames from 'classnames';

components/radio/group.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import Radio from './radio';
 import RadioButton from './radioButton';

components/radio/radio.tsx

@@ -1,5 +1,5 @@
 import RcRadio from 'rc-radio';
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import PureRenderMixin from 'react-addons-pure-render-mixin';
 

components/radio/radioButton.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Radio from './radio';
 
 export interface RadioButtonProps {

components/rate/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import RcRate from 'rc-rate';
 

components/select/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import RcSelect, { Option, OptGroup } from 'rc-select';
 import classNames from 'classnames';

components/slider/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import RcSlider from 'rc-slider';
 

components/steps/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import RcSteps from 'rc-steps';
 

components/switch/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PropTypes } from 'react';
 import RcSwitch from 'rc-switch';
 import classNames from 'classnames';

components/table/Table.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcTable from 'rc-table';
 import Checkbox from '../checkbox';
 import Radio from '../radio';

components/table/filterDropdown.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
 import Dropdown from '../dropdown';
 import Icon from '../icon';

components/timeline/Timeline.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import TimelineItem from './TimelineItem';
 import splitObject from '../_util/splitObject';

components/timeline/TimelineItem.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import splitObject from '../_util/splitObject';
 

components/tooltip/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { cloneElement } from 'react';
 import RcTooltip from 'rc-tooltip';
 import getPlacements from '../popover/placements';

components/transfer/search.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Icon from '../icon';
 import Input from '../input';
 

components/tree-select/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcTreeSelect, { TreeNode, SHOW_ALL, SHOW_PARENT, SHOW_CHILD } from 'rc-tree-select';
 import classNames from 'classnames';
 import { TreeSelectProps, TreeSelectContext } from './interface';

components/tree-select/interface.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 export interface TreeData {
   key: string;

components/tree/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcTree, { TreeNode } from 'rc-tree';
 import animation from '../_util/openAnimation';
 

components/upload/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import RcUpload from 'rc-upload';
 import UploadList from './uploadList';
 import getFileItem from './getFileItem';

components/upload/interface.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 export type UploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed'
 

components/upload/uploadList.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Animate from 'rc-animate';
 import Icon from '../icon';
 import Progress from '../progress';

site/theme/template/Content/ComponentDoc.jsx

@@ -43,14 +43,14 @@ export default class ComponentDoc extends React.Component {
         if (index % 2 === 0 || isSingleCol) {
           leftChildren.push(
             <Demo {...demoData}
-              key={index} utils={props.utils}
+              key={meta.filename + index} utils={props.utils}
               expand={expand} pathname={location.pathname}
             />
           );
         } else {
           rightChildren.push(
             <Demo {...demoData}
-              key={index} utils={props.utils}
+              key={meta.filename + index} utils={props.utils}
               expand={expand} pathname={location.pathname}
             />
           );