20260820223837

code/fms/fms-vue/src/layouts/DefaultLayout.vue

@@ -161,15 +161,22 @@ function onSplitterResize(sizes) {
   min-width: 0;
 }
 
-/* 折叠态：隐藏分隔条（此时侧栏固定 48px 且不可调整） */
-.fms-layout.is-collapsed .fms-layout-splitter :deep(.fms-splitter-bar) {
+/* 折叠态：隐藏分隔条（此时侧栏固定 48px 且不可调整）。
+ * 必须用子代选择器 > 限定为布局自身的直接子级分隔条：
+ * 若写成后代选择器（如 .fms-splitter-bar），会命中嵌套在
+ * 主面板里的其他 Splitter（如 FmsFile 内部的分隔条），
+ * 导致折叠时内层分隔条也被隐藏 */
+.fms-layout.is-collapsed .fms-layout-splitter :deep(> .fms-splitter-bar) {
   display: none;
 }
 
 /* 非折叠态：分隔条命中区改为悬浮（width: 0 + 负 margin），不占 flex 宽度。
  * 否则侧栏内容右 padding(8px) + 分隔条占位(6px) 叠加成 14px 空隙，
- * 而右侧仅 8px，两侧不对称（折叠态因 display:none 掩盖了此问题） */
-.fms-layout .fms-layout-splitter :deep(.fms-splitter-horizontal .fms-splitter-bar) {
+ * 而右侧仅 8px，两侧不对称（折叠态因 display:none 掩盖了此问题）。
+ * 注意同样只能用 > 限定为布局自身的直接子级分隔条：
+ * 用后代选择器时 scoped :deep 会把主面板内嵌套 Splitter 的分隔条
+ * 一并压成 0 宽，导致内层（如 FmsFile）分隔条不可见、无法拖拽 */
+.fms-layout .fms-layout-splitter :deep(> .fms-splitter-bar) {
   width: 0;
   margin: 0 calc(var(--fms-splitter-trigger-size) / -2);
   position: relative;