fix: 还原代码

src/graph/index.ts

@@ -1,28 +1,25 @@
 import factory from 'mxgraph'
-// prettier-ignore
 interface myMxGraphConfig {
-    mxBasePath?: string;
-    mxDefaultLanguage?: string;
-    mxImageBasePath?: string;
-    mxLanguage?: string;
-    mxLoadResources?: boolean;
-    mxLoadStylesheets?: boolean;
-    mxForceIncludes?: boolean;
-    mxResourceExtension?: string;
+  mxBasePath?: string
+  mxDefaultLanguage?: string
+  mxImageBasePath?: string
+  mxLanguage?: string
+  mxLoadResources?: boolean
+  mxLoadStylesheets?: boolean
+  mxForceIncludes?: boolean
+  mxResourceExtension?: string
 }
-// prettier-ignore
 const initConfig = (myConfig: myMxGraphConfig) => {
-    (window as any)["mxBasePath"] = myConfig.mxBasePath || ".";
-    (window as any)["mxDefaultLanguage"] = myConfig.mxDefaultLanguage || "en";
-    (window as any)["mxImageBasePath"] = myConfig.mxImageBasePath || "./images";
-    (window as any)["mxLoadResources"] = myConfig.mxLoadResources || false;
-    (window as any)["mxLoadStylesheets"] = myConfig.mxLoadStylesheets || false;
+  ;(window as any)['mxBasePath'] = myConfig.mxBasePath || '.'
+  ;(window as any)['mxDefaultLanguage'] = myConfig.mxDefaultLanguage || 'en'
+  ;(window as any)['mxImageBasePath'] = myConfig.mxImageBasePath || './images'
+  ;(window as any)['mxLoadResources'] = myConfig.mxLoadResources || false
+  ;(window as any)['mxLoadStylesheets'] = myConfig.mxLoadStylesheets || false
 
-    // 当通过commonjs加载时为false, 否则会向页面加载script
-    (window as any)["mxForceIncludes"] = myConfig.mxForceIncludes || false;
-    (window as any)["mxResourceExtension"] =
-        myConfig.mxResourceExtension || ".txt";
-};
+  // 当通过commonjs加载时为false, 否则会向页面加载script
+  ;(window as any)['mxForceIncludes'] = myConfig.mxForceIncludes || false
+  ;(window as any)['mxResourceExtension'] = myConfig.mxResourceExtension || '.txt'
+}
 
 const myMxFactory = (config: myMxGraphConfig) => {
   initConfig(config)

src/graph/mxGraph.ts

@@ -0,0 +1,149 @@
+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/test/index.vue

@@ -1,10 +1,9 @@
 <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) => {