From e9a4418c14ef68fb454300b092c413e8df259ec2 Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期六, 13 四月 2024 11:50:56 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/components/Flow/GraphComponent.jsx | 1439 +++--------------------------------------------------------
1 files changed, 78 insertions(+), 1,361 deletions(-)
diff --git a/zy-asrs-flow/src/components/Flow/GraphComponent.jsx b/zy-asrs-flow/src/components/Flow/GraphComponent.jsx
index 1a8bbb0..55d909d 100644
--- a/zy-asrs-flow/src/components/Flow/GraphComponent.jsx
+++ b/zy-asrs-flow/src/components/Flow/GraphComponent.jsx
@@ -33,27 +33,27 @@
const graph = ref.current;
- const rect = graph.addNode({
- x: 60,
- y: 60,
- width: 120,
- height: 40,
- label: '璁㈠崟绠＄悊',
- ports: commonGraphPorts,
- attrs: commonGraphAttrs,
- data: initNodeData,
- });
+ // const rect = graph.addNode({
+ // x: 60,
+ // y: 60,
+ // width: 120,
+ // height: 40,
+ // label: '璁㈠崟绠＄悊',
+ // ports: commonGraphPorts,
+ // attrs: commonGraphAttrs,
+ // data: initNodeData,
+ // });
- const rect2 = graph.addNode({
- x: 240,
- y: 240,
- width: 120,
- height: 40,
- label: '搴撳瓨绠＄悊',
- ports: commonGraphPorts,
- attrs: commonGraphAttrs,
- data: initNodeData,
- });
+ // const rect2 = graph.addNode({
+ // x: 240,
+ // y: 240,
+ // width: 120,
+ // height: 40,
+ // label: '搴撳瓨绠＄悊',
+ // ports: commonGraphPorts,
+ // attrs: commonGraphAttrs,
+ // data: initNodeData,
+ // });
graph.use(
new Snapline({
@@ -85,1342 +85,6 @@
}),
)
-
- graph.fromJSON({
- "cells": [
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "2475ea4f-f0e3-4b44-add4-7d4950ddea45",
- "zIndex": 0,
- "source": {
- "cell": "71d8bc90-558f-489f-b432-a03d7af27cdc",
- "port": "port2"
- },
- "target": {
- "cell": "c5798537-a8a0-4d79-bd76-a4f663492126",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": ""
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "2c3744b4-45ce-44a6-b169-402eaec24174",
- "zIndex": 0,
- "source": {
- "cell": "c5798537-a8a0-4d79-bd76-a4f663492126",
- "port": "port2"
- },
- "target": {
- "cell": "3ca188b2-9ffe-4528-ba6e-c1568b6d7fe6",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": ""
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "56181ccf-a41c-4cd8-82d6-e2a4bde31ba9",
- "zIndex": 0,
- "source": {
- "cell": "3ca188b2-9ffe-4528-ba6e-c1568b6d7fe6",
- "port": "port2"
- },
- "target": {
- "cell": "63db5ce0-b916-44e4-a924-a79b35afe1d1",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": true,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": "true"
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "73ca24ef-e9d4-4f18-9f06-ca49ac65962a",
- "zIndex": 0,
- "source": {
- "cell": "cc993d9b-ce11-409d-92c6-7208682dcc8b",
- "port": "port4"
- },
- "target": {
- "cell": "06d450fc-474e-4b23-b40d-c89fde446b28",
- "port": "port3"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": "false"
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "84a3a77c-79e8-4cf8-9bab-a72bbfc77f1d",
- "zIndex": 0,
- "source": {
- "cell": "cc993d9b-ce11-409d-92c6-7208682dcc8b",
- "port": "port2"
- },
- "target": {
- "cell": "cd9da0a4-5c2d-4f1b-9c51-403b32f1ad51",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": true,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": "true"
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "93d65ae7-f170-466a-92ea-f69614002800",
- "zIndex": 0,
- "source": {
- "cell": "c844f3d1-02a3-47d3-bcb9-51027c1deb1c",
- "port": "port2"
- },
- "target": {
- "cell": "cc993d9b-ce11-409d-92c6-7208682dcc8b",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": ""
- }
- }
- }
- ]
- },
- {
- "shape": "edge",
- "attrs": {
- "line": {
- "stroke": "#A2B1C3",
- "targetMarker": {
- "name": "block",
- "width": 12,
- "height": 8
- }
- }
- },
- "id": "de85103e-80ac-4c88-92de-5bb1a131788c",
- "zIndex": 0,
- "source": {
- "cell": "63db5ce0-b916-44e4-a924-a79b35afe1d1",
- "port": "port2"
- },
- "target": {
- "cell": "c844f3d1-02a3-47d3-bcb9-51027c1deb1c",
- "port": "port1"
- },
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "labels": [
- {
- "attrs": {
- "label": {
- "text": ""
- }
- }
- }
- ]
- },
- {
- "position": {
- "x": 60,
- "y": 60
- },
- "size": {
- "width": 120,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "璁㈠崟绠＄悊"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "a4962b5d-6ef0-4217-bbf8-742652ffc0ee",
- "data": {
- "codeContent": null,
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 1,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 260,
- "y": 390
- },
- "size": {
- "width": 120,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "搴撳瓨绠＄悊"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "63db5ce0-b916-44e4-a924-a79b35afe1d1",
- "data": {
- "codeContent": "2222",
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 2,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 270,
- "y": 265
- },
- "size": {
- "width": 100,
- "height": 60
- },
- "attrs": {
- "text": {
- "text": "閫昏緫鍒ゆ柇1"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "path",
- "id": "3ca188b2-9ffe-4528-ba6e-c1568b6d7fe6",
- "data": {
- "codeContent": "閫昏緫鍒ゆ柇1",
- "root": false,
- "isLogic": true,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 3,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 300,
- "y": 30
- },
- "size": {
- "width": 80,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "绋嬪簭鍏ュ彛"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "71d8bc90-558f-489f-b432-a03d7af27cdc",
- "data": {
- "codeContent": null,
- "root": true,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 4,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 300,
- "y": 110
- },
- "size": {
- "width": 80,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "甯哥敤缁勪欢"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "c5798537-a8a0-4d79-bd76-a4f663492126",
- "data": {
- "codeContent": "1111",
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 5,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 280,
- "y": 511
- },
- "size": {
- "width": 80,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "甯哥敤缁勪欢2"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "c844f3d1-02a3-47d3-bcb9-51027c1deb1c",
- "data": {
- "codeContent": "甯哥敤缁勪欢2",
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 6,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 270,
- "y": 620
- },
- "size": {
- "width": 100,
- "height": 60
- },
- "attrs": {
- "text": {
- "text": "閫昏緫鍒ゆ柇2"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "path",
- "id": "cc993d9b-ce11-409d-92c6-7208682dcc8b",
- "data": {
- "codeContent": "閫昏緫鍒ゆ柇2",
- "root": false,
- "isLogic": true,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 7,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 280,
- "y": 781
- },
- "size": {
- "width": 80,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "甯哥敤缁勪欢3"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "cd9da0a4-5c2d-4f1b-9c51-403b32f1ad51",
- "data": {
- "codeContent": "甯哥敤缁勪欢3",
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 8,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- },
- {
- "position": {
- "x": 472,
- "y": 640
- },
- "size": {
- "width": 80,
- "height": 40
- },
- "attrs": {
- "text": {
- "text": "甯哥敤缁勪欢4"
- },
- "body": {
- "fill": "#efefef",
- "stroke": "#4d4d4d",
- "strokeWidth": 2,
- "refD": "M 50 0 L 100 50 L 50 100 L 0 50 Z"
- }
- },
- "visible": true,
- "shape": "rect",
- "id": "06d450fc-474e-4b23-b40d-c89fde446b28",
- "data": {
- "codeContent": "甯哥敤缁勪欢4",
- "root": false,
- "isLogic": false,
- "logicBool": false,
- "searchLogicId": 1,
- "searchLogicBool": true,
- "searchIndex": 0
- },
- "zIndex": 9,
- "ports": {
- "groups": {
- "top": {
- "position": "top",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "bottom": {
- "position": "bottom",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "left": {
- "position": "left",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- },
- "right": {
- "position": "right",
- "attrs": {
- "circle": {
- "r": 5,
- "magnet": true,
- "stroke": "#5F95FF",
- "strokeWidth": 1,
- "fill": "#fff",
- "style": {
- "visibility": "hidden"
- }
- }
- }
- }
- },
- "items": [
- {
- "id": "port1",
- "group": "top"
- },
- {
- "id": "port2",
- "group": "bottom"
- },
- {
- "id": "port3",
- "group": "left"
- },
- {
- "id": "port4",
- "group": "right"
- }
- ]
- }
- }
- ]
- })
-
-
props.initHandle();//閫氱煡鐖剁粍浠跺垵濮嬪寲瀹屾垚
return graph;
}
@@ -1440,6 +104,10 @@
{
name: 'group1',
title: '甯哥敤缁勪欢',
+ },
+ {
+ name: 'group2',
+ title: '閫昏緫缁勪欢'
}
],
})
@@ -1468,9 +136,57 @@
data: initNodeData,
})
- const n3Data = JSON.parse(JSON.stringify(initNodeData))
- n3Data.isLogic = true;//閫昏緫鍒ゆ柇
- const n3 = graph.createNode({
+ const crnData = JSON.parse(JSON.stringify(initNodeData))
+ crnData.type = "crn";
+ const crnStencil = graph.createNode({
+ shape: "rect",
+ width: 80,
+ height: 40,
+ label: "鍫嗗灈鏈虹粍浠�",
+ attrs: commonGraphAttrs,
+ ports: commonGraphPorts,
+ data: crnData,
+ })
+
+ const shuttleData = JSON.parse(JSON.stringify(initNodeData))
+ shuttleData.type = "shuttle";
+ const shuttleStencil = graph.createNode({
+ shape: "rect",
+ width: 80,
+ height: 40,
+ label: "鍥涘悜杞︾粍浠�",
+ attrs: commonGraphAttrs,
+ ports: commonGraphPorts,
+ data: shuttleData,
+ })
+
+ const liftData = JSON.parse(JSON.stringify(initNodeData))
+ liftData.type = "lift";
+ const liftStencil = graph.createNode({
+ shape: "rect",
+ width: 80,
+ height: 40,
+ label: "鎻愬崌鏈虹粍浠�",
+ attrs: commonGraphAttrs,
+ ports: commonGraphPorts,
+ data: liftData,
+ })
+
+ const devpData = JSON.parse(JSON.stringify(initNodeData))
+ devpData.type = "devp";
+ const devpStencil = graph.createNode({
+ shape: "rect",
+ width: 80,
+ height: 40,
+ label: "杈撻�佺嚎缁勪欢",
+ attrs: commonGraphAttrs,
+ ports: commonGraphPorts,
+ data: devpData,
+ })
+
+ const logicStencilData = JSON.parse(JSON.stringify(initNodeData))
+ logicStencilData.isLogic = true;//閫昏緫鍒ゆ柇
+ const logicStencil = graph.createNode({
shape: 'path',
width: 100,
height: 60,
@@ -1479,10 +195,11 @@
attrs: commonGraphAttrs,
label: '閫昏緫鍒ゆ柇',
ports: commonGraphPorts,
- data: n3Data,
+ data: logicStencilData,
})
- stencil.load([n1, n2, n3], 'group1')
+ stencil.load([n1, n2, crnStencil, shuttleStencil, liftStencil, devpStencil], 'group1')
+ stencil.load([logicStencil], 'group2')
}
function initBind(graph) {
--
Gitblit v1.9.1