|
|
|
@ -2,6 +2,7 @@ import React from 'react';
|
|
|
|
|
import loadable, {
|
|
|
|
|
DefaultComponent,
|
|
|
|
|
LoadableComponent,
|
|
|
|
|
OptionsWithoutResolver,
|
|
|
|
|
} from '@loadable/component';
|
|
|
|
|
import pMinDelay from 'p-min-delay';
|
|
|
|
|
import { LoadingSpinner } from './LoadingSpinner';
|
|
|
|
@ -11,9 +12,11 @@ import { LoadingSpinner } from './LoadingSpinner';
|
|
|
|
|
* @param loader 需要懒加载的组件
|
|
|
|
|
*/
|
|
|
|
|
export function Loadable<Props>(
|
|
|
|
|
loadFn: (props: Props) => Promise<DefaultComponent<Props>>
|
|
|
|
|
loadFn: (props: Props) => Promise<DefaultComponent<Props>>,
|
|
|
|
|
options?: OptionsWithoutResolver<Props>
|
|
|
|
|
): LoadableComponent<Props> {
|
|
|
|
|
return loadable((props) => pMinDelay(loadFn(props), 200), {
|
|
|
|
|
fallback: <LoadingSpinner />,
|
|
|
|
|
...options,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|