💄 style: update empty style

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>
   );
 });
 

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>

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' }} />;