From 5e00d9ce21524a487f43b1d4f0087a865e0b24bf Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Thu, 20 Mar 2025 07:26:13 +0100
Subject: [PATCH] =?UTF-8?q?feat:iframe=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/src/components/custom-iframe/index.vue | 39 +++++++++++++++++++++
 main/src/components/index.js                |  2 ++
 main/src/utils/validate.js                  |  2 +-
 3 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 main/src/components/custom-iframe/index.vue

diff --git a/main/src/components/custom-iframe/index.vue b/main/src/components/custom-iframe/index.vue
new file mode 100644
index 0000000..858fcd3
--- /dev/null
+++ b/main/src/components/custom-iframe/index.vue
@@ -0,0 +1,39 @@
+<template>
+  <iframe v-if="state.url" :src="state.url" frameborder="0" width="100%" height="100%" @load="onLoad"></iframe>
+</template>
+
+<script setup name="custom-iframe">
+import { reactive, watch } from 'vue';
+import { isExternal } from '@/utils/validate';
+
+const props = defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+});
+
+const emit = defineEmits(['on-load']);
+
+const state = reactive({
+  url: '',
+  loaded: false,
+});
+
+watch(
+  () => props.url,
+  (val) => {
+    if (isExternal(val)) {
+      state.url = val;
+    }
+  },
+  {
+    immediate: true,
+  }
+);
+
+const onLoad = () => {
+  state.loaded = true;
+  emit('on-load', state.loaded);
+};
+</script>
diff --git a/main/src/components/index.js b/main/src/components/index.js
index 9f5408d..8134b9d 100644
--- a/main/src/components/index.js
+++ b/main/src/components/index.js
@@ -1,4 +1,5 @@
 import SvgIcon from './svg-icon';
+import CustomIframe from './custom-iframe';
 import CustomTableOperate from './custom-table-operate';
 import CustomTableTree from './custom-table-tree';
 import CustomCarouselPicture from './custom-carousel-picture';
@@ -16,6 +17,7 @@ import CustomEchartPie3d from './custom-echart-pie-3d';
 
 export {
   SvgIcon,
+  CustomIframe,
   CustomTableOperate,
   CustomTableTree,
   CustomCarouselPicture,
diff --git a/main/src/utils/validate.js b/main/src/utils/validate.js
index d2413e2..930a54c 100644
--- a/main/src/utils/validate.js
+++ b/main/src/utils/validate.js
@@ -45,7 +45,7 @@ export function isHttp(url) {
  * @returns {Boolean}
  */
 export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path);
+  return /^(http?:|https?:|mailto:|tel:)/.test(path);
 }
 
 /**