npmpackage.info

Gathering detailed insights and metrics for bee-loading

Other packages similar to bee-loading

bee-loading-state

2.0.5

bee-loading-state ui component for react

angular-bee-loading-spinners

0.0.4

A set of loading spinners for Angular 13+ with lots of styling options

Gathering detailed insights and metrics for bee-loading

bee-loading - 3.0.1 | npmpackage.info

bee-loading

3.0.1

JavaScript

3.1

Installations

npm install bee-loading

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=4.0.0

Node Version

10.21.0

NPM Version

6.14.4 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

4

Total

6

Closed

2

Releases

v3.0.1

Updated on Jul 04, 2020

v3.0.0

Updated on Jun 29, 2020

v2.1.0

Updated on Jun 29, 2020

v2.0.4

Updated on Apr 24, 2020

v2.0.2

Updated on Sep 21, 2019

v2.0.1

Updated on Sep 06, 2019

View All 12 releases

Languages

JavaScript

CSS

HTML

JavaScript (74.55%)

CSS (23.18%)

HTML (2.27%)

Developer

tinper-bee

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

2 Stars

81 Commits

3 Watchers

1 Branches

13 Contributors

Updated on Jul 04, 2020

Maintainers

View All 13 Contributors

Package Meta Information

Latest Version

3.0.1

Package Id

bee-loading@3.0.1

Size

18.11 kB

NPM Version

6.14.4

Node Version

10.21.0

Published on

Jul 04, 2020

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

Browser Support


IE 11+ ✔	Chrome 31.0+ ✔

react bee-loading component for tinper-bee

some description...

使用方法

使用单独的loading包

组件引入

先进行下载bee-loading包

npm install --save bee-loading

组件调用

1import Loading from 'bee-loading';
2
3
4class LoadingDemo extends Component{
5constructor(props) {
6    super(props);
7    this.state = {
8      showRotate: false
9    }
10  }
11
12  handleShow = () => {
13        this.setState({
14            showRotate: true
15        })
16        setTimeout(() => {
17            this.setState({
18                showRotate: false
19            })
20        }, 5000)
21
22    }
23
24    render() {
25     return (
26     <div>
27     <Button
28         colors="primary"
29         onClick={this.handleShow}>
30         点击显示默认loading
31     </Button>
32     <Loading
33         showBackDrop={true}
34         show={this.state.showRotate}
35     />
36     </div>
37
38     )
39    }
40
41}
42

样式引入

可以使用link引入build目录下button.css

<link rel="stylesheet" href="./node_modules/bee-loading/build/Loading.css">

可以在js中import样式

1import "./node_modules/bee-loading/src/Loading.scss"
2//或是
3import "./node_modules/bee-loading/build/Loding.css"

API

Loading Props

参数	说明	类型	默认值
loadingType	类型(`rotate` `line` `custom`)	string	rotate
indicator	加载图标，在 `loadingType` 值为 `custom` 时有效	ReactElement	-
size	加载大小(`lg` `md` `sm`)	string	md
color	颜色(`primary` success``warning)	string	''
container	渲染到的容器	node	body
showBackDrop	是否显示遮罩	boolean	true
fullScreen	是否全屏显示，或者只传入fullScreen即可	boolean	false
wrapperClassName	容器样式	string	''

开发调试

1$ npm install -g bee-tools

2$ git clone https://github.com/tinper-bee/bee-loading

3$ cd bee-loading

4$ npm install

5$ npm run dev

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

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

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.

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

Other packages similar to bee-loading

Other packages similar to bee-loading

bee-loading

Installations

Developer Guide

No

CommonJS

>=4.0.0

10.21.0

6.14.4

Pull Requests

0

0

0

Issues

4

6

2

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

Browser Support

使用方法

使用单独的loading包

组件引入

样式引入

API

Loading Props

开发调试

10

10

10

0

0

0

0

0

0

0

0

0

0

3.1

/10