style(outline-pane): fix outline-pane styles

alibaba · Sep 5, 2023 · 56a2b16 · 56a2b16
1 parent bfdc7a2
commit 56a2b16
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/editor-skeleton/src/layouts/right-area.tsx b/packages/editor-skeleton/src/layouts/right-area.tsx
@@ -22,14 +22,23 @@ export default class RightArea extends Component<{ area: Area<any, Panel> }> {
   }
 }
 
-
 @observer
 class Contents extends Component<{ area: Area<any, Panel> }> {
   render() {
     const { area } = this.props;
+
     return (
       <Fragment>
-        {area.container.items.map((item) => item.content)}
+        {
+          area.container.items
+            .slice()
+            .sort((a, b) => {
+              const index1 = a.config?.index || 0;
+              const index2 = b.config?.index || 0;
+              return index1 === index2 ? 0 : (index1 > index2 ? 1 : -1);
+            })
+            .map((item) => item.content)
+        }
       </Fragment>
     );
   }

diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
@@ -431,6 +431,7 @@ body {
         background-color: var(--color-right-area-background, var(--color-pane-background, #fff));
         left: 0;
         top: 0;
+        z-index: 1;
       }
       &.lc-area-visible {
         display: block;

diff --git a/packages/plugin-outline-pane/src/index.tsx b/packages/plugin-outline-pane/src/index.tsx
@@ -92,6 +92,7 @@ export const OutlinePlugin = (ctx: IPublicModelPluginContext, options: any) => {
           paneName: BackupPaneName,
           treeMaster,
         },
+        index: 1,
       });
 
       // 处理 master pane 和 backup pane 切换