Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(plugins): custom loading component for qiankun #11498

Merged
merged 8 commits into from
Aug 10, 2023
Merged

feat(plugins): custom loading component for qiankun #11498

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
f2f06cc
feat: custom qiankun loading
Aug 9, 2023
e156524
fix: add loading validation
Aug 9, 2023
90e2897
fix: rename loadingPath
Aug 9, 2023
b1b4f89
fix: use config
Aug 9, 2023
5d659c6
feat: update readme
Aug 9, 2023
cb6bbaf
feat: update readme
Aug 9, 2023
a1ce550
feat: update readme
Aug 10, 2023
3c3ca80
feat: update readme
Aug 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 10 additions & 3 deletions packages/plugins/src/qiankun/master.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ export function isMasterEnable(opts: { userConfig: any }) {
return !!process.env.INITIAL_QIANKUN_MASTER_OPTIONS;
}

export function getQiankunLoading(api: IApi) {
return api.userConfig.qiankun?.master?.loading;
}

export default (api: IApi) => {
api.describe({
key: 'qiankun-master',
Expand Down Expand Up @@ -113,10 +117,13 @@ export const setMasterOptions = (newOpts) => options = ({ ...options, ...newOpts

api.writeTmpFile({
path: 'MicroAppLoader.tsx',
// 开启了 antd 插件的时候，使用 antd 的 loader 组件，否则提示用户必须设置一个自定义的 loader 组件
content: api.isPluginEnable('antd')
content: getQiankunLoading(api)
fz6m marked this conversation as resolved.
Show resolved Hide resolved
? // 用户自定义的 loading 优先级最高
`export { default } from '${getQiankunLoading(api)}';`
PeachScript marked this conversation as resolved.
Show resolved Hide resolved
: api.isPluginEnable('antd')
? getFileContent('AntdLoader.tsx')
: `export default function Loader() { console.warn(\`[plugins/qiankun]: Seems like you'r not using @umijs/plugin-antd, you need to provide a custom loader or set autoSetLoading false to shut down this warning!\`); return null; }`,
: // 开启了 antd 插件的时候，使用 antd 的 loader 组件，否则提示用户必须设置一个自定义的 loader 组件
`export default function Loader() { console.warn(\`[plugins/qiankun]: Seems like you'r not using @umijs/plugin-antd, you need to provide a custom loader or set autoSetLoading false to shut down this warning!\`); return null; }`,
});

[
Expand Down
Loading