Function Loadable

client/web/src/components/Loadable.tsx:58–82

(
  loadFn: (props: Props) => Promise<DefaultComponent<Props>>,
  options?: LoadableOptions<Props>
)

 * @param loader 需要懒加载的组件
 */
export function Loadable<Props>(
  loadFn: (props: Props) => Promise<DefaultComponent<Props>>,
  options?: LoadableOptions<Props>
): LoadableComponent<Props> {
  return loadable(
    (props) => {
      let p = loadFn(props);

      if (isValidStr(options?.componentName)) {
        // 增加promise加载用时统计
        p = promiseUsage(p, String(options?.componentName));
      }

      if (options?.showLoading === true) {
        p = promiseLoading(p);
      }

      return pMinDelay(p, 200, { delayRejection: false });
    },
    {
      fallback: <LoadingSpinner />,
      ...options,
    }
  );
}