bee-message - npm Package Compare versions

Comparing version 0.2.333 to 1.0.0

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 'bee-message';\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 'bee-message';\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.333",
-  "description": "Message ui component for react",
-  "keywords": [
-    "react",
-    "react-component",
-    "bee-message",
-    "iuap-design",
-    "tinper-bee",
-    "Message"
-  ],
-  "engines": {
-    "node": ">=4.0.0"
-  },
-  "homepage": "https://github.com/tinper-beebee-message.git",
-  "author": "Yonyou FED",
-  "repository": "http://github.com/tinper-bee/bee-message",
-  "bugs": "https://github.com/tinper-beebee-message.git/issues",
-  "license": "MIT",
-  "main": "./build/index.js",
-  "config": {
-    "port": 3000
-  },
-  "scripts": {
-    "dev": "bee-tools run start",
-    "build": "bee-tools run build",
-    "lint": "bee-tools run lint",
-    "test": "bee-tools run test",
-    "chrome": "bee-tools run chrome",
-    "coveralls": "bee-tools run coverage",
-    "browsers": "bee-tools run browsers",
-    "pub": "bee-tools run pub"
-  },
-  "dependencies": {
-    "bee-icon": "latest",
-    "bee-notification": "^0.2.23",
-    "classnames": "^2.2.5",
-    "tinper-bee-core": "latest"
-  },
-  "devDependencies": {
-    "bee-button": "latest",
-    "bee-layout": "latest",
-    "bee-panel": "latest",
-    "chai": "^3.5.0",
-    "console-polyfill": "~0.2.1",
-    "enzyme": "^2.4.1",
-    "es5-shim": "~4.1.10",
-    "react": "15.3.2",
-    "react-addons-test-utils": "15.3.2",
-    "react-dom": "15.3.2"
-  }
-}
+ "name": "bee-message",
+ "version": "1.0.0",
+ "description": "Message ui component for react",
+ "keywords": [
+  "react",
+  "react-component",
+  "bee-message",
+  "iuap-design",
+  "tinper-bee",
+  "Message"
+ ],
+ "engines": {
+  "node": ">=4.0.0"
+ },
+ "homepage": "https://github.com/tinper-beebee-message.git",
+ "author": "Yonyou FED",
+ "repository": "http://github.com/tinper-bee/bee-message",
+ "bugs": "https://github.com/tinper-beebee-message.git/issues",
+ "license": "MIT",
+ "main": "./build/index.js",
+ "config": {
+  "port": 3000
+ },
+ "scripts": {
+  "dev": "bee-tools run start",
+  "build": "bee-tools run build",
+  "lint": "bee-tools run lint",
+  "test": "bee-tools run test",
+  "chrome": "bee-tools run chrome",
+  "coveralls": "bee-tools run coverage",
+  "browsers": "bee-tools run browsers",
+  "pub": "bee-tools run pub"
+ },
+ "dependencies": {
+  "bee-icon": "latest",
+  "bee-notification": "latest",
+  "classnames": "^2.2.5",
+  "tinper-bee-core": "latest"
+ },
+ "peerDependencies": {
+  "react": "^15.3.0 || ^16.0",
+  "react-dom": "^15.3.0 || ^16.0",
+  "prop-types": "15.6.0"
+ },
+ "devDependencies": {
+  "bee-button": "latest",
+  "bee-layout": "latest",
+  "bee-panel": "latest",
+  "chai": "^3.5.0",
+  "console-polyfill": "~0.2.1",
+  "enzyme": "^2.4.1",
+  "es5-shim": "~4.1.10",
+  "react-addons-test-utils": "15.3.2"
+ }
+}

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1487597

increased by6.36%

Dev dependency count

8

decreased by-20%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Dependency count

7

increased by75%

Lines of code

15075

decreased by-0.46%

Dependency changes

• + Added@babel/runtime@7.26.0(transitive)

• + Addedbee-notification@2.0.5(transitive)

• + Addedbee-overlay@1.0.33(transitive)

• + Addeddom-helpers@3.4.0(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• - Removedbee-notification@0.2.24(transitive)

• Updatedbee-notification@latest