bee-badge - npm Package Compare versions

Comparing version 0.0.4 to 0.1.0

demo/BadgeDemo.js

@@ -14,2 +14,5 @@ import  Badge from '../src';
 					<h2>不同背景的徽章</h2>
+					<div className="margin-right-20 inline" clsPrefix = "ahua">
+						<Badge colors="primary">a</Badge>
+					</div>
 					<div className="margin-right-20 inline">
@@ -16,0 +19,0 @@ <Badge colors="primary">a</Badge>

demo/index.js

@@ -1,3 +0,33 @@
-import Demo from './BadgeDemo';
+import Badge from '../src';
+import React, { Component } from 'react';
 import ReactDOM from 'react-dom';
-ReactDOM.render(<Demo/>, document.getElementById('tinperBeeDemo'));
+
+
+function demo1() {
+    return (
+        <div className="demo-badge">
+                <Badge colors="primary">primary</Badge>
+                <Badge colors="info">info</Badge>
+                <Badge colors="dark">dark</Badge>
+                <Badge colors="success">success</Badge>
+                <Badge colors="warning">warning</Badge>
+                <Badge colors="danger">danger</Badge>
+        </div>
+    );
+}
+
+function demo2() {
+    return (
+        <div className="demo-badge">
+                <Badge colors="primary">
+                	<i className="uf uf-bellmusicaltool"></i>
+                </Badge>
+                <Badge colors="info">
+                	<i className="uf uf-femalesilhouette"></i>
+                </Badge>
+        </div>
+    );
+}
+
+ReactDOM.render(demo1(), document.getElementById('ReactBadgeDemo1'));
+ReactDOM.render(demo2(), document.getElementById('ReactBadgeDemo2'));

package.json

 {
  "name": "bee-badge",
- "version": "0.0.4",
+ "version": "0.1.0",
  "description": "bee-badge ui component for react",
@@ -32,7 +32,11 @@ "keywords": [
   "browsers": "bee-tools run browsers",
-  "pub": "bee-tools run pub"
+  "pub": "bee-tools run pub",
+  "coveralls": "bee-tools run coverage"
  },
  "dependencies": {
+  "bee-input-group": "0.0.4",
+  "bee-input-group-addon": "0.0.5",
+  "bee-input-group-button": "0.0.5",
   "classnames": "^2.2.5",
-  "tinper-bee-core": "0.0.6"
+  "tinper-bee-core": "latest"
  },
@@ -43,3 +47,3 @@ "devDependencies": {
   "react": "~0.14.0",
-  "react-addons-test-utils": "^15.3.2",
+  "react-addons-test-utils": "15.3.2",
   "react-dom": "~0.14.0",
@@ -46,0 +50,0 @@ "console-polyfill": "~0.2.1",

README.md

 # bee-badge 
 [![npm version](https://img.shields.io/npm/v/bee-badge.svg)](https://www.npmjs.com/package/bee-badge)
-[![Build Status](https://img.shields.io/travis/tinper-bee/generator-tinper-bee/master.svg)](https://travis-ci.org/tinper-bee/bee-badge)
-[![devDependency Status](https://img.shields.io/david/dev/tinper-bee/bee-badge.svg)](https://david-dm.org/tinper-bee/bee-badge#info=devDependencies)
+[![Build Status](https://img.shields.io/travis/tinper-bee/bee-badge/master.svg)](https://travis-ci.org/tinper-bee/bee-badge)
+[![Coverage Status](https://coveralls.io/repos/github/tinper-bee/bee-badge/badge.svg?branch=master)](https://coveralls.io/github/tinper-bee/bee-badge?branch=master)
 
@@ -47,5 +47,5 @@
 import "./node_modules/build/bee-badge.css"
+```
 
 
-
 ## API
@@ -52,0 +52,0 @@ |参数|说明|类型|默认值|

src/Badge.js

@@ -5,9 +5,9 @@ import React, { PropTypes } from 'react';
 /**
- * @title badge 默认显示内容1
+ *  badge 默认显示内容1
  */
 const defaultProps = {
-	children: "1"
+	children: "1",
+	clsPrefix: 'u-badge'
 };
 
-const clsPrefix = 'u-badge';
 
@@ -19,3 +19,3 @@ class Badge extends React.Component {
 	render(){
-		let {colors,className,children, ...others} = this.props;
+		let {colors,className,children,clsPrefix, ...others} = this.props;
 		let clsObj = {};
@@ -26,3 +26,3 @@ if(className){
 		/**
-		 * @title 以u-badge起头的颜色类判断
+		 *  以u-badge起头的颜色类判断
 		 */
@@ -29,0 +29,0 @@ if(colors){

test/index.test.js

@@ -6,3 +6,3 @@ import React from 'react';
 
-describe('Enzyme Shallow', function() {
+describe('Badge test', function() {
 	it('Badge should be exist', function() {
@@ -12,2 +12,22 @@ let badge = shallow(<Badge/>);
 	})
+	it('primary Badge should be exist', function() {
+		let badge = shallow(<Badge colors="primary"/>);
+		expect(badge.hasClass('u-badge-primary')).to.equal(true);
+	})
+	it('info Badge should be exist', function() {
+		let badge = shallow(<Badge colors="info"/>);
+		expect(badge.hasClass('u-badge-info')).to.equal(true);
+	})
+	it('dark Badge should be exist', function() {
+		let badge = shallow(<Badge colors="dark"/>);
+		expect(badge.hasClass('u-badge-dark')).to.equal(true);
+	})
+	it('danger Badge should be exist', function() {
+		let badge = shallow(<Badge colors="danger"/>);
+		expect(badge.hasClass('u-badge-danger')).to.equal(true);
+	})
+	it('warning Badge should be exist', function() {
+		let badge = shallow(<Badge colors="warning"/>);
+		expect(badge.hasClass('u-badge-warning')).to.equal(true);
+	})
 })

No alert changes

Improved metrics

Total package byte prevSize

20528

increased by11.78%

Number of package files

20

increased by5.26%

Lines of code

427

increased by13.26%

Worsened metrics

Dependency count

5

increased by150%

Dependency changes

• + Addedbee-input-group@0.0.4

• + Addedbee-input-group-addon@0.0.5

• + Addedbee-input-group-button@0.0.5

• + Addedadd-dom-event-listener@1.1.0(transitive)

• + Addedbee-button@0.0.6(transitive)

• + Addedbee-control-label@0.0.2(transitive)

• + Addedbee-form-control@0.0.4(transitive)

• + Addedbee-input-group@0.0.4(transitive)

• + Addedbee-input-group-addon@0.0.40.0.5(transitive)

• + Addedbee-input-group-button@0.0.40.0.5(transitive)

• + Addedcomponent-classes@1.2.6(transitive)

• + Addedcomponent-indexof@0.0.3(transitive)

• + Addedcreate-react-class@15.7.0(transitive)

• + Addeddom-align@1.12.4(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact@16.14.0(transitive)

• + Addedreact-dom@16.14.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedscheduler@0.19.1(transitive)

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

• + Addedwarning@3.0.0(transitive)

• Updatedtinper-bee-core@latest