From ae1219dea784ed51f1447a0d29240834af7847d6 Mon Sep 17 00:00:00 2001
From: huanghao1412 <huanghao1412@163.com>
Date: Thu, 7 Mar 2024 17:41:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Eiframe=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  2 +-
 build/constant.ts                             |  2 +-
 .../Informations/Mores/Iframe/config.ts       |  2 +-
 .../Informations/Mores/Iframe/index.vue       | 53 ++++++++++++-------
 .../components/Informations/Mores/index.ts    |  2 +-
 .../Tables/Tables/TableList1/config.vue       |  2 +-
 6 files changed, 39 insertions(+), 24 deletions(-)

diff --git a/.gitignore b/.gitignore
index 624876e9..4555ef99 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,6 @@
 node_modules
 .DS_Store
-dist
+customLargeScreen
 dist-ssr
 *.local
 .vscode
diff --git a/build/constant.ts b/build/constant.ts
index 1d033f12..42b938e2 100644
--- a/build/constant.ts
+++ b/build/constant.ts
@@ -1,5 +1,5 @@
 import path from 'path'
-export const OUTPUT_DIR = 'dist'
+export const OUTPUT_DIR = 'customLargeScreen'
 
 // monaco-editor 路径
 export const prefix = `monaco-editor/esm/vs`
diff --git a/src/packages/components/Informations/Mores/Iframe/config.ts b/src/packages/components/Informations/Mores/Iframe/config.ts
index a9cf94c6..744d6cd1 100644
--- a/src/packages/components/Informations/Mores/Iframe/config.ts
+++ b/src/packages/components/Informations/Mores/Iframe/config.ts
@@ -6,7 +6,7 @@ import cloneDeep from 'lodash/cloneDeep'
 
 export const option = {
   // 网站路径
-  dataset: "https://www.mtruning.club/",
+  dataset: "",
   // 圆角
   borderRadius: 10
 }
diff --git a/src/packages/components/Informations/Mores/Iframe/index.vue b/src/packages/components/Informations/Mores/Iframe/index.vue
index 212f3701..aa060862 100644
--- a/src/packages/components/Informations/Mores/Iframe/index.vue
+++ b/src/packages/components/Informations/Mores/Iframe/index.vue
@@ -1,14 +1,15 @@
 <template>
   <div :style="getStyle(borderRadius)">
-    <iframe :src="option.dataset" :width="w" :height="h" style="border-width: 0"></iframe>
+    <iframe :src="src" :width="w" :height="h" allowfullscreen style="border-width: 0"></iframe>
   </div>
 </template>
 
 <script setup lang="ts">
-import { PropType, shallowReactive, watch, toRefs } from 'vue'
+import { PropType, shallowReactive, watch, toRefs, ref, computed } from 'vue'
 import { useChartDataFetch } from '@/hooks'
 import { CreateComponentType } from '@/packages/index.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import {debounce} from 'lodash'
 
 const props = defineProps({
   chartConfig: {
@@ -20,9 +21,23 @@ const props = defineProps({
 const { w, h } = toRefs(props.chartConfig.attr)
 const { borderRadius } = toRefs(props.chartConfig.option)
 
-const option = shallowReactive({
-  dataset: ''
-})
+// const option = shallowReactive({
+//   dataset: ''
+// })
+
+let src = ref('')
+const setValue = debounce((v: string) => {
+  src.value = v
+}, 1000)
+watch(
+  () => props.chartConfig.option.dataset,
+  (v: string) => {
+    setValue(v)
+  },
+  {
+    immediate: true
+  }
+)
 
 const getStyle = (radius: number) => {
   return {
@@ -31,19 +46,19 @@ const getStyle = (radius: number) => {
   }
 }
 
-// 编辑更新
-watch(
-  () => props.chartConfig.option.dataset,
-  (newData: string) => {
-    option.dataset = newData
-  },
-  {
-    immediate: true
-  }
-)
+// // 编辑更新
+// watch(
+//   () => props.chartConfig.option.dataset,
+//   (newData: string) => {
+//     option.dataset = newData
+//   },
+//   {
+//     immediate: true
+//   }
+// )
 
-// 预览更新
-useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
-  option.dataset = newData
-})
+// // 预览更新
+// useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
+//   option.dataset = newData
+// })
 </script>
diff --git a/src/packages/components/Informations/Mores/index.ts b/src/packages/components/Informations/Mores/index.ts
index 64c1c630..bd485288 100644
--- a/src/packages/components/Informations/Mores/index.ts
+++ b/src/packages/components/Informations/Mores/index.ts
@@ -5,4 +5,4 @@ import { VideoConfig } from './Video/index'
 import { WordCloudConfig } from './WordCloud/index'
 
 // export default [VideoConfig]
-export default []
+export default [IframeConfig]
diff --git a/src/packages/components/Tables/Tables/TableList1/config.vue b/src/packages/components/Tables/Tables/TableList1/config.vue
index 481c7f92..79f9fcc0 100644
--- a/src/packages/components/Tables/Tables/TableList1/config.vue
+++ b/src/packages/components/Tables/Tables/TableList1/config.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { PropType } from "vue/dist/vue";
+import { PropType } from "vue";
 import { option } from './config'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'