bee-button - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

demo/ButtonDemo.js

@@ -1,7 +0,7 @@
-let Button = require('../src');
-let React = require('react');
-let ReactDOM = require('react-dom');
+import { Button } from '../src';
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
 
 
-class Demo extends React.Component {
+class Demo extends Component {
 	constructor(props) {
@@ -54,2 +54,2 @@ super(props);
 
-module.exports = Demo;
+export default Demo;

gulpfile.js

@@ -1,2 +0,1 @@
-// https://github.com/gulpjs/gulp/tree/master/docs
 var gulp = require('gulp');
@@ -38,4 +37,5 @@ var fs = require('fs');
 
-var less = require('gulp-less');
+var sass = require('gulp-sass');
 
+
 var sourcemaps = require('gulp-sourcemaps');
@@ -72,6 +72,6 @@
 
-gulp.task('less_demo', function(cb) {
-    gulp.src(['./demo/**/*.less'])
+gulp.task('sass_demo', function(cb) {
+    gulp.src(['./demo/**/*.scss'])
         .pipe(sourcemaps.init())
-        .pipe(less())
+        .pipe(sass())
         .pipe(concat('demo.css'))
@@ -84,3 +84,3 @@ .pipe(replace([{
         .pipe(gulp.dest('./dist'));
-    console.info('###### less_demo done ######');
+    console.info('###### sass_demo done ######');
     cb();
@@ -93,7 +93,4 @@ });
 
-gulp.task('reload_by_component_css', ['less_component'], function () {
-    reload();
-});
 
-gulp.task('reload_by_demo_css', ['less_demo'], function () {
+gulp.task('reload_by_demo_css', ['sass_demo'], function () {
     reload();
@@ -104,3 +101,3 @@ });
     'pack_demo',
-    'less_demo'
+    'sass_demo'
 ], function() {
@@ -117,5 +114,5 @@ browserSync({
 
-    gulp.watch('src/**/*.less', ['reload_by_demo_css']);
+    gulp.watch('src/**/*.scss', ['reload_by_demo_css']);
 
-    gulp.watch('demo/**/*.less', ['reload_by_demo_css']);
+    gulp.watch('demo/**/*.scss', ['reload_by_demo_css']);
 
@@ -122,0 +119,0 @@ });

package.json

 {
- "name": "bee-button",
- "version": "0.0.2",
- "description": "tinper-bee button ui component for react",
- "keywords": [
-  "react",
-  "react-component",
-  "bee-button",
-  "tinper",
-  "bee",
-  "button"
- ],
- "engines": {
-  "node": ">=4.0.0"
- },
- "homepage": "https://github.com/tinper-bee/button",
- "author": "",
- "repository": "http://github.com/tinper-bee/button",
- "bugs": "https://github.com/tinper-bee/button/issues",
- "license": "MIT",
- "main": "./build/index",
- "config": {
-  "port": 3000
- },
- "scripts": {
-  "dev": "gulp server"
- },
- "dependencies": {
-  "classnames": "^2.2.5"
- },
- "devDependencies": {
-  "babel": "~6.3.26",
-  "babel-core": "~6.4.0",
-  "babel-loader": "~6.2.1",
-  "babel-plugin-add-module-exports": "~0.1.2",
-  "babel-preset-es2015": "~6.3.13",
-  "babel-preset-es2015-loose": "~7.0.0",
-  "babel-preset-react": "~6.3.13",
-  "babel-preset-stage-1": "~6.3.13",
-  "browser-sync": "~2.11.0",
-  "chalk": "^1.1.3",
-  "colors": "^1.1.2",
-  "console-polyfill": "~0.2.1",
-  "cross-spawn": "^2.1.5",
-  "dateformat": "^1.0.12",
-  "es3ify-loader": "~0.1.0",
-  "es5-shim": "~4.1.10",
-  "gulp": "~3.9.0",
-  "gulp-babel": "~6.1.1",
-  "gulp-concat": "~2.6.0",
-  "gulp-es3ify": "0.0.0",
-  "gulp-just-replace": "~1.0.2",
-  "gulp-less": "~3.0.3",
-  "gulp-sourcemaps": "~1.5.2",
-  "has-gulplog": "^0.1.0",
-  "html-wiring": "~1.2.0",
-  "inquirer": "^0.12.0",
-  "kuma-base": "^1.0.1",
-  "lodash.template": "^4.4.0",
-  "react": "~0.14.0",
-  "react-dom": "~0.14.0",
-  "replace-ext": "^1.0.0",
-  "vinyl": "^1.2.0",
-  "webpack": "^1.10.5"
- }
-}
+  "name": "bee-button",
+  "version": "0.0.3",
+  "description": "tinper-bee button ui component for react",
+  "keywords": [
+    "react",
+    "react-component",
+    "bee-button",
+    "tinper",
+    "bee",
+    "button"
+  ],
+  "engines": {
+    "node": ">=4.0.0"
+  },
+  "homepage": "https://github.com/tinper-bee/button",
+  "author": "",
+  "repository": "http://github.com/tinper-bee/button",
+  "bugs": "https://github.com/tinper-bee/button/issues",
+  "license": "MIT",
+  "main": "./build/index",
+  "config": {
+    "port": 3000
+  },
+  "scripts": {
+    "dev": "gulp server",
+    "lint": "./node_modules/.bin/eslint src",
+    "test": "./node_modules/.bin/mocha --compilers js:babel-core/register --require ./test/setup.js"
+  },
+  "dependencies": {
+    "classnames": "^2.2.5",
+    "tinper-bee-core": "^0.0.4"
+  },
+  "devDependencies": {
+    "babel": "~6.3.26",
+    "babel-core": "~6.4.0",
+    "babel-loader": "~6.2.1",
+    "babel-plugin-add-module-exports": "~0.1.2",
+    "babel-preset-es2015": "~6.3.13",
+    "babel-preset-es2015-loose": "~7.0.0",
+    "babel-preset-react": "~6.3.13",
+    "babel-preset-stage-1": "~6.3.13",
+    "browser-sync": "~2.11.0",
+    "colors": "^1.1.2",
+    "console-polyfill": "~0.2.1",
+    "eslint": "^1.10.3",
+    "eslint-config-airbnb": "^0.1.1",
+    "eslint-plugin-react": "^5.2.2",
+    "cross-spawn": "^2.1.5",
+    "es3ify-loader": "~0.1.0",
+    "es5-shim": "~4.1.10",
+    "gulp": "~3.9.0",
+    "gulp-babel": "~6.1.1",
+    "gulp-concat": "~2.6.0",
+    "gulp-es3ify": "0.0.0",
+    "gulp-just-replace": "~1.0.2",
+    "gulp-sass": "~2.3.2",
+    "gulp-sourcemaps": "~1.5.2",
+    "html-wiring": "~1.2.0",
+    "inquirer": "^0.12.0",
+    "react": "~0.14.0",
+    "react-dom": "~0.14.0",
+    "webpack": "^1.10.5",
+    "mocha": "^3.1.0",
+    "enzyme": "^2.4.1",
+    "chai": "^3.5.0"
+  }
+}

README.md

@@ -1,3 +0,6 @@
-# neoui-react-button
+# button
 
+[![npm version](https://img.shields.io/npm/v/bee-button.svg)](https://www.npmjs.com/package/bee-button)
+[![Build Status](https://img.shields.io/travis/tinper-bee/button/master.svg)](https://travis-ci.org/tinper-bee/button)
+[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/button.svg)](https://david-dm.org/tinper-bee/button#info=devDependencies)
 
@@ -4,0 +7,0 @@ react button component for tinper-bee

src/Button.js

@@ -1,4 +0,4 @@
-let React = require('react');
-let ReactDOM = require('react-dom');
-let classnames = require('classnames');
+import  React, { PropTypes } from 'react';
+import ReactDOM from 'react-dom';
+import classnames from 'classnames';
 
@@ -9,15 +9,15 @@ const propTypes = {
    */
-  size: React.PropTypes.oneOf(['sm', 'xg', 'lg', '']),
+  size: PropTypes.oneOf(['sm', 'xg', 'lg', '']),
   /**
    * @title 样式
    */
-  style: React.PropTypes.object,
+  style: PropTypes.object,
   /**
    * @title 形状
    */
-  shape: React.PropTypes.oneOf(['block', 'round', 'squared', 'floating', 'pillRight', 'pillLeft', '']),
+  shape: PropTypes.oneOf(['block', 'round', 'squared', 'floating', 'pillRight', 'pillLeft', '']),
    /**
    * @title 类型
    */
-  type: React.PropTypes.oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', '']),
+  type: PropTypes.oneOf(['primary', 'accent', 'success', 'info', 'warning', 'danger', '']),
   /**
@@ -27,3 +27,3 @@ * @title 是否禁用
    */
-  disabled: React.PropTypes.bool,
+  disabled: PropTypes.bool,
   /**
@@ -33,7 +33,7 @@ * @title 类名
    */
-  className: React.PropTypes.string,
+  className: PropTypes.string,
   /**
    * @title 内容
    */
-  children: React.PropTypes.oneOfType([
+  children: PropTypes.oneOfType([
       React.PropTypes.element,
@@ -46,3 +46,3 @@ React.PropTypes.string
    */
-  htmlType: React.PropTypes.oneOf(['submit', 'button', 'reset']),
+  htmlType: PropTypes.oneOf(['submit', 'button', 'reset']),
 }
@@ -56,3 +56,3 @@
   className: '',
-  children: 'Button',
+  children: '',
   htmlType: 'button'
@@ -90,5 +90,3 @@ }
     render() {
-        let props = this.props;
-        let {type, shape, disabled, className, size, children, htmlType, ...others} = props;
-        type = disabled ? 'disabled' : type;
+        let {type, shape, disabled, className, size, children, htmlType, ...others} = this.props;
         let clsObj = {};
@@ -114,3 +112,3 @@ if (className) {
                 {...others}>
-              {props.children}
+              {this.props.children}
             </button>
@@ -124,2 +122,2 @@ );
 
-module.exports = Button;
+export default Button;

src/index.js

@@ -1,3 +0,1 @@
-
-
-module.exports = require('./Button');
+export Button from './Button';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

32161

increased by6.88%

Dev dependency count

32

decreased by-3.03%

Number of downloads

246

increased by35.16%

Number of package files

20

increased by17.65%

Lines of code

516

increased by2.79%

Number of lines in readme file

41

increased by7.89%

Worsened metrics

Dependency count

2

increased by100%

Dependency changes

• + Addedtinper-bee-core@^0.0.4

• + Addedtinper-bee-core@0.0.4(transitive)