bee-button-group
Advanced tools
Comparing version 0.2.3 to 0.2.4
@@ -8,2 +8,7 @@ /** | ||
import React, { Component } from 'react'; | ||
import ButtonGroup from '../../src'; | ||
import Button from 'bee-button'; | ||
import Icon from 'bee-icon'; | ||
class Demo1 extends Component { | ||
@@ -35,1 +40,3 @@ render () { | ||
} | ||
export default Demo1; |
@@ -8,2 +8,7 @@ /** | ||
import React, { Component } from 'react'; | ||
import ButtonGroup from '../../src'; | ||
import Button from 'bee-button'; | ||
import Icon from 'bee-icon'; | ||
class Demo2 extends Component { | ||
@@ -20,1 +25,4 @@ render () { | ||
} | ||
export default Demo2; |
@@ -7,4 +7,2 @@ | ||
import ReactDOM from 'react-dom'; | ||
import ButtonGroup from '../src'; | ||
import Icon from 'bee-icon'; | ||
@@ -11,0 +9,0 @@ |
@@ -7,4 +7,2 @@ | ||
import ReactDOM from 'react-dom'; | ||
import ButtonGroup from '../src'; | ||
import Icon from 'bee-icon'; | ||
@@ -17,56 +15,5 @@ | ||
/** | ||
* | ||
* @title 默认按钮组 | ||
* @description 基础按钮组 | ||
* | ||
*/ | ||
var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var DemoArray = [{"example":<Demo1 />,"title":" 默认按钮组","code":"/**\n *\n * @title 默认按钮组\n * @description 基础按钮组\n *\n */\n\nimport React, { Component } from 'react';\nimport ButtonGroup from 'tinper-bee';\nimport Button from 'bee-button';\nimport Icon from 'bee-icon';\n\nclass Demo1 extends Component {\n render () {\n return (\n <div>\n <ButtonGroup style={{ margin: 10 }}>\n <Button shape='border'><Icon type='uf-navmenu' /></Button>\n <Button shape='border'><Icon type='uf-file' /></Button>\n <Button shape='border'><Icon type='uf-pencil' /></Button>\n <Button shape='border'><Icon type='uf-del' /></Button>\n </ButtonGroup>\n <ButtonGroup style={{ margin: 10 }}>\n <Button colors=\"primary\">新增</Button>\n <Button colors=\"primary\">修改</Button>\n <Button colors=\"primary\">删除</Button>\n </ButtonGroup>\n <ButtonGroup style={{ margin: 10 }}>\n <Button colors=\"primary\"><Icon type='uf-navmenu' /></Button>\n <Button colors=\"primary\"><Icon type='uf-file' /></Button>\n <Button colors=\"primary\"><Icon type='uf-pencil' /></Button>\n <Button colors=\"primary\"><Icon type='uf-del' /></Button>\n </ButtonGroup>\n </div>\n\n )\n }\n}\n\n\n","desc":" 基础按钮组"},{"example":<Demo2 />,"title":" 垂直排列的按钮组","code":"/**\n *\n * @title 垂直排列的按钮组\n * @description 通过`vertical`属性设置按钮组垂直排列\n *\n */\n\nimport React, { Component } from 'react';\nimport ButtonGroup from 'tinper-bee';\nimport Button from 'bee-button';\nimport Icon from 'bee-icon';\n\nclass Demo2 extends Component {\n render () {\n return (\n <ButtonGroup vertical>\n <Button colors=\"primary\"><Icon type='uf-navmenu' /></Button>\n <Button colors=\"info\"><Icon type='uf-file' /></Button>\n <Button colors=\"warning\"><Icon type='uf-del' /></Button>\n </ButtonGroup>\n )\n }\n}\n\n\n\n","desc":" 通过`vertical`属性设置按钮组垂直排列"}] | ||
class Demo1 extends Component { | ||
render () { | ||
return ( | ||
<div> | ||
<ButtonGroup style={{ margin: 10 }}> | ||
<Button shape='border'><Icon type='uf-navmenu' /></Button> | ||
<Button shape='border'><Icon type='uf-file' /></Button> | ||
<Button shape='border'><Icon type='uf-pencil' /></Button> | ||
<Button shape='border'><Icon type='uf-del' /></Button> | ||
</ButtonGroup> | ||
<ButtonGroup style={{ margin: 10 }}> | ||
<Button colors="primary">新增</Button> | ||
<Button colors="primary">修改</Button> | ||
<Button colors="primary">删除</Button> | ||
</ButtonGroup> | ||
<ButtonGroup style={{ margin: 10 }}> | ||
<Button colors="primary"><Icon type='uf-navmenu' /></Button> | ||
<Button colors="primary"><Icon type='uf-file' /></Button> | ||
<Button colors="primary"><Icon type='uf-pencil' /></Button> | ||
<Button colors="primary"><Icon type='uf-del' /></Button> | ||
</ButtonGroup> | ||
</div> | ||
) | ||
} | ||
} | ||
/** | ||
* | ||
* @title 垂直排列的按钮组 | ||
* @description 通过`vertical`属性设置按钮组垂直排列 | ||
* | ||
*/ | ||
class Demo2 extends Component { | ||
render () { | ||
return ( | ||
<ButtonGroup vertical> | ||
<Button colors="primary"><Icon type='uf-navmenu' /></Button> | ||
<Button colors="info"><Icon type='uf-file' /></Button> | ||
<Button colors="warning"><Icon type='uf-del' /></Button> | ||
</ButtonGroup> | ||
) | ||
} | ||
} | ||
var DemoArray = [{"example":<Demo1 />,"title":" 默认按钮组","code":"/**\r\n *\r\n * @title 默认按钮组\r\n * @description 基础按钮组\r\n *\r\n */\r\n\r\nclass Demo1 extends Component {\r\n render () {\r\n return (\r\n <div>\r\n <ButtonGroup style={{ margin: 10 }}>\r\n <Button shape='border'><Icon type='uf-navmenu' /></Button>\r\n <Button shape='border'><Icon type='uf-file' /></Button>\r\n <Button shape='border'><Icon type='uf-pencil' /></Button>\r\n <Button shape='border'><Icon type='uf-del' /></Button>\r\n </ButtonGroup>\r\n <ButtonGroup style={{ margin: 10 }}>\r\n <Button colors=\"primary\">新增</Button>\r\n <Button colors=\"primary\">修改</Button>\r\n <Button colors=\"primary\">删除</Button>\r\n </ButtonGroup>\r\n <ButtonGroup style={{ margin: 10 }}>\r\n <Button colors=\"primary\"><Icon type='uf-navmenu' /></Button>\r\n <Button colors=\"primary\"><Icon type='uf-file' /></Button>\r\n <Button colors=\"primary\"><Icon type='uf-pencil' /></Button>\r\n <Button colors=\"primary\"><Icon type='uf-del' /></Button>\r\n </ButtonGroup>\r\n </div>\r\n\r\n )\r\n }\r\n}\r\n","desc":" 基础按钮组"},{"example":<Demo2 />,"title":" 垂直排列的按钮组","code":"/**\r\n *\r\n * @title 垂直排列的按钮组\r\n * @description 通过`vertical`属性设置按钮组垂直排列\r\n *\r\n */\r\n\r\nclass Demo2 extends Component {\r\n render () {\r\n return (\r\n <ButtonGroup vertical>\r\n <Button colors=\"primary\"><Icon type='uf-navmenu' /></Button>\r\n <Button colors=\"info\"><Icon type='uf-file' /></Button>\r\n <Button colors=\"warning\"><Icon type='uf-del' /></Button>\r\n </ButtonGroup>\r\n )\r\n }\r\n}\r\n","desc":" 通过`vertical`属性设置按钮组垂直排列"}] | ||
class Demo extends Component { | ||
@@ -73,0 +20,0 @@ constructor(props){ |
@@ -0,0 +0,0 @@ ## ButtonGroup |
{ | ||
"name": "bee-button-group", | ||
"version": "0.2.3", | ||
"version": "0.2.4", | ||
"description": "button-group ui component for react", | ||
@@ -37,2 +37,3 @@ "keywords": [ | ||
"classnames": "^2.2.5", | ||
"babel-runtime": "^6.23.0", | ||
"tinper-bee-core": "latest" | ||
@@ -39,0 +40,0 @@ }, |
@@ -0,0 +0,0 @@ # bee-button-group |
import ButtonGroup from './ButtonGroup'; | ||
export default ButtonGroup; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
New author
Supply chain riskA 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
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
1030910
3
11060
1
+ Addedbabel-runtime@^6.23.0
+ Addedbabel-runtime@6.26.0(transitive)
+ Addedcore-js@2.6.12(transitive)
+ Addedregenerator-runtime@0.11.1(transitive)