Fix demo lint problems, react-component/react-component.github.io#8

react-component · Dec 1, 2015 · 56574db · 56574db
1 parent 197ea4b
commit 56574db
Show file tree

Hide file tree

Showing 9 changed files with 321 additions and 341 deletions.
diff --git a/examples/className.js b/examples/className.js
@@ -1,44 +1,42 @@
-'use strict';
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Table = require('rc-table');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Table = require('rc-table');
 require('rc-table/assets/index.less');
 
-var columns = [
+const columns = [
   {title: '表头1', dataIndex: 'a',
-    className:'a',
-    key:'a',width: 100},
+    className: 'a',
+    key: 'a', width: 100},
   {id: '123', title: '表头2', dataIndex: 'b',
-    className:'b',
-    key:'b', width: 100},
+    className: 'b',
+    key: 'b', width: 100},
   {title: '表头3', dataIndex: 'c',
-    className:'c',
-    key:'c',width: 200},
+    className: 'c',
+    key: 'c', width: 200},
   {
     title: '操作', dataIndex: '',
-    className:'d',
-    key:'d',render: function () {
-    return <a href="#">操作</a>
-  }
-  }
+    className: 'd',
+    key: 'd', render: function() {
+      return <a href="#">操作</a>;
+    },
+  },
 ];
 
-var data = [{a: '123',key:'1'}, {a: 'cdd', b: 'edd',key:'2'}, {a: '1333', c: 'eee', d: 2,key:'3'}];
+const data = [{a: '123', key: '1'}, {a: 'cdd', b: 'edd', key: '2'}, {a: '1333', c: 'eee', d: 2, key: '3'}];
 
-function rowClassName(record,i){
-  return 'row-'+i;
+function rowClassName(record, i) {
+  return 'row-' + i;
 }
 
-function expandedRowClassName(record,i){
-  return 'ex-row-'+i;
+function expandedRowClassName(record, i) {
+  return 'ex-row-' + i;
 }
 
-function expandedRowRender(record){
+function expandedRowRender(record) {
   return <p>extra: {record.a}</p>;
 }
 
-var table = ReactDOM.render(
+ReactDOM.render(
   <div>
     <h2>simple table</h2>
     <Table columns={columns}

diff --git a/examples/colspan-rowspan.js b/examples/colspan-rowspan.js
@@ -1,105 +1,99 @@
-/**
- * Created by 勤拭 <duntao.ydt@alibaba-inc.com> on 15/10/14.
- */
-
-'use strict';
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Table = require('rc-table');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Table = require('rc-table');
 require('rc-table/assets/index.less');
 
-var columns = [
-  {title: '手机号', dataIndex: 'a', colSpan: 2, width: 100, key: 'a', render: function(o, row, index){
-    let obj = {
+const columns = [
+  {title: '手机号', dataIndex: 'a', colSpan: 2, width: 100, key: 'a', render: function(o, row, index) {
+    const obj = {
       children: o,
-      props: {}
+      props: {},
     };
-    //设置第一行为链接
-    if(index === 0){
-      obj.children = <a href="#">{o}</a>
+    // 设置第一行为链接
+    if (index === 0) {
+      obj.children = <a href="#">{o}</a>;
     }
-    //第5行合并两列
-    if(index === 4){
+    // 第5行合并两列
+    if (index === 4) {
       obj.props.colSpan = 2;
     }
 
-    if(index === 5){
+    if (index === 5) {
       obj.props.colSpan = 6;
     }
     return obj;
   }},
-  {title: '电话', dataIndex: 'b', colSpan: 0, width: 100,key: 'b', render: function(o, row, index){
-    let obj = {
+  {title: '电话', dataIndex: 'b', colSpan: 0, width: 100, key: 'b', render: function(o, row, index) {
+    const obj = {
       children: o,
-      props: {}
+      props: {},
     };
-    //列合并掉的表格设置colSpan=0，不会去渲染
-    if(index === 4 || index === 5){
+    // 列合并掉的表格设置colSpan=0，不会去渲染
+    if (index === 4 || index === 5) {
       obj.props.colSpan = 0;
     }
     return obj;
   }},
-  {title: '姓名', dataIndex: 'c', width: 100, key: 'c', render: function(o, row, index){
-    let obj = {
+  {title: '姓名', dataIndex: 'c', width: 100, key: 'c', render: function(o, row, index) {
+    const obj = {
       children: o,
-      props: {}
+      props: {},
     };
 
-    if(index === 5){
+    if (index === 5) {
       obj.props.colSpan = 0;
     }
     return obj;
   }},
-  {title: '住址', dataIndex: 'd', width: 200, key: 'd', render: function(o, row, index){
-    let obj = {
+  {title: '住址', dataIndex: 'd', width: 200, key: 'd', render: function(o, row, index) {
+    const obj = {
       children: o,
-      props: {}
+      props: {},
     };
-    if(index === 0){
+    if (index === 0) {
       obj.props.rowSpan = 2;
     }
-    if(index === 1 || index === 5){
+    if (index === 1 || index === 5) {
       obj.props.rowSpan = 0;
     }
 
     return obj;
-
   }},
-  {title: '性别', dataIndex: 'e',  width: 200, key: 'e', render: function(o, row, index){
-    let obj = {
+  {title: '性别', dataIndex: 'e', width: 200, key: 'e', render: function(o, row, index) {
+    const obj = {
       children: o,
-      props: {}
+      props: {},
     };
-    if(index === 5){
+    if (index === 5) {
       obj.props.colSpan = 0;
     }
     return obj;
   }},
   {
-    title: '操作', dataIndex: '',key: 'f',
-    render: function (o, row, index) {
-      if(index === 5){
+    title: '操作', dataIndex: '', key: 'f',
+    render: function(o, row, index) {
+      if (index === 5) {
         return {
-          props:{
-            colSpan: 0
-          }
-        }
+          props: {
+            colSpan: 0,
+          },
+        };
       }
       return <a href="#">操作</a>;
-    }
-  }
+    },
+  },
 ];
 
-var data = [
-  {a: '13812340987',b: '0571-12345678',c: '张三', d: '文一西路', e: '男', key:'1'},
-  {a: '13812340986',b: '0571-98787658',c: '张夫人', d: '文一西路', e: '女', key:'2'},
-  {a: '13812988888',b: '0571-099877',c: '李四', d: '文二西路', e: '男', key:'3'},
-  {a: '1381200008888',b: '0571-099877',c: '王五', d: '文二西路', e: '男', key:'4'},
-  {a: '0571-88888110',c:'李警官',d:'武林门',e:'男',key:'5'},
-  {a: '资料统计完毕于xxxx年xxx月xxx日', key:'6'}
+const data = [
+  {a: '13812340987', b: '0571-12345678', c: '张三', d: '文一西路', e: '男', key: '1'},
+  {a: '13812340986', b: '0571-98787658', c: '张夫人', d: '文一西路', e: '女', key: '2'},
+  {a: '13812988888', b: '0571-099877', c: '李四', d: '文二西路', e: '男', key: '3'},
+  {a: '1381200008888', b: '0571-099877', c: '王五', d: '文二西路', e: '男', key: '4'},
+  {a: '0571-88888110', c: '李警官', d: '武林门', e: '男', key: '5'},
+  {a: '资料统计完毕于xxxx年xxx月xxx日', key: '6'},
 ];
 
-var table = ReactDOM.render(
+ReactDOM.render(
   <div>
     <h2>simple table</h2>
     <Table columns={columns}

diff --git a/examples/dropdown.js b/examples/dropdown.js
@@ -1,39 +1,37 @@
-'use strict';
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Table = require('rc-table');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Table = require('rc-table');
 require('rc-table/assets/index.less');
-var Menu = require('rc-menu');
+const Menu = require('rc-menu');
 require('rc-dropdown/assets/index.less');
 require('rc-menu/assets/index.less');
-var DropDown = require('rc-dropdown');
+const DropDown = require('rc-dropdown');
 
-var data = [];
-for (var i = 0; i < 10; i++) {
+const data = [];
+for (let i = 0; i < 10; i++) {
   data.push({
     key: i,
     a: 'a' + i,
     b: 'b' + i,
-    c: 'c' + i
+    c: 'c' + i,
   });
 }
 
 function getRowKey(record) {
   return record.key;
 }
 
-var Test = React.createClass({
+const Test = React.createClass({
   getInitialState() {
     this.filters = [];
     return {
-      visible: false
-    }
+      visible: false,
+    };
   },
 
   handleVisibleChange(visible) {
     this.setState({
-      visible: visible
+      visible: visible,
     });
   },
 
@@ -42,7 +40,7 @@ var Test = React.createClass({
   },
 
   handleDeselect(key) {
-    var index = this.filters.indexOf(key);
+    const index = this.filters.indexOf(key);
     if (index !== -1) {
       this.filters.splice(index, 1);
     }
@@ -51,47 +49,51 @@ var Test = React.createClass({
   confirmFilter() {
     console.log(this.filters.join(','));
     this.setState({
-      visible: false
+      visible: false,
     });
   },
 
   render() {
-    var menu = <Menu style={{width: 200}} multiple={true} onSelect={this.handleSelect} onDeselect={this.handleDeselect}>
-      <Menu.Item key="1">one</Menu.Item>
-      <Menu.Item key="2">two</Menu.Item>
-      <Menu.Item key="3">three</Menu.Item>
-      <Menu.Divider/>
-      <Menu.Item disabled>
-        <button
-          style={{
-            cursor: 'pointer',
-            color: '#000',
-            'pointerEvents': 'visible'
-          }}
-          onClick={this.confirmFilter}>确定</button>
-      </Menu.Item>
-    </Menu>;
+    const menu = (
+      <Menu style={{width: 200}} multiple onSelect={this.handleSelect} onDeselect={this.handleDeselect}>
+        <Menu.Item key="1">one</Menu.Item>
+        <Menu.Item key="2">two</Menu.Item>
+        <Menu.Item key="3">three</Menu.Item>
+        <Menu.Divider/>
+        <Menu.Item disabled>
+          <button
+            style={{
+              cursor: 'pointer',
+              color: '#000',
+              'pointerEvents': 'visible',
+            }}
+            onClick={this.confirmFilter}>确定</button>
+        </Menu.Item>
+      </Menu>
+    );
 
-    var columns = [
+    const columns = [
       {
-        title: <div>表头1
+        title: (<div>表头1
           <DropDown trigger="click"
             onVisibleChange={this.handleVisibleChange}
             visible={this.state.visible}
             closeOnSelect={false}
             overlay={menu}>
-            <a href='#'>filter</a>
+            <a href="#">filter</a>
           </DropDown>
-        </div>, key: 'a', dataIndex: 'a', width: 100
+        </div>), key: 'a', dataIndex: 'a', width: 100,
       },
       {id: '123', title: '表头2', dataIndex: 'b', key: 'b', width: 100},
-      {title: '表头3', key: 'c', dataIndex: 'c', width: 200}
+      {title: '表头3', key: 'c', dataIndex: 'c', width: 200},
     ];
-    return <Table columns={columns}
-      data={data}
-      rowKey={getRowKey}
-      className="table"/>;
-  }
+    return (
+      <Table columns={columns}
+        data={data}
+        rowKey={getRowKey}
+        className="table"/>
+    );
+  },
 });
 
 ReactDOM.render(
@@ -101,4 +103,3 @@ ReactDOM.render(
   </div>,
   document.getElementById('__react-content')
 );
-