|
@@ -52,8 +52,23 @@ onMounted(() => {
|
|
|
open();
|
|
|
meta2d.on('opened', opened);
|
|
|
window.addEventListener('message', dealWithMessage);
|
|
|
+ window.addEventListener('resize', viewResize);
|
|
|
});
|
|
|
|
|
|
+let timer:any;
|
|
|
+const viewResize = ()=>{
|
|
|
+ clearTimeout(timer);
|
|
|
+ timer = setTimeout(()=>{
|
|
|
+ let fit: any =
|
|
|
+ (meta2d.store.data as any).scaleMode === '3'
|
|
|
+ ? 'height'
|
|
|
+ : (meta2d.store.data as any).scaleMode === '2'
|
|
|
+ ? 'width'
|
|
|
+ : true;
|
|
|
+ meta2d.fitSizeView(fit, 0);
|
|
|
+ },500);
|
|
|
+}
|
|
|
+
|
|
|
const dealWithMessage = (e) => {
|
|
|
if (typeof e.data !== 'string'||!e.data ||
|
|
|
e.data.startsWith('setImmediate')) {
|
|
@@ -197,6 +212,7 @@ onUnmounted(() => {
|
|
|
meta2d.destroy();
|
|
|
}
|
|
|
window.removeEventListener('message', dealWithMessage);
|
|
|
+ window.removeEventListener('resize', viewResize);
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="postcss" scoped>
|