From e770ecbe8f115ec018de1c86cd2f7507447b5cfe Mon Sep 17 00:00:00 2001
From: arvinxx <arvinx@foxmail.com>
Date: Tue, 13 Jun 2023 16:10:51 +0800
Subject: [PATCH] :lipstick: style: update empty style

---
 src/ProEditor/components/AssetEmpty/index.tsx | 6 ++++--
 src/ProEditor/container/index.tsx             | 4 ++--
 src/ProEditor/demos/empty.tsx                 | 8 ++++----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/ProEditor/components/AssetEmpty/index.tsx b/src/ProEditor/components/AssetEmpty/index.tsx
index 29facc2d..70e7f784 100644
--- a/src/ProEditor/components/AssetEmpty/index.tsx
+++ b/src/ProEditor/components/AssetEmpty/index.tsx
@@ -1,6 +1,8 @@
 import { Empty } from 'antd';
 import type { FC } from 'react';
 import { memo } from 'react';
+import { Center } from 'react-layout-kit';
+
 import { createStyles } from '../../../theme';
 
 import { useStore } from '../../store';
@@ -21,9 +23,9 @@ const AssetEmpty: FC = memo(() => {
   const { styles } = useStyles(prefixCls);
 
   return (
-    <div className={styles.cls}>
+    <Center className={styles.cls}>
       <Empty description={'未找到 ComponentAsset，请在 props 中传入 ComponentAsset'} />
-    </div>
+    </Center>
   );
 });
 
diff --git a/src/ProEditor/container/index.tsx b/src/ProEditor/container/index.tsx
index 2a772f43..3d4fcccc 100644
--- a/src/ProEditor/container/index.tsx
+++ b/src/ProEditor/container/index.tsx
@@ -14,13 +14,13 @@ import { useStyle } from './style';
 export type ProEditorProps = ProEditorAppProps & AppContainerProps & StoreUpdaterProps;
 
 export const ProEditor: FC<ProEditorProps> = memo((props) => {
-  const { themeMode, theme, showEditorDevtools, editorRef, ...res } = props;
+  const { themeMode, theme, style, showEditorDevtools, editorRef, ...res } = props;
   const { styles } = useStyle();
 
   return (
     <Provider showDevtools={showEditorDevtools}>
       <AppContainer themeMode={themeMode} theme={theme}>
-        <App className={styles.app}>
+        <App className={styles.app} style={style}>
           <Content {...res} />
         </App>
       </AppContainer>
diff --git a/src/ProEditor/demos/empty.tsx b/src/ProEditor/demos/empty.tsx
index aa81f858..dc0c552a 100644
--- a/src/ProEditor/demos/empty.tsx
+++ b/src/ProEditor/demos/empty.tsx
@@ -1,6 +1,6 @@
-/*
- * height: "100%"
- * */
+/**
+ * iframe: 300
+ */
 import { ProEditor } from '@ant-design/pro-editor';
 
-export default () => <ProEditor />;
+export default () => <ProEditor style={{ height: '100vh' }} />;