44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import type NProgress from 'nprogress';
|
||
|
||
// 创建一个NProgress实例的变量，初始值为null
|
||
let nProgressInstance: null | typeof NProgress = null;
|
||
|
||
/**
|
||
* 动态加载NProgress库，并进行配置。
|
||
* 此函数首先检查是否已经加载过NProgress库，如果已经加载过，则直接返回NProgress实例。
|
||
* 否则，动态导入NProgress库，进行配置，然后返回NProgress实例。
|
||
*
|
||
* @returns NProgress实例的Promise对象。
|
||
*/
|
||
async function loadNprogress() {
|
||
if (nProgressInstance) {
|
||
return nProgressInstance;
|
||
}
|
||
nProgressInstance = await import('nprogress');
|
||
nProgressInstance.configure({
|
||
showSpinner: true,
|
||
speed: 300,
|
||
});
|
||
return nProgressInstance;
|
||
}
|
||
|
||
/**
|
||
* 开始显示进度条。
|
||
* 此函数首先加载NProgress库，然后调用NProgress的start方法开始显示进度条。
|
||
*/
|
||
async function startProgress() {
|
||
const nprogress = await loadNprogress();
|
||
nprogress?.start();
|
||
}
|
||
|
||
/**
|
||
* 停止显示进度条，并隐藏进度条。
|
||
* 此函数首先加载NProgress库，然后调用NProgress的done方法停止并隐藏进度条。
|
||
*/
|
||
async function stopProgress() {
|
||
const nprogress = await loadNprogress();
|
||
nprogress?.done();
|
||
}
|
||
|
||
export { startProgress, stopProgress };
|