Merge pull request #1 from noyobo/dev

jsx files use es6module

Author: noyobo

.gitignore

@@ -1,5 +1,9 @@
-node_modules/
 lib/
+assets/index.css
+
 .sass-cache/
 bower_components/
+node_modules/
 site/
+*.log
+.idea

assets/index.css

@@ -0,0 +1 @@
+placeholder

examples/picker.html

@@ -0,0 +1 @@
+placeholder

examples/simple-visible.html

@@ -0,0 +1 @@
+placeholder

examples/simple.html

@@ -24,9 +24,11 @@ function getResolve() {
   return resolve
 }
 
-gulp.task('jsx', ['clean:site'], function() {
+gulp.task('jsx', ['clean:lib'], function() {
   return gulp.src(['src/**/*.jsx', 'src/**/*.js'])
-    .pipe(react())
+    .pipe(react({
+      es6module: true
+    }))
     .pipe(babel())
     .pipe(gulp.dest('lib'))
 })
@@ -53,7 +55,7 @@ gulp.task('clean:lib', function(done) {
 
 gulp.task('examples', ['clean:site', 'jsx'], function() {
   return gulp
-    .src(['./examples/*.*'])
+    .src(['./examples/*.jsx', './examples/*.js'])
     .pipe(jsx2example())
     .pipe(gulp.dest('site/examples/'))
 })

gulpfile.js

@@ -0,0 +1 @@
+module.exports = require('./src/');

index.js

@@ -1,6 +1,6 @@
 {
   "name": "react-colors-picker",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "color-picker ui component for react",
   "main": "lib/index.js",
   "keywords": [
@@ -31,8 +31,8 @@
   },
   "scripts": {
     "build": "gulp build",
-    "start": "gulp build && node --harmony node_modules/.bin/rc-server",
-    "depoly": "gulp build && gh-pages -d site"
+    "start": "node --harmony node_modules/.bin/rc-server",
+    "deploy": "gulp build && gh-pages -d site"
   },
   "license": "MIT",
   "devDependencies": {

package.json

@@ -1,17 +1,17 @@
 'use strict';
 
-const React = require('react');
-const Colr = require('colr');
-const event = require('eventlistener');
-const prefixClsFn = require('./utils/prefixClsFn');
+import React from 'react';
+import Colr from 'colr';
+import event from 'eventlistener';
+import prefixClsFn from './utils/prefixClsFn';
 
 const colr = new Colr();
 
 function rgbaColor(r, g, b, a) {
     return 'rgba(' + [r, g, b, a / 100].join(',') + ')';
   }
 
-class Alpha extends React.Component{
+export default class Alpha extends React.Component{
   constructor(props) {
     super(props);
     this.state = {
@@ -132,5 +132,3 @@ Alpha.defaultProps = {
   customColor: '#f00',
   onAlphaChange: function() {}
 };
-
-module.exports = Alpha;

src/Alpha.jsx

@@ -1,15 +1,15 @@
 'use strict';
-const Colr = require('colr');
-const React = require('react');
-const event = require('eventlistener');
-let prefixClsFn = require('./utils/prefixClsFn');
+import Colr from 'colr';
+import React from 'react';
+import event from 'eventlistener';
+import prefixClsFn from './utils/prefixClsFn';
 
 let colr = new Colr();
 
 const width = 200;
 const height = 150;
 
-class Board extends React.Component {
+export default class Board extends React.Component {
   constructor(props) {
     super(props);
 
@@ -228,4 +228,3 @@ Board.defaultProps = {
   hue: 0,
   prefixCls: 'react-colors-picker-board'
 };
-module.exports = Board;