From aba30923828c59255487355afc3fa8e29b2572cb Mon Sep 17 00:00:00 2001
From: luocong2016 <luocong2016@126.com>
Date: Fri, 1 Dec 2023 11:42:28 +0800
Subject: [PATCH 1/2] feat: iframe postmessage

iframe postmessage
---
 src/views/sys/iframe/index.vue | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/views/sys/iframe/index.vue b/src/views/sys/iframe/index.vue
index 684718d1f03..bd4ec508a69 100644
--- a/src/views/sys/iframe/index.vue
+++ b/src/views/sys/iframe/index.vue
@@ -12,13 +12,14 @@
 </template>
 <script lang="ts" setup>
   import type { CSSProperties } from 'vue';
-  import { ref, unref, computed } from 'vue';
+  import { ref, unref, computed, onMounted, onUnmounted } from 'vue';
   import { Spin } from 'ant-design-vue';
   import { useWindowSizeFn } from '@vben/hooks';
   import { propTypes } from '@/utils/propTypes';
   import { useDesign } from '@/hooks/web/useDesign';
   import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
 
+  const emit = defineEmits(['message']);
   defineProps({
     frameSrc: propTypes.string.def(''),
   });
@@ -54,6 +55,34 @@
     loading.value = false;
     calcHeight();
   }
+
+  const messageHandler = (e: MessageEvent) => {
+    emit("message", e.data);
+  };
+
+  const postMessage = (message: any, tragetOrigin: string, transfer?: Transferable[]) => {
+    const iframe = unref(frameRef);
+    if (!iframe) return
+    iframe.contentWindow?.postMessage(message, tragetOrigin, transfer);
+  };
+  
+  const reload = () => {
+    loading.value = true;
+    const iframe = frameRef.value;
+    if (!iframe) return;
+    iframe.contentWindow?.location.reload();
+    loading.value = false;
+  };
+  
+  onMounted(() => {
+    window.addEventListener("message", messageHandler);
+  });
+  
+  onUnmounted(() => {
+    window.removeEventListener("message", messageHandler);
+  });
+  
+  defineExpose({ postMessage, reload })
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-iframe-page';

From 2ba9cc91f5fbfee4dc363d895169f248a0a46edd Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 1 Dec 2023 17:58:01 +0800
Subject: [PATCH 2/2] chore: prettier format code

---
 src/views/sys/iframe/index.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/sys/iframe/index.vue b/src/views/sys/iframe/index.vue
index bd4ec508a69..0847e6a7062 100644
--- a/src/views/sys/iframe/index.vue
+++ b/src/views/sys/iframe/index.vue
@@ -57,15 +57,15 @@
   }
 
   const messageHandler = (e: MessageEvent) => {
-    emit("message", e.data);
+    emit('message', e.data);
   };
 
   const postMessage = (message: any, tragetOrigin: string, transfer?: Transferable[]) => {
     const iframe = unref(frameRef);
-    if (!iframe) return
+    if (!iframe) return;
     iframe.contentWindow?.postMessage(message, tragetOrigin, transfer);
   };
-  
+
   const reload = () => {
     loading.value = true;
     const iframe = frameRef.value;
@@ -73,16 +73,16 @@
     iframe.contentWindow?.location.reload();
     loading.value = false;
   };
-  
+
   onMounted(() => {
-    window.addEventListener("message", messageHandler);
+    window.addEventListener('message', messageHandler);
   });
-  
+
   onUnmounted(() => {
-    window.removeEventListener("message", messageHandler);
+    window.removeEventListener('message', messageHandler);
   });
-  
-  defineExpose({ postMessage, reload })
+
+  defineExpose({ postMessage, reload });
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-iframe-page';