From eb1c5a3ec1c5987b50c700dfb9019aad695e042a Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 22 May 2026 15:57:13 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20=E5=B1=9E=E6=80=A7=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=20padding=20=E4=BB=85=E4=BD=9C=E7=94=A8=E4=BA=8E?=
 =?UTF-8?q?=E6=9C=80=E5=A4=96=E5=B1=82=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为 PropsPanel 顶层 MForm 增加 .m-editor-props-form-panel-form 专属类名，
将原本挂在通用 .tmagic-design-form 上的 padding 与 tab 样式迁移到该类，
避免子组件中嵌套的 .tmagic-design-form 被错误命中。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/layouts/props-panel/FormPanel.vue     |  2 +-
 packages/editor/src/theme/props-panel.scss    | 40 +++++++++----------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/packages/editor/src/layouts/props-panel/FormPanel.vue b/packages/editor/src/layouts/props-panel/FormPanel.vue
index 907dd904..9a57ed4b 100644
--- a/packages/editor/src/layouts/props-panel/FormPanel.vue
+++ b/packages/editor/src/layouts/props-panel/FormPanel.vue
@@ -5,7 +5,7 @@
     <TMagicScrollbar>
       <MForm
         ref="configForm"
-        :class="propsPanelSize"
+        :class="[propsPanelSize, 'm-editor-props-form-panel-form']"
         :popper-class="`m-editor-props-panel-popper ${propsPanelSize}`"
         :label-width="labelWidth"
         :label-position="labelPosition"
diff --git a/packages/editor/src/theme/props-panel.scss b/packages/editor/src/theme/props-panel.scss
index ef12d1eb..14eb7b58 100644
--- a/packages/editor/src/theme/props-panel.scss
+++ b/packages/editor/src/theme/props-panel.scss
@@ -25,26 +25,6 @@
         right: calc(15px + var(--props-style-panel-width));
       }
     }
-
-    .tmagic-design-form {
-      padding-right: 10px;
-      padding-left: 10px;
-
-      > .m-container-tab {
-        > .tmagic-design-tabs {
-          > .el-tabs__content {
-            padding-top: 55px;
-          }
-          > .el-tabs__header.is-top {
-            position: absolute;
-            top: 0;
-            width: 100%;
-            background: #fff;
-            z-index: 3;
-          }
-        }
-      }
-    }
   }
 
   .m-editor-props-style-panel {
@@ -142,6 +122,26 @@
   }
 }
 
+.m-editor-props-form-panel-form {
+  padding-right: 10px;
+  padding-left: 10px;
+
+  > .m-container-tab {
+    > .tmagic-design-tabs {
+      > .el-tabs__content {
+        padding-top: 55px;
+      }
+      > .el-tabs__header.is-top {
+        position: absolute;
+        top: 0;
+        width: 100%;
+        background: #fff;
+        z-index: 3;
+      }
+    }
+  }
+}
+
 .m-editor-props-panel-popper {
   &.small {
     span,