fix(仪表板): 修复网页组件内嵌入公共链接时内部时间组件打开在网页组件外部点击时无法自动关闭问题 #7605

core/frontend/src/components/canvas/customComponent/DeFrame.vue

@@ -10,7 +10,7 @@
         :src="element.frameLinks.src"
         scrolling="auto"
         frameborder="0"
-        class="main-frame"
+        class="main-frame main-de-iframe "
         @load="loaded"
         @error="onError"
       />
@@ -103,6 +103,14 @@ export default {
   mounted() {
     bus.$on('frameLinksChange-' + this.element.id, this.frameLinksChange)
     eventBus.$on('startMoveIn', this.frameLinksChange)
+    window.addEventListener('click', function(event) {
+      const iframes = document.getElementsByClassName('main-de-iframe')
+      if (iframes) {
+        iframes.forEach(function(iframe) {
+          iframe.contentWindow.postMessage('closeFilterComponent', '*')
+        })
+      }
+    })
   },
   beforeDestroy() {
     bus.$off('frameLinksChange-' + this.element.id, this.frameLinksChange)

core/frontend/src/components/widget/deWidget/DeDate.vue

@@ -381,6 +381,12 @@ export default {
     if (this.inDraw) {
       bus.$on('reset-default-value', this.resetDefaultValue)
     }
+    const _this = this
+    window.addEventListener('message', function(event) {
+      if (event.data === 'closeFilterComponent') {
+        _this.$refs.dateRef.hidePicker()
+      }
+    })
   },
   beforeDestroy() {
     this.clearTime()