基于mxgraph的流程建模js框架

【实例简介】
基于mxgraph的流程建模js框架，部分实现了fireflow的建模环境
【实例截图】
【核心代码】
mxgraph
└── mxgraph
├── src
│   └── LeaveApplicationProcess.xml
└── WebRoot
├── editors
│   ├── config
│   │   ├── diagrameditor.xml
│   │   ├── editor-commons.xml
│   │   ├── keyhandler-commons.xml
│   │   ├── keyhandler-minimal.xml
│   │   ├── layouteditor.xml
│   │   ├── processeditor.xml
│   │   ├── wfeditor-commons.xml
│   │   ├── wfgraph-commons.xml
│   │   ├── wftoolbar-commons.xml
│   │   └── workfloweditor.xml
│   ├── css
│   │   ├── grapheditor.css
│   │   ├── grapheditor_.css
│   │   ├── process.css
│   │   ├── wordpress.css
│   │   └── wordpress_.css
│   ├── diagrameditor.html
│   ├── diagrams
│   │   ├── empty.xml
│   │   ├── swimlanes.xml
│   │   ├── travel-booking.xml
│   │   └── withdrawal.xml
│   ├── grapheditor-gears.html
│   ├── grapheditor.html
│   ├── help
│   │   ├── index-all.html
│   │   └── index.html
│   ├── images
│   │   ├── actor.gif
│   │   ├── alignbottom.gif
│   │   ├── aligncenter.gif
│   │   ├── alignleft.gif
│   │   ├── alignmiddle.gif
│   │   ├── alignright.gif
│   │   ├── aligntop.gif
│   │   ├── arrow.gif
│   │   ├── bell.png
│   │   ├── block_end.gif
│   │   ├── block_start.gif
│   │   ├── bold.gif
│   │   ├── bottom.gif
│   │   ├── box.png
│   │   ├── camera.gif
│   │   ├── center.gif
│   │   ├── classic_end.gif
│   │   ├── classic_start.gif
│   │   ├── cloud.gif
│   │   ├── collapse.gif
│   │   ├── connect.gif
│   │   ├── connector.gif
│   │   ├── console.gif
│   │   ├── copy.gif
│   │   ├── cube_green.png
│   │   ├── cut.gif
│   │   ├── cylinder.gif
│   │   ├── delete.gif
│   │   ├── diagram.gif
│   │   ├── diamond_end.gif
│   │   ├── diamond_start.gif
│   │   ├── doubleellipse.gif
│   │   ├── down.gif
│   │   ├── draw
│   │   │   ├── drawbgcolor.jpg
│   │   │   ├── drawbg.jpg
│   │   │   ├── drawfooter.jpg
│   │   │   ├── drawheader.jpg
│   │   │   └── mxlogo.jpg
│   │   ├── dude3.png
│   │   ├── earth.png
│   │   ├── ellipse.gif
│   │   ├── entity.gif
│   │   ├── expand.gif
│   │   ├── fillcolor.gif
│   │   ├── fit.gif
│   │   ├── fontcolor.gif
│   │   ├── font.gif
│   │   ├── gear.gif
│   │   ├── gear.png
│   │   ├── grid.gif
│   │   ├── group.gif
│   │   ├── help.gif
│   │   ├── hexagon.gif
│   │   ├── hline.gif
│   │   ├── house.gif
│   │   ├── house.png
│   │   ├── image.gif
│   │   ├── italic.gif
│   │   ├── left.gif
│   │   ├── linecolor.gif
│   │   ├── link.gif
│   │   ├── loading.gif
│   │   ├── middle.gif
│   │   ├── new.gif
│   │   ├── open_end.gif
│   │   ├── open.gif
│   │   ├── open_start.gif
│   │   ├── outline.gif
│   │   ├── oval_end.gif
│   │   ├── oval_start.gif
│   │   ├── overlays
│   │   │   ├── check.png
│   │   │   ├── error.png
│   │   │   ├── flash.png
│   │   │   ├── forbidden.png
│   │   │   ├── help.png
│   │   │   ├── house.png
│   │   │   ├── information.png
│   │   │   ├── lightbulb_on.png
│   │   │   ├── pencil.png
│   │   │   ├── printer.png
│   │   │   ├── user3.png
│   │   │   ├── users3.png
│   │   │   └── workplace.png
│   │   ├── package.png
│   │   ├── pan.gif
│   │   ├── paste.gif
│   │   ├── plain.gif
│   │   ├── preferences.gif
│   │   ├── press.gif
│   │   ├── preview.gif
│   │   ├── printer.png
│   │   ├── print.gif
│   │   ├── properties.gif
│   │   ├── rectangle.gif
│   │   ├── redo.gif
│   │   ├── refresh.gif
│   │   ├── rhombus.gif
│   │   ├── right.gif
│   │   ├── rounded.gif
│   │   ├── saveas.gif
│   │   ├── save.gif
│   │   ├── script.gif
│   │   ├── select.gif
│   │   ├── server.png
│   │   ├── straight.gif
│   │   ├── swimlane.gif
│   │   ├── symbols
│   │   │   ├── cancel_end.png
│   │   │   ├── cancel_intermediate.png
│   │   │   ├── error.png
│   │   │   ├── event_end.png
│   │   │   ├── event_intermediate.png
│   │   │   ├── event.png
│   │   │   ├── fork.png
│   │   │   ├── inclusive.png
│   │   │   ├── link.png
│   │   │   ├── merge.png
│   │   │   ├── message_end.png
│   │   │   ├── message_intermediate.png
│   │   │   ├── message.png
│   │   │   ├── multiple.png
│   │   │   ├── rule.png
│   │   │   ├── small_cancel_end.gif
│   │   │   ├── small_cancel_intermediate.gif
│   │   │   ├── small_error.gif
│   │   │   ├── small_event_end.gif
│   │   │   ├── small_event.gif
│   │   │   ├── small_event_intermediate.gif
│   │   │   ├── small_fork.gif
│   │   │   ├── small_inclusive.gif
│   │   │   ├── small_link.gif
│   │   │   ├── small_merge.gif
│   │   │   ├── small_message_end.gif
│   │   │   ├── small_message.gif
│   │   │   ├── small_message_intermediate.gif
│   │   │   ├── small_multiple.gif
│   │   │   ├── small_rule.gif
│   │   │   ├── small_terminate.gif
│   │   │   ├── small_timer.gif
│   │   │   ├── terminate.png
│   │   │   └── timer.png
│   │   ├── tasks.gif
│   │   ├── text.gif
│   │   ├── toback.gif
│   │   ├── tofront.gif
│   │   ├── toolbar.gif
│   │   ├── top.gif
│   │   ├── tree.gif
│   │   ├── triangle.gif
│   │   ├── underline.gif
│   │   ├── undo.gif
│   │   ├── ungroup.gif
│   │   ├── up.gif
│   │   ├── vertical.gif
│   │   ├── workplace.png
│   │   ├── wrench.png
│   │   ├── zoomactual.gif
│   │   ├── zoom.gif
│   │   ├── zoomin.gif
│   │   └── zoomout.gif
│   ├── js
│   │   ├── DiagramPanel.js
│   │   ├── DiagramStore.js
│   │   ├── GraphEditor.js
│   │   ├── LibraryPanel.js
│   │   ├── MainPanel.js
│   │   └── mxApplication.js
│   ├── layouteditor.html
│   ├── processeditor.html
│   ├── resources
│   │   ├── basic-style.xml
│   │   ├── default-style.xml
│   │   ├── mxApplication_de.properties
│   │   ├── mxApplication.properties
│   │   └── mxApplication_zh.properties
│   └── workfloweditor.html
├── editors_ff
│   ├── config
│   │   ├── diagrameditor.xml
│   │   ├── editor-commons.xml
│   │   └── keyhandler-commons.xml
│   ├── css
│   │   ├── grapheditor.css
│   │   └── wordpress.css
│   ├── diagrameditor.html
│   ├── images
│   │   ├── actor.gif
│   │   ├── arrow.gif
│   │   ├── bold.gif
│   │   ├── cloud.gif
│   │   ├── collapse.gif
│   │   ├── connect.gif
│   │   ├── connector.gif
│   │   ├── console.gif
│   │   ├── copy.gif
│   │   ├── cut.gif
│   │   ├── cylinder.gif
│   │   ├── delete.gif
│   │   ├── doubleellipse.gif
│   │   ├── down.gif
│   │   ├── draw
│   │   │   ├── drawbg.jpg
│   │   │   ├── drawfooter.jpg
│   │   │   └── drawheader.jpg
│   │   ├── ellipse.gif
│   │   ├── end.gif
│   │   ├── expand.gif
│   │   ├── fillcolor.gif
│   │   ├── fireflow
│   │   │   ├── activities16.gif
│   │   │   ├── activity16-2.gif
│   │   │   ├── activity16.gif
│   │   │   ├── activity_manual_16.gif
│   │   │   ├── activity_subflow_16.gif
│   │   │   ├── activity_tool_16.gif
│   │   │   ├── application16.gif
│   │   │   ├── application16_new.gif
│   │   │   ├── arrow16.gif
│   │   │   ├── clear_16.gif
│   │   │   ├── complete_workitem_16.gif
│   │   │   ├── complete_workitem_as_16.gif
│   │   │   ├── datafield16-2.gif
│   │   │   ├── datafield16.gif
│   │   │   ├── emptyactivity.gif
│   │   │   ├── endNode16.gif
│   │   │   ├── endNode9.gif
│   │   │   ├── foldclose_16.gif
│   │   │   ├── foldopen_16.gif
│   │   │   ├── go16.gif
│   │   │   ├── jumpTo_16.gif
│   │   │   ├── jumpTo_as_16.gif
│   │   │   ├── logo2.jpg
│   │   │   ├── logo.gif
│   │   │   ├── loop16-2.gif
│   │   │   ├── loop16.gif
│   │   │   ├── loopTo_16.gif
│   │   │   ├── loopTo_as_16.gif
│   │   │   ├── manual16.gif
│   │   │   ├── manual_task_16.gif
│   │   │   ├── reject16.gif
│   │   │   ├── run_auto_16.gif
│   │   │   ├── run_step_by_step_16.gif
│   │   │   ├── sign_workitem_16.gif
│   │   │   ├── sign_workitem_as_16.gif
│   │   │   ├── startNode16-2.gif
│   │   │   ├── startNode16.gif
│   │   │   ├── stop_16.gif
│   │   │   ├── subflow_task_16.gif
│   │   │   ├── synchronizer16-3.gif
│   │   │   ├── synchronizer16.gif
│   │   │   ├── task16.gif
│   │   │   ├── taskRef16-3.gif
│   │   │   ├── taskRef16.gif
│   │   │   ├── Thumbs.db
│   │   │   ├── tool_task_16.gif
│   │   │   ├── transition16-5.gif
│   │   │   ├── transition16.gif
│   │   │   ├── Version.class
│   │   │   ├── version.properties
│   │   │   ├── withdraw16.gif
│   │   │   └── workflowprocess16.gif
│   │   ├── fontcolor.gif
│   │   ├── formtask.gif
│   │   ├── group.gif
│   │   ├── help.gif
│   │   ├── hexagon.gif
│   │   ├── hline.gif
│   │   ├── image.gif
│   │   ├── italic.gif
│   │   ├── linecolor.gif
│   │   ├── link.gif
│   │   ├── loading.gif
│   │   ├── outline.gif
│   │   ├── pan.gif
│   │   ├── paste.gif
│   │   ├── preview.gif
│   │   ├── print.gif
│   │   ├── properties.gif
│   │   ├── rectangle.gif
│   │   ├── redo.gif
│   │   ├── rhombus.gif
│   │   ├── rounded.gif
│   │   ├── save.gif
│   │   ├── select.gif
│   │   ├── start.gif
│   │   ├── straight.gif
│   │   ├── swimlane.gif
│   │   ├── symbols
│   │   │   ├── cancel_end.png
│   │   │   ├── cancel_intermediate.png
│   │   │   ├── error.png
│   │   │   ├── event_end.png
│   │   │   ├── event_intermediate.png
│   │   │   ├── event.png
│   │   │   ├── fork.png
│   │   │   ├── inclusive.png
│   │   │   ├── link.png
│   │   │   ├── merge.png
│   │   │   ├── message_end.png
│   │   │   ├── message_intermediate.png
│   │   │   ├── message.png
│   │   │   ├── multiple.png
│   │   │   ├── rule.png
│   │   │   ├── small_cancel_end.gif
│   │   │   ├── small_cancel_intermediate.gif
│   │   │   ├── small_error.gif
│   │   │   ├── small_event_end.gif
│   │   │   ├── small_event.gif
│   │   │   ├── small_event_intermediate.gif
│   │   │   ├── small_fork.gif
│   │   │   ├── small_inclusive.gif
│   │   │   ├── small_link.gif
│   │   │   ├── small_merge.gif
│   │   │   ├── small_message_end.gif
│   │   │   ├── small_message.gif
│   │   │   ├── small_message_intermediate.gif
│   │   │   ├── small_terminate.gif
│   │   │   ├── small_timer.gif
│   │   │   ├── terminate.png
│   │   │   └── timer.png
│   │   ├── synchronizer.gif
│   │   ├── tasks.gif
│   │   ├── text.gif
│   │   ├── toback.gif
│   │   ├── tofront.gif
│   │   ├── triangle.gif
│   │   ├── undo.gif
│   │   ├── ungroup.gif
│   │   ├── up.gif
│   │   ├── zoomactual.gif
│   │   ├── zoom.gif
│   │   ├── zoomin.gif
│   │   └── zoomout.gif
│   ├── js
│   │   └── mxApplication.js
│   └── resources
│   ├── mxApplication.properties
│   └── mxApplication_zh.properties
├── images
│   ├── check.png
│   ├── icons48
│   │   ├── earth.png
│   │   ├── gear.png
│   │   ├── keys.png
│   │   ├── mail_new.png
│   │   └── server.png
│   ├── key.png
│   ├── plus.png
│   └── spacer.gif
└── src
├── css
│   ├── common.css
│   └── explorer.css
├── images
│   ├── button.gif
│   ├── close.gif
│   ├── collapsed.gif
│   ├── error.gif
│   ├── expanded.gif
│   ├── maximize.gif
│   ├── minimize.gif
│   ├── normalize.gif
│   ├── point.gif
│   ├── resize.gif
│   ├── separator.gif
│   ├── submenu.gif
│   ├── transparent.gif
│   ├── warning.gif
│   ├── warning.png
│   ├── window.gif
│   └── window-title.gif
├── js
│   ├── editor
│   │   ├── mxDefaultKeyHandler.js
│   │   ├── mxDefaultPopupMenu.js
│   │   ├── mxDefaultToolbar.js
│   │   └── mxEditor.js
│   ├── handler
│   │   ├── mxCellHighlight.js
│   │   ├── mxCellMarker.js
│   │   ├── mxCellTracker.js
│   │   ├── mxConnectionHandler.js
│   │   ├── mxConstraintHandler.js
│   │   ├── mxEdgeHandler.js
│   │   ├── mxElbowEdgeHandler.js
│   │   ├── mxGraphHandler.js
│   │   ├── mxKeyHandler.js
│   │   ├── mxPanningHandler.js
│   │   ├── mxRubberband.js
│   │   ├── mxSelectionCellsHandler.js
│   │   ├── mxTooltipHandler.js
│   │   └── mxVertexHandler.js
│   ├── io
│   │   ├── mxChildChange.js
│   │   ├── mxCodec.js
│   │   ├── mxCodecRegistry.js
│   │   ├── mxCodecRegistry_.js
│   │   ├── mxObjectCodec.js
│   │   ├── mxRootChange.js
│   │   └── mxTerminalChange.js
│   ├── layout
│   │   ├── hierarchical
│   │   │   ├── model
│   │   │   │   ├── mxGraphAbstractHierarchyCell.js
│   │   │   │   ├── mxGraphHierarchyEdge.js
│   │   │   │   ├── mxGraphHierarchyModel.js
│   │   │   │   └── mxGraphHierarchyNode.js
│   │   │   ├── mxHierarchicalLayout.js
│   │   │   └── stage
│   │   │   ├── mxCoordinateAssignment.js
│   │   │   ├── mxHierarchicalLayoutStage.js
│   │   │   ├── mxMedianHybridCrossingReduction.js
│   │   │   └── mxMinimumCycleRemover.js
│   │   ├── mxCircleLayout.js
│   │   ├── mxCompactTreeLayout.js
│   │   ├── mxCompositeLayout.js
│   │   ├── mxEdgeLabelLayout.js
│   │   ├── mxFastOrganicLayout.js
│   │   ├── mxGraphLayout.js
│   │   ├── mxParallelEdgeLayout.js
│   │   ├── mxPartitionLayout.js
│   │   └── mxStackLayout.js
│   ├── MedianCellSorter.js
│   ├── model
│   │   ├── mxCell.js
│   │   ├── mxCellPath.js
│   │   ├── mxGeometry.js
│   │   └── mxGraphModel.js
│   ├── mxCellAttributeChange.js
│   ├── mxclient-ff-1409.js
│   ├── mxclient-ie-1409.js
│   ├── mxclient.js
│   ├── mxCollapseChange.js
│   ├── mxCurrentRootChange.js
│   ├── mxGeometryChange.js
│   ├── mxSelectionChange.js
│   ├── mxStyleChange.js
│   ├── mxTerminalChange.js
│   ├── mxValueChange.js
│   ├── mxVisibleChange.js
│   ├── prototype.js
│   ├── shape
│   │   ├── mxActor.js
│   │   ├── mxArrow.js
│   │   ├── mxCloud.js
│   │   ├── mxConnector.js
│   │   ├── mxCylinder.js
│   │   ├── mxDoubleEllipse.js
│   │   ├── mxEllipse.js
│   │   ├── mxEnd.js
│   │   ├── mxHexagon.js
│   │   ├── mxImageShape.js
│   │   ├── mxLabel.js
│   │   ├── mxLine.js
│   │   ├── mxPolyline.js
│   │   ├── mxRectangleShape.js
│   │   ├── mxRhombus.js
│   │   ├── mxShape.js
│   │   ├── mxStart.js
│   │   ├── mxSwimlane.js
│   │   ├── mxSynchronizer.js
│   │   ├── mxText.js
│   │   ├── mxTriangle.js
│   │   └── raphael.js
│   ├── util
│   │   ├── mxAnimation.js
│   │   ├── mxAutoSaveManager.js
│   │   ├── mxClipboard.js
│   │   ├── mxConstants.js
│   │   ├── mxDictionary.js
│   │   ├── mxDivResizer.js
│   │   ├── mxEffects.js
│   │   ├── mxEvent.js
│   │   ├── mxEventObject.js
│   │   ├── mxEventSource.js
│   │   ├── mxForm.js
│   │   ├── mxImage.js
│   │   ├── mxLog.js
│   │   ├── mxMorphing.js
│   │   ├── mxMouseEvent.js
│   │   ├── mxObjectIdentity.js
│   │   ├── mxPath.js
│   │   ├── mxPoint.js
│   │   ├── mxPopupMenu.js
│   │   ├── mxRectangle.js
│   │   ├── mxResources.js
│   │   ├── mxSession.js
│   │   ├── mxToolbar.js
│   │   ├── mxUndoableEdit.js
│   │   ├── mxUndoManager.js
│   │   ├── mxUtils.js
│   │   ├── mxWindow.js
│   │   └── mxXmlRequest.js
│   ├── view
│   │   ├── mxCellEditor.js
│   │   ├── mxCellOverlay.js
│   │   ├── mxCellRenderer.js
│   │   ├── mxCellState.js
│   │   ├── mxCellStatePreview.js
│   │   ├── mxConnectionConstraint.js
│   │   ├── mxEdgeStyle.js
│   │   ├── mxGraph.js
│   │   ├── mxGraphSelectionModel.js
│   │   ├── mxGraphView.js
│   │   ├── mxLayoutManager.js
│   │   ├── mxMultiplicity.js
│   │   ├── mxOutline.js
│   │   ├── mxPerimeter.js
│   │   ├── mxPrintPreview.js
│   │   ├── mxSpaceManager.js
│   │   ├── mxStyleRegistry.js
│   │   ├── mxStylesheet.js
│   │   ├── mxSwimlaneManager.js
│   │   └── mxTemporaryCellStates.js
│   └── WeightedCellSorter.js
└── resources
├── editor.properties
└── graph.properties

41 directories, 513 files