update readme

packages/dooringx-dumi-doc/docs/Guide/index.md

@@ -33,18 +33,7 @@ dooringx-lib 在运行时维护一套数据流，主要分为json数据部分，
 ```bash
 npm i dooringx-lib
 ```
-
-dooringx-lib在编辑时提供两种容器，可以根据需要选择使用。
-
-一种是普通容器，一种是iframe容器，这2种容器在某些实现上略有不同。
-
-使用普通容器即在编辑时为普通的div并非iframe，而使用iframe则编辑时看见的为iframe内容。在预览时，使用preview组件，preview可以放到任何容器，包括去使用iframe查看。
-
-建议预览时使用iframe查看preview，如果有弹窗，在非iframe或pc中会显示异常。
-
-iframe容器由于使用postmessage通信，所以在操作上可能会有略微延迟。如果对样式隔离要求不高可以使用普通容器，预览的样式正常即可。
-
-普通容器使用参考demo:
+参考demo:
 
 ```js
 import {
@@ -125,114 +114,6 @@ export default function IndexPage() {
 ```
 
 
-iframe容器使用参考demo：
-
-
-index.tsx
-```js
-import {
-	RightConfig,
-	useStoreState,
-	innerContainerDragUp,
-	LeftConfig,
-	IframeContainerWrapper,
-	Control,
-	useIframeHook,
-	IframeTarget,
-} from 'dooringx-lib';
-import { useContext } from 'react';
-import { configContext } from '@/layouts';
-import { useCallback } from 'react';
-import { PREVIEWSTATE } from '@/constant';
-
-export const HeaderHeight = '40px';
-
-export default function IndexPage() {
-	const config = useContext(configContext);
-
-	const subscribeFn = useCallback(() => {
-		localStorage.setItem(PREVIEWSTATE, JSON.stringify(config.getStore().getData()));
-	}, [config]);
-
-	const [state] = useStoreState(config, subscribeFn);
-	useIframeHook(`${location.origin}/container`, config);
-
-	return (
-		<div {...innerContainerDragUp(config, true)}>
-			<div style={{ height: HeaderHeight }}>
-				head
-				<button
-					onClick={() => {
-						window.open('/iframe');
-					}}
-				>
-					go preview
-				</button>
-				<button
-					onClick={() => {
-						window.open('/preview');
-					}}
-				>
-					go preview
-				</button>
-			</div>
-			<div
-				style={{
-					display: 'flex',
-					justifyContent: 'center',
-					alignItems: 'center',
-					height: `calc(100vh - ${HeaderHeight})`,
-					width: '100vw',
-				}}
-			>
-				<div style={{ height: '100%' }}>
-					<LeftConfig config={config}></LeftConfig>
-				</div>
-
-				<IframeContainerWrapper
-					config={config}
-					extra={
-						<Control
-							config={config}
-							style={{ position: 'fixed', bottom: '60px', right: '450px', zIndex: 100 }}
-						></Control>
-					}
-				>
-					<IframeTarget
-						config={config}
-						iframeProps={{
-							src: '/container',
-						}}
-					></IframeTarget>
-				</IframeContainerWrapper>
-				<div className="rightrender" style={{ height: '100%' }}>
-					<RightConfig state={state} config={config}></RightConfig>
-				</div>
-			</div>
-		</div>
-	);
-}
-```
-
-container 路由：
-
-```js
-import { configContext } from '@/layouts';
-import { useContext } from 'react';
-import { IframeContainer } from 'dooringx-lib';
-
-function ContainerPage() {
-	const config = useContext(configContext);
-	return (
-		<div>
-			<IframeContainer config={config} context="edit"></IframeContainer>
-		</div>
-	);
-}
-
-export default ContainerPage;
-```
-
 
 
 预览时preview套iframe: