78 lines
2.5 KiB
TypeScript
78 lines
2.5 KiB
TypeScript
/*
|
||
* Copyright 2025 coze-dev Authors
|
||
*
|
||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
* you may not use this file except in compliance with the License.
|
||
* You may obtain a copy of the License at
|
||
*
|
||
* http://www.apache.org/licenses/LICENSE-2.0
|
||
*
|
||
* Unless required by applicable law or agreed to in writing, software
|
||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
* See the License for the specific language governing permissions and
|
||
* limitations under the License.
|
||
*/
|
||
|
||
import React, { useCallback, useMemo } from 'react';
|
||
|
||
import { type interfaces } from 'inversify';
|
||
import { FlowRendererContainerModule } from '@flowgram-adapter/free-layout-editor';
|
||
import { createNodeCorePlugin } from '@flowgram-adapter/free-layout-editor';
|
||
import { createFreeStackPlugin } from '@flowgram-adapter/free-layout-editor';
|
||
import { createFreeAutoLayoutPlugin } from '@flowgram-adapter/free-layout-editor';
|
||
import { FlowDocumentContainerModule } from '@flowgram-adapter/free-layout-editor';
|
||
import {
|
||
PlaygroundReactProvider,
|
||
type Plugin,
|
||
} from '@flowgram-adapter/free-layout-editor';
|
||
import { WorkflowDocumentContainerModule } from '@flowgram-adapter/free-layout-editor';
|
||
|
||
import { WorkflowRenderContainerModule } from './workflow-render-container-module';
|
||
import { WorkflowLoader } from './workflow-loader';
|
||
|
||
export interface WorkflowRenderProviderProps {
|
||
children: React.ReactElement;
|
||
containerModules?: interfaces.ContainerModule[];
|
||
preset?: () => Plugin[];
|
||
parentContainer?: interfaces.Container;
|
||
}
|
||
|
||
/**
|
||
* 画布引擎渲染
|
||
*/
|
||
export const WorkflowRenderProvider = (props: WorkflowRenderProviderProps) => {
|
||
const modules = useMemo(
|
||
() => [
|
||
FlowDocumentContainerModule, // 默认文档
|
||
FlowRendererContainerModule, // 默认渲染
|
||
// FlowActivitiesContainerModule, // 这是固定画布的 module，目前不需要依赖
|
||
WorkflowDocumentContainerModule, // 扩展文档
|
||
WorkflowRenderContainerModule, // 扩展渲染
|
||
...(props.containerModules || []),
|
||
],
|
||
[],
|
||
);
|
||
|
||
const preset = useCallback(
|
||
() => [
|
||
createFreeAutoLayoutPlugin({}),
|
||
createFreeStackPlugin({}), // 渲染层级管理
|
||
createNodeCorePlugin({}),
|
||
...(props.preset?.() || []),
|
||
],
|
||
[],
|
||
);
|
||
|
||
return (
|
||
<PlaygroundReactProvider
|
||
containerModules={modules}
|
||
plugins={preset}
|
||
parentContainer={props.parentContainer}
|
||
>
|
||
<WorkflowLoader />
|
||
{props.children}
|
||
</PlaygroundReactProvider>
|
||
);
|
||
};
|