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 baff9073c4
commit c0cc29da44
1 changed files with 27 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -64,13 +64,11 @@ export const MicroApp = defineComponent({
return {}; return {};
}); });
const propsFromParams = attrs;
const propsConfigRef = computed(() => { const propsConfigRef = computed(() => {
return { return {
...propsFromConfigRef.value, ...propsFromConfigRef.value,
...props.props, ...props.props,
...propsFromParams ...attrs
}; };
}); });
@ -85,7 +83,7 @@ export const MicroApp = defineComponent({
name: `${name}_${Date.now()}`, name: `${name}_${Date.now()}`,
entry: entry, entry: entry,
container: containerRef.value, container: containerRef.value,
props: propsConfigRef.value props: {...propsConfigRef.value}
}, },
{ {
...globalSettings, ...globalSettings,
@ -107,7 +105,7 @@ export const MicroApp = defineComponent({
if (!updatingPromiseRef.value) { if (!updatingPromiseRef.value) {
// 初始化 updatingPromiseRef 为 microApp.mountPromise，从而确保后续更新是在应用 mount 完成之后 // 初始化 updatingPromiseRef 为 microApp.mountPromise，从而确保后续更新是在应用 mount 完成之后
updatingPromiseRef.value = microApp.mountPromise; updatingPromiseRef.value = microApp.mountPromise;
} else { }
// 确保 microApp.update 调用是跟组件状态变更顺序一致的，且后一个微应用更新必须等待前一个更新完成 // 确保 microApp.update 调用是跟组件状态变更顺序一致的，且后一个微应用更新必须等待前一个更新完成
updatingPromiseRef.value = updatingPromiseRef.value.then( updatingPromiseRef.value = updatingPromiseRef.value.then(
() => { () => {
@ -133,12 +131,11 @@ export const MicroApp = defineComponent({
} }
// 返回 microApp.update 形成链式调用 // 返回 microApp.update 形成链式调用
return microApp.update(propsConfigRef.value); return microApp.update({...propsConfigRef.value});
} }
} }
); );
} }
}
}; };
onMounted(() => { onMounted(() => {