temp(*): eslint fix

.eslintrc

@@ -3,5 +3,10 @@
     "es6": true,
     "node": true
   },
-  "extends": "@alifd/eslint-config-next"
+  "extends": "@alifd/eslint-config-next",
+  "rules": {
+    "valid-jsdoc": "off",
+    "max-statements": "off",
+    "max-len": "off"
+  }
 }

docs/affix/demo/on-affix.md

@@ -23,13 +23,13 @@ class Demo extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
-            affixed: false,
+            affixed: false
         };
     }
 
     onAffix = (affixed) => {
         this.setState({
-            affixed,
+            affixed
         });
     }
 

docs/balloon/demo/alignment.md

@@ -22,8 +22,8 @@ import { Button, Balloon } from '@alifd/next';
 
 
 
-const top = <Button  id="top" style={{margin: '5px'}} className="btrigger">top</Button>;
-const right = <Button  id="right" style={{margin: '5px'}} className="btrigger">right</Button>;
+const top = <Button id="top" style={{margin: '5px'}} className="btrigger">top</Button>;
+const right = <Button id="right" style={{margin: '5px'}} className="btrigger">right</Button>;
 const bottom = <Button id="bottom" style={{margin: '5px'}} className="btrigger">bottom</Button>;
 const left = <Button id="left" style={{margin: '5px'}} className="btrigger">left</Button>;
 const topLeft = <Button id="topLeft" style={{margin: '5px'}} className="btrigger">top left</Button>;

docs/balloon/demo/basic.md

@@ -26,10 +26,10 @@ const primary = <Button className="btrigger" style={{margin: '5px'}}>primary sty
 
 const Demo = () => (
     <div className="container">
-        <Balloon  trigger={defaultTrigger} closable={false}>
+        <Balloon trigger={defaultTrigger} closable={false}>
             default
         </Balloon>
-        <Balloon type="primary" trigger={primary}  triggerType="click">
+        <Balloon type="primary" trigger={primary} triggerType="click">
             primary
         </Balloon>
     </div>

docs/balloon/demo/nested.md

@@ -31,7 +31,7 @@ const App = () => (
             } />
         </Balloon>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-        <Balloon type="primary"  trigger={innerButton} closable={false} triggerType="click">
+        <Balloon type="primary" trigger={innerButton} closable={false} triggerType="click">
             <Balloon trigger={<Button type="primary">please click</Button>} popupContainer={(trigger) => trigger.parentNode} triggerType="click">
                 nesting balloon content
             </Balloon>

docs/balloon/demo/tooltip.md

@@ -22,7 +22,7 @@ import { Button, Balloon } from '@alifd/next';
 
 const Tooltip = Balloon.Tooltip;
 
-const top = <Button  style={{margin: '5px'}} id="top" className="btrigger">top</Button>;
+const top = <Button style={{margin: '5px'}} id="top" className="btrigger">top</Button>;
 const right = <Button style={{margin: '5px'}}id="right" className="btrigger">right</Button>;
 const bottom = <Button style={{margin: '5px'}} id="bottom" className="btrigger">bottom</Button>;
 const left = <Button style={{margin: '5px'}} id="left" className="btrigger">left</Button>;

docs/button/demo/component.md

@@ -22,7 +22,7 @@ import { Button } from '@alifd/next';
 const props = {
     component: 'a',
     href: 'http://www.alibaba.com',
-    target: '_blank',
+    target: '_blank'
 };
 
 ReactDOM.render(<div>

docs/button/demo/loading.md

@@ -23,7 +23,7 @@ class Demo extends React.Component {
         super(props, context);
 
         this.state = {
-            loading: false,
+            loading: false
         };
     }
 

docs/calendar/demo/custom-cell.md

@@ -35,19 +35,19 @@ function dateCellRender(date) {
         case 1:
             eventList = [
                 { type: 'primary', content: 'Event 1' },
-                { type: 'normal', content: 'Event 2' },
+                { type: 'normal', content: 'Event 2' }
             ];
             break;
         case 10:
             eventList = [
                 { type: 'normal', content: 'Event 3' },
-                { type: 'normal', content: 'Event 4' },
+                { type: 'normal', content: 'Event 4' }
             ];
             break;
         case 11:
             eventList = [
                 { type: 'primary', content: 'Event 5' },
-                { type: 'primary', content: 'Event 6' },
+                { type: 'primary', content: 'Event 6' }
             ];
             break;
         default:

docs/card/demo/basic.md

@@ -21,7 +21,7 @@ import { Card } from '@alifd/next';
 const commonProps = {
     style: { width: 300 },
     subTitle: 'SubTitle',
-    extra: 'Link',
+    extra: 'Link'
 };
 
 ReactDOM.render(<div>

docs/card/demo/custom-height.md

@@ -21,7 +21,7 @@ import { Card } from '@alifd/next';
 const commonProps = {
     style: { width: 300 },
     title: 'Title',
-    subTitle: 'Sub-title',
+    subTitle: 'Sub-title'
 };
 
 ReactDOM.render(<div>

docs/card/demo/head-underline.md

@@ -22,7 +22,7 @@ const commonProps = {
     title: 'Title',
     style: { width: 300 },
     subTitle: 'Sub-title',
-    extra: 'Link',
+    extra: 'Link'
 };
 
 ReactDOM.render(<div>

docs/collapse/demo/datasource.md

@@ -18,11 +18,11 @@ const list = [
     {
         title: 'Well, hello there',
         content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
-        disabled: true,
+        disabled: true
     },
     {
         title: 'Gigantomaniac Monster Text, very long, much width, wow',
-        content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
+        content: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
     },
     {
         title: 'Generic Title',

docs/config-provider/demo/consumer.md

@@ -21,8 +21,8 @@ import PropTypes from 'prop-types';
 const localeSettings = {
     momentLocale: 'fr-FR',
     CustomizedComponent: {
-        helloWorld: 'hello, world',
-    },
+        helloWorld: 'hello, world'
+    }
 };
 
 const App = ({ children }) => (
@@ -37,7 +37,7 @@ const App = ({ children }) => (
 );
 
 App.propTypes = {
-    children: PropTypes.node,
+    children: PropTypes.node
 };
 
 const Child = () => (

docs/date-picker/demo/custom-range-picker.md

@@ -25,7 +25,7 @@ class CustomRangePicker extends React.Component {
         this.state = {
             startValue: null,
             endValue: null,
-            endOpen: false,
+            endOpen: false
         };
     }
 
@@ -47,7 +47,7 @@ class CustomRangePicker extends React.Component {
 
     onChange = (stateName, value) => {
         this.setState({
-            [stateName]: value,
+            [stateName]: value
         });
     }
 

docs/date-picker/demo/field.md

@@ -51,22 +51,22 @@ class App extends React.Component {
 
         return (
             <div>
-                <DatePicker {...init('date', { rules: [ {
+                <DatePicker {...init('date', { rules: [{
                     required: true,
-                    message: '请选择日期',
-                } ] })} />{this.printError('date')}<br /><br />
-                <MonthPicker {...init('month', { rules: [ {
+                    message: '请选择日期'
+                }] })} />{this.printError('date')}<br /><br />
+                <MonthPicker {...init('month', { rules: [{
                     required: true,
-                    message: '请选择月份',
-                } ]  })} />{this.printError('month')}<br /><br />
-                <YearPicker {...init('year', { rules: [ {
+                    message: '请选择月份'
+                }] })} />{this.printError('month')}<br /><br />
+                <YearPicker {...init('year', { rules: [{
                     required: true,
-                    message: '请选择年份',
-                } ]  })} />{this.printError('year')}<br /><br />
-                <RangePicker {...init('range', { rules: [ {
+                    message: '请选择年份'
+                }] })} />{this.printError('year')}<br /><br />
+                <RangePicker {...init('range', { rules: [{
                     required: true,
-                    message: '请选择日期范围',
-                } ]  })} />{this.printError('range')}<br /><br />
+                    message: '请选择日期范围'
+                }] })} />{this.printError('range')}<br /><br />
                 <Button onClick={this.printData}>Print to Console</Button>
             </div>
         );

docs/date-picker/demo/footer.md

@@ -26,7 +26,7 @@ function footerRender() {
 }
 
 ReactDOM.render(<div>
-    <DatePicker footerRender={footerRender}  />&nbsp;&nbsp;
+    <DatePicker footerRender={footerRender} />&nbsp;&nbsp;
     <RangePicker footerRender={footerRender} />
 </div>, mountNode);
 ````

docs/date-picker/demo/popup.md

@@ -22,7 +22,7 @@ const { RangePicker } = DatePicker;
 
 ReactDOM.render(<div>
     <p>Change popup align</p>
-    <DatePicker popupAlign="bl tl"  />
+    <DatePicker popupAlign="bl tl" />
     <p>Change popup container</p>
     <RangePicker popupContainer={target => target.parentNode} />
 </div>, mountNode);

docs/field/demo/autounmout.md

@@ -21,7 +21,7 @@ import { Input, Button, Field } from '@alifd/next';
 class Demo extends React.Component {
     state = {
         show: true,
-        show2: true,
+        show2: true
     }
     field = new Field(this);
     field2 = new Field(this, { autoUnmount: false });

docs/field/demo/basic.md

@@ -30,7 +30,7 @@ class App extends React.PureComponent {
         const { init, setValue, reset } = this.field;
 
         return (<div className="demo">
-            <Input  {...init('input', {initValue: 'test'})}  />
+            <Input {...init('input', {initValue: 'test'})} />
             <br/><br/>
             <Button type="primary" onClick={this.onGetValue.bind(this)}>getValue</Button>
             <Button type="primary" onClick={() => setValue('input', 'set me by click')}>setValue</Button>

docs/field/demo/custom.md

@@ -75,7 +75,7 @@ class App extends React.Component {
         const { init, setValue, reset } = this.field;
 
         return (<div className="demo">
-            <Custom  {...init('custom', {initValue: ['test']})}  />
+            <Custom {...init('custom', {initValue: ['test']})} />
 
             <br/><br/>
 

docs/field/demo/dynamic.md

@@ -31,7 +31,7 @@ class Demo extends React.Component {
 
         this.field = new Field(this, {
             parseName: true,
-            autoUnmount: true,
+            autoUnmount: true
         });
     }
 
@@ -43,7 +43,7 @@ class Demo extends React.Component {
     add = () => {
         const { tableSource } = this.state;
         tableSource.push({
-            id: ++this.idx,
+            id: ++this.idx
         });
 
         this.setState({ tableSource });

docs/field/demo/mix.md

@@ -69,10 +69,10 @@ class App extends React.Component {
             <br/>
 
             <Range style={{...layout, marginTop: 30}} slider={'double'} scales={10}
-                marks={10}  {...init('range', {initValue: [20, 40]})}/>
+                marks={10} {...init('range', {initValue: [20, 40]})}/>
 
             <div style={{marginBottom: 10}}>
-                <CheckboxGroup dataSource={list}  {...init('checkboxgroup', {initValue: ['apple']})} />
+                <CheckboxGroup dataSource={list} {...init('checkboxgroup', {initValue: ['apple']})} />
             </div>
             <div style={{marginBottom: 10}}>
                 <DatePicker {...init('datepicker')}/>

docs/field/demo/redux.md

@@ -58,7 +58,7 @@ class Demo extends React.Component {
             type: 'save_fields',
             payload: {
                 email: '[email protected]'
-            },
+            }
         });
     }
 
@@ -71,7 +71,7 @@ class Demo extends React.Component {
         return (<div>
             <Input {...init('email', { initValue: this.props.email }, {
                 rules: [
-                    {required: true, type: 'email', message: 'at least 5 chars'},
+                    {required: true, type: 'email', message: 'at least 5 chars'}
                 ]
             })} />
             now length is:{newLen.value}
@@ -84,13 +84,13 @@ class Demo extends React.Component {
 
 const ReduxDemo = connect((state) => {
     return {
-        email: state.formReducer.email,
+        email: state.formReducer.email
     };
 })(Demo);
 
 
 const store = createStore(combineReducers({
-    formReducer,
+    formReducer
 }));
 
 ReactDOM.render((<Provider store={store}>

docs/field/demo/seterror.md

@@ -25,13 +25,13 @@ class App extends React.Component {
     render() {
         const { init, getError, setError, setErrors } = this.field;
         return (<div className="demo">
-            <Input  {...init('input', {
+            <Input {...init('input', {
                 rules: [{
                     required: true,
                     pattern: /hello/,
                     message: 'must be hello'
                 }]
-            })}  /><br/>
+            })} /><br/>
             <span style={{color: 'red'}}>{getError('input')}</span>
 
             <br/>
@@ -48,7 +48,7 @@ class App extends React.Component {
             }}>clear</Button>
 
             <br/><br/>
-            <Input  {...init('input2')}  /><br/>
+            <Input {...init('input2')} /><br/>
             <span style={{color: 'red'}}>{getError('input2')}</span><br/>
 
             <Button onClick={() => {

docs/field/demo/topath.md

@@ -47,14 +47,14 @@ class App extends React.Component {
 
         return (<div className="demo">
             <h3>Object transfer</h3>
-            obj.b: <Input  {...init('obj.b', {initValue: 'test1'})}  /> &nbsp;
-            obj.c: <Input  {...init('obj.c', {initValue: 'test2'})}  />
+            obj.b: <Input {...init('obj.b', {initValue: 'test1'})} /> &nbsp;
+            obj.c: <Input {...init('obj.c', {initValue: 'test2'})} />
 
             <br/>
 
             <h3>Array transfer</h3>
-            arr.0: <Input  {...init('arr.0', {initValue: '0'})}  /> &nbsp;
-            arr.1: <Input  {...init('arr.1', {initValue: '1'})}  />
+            arr.0: <Input {...init('arr.0', {initValue: '0'})} /> &nbsp;
+            arr.1: <Input {...init('arr.1', {initValue: '1'})} />
             <br/><br/>
 
             result: