npmpackage.info

Gathering detailed insights and metrics for bee-loading-state

bee-loading-state - 2.0.5 | npmpackage.info

bee-loading-state

Loadingstate component for tinper-bee

2.0.5

CSS

36.41 kB

3.1

Installations

npm install bee-loading-state

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=4.0.0

Node Version

10.20.1

NPM Version

6.14.4 Pull Requests

Open

0

Total

2

Closed

0

Merged

2

Issues

Open

2

Total

2

Closed

0

Releases

v2.0.5

Updated on Jun 01, 2020

v2.0.4

Updated on May 25, 2020

v2.0.3

Updated on Apr 24, 2020

bee-loading-state

v2.0.1

Updated on Mar 05, 2019

View All 4 releases

Languages

CSS

JavaScript

HTML

CSS (68.49%)

JavaScript (27.53%)

HTML (3.98%)

Developer

tinper-bee

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

2 Stars

87 Commits

1 Forks

3 Watchers

1 Branches

11 Contributors

Updated on Jun 01, 2020

Maintainers

View All 11 Contributors

Package Meta Information

Latest Version

2.0.5

Package Id

bee-loading-state@2.0.5

Unpacked Size

36.41 kB

Size

9.16 kB

File Count

NPM Version

6.14.4

Node Version

10.20.1

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

bee-loading-state

bee-loading-state 组件常用于在按钮上加载状态

安装步骤

1$ git clone https://github.com/tinper-bee/bee-loading-state
2$ cd bee-loading-state
3$ npm install
4$ npm run dev

使用

loading-state依赖于button,使用loading-state还需把button组件down下来

1$ npm install bee-loading-state
2$ npm run dev

组件引入

先进行下载loading-state包

npm install --save bee-loading-state

组件调用

1import LoadingState from 'bee-loading-state';
2React.render(<div>
3    <div>
4        <LoadingState loadingTime="4000" loadingText="loading...">Confirm</LoadingState>
5    </div>
6</div>, document.getElementById('target'));

样式引入

使用link引入build目录下LoadingState.css

<link rel="stylesheet" href="./node_modules/build/LoadingState.css">

同理,在js中import样式也是LoadingState的样式

1
2import "bee-loading-state/build/LoadingState.css"

使用tinper-bee组件库

(tinper-bee组件库使用方法)[]

API

button的参数在loading-state同样适用，可以使用其他Button组件的props，来设置LoadingState组件中按钮的props。 loading-state扩展的参数如下。

参数	说明	类型	默认值
className	类名	string	-
loadingText	自定义loading时显示文字内容	string	loading
show	是否显示loading	boolean	false
showBackDrop	是否显示loading时给button显示遮罩层	boolean	true

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

3.1

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

bee-loading-state

Installations

Developer Guide

No

CommonJS

>=4.0.0

10.20.1

6.14.4

Pull Requests

0

2

0

2

Issues

2

2

0

Releases

Languages

Developer

tinper-bee

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

bee-loading-state

安装步骤

使用

组件引入

样式引入

使用tinper-bee组件库

API

10

10

10

0

0

0

0

0

0

0

0

0

0

3.1

/10