From 92049cf2516834632eebf639e90a87f568111276 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 12 Apr 2024 19:31:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor):=20=E6=96=B0=E5=A2=9E=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E6=8E=A7=E5=88=B6=E5=B1=9E=E6=80=A7=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=8F=B3=E4=B8=8B=E8=A7=92=E7=9A=84=E6=BA=90?=
 =?UTF-8?q?=E7=A0=81=E6=8C=89=E9=92=AE=E6=98=AF=E5=90=A6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/Editor.vue             | 1 +
 packages/editor/src/editorProps.ts         | 3 +++
 packages/editor/src/layouts/PropsPanel.vue | 4 +++-
 packages/editor/src/theme/props-panel.scss | 2 +-
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/Editor.vue b/packages/editor/src/Editor.vue
index 5e9a48e3..ac4f975e 100644
--- a/packages/editor/src/Editor.vue
+++ b/packages/editor/src/Editor.vue
@@ -81,6 +81,7 @@
       <slot name="props-panel">
         <PropsPanel
           :extend-state="extendFormState"
+          :disabled-show-src="disabledShowSrc"
           @mounted="(instance: any) => $emit('props-panel-mounted', instance)"
           @form-error="(e: any) => $emit('props-form-error', e)"
           @submit-error="(e: any) => $emit('props-submit-error', e)"
diff --git a/packages/editor/src/editorProps.ts b/packages/editor/src/editorProps.ts
index 942b5c31..b5103502 100644
--- a/packages/editor/src/editorProps.ts
+++ b/packages/editor/src/editorProps.ts
@@ -80,6 +80,8 @@ export interface EditorProps {
   disabledPageFragment?: boolean;
   /** 禁用双击在浮层中单独编辑选中组件 */
   disabledStageOverlay?: boolean;
+  /** 禁用属性配置面板右下角显示源码的按钮 */
+  disabledShowSrc?: boolean;
   /** 中间工作区域中画布渲染的内容 */
   render?: (stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>;
   /** 选中时会在画布上复制出一个大小相同的dom，实际拖拽的是这个dom，此方法用于干预这个dom的生成方式 */
@@ -101,6 +103,7 @@ export const defaultEditorProps = {
   containerHighlightClassName: CONTAINER_HIGHLIGHT_CLASS_NAME,
   containerHighlightDuration: 800,
   containerHighlightType: ContainerHighlightType.DEFAULT,
+  disabledShowSrc: false,
   componentGroupList: () => [],
   datasourceList: () => [],
   menu: () => ({ left: [], right: [] }),
diff --git a/packages/editor/src/layouts/PropsPanel.vue b/packages/editor/src/layouts/PropsPanel.vue
index cb272532..6992036f 100644
--- a/packages/editor/src/layouts/PropsPanel.vue
+++ b/packages/editor/src/layouts/PropsPanel.vue
@@ -3,7 +3,7 @@
     <slot name="props-panel-header"></slot>
     <MForm
       ref="configForm"
-      :class="`m-editor-props-panel ${propsPanelSize}`"
+      :class="propsPanelSize"
       :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
       :size="propsPanelSize"
       :init-values="values"
@@ -14,6 +14,7 @@
     ></MForm>
 
     <TMagicButton
+      v-if="!disabledShowSrc"
       class="m-editor-props-panel-src-icon"
       circle
       size="large"
@@ -57,6 +58,7 @@ defineOptions({
 });
 
 defineProps<{
+  disabledShowSrc?: boolean;
   extendState?: (state: FormState) => Record<string, any> | Promise<Record<string, any>>;
 }>();
 
diff --git a/packages/editor/src/theme/props-panel.scss b/packages/editor/src/theme/props-panel.scss
index 2a5d643c..92c7a697 100644
--- a/packages/editor/src/theme/props-panel.scss
+++ b/packages/editor/src/theme/props-panel.scss
@@ -1,5 +1,5 @@
 .m-editor-props-panel {
-  padding: 0 10px;
+  padding: 0 10px 50px 10px;
 
   .m-editor-props-panel-src-icon {
     position: absolute;