npmpackage.info

Gathering detailed insights and metrics for umi-request-progress-middleware

Other packages similar to umi-request-progress-middleware

umi-request-progress

1.1.0

umi-request-progress 是网络请求库 umi-request 的一个内核中间件，扩展了 umi-request 使其支持上传进度和下载进度

umi-request-progress-middleware

umi plugin

1.0.5

TypeScript

1.05 kB

247

Installations

npm install umi-request-progress-middleware

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.16.1

NPM Version

lerna/4.0.0/node@v14.16.1+x64 (darwin)

Score

Supply Chain

82.6

Quality

75.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

Smarty

JavaScript

TypeScript (58.19%)

Smarty (39.82%)

JavaScript (1.98%)

Developer

matt-liao0108

Download Statistics

Total Downloads

247

Last Day

Last Week

Last Month

Last Year

107

GitHub Statistics

2 Stars

35 Commits

1 Watching

1 Branches

1 Contributors

Bundle Size

2.10 kB

Minified

1.05 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.5

Package Id

umi-request-progress-middleware@1.0.5

Unpacked Size

7.52 kB

Size

2.85 kB

File Count

NPM Version

lerna/4.0.0/node@v14.16.1+x64 (darwin)

Node Version

14.16.1

Publised On

19 Feb 2023

Total Downloads

Cumulative downloads

Total Downloads

247

Last day

Compared to previous day

Last week

-25%

Compared to previous week

Last month

66.7%

Compared to previous month

Last year

-23.6%

107

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

umi-request

Versions

1. 介绍

fetch 并没有提供进度事件 umi-request 基于 fetch 也没有提供进度事件 umi-request-progress-middleware umi-request 的中间件用于获取下载进度

onDownloadProgress 采用 stream 的方式实现获取下载进度

onUploadProgress 待实现

2. 安装方式

目前，安装方式有以下几种：

1npm install umi-request-progress-middleware
2yarn add umi-request-progress-middleware

3. 例子

umi-request-progress-middleware 扩展了 RequestOptionsInit

新增 onDownloadProgress 事件获取下载进度

1type StreamProgressEvent = {
2  lengthComputable: boolean;
3  loaded: number;
4  total: number;
5};
6
7interface RequestOptionsInit {
8  /**
9   * 下载进度事件的回调函数
10   */
11  onDownloadProgress?: (progressEvent: StreamProgressEvent) => void;
12
13  // todo 上传进度事件待定
14}
15
16import request from 'umi-request';
17import progressMiddleware from 'umi-request-progress-middleware';
18
19// 注册内核中间件
20request.use(progressMiddleware, { core: true });
21
22// 请求
23request(path, {
24  // 获取下载进度
25  onDownloadProgress: (progressEvent) => {
26    console.log(((process.loaded / process.total) * 100).toFixed(2) + '%');
27  },
28});

No vulnerabilities found.

No security vulnerabilities found.