style: update code style to please lint

examples/marks.js

@@ -1,23 +1,21 @@
-'use strict';
-
 require('rc-slider/assets/index.less');
 
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Slider = require('rc-slider');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Slider = require('rc-slider');
 
-var style = {width: 400, margin: 50};
-var marks = {
+const style = {width: 400, margin: 50};
+const marks = {
   '-10': '-10°C',
   0: '0°C',
   26: '26°C',
   37: '37°C',
-  100: '100°C'
+  100: '100°C',
 };
 
-var log = function(value) {
+function log(value) {
   console.log(value);
-};
+}
 
 ReactDOM.render(
   <div>

examples/range.js

@@ -1,31 +1,30 @@
-'use strict';
-
 require('rc-slider/assets/index.less');
 
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Slider = require('rc-slider');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Slider = require('rc-slider');
 
-var style = {width: 400, margin: 50};
-var log = function(value) {
+const style = {width: 400, margin: 50};
+
+function log(value) {
   console.log(value);
-};
+}
 
-var CustomizedRange = React.createClass({
+const CustomizedRange = React.createClass({
   getInitialState: function() {
     return {
-      value: [20, 40]
-    }
+      value: [20, 40],
+    };
   },
   onChange: function(value) {
     log(value);
     this.setState({
-      value: value
+      value: value,
     });
   },
   render: function() {
     return <Slider range value={this.state.value} onChange={this.onChange} />;
-  }
+  },
 });
 
 ReactDOM.render(

examples/slider.js

@@ -1,43 +1,42 @@
-'use strict';
-
 require('rc-slider/assets/index.less');
 
-var React = require('react');
-var ReactDOM = require('react-dom');
-var Slider = require('rc-slider');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const Slider = require('rc-slider');
 
-var style = {width: 400, margin: 50};
-var log = function(value) {
+const style = {width: 400, margin: 50};
+
+function log(value) {
   console.log(value);
-};
+}
 
 
 function percentFormatter(v) {
   return v + ' %';
 }
 
-var CustomizedSlider = React.createClass({
+const CustomizedSlider = React.createClass({
   getInitialState: function() {
     return {
-      value: 50
-    }
+      value: 50,
+    };
   },
   onChange: function(value) {
     log(value);
     this.setState({
-      value: value
+      value: value,
     });
   },
   render: function() {
     return <Slider value={this.state.value} onChange={this.onChange} />;
-  }
+  },
 });
 
 ReactDOM.render(
   <div>
     <div style={style}>
       <p>Basic Slider</p>
-      <Slider tipTransitionName='rc-slider-tooltip-zoom-down' onChange={log} />
+      <Slider tipTransitionName="rc-slider-tooltip-zoom-down" onChange={log} />
     </div>
     <div style={style}>
       <p>Basic Slider，`step=20`</p>
@@ -49,7 +48,7 @@ ReactDOM.render(
     </div>
     <div style={style}>
       <p>Basic Slider with `tipFormatter`</p>
-      <Slider tipFormatter={percentFormatter} tipTransitionName='rc-slider-tooltip-zoom-down' onChange={log} />
+      <Slider tipFormatter={percentFormatter} tipTransitionName="rc-slider-tooltip-zoom-down" onChange={log} />
     </div>
     <div style={style}>
       <p>Controlled Slider</p>

tests/index.spec.js

@@ -1,61 +1,58 @@
-
-var expect = require('expect.js');
-var Slider = require('../index.js');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var TestUtils = require('react-addons-test-utils');
-var Simulate = TestUtils.Simulate;
-var $ = require('jquery');
+const expect = require('expect.js');
+const Slider = require('../index.js');
+const React = require('react');
+const ReactDOM = require('react-dom');
+const $ = require('jquery');
 require('../assets/index.less');
 
-describe('rc-slider', function () {
+describe('rc-slider', function() {
   this.timeout(5000);
-  var div = document.createElement('div');
+  const div = document.createElement('div');
   document.body.appendChild(div);
 
-  afterEach(function () {
+  afterEach(() => {
     ReactDOM.unmountComponentAtNode(div);
   });
 
-  it('should render a simple slider with value correctly!', function () {
-    var slider = ReactDOM.render(
-      <Slider className='rc-slider' defaultValue={40}/>,
+  it('should render a simple slider with value correctly!', () => {
+    const slider = ReactDOM.render(
+      <Slider className="rc-slider" defaultValue={40}/>,
       div
     );
-    var node = $(div);
+    const node = $(div);
     expect(node.find('.rc-slider').length).to.be(1);
     expect(node.find('.rc-slider-handle').length).to.be(1);
     expect(node.find('.rc-slider-track').length).to.be(1);
     expect(slider.state.upperBound).to.be(40);
-    var trackWidth = node.find('.rc-slider-track')[0].style.width;
+    const trackWidth = node.find('.rc-slider-track')[0].style.width;
     expect(trackWidth).to.eql(node.find('.rc-slider-handle')[0].style.left);
   });
 
-  it('should render a slider with correct numbers of step!', function () {
-    var slider = ReactDOM.render(
-      <Slider className='rc-slider' step={20}/>,
+  it('should render a slider with correct numbers of step!', () => {
+    const slider = ReactDOM.render(
+      <Slider className="rc-slider" step={20}/>,
       div
     );
-    var node = $(div);
+    const node = $(div);
     expect(node.find('.rc-slider').length).to.be(1);
     expect(node.find('.rc-slider-handle').length).to.be(1);
     expect(node.find('.rc-slider-track').length).to.be(1);
     expect(slider.state.upperBound).to.be(0);
 
-    var sliderWithDots = ReactDOM.render(
-      <Slider className='rc-slider' step={20} dots/>,
+    ReactDOM.render(
+      <Slider className="rc-slider" step={20} dots/>,
       div
     );
-    var node1 = $(div);
+    const node1 = $(div);
     expect(node1.find('.rc-slider-dot').length).to.be(6);
   });
 
-  it('should render a slider with marks correctly!', function () {
-    var slider = ReactDOM.render(
-      <Slider marks={{0: "一", 20: "二", 40: "三", 60: "四", 100: "五"}} defaultValue={40} />,
+  it('should render a slider with marks correctly!', () => {
+    const slider = ReactDOM.render(
+      <Slider marks={{0: '一', 20: '二', 40: '三', 60: '四', 100: '五'}} defaultValue={40} />,
       div
     );
-    var node = $(div);
+    const node = $(div);
     expect(node.find('.rc-slider').length).to.be(1);
     expect(node.find('.rc-slider-handle').length).to.be(1);
     expect(node.find('.rc-slider-track').length).to.be(1);
@@ -64,20 +61,4 @@ describe('rc-slider', function () {
     expect(node.find('.rc-slider-mark-text').length).to.be(Object.keys(slider.props.marks).length);
     expect(slider.state.upperBound).to.be(40);
   });
-
-  // it('should mouseDown works!', function (done) {
-  //   var slider = ReactDOM.render(
-  //     <Slider marks={["一","二","三","四","五"]} />,
-  //     div
-  //   );
-  //   var selectedStep = slider.refs.step3.getDOMNode();
-
-  //   Simulate.mouseDown(selectedStep);
-
-  //   setTimeout( function() {
-  //     expect(slider.state.active).to.be('active');
-  //     done();
-  //   }, 200);
-  // });
-
 });