mirror of
https://gitee.com/ByteDance/flowgram.ai.git
synced 2025-07-07 17:43:29 +08:00
28 lines
1.3 KiB
TypeScript
28 lines
1.3 KiB
TypeScript
import { PreviewEditor } from '../preview-editor';
|
|
import { FreeLayoutSimple } from '.';
|
|
|
|
import nodeRegistriesCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/node-registries.ts';
|
|
import dataCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/initial-data.ts';
|
|
import useEditorPropsCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/hooks/use-editor-props.tsx';
|
|
import editorCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/editor.tsx';
|
|
import toolsCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/components/tools.tsx';
|
|
import nodeAddPanelCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/components/node-add-panel.tsx';
|
|
import minimapCode from '!!raw-loader!@flowgram.ai/demo-free-layout-simple/src/components/minimap.tsx';
|
|
|
|
export const FreeLayoutSimplePreview = () => {
|
|
const files = {
|
|
'editor.tsx': editorCode,
|
|
'use-editor-props.tsx': useEditorPropsCode,
|
|
'initial-data.ts': dataCode,
|
|
'node-registries.ts': nodeRegistriesCode,
|
|
'node-add-panel.tsx': nodeAddPanelCode,
|
|
'tools.tsx': toolsCode,
|
|
'minimap.tsx': minimapCode,
|
|
};
|
|
return (
|
|
<PreviewEditor files={files} previewStyle={{ height: 500 }} editorStyle={{ height: 500 }}>
|
|
<FreeLayoutSimple />
|
|
</PreviewEditor>
|
|
);
|
|
};
|