From 412cb16628222d529fc67ac1180598c6d51e3900 Mon Sep 17 00:00:00 2001
From: liujuping <liujup@foxmail.com>
Date: Mon, 17 Jul 2023 14:18:15 +0800
Subject: [PATCH] fix: fix left-pane cant hidden when iframe click

---
 packages/editor-skeleton/src/layouts/left-float-pane.tsx | 6 ++++++
 packages/workspace/src/layouts/left-float-pane.tsx       | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/packages/editor-skeleton/src/layouts/left-float-pane.tsx b/packages/editor-skeleton/src/layouts/left-float-pane.tsx
index 7df6993bb..15f492619 100644
--- a/packages/editor-skeleton/src/layouts/left-float-pane.tsx
+++ b/packages/editor-skeleton/src/layouts/left-float-pane.tsx
@@ -4,6 +4,7 @@ import { observer, Focusable } from '@alilc/lowcode-editor-core';
 import { Area } from '../area';
 import { Panel } from '../widget/panel';
 import { PanelConfig } from '../types';
+import { IPublicApiProject } from '@alilc/lowcode-types';
 
 @observer
 export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, Panel> }> {
@@ -31,6 +32,8 @@ export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, P
       area.skeleton.editor.removeListener('designer.drag', triggerClose);
     };
 
+    const project: IPublicApiProject | undefined = area.skeleton.editor.get('project');
+
     this.focusing = area.skeleton.focusTracker.create({
       range: (e) => {
         const target = e.target as HTMLElement;
@@ -44,6 +47,9 @@ export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, P
         if ((document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement)?.contentWindow?.document.documentElement.contains(target)) {
           return false;
         }
+        if (project?.simulatorHost?.contentWindow?.document.documentElement.contains(target)) {
+          return false;
+        }
         // 点击设置区
         if (document.querySelector('.lc-right-area')?.contains(target)) {
           return false;
diff --git a/packages/workspace/src/layouts/left-float-pane.tsx b/packages/workspace/src/layouts/left-float-pane.tsx
index 38f70b386..3df3e197c 100644
--- a/packages/workspace/src/layouts/left-float-pane.tsx
+++ b/packages/workspace/src/layouts/left-float-pane.tsx
@@ -2,6 +2,7 @@ import { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import { observer, Focusable } from '@alilc/lowcode-editor-core';
 import { Area, Panel } from '@alilc/lowcode-editor-skeleton';
+import { IPublicApiProject } from '@alilc/lowcode-types';
 
 @observer
 export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }> {
@@ -29,6 +30,8 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
       area.skeleton.editor.removeListener('designer.drag', triggerClose);
     };
 
+    const project: IPublicApiProject | undefined = area.skeleton.editor.get('project');
+
     this.focusing = area.skeleton.focusTracker.create({
       range: (e) => {
         const target = e.target as HTMLElement;
@@ -42,6 +45,9 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
         if ((document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement)?.contentWindow?.document.documentElement.contains(target)) {
           return false;
         }
+        if (project?.simulatorHost?.contentWindow?.document.documentElement.contains(target)) {
+          return false;
+        }
         // 点击设置区
         if (document.querySelector('.lc-right-area')?.contains(target)) {
           return false;