style: update code style to please the fucking lint

components/input/index.jsx

@@ -85,7 +85,10 @@ class Input extends React.Component {
     }
     switch (props.type) {
       case 'textarea':
-      return <textarea {...props} placeholder={placeholder} className={inputClassName} ref="input" />;
+        return (
+          <textarea {...props} placeholder={placeholder}
+            className={inputClassName} ref="input" />
+        );
       default:
         inputClassName = props.className ? props.className : inputClassName;
         return <input {...props} placeholder={placeholder} className={inputClassName} ref="input"/>;

components/layout/col.jsx

@@ -12,7 +12,7 @@ const Col = React.createClass({
     children: React.PropTypes.node,
   },
   render() {
-    const {span, order, offset, push, pull, className, ...others} = this.props;
+    const { span, order, offset, push, pull, className, ...others } = this.props;
     const classes = classNames({
       ['col-' + span]: span,
       ['col-order-' + order]: order,

components/layout/row.jsx

@@ -12,7 +12,7 @@ const Row = React.createClass({
   render() {
     const { type, justify, align, className, ...others } = this.props;
     const classes = classNames({
-      'row': true,
+      row: true,
       ['row-' + type]: type,
       ['row-' + type + '-' + justify]: justify,
       ['row-' + type + '-' + align]: align,

components/message/index.jsx

@@ -12,7 +12,7 @@ function getMessageInstance() {
     prefixCls: 'ant-message',
     transitionName: 'move-up',
     style: {
-      top: top
+      top,
     }  // 覆盖原来的样式
   });
   return messageInstance;
@@ -20,31 +20,31 @@ function getMessageInstance() {
 
 function notice(content, duration = defaultDuration, type, onClose) {
   let iconClass = ({
-    'info': 'ant-message-info',
-    'success': 'ant-message-success',
-    'error': 'ant-message-error',
-    'warn': 'ant-message-warn',
-    'loading': 'ant-message-loading'
+    info: 'ant-message-info',
+    success: 'ant-message-success',
+    error: 'ant-message-error',
+    warn: 'ant-message-warn',
+    loading: 'ant-message-loading'
   })[type];
 
   let iconType = ({
-    'info': 'info-circle',
-    'success': 'check-circle',
-    'error': 'exclamation-circle',
-    'warn': 'exclamation-circle',
-    'loading': 'loading'
+    info: 'info-circle',
+    success: 'check-circle',
+    error: 'exclamation-circle',
+    warn: 'exclamation-circle',
+    loading: 'loading'
   })[type];
 
   let instance = getMessageInstance();
   instance.notice({
-    key: key,
-    duration: duration,
+    key,
+    duration,
     style: {},
     content: <div className={'ant-message-custom-content ' + iconClass}>
       <Icon className={iconClass} type={iconType} />
       <span>{content}</span>
     </div>,
-    onClose: onClose
+    onClose
   });
   return (function() {
     let target = key++;

components/modal/confirm.jsx

@@ -3,8 +3,10 @@ import ReactDOM from 'react-dom';
 import Dialog from './index';
 import Icon from '../icon';
 import Button from '../button';
+import objectAssign from 'object-assign';
 
-export default function (props = {}) {
+export default function (config) {
+  const props = objectAssign({}, config || {});
   let div = document.createElement('div');
   document.body.appendChild(div);
 
@@ -110,7 +112,7 @@ export default function (props = {}) {
     transitionName="zoom"
     footer=""
     maskTransitionName="fade" width={width}>
-    <div style={{zoom: 1, overflow: 'hidden'}}>{body} {footer}</div>
+    <div style={{ zoom: 1, overflow: 'hidden' }}>{body} {footer}</div>
   </Dialog>, div, function () {
     d = this;
   });

components/modal/index.jsx

 import React from 'react';
 import Dialog from 'rc-dialog';
 import { Dom } from 'rc-util';
+import objectAssign from 'object-assign';
 import confirm from './confirm';
 import Button from '../button';
 
@@ -78,26 +79,34 @@ let AntModal = React.createClass({
 });
 
 AntModal.info = function (props) {
-  props.iconClassName = 'info-circle';
-  props.okCancel = false;
-  return confirm(props);
+  const config = objectAssign({}, props, {
+    iconClassName: 'info-circle',
+    okCancel: false,
+  });
+  return confirm(config);
 };
 
 AntModal.success = function (props) {
-  props.iconClassName = 'check-circle';
-  props.okCancel = false;
-  return confirm(props);
+  const config = objectAssign({}, props, {
+    iconClassName: 'check-circle',
+    okCancel: false,
+  });
+  return confirm(config);
 };
 
 AntModal.error = function (props) {
-  props.iconClassName = 'exclamation-circle';
-  props.okCancel = false;
-  return confirm(props);
+  const config = objectAssign({}, props, {
+    iconClassName: 'exclamation-circle',
+    okCancel: false,
+  });
+  return confirm(config);
 };
 
 AntModal.confirm = function (props) {
-  props.okCancel = true;
-  return confirm(props);
+  const config = objectAssign({}, props, {
+    okCancel: true,
+  });
+  return confirm(config);
 };
 
 export default AntModal;

components/notification/index.jsx

@@ -13,7 +13,7 @@ function getNotificationInstance() {
   notificationInstance = Notification.newInstance({
     prefixCls: 'ant-notification',
     style: {
-      top: top,
+      top,
       right: 0
     }
   });
@@ -56,7 +56,7 @@ function notice(args) {
 
         <div className={prefixCls + 'description'}>{args.description}</div>
       </div>,
-      duration: duration,
+      duration,
       closable: true,
       onClose: args.onClose,
       key: args.key,
@@ -71,7 +71,7 @@ function notice(args) {
 
           <div className={prefixCls + 'description'}>{args.description}</div>
         </div>,
-        duration: duration,
+        duration,
         closable: true,
         onClose: args.onClose,
         key: args.key,
@@ -87,7 +87,7 @@ function notice(args) {
             {args.btn}
           </span>
         </div>,
-        duration: duration,
+        duration,
         closable: true,
         onClose: args.onClose,
         key: args.key,

components/popconfirm/index.jsx

@@ -62,7 +62,7 @@ export default React.createClass({
     }
   },
   render() {
-    const {title, okText, cancelText, placement, overlayStyle, trigger} = this.props;
+    const { title, okText, cancelText, placement, overlayStyle, trigger } = this.props;
     const overlay = (
       <div>
         <div className={prefixCls + '-content'}>

components/popover/index.jsx

@@ -6,7 +6,7 @@ const prefixCls = 'ant-popover';
 const Popover = React.createClass({
   getDefaultProps() {
     return {
-      prefixCls: prefixCls,
+      prefixCls,
       placement: 'top',
       trigger: 'hover',
       mouseEnterDelay: 0.1,

components/progress/index.jsx

-import {Circle as Progresscircle} from 'rc-progress';
+import { Circle as Progresscircle } from 'rc-progress';
 import React from 'react';
 import assign from 'object-assign';
 import Icon from '../icon';
@@ -6,9 +6,9 @@ import Icon from '../icon';
 const prefixCls = 'ant-progress';
 
 const statusColorMap = {
-  'normal': '#2db7f5',
-  'exception': '#ff6600',
-  'success': '#87d068'
+  normal: '#2db7f5',
+  exception: '#ff6600',
+  success: '#87d068'
 };
 
 let Line = React.createClass({
@@ -83,7 +83,7 @@ let Circle = React.createClass({
     strokeWidth: React.PropTypes.number,
     width: React.PropTypes.number,
   },
-  getDefaultProps: function () {
+  getDefaultProps() {
     return {
       width: 132,
       percent: 0,
@@ -100,9 +100,9 @@ let Circle = React.createClass({
     }
 
     let style = {
-      'width': props.width,
-      'height': props.width,
-      'fontSize': props.width * 0.16 + 6
+      width: props.width,
+      height: props.width,
+      fontSize: props.width * 0.16 + 6
     };
     let progressInfo;
     const text = (typeof props.format === 'string') ?
@@ -136,6 +136,6 @@ let Circle = React.createClass({
 });
 
 export default {
-  Line: Line,
-  Circle: Circle
+  Line,
+  Circle,
 };

components/radio/group.jsx

@@ -12,15 +12,15 @@ function getCheckedValue(children) {
 }
 
 export default React.createClass({
-  getDefaultProps: function () {
+  getDefaultProps() {
     return {
       prefixCls: 'ant-radio-group',
       disabled: false,
-      onChange: function () {
+      onChange() {
       }
     };
   },
-  getInitialState: function () {
+  getInitialState() {
     let props = this.props;
     return {
       value: props.value || props.defaultValue || getCheckedValue(props.children)
@@ -33,7 +33,7 @@ export default React.createClass({
       });
     }
   },
-  render: function () {
+  render() {
     let props = this.props;
     let children = React.Children.map(props.children, (radio) => {
       if (radio.props) {
@@ -53,7 +53,7 @@ export default React.createClass({
       </div>
     );
   },
-  onRadioChange: function (ev) {
+  onRadioChange(ev) {
     this.setState({
       value: ev.target.value
     });

components/slider/index.jsx

@@ -9,7 +9,7 @@ export default React.createClass({
     };
   },
   render() {
-    const {isIncluded, marks, index, defaultIndex, ...rest} = this.props;
+    const { isIncluded, marks, index, defaultIndex, ...rest } = this.props;
 
     if (isIncluded !== undefined) {
       // 兼容 `isIncluded`

components/table/filterDropdown.jsx

@@ -20,12 +20,11 @@ let FilterMenu = React.createClass({
   },
   getDefaultProps() {
     return {
-      handleFilter: function () {
-      },
+      handleFilter() {},
       column: null
     };
   },
-  setSelectedKeys: function ({selectedKeys}) {
+  setSelectedKeys({ selectedKeys }) {
     this.setState({ selectedKeys });
   },
   handleClearFilters() {
@@ -41,7 +40,7 @@ let FilterMenu = React.createClass({
   },
   onVisibleChange(visible) {
     this.setState({
-      visible: visible
+      visible,
     });
     if (!visible) {
       this.props.confirmFilter(this.props.column, this.state.selectedKeys);
@@ -89,7 +88,7 @@ let FilterMenu = React.createClass({
     this.setState({ keyPathOfSelectedItem });
   },
   render() {
-    let {column, locale} = this.props;
+    let { column, locale } = this.props;
     // default multiple selection in filter dropdown
     let multiple = true;
     if ('filterMultiple' in column) {

components/table/index.jsx

@@ -144,7 +144,9 @@ let AntTable = React.createClass({
       sorter
     };
     this.setState(newState);
-    this.props.onChange.apply(this, this.prepareParamsArguments(objectAssign({}, this.state, newState)));
+    this.props.onChange.apply(this, this.prepareParamsArguments(
+      objectAssign({}, this.state, newState)
+    ));
   },
 
   handleFilter(column, nextFilters) {
@@ -164,7 +166,9 @@ let AntTable = React.createClass({
     };
     this.setState(newState);
     this.setSelectedRowKeys([]);
-    this.props.onChange.apply(this, this.prepareParamsArguments(objectAssign({}, this.state, newState)));
+    this.props.onChange.apply(this, this.prepareParamsArguments(
+      objectAssign({}, this.state, newState)
+    ));
   },
 
   handleSelect(record, rowIndex, e) {
@@ -192,7 +196,7 @@ let AntTable = React.createClass({
     }
   },
 
-  handleRadioSelect: function (record, rowIndex, e) {
+  handleRadioSelect(record, rowIndex, e) {
     const checked = e.target.checked;
     const defaultSelection = this.state.selectionDirty ? [] : this.getDefaultSelection();
     let selectedRowKeys = this.state.selectedRowKeys.concat(defaultSelection);
@@ -259,10 +263,12 @@ let AntTable = React.createClass({
     };
     this.setState(newState);
     this.setSelectedRowKeys([]);
-    this.props.onChange.apply(this, this.prepareParamsArguments(objectAssign({}, this.state, newState)));
+    this.props.onChange.apply(this, this.prepareParamsArguments(
+      objectAssign({}, this.state, newState)
+    ));
   },
 
-  onRadioChange: function (ev) {
+  onRadioChange(ev) {
     this.setState({
       radioIndex: ev.target.value
     });
@@ -282,7 +288,8 @@ let AntTable = React.createClass({
                  this.getDefaultSelection().indexOf(rowIndex) >= 0);
     }
     return (
-      <Radio disabled={props.disabled} onChange={this.handleRadioSelect.bind(this, record, rowIndex)}
+      <Radio disabled={props.disabled}
+        onChange={this.handleRadioSelect.bind(this, record, rowIndex)}
         value={rowIndex} checked={checked}/>
     );
   },
@@ -438,7 +445,7 @@ let AntTable = React.createClass({
     }
 
     let nextPagination = objectAssign(pagination, {
-      pageSize: pageSize
+      pageSize,
     });
     this.setState({ pagination: nextPagination });
   },
@@ -450,7 +457,7 @@ let AntTable = React.createClass({
     }
     let classString = classNames({
       'ant-table-pagination': true,
-      'mini': this.props.size === 'middle' || this.props.size === 'small',
+      mini: this.props.size === 'middle' || this.props.size === 'small',
     });
     let total = this.state.pagination.total || this.getLocalData().length;
     const pageSize = this.state.pagination.pageSize;
@@ -551,8 +558,9 @@ let AntTable = React.createClass({
 
     columns = this.renderColumnsDropdown(columns);
     columns = columns.map((column, i) => {
-      column.key = column.key || column.dataIndex || i;
-      return column;
+      const newColumn = objectAssign({}, column);
+      newColumn.key = newColumn.key || newColumn.dataIndex || i;
+      return newColumn;
     });
     let emptyText;
     let emptyClass = '';
@@ -576,7 +584,8 @@ let AntTable = React.createClass({
       </div>
     );
     if (this.props.loading) {
-      // if there is no pagination or no data, the height of spin should decrease by half of pagination
+      // if there is no pagination or no data,
+      // the height of spin should decrease by half of pagination
       let paginationPatchClass = (this.hasPagination() && data && data.length !== 0)
               ? 'ant-table-with-pagination'
               : 'ant-table-without-pagination';

components/tag/index.jsx

@@ -39,7 +39,8 @@ class AntTag extends React.Component {
     className = this.state.closing ? className + ' ' + this.props.prefixCls + '-close' : className;
 
     return this.state.closed ? null
-      : <Animate component=""
+      : (
+          <Animate component=""
             showProp="data-show"
             transitionName={this.props.prefixCls + '-zoom'}
             onEnd={this.animationEnd.bind(this)}>
@@ -47,14 +48,16 @@ class AntTag extends React.Component {
             <a className={this.props.prefixCls + '-text'} {...this.props} />
             {close}
           </div>
-      </Animate>;
+        </Animate>
+      );
   }
 }
 
+function NOOP() {}
 AntTag.defaultProps = {
   prefixCls: 'ant-tag',
   closable: false,
-  onClose: function() {}
+  onClose: NOOP,
 };
 
 export default AntTag;

components/timeline/index.jsx

@@ -37,12 +37,14 @@ Timeline.Item = React.createClass({
     let pending = props.pending;
     let timelineLast = props.timelineLast;
     let endCls = pending && timelineLast ? prefixCls + '-item-last' : '';
-    let last = pending && timelineLast ? <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-end'}></div> : null;
+    let last = pending && timelineLast ?
+          <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-end'}></div> :
+          null;
     let lastTailShow = (timelineLast && !pending) ? 'none' : 'block';
 
     return (
       <li className={prefixCls + '-item ' + endCls}>
-        <div style={{display: lastTailShow}} className={prefixCls + '-item-tail'}></div>
+        <div style={{ display: lastTailShow }} className={prefixCls + '-item-tail'}></div>
         <div className={prefixCls + '-item-head ' + prefixCls + '-item-head-' + color}></div>
         <div className={prefixCls + '-item-content'}>{props.children}</div>
         {last}

components/transfer/index.jsx

@@ -26,10 +26,10 @@ class Transfer extends Component {
     let leftDataSource = Object.assign([], dataSource);
     let rightDataSource = [];
 
-    if ( targetKeys.length > 0 ) {
+    if (targetKeys.length > 0) {
       targetKeys.forEach((targetKey) => {
         rightDataSource.push(leftDataSource.find((data, index) => {
-          if ( data.key === targetKey ) {
+          if (data.key === targetKey) {
             leftDataSource.splice(index, 1);
             return true;
           }
@@ -38,8 +38,8 @@ class Transfer extends Component {
     }
 
     return {
-      leftDataSource: leftDataSource,
-      rightDataSource: rightDataSource,
+      leftDataSource,
+      rightDataSource,
     };
   }
 
@@ -49,11 +49,13 @@ class Transfer extends Component {
     // move items to target box
     const newTargetKeys = direction === 'right' ?
             leftCheckedKeys.concat(targetKeys) :
-      targetKeys.filter((targetKey) => !rightCheckedKeys.some((checkedKey) => targetKey === checkedKey));
+            targetKeys.filter((targetKey) => {
+              return !rightCheckedKeys.some((checkedKey) => targetKey === checkedKey);
+            });
 
     // empty checked keys
     this.setState({
-      [ direction === 'right' ? 'leftCheckedKeys' : 'rightCheckedKeys' ]: [],
+      [direction === 'right' ? 'leftCheckedKeys' : 'rightCheckedKeys']: [],
     });
 
     this.props.onChange(newTargetKeys);
@@ -70,8 +72,8 @@ class Transfer extends Component {
 
     let globalCheckStatus;
 
-    if ( checkedKeys.length > 0 ) {
-      if ( checkedKeys.length < filteredDataSource.length ) {
+    if (checkedKeys.length > 0) {
+      if (checkedKeys.length < filteredDataSource.length) {
         globalCheckStatus = 'part';
       } else {
         globalCheckStatus = 'all';
@@ -102,7 +104,7 @@ class Transfer extends Component {
     const checkStatus = this.getGlobalCheckStatus(direction);
     let holder = [];
 
-    if ( checkStatus === 'all' ) {
+    if (checkStatus === 'all') {
       holder = [];
     } else {
       holder = this.filterDataSource(dataSource, filter).map(item => item.key);
@@ -132,10 +134,10 @@ class Transfer extends Component {
     const { leftCheckedKeys, rightCheckedKeys } = this.state;
     const holder = direction === 'left' ? leftCheckedKeys : rightCheckedKeys;
     const index = holder.findIndex((key) => key === selectedItem.key);
-    if ( index > -1 ) {
+    if (index > -1) {
       holder.splice(index, 1);
     }
-    if ( checked ) {
+    if (checked) {
       holder.push(selectedItem.key);
     }
     this.setState({

components/transfer/list.jsx

@@ -69,11 +69,12 @@ class TransferList extends Component {
   }
 
   render() {
-    const { prefixCls, dataSource, titleText, filter, checkedKeys, checkStatus, body, footer, showSearch } = this.props;
+    const { prefixCls, dataSource, titleText, filter, checkedKeys,
+            checkStatus, body, footer, showSearch } = this.props;
 
     // Custom Layout
-    const footerDom = footer({...this.props});
-    const bodyDom = body({...this.props});
+    const footerDom = footer({ ...this.props });
+    const bodyDom = body({ ...this.props });
 
     const listCls = classNames({
       [prefixCls]: true,
@@ -88,13 +89,27 @@ class TransferList extends Component {
             checked: checkStatus === 'all',
             checkPart: checkStatus === 'part',
             checkable: <span className={`ant-transfer-checkbox-inner`}></span>
-          })}<span className={`${prefixCls}-header-selected`}><span>{(checkedKeys.length > 0 ? checkedKeys.length + '/' : '') + dataSource.length} 条</span>
-          <span className={`${prefixCls}-header-title`}>{titleText}</span></span>
+          })}
+          <span className={`${prefixCls}-header-selected`}>
+            <span>
+              {
+                (checkedKeys.length > 0 ? checkedKeys.length + '/' : '') + dataSource.length
+              } 条
+            </span>
+            <span className={`${prefixCls}-header-title`}>{titleText}</span>
+          </span>
         </div>
         { bodyDom ? bodyDom :
-        <div className={ showSearch ? `${prefixCls}-body ${prefixCls}-body-with-search` : `${prefixCls}-body`}>
+        <div className={
+          showSearch ?
+          `${prefixCls}-body ${prefixCls}-body-with-search` :
+          `${prefixCls}-body`
+          }>
           { showSearch ? <div className={`${prefixCls}-body-search-wrapper`}>
-            <Search prefixCls={`${prefixCls}-search`} onChange={this.handleFilter.bind(this)} handleClear={this.handleClear.bind(this)} value={filter} />
+          <Search prefixCls={`${prefixCls}-search`}
+            onChange={this.handleFilter.bind(this)}
+            handleClear={this.handleClear.bind(this)}
+            value={filter} />
           </div> : null }
           <Animate component="ul"
             transitionName={this.state.mounted ? `${prefixCls}-highlight` : ''}
@@ -109,7 +124,8 @@ class TransferList extends Component {
 
                 if (filterResult) {
                   return (
-                    <li onClick={this.handleSelect.bind(this, item)} key={item.key} title={renderedText}>
+                    <li onClick={this.handleSelect.bind(this, item)}
+                      key={item.key} title={renderedText}>
                       <Checkbox checked={checkedKeys.some(key => key === item.key)} />
                       {renderedText}
                     </li>

components/transfer/search.jsx

@@ -13,13 +13,15 @@ class Search extends Component {
   }
 
   render() {
-    const {placeholder, value, prefixCls} = this.props;
+    const { placeholder, value, prefixCls } = this.props;
     return (
       <div>
-        <input placeholder={placeholder} className={ prefixCls + ' ant-input' } value={ value } ref="input"
+        <input placeholder={placeholder} className={ prefixCls + ' ant-input' }
+          value={ value } ref="input"
           onChange={this.handleChange.bind(this)}/>
         { value && value.length > 0 ?
-          <a href="javascirpt:;" className={ prefixCls + '-action' } onClick={this.props.handleClear}>
+          <a href="javascirpt:;" className={ prefixCls + '-action' }
+            onClick={this.props.handleClear}>
             <Icon type="cross-circle" />
           </a>
           : <span className={ prefixCls + '-action' }><Icon type="search" /></span>

components/upload/index.jsx

@@ -125,7 +125,7 @@ const AntUpload = React.createClass({
       targetItem.response = response;
       this.onChange({
         file: targetItem,
-        fileList: fileList
+        fileList
       });
     }
   },
@@ -136,7 +136,7 @@ const AntUpload = React.createClass({
     targetItem.percent = e.percent;
     this.onChange({
       event: e,
-      file: file,
+      file,
       fileList: this.state.fileList
     });
   },
@@ -157,8 +157,8 @@ const AntUpload = React.createClass({
     let fileList = this.removeFile(file);
     if (fileList) {
       this.onChange({
-        file: file,
-        fileList: fileList
+        file,
+        fileList,
       });
     }
   },
@@ -257,7 +257,7 @@ const AntUpload = React.createClass({
 
 AntUpload.Dragger = React.createClass({
   render() {
-    return <AntUpload {...this.props} type="drag" style={{height: this.props.height}}/>;
+    return <AntUpload {...this.props} type="drag" style={{ height: this.props.height }}/>;
   }
 });
 

components/upload/uploadList.jsx

@@ -55,9 +55,11 @@ export default React.createClass({
       if (this.props.listType === 'picture') {
         icon = (file.status === 'uploading' || (!file.thumbUrl && !file.url))
           ? <Icon className={prefixCls + '-list-item-thumbnail'} type="picture" />
-          : <a className={prefixCls + '-list-item-thumbnail'}
+          : (
+              <a className={prefixCls + '-list-item-thumbnail'}
                 href={file.url}
-               target="_blank"><img src={file.thumbUrl || file.url} alt={file.name} /></a>;
+                target="_blank"><img src={file.thumbUrl || file.url} alt={file.name} /></a>
+          );
       }
       if (file.status === 'uploading') {
         progress = (

index.js

@@ -54,8 +54,12 @@ if (process.env.NODE_ENV !== 'production') {
   const warning = require('warning');
   const semver = require('semver');
   const reactVersionInDeps = require('./package.json').devDependencies.react;
-  warning(semver.satisfies(ReactVersion, reactVersionInDeps) || semver.gtr(ReactVersion, reactVersionInDeps),
-    `antd@${antd.version} need react@${reactVersionInDeps} or higher, which is react@${ReactVersion} now.`);
+  warning(
+    semver.satisfies(ReactVersion, reactVersionInDeps) ||
+      semver.gtr(ReactVersion, reactVersionInDeps),
+    `antd@${antd.version} need react@${reactVersionInDeps} or higher, ` +
+      `which is react@${ReactVersion} now.`
+  );
 }
 
 module.exports = antd;