blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

fix: plugin-qiankun修复主应用更新props不触发update

Browse Source
This commit is contained in:
wanchun 2022-05-09 14:07:25 +08:00
parent 064520e2b8
commit 4614c147af
1 changed files with 27 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
packages/fes-plugin-qiankun/src/main/runtime/MicroApp.tpl
View File

@ -64,13 +64,11 @@ export const MicroApp = defineComponent({
return {};
});
const propsFromParams = attrs;
const propsConfigRef = computed(() => {
return {
...propsFromConfigRef.value,
...props.props,
...propsFromParams
...attrs
};
});
@ -85,7 +83,7 @@ export const MicroApp = defineComponent({
name: `${name}_${Date.now()}`,
entry: entry,
container: containerRef.value,
props: propsConfigRef.value
props: {...propsConfigRef.value}
},
{
...globalSettings,
@ -107,37 +105,36 @@ export const MicroApp = defineComponent({
if (!updatingPromiseRef.value) {
// 初始化 updatingPromiseRef 为 microApp.mountPromise，从而确保后续更新是在应用 mount 完成之后
updatingPromiseRef.value = microApp.mountPromise;
} else {
// 确保 microApp.update 调用是跟组件状态变更顺序一致的，且后一个微应用更新必须等待前一个更新完成
updatingPromiseRef.value = updatingPromiseRef.value.then(
() => {
const canUpdate = (app) =>
app?.update && app.getStatus() === 'MOUNTED';
if (canUpdate(microApp)) {
if (process.env.NODE_ENV === 'development') {
if (
Date.now() -
updatingTimestampRef.value <
200
) {
console.warn(
`[@fesjs/plugin-qiankun] It seems like microApp ${props.name} is updating too many times in a short time(200ms), you may need to do some optimization to avoid the unnecessary re-rendering.`
);
}
console.info(
`[@fesjs/plugin-qiankun] MicroApp ${props.name} is updating with props: `,
props
}
// 确保 microApp.update 调用是跟组件状态变更顺序一致的，且后一个微应用更新必须等待前一个更新完成
updatingPromiseRef.value = updatingPromiseRef.value.then(
() => {
const canUpdate = (app) =>
app?.update && app.getStatus() === 'MOUNTED';
if (canUpdate(microApp)) {
if (process.env.NODE_ENV === 'development') {
if (
Date.now() -
updatingTimestampRef.value <
200
) {
console.warn(
`[@fesjs/plugin-qiankun] It seems like microApp ${props.name} is updating too many times in a short time(200ms), you may need to do some optimization to avoid the unnecessary re-rendering.`
);
updatingTimestampRef.value = Date.now();
}
// 返回 microApp.update 形成链式调用
return microApp.update(propsConfigRef.value);
console.info(
`[@fesjs/plugin-qiankun] MicroApp ${props.name} is updating with props: `,
props
);
updatingTimestampRef.value = Date.now();
}
// 返回 microApp.update 形成链式调用
return microApp.update({...propsConfigRef.value});
}
);
}
}
);
}
};