fix: 格式化

src/graph/MxGraph.ts

@@ -1,150 +1,149 @@
-import myMxFactory from "./";
+import myMxFactory from './index'
 
-const Mx = myMxFactory({
-    mxBasePath: "/mxgraph-base",
-    mxImageBasePath: "/mxgraph-base/images",
-});
+const myMx = myMxFactory({
+  mxBasePath: '/mxgraph-base',
+  mxImageBasePath: '/mxgraph-base/images'
+})
 
 // 重命名后导出
-export const MxClient = Mx.mxClient;
-export const MxLog = Mx.mxLog;
-export const MxObjectIdentity = Mx.mxObjectIdentity;
-export const MxDictionary = Mx.mxDictionary;
-export const MxResources = Mx.mxResources;
-export const MxPoint = Mx.mxPoint;
-export const MxRectangle = Mx.mxRectangle;
-export const MxEffects = Mx.mxEffects;
-export const MxUtils = Mx.mxUtils;
-export const MxConstants = Mx.mxConstants;
-export const MxEventObject = Mx.mxEventObject;
-export const MxMouseEvent = Mx.mxMouseEvent;
-export const MxEventSource = Mx.mxEventSource;
-export const MxEvent = Mx.mxEvent;
-export const MxXmlRequest = Mx.mxXmlRequest;
-export const MxClipboard = Mx.mxClipboard;
-export const MxWindow = Mx.mxWindow;
-export const MxForm = Mx.mxForm;
-export const MxImage = Mx.mxImage;
-export const MxDivResizer = Mx.mxDivResizer;
-export const MxDragSource = Mx.mxDragSource;
-export const MxToolbar = Mx.mxToolbar;
-export const MxUndoableEdit = Mx.mxUndoableEdit;
-export const MxUndoManager = Mx.mxUndoManager;
-export const MxUrlConverter = Mx.mxUrlConverter;
-export const MxPanningManager = Mx.mxPanningManager;
-export const MxPopupMenu = Mx.mxPopupMenu;
-export const MxAutoSaveManager = Mx.mxAutoSaveManager;
-export const MxAnimation = Mx.mxAnimation;
-export const MxMorphing = Mx.mxMorphing;
-export const MxImageBundle = Mx.mxImageBundle;
-export const MxImageExport = Mx.mxImageExport;
-export const MxAbstractCanvas2D = Mx.mxAbstractCanvas2D;
-export const MxXmlCanvas2D = Mx.mxXmlCanvas2D;
-export const MxSvgCanvas2D = Mx.mxSvgCanvas2D;
-export const MxVmlCanvas2D = Mx.mxVmlCanvas2D;
-export const MxGuide = Mx.mxGuide;
-export const MxShape = Mx.mxShape;
-export const MxStencil = Mx.mxStencil;
-export const MxStencilRegistry = Mx.mxStencilRegistry;
-export const MxMarker = Mx.mxMarker;
-export const MxActor = Mx.mxActor;
-export const MxCloud = Mx.mxCloud;
-export const MxRectangleShape = Mx.mxRectangleShape;
-export const MxEllipse = Mx.mxEllipse;
-export const MxDoubleEllipse = Mx.mxDoubleEllipse;
-export const MxRhombus = Mx.mxRhombus;
-export const MxPolyline = Mx.mxPolyline;
-export const MxArrow = Mx.mxArrow;
-export const MxArrowConnector = Mx.mxArrowConnector;
-export const MxText = Mx.mxText;
-export const MxTriangle = Mx.mxTriangle;
-export const MxHexagon = Mx.mxHexagon;
-export const MxLine = Mx.mxLine;
-export const MxImageShape = Mx.mxImageShape;
-export const MxLabel = Mx.mxLabel;
-export const MxCylinder = Mx.mxCylinder;
-export const MxConnector = Mx.mxConnector;
-export const MxSwimlane = Mx.mxSwimlane;
-export const MxGraphLayout = Mx.mxGraphLayout;
-export const MxStackLayout = Mx.mxStackLayout;
-export const MxPartitionLayout = Mx.mxPartitionLayout;
-export const MxCompactTreeLayout = Mx.mxCompactTreeLayout;
-export const MxRadialTreeLayout = Mx.mxRadialTreeLayout;
-export const MxFastOrganicLayout = Mx.mxFastOrganicLayout;
-export const MxCircleLayout = Mx.mxCircleLayout;
-export const MxParallelEdgeLayout = Mx.mxParallelEdgeLayout;
-export const MxCompositeLayout = Mx.mxCompositeLayout;
-export const MxEdgeLabelLayout = Mx.mxEdgeLabelLayout;
-export const MxGraphAbstractHierarchyCell = Mx.mxGraphAbstractHierarchyCell;
-export const MxGraphHierarchyNode = Mx.mxGraphHierarchyNode;
-export const MxGraphHierarchyEdge = Mx.mxGraphHierarchyEdge;
-export const MxGraphHierarchyModel = Mx.mxGraphHierarchyModel;
-export const MxSwimlaneModel = Mx.mxSwimlaneModel;
-export const MxHierarchicalLayoutStage = Mx.mxHierarchicalLayoutStage;
-export const MxMedianHybridCrossingReduction =
-    Mx.mxMedianHybridCrossingReduction;
-export const MxMinimumCycleRemover = Mx.mxMinimumCycleRemover;
-export const MxCoordinateAssignment = Mx.mxCoordinateAssignment;
-export const MxSwimlaneOrdering = Mx.mxSwimlaneOrdering;
-export const MxHierarchicalLayout = Mx.mxHierarchicalLayout;
-export const MxSwimlaneLayout = Mx.mxSwimlaneLayout;
-export const MxGraphModel = Mx.mxGraphModel;
-export const MxCell = Mx.mxCell;
-export const MxGeometry = Mx.mxGeometry;
-export const MxCellPath = Mx.mxCellPath;
-export const MxPerimeter = Mx.mxPerimeter;
-export const MxPrintPreview = Mx.mxPrintPreview;
-export const MxStylesheet = Mx.mxStylesheet;
-export const MxCellState = Mx.mxCellState;
-export const MxGraphSelectionModel = Mx.mxGraphSelectionModel;
-export const MxCellEditor = Mx.mxCellEditor;
-export const MxCellRenderer = Mx.mxCellRenderer;
-export const MxEdgeStyle = Mx.mxEdgeStyle;
-export const MxStyleRegistry = Mx.mxStyleRegistry;
-export const MxGraphView = Mx.mxGraphView;
-export const MxGraph = Mx.mxGraph;
-export const MxCellOverlay = Mx.mxCellOverlay;
-export const MxOutline = Mx.mxOutline;
-export const MxMultiplicity = Mx.mxMultiplicity;
-export const MxLayoutManager = Mx.mxLayoutManager;
-export const MxSwimlaneManager = Mx.mxSwimlaneManager;
-export const MxTemporaryCellStates = Mx.mxTemporaryCellStates;
-export const MxCellStatePreview = Mx.mxCellStatePreview;
-export const MxConnectionConstraint = Mx.mxConnectionConstraint;
-export const MxGraphHandler = Mx.mxGraphHandler;
-export const MxPanningHandler = Mx.mxPanningHandler;
-export const MxPopupMenuHandler = Mx.mxPopupMenuHandler;
-export const MxCellMarker = Mx.mxCellMarker;
-export const MxSelectionCellsHandler = Mx.mxSelectionCellsHandler;
-export const MxConnectionHandler = Mx.mxConnectionHandler;
-export const MxConstraintHandler = Mx.mxConstraintHandler;
-export const MxRubberband = Mx.mxRubberband;
-export const MxHandle = Mx.mxHandle;
-export const MxVertexHandler = Mx.mxVertexHandler;
-export const MxEdgeHandler = Mx.mxEdgeHandler;
-export const MxElbowEdgeHandler = Mx.mxElbowEdgeHandler;
-export const MxEdgeSegmentHandler = Mx.mxEdgeSegmentHandler;
-export const MxKeyHandler = Mx.mxKeyHandler;
-export const MxTooltipHandler = Mx.mxTooltipHandler;
-export const MxCellTracker = Mx.mxCellTracker;
-export const MxCellHighlight = Mx.mxCellHighlight;
-export const MxDefaultKeyHandler = Mx.mxDefaultKeyHandler;
-export const MxDefaultPopupMenu = Mx.mxDefaultPopupMenu;
-export const MxDefaultToolbar = Mx.mxDefaultToolbar;
-export const MxEditor = Mx.mxEditor;
-export const MxCodecRegistry = Mx.mxCodecRegistry;
-export const MxCodec = Mx.mxCodec;
-export const MxObjectCodec = Mx.mxObjectCodec;
-export const MxCellCodec = Mx.mxObjectCodec;
-export const MxModelCodec = Mx.mxObjectCodec;
-export const MxRootChangeCodec = Mx.mxObjectCodec;
-export const MxChildChangeCodec = Mx.mxObjectCodec;
-export const MxTerminalChangeCodec = Mx.mxObjectCodec;
-export const MxGenericChangeCodec = Mx.mxGenericChangeCodec;
-export const MxGraphCodec = Mx.mxObjectCodec;
-export const MxGraphViewCodec = Mx.mxObjectCodec;
-export const MxStylesheetCodec = Mx.mxObjectCodec;
-export const MxDefaultKeyHandlerCodec = Mx.mxObjectCodec;
-export const MxDefaultToolbarCodec = Mx.mxObjectCodec;
-export const MxDefaultPopupMenuCodec = Mx.mxObjectCodec;
-export const MxEditorCodec = Mx.mxObjectCodec;
+export const myMxClient = myMx.mxClient
+export const myMxLog = myMx.mxLog
+export const myMxObjectIdentity = myMx.mxObjectIdentity
+export const myMxDictionary = myMx.mxDictionary
+export const myMxResources = myMx.mxResources
+export const myMxPoint = myMx.mxPoint
+export const myMxRectangle = myMx.mxRectangle
+export const myMxEffects = myMx.mxEffects
+export const myMxUtils = myMx.mxUtils
+export const myMxConstants = myMx.mxConstants
+export const myMxEventObject = myMx.mxEventObject
+export const myMxMouseEvent = myMx.mxMouseEvent
+export const myMxEventSource = myMx.mxEventSource
+export const myMxEvent = myMx.mxEvent
+export const myMxXmlRequest = myMx.mxXmlRequest
+export const myMxClipboard = myMx.mxClipboard
+export const myMxWindow = myMx.mxWindow
+export const myMxForm = myMx.mxForm
+export const myMxImage = myMx.mxImage
+export const myMxDivResizer = myMx.mxDivResizer
+export const myMxDragSource = myMx.mxDragSource
+export const myMxToolbar = myMx.mxToolbar
+export const myMxUndoableEdit = myMx.mxUndoableEdit
+export const myMxUndoManager = myMx.mxUndoManager
+export const myMxUrlConverter = myMx.mxUrlConverter
+export const myMxPanningManager = myMx.mxPanningManager
+export const myMxPopupMenu = myMx.mxPopupMenu
+export const myMxAutoSaveManager = myMx.mxAutoSaveManager
+export const myMxAnimation = myMx.mxAnimation
+export const myMxMorphing = myMx.mxMorphing
+export const myMxImageBundle = myMx.mxImageBundle
+export const myMxImageExport = myMx.mxImageExport
+export const myMxAbstractCanvas2D = myMx.mxAbstractCanvas2D
+export const myMxXmlCanvas2D = myMx.mxXmlCanvas2D
+export const myMxSvgCanvas2D = myMx.mxSvgCanvas2D
+export const myMxVmlCanvas2D = myMx.mxVmlCanvas2D
+export const myMxGuide = myMx.mxGuide
+export const myMxShape = myMx.mxShape
+export const myMxStencil = myMx.mxStencil
+export const myMxStencilRegistry = myMx.mxStencilRegistry
+export const myMxMarker = myMx.mxMarker
+export const myMxActor = myMx.mxActor
+export const myMxCloud = myMx.mxCloud
+export const myMxRectangleShape = myMx.mxRectangleShape
+export const myMxEllipse = myMx.mxEllipse
+export const myMxDoubleEllipse = myMx.mxDoubleEllipse
+export const myMxRhombus = myMx.mxRhombus
+export const myMxPolyline = myMx.mxPolyline
+export const myMxArrow = myMx.mxArrow
+export const myMxArrowConnector = myMx.mxArrowConnector
+export const myMxText = myMx.mxText
+export const myMxTriangle = myMx.mxTriangle
+export const myMxHexagon = myMx.mxHexagon
+export const myMxLine = myMx.mxLine
+export const myMxImageShape = myMx.mxImageShape
+export const myMxLabel = myMx.mxLabel
+export const myMxCylinder = myMx.mxCylinder
+export const myMxConnector = myMx.mxConnector
+export const myMxSwimlane = myMx.mxSwimlane
+export const myMxGraphLayout = myMx.mxGraphLayout
+export const myMxStackLayout = myMx.mxStackLayout
+export const myMxPartitionLayout = myMx.mxPartitionLayout
+export const myMxCompactTreeLayout = myMx.mxCompactTreeLayout
+export const myMxRadialTreeLayout = myMx.mxRadialTreeLayout
+export const myMxFastOrganicLayout = myMx.mxFastOrganicLayout
+export const myMxCircleLayout = myMx.mxCircleLayout
+export const myMxParallelEdgeLayout = myMx.mxParallelEdgeLayout
+export const myMxCompositeLayout = myMx.mxCompositeLayout
+export const myMxEdgeLabelLayout = myMx.mxEdgeLabelLayout
+export const myMxGraphAbstractHierarchyCell = myMx.mxGraphAbstractHierarchyCell
+export const myMxGraphHierarchyNode = myMx.mxGraphHierarchyNode
+export const myMxGraphHierarchyEdge = myMx.mxGraphHierarchyEdge
+export const myMxGraphHierarchyModel = myMx.mxGraphHierarchyModel
+export const myMxSwimlaneModel = myMx.mxSwimlaneModel
+export const myMxHierarchicalLayoutStage = myMx.mxHierarchicalLayoutStage
+export const myMxMedianHybridCrossingReduction = myMx.mxMedianHybridCrossingReduction
+export const myMxMinimumCycleRemover = myMx.mxMinimumCycleRemover
+export const myMxCoordinateAssignment = myMx.mxCoordinateAssignment
+export const myMxSwimlaneOrdering = myMx.mxSwimlaneOrdering
+export const myMxHierarchicalLayout = myMx.mxHierarchicalLayout
+export const myMxSwimlaneLayout = myMx.mxSwimlaneLayout
+export const myMxGraphModel = myMx.mxGraphModel
+export const myMxCell = myMx.mxCell
+export const myMxGeometry = myMx.mxGeometry
+export const myMxCellPath = myMx.mxCellPath
+export const myMxPerimeter = myMx.mxPerimeter
+export const myMxPrintPreview = myMx.mxPrintPreview
+export const myMxStylesheet = myMx.mxStylesheet
+export const myMxCellState = myMx.mxCellState
+export const myMxGraphSelectionModel = myMx.mxGraphSelectionModel
+export const myMxCellEditor = myMx.mxCellEditor
+export const myMxCellRenderer = myMx.mxCellRenderer
+export const myMxEdgeStyle = myMx.mxEdgeStyle
+export const myMxStyleRegistry = myMx.mxStyleRegistry
+export const myMxGraphView = myMx.mxGraphView
+export const myMxGraph = myMx.mxGraph
+export const myMxCellOverlay = myMx.mxCellOverlay
+export const myMxOutline = myMx.mxOutline
+export const myMxMultiplicity = myMx.mxMultiplicity
+export const myMxLayoutManager = myMx.mxLayoutManager
+export const myMxSwimlaneManager = myMx.mxSwimlaneManager
+export const myMxTemporaryCellStates = myMx.mxTemporaryCellStates
+export const myMxCellStatePreview = myMx.mxCellStatePreview
+export const myMxConnectionConstraint = myMx.mxConnectionConstraint
+export const myMxGraphHandler = myMx.mxGraphHandler
+export const myMxPanningHandler = myMx.mxPanningHandler
+export const myMxPopupMenuHandler = myMx.mxPopupMenuHandler
+export const myMxCellMarker = myMx.mxCellMarker
+export const myMxSelectionCellsHandler = myMx.mxSelectionCellsHandler
+export const myMxConnectionHandler = myMx.mxConnectionHandler
+export const myMxConstraintHandler = myMx.mxConstraintHandler
+export const myMxRubberband = myMx.mxRubberband
+export const myMxHandle = myMx.mxHandle
+export const myMxVertexHandler = myMx.mxVertexHandler
+export const myMxEdgeHandler = myMx.mxEdgeHandler
+export const myMxElbowEdgeHandler = myMx.mxElbowEdgeHandler
+export const myMxEdgeSegmentHandler = myMx.mxEdgeSegmentHandler
+export const myMxKeyHandler = myMx.mxKeyHandler
+export const myMxTooltipHandler = myMx.mxTooltipHandler
+export const myMxCellTracker = myMx.mxCellTracker
+export const myMxCellHighlight = myMx.mxCellHighlight
+export const myMxDefaultKeyHandler = myMx.mxDefaultKeyHandler
+export const myMxDefaultPopupMenu = myMx.mxDefaultPopupMenu
+export const myMxDefaultToolbar = myMx.mxDefaultToolbar
+export const myMxEditor = myMx.mxEditor
+export const myMxCodecRegistry = myMx.mxCodecRegistry
+export const myMxCodec = myMx.mxCodec
+export const myMxObjectCodec = myMx.mxObjectCodec
+export const myMxCellCodec = myMx.mxObjectCodec
+export const myMxModelCodec = myMx.mxObjectCodec
+export const myMxRootChangeCodec = myMx.mxObjectCodec
+export const myMxChildChangeCodec = myMx.mxObjectCodec
+export const myMxTerminalChangeCodec = myMx.mxObjectCodec
+export const myMxGenericChangeCodec = myMx.mxGenericChangeCodec
+export const myMxGraphCodec = myMx.mxObjectCodec
+export const myMxGraphViewCodec = myMx.mxObjectCodec
+export const myMxStylesheetCodec = myMx.mxObjectCodec
+export const myMxDefaultKeyHandlerCodec = myMx.mxObjectCodec
+export const myMxDefaultToolbarCodec = myMx.mxObjectCodec
+export const myMxDefaultPopupMenuCodec = myMx.mxObjectCodec
+export const myMxEditorCodec = myMx.mxObjectCodec

src/graph/index.ts

@@ -1,5 +1,5 @@
-import factory from "mxgraph";
-
+import factory from 'mxgraph'
+// prettier-ignore
 interface myMxGraphConfig {
     mxBasePath?: string;
     mxDefaultLanguage?: string;
@@ -10,7 +10,7 @@ interface myMxGraphConfig {
     mxForceIncludes?: boolean;
     mxResourceExtension?: string;
 }
-
+// prettier-ignore
 const initConfig = (myConfig: myMxGraphConfig) => {
     (window as any)["mxBasePath"] = myConfig.mxBasePath || ".";
     (window as any)["mxDefaultLanguage"] = myConfig.mxDefaultLanguage || "en";
@@ -25,9 +25,9 @@ const initConfig = (myConfig: myMxGraphConfig) => {
 };
 
 const myMxFactory = (config: myMxGraphConfig) => {
-    initConfig(config);
+  initConfig(config)
 
-    return factory({});
-};
+  return factory({})
+}
 
-export default myMxFactory;
+export default myMxFactory

src/graph/mxGraph copy.ts

@@ -1,149 +0,0 @@
-import myMxFactory from './index'
-
-const myMx = myMxFactory({
-  mxBasePath: '/mxgraph-base',
-  mxImageBasePath: '/mxgraph-base/images'
-})
-
-// 重命名后导出
-export const myMxClient = myMx.mxClient
-export const myMxLog = myMx.mxLog
-export const myMxObjectIdentity = myMx.mxObjectIdentity
-export const myMxDictionary = myMx.mxDictionary
-export const myMxResources = myMx.mxResources
-export const myMxPoint = myMx.mxPoint
-export const myMxRectangle = myMx.mxRectangle
-export const myMxEffects = myMx.mxEffects
-export const myMxUtils = myMx.mxUtils
-export const myMxConstants = myMx.mxConstants
-export const myMxEventObject = myMx.mxEventObject
-export const myMxMouseEvent = myMx.mxMouseEvent
-export const myMxEventSource = myMx.mxEventSource
-export const myMxEvent = myMx.mxEvent
-export const myMxXmlRequest = myMx.mxXmlRequest
-export const myMxClipboard = myMx.mxClipboard
-export const myMxWindow = myMx.mxWindow
-export const myMxForm = myMx.mxForm
-export const myMxImage = myMx.mxImage
-export const myMxDivResizer = myMx.mxDivResizer
-export const myMxDragSource = myMx.mxDragSource
-export const myMxToolbar = myMx.mxToolbar
-export const myMxUndoableEdit = myMx.mxUndoableEdit
-export const myMxUndoManager = myMx.mxUndoManager
-export const myMxUrlConverter = myMx.mxUrlConverter
-export const myMxPanningManager = myMx.mxPanningManager
-export const myMxPopupMenu = myMx.mxPopupMenu
-export const myMxAutoSaveManager = myMx.mxAutoSaveManager
-export const myMxAnimation = myMx.mxAnimation
-export const myMxMorphing = myMx.mxMorphing
-export const myMxImageBundle = myMx.mxImageBundle
-export const myMxImageExport = myMx.mxImageExport
-export const myMxAbstractCanvas2D = myMx.mxAbstractCanvas2D
-export const myMxXmlCanvas2D = myMx.mxXmlCanvas2D
-export const myMxSvgCanvas2D = myMx.mxSvgCanvas2D
-export const myMxVmlCanvas2D = myMx.mxVmlCanvas2D
-export const myMxGuide = myMx.mxGuide
-export const myMxShape = myMx.mxShape
-export const myMxStencil = myMx.mxStencil
-export const myMxStencilRegistry = myMx.mxStencilRegistry
-export const myMxMarker = myMx.mxMarker
-export const myMxActor = myMx.mxActor
-export const myMxCloud = myMx.mxCloud
-export const myMxRectangleShape = myMx.mxRectangleShape
-export const myMxEllipse = myMx.mxEllipse
-export const myMxDoubleEllipse = myMx.mxDoubleEllipse
-export const myMxRhombus = myMx.mxRhombus
-export const myMxPolyline = myMx.mxPolyline
-export const myMxArrow = myMx.mxArrow
-export const myMxArrowConnector = myMx.mxArrowConnector
-export const myMxText = myMx.mxText
-export const myMxTriangle = myMx.mxTriangle
-export const myMxHexagon = myMx.mxHexagon
-export const myMxLine = myMx.mxLine
-export const myMxImageShape = myMx.mxImageShape
-export const myMxLabel = myMx.mxLabel
-export const myMxCylinder = myMx.mxCylinder
-export const myMxConnector = myMx.mxConnector
-export const myMxSwimlane = myMx.mxSwimlane
-export const myMxGraphLayout = myMx.mxGraphLayout
-export const myMxStackLayout = myMx.mxStackLayout
-export const myMxPartitionLayout = myMx.mxPartitionLayout
-export const myMxCompactTreeLayout = myMx.mxCompactTreeLayout
-export const myMxRadialTreeLayout = myMx.mxRadialTreeLayout
-export const myMxFastOrganicLayout = myMx.mxFastOrganicLayout
-export const myMxCircleLayout = myMx.mxCircleLayout
-export const myMxParallelEdgeLayout = myMx.mxParallelEdgeLayout
-export const myMxCompositeLayout = myMx.mxCompositeLayout
-export const myMxEdgeLabelLayout = myMx.mxEdgeLabelLayout
-export const myMxGraphAbstractHierarchyCell = myMx.mxGraphAbstractHierarchyCell
-export const myMxGraphHierarchyNode = myMx.mxGraphHierarchyNode
-export const myMxGraphHierarchyEdge = myMx.mxGraphHierarchyEdge
-export const myMxGraphHierarchyModel = myMx.mxGraphHierarchyModel
-export const myMxSwimlaneModel = myMx.mxSwimlaneModel
-export const myMxHierarchicalLayoutStage = myMx.mxHierarchicalLayoutStage
-export const myMxMedianHybridCrossingReduction = myMx.mxMedianHybridCrossingReduction
-export const myMxMinimumCycleRemover = myMx.mxMinimumCycleRemover
-export const myMxCoordinateAssignment = myMx.mxCoordinateAssignment
-export const myMxSwimlaneOrdering = myMx.mxSwimlaneOrdering
-export const myMxHierarchicalLayout = myMx.mxHierarchicalLayout
-export const myMxSwimlaneLayout = myMx.mxSwimlaneLayout
-export const myMxGraphModel = myMx.mxGraphModel
-export const myMxCell = myMx.mxCell
-export const myMxGeometry = myMx.mxGeometry
-export const myMxCellPath = myMx.mxCellPath
-export const myMxPerimeter = myMx.mxPerimeter
-export const myMxPrintPreview = myMx.mxPrintPreview
-export const myMxStylesheet = myMx.mxStylesheet
-export const myMxCellState = myMx.mxCellState
-export const myMxGraphSelectionModel = myMx.mxGraphSelectionModel
-export const myMxCellEditor = myMx.mxCellEditor
-export const myMxCellRenderer = myMx.mxCellRenderer
-export const myMxEdgeStyle = myMx.mxEdgeStyle
-export const myMxStyleRegistry = myMx.mxStyleRegistry
-export const myMxGraphView = myMx.mxGraphView
-export const myMxGraph = myMx.mxGraph
-export const myMxCellOverlay = myMx.mxCellOverlay
-export const myMxOutline = myMx.mxOutline
-export const myMxMultiplicity = myMx.mxMultiplicity
-export const myMxLayoutManager = myMx.mxLayoutManager
-export const myMxSwimlaneManager = myMx.mxSwimlaneManager
-export const myMxTemporaryCellStates = myMx.mxTemporaryCellStates
-export const myMxCellStatePreview = myMx.mxCellStatePreview
-export const myMxConnectionConstraint = myMx.mxConnectionConstraint
-export const myMxGraphHandler = myMx.mxGraphHandler
-export const myMxPanningHandler = myMx.mxPanningHandler
-export const myMxPopupMenuHandler = myMx.mxPopupMenuHandler
-export const myMxCellMarker = myMx.mxCellMarker
-export const myMxSelectionCellsHandler = myMx.mxSelectionCellsHandler
-export const myMxConnectionHandler = myMx.mxConnectionHandler
-export const myMxConstraintHandler = myMx.mxConstraintHandler
-export const myMxRubberband = myMx.mxRubberband
-export const myMxHandle = myMx.mxHandle
-export const myMxVertexHandler = myMx.mxVertexHandler
-export const myMxEdgeHandler = myMx.mxEdgeHandler
-export const myMxElbowEdgeHandler = myMx.mxElbowEdgeHandler
-export const myMxEdgeSegmentHandler = myMx.mxEdgeSegmentHandler
-export const myMxKeyHandler = myMx.mxKeyHandler
-export const myMxTooltipHandler = myMx.mxTooltipHandler
-export const myMxCellTracker = myMx.mxCellTracker
-export const myMxCellHighlight = myMx.mxCellHighlight
-export const myMxDefaultKeyHandler = myMx.mxDefaultKeyHandler
-export const myMxDefaultPopupMenu = myMx.mxDefaultPopupMenu
-export const myMxDefaultToolbar = myMx.mxDefaultToolbar
-export const myMxEditor = myMx.mxEditor
-export const myMxCodecRegistry = myMx.mxCodecRegistry
-export const myMxCodec = myMx.mxCodec
-export const myMxObjectCodec = myMx.mxObjectCodec
-export const myMxCellCodec = myMx.mxObjectCodec
-export const myMxModelCodec = myMx.mxObjectCodec
-export const myMxRootChangeCodec = myMx.mxObjectCodec
-export const myMxChildChangeCodec = myMx.mxObjectCodec
-export const myMxTerminalChangeCodec = myMx.mxObjectCodec
-export const myMxGenericChangeCodec = myMx.mxGenericChangeCodec
-export const myMxGraphCodec = myMx.mxObjectCodec
-export const myMxGraphViewCodec = myMx.mxObjectCodec
-export const myMxStylesheetCodec = myMx.mxObjectCodec
-export const myMxDefaultKeyHandlerCodec = myMx.mxObjectCodec
-export const myMxDefaultToolbarCodec = myMx.mxObjectCodec
-export const myMxDefaultPopupMenuCodec = myMx.mxObjectCodec
-export const myMxEditorCodec = myMx.mxObjectCodec

src/views/components/MxPalette.vue

@@ -1,13 +1,8 @@
 <template>
   <div class="mx-palette">
     <div class="palette-title">基本图形</div>
-    <div
-      v-for="(shape, index) in shapes"
-      :key="index"
-      class="palette-shape"
-      draggable="true"
-      @dragstart="handleDragStart($event, shape)"
-      @dblclick="handleDoubleClick(shape)">
+    <div v-for="(shape, index) in shapes" :key="index" class="palette-shape" draggable="true"
+      @dragstart="handleDragStart($event, shape)" @dblclick="handleDoubleClick(shape)">
       <div class="shape-icon" :style="getShapeStyle(shape)">
         {{ shape.icon }}
       </div>

src/views/components/MxPropertiesPanel.vue

@@ -8,19 +8,11 @@
       </div>
       <div class="property-item">
         <label>宽度:</label>
-        <input
-          v-model.number="cellGeometry.width"
-          @change="updateCellGeometry"
-          type="number"
-          min="10" />
+        <input v-model.number="cellGeometry.width" @change="updateCellGeometry" type="number" min="10" />
       </div>
       <div class="property-item">
         <label>高度:</label>
-        <input
-          v-model.number="cellGeometry.height"
-          @change="updateCellGeometry"
-          type="number"
-          min="10" />
+        <input v-model.number="cellGeometry.height" @change="updateCellGeometry" type="number" min="10" />
       </div>
       <div class="property-item">
         <label>填充色:</label>

src/views/components/MxToolbar.vue

@@ -8,12 +8,7 @@
     <button @click="loadGraph"><span class="icon">📂</span> 加载</button>
     <button @click="exportXML"><span class="icon">📤</span> 导出XML</button>
     <button @click="importXML"><span class="icon">📥</span> 导入XML</button>
-    <input
-      ref="fileInput"
-      type="file"
-      accept=".xml"
-      @change="handleFileUpload"
-      style="display: none" />
+    <input ref="fileInput" type="file" accept=".xml" @change="handleFileUpload" style="display: none" />
   </div>
 </template>
 

src/views/components/Toolbar.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="toolbar-container">
-    <!-- 左侧节点/放大缩小工具 菜单 -->
-    <div class="toolbar-l">
-      <div class="aside-button-group">
-        <AddIcon />
-      </div>
-      <t-collapse v-model="activeNames">
-        <t-collapse-panel value="1" header="这是一个折叠标题">
-          这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-        </t-collapse-panel>
-        <t-collapse-panel value="2" header="设置默认展开项">
-          这部分是每个折叠面板折叠或展开的内容，可根据不同业务或用户的使用诉求，进行自定义填充。可以是纯文本、图文、子列表等内容形式。
-        </t-collapse-panel>
-      </t-collapse>
-    </div>
-  </div>
-</template>
-<script setup lang="ts">
-import { AddIcon } from 'tdesign-icons-vue-next'
-
-const activeNames = ref(['1', '2'])
-</script>
-<style lang="scss" scoped>
-@import '@/assets/graph/style/general-shap.css';
-
-.toolbar-container {
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-
-  .toolbar-l {
-    padding-top: 50px;
-    font-size: 20px;
-    background: #efefef;
-    text-align: center;
-    background-color: #fff;
-    border-right: 1px solid #ededed;
-    width: 10%;
-    position: relative;
-    box-sizing: border-box;
-    overflow-y: scroll;
-  }
-
-  .aside-button-group {
-    width: 100%;
-    position: sticky;
-    top: 0px;
-    background: #ffffff;
-    box-sizing: border-box;
-    z-index: 1000;
-    border: 1px solid #ededed;
-    border-left: none;
-  }
-}
-</style>

src/views/test/index.vue

@@ -1,9 +1,10 @@
 <template>
   <div class="example-editor" ref="editorRef"></div>
 </template>
+// prettier-ignore
 <script setup lang="ts">
-import { type mxGraph, type mxCell } from 'mxgraph'
-import { myMxGraph, myMxPoint } from '@/graph/mxGraph'
+import { type mxGraph, type mxCell } from "mxgraph";
+import { myMxGraph, myMxPoint } from "@/graph/mxGraph";
 const editorRef: Ref<HTMLDivElement | undefined> = ref()
 const currentGraph: Ref<mxGraph | undefined> = ref()
 const init = (container: HTMLElement) => {

src/views/test/list.vue

@@ -1,4 +1,3 @@
 <template>
-  <Toolbar></Toolbar>
 </template>
 <script lang="ts" setup></script>

src/views/test/mxgraph.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="app-container">
     <h1>mxGraph 图形编辑器</h1>
-    <MxToolbar />
+    <!-- <MxToolbar /> -->
     <div class="editor-layout">
-      <MxPalette />
+      <!-- <MxPalette />
       <MxGraphContainer />
-      <MxPropertiesPanel />
+      <MxPropertiesPanel /> -->
     </div>
   </div>
 </template>