eslint

Author: pingan1927

.eslintrc.js

@@ -35,11 +35,7 @@ const eslintrc = {
     'no-param-reassign': 0,
     'no-return-assign': 0,
     'max-len': 0,
-    'consistent-return': 0,
-    'quote-props': 0,
-    'quotes': 0,
     'react/jsx-no-bind': 0,
-    'object-curly-spacing': 0,
     'react/no-multi-comp': 0,
     'array-callback-return': 0,
     'no-alert': 0,

components/captcha-item/demo/basic.md

@@ -75,7 +75,7 @@ let CaptchaExample = React.createClass({
     }, 3000);
   },
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (
       <List>
         <List.Body>

components/captcha-item/index.jsx

@@ -68,7 +68,7 @@ const CaptchaItem = React.createClass({
     if (clear) {
       if (value.length > 0) {
         clearDom = (<div className="am-list-clear">
-          <i className="am-icon am-icon-clear" style={{visibility: 'visible'}}
+          <i className="am-icon am-icon-clear" style={{ visibility: 'visible' }}
             onClick={this._clearInput}
             onTouchStart={this._clearInput} />
         </div>);

components/checkbox-item/demo/basic.md

@@ -16,7 +16,7 @@ let Test = React.createClass({
     console.log(this.props.form.getFieldsValue());
   },
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (<div>
       <List >
         <List.Body>

components/input-item/demo/addmember.md

@@ -25,7 +25,7 @@ ReactDOM.render(
       >员工姓名</InputItem>
     </List.Body>
     <List.Footer onClick={(e) => {alert('点击了footer'); console.log(e);}}>
-      账户名：<span style={{'color': 'red'}}>zhifubao@alipay.com#001</span>
+      账户名：<span style={{ color: 'red' }}>zhifubao@alipay.com#001</span>
     </List.Footer>
   </List>
   <List>
@@ -41,14 +41,14 @@ ReactDOM.render(
         name="yyy"
         align="right"
         value="0"
-        options={[{val: '0', txt: '请选择'}, {val: '1', txt: '不允许退款'}, {val: '2', txt: '可退门店所有交易'}, {val: '3', txt: '只可退自己收的'}]}
+        options={[{ val: '0', txt: '请选择' }, { val: '1', txt: '不允许退款' }, { val: '2', txt: '可退门店所有交易' }, { val: '3', txt: '只可退自己收的' }]}
         onChange={(e) => {console.log('onChange'); console.log(e);}}
       />
       <List.Item
         arrow="horizontal"
       >其他权限</List.Item>
     </List.Body>
-    <List.Footer onClick={(e) => {alert('点击了footer'); console.log(e);}} style={{'textAlign': 'center'}}>拥有退款权限的员工可在交易创建后3天内发起退款</List.Footer>
+    <List.Footer onClick={(e) => {alert('点击了footer'); console.log(e);}} style={{ textAlign: 'center' }}>拥有退款权限的员工可在交易创建后3天内发起退款</List.Footer>
   </List>
   <div className="button-container">
     <WingBlank>

components/input-item/demo/addmember2.md

@@ -29,7 +29,7 @@ ReactDOM.render(<div>
       >用户名</InputItem>
     </List.Body>
     <List.Footer onClick={(e) => {console.log(e);}}>
-      账户名：<span style={{'color': 'red'}}>zhifubao@alipay.com#用户名</span>
+      账户名：<span style={{ color: 'red' }}>zhifubao@alipay.com#用户名</span>
     </List.Footer>
   </List>
   <List>

components/input-item/demo/basic.md

@@ -16,7 +16,7 @@ let BasicInput = React.createClass({
     console.log(this.props.form.getFieldsValue());
   },
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
 
     return (<div>
       <List>

components/input-item/index.jsx

@@ -96,7 +96,7 @@ const InputItem = React.createClass({
     if (clear) {
       if (value.length > 0) {
         clearDom = (<div className="am-list-clear">
-          <i className="am-icon am-icon-clear" style={{visibility: 'inherit'}}
+          <i className="am-icon am-icon-clear" style={{ visibility: 'inherit' }}
             onClick={this._clearInput}
             onTouchStart={this._clearInput} />
         </div>);

components/list-date-picker/demo/basic.md

@@ -7,12 +7,12 @@ title: Date Picker
 
 ````jsx
 
-import { ListDatePicker, List} from 'antm';
-import {createForm} from 'rc-form';
+import { ListDatePicker, List } from 'antm';
+import { createForm } from 'rc-form';
 
 let Test = React.createClass({
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (<div>
       <List>
         <List.Header>店铺位置</List.Header>

components/list-date-picker/index.jsx

@@ -52,9 +52,9 @@ const ListDatePicker = React.createClass({
   },
   getInitialState() {
     return {
-      date: this.props.value && this.getFormatter().parse(this.props.value, {locale: zhCn}) || now,
-      minDate: this.props.minDate && this.getFormatter().parse(this.props.minDate, {locale: zhCn}),
-      maxDate: this.props.maxDate && this.getFormatter().parse(this.props.maxDate, {locale: zhCn}),
+      date: this.props.value && this.getFormatter().parse(this.props.value, { locale: zhCn }) || now,
+      minDate: this.props.minDate && this.getFormatter().parse(this.props.minDate, { locale: zhCn }),
+      maxDate: this.props.maxDate && this.getFormatter().parse(this.props.maxDate, { locale: zhCn }),
     };
   },
   componentWillReceiveProps(nextProps) {
@@ -89,7 +89,7 @@ const ListDatePicker = React.createClass({
     return getFormatter(this.props.mode);
   },
   render() {
-    const {date, minDate, maxDate} = this.state;
+    const { date, minDate, maxDate } = this.state;
     const { format, extra, value, okText, dismissText } = this.props;
     let dateStr = value ? format(value) : extra;
     const extraProps = {
@@ -101,7 +101,7 @@ const ListDatePicker = React.createClass({
           locale={require('rmc-date-picker/lib/locale/zh_CN')}
           okText={okText}
           dismissText={dismissText}
-          style={{left: 0, bottom: 0}}
+          style={{ left: 0, bottom: 0 }}
           onChange={this.onChange}
           date={date}
           minDate={minDate}

components/list-picker/demo/basic.md

@@ -25,11 +25,11 @@ loop(district, (d) => {
   d.children = d.c;
 });
 
-import {createForm} from 'rc-form';
+import { createForm } from 'rc-form';
 
 let Test = React.createClass({
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (<div>
       <List>
         <List.Header>店铺位置</List.Header>

components/list-picker/index.jsx

@@ -19,7 +19,7 @@ const ListPicker = React.createClass({
     };
     return {
       format: defaultFormat,
-      style: {left: 0, bottom: 0},
+      style: { left: 0, bottom: 0 },
       cols: 3,
       value: [],
       extra: '请选择',

components/list/demo/basic.md

@@ -8,7 +8,7 @@ title: 基本
 ---
 
 ````jsx
-import { List, InputItem} from 'antm';
+import { List, InputItem } from 'antm';
 
 const ListForm = React.createClass({
   onClick() {
@@ -50,7 +50,7 @@ const ListForm = React.createClass({
             onClick={this.onClick}
           >文本信息</List.Item>
         </List.Body>
-        <List.Footer onClick={this.onClick} style={{color: 'red'}} align="right"><a id="ddd">超链接</a>,改了样式,右对齐,快点我</List.Footer>
+        <List.Footer onClick={this.onClick} style={{ color: 'red' }} align="right"><a id="ddd">超链接</a>,改了样式,右对齐,快点我</List.Footer>
       </List>
       <List isIconList>
         <List.Header>带icon</List.Header>

components/modal/demo/basic.md

@@ -57,7 +57,7 @@ let ModalListItem = React.createClass({
 
 let ListSelector = React.createClass({
   getInitialState() {
-    return {open: false};
+    return { open: false };
   },
   getDefaultProps() {
     return {
@@ -72,7 +72,7 @@ let ListSelector = React.createClass({
   },
   componentWillUnmount() {},
   openModal() {
-    this.setState({open: true});
+    this.setState({ open: true });
   },
   willReceiveProps(nextProps) {
     console.log(nextProps);
@@ -83,7 +83,7 @@ let ListSelector = React.createClass({
     console.log(value);
 
     this.props.onChange(value);
-    this.setState({open: false});
+    this.setState({ open: false });
   },
   render() {
     // console.log(this.props.value);
@@ -119,7 +119,7 @@ let ListSelector = React.createClass({
       return (
         <CheckboxItem {...getFieldProps(data.id, {
           valuePropName: 'checked',
-          initialValue: data.checked}) } key={`selector_${data.id}`}>
+          initialValue: data.checked }) } key={`selector_${data.id}`}>
           {data.name}
         </CheckboxItem>
       );

components/page-result/demo/basic.md

@@ -19,53 +19,53 @@ let PageResultExample = React.createClass({
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/awwrfcIKXAKwGyx.png"
           title="系统繁忙"
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/YUeWSaeIeRjuvQb.png"
           title="404"
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/dlMevdYPbXUwgCQ.png"
           title="空白页"
           brief="可各业务自定义文案"
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/SgCjcxAQTmmNUWi.png"
           title="加载错误"
           brief="可各业务自定义文案"
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/XMUAssczvVftDHX.png"
           title="网络无法连接"
           brief="请查看网络连接或稍后重试"
           buttonTxt="刷新"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/MKXqtwNOLFmYmrY.png"
           title="内容为空"
           brief="可各业务自定义文案"
           buttonTxt="重新尝试"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <Tab>
           <Tab.Item>选项1</Tab.Item>
           <Tab.Item selected>选项2</Tab.Item>
@@ -78,7 +78,7 @@ let PageResultExample = React.createClass({
           buttonTxt="重新加载"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <Tab>
           <Tab.Item>选项1</Tab.Item>
           <Tab.Item selected>选项2</Tab.Item>
@@ -91,7 +91,7 @@ let PageResultExample = React.createClass({
           buttonTxt="重新尝试"
           buttonClick={() => {alert('点击了按钮');}}
         />
-        <div style={{backgroundColor: '#def'}}><WhiteSpace /></div>
+        <div style={{ backgroundColor: '#def' }}><WhiteSpace /></div>
         <PageResult
           imgUrl="https://os.alipayobjects.com/rmsportal/hbGTnqHwPdYGedk.png"
           title="我是插画页"

components/page-result/index.jsx

@@ -38,7 +38,7 @@ const PageResult = React.createClass({
     return (
       <div className={wrapCls}>
         <div className="am-page-result-wrap">
-          <div className="am-page-result-pic" style={{backgroundImage: `url(${imgUrl})`}}></div>
+          <div className="am-page-result-pic" style={{ backgroundImage: `url(${imgUrl})` }}></div>
           {titleDom}
           {briefDom}
           {buttonDom}

components/search-bar/index.jsx

@@ -35,15 +35,15 @@ const SearchBar = React.createClass({
   },
   _handleChange(e) {
     let value = e.target.value;
-    this.setState({value});
+    this.setState({ value });
     this.props.onChange(value);
   },
   _handleSubmit(e) {
     e.preventDefault();
     this.props.onSubmit(this.state.value);
   },
   _handleCancel() {
-    this.setState({value: ''});
+    this.setState({ value: '' });
     this.props.onChange('');
     this.props.onCancel('');
   },
@@ -60,8 +60,8 @@ const SearchBar = React.createClass({
       'am-search-start': value.length > 0
     });
 
-    let cancelStyle = value.length > 0 ? {'display': 'block'} : {'display': 'none'};
-    let cancelDom = showCancelButton ? (<div className="am-search-button" style={{display: 'block'}}>
+    let cancelStyle = value.length > 0 ? { display: 'block' } : { display: 'none' };
+    let cancelDom = showCancelButton ? (<div className="am-search-button" style={{ display: 'block' }}>
         <button type="button" onClick={this._handleCancel}>取消</button>
       </div>) : (<div className="am-search-button" style={cancelStyle}>
         <button type="button" disabled={value.length === 0} onClick={this._handleCancel}>取消</button>

components/select-item/demo/basic.md

@@ -16,7 +16,7 @@ let SelectItemExample = React.createClass({
     console.log(this.props.form.getFieldsValue());
   },
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (<div >
       <List>
         <List.Body>
@@ -27,7 +27,7 @@ let SelectItemExample = React.createClass({
             })}
             label="下拉框"
             align="right"
-            options={[{val: '1', txt: '文本内容1'}, {val: '2', txt: '文本内容2'}, {val: '3', txt: '文本内容3'}]}
+            options={[{ val: '1', txt: '文本内容1' }, { val: '2', txt: '文本内容2' }, { val: '3', txt: '文本内容3' }]}
           />
           <SelectItem
             {...getFieldProps('select2', {
@@ -36,7 +36,7 @@ let SelectItemExample = React.createClass({
             })}
             label="下拉框"
             align="right"
-            options={[{val: '1', txt: '文本内容1'}, {val: '2', txt: '文本内容2'}, {val: '3', txt: '文本内容3'}]}
+            options={[{ val: '1', txt: '文本内容1' }, { val: '2', txt: '文本内容2' }, { val: '3', txt: '文本内容3' }]}
             arrow="down"
           />
           <SelectItem
@@ -46,22 +46,22 @@ let SelectItemExample = React.createClass({
             })}
             label="下拉框"
             align="right"
-            options={[{val: '1', txt: '文本内容1'}, {val: '2', txt: '文本内容2'}, {val: '3', txt: '文本内容3'}]}
+            options={[{ val: '1', txt: '文本内容1' }, { val: '2', txt: '文本内容2' }, { val: '3', txt: '文本内容3' }]}
             error
           />
           <SelectItem
             {...getFieldProps('select4', {
               initialValue: '3',
               valuePropName: 'value'
             })}
-            options={[{val: '1', txt: '文本内容1'}, {val: '2', txt: '文本内容2'}, {val: '3', txt: '文本内容3'}]}
+            options={[{ val: '1', txt: '文本内容1' }, { val: '2', txt: '文本内容2' }, { val: '3', txt: '文本内容3' }]}
           />
           <SelectItem
             {...getFieldProps('select5', {
               initialValue: '3',
               valuePropName: 'value'
             })}
-            options={[{val: '1', txt: '文本内容1'}, {val: '2', txt: '文本内容2'}, {val: '3', txt: '文本内容3'}]}
+            options={[{ val: '1', txt: '文本内容1' }, { val: '2', txt: '文本内容2' }, { val: '3', txt: '文本内容3' }]}
             arrow="down"
           />
         </List.Body>

components/switch-item/demo/basic.md

@@ -16,7 +16,7 @@ let SwitchItemExample = React.createClass({
     console.log(this.props.form.getFieldsValue());
   },
   render() {
-    const {getFieldProps} = this.props.form;
+    const { getFieldProps } = this.props.form;
     return (<div>
       <List >
         <List.Body>