From ce609e3f4674ceec296793e0bbea752e09a5f610 Mon Sep 17 00:00:00 2001
From: liujuping <liujup@foxmail.com>
Date: Fri, 5 Jan 2024 10:33:10 +0800
Subject: [PATCH] feat: add hideComponentAction config

---
 docs/docs/api/configOptions.md                         |  6 ++++++
 .../builtin-simulator/bem-tools/border-selecting.tsx   | 10 +++++++---
 packages/editor-core/src/config.ts                     |  5 +++++
 packages/types/src/shell/type/engine-options.ts        |  6 ++++++
 4 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/docs/docs/api/configOptions.md b/docs/docs/api/configOptions.md
index aaea28261..5f6ade710 100644
--- a/docs/docs/api/configOptions.md
+++ b/docs/docs/api/configOptions.md
@@ -216,6 +216,12 @@ config.set('enableCondition', false)
 
 是否在只有一个 item 的时候隐藏设置 tabs
 
+#### hideComponentAction
+
+`@type {boolean}` `@default {false}`
+
+隐藏设计器辅助层
+
 #### thisRequiredInJSE
 
 `@type {boolean}` `@default {true}`
diff --git a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
index 4f452727d..143c67e02 100644
--- a/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
+++ b/packages/designer/src/builtin-simulator/bem-tools/border-selecting.tsx
@@ -9,7 +9,7 @@ import {
   ComponentType,
 } from 'react';
 import classNames from 'classnames';
-import { observer, computed, Tip } from '@alilc/lowcode-editor-core';
+import { observer, computed, Tip, engineConfig } from '@alilc/lowcode-editor-core';
 import { createIcon, isReactComponent, isActionContentObject } from '@alilc/lowcode-utils';
 import { IPublicTypeActionContentObject } from '@alilc/lowcode-types';
 import { BuiltinSimulatorHost } from '../host';
@@ -47,14 +47,18 @@ export class BorderSelectingInstance extends Component<{
     });
 
     const { hideSelectTools } = observed.node.componentMeta.advanced;
+    const hideComponentAction = engineConfig.get('hideComponentAction');
 
     if (hideSelectTools) {
       return null;
     }
 
     return (
-      <div className={className} style={style}>
-        {!dragging && <Toolbar observed={observed} />}
+      <div
+        className={className}
+        style={style}
+      >
+        {(!dragging && !hideComponentAction) ? <Toolbar observed={observed} /> : null}
       </div>
     );
   }
diff --git a/packages/editor-core/src/config.ts b/packages/editor-core/src/config.ts
index 85e609780..1c73347b7 100644
--- a/packages/editor-core/src/config.ts
+++ b/packages/editor-core/src/config.ts
@@ -159,6 +159,11 @@ const VALID_ENGINE_OPTIONS = {
     type: 'function',
     description: '应用级设计模式下，窗口为空时展示的占位组件',
   },
+  hideComponentAction: {
+    type: 'boolean',
+    description: '是否隐藏设计器辅助层',
+    default: false,
+  },
 };
 
 const getStrictModeValue = (engineOptions: IPublicTypeEngineOptions, defaultValue: boolean): boolean => {
diff --git a/packages/types/src/shell/type/engine-options.ts b/packages/types/src/shell/type/engine-options.ts
index f17716653..b570d1990 100644
--- a/packages/types/src/shell/type/engine-options.ts
+++ b/packages/types/src/shell/type/engine-options.ts
@@ -177,6 +177,12 @@ export interface IPublicTypeEngineOptions {
    * 应用级设计模式下，自动打开第一个窗口
    */
   enableAutoOpenFirstWindow?: boolean;
+
+  /**
+   * @default false
+   * 隐藏设计器辅助层
+   */
+  hideComponentAction?: boolean;
 }
 
 /**