bee-message - npm Package Compare versions

Comparing version 0.2.4 to 0.2.5

demo/demolist/Demo1.js

@@ -8,2 +8,8 @@ /**
 
+import { Con, Row, Col } from 'bee-layout';
+import { Panel } from 'bee-panel';
+import React, { Component } from 'react';
+import Button from 'bee-button';
+import Message from '../../src';
+
  const info = function () {
@@ -69,1 +75,4 @@ let aa = Message.create({content: 'This is a Info message', color: 'info', duration: null});
 }
+
+
+export default Demo1;

demo/demolist/Demo2.js

@@ -8,2 +8,8 @@ /**
 
+import { Con, Row, Col } from 'bee-layout';
+import { Panel } from 'bee-panel';
+import React, { Component } from 'react';
+import Button from 'bee-button';
+import Message from '../../src';
+
  const top = function () {
@@ -68,1 +74,3 @@ Message.create({content: 'This is a Info message', position: 'top'});
 }
+
+export default Demo2;

demo/index-demo-base.js

@@ -7,4 +7,4 @@
 import Button from 'bee-button';
-import Message from '../src';
 
+
 const CARET = <i className="uf uf-arrow-down"></i>;
@@ -11,0 +11,0 @@

demo/index.js

@@ -7,4 +7,4 @@
 import Button from 'bee-button';
-import Message from '../src';
 
+
 const CARET = <i className="uf uf-arrow-down"></i>;
@@ -16,138 +16,5 @@
 
-/**
- *
- * @title 不同颜色的消息提醒
- * @description 提供10种颜色，包括黑色白色及四个语义色及四个浅语义色
- *
- */
+var Demo1 = require("./demolist/Demo1");var Demo2 = require("./demolist/Demo2");var DemoArray = [{"example":<Demo1 />,"title":" 不同颜色的消息提醒","code":"/**\n *\n * @title 不同颜色的消息提醒\n * @description 提供10种颜色，包括黑色白色及四个语义色及四个浅语义色\n *\n */\n\nimport { Con, Row, Col } from 'bee-layout';\nimport { Panel } from 'bee-panel';\nimport React, { Component } from 'react';\nimport Button from 'bee-button';\nimport Message from 'tinper-bee';\n\n const info = function () {\n   let aa = Message.create({content: 'This is a Info message', color: 'info', duration: null});\n\n };\n const danger = function () {\n   Message.create({content: 'This is a danger message', color: 'danger'});\n };\n const success = function () {\n   Message.create({content: 'This is a success message', color: 'success'});\n };\n const warning = function () {\n   Message.create({content: 'This is a warning message', color: 'warning'});\n };\n const loading = function () {\n   Message.create({content: 'This is a dark message', color: 'dark'});\n };\n const light = function () {\n   Message.create({content: 'This is a light message', color: 'light'});\n };\nclass Demo1 extends Component {\n    constructor(props){\n        super(props);\n    }\n    render () {\n        return (\n            <div className=\"paddingDemo\">\n            <Button\n                colors=\"info\"\n                onClick={info}>\n                info\n            </Button>\n            <Button\n                colors=\"danger\"\n                onClick={danger}>\n                danger\n            </Button>\n            <Button\n                colors=\"warning\"\n                onClick={warning}>\n                warning\n            </Button>\n            <Button\n                colors=\"success\"\n                onClick={success}>\n                success\n            </Button>\n            <Button\n                colors=\"primary\"\n                onClick={loading}>\n                dark\n            </Button>\n            <Button\n                shape=\"border\"\n                onClick={light}>\n                light\n            </Button>\n            </div>\n        )\n    }\n}\n\n\n\n","desc":" 提供10种颜色，包括黑色白色及四个语义色及四个浅语义色"},{"example":<Demo2 />,"title":" 不同显示位置的消息提醒","code":"/**\n *\n * @title 不同显示位置的消息提醒\n * @description 一个页面的message只能设置一中显示位置，提供六种位置选择，查看每种示例，需每次刷新\n *\n */\n\nimport { Con, Row, Col } from 'bee-layout';\nimport { Panel } from 'bee-panel';\nimport React, { Component } from 'react';\nimport Button from 'bee-button';\nimport Message from 'tinper-bee';\n\n const top = function () {\n   Message.create({content: 'This is a Info message', position: 'top'});\n };\n const bottom = function () {\n   Message.create({content: 'This is a Info message', position: 'bottom'});\n };\n const topRight = function () {\n   Message.create({content: 'This is a Info message', position: 'topRight'});\n };\n const topLeft = function () {\n   Message.create({content: 'This is a Info message', position: 'topLeft'});\n };\n const bottomRight = function () {\n   Message.create({content: 'This is a Info message', position: 'bottomRight'});\n };\n const bottomLeft = function () {\n   Message.create({content: 'This is a Info message', position: 'bottomLeft'});\n };\nclass Demo2 extends Component {\n    constructor(props){\n        super(props);\n    }\n    render () {\n        return (\n            <div className=\"paddingDemo\">\n            <Button\n                colors=\"info\"\n                onClick={top}>\n                top\n            </Button>\n            <Button\n                colors=\"info\"\n                onClick={bottom}>\n                bottom\n            </Button>\n            <Button\n                colors=\"info\"\n                onClick={topRight}>\n                topRight\n            </Button>\n            <Button\n                colors=\"info\"\n                onClick={topLeft}>\n                topLeft\n            </Button>\n            <Button\n                colors=\"info\"\n                onClick={bottomRight}>\n                bottomRight\n            </Button>\n            <Button\n                colors=\"info\"\n                onClick={bottomLeft}>\n                bottomLeft\n            </Button>\n            </div>\n        )\n    }\n}\n\n\n","desc":" 一个页面的message只能设置一中显示位置，提供六种位置选择，查看每种示例，需每次刷新"}]
 
- const info = function () {
-   let aa = Message.create({content: 'This is a Info message', color: 'info', duration: null});
 
- };
- const danger = function () {
-   Message.create({content: 'This is a danger message', color: 'danger'});
- };
- const success = function () {
-   Message.create({content: 'This is a success message', color: 'success'});
- };
- const warning = function () {
-   Message.create({content: 'This is a warning message', color: 'warning'});
- };
- const loading = function () {
-   Message.create({content: 'This is a dark message', color: 'dark'});
- };
- const light = function () {
-   Message.create({content: 'This is a light message', color: 'light'});
- };
-class Demo1 extends Component {
-    constructor(props){
-        super(props);
-    }
-    render () {
-        return (
-            <div className="paddingDemo">
-            <Button
-                colors="info"
-                onClick={info}>
-                info
-            </Button>
-            <Button
-                colors="danger"
-                onClick={danger}>
-                danger
-            </Button>
-            <Button
-                colors="warning"
-                onClick={warning}>
-                warning
-            </Button>
-            <Button
-                colors="success"
-                onClick={success}>
-                success
-            </Button>
-            <Button
-                colors="primary"
-                onClick={loading}>
-                dark
-            </Button>
-            <Button
-                shape="border"
-                onClick={light}>
-                light
-            </Button>
-            </div>
-        )
-    }
-}
-/**
- *
- * @title 不同显示位置的消息提醒
- * @description 一个页面的message只能设置一中显示位置，提供六种位置选择，查看每种示例，需每次刷新
- *
- */
-
- const top = function () {
-   Message.create({content: 'This is a Info message', position: 'top'});
- };
- const bottom = function () {
-   Message.create({content: 'This is a Info message', position: 'bottom'});
- };
- const topRight = function () {
-   Message.create({content: 'This is a Info message', position: 'topRight'});
- };
- const topLeft = function () {
-   Message.create({content: 'This is a Info message', position: 'topLeft'});
- };
- const bottomRight = function () {
-   Message.create({content: 'This is a Info message', position: 'bottomRight'});
- };
- const bottomLeft = function () {
-   Message.create({content: 'This is a Info message', position: 'bottomLeft'});
- };
-class Demo2 extends Component {
-    constructor(props){
-        super(props);
-    }
-    render () {
-        return (
-            <div className="paddingDemo">
-            <Button
-                colors="info"
-                onClick={top}>
-                top
-            </Button>
-            <Button
-                colors="info"
-                onClick={bottom}>
-                bottom
-            </Button>
-            <Button
-                colors="info"
-                onClick={topRight}>
-                topRight
-            </Button>
-            <Button
-                colors="info"
-                onClick={topLeft}>
-                topLeft
-            </Button>
-            <Button
-                colors="info"
-                onClick={bottomRight}>
-                bottomRight
-            </Button>
-            <Button
-                colors="info"
-                onClick={bottomLeft}>
-                bottomLeft
-            </Button>
-            </div>
-        )
-    }
-}
-var DemoArray = [{"example":<Demo1 />,"title":" 不同颜色的消息提醒","code":"/**\n *\n * @title 不同颜色的消息提醒\n * @description 提供10种颜色，包括黑色白色及四个语义色及四个浅语义色\n *\n */\n\n const info = function () {\n   let aa = Message.create({content: 'This is a Info message', color: 'info', duration: null});\n\n };\n const danger = function () {\n   Message.create({content: 'This is a danger message', color: 'danger'});\n };\n const success = function () {\n   Message.create({content: 'This is a success message', color: 'success'});\n };\n const warning = function () {\n   Message.create({content: 'This is a warning message', color: 'warning'});\n };\n const loading = function () {\n   Message.create({content: 'This is a dark message', color: 'dark'});\n };\n const light = function () {\n   Message.create({content: 'This is a light message', color: 'light'});\n };\nclass Demo1 extends Component {\n    constructor(props){\n        super(props);\n    }\n    render () {\n        return (\n            <div className=\"paddingDemo\">\n            <Button\n                colors=\"info\"\n                onClick={info}>\n                info\n            </Button>\n            <Button\n                colors=\"danger\"\n                onClick={danger}>\n                danger\n            </Button>\n            <Button\n                colors=\"warning\"\n                onClick={warning}>\n                warning\n            </Button>\n            <Button\n                colors=\"success\"\n                onClick={success}>\n                success\n            </Button>\n            <Button\n                colors=\"primary\"\n                onClick={loading}>\n                dark\n            </Button>\n            <Button\n                shape=\"border\"\n                onClick={light}>\n                light\n            </Button>\n            </div>\n        )\n    }\n}\n","desc":" 提供10种颜色，包括黑色白色及四个语义色及四个浅语义色"},{"example":<Demo2 />,"title":" 不同显示位置的消息提醒","code":"/**\r\n *\r\n * @title 不同显示位置的消息提醒\r\n * @description 一个页面的message只能设置一中显示位置，提供六种位置选择，查看每种示例，需每次刷新\r\n *\r\n */\r\n\r\n const top = function () {\r\n   Message.create({content: 'This is a Info message', position: 'top'});\r\n };\r\n const bottom = function () {\r\n   Message.create({content: 'This is a Info message', position: 'bottom'});\r\n };\r\n const topRight = function () {\r\n   Message.create({content: 'This is a Info message', position: 'topRight'});\r\n };\r\n const topLeft = function () {\r\n   Message.create({content: 'This is a Info message', position: 'topLeft'});\r\n };\r\n const bottomRight = function () {\r\n   Message.create({content: 'This is a Info message', position: 'bottomRight'});\r\n };\r\n const bottomLeft = function () {\r\n   Message.create({content: 'This is a Info message', position: 'bottomLeft'});\r\n };\r\nclass Demo2 extends Component {\r\n    constructor(props){\r\n        super(props);\r\n    }\r\n    render () {\r\n        return (\r\n            <div className=\"paddingDemo\">\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={top}>\r\n                top\r\n            </Button>\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={bottom}>\r\n                bottom\r\n            </Button>\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={topRight}>\r\n                topRight\r\n            </Button>\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={topLeft}>\r\n                topLeft\r\n            </Button>\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={bottomRight}>\r\n                bottomRight\r\n            </Button>\r\n            <Button\r\n                colors=\"info\"\r\n                onClick={bottomLeft}>\r\n                bottomLeft\r\n            </Button>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","desc":" 一个页面的message只能设置一中显示位置，提供六种位置选择，查看每种示例，需每次刷新"}]
-
-
 class Demo extends Component {
@@ -154,0 +21,0 @@ constructor(props){

demo/MessageDemo.js

@@ -0,0 +0,0 @@ import Message from '../src/index';

docs/api.md

@@ -0,0 +0,0 @@ ## Message 消息

package.json

 {
   "name": "bee-message",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Message ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

README.md

@@ -0,0 +0,0 @@ # bee-message

src/index.js

 import Message from './Message';
 export default Message;

test/Message.test.js

@@ -0,0 +0,0 @@ import React from 'react';

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

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1261731

decreased by-9.79%

Lines of code

13995

decreased by-7.59%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes