From 7fba1b10cb7f0dcf110929fbf4218653dcab879d Mon Sep 17 00:00:00 2001
From: lijisanxiong <1518062161@qq.com>
Date: Thu, 12 Jun 2025 21:03:31 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E5=A4=8D=E5=88=86?=
 =?UTF-8?q?=E5=89=B2=E5=AE=B9=E5=99=A8=E5=86=85=E5=AD=98=E5=9C=A8=E5=85=B6?=
 =?UTF-8?q?=E5=AE=83=E5=88=86=E5=89=B2=E5=AE=B9=E5=99=A8=E6=97=B6=20?=
 =?UTF-8?q?=E5=88=86=E5=89=B2=E5=AE=B9=E5=99=A8(=E4=B8=8A=E4=B8=8B)=20?=
 =?UTF-8?q?=E4=B8=8E=20=E5=88=86=E5=89=B2=E5=AE=B9=E5=99=A8(=E5=B7=A6?=
 =?UTF-8?q?=E5=8F=B3)=20=E6=A0=B7=E5=BC=8F=E4=BA=92=E7=9B=B8=E5=BD=B1?=
 =?UTF-8?q?=E5=93=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                |  1 +
 src/common/split/split.scss | 87 ++++++++++++++++++++++---------------
 2 files changed, 52 insertions(+), 36 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3e9fa2800..5174d0cf5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@
 ### Fixed
 
 - 修复树部件在绘制新建节点部件面板后，点击行为按钮会导致新建树节点不销毁
+- 修复分割容器内存在其它分割容器时 分割容器(上下) 与 分割容器(左右) 样式互相影响
 
 ### Added
 
diff --git a/src/common/split/split.scss b/src/common/split/split.scss
index 3d2b62e97..604abc3c4 100644
--- a/src/common/split/split.scss
+++ b/src/common/split/split.scss
@@ -10,41 +10,6 @@ $trigger-width: 6px;
     user-select: none;
   }
 }
-
-@include b(split) {
-  @include m(horizontal) {
-    display: flex;
-    height: 100%;
-    @include b(split-trigger-con) {
-      top: 50%;
-      width: 0;
-      height: 100%;
-    }
-
-    @include b(split-pane) {
-      position: unset;
-      @include m(right){
-        padding-left: $trigger-width;
-      }
-    }
-  }
-
-  @include m(vertical) {
-    @include b(split-trigger-con) {
-      left: 50%;
-      width: 100%;
-      height: 0;
-    }
-
-    @include b(split-pane) {
-      position: absolute;
-      @include m(bottom){
-        padding-top: $trigger-width;
-      }
-    }    
-  }
-}
-
 @include b(split-pane) {
   position: absolute;
 
@@ -85,4 +50,54 @@ $trigger-width: 6px;
   position: absolute;
   z-index: 10;
   transform: translate(-50%, -50%);
-}
\ No newline at end of file
+}
+
+@mixin horizontal-trigger-con-and-pane {
+  @include b(split-trigger-con) {
+    top: 50%;
+    width: 0;
+    height: 100%;
+  }
+
+  @include b(split-pane) {
+    position: unset;
+    @include m(right){
+      padding-left: $trigger-width;
+    }
+  }
+}
+
+@mixin vertical-trigger-con-and-pane {
+  @include b(split-trigger-con) {
+    left: 50%;
+    width: 100%;
+    height: 0;
+  }
+
+  @include b(split-pane) {
+    position: absolute;
+    @include m(bottom){
+      padding-top: $trigger-width;
+    }
+  }
+}
+
+@include b(split) {
+  @include m(horizontal) {
+    display: flex;
+    height: 100%;
+    @include horizontal-trigger-con-and-pane;
+  }
+
+  @include m(vertical) {   
+    @include vertical-trigger-con-and-pane;
+  }
+}
+
+// 修复分割容器内存在其它分割容器时 分割容器(上下) 与 分割容器(左右) 样式互相影响，在此加权重
+.#{bem('split--vertical')} .#{bem('split--horizontal')} {
+  @include horizontal-trigger-con-and-pane;
+}
+.#{bem('split--horizontal')}  .#{bem('split--vertical')} {    
+  @include vertical-trigger-con-and-pane;
+}
-- 
Gitee