Gathering detailed insights and metrics for bee-loading-state
Gathering detailed insights and metrics for bee-loading-state
Installations
npm install bee-loading-stateDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Min. Node Version
>=4.0.0
Node Version
10.20.1
NPM Version
6.14.4
Releases
4
Languages
3
CSS
JavaScript
HTML
CSS (68.49%)
JavaScript (27.53%)
HTML (3.98%)
Developer
tinper-bee
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
2 Stars
87 Commits
1 Forks
3 Watchers
1 Branches
11 Contributors
Updated on Jun 01, 2020
Maintainers
15
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
17
NPM Version
6.14.4
Node Version
10.20.1
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
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.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
Found 0/26 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/publish.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/tinper-bee/bee-loading-state/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/tinper-bee/bee-loading-state/publish.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/tinper-bee/bee-loading-state/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:38: update your workflow using https://app.stepsecurity.io/secureworkflow/tinper-bee/bee-loading-state/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/tinper-bee/bee-loading-state/publish.yml/master?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:28
- Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:29
- Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:44
- Info: 0 out of 4 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
- Info: 0 out of 3 npmCommand dependencies pinned
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 4 are checked with a SAST tool
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