mirror of
https://gitee.com/ByteDance/flowgram.ai.git
synced 2025-07-07 17:43:29 +08:00
chore: migrate to bytedance
This commit is contained in:
parent
30de3c43e9
commit
c21422fd20
@ -21,7 +21,7 @@ nvm use lts/hydrogen
|
||||
2. **Clone the repository**
|
||||
|
||||
``` bash
|
||||
git clone git@github.com:coze-dev/flowgram.ai.git
|
||||
git clone git@github.com:bytedance/flowgram.ai.git
|
||||
```
|
||||
|
||||
3. **Install required global dependencies**
|
||||
@ -90,7 +90,7 @@ After that, you can start to develop projects inside this repository.
|
||||
|
||||
## Reporting Bugs
|
||||
|
||||
Report bugs via [GitHub Issues](https://github.com/coze-dev/flowgram.ai/issues/new/choose). Please include:
|
||||
Report bugs via [GitHub Issues](https://github.com/bytedance/flowgram.ai/issues/new/choose). Please include:
|
||||
|
||||
- Issue description
|
||||
- Steps to reproduce
|
||||
|
||||
16
README.md
16
README.md
@ -9,7 +9,7 @@ our name.
|
||||
|
||||
<div align="center">
|
||||
|
||||
[](https://github.com/coze-dev/flowgram.ai/blob/main/LICENSE)
|
||||
[](https://github.com/bytedance/flowgram.ai/blob/main/LICENSE)
|
||||
[](https://www.npmjs.com/package/@flowgram.ai/editor)
|
||||
|
||||
@ -17,8 +17,8 @@ our name.
|
||||
|
||||
## 📖 Documentation
|
||||
|
||||
- [Official Documentation](https://coze-dev.github.io/flowgram.ai/)
|
||||
- [Contributing Guidelines](https://github.com/coze-dev/flowgram.ai/blob/main/CONTRIBUTING.md)
|
||||
- [Official Documentation](https://flowgram.ai)
|
||||
- [Contributing Guidelines](https://github.com/bytedance/flowgram.ai/blob/main/CONTRIBUTING.md)
|
||||
|
||||
## 📦 Packages
|
||||
|
||||
@ -32,7 +32,7 @@ our name.
|
||||
|
||||
<div>
|
||||
<p>
|
||||
<a href="https://coze-dev.github.io/flowgram.ai/examples/fixed-layout/fixed-feature-overview.html">
|
||||
<a href="https://flowgram.aiexamples/fixed-layout/fixed-feature-overview.html">
|
||||
Fixed Layout
|
||||
</a>
|
||||
</p>
|
||||
@ -45,7 +45,7 @@ our name.
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
<a href="https://coze-dev.github.io/flowgram.ai/examples/free-layout/free-feature-overview.html">
|
||||
<a href="https://flowgram.aiexamples/free-layout/free-feature-overview.html">
|
||||
Free Layout
|
||||
</a>
|
||||
</p>
|
||||
@ -83,7 +83,7 @@ nvm use lts/hydrogen
|
||||
2. **Clone the repository**
|
||||
|
||||
``` bash
|
||||
git clone git@github.com:coze-dev/flowgram.ai.git
|
||||
git clone git@github.com:bytedance/flowgram.ai.git
|
||||
```
|
||||
|
||||
3. **Install required global dependencies**
|
||||
@ -118,7 +118,7 @@ Enjoy it!
|
||||
|
||||
## 🌟 Contributors
|
||||
|
||||
[](https://github.com/coze-dev/flowgram.ai/graphs/contributors)
|
||||
[](https://github.com/bytedance/flowgram.ai/graphs/contributors)
|
||||
|
||||
<!-- ## Star History
|
||||
[](https://api.star-history.com/svg?repos=coze-dev/flowgram.ai&type=Timeline) -->
|
||||
[](https://api.star-history.com/svg?repos=bytedance/flowgram.ai&type=Timeline) -->
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
import { useMemo } from 'react';
|
||||
|
||||
import { defaultFixedSemiMaterials } from '@flowgram.ai/fixed-semi-materials';
|
||||
import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
|
||||
import { defaultFixedSemiMaterials } from '@flowgram.ai/fixed-semi-materials';
|
||||
import {
|
||||
type FixedLayoutProps,
|
||||
FlowDocumentJSON,
|
||||
@ -11,15 +11,15 @@ import {
|
||||
FlowRendererKey,
|
||||
} from '@flowgram.ai/fixed-layout-editor';
|
||||
|
||||
import { BaseNode } from '../components/base-node'
|
||||
import { BranchAdder } from '../components/branch-adder'
|
||||
import { NodeAdder } from '../components/node-adder';
|
||||
import { BranchAdder } from '../components/branch-adder';
|
||||
import { BaseNode } from '../components/base-node';
|
||||
|
||||
/** semi materials */
|
||||
|
||||
export function useEditorProps(
|
||||
initialData: FlowDocumentJSON, // 初始化数据
|
||||
nodeRegistries: FlowNodeRegistry[], // 节点定义
|
||||
nodeRegistries: FlowNodeRegistry[] // 节点定义
|
||||
): FixedLayoutProps {
|
||||
return useMemo<FixedLayoutProps>(
|
||||
() => ({
|
||||
@ -54,22 +54,24 @@ export function useEditorProps(
|
||||
/**
|
||||
* Render form
|
||||
*/
|
||||
render: () => <>
|
||||
<Field<string> name="title">
|
||||
{({ field }) => <div className="demo-fixed-node-title">{field.value}</div>}
|
||||
</Field>
|
||||
<div className="demo-fixed-node-content">
|
||||
<Field<string> name="content">
|
||||
<input />
|
||||
render: () => (
|
||||
<>
|
||||
<Field<string> name="title">
|
||||
{({ field }) => <div className="demo-fixed-node-title">{field.value}</div>}
|
||||
</Field>
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
<div className="demo-fixed-node-content">
|
||||
<Field<string> name="content">
|
||||
<input />
|
||||
</Field>
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
},
|
||||
};
|
||||
},
|
||||
/**
|
||||
* Materials, components can be customized based on the key
|
||||
* @see https://github.com/coze-dev/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* @see https://github.com/bytedance/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* 可以通过 key 自定义 UI 组件
|
||||
*/
|
||||
materials: {
|
||||
@ -106,7 +108,7 @@ export function useEditorProps(
|
||||
/**
|
||||
* 画布初始化
|
||||
*/
|
||||
onInit: ctx => {
|
||||
onInit: (ctx) => {
|
||||
/**
|
||||
* Data can also be dynamically loaded via fromJSON
|
||||
* 也可以通过 fromJSON 动态加载数据
|
||||
@ -149,6 +151,6 @@ export function useEditorProps(
|
||||
}),
|
||||
],
|
||||
}),
|
||||
[],
|
||||
[]
|
||||
);
|
||||
}
|
||||
|
||||
@ -144,7 +144,7 @@ export function useEditorProps(
|
||||
},
|
||||
/**
|
||||
* Materials, components can be customized based on the key
|
||||
* @see @see https://github.com/coze-dev/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* @see @see https://github.com/bytedance/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* 可以通过 key 自定义 UI 组件
|
||||
*/
|
||||
materials: {
|
||||
|
||||
@ -55,5 +55,5 @@
|
||||
"globals": "^15.11.0",
|
||||
"typescript-eslint": "^8.8.1"
|
||||
},
|
||||
"homepage": "https://github.com/coze-dev/flowgram.ai/"
|
||||
"homepage": "https://github.com/bytedance/flowgram.ai/"
|
||||
}
|
||||
|
||||
@ -73,7 +73,7 @@ export default defineConfig({
|
||||
{
|
||||
icon: 'github',
|
||||
mode: 'link',
|
||||
content: 'https://github.com/coze-dev/flowgram.ai',
|
||||
content: 'https://github.com/bytedance/flowgram.ai',
|
||||
},
|
||||
{
|
||||
icon: 'discord',
|
||||
|
||||
@ -14,7 +14,7 @@ export const BaseNode = () => {
|
||||
const { form } = useNodeRender()
|
||||
/**
|
||||
* WorkflowNodeRenderer will add node drag events and port rendering, if you want to deeply customize it, you can refer to the source code of the component:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
*/
|
||||
return (
|
||||
<WorkflowNodeRenderer className="demo-free-node" node={props.node}>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Flow document (fixed layout), stores all node data of the process
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowDocument.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/document/classes/FlowDocument.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/fixed-layout-editor'
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Node entity, `WorkflowNodeEntity` is the alias for the node used for free layout nodes, the node entity uses the [ECS](/flowgram.ai/guide/concepts/ECS.html) architecture, is `Entity`
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeEntity-1.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/document/classes/FlowNodeEntity-1.html)
|
||||
|
||||
## Properties
|
||||
|
||||
@ -23,8 +23,8 @@ Node entity, `WorkflowNodeEntity` is the alias for the node used for free layout
|
||||
- parent: `FlowNodeEntity | undefined` Get the parent node
|
||||
- originParent: `FlowNodeEntity | undefined` Get the original parent node, this is used to find the entire virtual branch for the first node of the fixed layout branch (orderIcon)
|
||||
- allChildren: `FlowNodeEntity[]` Get all child nodes, not including collapsed child nodes
|
||||
- transform: [FlowNodeTransformData](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeTransformData.html) Get the node's transform matrix data
|
||||
- renderData: [FlowNodeRenderData](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeRenderData.html) Get the node's render data, including render status
|
||||
- transform: [FlowNodeTransformData](https://flowgram.aiauto-docs/document/classes/FlowNodeTransformData.html) Get the node's transform matrix data
|
||||
- renderData: [FlowNodeRenderData](https://flowgram.aiauto-docs/document/classes/FlowNodeRenderData.html) Get the node's render data, including render status
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Canvas instance
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/Playground.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/Playground.html)
|
||||
|
||||
```ts pure
|
||||
const ctx = useClientContext()
|
||||
@ -14,7 +14,7 @@ console.log(ctx.playground)
|
||||
|
||||
Canvas configuration, provides zoom, scroll, etc.
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/PlaygroundConfigEntity.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/PlaygroundConfigEntity.html)
|
||||
|
||||
### Properties
|
||||
- zoom `number` Current zoom ratio
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Free layout document data, inherited from [FlowDocument](/flowgram.ai/api/core/flow-document.html)
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowDocument.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowDocument.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
|
||||
Free layout line entity
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowLineEntity.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowLineEntity.html)
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Free layout line management, currently attached to the free layout document
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowLinesManager.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowLinesManager.html)
|
||||
|
||||
```
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -4,7 +4,7 @@ Provides access to the canvas context within React. Currently, there are some di
|
||||
|
||||
## Fixed Layout
|
||||
|
||||
- Return: [FixedLayoutPluginContext](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/FixedLayoutPluginContext.html)
|
||||
- Return: [FixedLayoutPluginContext](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/FixedLayoutPluginContext.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/fixed-layout-editor'
|
||||
@ -13,7 +13,7 @@ const ctx = useClientContext()
|
||||
|
||||
## Free Layout
|
||||
|
||||
- Return: [FreeLayoutPluginContext](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-editor/interfaces/FreeLayoutPluginContext.html)
|
||||
- Return: [FreeLayoutPluginContext](https://flowgram.aiauto-docs/free-layout-editor/interfaces/FreeLayoutPluginContext.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -4,7 +4,7 @@ Provides methods related to node rendering, and the form returned is equivalent
|
||||
|
||||
## Fixed Layout
|
||||
|
||||
- Return: [NodeRenderReturnType](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/NodeRenderReturnType.html)
|
||||
- Return: [NodeRenderReturnType](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/NodeRenderReturnType.html)
|
||||
|
||||
```tsx pure
|
||||
|
||||
@ -51,7 +51,7 @@ export const BaseNode = ({ node }: { node: FlowNodeEntity }) => {
|
||||
|
||||
## Free Layout
|
||||
|
||||
- Return: [NodeRenderReturnType](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/interfaces/NodeRenderReturnType.html)
|
||||
- Return: [NodeRenderReturnType](https://flowgram.aiauto-docs/free-layout-core/interfaces/NodeRenderReturnType.html)
|
||||
|
||||
```tsx pure
|
||||
import { WorkflowNodeRenderer, useNodeRender } from '@flowgram.ai/free-layout-editor';
|
||||
|
||||
@ -4,7 +4,7 @@ Canvas tool methods
|
||||
|
||||
## Fixed Layout
|
||||
|
||||
- Return: [PlaygroundTools](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/PlaygroundTools.html)
|
||||
- Return: [PlaygroundTools](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/PlaygroundTools.html)
|
||||
```tsx pure
|
||||
import { useEffect, useState } from 'react'
|
||||
import { usePlaygroundTools, useClientContext } from '@flowgram.ai/fixed-layout-editor';
|
||||
@ -38,7 +38,7 @@ export function Tools() {
|
||||
|
||||
## Free Layout
|
||||
|
||||
- Return: [PlaygroundTools](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-editor/interfaces/PlaygroundTools.html)
|
||||
- Return: [PlaygroundTools](https://flowgram.aiauto-docs/free-layout-editor/interfaces/PlaygroundTools.html)
|
||||
|
||||
```tsx pure
|
||||
import { usePlaygroundTools, useClientContext } from '@flowgram.ai/free-layout-editor';
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
|
||||
Clipboard Service
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/interfaces/ClipboardService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/interfaces/ClipboardService.html)
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Command Service, needs to be used with [Shortcuts](/flowgram.ai/guide/advanced/interactive/shortcuts.html)
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/command/interfaces/CommandService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/command/interfaces/CommandService.html)
|
||||
|
||||
|
||||
```Usage
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Node operation service, currently used for fixed layout, free layout can currently be operated directly through WorkflowDocument, and will be abstracted out as operation in the future
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/FlowOperationService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/FlowOperationService.html)
|
||||
|
||||
```typescript pure
|
||||
const operationService = useService<FlowOperationService>(FlowOperationService)
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
## HistoryService
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
|
||||
## Redo/Undo
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Used to control selected nodes
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/SelectionService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/SelectionService.html)
|
||||
|
||||
## Usage
|
||||
```tsx pure
|
||||
|
||||
@ -28,6 +28,6 @@ dc.dispose(); // Log: 1, 2, dispose end
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
|
||||
|
||||
|
||||
@ -18,4 +18,4 @@ export interface Disposable {
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
|
||||
@ -38,5 +38,5 @@ function App() {
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/event.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/event.ts
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
Get the form capabilities of the node, needs to be enabled node engine
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/editor/functions/getNodeForm.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/editor/functions/getNodeForm.html)
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
@ -17,7 +17,7 @@ npx @flowgram.ai/create-app@latest fixed-layout
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-fixed-layout
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-fixed-layout
|
||||
|
||||
## Feature Introduction
|
||||
|
||||
|
||||
@ -17,4 +17,4 @@ npx @flowgram.ai/create-app@latest fixed-layout-simple
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-fixed-layout-simple
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-fixed-layout-simple
|
||||
|
||||
@ -17,7 +17,7 @@ npx @flowgram.ai/create-app@latest free-layout
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-free-layout
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-free-layout
|
||||
|
||||
|
||||
## Feature Introduction
|
||||
|
||||
@ -17,4 +17,4 @@ npx @flowgram.ai/create-app@latest free-layout-simple
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-free-layout-simple
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-free-layout-simple
|
||||
|
||||
@ -407,15 +407,15 @@ export const HistoryList = () => {
|
||||
```
|
||||
|
||||
## 3. API List
|
||||
### 3.1. [OperationMeta](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/interfaces/OperationMeta.html)
|
||||
### 3.1. [OperationMeta](https://flowgram.aiauto-docs/fixed-history-plugin/interfaces/OperationMeta.html)
|
||||
OperationMeta, used to define an operation
|
||||
|
||||
### 3.2. [Operation](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/interfaces/Operation.html)
|
||||
### 3.2. [Operation](https://flowgram.aiauto-docs/fixed-history-plugin/interfaces/Operation.html)
|
||||
Operation data, associated with OperationMeta through type
|
||||
|
||||
### 3.3. [OperationService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/OperationService.html)
|
||||
### 3.3. [OperationService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/OperationService.html)
|
||||
|
||||
[onApply](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/OperationService.html#onapply)
|
||||
[onApply](https://flowgram.aiauto-docs/fixed-history-plugin/classes/OperationService.html#onapply)
|
||||
Use onApply to listen to a triggered operation
|
||||
|
||||
```tsx pure
|
||||
@ -425,14 +425,14 @@ useService(OperationService).onApply((op: Operation) => {
|
||||
})
|
||||
```
|
||||
|
||||
### 3.4. [HistoryService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
### 3.4. [HistoryService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
The core API of the History module exposed Service
|
||||
|
||||
### 3.5. [UndoRedoService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/UndoRedoService.html)
|
||||
### 3.5. [UndoRedoService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/UndoRedoService.html)
|
||||
The service that manages the UndoRedo stack
|
||||
|
||||
### 3.6. [HistoryStack](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryStack.html)
|
||||
### 3.6. [HistoryStack](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryStack.html)
|
||||
History stack, listen to all push undo redo operations, and record them in the stack
|
||||
|
||||
### 3.7. [HistoryDatabase](https://coze-dev.github.io/flowgram.ai/auto-docs/history-storage/classes/HistoryDatabase.html)
|
||||
### 3.7. [HistoryDatabase](https://flowgram.aiauto-docs/history-storage/classes/HistoryDatabase.html)
|
||||
Persistence database operations
|
||||
|
||||
@ -85,7 +85,7 @@ flowDocument.onNodeCreate(({ node }) => {
|
||||
|
||||
```
|
||||
|
||||
More usage, see: [Class: FlowNodeVariableData](https://coze-dev.github.io/flowgram.ai/auto-docs/editor/classes/FlowNodeVariableData.html)
|
||||
More usage, see: [Class: FlowNodeVariableData](https://flowgram.aiauto-docs/editor/classes/FlowNodeVariableData.html)
|
||||
|
||||
### Set Output Variables through Form Effect
|
||||
|
||||
|
||||
@ -64,7 +64,7 @@ export function useEditorProps(
|
||||
nodeRegistries,
|
||||
/**
|
||||
* Custom UI components can be defined by key, for example, add a button, here is a semi-component set for quick verification, if you need deep customization, refer to:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
*/
|
||||
materials: {
|
||||
renderNodes: {
|
||||
|
||||
@ -273,7 +273,7 @@ export const BaseNode = () => {
|
||||
/**
|
||||
* WorkflowNodeRenderer will add node drag events and port rendering, for deep customization,
|
||||
* you can check the component source code at:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
*/
|
||||
return (
|
||||
<WorkflowNodeRenderer className="demo-free-node" node={props.node}>
|
||||
|
||||
@ -11,18 +11,18 @@ hero:
|
||||
link: /guide/introduction
|
||||
- theme: alt
|
||||
text: GitHub
|
||||
link: https://github.com/coze-dev/flowgram.ai
|
||||
link: https://github.com/bytedance/flowgram.ai
|
||||
image:
|
||||
src: /logo.png
|
||||
alt: Logo
|
||||
features:
|
||||
- title: Coze
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://coze-dev.github.io/flowgram.ai/ref-coze.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://flowgram.airef-coze.png"/></div>
|
||||
icon: 🏃🏻♀️
|
||||
- title: Feishu Low-Code Platform Workflow
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://coze-dev.github.io/flowgram.ai/ref-apaas.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://flowgram.airef-apaas.png"/></div>
|
||||
icon: 📦
|
||||
- title: Feishu Bitable
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://coze-dev.github.io/flowgram.ai/ref-bitable.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;height: 180px;" src="https://flowgram.airef-bitable.png"/></div>
|
||||
icon: 🎨
|
||||
---
|
||||
|
||||
@ -14,7 +14,7 @@ export const BaseNode = () => {
|
||||
const { form } = useNodeRender()
|
||||
/**
|
||||
* WorkflowNodeRenderer 会添加节点拖拽事件及 端口渲染,如果要深度定制,可以看该组件源代码:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
*/
|
||||
return (
|
||||
<WorkflowNodeRenderer className="demo-free-node" node={props.node}>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
流程数据文档 (固定布局), 存储流程的所有节点数据
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowDocument.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/document/classes/FlowDocument.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/fixed-layout-editor'
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
节点实体,`WorkflowNodeEntity` 为节点别名用于自由布局节点, 节点实体采用 [ECS](/flowgram.ai/guide/concepts/ECS.html) 架构, 为 `Entity`
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeEntity-1.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/document/classes/FlowNodeEntity-1.html)
|
||||
|
||||
## Properties
|
||||
|
||||
@ -23,8 +23,8 @@
|
||||
- parent: `FlowNodeEntity | undefined` 获取父节点
|
||||
- originParent: `FlowNodeEntity | undefined` 获取原始父节点, 这个用于固定布局分支的第一个节点(orderIcon) 找到整个虚拟分支
|
||||
- allChildren: `FlowNodeEntity[]` 获取所有子节点, 不包含折叠的子节点
|
||||
- transform: [FlowNodeTransformData](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeTransformData.html) 获取节点的 transform 矩阵数据
|
||||
- renderData: [FlowNodeRenderData](https://coze-dev.github.io/flowgram.ai/auto-docs/document/classes/FlowNodeRenderData.html) 获取节点的渲染数据, 包含渲染状态等
|
||||
- transform: [FlowNodeTransformData](https://flowgram.aiauto-docs/document/classes/FlowNodeTransformData.html) 获取节点的 transform 矩阵数据
|
||||
- renderData: [FlowNodeRenderData](https://flowgram.aiauto-docs/document/classes/FlowNodeRenderData.html) 获取节点的渲染数据, 包含渲染状态等
|
||||
|
||||
|
||||
## Methods
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
画布实例
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/Playground.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/Playground.html)
|
||||
|
||||
```ts pure
|
||||
const ctx = useClientContext()
|
||||
@ -14,7 +14,7 @@ console.log(ctx.playground)
|
||||
|
||||
画布配置, 提供 zoom、scroll 等状态
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/PlaygroundConfigEntity.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/PlaygroundConfigEntity.html)
|
||||
|
||||
### Properties
|
||||
- zoom `number` 当前缩放比例
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
自由布局文档数据,继承自 [FlowDocument](/flowgram.ai/api/core/flow-document.html)
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowDocument.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowDocument.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -2,5 +2,5 @@
|
||||
|
||||
自由布局线条实体
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowLineEntity.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowLineEntity.html)
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
自由布局线条管理, 目前挂在自由布局 document 下边
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/classes/WorkflowLinesManager.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/free-layout-core/classes/WorkflowLinesManager.html)
|
||||
|
||||
```
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
## 固定布局
|
||||
|
||||
- Return: [FixedLayoutPluginContext](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/FixedLayoutPluginContext.html)
|
||||
- Return: [FixedLayoutPluginContext](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/FixedLayoutPluginContext.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/fixed-layout-editor'
|
||||
@ -20,7 +20,7 @@ console.log(ctx.get(MyService)) // 获取任意的 IOC 模块,详细见 自定
|
||||
|
||||
## 自由布局
|
||||
|
||||
- Return: [FreeLayoutPluginContext](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-editor/interfaces/FreeLayoutPluginContext.html)
|
||||
- Return: [FreeLayoutPluginContext](https://flowgram.aiauto-docs/free-layout-editor/interfaces/FreeLayoutPluginContext.html)
|
||||
|
||||
```ts pure
|
||||
import { useClientContext } from '@flowgram.ai/free-layout-editor'
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
## 固定布局
|
||||
|
||||
- Return: [NodeRenderReturnType](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/NodeRenderReturnType.html)
|
||||
- Return: [NodeRenderReturnType](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/NodeRenderReturnType.html)
|
||||
|
||||
```tsx pure
|
||||
|
||||
@ -51,7 +51,7 @@ export const BaseNode = ({ node }: { node: FlowNodeEntity }) => {
|
||||
|
||||
## 自由布局
|
||||
|
||||
- Return: [NodeRenderReturnType](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-core/interfaces/NodeRenderReturnType.html)
|
||||
- Return: [NodeRenderReturnType](https://flowgram.aiauto-docs/free-layout-core/interfaces/NodeRenderReturnType.html)
|
||||
|
||||
```tsx pure
|
||||
import { WorkflowNodeRenderer, useNodeRender } from '@flowgram.ai/free-layout-editor';
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
## 固定布局
|
||||
|
||||
- Return: [PlaygroundTools](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/PlaygroundTools.html)
|
||||
- Return: [PlaygroundTools](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/PlaygroundTools.html)
|
||||
```tsx pure
|
||||
import { useEffect, useState } from 'react'
|
||||
import { usePlaygroundTools, useClientContext } from '@flowgram.ai/fixed-layout-editor';
|
||||
@ -38,7 +38,7 @@ export function Tools() {
|
||||
|
||||
## 自由布局
|
||||
|
||||
- Return: [PlaygroundTools](https://coze-dev.github.io/flowgram.ai/auto-docs/free-layout-editor/interfaces/PlaygroundTools.html)
|
||||
- Return: [PlaygroundTools](https://flowgram.aiauto-docs/free-layout-editor/interfaces/PlaygroundTools.html)
|
||||
|
||||
```tsx pure
|
||||
import { usePlaygroundTools, useClientContext } from '@flowgram.ai/free-layout-editor';
|
||||
|
||||
@ -2,4 +2,4 @@
|
||||
|
||||
剪贴板服务
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/interfaces/ClipboardService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/interfaces/ClipboardService.html)
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
指令服务,需要和 [Shortcuts](/flowgram.ai/guide/advanced/interactive/shortcuts.html) 一起使用
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/command/interfaces/CommandService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/command/interfaces/CommandService.html)
|
||||
|
||||
|
||||
```Usage
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
节点操作服务, 目前用于固定布局,自由布局现阶段可通过 WorkflowDocument 直接操作, 后续也会抽象出 operation
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-layout-editor/interfaces/FlowOperationService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/fixed-layout-editor/interfaces/FlowOperationService.html)
|
||||
|
||||
```typescript pure
|
||||
const operationService = useService<FlowOperationService>(FlowOperationService)
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
## HistoryService
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
|
||||
## Redo/Undo
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
用于控制选择的节点
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/core/classes/SelectionService.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/core/classes/SelectionService.html)
|
||||
|
||||
## Usage
|
||||
```tsx pure
|
||||
|
||||
@ -28,6 +28,6 @@ dc.dispose(); // Log: 1, 2, dispose end
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
|
||||
|
||||
|
||||
@ -18,4 +18,4 @@ export interface Disposable {
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/disposable.ts
|
||||
|
||||
@ -38,5 +38,5 @@ function App() {
|
||||
|
||||
## Source Code
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/blob/main/packages/common/utils/src/event.ts
|
||||
https://github.com/bytedance/flowgram.ai/blob/main/packages/common/utils/src/event.ts
|
||||
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
获取节点的表单能力,需要开启 节点引擎才能使用
|
||||
|
||||
[> API Detail](https://coze-dev.github.io/flowgram.ai/auto-docs/editor/functions/getNodeForm.html)
|
||||
[> API Detail](https://flowgram.aiauto-docs/editor/functions/getNodeForm.html)
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
@ -17,7 +17,7 @@ npx @flowgram.ai/create-app@latest fixed-layout
|
||||
|
||||
## 源码
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-fixed-layout
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-fixed-layout
|
||||
|
||||
## 功能介绍
|
||||
|
||||
|
||||
@ -17,4 +17,4 @@ npx @flowgram.ai/create-app@latest fixed-layout-simple
|
||||
|
||||
## 源码
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-fixed-layout-simple
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-fixed-layout-simple
|
||||
|
||||
@ -17,7 +17,7 @@ npx @flowgram.ai/create-app@latest free-layout
|
||||
|
||||
## 源码
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-free-layout
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-free-layout
|
||||
|
||||
|
||||
## 功能介绍
|
||||
|
||||
@ -17,4 +17,4 @@ npx @flowgram.ai/create-app@latest free-layout-simple
|
||||
|
||||
## 源码
|
||||
|
||||
https://github.com/coze-dev/flowgram.ai/tree/main/apps/demo-free-layout-simple
|
||||
https://github.com/bytedance/flowgram.ai/tree/main/apps/demo-free-layout-simple
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
```tsx pure
|
||||
|
||||
/**
|
||||
* from: https://github.com/coze-dev/flowgram.ai/blob/main/packages/canvas-engine/core/src/plugin/plugin.ts
|
||||
* from: https://github.com/bytedance/flowgram.ai/blob/main/packages/canvas-engine/core/src/plugin/plugin.ts
|
||||
*/
|
||||
import { ContainerModule, interfaces } from 'inversify';
|
||||
|
||||
|
||||
@ -407,15 +407,15 @@ export const HistoryList = () => {
|
||||
```
|
||||
|
||||
## 3. API 列表
|
||||
### 3.1. [OperationMeta](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/interfaces/OperationMeta.html)
|
||||
### 3.1. [OperationMeta](https://flowgram.aiauto-docs/fixed-history-plugin/interfaces/OperationMeta.html)
|
||||
操作元数据,用以定义一个操作
|
||||
|
||||
### 3.2. [Operation](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/interfaces/Operation.html)
|
||||
### 3.2. [Operation](https://flowgram.aiauto-docs/fixed-history-plugin/interfaces/Operation.html)
|
||||
操作数据,通过 type 和 OperationMeta 关联
|
||||
|
||||
### 3.3. [OperationService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/OperationService.html)
|
||||
### 3.3. [OperationService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/OperationService.html)
|
||||
|
||||
[onApply](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/OperationService.html#onapply)
|
||||
[onApply](https://flowgram.aiauto-docs/fixed-history-plugin/classes/OperationService.html#onapply)
|
||||
想监听某个触发的操作可以使用onApply
|
||||
|
||||
```tsx pure
|
||||
@ -425,14 +425,14 @@ useService(OperationService).onApply((op: Operation) => {
|
||||
})
|
||||
```
|
||||
|
||||
### 3.4. [HistoryService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
### 3.4. [HistoryService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryService.html)
|
||||
History 模块核心 API 暴露的Service
|
||||
|
||||
### 3.5. [UndoRedoService](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/UndoRedoService.html)
|
||||
### 3.5. [UndoRedoService](https://flowgram.aiauto-docs/fixed-history-plugin/classes/UndoRedoService.html)
|
||||
管理 UndoRedo 栈的服务
|
||||
|
||||
### 3.6. [HistoryStack](https://coze-dev.github.io/flowgram.ai/auto-docs/fixed-history-plugin/classes/HistoryStack.html)
|
||||
### 3.6. [HistoryStack](https://flowgram.aiauto-docs/fixed-history-plugin/classes/HistoryStack.html)
|
||||
历史栈,监听所有 push undo redo 操作,并记录到栈里面
|
||||
|
||||
### 3.7. [HistoryDatabase](https://coze-dev.github.io/flowgram.ai/auto-docs/history-storage/classes/HistoryDatabase.html)
|
||||
### 3.7. [HistoryDatabase](https://flowgram.aiauto-docs/history-storage/classes/HistoryDatabase.html)
|
||||
持久化数据库操作
|
||||
|
||||
@ -85,7 +85,7 @@ flowDocument.onNodeCreate(({ node }) => {
|
||||
|
||||
```
|
||||
|
||||
更多用法,详见:[Class: FlowNodeVariableData](https://coze-dev.github.io/flowgram.ai/auto-docs/editor/classes/FlowNodeVariableData.html)
|
||||
更多用法,详见:[Class: FlowNodeVariableData](https://flowgram.aiauto-docs/editor/classes/FlowNodeVariableData.html)
|
||||
|
||||
### 通过表单副作用设置输出变量
|
||||
|
||||
|
||||
@ -64,7 +64,7 @@ export function useEditorProps(
|
||||
nodeRegistries,
|
||||
/**
|
||||
* 可以通过 key 自定义 UI 组件, 比如添加按钮,这里提供了一套 semi 组件方便快速验证, 如果需要深度定制,参考:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/materials/fixed-semi-materials/src/components/index.tsx
|
||||
*/
|
||||
materials: {
|
||||
renderNodes: {
|
||||
|
||||
@ -276,7 +276,7 @@ export const BaseNode = () => {
|
||||
const { form } = useNodeRender()
|
||||
/**
|
||||
* WorkflowNodeRenderer 会添加节点拖拽事件及 端口渲染,如果要深度定制,可以看该组件源代码:
|
||||
* https://github.com/coze-dev/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
* https://github.com/bytedance/flowgram.ai/blob/main/packages/client/free-layout-editor/src/components/workflow-node-renderer.tsx
|
||||
*/
|
||||
return (
|
||||
<WorkflowNodeRenderer className="demo-free-node" node={props.node}>
|
||||
|
||||
@ -11,18 +11,18 @@ hero:
|
||||
link: /guide/introduction
|
||||
- theme: alt
|
||||
text: GitHub
|
||||
link: https://github.com/coze-dev/flowgram.ai
|
||||
link: https://github.com/bytedance/flowgram.ai
|
||||
image:
|
||||
src: /logo.png
|
||||
alt: Logo
|
||||
features:
|
||||
- title: 扣子
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://coze-dev.github.io/flowgram.ai/ref-coze.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://flowgram.airef-coze.png"/></div>
|
||||
icon: 🏃🏻♀️
|
||||
- title: 飞书低代码平台工作流
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://coze-dev.github.io/flowgram.ai/ref-apaas.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://flowgram.airef-apaas.png"/></div>
|
||||
icon: 📦
|
||||
- title: 飞书多维表格
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://coze-dev.github.io/flowgram.ai/ref-bitable.png"/></div>
|
||||
details: <div class="rspress-doc" style="height: 180px; min-height: 0px"><img class="medium-zoom-image" style="border-radius: 8px;" src="https://flowgram.airef-bitable.png"/></div>
|
||||
icon: 🎨
|
||||
---
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/core",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -6,8 +6,8 @@
|
||||
"flow",
|
||||
"engine"
|
||||
],
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-layout-core",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-layout-core",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/renderer",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/editor",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-layout-editor",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-layout-editor",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/playground-react",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
".": {
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/command",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/history-storage",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/history",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/i18n",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/reactive",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/utils",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-semi-materials",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -6,8 +6,8 @@
|
||||
"flow",
|
||||
"engine"
|
||||
],
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -6,8 +6,8 @@
|
||||
"flow",
|
||||
"engine"
|
||||
],
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -6,8 +6,8 @@
|
||||
"flow",
|
||||
"engine"
|
||||
],
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/background-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-drag-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-history-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/fixed-reactor-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-auto-layout-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"import": "./dist/esm/index.js",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-history-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-hover-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-lines-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-node-panel-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"import": "./dist/esm/index.js",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-snap-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"import": "./dist/esm/index.js",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/free-stack-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"import": "./dist/esm/index.js",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/group-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/history-node-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/i18n-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/materials-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/minimap-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"import": "./dist/esm/index.js",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/node-core-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
{
|
||||
"name": "@flowgram.ai/node-variable-plugin",
|
||||
"version": "0.1.0",
|
||||
"homepage": "https://coze-dev.github.io/flowgram.ai/",
|
||||
"repository": "https://github.com/coze-dev/flowgram.ai",
|
||||
"homepage": "https://flowgram.ai",
|
||||
"repository": "https://github.com/bytedance/flowgram.ai",
|
||||
"license": "MIT",
|
||||
"exports": {
|
||||
"types": "./dist/index.d.ts",
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user