From 6a56b29f6f10ef30bbfcb4fd76dfad1b1219d77e Mon Sep 17 00:00:00 2001
From: chenshenhai <cshenhai@gmail.com>
Date: Sat, 3 Jun 2023 22:00:21 +0800
Subject: [PATCH] feat: improve idraw design layout

---
 packages/design/src/modules/dashboard/index.tsx | 14 ++++++--------
 packages/design/src/modules/dashboard/layout.ts |  1 -
 2 files changed, 6 insertions(+), 9 deletions(-)
 delete mode 100644 packages/design/src/modules/dashboard/layout.ts

diff --git a/packages/design/src/modules/dashboard/index.tsx b/packages/design/src/modules/dashboard/index.tsx
index 5fe95bd..42c0254 100644
--- a/packages/design/src/modules/dashboard/index.tsx
+++ b/packages/design/src/modules/dashboard/index.tsx
@@ -6,12 +6,12 @@ import { Header } from '../header';
 import { Sketch } from '../sketch';
 import type { CSSProperties } from 'react';
 import { createPrefixName } from '../../css';
-import { HEADER_HEIGHT } from './layout';
 import SplitPane from '../split-pane';
 
 const modName = 'mod-dashboard';
 const leftSiderDefaultWidth = 240;
 const rightSiderDefaultWidth = 200;
+const headerHeight = 36;
 
 const prefixName = createPrefixName(modName);
 
@@ -48,10 +48,10 @@ export const Dashboard = (props: DashboardProps) => {
 
   return (
     <div className={classnames(prefixName(), className)} style={{ ...style, ...{ width, height, padding: 0 } }}>
-      <div className={prefixName('header')} style={{ height: HEADER_HEIGHT }}>
+      <div className={prefixName('header')} style={{ height: headerHeight }}>
         <Header />
       </div>
-      <div className={prefixName('content')} style={{ top: HEADER_HEIGHT }}>
+      <div className={prefixName('content')} style={{ top: headerHeight }}>
         <SplitPane
           split="vertical"
           defaultSize={centerWidth + rightWidth}
@@ -67,12 +67,10 @@ export const Dashboard = (props: DashboardProps) => {
             width: centerWidth + rightWidth
           }}
         >
-          <div>
-            <PanelLayer className={prefixName('left')} />
-          </div>
+          <div>{openLeftSider && <PanelLayer className={prefixName('left')} />}</div>
           <div style={{ width: centerWidth + rightWidth, display: 'flex', flexDirection: 'row' }}>
-            <Sketch className={prefixName('center')} width={centerWidth} height={height - HEADER_HEIGHT} />
-            <div className={prefixName('right')} style={{ width: rightWidth, height: height - HEADER_HEIGHT }}>
+            <Sketch className={prefixName('center')} width={centerWidth} height={height - headerHeight} />
+            <div className={prefixName('right')} style={{ width: rightWidth, height: height - headerHeight }}>
               Right
             </div>
           </div>
diff --git a/packages/design/src/modules/dashboard/layout.ts b/packages/design/src/modules/dashboard/layout.ts
deleted file mode 100644
index 25d7a30..0000000
--- a/packages/design/src/modules/dashboard/layout.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const HEADER_HEIGHT = 36;