admin/flowgram.ai
1
0
Fork 0
mirror of https://gitee.com/ByteDance/flowgram.ai.git synced 2025-07-07 17:43:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #52 from FungYuu/docs-free

Browse Source 
docs: Modify the FixedLayoutProps in a free layout
This commit is contained in:
xiamidaxia 2025-03-18 15:21:02 +08:00 committed by GitHub
commit 6c13bffbf3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/docs/src/en/guide/getting-started/create-free-layout-simple.mdx
View File

@ -40,7 +40,7 @@ Canvas configuration is declarative, providing data, rendering, event, and plugi
```tsx pure title="use-editor-props.tsx"
import { useMemo } from 'react';
import { type FixedLayoutProps } from '@flowgram.ai/free-layout-editor';
import { type FreeLayoutProps } from '@flowgram.ai/free-layout-editor';
import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
import { intialData } from './initial-data' // 初始化数据
@ -48,8 +48,8 @@ import { nodeRegistries } from './node-registries' // 节点声明配置
import { BaseNode } from './base-node' // 节点渲染
export function useEditorProps(
): FixedLayoutProps {
return useMemo<FixedLayoutProps>(
): FreeLayoutProps {
return useMemo<FreeLayoutProps>(
() => ({
/**
* Initialize data
@ -271,7 +271,7 @@ export const BaseNode = () => {
*/
const { form } = useNodeRender()
/**
* WorkflowNodeRenderer will add node drag events and port rendering, for deep customization,
* WorkflowNodeRenderer will add node drag events and port rendering, for deep customization,
* you can check the component source code at:
* https://github.com/bytedance/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
*/

6
apps/docs/src/zh/guide/getting-started/create-free-layout-simple.mdx
View File

@ -42,7 +42,7 @@ function App() {
```tsx pure title="use-editor-props.tsx"
import { useMemo } from 'react';
import { type FixedLayoutProps } from '@flowgram.ai/free-layout-editor';
import { type FreeLayoutProps } from '@flowgram.ai/free-layout-editor';
import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
import { intialData } from './initial-data' // 初始化数据
@ -50,8 +50,8 @@ import { nodeRegistries } from './node-registries' // 节点声明配置
import { BaseNode } from './base-node' // 节点渲染
export function useEditorProps(
): FixedLayoutProps {
return useMemo<FixedLayoutProps>(
): FreeLayoutProps {
return useMemo<FreeLayoutProps>(
() => ({
/**
* 初始化数据