diff --git a/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/NodePorts.module.less b/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/NodePorts.module.less index 6cc73d6..cce8503 100644 --- a/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/NodePorts.module.less +++ b/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/NodePorts.module.less @@ -1,6 +1,6 @@ .port-type-container { border-radius: 6px; - padding: 4px 8px 4px 0px; + padding: 4px 0px 4px 0px; background-color: var(--color-bg); } diff --git a/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/index.tsx b/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/index.tsx index 671fd88..d815778 100644 --- a/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/index.tsx +++ b/packages/flow/src/Diagrams/Nodes/Node/components/NodePorts/index.tsx @@ -69,7 +69,7 @@ export function NodePorts(props: { node: Partial> }) { }); }} > - add port + add )} diff --git a/packages/flow/src/Diagrams/Operators/InputOperator/index.tsx b/packages/flow/src/Diagrams/Operators/InputOperator/index.tsx index 8d169f7..ed1bea8 100644 --- a/packages/flow/src/Diagrams/Operators/InputOperator/index.tsx +++ b/packages/flow/src/Diagrams/Operators/InputOperator/index.tsx @@ -38,10 +38,10 @@ export class InputOperator hint: 'state', }, children: [ - new EndPoint({ - type: 'source', - hint: 'state', - }), + // new EndPoint({ + // type: 'source', + // hint: 'state', + // }), ], }), new EndPoint({ @@ -54,10 +54,10 @@ export class InputOperator hint: 'event', }, children: [ - new EndPoint({ - type: 'source', - hint: 'event', - }), + // new EndPoint({ + // type: 'source', + // hint: 'event', + // }), ], }), new EndPoint({ diff --git a/packages/flow/src/Diagrams/Operators/OutputOperator/index.tsx b/packages/flow/src/Diagrams/Operators/OutputOperator/index.tsx index d494ab4..bef302d 100644 --- a/packages/flow/src/Diagrams/Operators/OutputOperator/index.tsx +++ b/packages/flow/src/Diagrams/Operators/OutputOperator/index.tsx @@ -19,10 +19,7 @@ export class OutputOperator }); } - create( - data?: Partial | undefined, - defaultProps?: Partial> | undefined, - ): Node { + create(): Node { return super.create({ endPointOptions: { endPointList: [ @@ -36,10 +33,10 @@ export class OutputOperator hint: 'state', }, children: [ - new EndPoint({ - type: 'target', - hint: 'state', - }), + // new EndPoint({ + // type: 'target', + // hint: 'state', + // }), ], }), @@ -53,10 +50,10 @@ export class OutputOperator hint: 'event', }, children: [ - new EndPoint({ - type: 'target', - hint: 'event', - }), + // new EndPoint({ + // type: 'target', + // hint: 'event', + // }), ], }), ], diff --git a/packages/flow/src/Diagrams/Panels/ConsolePanel/Demo.tsx b/packages/flow/src/Diagrams/Panels/ConsolePanel/Demo.tsx index d130e19..2cf27f0 100644 --- a/packages/flow/src/Diagrams/Panels/ConsolePanel/Demo.tsx +++ b/packages/flow/src/Diagrams/Panels/ConsolePanel/Demo.tsx @@ -159,7 +159,7 @@ export const Demo: React.FC = () => { {outputValueIds?.map(({ port }) => { return (
- + {JSON.stringify( instance?.output?.[port.variableName || '']?.current, )} diff --git a/packages/flow/src/Diagrams/Panels/LayerPanel/index.tsx b/packages/flow/src/Diagrams/Panels/LayerPanel/index.tsx index 92b1536..4c43317 100644 --- a/packages/flow/src/Diagrams/Panels/LayerPanel/index.tsx +++ b/packages/flow/src/Diagrams/Panels/LayerPanel/index.tsx @@ -2,7 +2,7 @@ import classnames from 'classnames'; import { useDiagramsContext } from '../../State/DiagramsProvider'; import { Button, Input, Modal } from 'antd'; import { type Layer } from '../../State/Layer'; -import { CustomOperator } from '../../Operators/CustomOperator'; +import { getOperatorFromOperatorType } from '../../Operators'; import css from './LayerPanel.module.less'; export function LayerPanel() { @@ -63,12 +63,16 @@ export function LayerPanel() { ), onOk() { if (name) { - const newNode = new CustomOperator({ - data: { operatorName: name }, - }); + const customOperator = + getOperatorFromOperatorType('CustomOperator'); + if (!customOperator) { + return; + } + + const newNode = customOperator?.create(); // add nodes - CustomOperator.onAfterCreate({ + customOperator.onAfterCreate({ node: newNode, currentState: { layer, diff --git a/packages/flow/tsconfig.json b/packages/flow/tsconfig.json index ac4d12b..61eaaa4 100644 --- a/packages/flow/tsconfig.json +++ b/packages/flow/tsconfig.json @@ -8,7 +8,7 @@ "ESNext" ], "allowJs": false, - "skipLibCheck": false, + "skipLibCheck": true, "esModuleInterop": false, "allowSyntheticDefaultImports": true, "strict": true,