bee-loading - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1-beta.0

build/static/images/loading.css

+.loading {
+  width: 42px;
+  height: 41px;
+}
+

build/static/images/loading.svg

+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+<linearGradient x1="49.7770001%" y1="99.9886667%" x2="49.7770001%" y2="22.7916984%" id="linearGradient-1"> <stop stop-color="#82D900" offset="0%"/> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"/> </linearGradient> <linearGradient x1="0.0765%" y1="49.8045%" x2="84.0021644%" y2="49.8045%" id="linearGradient-2"> <stop stop-color="#FFBE0E" offset="0%"/> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"/> </linearGradient> <linearGradient x1="50.2295001%" y1="-0.0809999429%" x2="50.2295001%" y2="80.0618828%" id="linearGradient-3"> <stop stop-color="#FF4747" offset="0%"/> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"/> </linearGradient> <linearGradient x1="99.9256667%" y1="49.918%" x2="24.2692403%" y2="49.918%" id="linearGradient-4"> <stop stop-color="#008CDC" offset="0%"/> <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"/> </linearGradient>
+</defs>
+<symbol id="loading" viewBox="0 0 42 41"> <!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com --> <title>windou</title> <desc>Created with Sketch.</desc>  <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="&#x89C6;&#x56FE;/loading" transform="translate(-3.000000, -3.000000)"> <g id="windou" transform="translate(3.000000, 3.000000)"> <g id="&#x5206;&#x7EC4;-3" transform="translate(29.000000, 0.000000)"> <rect id="Rectangle" fill="url(#linearGradient-1)" opacity="0.49937221" x="0.409090909" y="0" width="12" height="34"/> <circle id="Oval" fill="#00C864" cx="6.40909091" cy="34.2667091" r="6"/> </g> <g id="&#x5206;&#x7EC4;-2" transform="translate(0.451729, 28.000000)"> <rect id="Rectangle" fill="url(#linearGradient-2)" opacity="0.509021577" x="6.26235595" y="3.55271368e-15" width="34" height="12"/> <circle id="Oval" fill="#FFBE0E" cx="6.5028169" cy="6" r="6"/> </g> <g id="&#x5206;&#x7EC4;" transform="translate(1.000000, 0.000000)"> <rect id="Rectangle" fill="url(#linearGradient-3)" opacity="0.501232329" x="-2.65565347e-13" y="5.78821281" width="12" height="34"/> <circle id="Oval" fill="#FF4747" cx="6" cy="6" r="6"/> </g> <g id="Group" transform="translate(0.954545, 0.000000)"> <rect id="Rectangle" fill="url(#linearGradient-4)" opacity="0.504185268" x="0" y="0" width="36" height="11.9426569"/> <circle id="Oval" fill="#008CDC" cx="35" cy="6" r="6"/> </g> </g> </g> </g> </symbol>
+</svg>

build/Loading.js

@@ -202,6 +202,10 @@ "use strict";
 
-    return _react2["default"].createElement(
+    return typeof window !== 'undefined' ? _react2["default"].createElement(
       _Portal2["default"],
       { container: container },
       dom
+    ) : _react2["default"].createElement(
+      "div",
+      null,
+      dom
     );
@@ -208,0 +212,0 @@ };

docs/api.md

@@ -33,6 +33,13 @@ # 加载提示 Loading
 |wrapperClassName|容器样式|string|''|
+|[v2.0.0新增] tip|Loading的文字描述|string|''|
 
 ## 注意事项
-- bee-loading v1.0.7之后的版本将废弃 `color` API
+- bee-loading v2.0.0及之后的版本，使用 `tip` 属性添加Loading的文字描述。使用方法：
+```
+    <Loading
+    show={true} 
+    tip="Loading..."
+    />
+```
 
 ## 更新日志

package.json

 {
  "name": "bee-loading",
- "version": "2.0.0",
+ "version": "2.0.1-beta.0",
  "description": "Loading ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

src/Loading.js

@@ -138,3 +138,3 @@ import React, { Component } from "react";
 
-    return <Portal container={container}>{dom}</Portal>;
+    return typeof window !== 'undefined' ? <Portal container={container}>{dom}</Portal> : <div>{dom}</div>
   }
@@ -141,0 +141,0 @@ }

New alerts

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

Fixed alerts

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

Improved metrics

Total package byte prevSize

2909973

0.1%

Number of package files

39

5.41%

Lines of code

32791

0.04%

Worsened metrics

Number of low quality alerts

2

100%

No dependency changes