three.js/examples/jsm/node-editor/math/OperatorEditor.js

import { ObjectNode } from '../core/ObjectNode.js';
import { SelectInput, LabelElement } from '../../libs/flow.module.js';
import { OperatorNode, FloatNode } from '../../renderers/nodes/Nodes.js';

const NULL_VALUE = new FloatNode();

export class OperatorEditor extends ObjectNode {

	constructor() {

		const node = new OperatorNode( '+', NULL_VALUE, NULL_VALUE );

		super( 'Float', 1, node );

		this.title.setStyle( 'green' );

		const opInput = new SelectInput( [
			{ name: '+ Addition', value: '+' },
			{ name: '- Subtraction', value: '-' },
			{ name: '* Multiplication', value: '*' },
			{ name: '/ Division', value: '/' }
		] );

		opInput.onChange( ( data ) => {

			node.op = data.getValue();

			this.invalidate();

		} );

		const aElement = new LabelElement( 'A' ).setInput( 3 );
		const bElement = new LabelElement( 'B' ).setInput( 3 );

		aElement.onConnect( () => {

			node.aNode = aElement.linkedExtra || NULL_VALUE;

		} );

		bElement.onConnect( () => {

			node.bNode = bElement.linkedExtra || NULL_VALUE;

		} );

		this.add( new LabelElement( 'Operator' ).add( opInput ) )
			.add( aElement )
			.add( bElement );

	}

}