bee-checkbox - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

CHANGELOG.md

@@ -1,13 +0,13 @@
-<a name="1.0.3"></a>
-## [1.0.3](https://github.com/tinper-bee/checkbox/compare/1.0.2...1.0.3) (2018-01-16)
+<a name="1.0.5"></a>
+## [1.0.5](https://github.com/tinper-bee/checkbox/compare/1.0.4...1.0.5) (2018-01-21)
 
 
-### Features
 
-* **demo.js:** 修改demo展现方式 ([8630a32](https://github.com/tinper-bee/checkbox/commit/8630a32))
+<a name="1.0.4"></a>
+## [1.0.4](https://github.com/tinper-bee/checkbox/compare/v1.0.3...1.0.4) (2018-01-20)
 
 
 
-<a name="1.0.2"></a>
-## [1.0.2](https://github.com/tinper-bee/checkbox/compare/4af7c2e...1.0.2) (2017-12-27)
+<a name="1.0.3"></a>
+## [1.0.3](https://github.com/tinper-bee/checkbox/compare/4af7c2e...v1.0.3) (2018-01-16)
 
@@ -23,4 +23,5 @@
 * **checkbox.scss:** 新增checkbox在disabled状态时的鼠标样式 ([89f8403](https://github.com/tinper-bee/checkbox/commit/89f8403))
+* **demo.js:** 修改demo展现方式 ([8630a32](https://github.com/tinper-bee/checkbox/commit/8630a32))
 
 
 

demo/index.js

@@ -14,3 +14,3 @@
 
-var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var Demo3 = require("./demolist/Demo3");var DemoArray = [{"example":<Demo1 />,"title":" Checkbox","code":"\n/**\n * @title Checkbox\n * @description `checked` 参数设置是否选中，`disabled`设置是否可用。\n */\n\n\nimport React, { Component } from 'react';\nimport Checkbox from 'bee-checkbox';\n\n class Demo1 extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tcheckedFlag:false\n\t\t}\n\t\tthis.onChange = this.onChange.bind(this);\n\t}\n\tonChange(e) {\n\t\tconsole.log(e);\n\t\tthis.setState({checkedFlag:e});\n\t}\n\trender () {\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<Checkbox disabled className=\"test\">checkbox</Checkbox>\n\t\t\t\t<Checkbox ref=\"test\" checked={this.state.checkedFlag} onChange={this.onChange}>全选</Checkbox>\n\t\t\t\t<Checkbox ref=\"test\" indeterminate onChange={this.onChange}>半选</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\n","desc":" `checked` 参数设置是否选中，`disabled`设置是否可用。"},{"example":<Demo2 />,"title":" 多颜色`Checkbox`","code":"/**\n * @title 多颜色`Checkbox`\n * @description `colors`参数控制背景色\n */\n\nimport React, { Component } from 'react';\nimport Checkbox from 'bee-checkbox';\n\nclass Demo2 extends Component {\n\trender(){\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<Checkbox colors=\"info\">checkbox</Checkbox>\n\t\t\t\t<Checkbox colors=\"dark\">checkbox</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\n","desc":" `colors`参数控制背景色"},{"example":<Demo3 />,"title":" Checkbox","code":"/**\n * @title Checkbox\n * @description `checked` 参数设置是否选中，`disabled`设置是否可用。\n */\n\nimport React, { Component } from 'react';\nimport Checkbox from 'bee-checkbox';\n\nclass Demo3 extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tchecked: false\n\t\t}\n\t}\n\tchangeCheck=()=> {\n\t\tthis.setState({checked:!this.state.checked});\n\t}\n\trender () {\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<button onClick={this.changeCheck.bind(this)}>change checkbox</button>\n\t\t\t\t <Checkbox checked={this.state.checked} onChange={this.changeCheck}>checkbox2</Checkbox>\n\t\t\t\t<Checkbox defaultChecked={this.state.checked}>checkbox2</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n","desc":" `checked` 参数设置是否选中，`disabled`设置是否可用。"}]
+var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var Demo3 = require("./demolist/Demo3");var DemoArray = [{"example":<Demo1 />,"title":" Checkbox","code":"\n/**\n * @title Checkbox\n * @description `checked` 参数设置是否选中，`disabled`设置是否可用。\n */\n\n\nimport React, { Component } from 'react';\nimport { Checkbox } from 'tinper-bee';\n\n class Demo1 extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tcheckedFlag:false\n\t\t}\n\t\tthis.onChange = this.onChange.bind(this);\n\t}\n\tonChange(e) {\n\t\tconsole.log(e);\n\t\tthis.setState({checkedFlag:e});\n\t}\n\trender () {\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<Checkbox disabled className=\"test\">checkbox</Checkbox>\n\t\t\t\t<Checkbox ref=\"test\" checked={this.state.checkedFlag} onChange={this.onChange}>全选</Checkbox>\n\t\t\t\t<Checkbox ref=\"test\" indeterminate onChange={this.onChange}>半选</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\n","desc":" `checked` 参数设置是否选中，`disabled`设置是否可用。","scss_code":".demo-checkbox .u-checkbox {\n    display: block;\n}"},{"example":<Demo2 />,"title":" 多颜色`Checkbox`","code":"/**\n * @title 多颜色`Checkbox`\n * @description `colors`参数控制背景色\n */\n\nimport React, { Component } from 'react';\nimport { Checkbox } from 'tinper-bee';\n\nclass Demo2 extends Component {\n\trender(){\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<Checkbox colors=\"info\">checkbox</Checkbox>\n\t\t\t\t<Checkbox colors=\"dark\">checkbox</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n\n","desc":" `colors`参数控制背景色","scss_code":".demo-checkbox .u-checkbox {\n    display: block;\n}"},{"example":<Demo3 />,"title":" Checkbox","code":"/**\n * @title Checkbox\n * @description `checked` 参数设置是否选中，`disabled`设置是否可用。\n */\n\nimport React, { Component } from 'react';\nimport { Checkbox } from 'tinper-bee';\n\nclass Demo3 extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tchecked: false\n\t\t}\n\t}\n\tchangeCheck=()=> {\n\t\tthis.setState({checked:!this.state.checked});\n\t}\n\trender () {\n\t\treturn (\n\t\t\t<div className=\"demo-checkbox\">\n\t\t\t\t<button onClick={this.changeCheck.bind(this)}>change checkbox</button>\n\t\t\t\t <Checkbox checked={this.state.checked} onChange={this.changeCheck}>checkbox2</Checkbox>\n\t\t\t\t<Checkbox defaultChecked={this.state.checked}>checkbox2</Checkbox>\n\t\t\t</div>\n\t\t)\n\t}\n}\n","desc":" `checked` 参数设置是否选中，`disabled`设置是否可用。","scss_code":".demo-checkbox .u-checkbox {\n    display: block;\n}"}]
 
@@ -17,0 +17,0 @@

package.json

 {
  "name": "bee-checkbox",
- "version": "1.0.4",
+ "version": "1.0.5",
  "description": "checkbox ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

src/Checkbox.js

@@ -20,3 +20,3 @@ import classnames from 'classnames';
     clsPrefix: 'u-checkbox',
-    defaultChecked: false
+    defaultChecked: false,
 };
@@ -23,0 +23,0 @@ const clsPrefix = 'u-checkbox';

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1008757

increased by0.07%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes