tachybase_todo/packages/plugins/workflow/src/client/WorkflowProvider.tsx
chenos 883f1e6fd1
fix: eslint (#1759)
* fix: eslint

* fix: eslint --fix

* fix: changelog
2023-04-25 13:12:14 +08:00

124 lines
3.6 KiB
TypeScript

import React, { useContext } from 'react';
import { Card } from 'antd';
import {
CollectionManagerContext,
PluginManagerContext,
RouteSwitchContext,
SchemaComponent,
SchemaComponentOptions,
SettingsCenterProvider,
registerField,
useCollectionDataSource,
} from '@nocobase/client';
import { WorkflowPage } from './WorkflowPage';
import { ExecutionPage } from './ExecutionPage';
import { triggers } from './triggers';
import { instructions } from './nodes';
import { lang } from './locale';
import { workflowSchema } from './schemas/workflows';
import { WorkflowLink } from './WorkflowLink';
import { ExecutionResourceProvider } from './ExecutionResourceProvider';
import { ExecutionLink } from './ExecutionLink';
import OpenDrawer from './components/OpenDrawer';
import { WorkflowTodo } from './nodes/manual/WorkflowTodo';
import { WorkflowTodoBlockInitializer } from './nodes/manual/WorkflowTodoBlockInitializer';
import { DynamicExpression } from './components/DynamicExpression';
import expressionField from './interfaces/expression';
// registerField(expressionField.group, 'expression', expressionField);
export const WorkflowContext = React.createContext({});
export function useWorkflowContext() {
return useContext(WorkflowContext);
}
function WorkflowPane() {
return (
<Card bordered={false}>
<SchemaComponent
schema={workflowSchema}
components={{
WorkflowLink,
ExecutionResourceProvider,
ExecutionLink,
OpenDrawer,
}}
/>
</Card>
);
}
export const WorkflowProvider = (props) => {
const pmCtx = useContext(PluginManagerContext);
const cmCtx = useContext(CollectionManagerContext);
const { routes, components, ...others } = useContext(RouteSwitchContext);
routes[1].routes.unshift(
{
type: 'route',
path: '/admin/settings/workflow/workflows/:id',
component: 'WorkflowPage',
},
{
type: 'route',
path: '/admin/settings/workflow/executions/:id',
component: 'ExecutionPage',
},
);
return (
<SettingsCenterProvider
settings={{
workflow: {
icon: 'PartitionOutlined',
// title: `{{t("Workflow", { ns: "${NAMESPACE}" })}}`,
title: lang('Workflow'),
tabs: {
workflows: {
isBookmark: true,
title: lang('Workflow'),
component: WorkflowPane,
},
},
},
}}
>
<PluginManagerContext.Provider
value={{
components: {
...pmCtx?.components,
// WorkflowShortcut,
},
}}
>
<RouteSwitchContext.Provider
value={{ components: { ...components, WorkflowPage, ExecutionPage }, ...others, routes }}
>
<SchemaComponentOptions
components={{
WorkflowTodo,
WorkflowTodoBlockInitializer,
DynamicExpression,
}}
scope={{
useCollectionDataSource,
}}
>
<CollectionManagerContext.Provider
value={{
...cmCtx,
interfaces: {
...cmCtx.interfaces,
expression: expressionField,
},
}}
>
<WorkflowContext.Provider value={{ triggers, instructions }}>{props.children}</WorkflowContext.Provider>
</CollectionManagerContext.Provider>
</SchemaComponentOptions>
</RouteSwitchContext.Provider>
</PluginManagerContext.Provider>
</SettingsCenterProvider>
);
};