jsPlumbConf jsPlumbInstance jsPlumb实例 jsPlumb默认配置default configuration jsPlumbSetting Container main 动态锚点、位置自适应 Anchors Top TopCenter TopRight TopLeft Right RightMiddle Bot

The code is using jsPlumb library to draw nodes and lines on a canvas. It initializes the jsPlumb instance and sets default configuration options. It also defines methods for handling events and manipulating the nodes and lines.

The mounted() method is called when the component is mounted, and it calls the readyFun() and initJsPlumb() methods to initialize the jsPlumb instance.

The initJsPlumb() method initializes the jsPlumb instance with the default configuration options and binds event handlers for click and beforeDrop events.

The drawLine() method is called when a node is drawn and it adds endpoints to the node and repaints the canvas.

The handleData() method is called when a node is clicked and it opens a dialog to display the node information. The saveModule() method is called when the "Save" button is clicked in the dialog, and it saves the node information.

The delModule() method is called when a node is deleted and it removes all endpoints and connections associated with the node.

The getPositionStyle() method returns the CSS style for positioning the node on the canvas.

The enlarge() and reduce() methods are called when the "Enlarge" and "Reduce" buttons are clicked, respectively, and they zoom in or out the canvas by changing the scaleNumber variable.

The handlePartsBtn() method is called when a button in the parts panel is clicked and it displays a message with the button index.

The clickDev() method is called when a node is clicked and it calls the clickDev() method in the Vue component to handle the node click event.