diff --git a/.gitmodules b/.gitmodules
index fdb033d..ccddf1b 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,7 +1,3 @@
 [submodule "bj-rtss-message"]
 	path = bj-rtss-message
 	url = ../bj-rtss-message.git
-[submodule "graphic-pixi"]
-	path = graphic-pixi
-	url = ../../jl-framework/graphic-pixi.git
-  branch = bj-rtss
diff --git a/bj-rtss-message b/bj-rtss-message
index 9c1d888..b68103f 160000
--- a/bj-rtss-message
+++ b/bj-rtss-message
@@ -1 +1 @@
-Subproject commit 9c1d8889e2b0fdcc3f931259a8d2ebc2952285a4
+Subproject commit b68103fcf0d9a505a605675b8cebb6ca1bf5c533
diff --git a/graphic-pixi b/graphic-pixi
deleted file mode 160000
index 1db5125..0000000
--- a/graphic-pixi
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 1db512545467327f783f5e05bd3a1da654355ba2
diff --git a/package.json b/package.json
index 0d4f28c..178fde5 100644
--- a/package.json
+++ b/package.json
@@ -17,19 +17,14 @@
     "sync": "node scripts/sync.cjs"
   },
   "dependencies": {
-    "@pixi/filter-outline": "^5.2.0",
-    "@pixi/graphics-extras": "^7.2.4",
     "@quasar/extras": "^1.0.0",
-    "@stomp/stompjs": "^7.0.0",
     "axios": "^1.2.1",
     "default-passive-events": "^2.0.0",
     "echarts": "^5.4.3",
     "google-protobuf": "^3.21.2",
+    "jl-graphic": "git+ssh://git.code.tencent.com:jl-framework/graphic-pixi.git",
     "js-base64": "^3.7.5",
-    "mqtt": "^5.2.1",
     "pinia": "^2.0.11",
-    "pixi-viewport": "^5.0.1",
-    "pixi.js": "^7.2.4",
     "quasar": "^2.6.0",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0"
diff --git a/scripts/sync.cjs b/scripts/sync.cjs
deleted file mode 100644
index a8fc918..0000000
--- a/scripts/sync.cjs
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
- * 同步图形框架文件到 src/jl-graphic/
- */
-const {
-  readdirSync,
-  existsSync,
-  copyFileSync,
-  mkdirSync,
-  rmSync,
-} = require('fs');
-const { resolve } = require('path');
-
-const jlGraphicSrcPath = resolve(__dirname, '../graphic-pixi/src/jlgraphic');
-const jlGraphicLibPath = resolve(__dirname, '../src/jl-graphic');
-
-/**
- * 检查并初始化当前项目引入的jl-graphic库
- */
-function checkAndInitJlGraphicLib() {
-  const exist = existsSync(jlGraphicLibPath);
-  if (exist) {
-    console.log('jl-graphic文件夹已存在,清空');
-    readdirSync(jlGraphicLibPath, {
-      withFileTypes: true,
-    }).forEach((file) => {
-      if (file.isDirectory()) {
-        rmSync(resolve(jlGraphicLibPath, file.name), { recursive: true });
-      } else {
-        rmSync(resolve(jlGraphicLibPath, file.name));
-      }
-    });
-  } else {
-    console.log('jl-graphic文件夹不存在,创建');
-    // 文件夹不存在，创建
-    mkdirSync(jlGraphicLibPath);
-  }
-}
-
-function copyJlGraphicFiles() {
-  readdirSync(jlGraphicSrcPath, {
-    withFileTypes: true,
-  }).forEach((file) => {
-    recursiveCopyFiles(file);
-  });
-}
-
-function recursiveCopyFiles(file, path = []) {
-  if (file.isFile()) {
-    const fileSrcPath = resolve(jlGraphicSrcPath, ...path, file.name);
-    const fileDestPath = resolve(jlGraphicLibPath, ...path, file.name);
-    console.log(`copy file ${fileSrcPath} -> ${fileDestPath}`);
-    copyFileSync(fileSrcPath, fileDestPath);
-  } else if (file.isDirectory()) {
-    const srcDir = resolve(jlGraphicSrcPath, ...path, file.name);
-    const dirPath = resolve(jlGraphicLibPath, ...path, file.name);
-    mkdirSync(dirPath);
-    readdirSync(srcDir, {
-      withFileTypes: true,
-    }).forEach((subFile) => {
-      recursiveCopyFiles(subFile, [...path, file.name]);
-    });
-  }
-}
-
-function main() {
-  checkAndInitJlGraphicLib();
-  copyJlGraphicFiles();
-}
-
-main();
diff --git a/src/components/DrawAppFormUtils.ts b/src/components/DrawAppFormUtils.ts
index be1a9ca..33f13eb 100644
--- a/src/components/DrawAppFormUtils.ts
+++ b/src/components/DrawAppFormUtils.ts
@@ -1,5 +1,5 @@
 import { type GraphicDataBase } from 'src/drawApp/graphics/GraphicDataBase';
-import { IDrawApp } from 'src/jl-graphic';
+import { IDrawApp } from 'jl-graphic';
 import { onMounted, onUnmounted, reactive, toRaw } from 'vue';
 
 export function useFormData<T extends GraphicDataBase>(
diff --git a/src/components/common/SelectConfigUtils.vue b/src/components/common/SelectConfigUtils.vue
index e5e0166..1c1ada4 100644
--- a/src/components/common/SelectConfigUtils.vue
+++ b/src/components/common/SelectConfigUtils.vue
@@ -64,7 +64,7 @@
 
 <script setup lang="ts">
 import { inject, ref, watch } from 'vue';
-import { IDrawApp, JlGraphic } from 'src/jl-graphic';
+import { IDrawApp, JlGraphic } from 'jl-graphic';
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/components/draw-app/dialogs/LayerControlDialog.vue b/src/components/draw-app/dialogs/LayerControlDialog.vue
index 9b7635f..8a14de5 100644
--- a/src/components/draw-app/dialogs/LayerControlDialog.vue
+++ b/src/components/draw-app/dialogs/LayerControlDialog.vue
@@ -83,8 +83,7 @@
 import { computed, onMounted, ref, watch } from 'vue';
 import { useLineStore } from 'src/stores/line-store';
 import DraggableDialog from 'src/components/common/DraggableDialog.vue';
-import { JlDrawApp } from 'src/jl-graphic/app/JlDrawApp';
-import { GraphicApp } from 'src/jl-graphic/app/JlGraphicApp';
+import { IDrawApp, IGraphicApp } from 'jl-graphic';
 
 interface ItemData {
   label: string;
@@ -101,7 +100,7 @@ const props = defineProps<{
   showDialog: boolean;
   layerList: ItemData[];
   showLayer: string[];
-  app: JlDrawApp | GraphicApp;
+  app: IDrawApp | IGraphicApp;
   noSelect?: boolean; // 没有选择tab
 }>();
 
diff --git a/src/components/draw-app/properties/AxleCountingConfig.vue b/src/components/draw-app/properties/AxleCountingConfig.vue
index 25c79a3..8d15e6b 100644
--- a/src/components/draw-app/properties/AxleCountingConfig.vue
+++ b/src/components/draw-app/properties/AxleCountingConfig.vue
@@ -36,7 +36,7 @@
 <script setup lang="ts">
 import { onMounted, ref, provide } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import { useDrawStore } from 'src/stores/draw-store';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { Turnout } from 'src/graphics/turnout/Turnout';
diff --git a/src/components/draw-app/properties/AxleCountingProperty.vue b/src/components/draw-app/properties/AxleCountingProperty.vue
index 7449415..6fedc13 100644
--- a/src/components/draw-app/properties/AxleCountingProperty.vue
+++ b/src/components/draw-app/properties/AxleCountingProperty.vue
@@ -115,7 +115,7 @@ import { AxleCountingData } from 'src/drawApp/graphics/AxleCountingInteraction';
 import { AxleCounting } from 'src/graphics/axleCounting/AxleCounting';
 import { Section } from 'src/graphics/section/Section';
 import { Turnout } from 'src/graphics/turnout/Turnout';
-import { getRectangleCenter, GraphicIdGenerator } from 'src/jl-graphic';
+import { getRectangleCenter, GraphicIdGenerator } from 'jl-graphic';
 import { useDrawStore } from 'src/stores/draw-store';
 import { computed } from 'vue';
 import { useQuasar } from 'quasar';
diff --git a/src/components/draw-app/properties/CiCjConfig.vue b/src/components/draw-app/properties/CiCjConfig.vue
index 002248e..2157a31 100644
--- a/src/components/draw-app/properties/CiCjConfig.vue
+++ b/src/components/draw-app/properties/CiCjConfig.vue
@@ -68,7 +68,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref, watch } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import {
   CiCjConfigCeil,
   useRelayCabinetStore,
diff --git a/src/components/draw-app/properties/CiQdConfig.vue b/src/components/draw-app/properties/CiQdConfig.vue
index f9e45f1..0a5647d 100644
--- a/src/components/draw-app/properties/CiQdConfig.vue
+++ b/src/components/draw-app/properties/CiQdConfig.vue
@@ -59,7 +59,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref, watch } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import {
   CiCjConfigCeil,
   useRelayCabinetStore,
diff --git a/src/components/draw-app/properties/OtherLineConfig.vue b/src/components/draw-app/properties/OtherLineConfig.vue
index dbc524f..3b160fb 100644
--- a/src/components/draw-app/properties/OtherLineConfig.vue
+++ b/src/components/draw-app/properties/OtherLineConfig.vue
@@ -71,7 +71,7 @@ import {
   loadOtherLineList,
 } from 'src/drawApp/commonApp';
 import { useDrawStore } from 'src/stores/draw-store';
-import { GraphicData, JlGraphic } from 'src/jl-graphic';
+import { GraphicData, JlGraphic } from 'jl-graphic';
 
 const $q = useQuasar();
 const showRangeConfig = ref(true);
diff --git a/src/components/draw-app/properties/RelateDeviceConfig.vue b/src/components/draw-app/properties/RelateDeviceConfig.vue
index 144900b..e8654f5 100644
--- a/src/components/draw-app/properties/RelateDeviceConfig.vue
+++ b/src/components/draw-app/properties/RelateDeviceConfig.vue
@@ -56,7 +56,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import { usePslDrawStore } from 'src/stores/psl-draw-store';
 import { PslKey } from 'src/graphics/pslKey/pslKey';
 import { PslButton } from 'src/graphics/pslButton/pslButton';
@@ -100,7 +100,7 @@ watch(
       pslDrawStore.getDrawApp().updateSelected(...selectGraphic);
       relateDeviceConfig.value.refDevicesCode = selectGraphic.map((g) =>
         (g as PslKey | PslButton | PslLight).datas.code == ''
-          ? g.id+''
+          ? g.id + ''
           : (g as PslKey | PslButton | PslLight).datas.code
       );
       relateDeviceConfig.value.refDevices = selectGraphic.map(
diff --git a/src/components/draw-app/properties/RelateIbpConfig.vue b/src/components/draw-app/properties/RelateIbpConfig.vue
index fcc976e..f8cc0e9 100644
--- a/src/components/draw-app/properties/RelateIbpConfig.vue
+++ b/src/components/draw-app/properties/RelateIbpConfig.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import { useIBPDrawStore } from 'src/stores/ibp-draw-store';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { IbpAlarm } from 'src/graphics/ibpAlarm/IbpAlarm';
diff --git a/src/components/draw-app/properties/RelateRelayConfig.vue b/src/components/draw-app/properties/RelateRelayConfig.vue
index b8ae558..abfdc5e 100644
--- a/src/components/draw-app/properties/RelateRelayConfig.vue
+++ b/src/components/draw-app/properties/RelateRelayConfig.vue
@@ -40,7 +40,7 @@
 <script setup lang="ts">
 import { onMounted, provide, ref } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import { useRelayCabinetStore } from 'src/stores/relayCabinet-store';
 import { Relay } from 'src/graphics/relay/Relay';
 import { relayCabinetGraphicData } from 'src/protos/relayCabinetLayoutGraphics';
diff --git a/src/components/draw-app/properties/StationRelateDeviceConfig.vue b/src/components/draw-app/properties/StationRelateDeviceConfig.vue
index d4835d2..9e376e7 100644
--- a/src/components/draw-app/properties/StationRelateDeviceConfig.vue
+++ b/src/components/draw-app/properties/StationRelateDeviceConfig.vue
@@ -39,7 +39,7 @@
 <script setup lang="ts">
 import { onMounted, provide, ref } from 'vue';
 import { QForm, useQuasar } from 'quasar';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import { useDrawStore } from 'src/stores/draw-store';
 import { EsbButton } from 'src/graphics/esbButton/EsbButton';
 import {
diff --git a/src/components/draw-app/properties/multipleSelectProperty.vue b/src/components/draw-app/properties/multipleSelectProperty.vue
index 2201067..6f89808 100644
--- a/src/components/draw-app/properties/multipleSelectProperty.vue
+++ b/src/components/draw-app/properties/multipleSelectProperty.vue
@@ -150,7 +150,7 @@ import { ScreenDoor } from 'src/graphics/screenDoor/ScreenDoor';
 import { ScreenDoorData } from 'src/drawApp/graphics/ScreenDoorInteraction';
 import { Platform } from 'src/graphics/platform/Platform';
 import { PlatformData } from 'src/drawApp/graphics/PlatformInteraction';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 import {
   findCommonElements,
   handleCentralizedStationsData,
diff --git a/src/components/line-app/states/TurnoutState.vue b/src/components/line-app/states/TurnoutState.vue
index 259af15..298596b 100644
--- a/src/components/line-app/states/TurnoutState.vue
+++ b/src/components/line-app/states/TurnoutState.vue
@@ -212,7 +212,7 @@ import { useQuasar } from 'quasar';
 import { ApiError } from 'src/boot/axios';
 import { request } from 'src/protos/request';
 import { TurnoutStates } from 'src/drawApp/graphics/TurnoutInteraction';
-import { JlGraphic } from 'src/jl-graphic';
+import { JlGraphic } from 'jl-graphic';
 
 const $q = useQuasar();
 const lineStore = useLineStore();
diff --git a/src/drawApp/IbpScene.ts b/src/drawApp/IbpScene.ts
index 30fbe22..8bff292 100644
--- a/src/drawApp/IbpScene.ts
+++ b/src/drawApp/IbpScene.ts
@@ -6,7 +6,7 @@ import {
   IGraphicApp,
   IGraphicScene,
   IGraphicStorage,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { ibpGraphicData } from 'src/protos/ibpGraphics';
 import { useIbpStore } from 'src/stores/ibp-store';
 import { IbpLightData, IbpLightState } from './graphics/IbpLightInteraction';
diff --git a/src/drawApp/commonApp.ts b/src/drawApp/commonApp.ts
index 1b5c7c1..954b6f2 100644
--- a/src/drawApp/commonApp.ts
+++ b/src/drawApp/commonApp.ts
@@ -1,9 +1,7 @@
 import { TrainTemplate } from 'src/graphics/train/Train';
 import { TrainDraw } from 'src/graphics/train/TrainDrawAssistant';
 import { Signal, SignalTemplate } from 'src/graphics/signal/Signal';
-import { GraphicData, IDrawApp } from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+import { GraphicData, IDrawApp, ContextMenu, MenuItemOptions } from 'jl-graphic';
 import { TrainState } from './graphics/TrainInteraction';
 import {
   SignalData,
diff --git a/src/drawApp/graphics/AutoReturnBoxInteraction.ts b/src/drawApp/graphics/AutoReturnBoxInteraction.ts
index 6d1f4ba..8e7d220 100644
--- a/src/drawApp/graphics/AutoReturnBoxInteraction.ts
+++ b/src/drawApp/graphics/AutoReturnBoxInteraction.ts
@@ -5,10 +5,9 @@ import {
   GraphicInteractionPlugin,
   JlGraphic,
   IGraphicScene,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
 import { useLineStore } from 'src/stores/line-store';
@@ -21,8 +20,7 @@ import {
 
 export class AutoReturnBoxData
   extends GraphicDataBase
-  implements IAutoReturnBoxData
-{
+  implements IAutoReturnBoxData {
   constructor(data?: graphicData.AutoReturnBox) {
     let autoReturnBox;
     if (!data) {
@@ -69,8 +67,7 @@ export class AutoReturnBoxData
 
 export class AutoReturnBoxState
   extends GraphicStateBase
-  implements IAutoReturnBoxState
-{
+  implements IAutoReturnBoxState {
   constructor(data?: state.ButtonState) {
     let ibpButtonState;
     if (data) {
diff --git a/src/drawApp/graphics/BeaconInteraction.ts b/src/drawApp/graphics/BeaconInteraction.ts
index dec09df..efbe7a9 100644
--- a/src/drawApp/graphics/BeaconInteraction.ts
+++ b/src/drawApp/graphics/BeaconInteraction.ts
@@ -5,9 +5,9 @@ import {
   IGraphicApp,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase } from './GraphicDataBase';
diff --git a/src/drawApp/graphics/EsbButtonInteraction.ts b/src/drawApp/graphics/EsbButtonInteraction.ts
index 23d07f6..b11a23c 100644
--- a/src/drawApp/graphics/EsbButtonInteraction.ts
+++ b/src/drawApp/graphics/EsbButtonInteraction.ts
@@ -10,9 +10,9 @@ import {
   GraphicInteractionPlugin,
   JlGraphic,
   IGraphicScene,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
@@ -66,8 +66,7 @@ export class EsbButtonData extends GraphicDataBase implements IEsbButtonData {
 
 export class EsbButtonState
   extends GraphicStateBase
-  implements IEsbButtonState
-{
+  implements IEsbButtonState {
   constructor(data?: state.ButtonState) {
     let ibpButtonState;
     if (data) {
diff --git a/src/drawApp/graphics/GatedBoxInteraction.ts b/src/drawApp/graphics/GatedBoxInteraction.ts
index d4b5fe1..5d23122 100644
--- a/src/drawApp/graphics/GatedBoxInteraction.ts
+++ b/src/drawApp/graphics/GatedBoxInteraction.ts
@@ -6,9 +6,9 @@ import {
   GraphicInteractionPlugin,
   JlGraphic,
   IGraphicScene,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase } from './GraphicDataBase';
diff --git a/src/drawApp/graphics/GraphicDataBase.ts b/src/drawApp/graphics/GraphicDataBase.ts
index e0208cd..45239c0 100644
--- a/src/drawApp/graphics/GraphicDataBase.ts
+++ b/src/drawApp/graphics/GraphicDataBase.ts
@@ -6,7 +6,7 @@ import {
   GraphicTransform,
   IChildTransform,
   IGraphicTransform,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 // import { toStorageTransform } from '..';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { IPointData, Point } from 'pixi.js';
diff --git a/src/drawApp/graphics/IBPButtonInteraction.ts b/src/drawApp/graphics/IBPButtonInteraction.ts
index 5066049..4a4fe24 100644
--- a/src/drawApp/graphics/IBPButtonInteraction.ts
+++ b/src/drawApp/graphics/IBPButtonInteraction.ts
@@ -10,7 +10,7 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { FederatedMouseEvent } from 'pixi.js';
 import { state } from 'src/protos/device_state';
 import { useIbpStore } from 'src/stores/ibp-store';
@@ -67,8 +67,7 @@ export class IBPButtonData extends GraphicDataBase implements IIBPButtonData {
 
 export class IbpButtonState
   extends GraphicStateBase
-  implements IIbpButtonState
-{
+  implements IIbpButtonState {
   constructor(data?: state.ButtonState) {
     let ibpButtonState;
     if (data) {
diff --git a/src/drawApp/graphics/IbpKeyInteraction.ts b/src/drawApp/graphics/IbpKeyInteraction.ts
index 9825b1a..9d0b021 100644
--- a/src/drawApp/graphics/IbpKeyInteraction.ts
+++ b/src/drawApp/graphics/IbpKeyInteraction.ts
@@ -7,7 +7,7 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { type FederatedMouseEvent } from 'pixi.js';
 import { useIbpStore } from 'src/stores/ibp-store';
 
diff --git a/src/drawApp/graphics/PlatformInteraction.ts b/src/drawApp/graphics/PlatformInteraction.ts
index 584a410..75a8147 100644
--- a/src/drawApp/graphics/PlatformInteraction.ts
+++ b/src/drawApp/graphics/PlatformInteraction.ts
@@ -11,7 +11,7 @@ import {
   IGraphicScene,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { useLineStore } from 'src/stores/line-store';
 
 export class PlatformData extends GraphicDataBase implements IPlatformData {
diff --git a/src/drawApp/graphics/PslButtonInteraction.ts b/src/drawApp/graphics/PslButtonInteraction.ts
index b5a4b6f..f4d5fc3 100644
--- a/src/drawApp/graphics/PslButtonInteraction.ts
+++ b/src/drawApp/graphics/PslButtonInteraction.ts
@@ -8,7 +8,7 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { pslGraphicData } from 'src/protos/pslGraphics';
 import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
 import { pslOperate } from 'src/api/Simulation';
@@ -65,8 +65,7 @@ export class PslButtonData extends GraphicDataBase implements IPslButtonData {
 }
 export class PslButtonState
   extends GraphicStateBase
-  implements IPslButtonState
-{
+  implements IPslButtonState {
   constructor(proto?: state.ButtonState) {
     let states;
     if (proto) {
diff --git a/src/drawApp/graphics/ScreenDoorInteraction.ts b/src/drawApp/graphics/ScreenDoorInteraction.ts
index e03fd12..beaeaa3 100644
--- a/src/drawApp/graphics/ScreenDoorInteraction.ts
+++ b/src/drawApp/graphics/ScreenDoorInteraction.ts
@@ -12,7 +12,7 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { loadScreenDoorConfig } from '../commonApp';
 
 export class ScreenDoorData extends GraphicDataBase implements IScreenDoorData {
@@ -60,8 +60,7 @@ export class ScreenDoorData extends GraphicDataBase implements IScreenDoorData {
 
 export class ScreenDoorState
   extends GraphicStateBase
-  implements IScreenDoorState
-{
+  implements IScreenDoorState {
   constructor(proto?: state.PsdState) {
     let states;
     if (proto) {
diff --git a/src/drawApp/graphics/SectionInteraction.ts b/src/drawApp/graphics/SectionInteraction.ts
index cbdcb6b..b05c817 100644
--- a/src/drawApp/graphics/SectionInteraction.ts
+++ b/src/drawApp/graphics/SectionInteraction.ts
@@ -12,15 +12,15 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { useLineStore } from 'src/stores/line-store';
 import { SectionGraphicHitArea } from 'src/graphics/section/SectionDrawAssistant';
 import { Dialog, Notify } from 'quasar';
 import AddTrainDialog from '../../components/draw-app/dialogs/AddTrainDialog.vue';
 import { addTrain } from 'src/api/Simulation';
 import { successNotify } from '../../utils/CommonNotify';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import { AxleCounting } from 'src/graphics/axleCounting/AxleCounting';
 import { ApiError } from 'src/boot/axios';
 import { state } from 'src/protos/device_state';
@@ -251,7 +251,7 @@ export class SectionOperateInteraction extends GraphicInteractionPlugin<Section>
         if (
           (other.datas.axleCountingRef.length > 1 &&
             other.datas.type ==
-              graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
+            graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
           other.datas.axleCountingRef.length == 1
         ) {
           if (rp.getParam() == 'A') {
diff --git a/src/drawApp/graphics/SectionLinkInteraction.ts b/src/drawApp/graphics/SectionLinkInteraction.ts
index dfefdc1..82afd00 100644
--- a/src/drawApp/graphics/SectionLinkInteraction.ts
+++ b/src/drawApp/graphics/SectionLinkInteraction.ts
@@ -10,13 +10,12 @@ import {
   IGraphicScene,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { useLineStore } from 'src/stores/line-store';
 import { SectionLinkGraphicHitArea } from 'src/graphics/sectionLink/SectionLinkDrawAssistant';
 export class SectionLinkData
   extends GraphicDataBase
-  implements ISectionLinkData
-{
+  implements ISectionLinkData {
   constructor(data?: graphicData.SectionLink) {
     let sectionLink;
     if (!data) {
diff --git a/src/drawApp/graphics/SignalInteraction.ts b/src/drawApp/graphics/SignalInteraction.ts
index 9ec63ba..62c0262 100644
--- a/src/drawApp/graphics/SignalInteraction.ts
+++ b/src/drawApp/graphics/SignalInteraction.ts
@@ -11,9 +11,9 @@ import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { FederatedMouseEvent, DisplayObject } from 'pixi.js';
 import { state } from 'src/protos/device_state';
 import { useLineStore } from 'src/stores/line-store';
diff --git a/src/drawApp/graphics/SpksSwitchInteraction.ts b/src/drawApp/graphics/SpksSwitchInteraction.ts
index 4725b4a..b7d31b6 100644
--- a/src/drawApp/graphics/SpksSwitchInteraction.ts
+++ b/src/drawApp/graphics/SpksSwitchInteraction.ts
@@ -9,9 +9,9 @@ import {
   GraphicInteractionPlugin,
   JlGraphic,
   IGraphicScene,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase } from './GraphicDataBase';
diff --git a/src/drawApp/graphics/StationInteraction.ts b/src/drawApp/graphics/StationInteraction.ts
index ce74e00..eda38b6 100644
--- a/src/drawApp/graphics/StationInteraction.ts
+++ b/src/drawApp/graphics/StationInteraction.ts
@@ -11,7 +11,7 @@ import {
   IGraphicScene,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { KilometerSystem } from 'src/graphics/signal/Signal';
 import { useLineStore } from 'src/stores/line-store';
 
diff --git a/src/drawApp/graphics/StopPositionInteraction.ts b/src/drawApp/graphics/StopPositionInteraction.ts
index db1313b..52254ea 100644
--- a/src/drawApp/graphics/StopPositionInteraction.ts
+++ b/src/drawApp/graphics/StopPositionInteraction.ts
@@ -9,9 +9,9 @@ import {
   IGraphicApp,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase } from './GraphicDataBase';
diff --git a/src/drawApp/graphics/TrainInteraction.ts b/src/drawApp/graphics/TrainInteraction.ts
index e8261fd..000f23f 100644
--- a/src/drawApp/graphics/TrainInteraction.ts
+++ b/src/drawApp/graphics/TrainInteraction.ts
@@ -2,13 +2,13 @@ import * as pb_1 from 'google-protobuf';
 import { ITrainState, Train } from 'src/graphics/train/Train';
 import { GraphicStateBase } from './GraphicDataBase';
 import { state } from 'src/protos/device_state';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import {
   IGraphicScene,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { DisplayObject, FederatedMouseEvent } from 'pixi.js';
 import { removeTrain, updateTrain } from 'src/api/Simulation';
 import { useLineStore } from 'src/stores/line-store';
diff --git a/src/drawApp/graphics/TurnoutInteraction.ts b/src/drawApp/graphics/TurnoutInteraction.ts
index 9b6a1de..8def138 100644
--- a/src/drawApp/graphics/TurnoutInteraction.ts
+++ b/src/drawApp/graphics/TurnoutInteraction.ts
@@ -14,13 +14,13 @@ import {
   IGraphicScene,
   GraphicInteractionPlugin,
   JlGraphic,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import {
   ForkHitArea,
   TurnoutSectionHitArea,
 } from 'src/graphics/turnout/TurnoutDrawAssistant';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
 import { useLineStore } from 'src/stores/line-store';
 import { setSwitchPosition } from 'src/api/Simulation';
 import { Dialog, Notify } from 'quasar';
@@ -127,7 +127,7 @@ export class TurnoutOperationPlugin extends GraphicInteractionPlugin<Turnout> {
           rp.getParam() == port &&
           ((ac.datas.axleCountingRef.length > 1 &&
             ac.datas.type ==
-              graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
+            graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
             ac.datas.axleCountingRef.length == 1)
         );
       });
diff --git a/src/drawApp/graphics/ZdwxEsbInteraction.ts b/src/drawApp/graphics/ZdwxEsbInteraction.ts
index 4b01991..1ff3654 100644
--- a/src/drawApp/graphics/ZdwxEsbInteraction.ts
+++ b/src/drawApp/graphics/ZdwxEsbInteraction.ts
@@ -10,9 +10,9 @@ import {
   GraphicInteractionPlugin,
   JlGraphic,
   IGraphicScene,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { GraphicDataBase, GraphicStateBase } from './GraphicDataBase';
diff --git a/src/drawApp/ibpDrawApp.ts b/src/drawApp/ibpDrawApp.ts
index 91006d6..98d8e1e 100644
--- a/src/drawApp/ibpDrawApp.ts
+++ b/src/drawApp/ibpDrawApp.ts
@@ -5,8 +5,8 @@ import {
   GraphicData,
   IDrawApp,
   KeyListener,
-  newDrawApp,
-} from 'src/jl-graphic';
+  newDrawApp, MenuItemOptions, ContextMenu
+} from 'jl-graphic';
 import { ibpGraphicData } from 'src/protos/ibpGraphics';
 import { useIBPDrawStore } from 'src/stores/ibp-draw-store';
 import { IBPButtonData, IbpButtonState } from './graphics/IBPButtonInteraction';
@@ -30,8 +30,6 @@ import { ArrowDraw } from 'src/graphics/arrow/ArrowDrawAssistant';
 import { ArrowData } from './graphics/ArrowInteraction';
 import { TextContentDraw } from 'src/graphics/textContent/TextContentDrawAssistant';
 import { IbpTextData } from './graphics/IbpTextInteraction';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import { IbpLightDraw } from 'src/graphics/ibpLight/IbpLightDrawAssistant';
 import { IbpLightTempalte } from 'src/graphics/ibpLight/IbpLight';
 import { IbpLightData, IbpLightState } from './graphics/IbpLightInteraction';
diff --git a/src/drawApp/jkApp.ts b/src/drawApp/jkApp.ts
index 9b44760..dcf3350 100644
--- a/src/drawApp/jkApp.ts
+++ b/src/drawApp/jkApp.ts
@@ -6,7 +6,7 @@ import {
   JlGraphic,
   KeyListener,
   newDrawApp,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { getDraft } from 'src/api/DraftApi';
 import { useDrawStore } from 'src/stores/draw-store';
diff --git a/src/drawApp/lineApp.ts b/src/drawApp/lineApp.ts
index 35b2b39..0fa8662 100644
--- a/src/drawApp/lineApp.ts
+++ b/src/drawApp/lineApp.ts
@@ -1,4 +1,4 @@
-import { ClientEngine, IGraphicApp, newGraphicApp } from 'src/jl-graphic';
+import { ClientEngine, IGraphicApp, newGraphicApp } from 'jl-graphic';
 import { initRelayScene } from './relayScene';
 import { initLineScene } from './lineScene';
 import { initPslScene } from './pslScene';
diff --git a/src/drawApp/lineScene.ts b/src/drawApp/lineScene.ts
index 82dd635..e65c1b4 100644
--- a/src/drawApp/lineScene.ts
+++ b/src/drawApp/lineScene.ts
@@ -4,7 +4,10 @@ import {
   IGraphicApp,
   IGraphicStorage,
   GraphicQueryStore,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu,
+  IGraphicScene,
+} from 'jl-graphic';
 import { TrainState } from './graphics/TrainInteraction';
 import { Train, TrainTemplate } from 'src/graphics/train/Train';
 import { TrainOperateInteraction } from './graphics/TrainInteraction';
@@ -66,8 +69,6 @@ import {
   TrainWindowTemplate,
 } from 'src/graphics/trainWindow/TrainWindow';
 import { TrainWindowData } from './graphics/TrainWindowInteraction';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import {
   AxleCountingSection,
   AxleCountingSectionTemplate,
@@ -131,10 +132,6 @@ import { Curvature, CurvatureTemplate } from 'src/graphics/curvature/Curvature';
 import { SlopeData } from './graphics/SlopeInteraction';
 import { CurvatureKiloMarkerData } from './graphics/CurvatureKiloMarkerInteraction';
 import { CurvatureData } from './graphics/CurvatureInteraction';
-import {
-  GraphicAppOptions,
-  IGraphicScene,
-} from 'src/jl-graphic/app/JlGraphicApp';
 import {
   TrackSection,
   TrackSectionTemplate,
@@ -208,7 +205,7 @@ export function getLineScene() {
 }
 
 export function initLineScene(lineApp: IGraphicApp, sceneName: string) {
-  const options: GraphicAppOptions = {
+  const options = {
     dataLoader: loadLineDatas,
   };
   lineScene = lineApp.initScene(sceneName, options);
diff --git a/src/drawApp/pslApp.ts b/src/drawApp/pslApp.ts
index c105a67..88d2e27 100644
--- a/src/drawApp/pslApp.ts
+++ b/src/drawApp/pslApp.ts
@@ -5,10 +5,8 @@ import {
   IGraphicStorage,
   KeyListener,
   newDrawApp,
-  GraphicData,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  GraphicData, ContextMenu, MenuItemOptions
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { pslGraphicData } from 'src/protos/pslGraphics';
 import { saveDraft, getDraft } from 'src/api/DraftApi';
diff --git a/src/drawApp/pslScene.ts b/src/drawApp/pslScene.ts
index aa1be9b..194d0c8 100644
--- a/src/drawApp/pslScene.ts
+++ b/src/drawApp/pslScene.ts
@@ -4,7 +4,7 @@ import {
   IGraphicApp,
   IGraphicScene,
   IGraphicStorage,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { getPublishMapInfoByName } from 'src/api/PublishApi';
 import { usePslStore } from 'src/stores/psl-store';
 import { toUint8Array } from 'js-base64';
diff --git a/src/drawApp/relayCabinetGraphics/RelayInteraction.ts b/src/drawApp/relayCabinetGraphics/RelayInteraction.ts
index 4325865..7d11539 100644
--- a/src/drawApp/relayCabinetGraphics/RelayInteraction.ts
+++ b/src/drawApp/relayCabinetGraphics/RelayInteraction.ts
@@ -4,13 +4,13 @@ import { relayCabinetGraphicData } from 'src/protos/relayCabinetLayoutGraphics';
 import { GraphicDataBase, GraphicStateBase } from '../graphics/GraphicDataBase';
 import { state } from 'src/protos/device_state';
 import { useLineStore } from 'src/stores/line-store';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import {
   GraphicInteractionPlugin,
   IGraphicScene,
   JlGraphic,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { DisplayObject, FederatedMouseEvent } from 'pixi.js';
 import { setRelayState } from 'src/api/Simulation';
 import { ApiError } from 'src/boot/axios';
diff --git a/src/drawApp/relayCabinetLayoutApp.ts b/src/drawApp/relayCabinetLayoutApp.ts
index 97ffa07..2141220 100644
--- a/src/drawApp/relayCabinetLayoutApp.ts
+++ b/src/drawApp/relayCabinetLayoutApp.ts
@@ -7,9 +7,9 @@ import {
   IGraphicStorage,
   KeyListener,
   newDrawApp,
-} from 'src/jl-graphic';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  MenuItemOptions,
+  ContextMenu,
+} from 'jl-graphic';
 import { successNotify, errorNotify } from '../utils/CommonNotify';
 import { Dialog } from 'quasar';
 import { saveDraft, getDraft } from 'src/api/DraftApi';
diff --git a/src/drawApp/relayScene.ts b/src/drawApp/relayScene.ts
index 56619a1..eb10ebd 100644
--- a/src/drawApp/relayScene.ts
+++ b/src/drawApp/relayScene.ts
@@ -5,7 +5,7 @@ import {
   IGraphicApp,
   IGraphicScene,
   IGraphicStorage,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { getPublishMapInfoByLineId } from 'src/api/PublishApi';
 import { useLineStore } from 'src/stores/line-store';
 import { toUint8Array } from 'js-base64';
diff --git a/src/drawApp/thApp.ts b/src/drawApp/thApp.ts
index ad3f5c6..132b514 100644
--- a/src/drawApp/thApp.ts
+++ b/src/drawApp/thApp.ts
@@ -5,7 +5,7 @@ import {
   IGraphicStorage,
   KeyListener,
   newDrawApp,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { getDraft } from 'src/api/DraftApi';
 import { useDrawStore } from 'src/stores/draw-store';
diff --git a/src/drawApp/zdwxApp.ts b/src/drawApp/zdwxApp.ts
index 78189b5..780ecaa 100644
--- a/src/drawApp/zdwxApp.ts
+++ b/src/drawApp/zdwxApp.ts
@@ -5,7 +5,7 @@ import {
   IGraphicStorage,
   KeyListener,
   newDrawApp,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { getDraft } from 'src/api/DraftApi';
 import { useDrawStore } from 'src/stores/draw-store';
diff --git a/src/graphics/CommonGraphics.ts b/src/graphics/CommonGraphics.ts
index a1f298c..56e235c 100644
--- a/src/graphics/CommonGraphics.ts
+++ b/src/graphics/CommonGraphics.ts
@@ -1,5 +1,5 @@
 import { Graphics } from 'pixi.js';
-import { calculateMirrorPoint } from 'src/jl-graphic';
+import { calculateMirrorPoint } from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { Turnout } from './turnout/Turnout';
 import { Section, DevicePort } from './section/Section';
diff --git a/src/graphics/IBPButton/IBPButton.ts b/src/graphics/IBPButton/IBPButton.ts
index f7f178d..e36b777 100644
--- a/src/graphics/IBPButton/IBPButton.ts
+++ b/src/graphics/IBPButton/IBPButton.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { ibpGraphicData } from 'src/protos/ibpGraphics';
 import IPBButtonAssets from './ibpButton.png';
 import IBPButtonJSON from './ibpButton.json';
diff --git a/src/graphics/IBPButton/IBPButtonDrawAssistant.ts b/src/graphics/IBPButton/IBPButtonDrawAssistant.ts
index 8e83d9d..dbeb333 100644
--- a/src/graphics/IBPButton/IBPButtonDrawAssistant.ts
+++ b/src/graphics/IBPButton/IBPButtonDrawAssistant.ts
@@ -3,7 +3,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IBPButton, IBPButtonTemplate, IIBPButtonData } from './IBPButton';
 import { FederatedMouseEvent, Point } from 'pixi.js';
 
diff --git a/src/graphics/arrow/Arrow.ts b/src/graphics/arrow/Arrow.ts
index 52f4109..7b0d84d 100644
--- a/src/graphics/arrow/Arrow.ts
+++ b/src/graphics/arrow/Arrow.ts
@@ -1,6 +1,5 @@
 import { Graphics, IPointData } from 'pixi.js';
-import { GraphicData, JlGraphic, JlGraphicTemplate } from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
+import { GraphicData, JlGraphic, JlGraphicTemplate, ILineGraphic } from 'jl-graphic';
 
 export interface IArrowData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/arrow/ArrowDrawAssistant.ts b/src/graphics/arrow/ArrowDrawAssistant.ts
index 1607a3c..845d3a4 100644
--- a/src/graphics/arrow/ArrowDrawAssistant.ts
+++ b/src/graphics/arrow/ArrowDrawAssistant.ts
@@ -9,7 +9,9 @@ import {
   linePoint,
   AbsorbablePosition,
   AbsorbableLine,
-} from 'src/jl-graphic';
+  ILineGraphic,
+  PolylineEditPlugin,
+} from 'jl-graphic';
 import { IArrowData, Arrow, ArrowConsts, ArrowTemplate } from './Arrow';
 import {
   DisplayObject,
@@ -18,10 +20,6 @@ import {
   IHitArea,
   Point,
 } from 'pixi.js';
-import {
-  ILineGraphic,
-  PolylineEditPlugin,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
 
 export class ArrowDraw extends GraphicDrawAssistant<ArrowTemplate, IArrowData> {
   points: Point[] = [];
diff --git a/src/graphics/autoReturnBox/AutoReturnBox.ts b/src/graphics/autoReturnBox/AutoReturnBox.ts
index 0a0104d..3a3ac5d 100644
--- a/src/graphics/autoReturnBox/AutoReturnBox.ts
+++ b/src/graphics/autoReturnBox/AutoReturnBox.ts
@@ -5,7 +5,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IAutoReturnBoxData extends GraphicData {
   get code(): string;
diff --git a/src/graphics/autoReturnBox/AutoReturnBoxDrawAssistant.ts b/src/graphics/autoReturnBox/AutoReturnBoxDrawAssistant.ts
index 5ccaa98..58f67ae 100644
--- a/src/graphics/autoReturnBox/AutoReturnBoxDrawAssistant.ts
+++ b/src/graphics/autoReturnBox/AutoReturnBoxDrawAssistant.ts
@@ -8,7 +8,7 @@ import {
   IDrawApp,
   JlGraphic,
   pointBox,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   AutoReturnBox,
   AutoReturnBoxTemplate,
diff --git a/src/graphics/axleCounting/AxleCounting.ts b/src/graphics/axleCounting/AxleCounting.ts
index 9680680..4fd2b97 100644
--- a/src/graphics/axleCounting/AxleCounting.ts
+++ b/src/graphics/axleCounting/AxleCounting.ts
@@ -5,7 +5,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IRelatedRefData, protoPort2Data } from '../CommonGraphics';
 import { KilometerSystem } from '../signal/Signal';
 
diff --git a/src/graphics/axleCounting/AxleCountingDrawAssistant.ts b/src/graphics/axleCounting/AxleCountingDrawAssistant.ts
index f79a162..ee4d5ae 100644
--- a/src/graphics/axleCounting/AxleCountingDrawAssistant.ts
+++ b/src/graphics/axleCounting/AxleCountingDrawAssistant.ts
@@ -8,7 +8,7 @@ import {
   IDrawApp,
   JlGraphic,
   distance2,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   IAxleCountingData,
@@ -175,8 +175,7 @@ export class AxleCountingDraw extends GraphicDrawAssistant<
     });
     axleCountingRefs.forEach((axleCountingRef) => {
       map.set(
-        `${axleCountingRef.id}-${
-          graphicData.RelatedRef.DevicePort[axleCountingRef.devicePort]
+        `${axleCountingRef.id}-${graphicData.RelatedRef.DevicePort[axleCountingRef.devicePort]
         }`,
         1
       );
diff --git a/src/graphics/axleCountingSection/AxleCountingSection.ts b/src/graphics/axleCountingSection/AxleCountingSection.ts
index 01bd6c7..8fb675b 100644
--- a/src/graphics/axleCountingSection/AxleCountingSection.ts
+++ b/src/graphics/axleCountingSection/AxleCountingSection.ts
@@ -6,7 +6,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   calculateLineMidpoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IRelatedRefData, protoPort2Data } from '../CommonGraphics';
 import { DevicePort } from '../section/Section';
 
diff --git a/src/graphics/axleCountingSection/AxleCountingSectionAssistant.ts b/src/graphics/axleCountingSection/AxleCountingSectionAssistant.ts
index f5cea5e..0c775b8 100644
--- a/src/graphics/axleCountingSection/AxleCountingSectionAssistant.ts
+++ b/src/graphics/axleCountingSection/AxleCountingSectionAssistant.ts
@@ -6,7 +6,7 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   IAxleCountingSectionData,
diff --git a/src/graphics/beacon/Beacon.ts b/src/graphics/beacon/Beacon.ts
index 217297a..71647a3 100644
--- a/src/graphics/beacon/Beacon.ts
+++ b/src/graphics/beacon/Beacon.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 
 export interface IBeacon extends GraphicData {
diff --git a/src/graphics/beacon/BeaconDrawAssistant.ts b/src/graphics/beacon/BeaconDrawAssistant.ts
index 6f350b3..e4fd732 100644
--- a/src/graphics/beacon/BeaconDrawAssistant.ts
+++ b/src/graphics/beacon/BeaconDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Beacon, BeaconTemplate, IBeacon } from './Beacon';
 
 export interface IBeaconDrawOptions {
diff --git a/src/graphics/concentrationDividingLine/ConcentrationDividingLine.ts b/src/graphics/concentrationDividingLine/ConcentrationDividingLine.ts
index 0550f58..7b3ddd1 100644
--- a/src/graphics/concentrationDividingLine/ConcentrationDividingLine.ts
+++ b/src/graphics/concentrationDividingLine/ConcentrationDividingLine.ts
@@ -4,9 +4,8 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   calculateDistanceFromPointToLine,
-  getRectangleCenter,
-} from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
+  getRectangleCenter, ILineGraphic
+} from 'jl-graphic';
 import { SectionGraphic } from '../sectionGraphic/SectionGraphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { Section, DevicePort, SectionType } from '../section/Section';
@@ -45,8 +44,7 @@ enum devicePort {
 
 export class ConcentrationDividingLine
   extends JlGraphic
-  implements ILineGraphic
-{
+  implements ILineGraphic {
   static Type = 'ConcentrationDividingLine';
   lineGraphic: SectionGraphic;
 
@@ -125,27 +123,27 @@ export class ConcentrationDividingLine
             refDevice.localToCanvasPoint(
               getRectangleCenter(refDevice.getLocalBounds())
             ).x <
-            section.localToCanvasPoint(
-              getRectangleCenter(section.getLocalBounds())
-            ).x
+              section.localToCanvasPoint(
+                getRectangleCenter(section.getLocalBounds())
+              ).x
               ? [
-                  {
-                    device: refDevice,
-                    port: devicePort[
-                      portRefOtherDevice.devicePort
-                    ] as DevicePort,
-                  },
-                  { device: section, port: relationParam },
-                ]
+                {
+                  device: refDevice,
+                  port: devicePort[
+                    portRefOtherDevice.devicePort
+                  ] as DevicePort,
+                },
+                { device: section, port: relationParam },
+              ]
               : [
-                  { device: section, port: relationParam },
-                  {
-                    device: refDevice,
-                    port: devicePort[
-                      portRefOtherDevice.devicePort
-                    ] as DevicePort,
-                  },
-                ];
+                { device: section, port: relationParam },
+                {
+                  device: refDevice,
+                  port: devicePort[
+                    portRefOtherDevice.devicePort
+                  ] as DevicePort,
+                },
+              ];
           hasNodeSection.set(leftDevice.device.id, '1');
           hasNodeSection.set(rightDevice.device.id, '1');
           nodeConWithSecs.push(
diff --git a/src/graphics/concentrationDividingLine/ConcentrationDividingLineDrawAssistant.ts b/src/graphics/concentrationDividingLine/ConcentrationDividingLineDrawAssistant.ts
index 32cb7bd..2245a2d 100644
--- a/src/graphics/concentrationDividingLine/ConcentrationDividingLineDrawAssistant.ts
+++ b/src/graphics/concentrationDividingLine/ConcentrationDividingLineDrawAssistant.ts
@@ -5,7 +5,12 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+  PolylineEditPlugin,
+  addWayPoint,
+  clearWayPoint,
+  MenuItemOptions,
+  ContextMenu
+} from 'jl-graphic';
 import {
   IConcentrationDividingLineData,
   ConcentrationDividingLine,
@@ -19,13 +24,6 @@ import {
   IHitArea,
   Point,
 } from 'pixi.js';
-import {
-  PolylineEditPlugin,
-  addWayPoint,
-  clearWayPoint,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import { getWayLineIndex } from '../polygon/PolygonUtils';
 
 export class ConcentrationDividingLineDraw extends GraphicDrawAssistant<
diff --git a/src/graphics/concentrationDividingLine/ConcentrationDividingLineUtils.ts b/src/graphics/concentrationDividingLine/ConcentrationDividingLineUtils.ts
index 50c35ee..bcbf4d5 100644
--- a/src/graphics/concentrationDividingLine/ConcentrationDividingLineUtils.ts
+++ b/src/graphics/concentrationDividingLine/ConcentrationDividingLineUtils.ts
@@ -2,7 +2,7 @@ import { IPointData } from 'pixi.js';
 import { Section } from '../section/Section';
 import { Turnout } from '../turnout/Turnout';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
-import { IDrawApp, JlGraphic } from 'src/jl-graphic';
+import { IDrawApp, JlGraphic } from 'jl-graphic';
 import { GraphicDataBase } from 'src/drawApp/graphics/GraphicDataBase';
 import { TurnoutData } from 'src/drawApp/graphics/TurnoutInteraction';
 import { SectionData } from 'src/drawApp/graphics/SectionInteraction';
diff --git a/src/graphics/curvature/Curvature.ts b/src/graphics/curvature/Curvature.ts
index 5beb688..1c936c9 100644
--- a/src/graphics/curvature/Curvature.ts
+++ b/src/graphics/curvature/Curvature.ts
@@ -5,7 +5,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   calculateLineMidpoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { KiloMarkerConsts } from '../kilometerMarker/KilometerMarker';
 export interface ICurvatureData extends GraphicData {
   get points(): IPointData[]; // 线坐标点
diff --git a/src/graphics/curvature/CurvatureAssistant.ts b/src/graphics/curvature/CurvatureAssistant.ts
index 84d048e..a702253 100644
--- a/src/graphics/curvature/CurvatureAssistant.ts
+++ b/src/graphics/curvature/CurvatureAssistant.ts
@@ -6,7 +6,7 @@ import {
   IDrawApp,
   JlGraphic,
   pointBox,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { ICurvatureData, Curvature, CurvatureTemplate } from './Curvature';
 import { CurvatureKiloMarker } from '../curvatureKiloMarker/CurvatureKiloMarker';
diff --git a/src/graphics/curvatureKiloMarker/CurvatureKiloMarker.ts b/src/graphics/curvatureKiloMarker/CurvatureKiloMarker.ts
index 3835f84..9149a78 100644
--- a/src/graphics/curvatureKiloMarker/CurvatureKiloMarker.ts
+++ b/src/graphics/curvatureKiloMarker/CurvatureKiloMarker.ts
@@ -1,4 +1,4 @@
-import { JlGraphic, JlGraphicTemplate } from 'src/jl-graphic';
+import { JlGraphic, JlGraphicTemplate } from 'jl-graphic';
 import {
   IKiloMarkerData,
   KiloMarkerConsts,
diff --git a/src/graphics/curvatureKiloMarker/CurvatureKiloMarkerDrawAssistant.ts b/src/graphics/curvatureKiloMarker/CurvatureKiloMarkerDrawAssistant.ts
index 4b53378..04bb220 100644
--- a/src/graphics/curvatureKiloMarker/CurvatureKiloMarkerDrawAssistant.ts
+++ b/src/graphics/curvatureKiloMarker/CurvatureKiloMarkerDrawAssistant.ts
@@ -5,7 +5,7 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { FederatedMouseEvent, IHitArea, Point } from 'pixi.js';
 import { IKiloMarkerData } from '../kilometerMarker/KilometerMarker';
 import {
diff --git a/src/graphics/departureTimer/DepartureTimer.ts b/src/graphics/departureTimer/DepartureTimer.ts
index c1a0f6a..0fdd161 100644
--- a/src/graphics/departureTimer/DepartureTimer.ts
+++ b/src/graphics/departureTimer/DepartureTimer.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IDepartureTimer extends GraphicData {
   get code(): string;
diff --git a/src/graphics/departureTimer/DepartureTimerDrawAssistant.ts b/src/graphics/departureTimer/DepartureTimerDrawAssistant.ts
index dc0886d..83ef550 100644
--- a/src/graphics/departureTimer/DepartureTimerDrawAssistant.ts
+++ b/src/graphics/departureTimer/DepartureTimerDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   DepartureTimer,
   DepartureTimerTemplate,
diff --git a/src/graphics/esbButton/EsbButton.ts b/src/graphics/esbButton/EsbButton.ts
index e12bd91..f1573ea 100644
--- a/src/graphics/esbButton/EsbButton.ts
+++ b/src/graphics/esbButton/EsbButton.ts
@@ -5,7 +5,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IEsbButtonData extends GraphicData {
   get code(): string;
diff --git a/src/graphics/esbButton/EsbButtonDrawAssistant.ts b/src/graphics/esbButton/EsbButtonDrawAssistant.ts
index 26357e2..6e01b2b 100644
--- a/src/graphics/esbButton/EsbButtonDrawAssistant.ts
+++ b/src/graphics/esbButton/EsbButtonDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { EsbButton, EsbButtonTemplate, IEsbButtonData } from './EsbButton';
 
 export interface IEsbButtonDataDrawOptions {
diff --git a/src/graphics/esbButton/ZdwxEsb.ts b/src/graphics/esbButton/ZdwxEsb.ts
index 6290ece..286bcfa 100644
--- a/src/graphics/esbButton/ZdwxEsb.ts
+++ b/src/graphics/esbButton/ZdwxEsb.ts
@@ -5,7 +5,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IZdwxEsbData extends GraphicData {
   get code(): string;
diff --git a/src/graphics/esbButton/ZdwxEsbDrawAssistant.ts b/src/graphics/esbButton/ZdwxEsbDrawAssistant.ts
index d6be6d1..3fcddfa 100644
--- a/src/graphics/esbButton/ZdwxEsbDrawAssistant.ts
+++ b/src/graphics/esbButton/ZdwxEsbDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   ZdwxEsb,
   ZdwxEsbTemplate,
diff --git a/src/graphics/gatedBox/GatedBox.ts b/src/graphics/gatedBox/GatedBox.ts
index 5cbd38c..42758e9 100644
--- a/src/graphics/gatedBox/GatedBox.ts
+++ b/src/graphics/gatedBox/GatedBox.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IGatedBox extends GraphicData {
   get code(): string;
diff --git a/src/graphics/gatedBox/GatedBoxDrawAssistant.ts b/src/graphics/gatedBox/GatedBoxDrawAssistant.ts
index 7a3a28f..e281041 100644
--- a/src/graphics/gatedBox/GatedBoxDrawAssistant.ts
+++ b/src/graphics/gatedBox/GatedBoxDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { GatedBox, GatedBoxTemplate, IGatedBox } from './GatedBox';
 
 export interface IGatedBoxDrawOptions {
diff --git a/src/graphics/ibpAlarm/IbpAlarm.ts b/src/graphics/ibpAlarm/IbpAlarm.ts
index ad69ac3..86b093a 100644
--- a/src/graphics/ibpAlarm/IbpAlarm.ts
+++ b/src/graphics/ibpAlarm/IbpAlarm.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import Ibp_Alarm_Assets from './ibp-alarm-spritesheet.png';
 import Ibp_Alarm_JSON from './ibp-alarm-data.json';
 
diff --git a/src/graphics/ibpAlarm/IbpAlarmDrawAssistant.ts b/src/graphics/ibpAlarm/IbpAlarmDrawAssistant.ts
index 5af02c1..67dd9d6 100644
--- a/src/graphics/ibpAlarm/IbpAlarmDrawAssistant.ts
+++ b/src/graphics/ibpAlarm/IbpAlarmDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IIbpAlarmData, IbpAlarm, IbpAlarmTemplate } from './IbpAlarm';
 
 export class IbpAlarmDraw extends GraphicDrawAssistant<
diff --git a/src/graphics/ibpKey/IbpKey.ts b/src/graphics/ibpKey/IbpKey.ts
index 37119e8..8529384 100644
--- a/src/graphics/ibpKey/IbpKey.ts
+++ b/src/graphics/ibpKey/IbpKey.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import Ibp_Key_Assets from './ibp-key-spritesheet.png';
 import Ibp_Key_JSON from './ibp-key-data.json';
 
diff --git a/src/graphics/ibpKey/IbpKeyDrawAssistant.ts b/src/graphics/ibpKey/IbpKeyDrawAssistant.ts
index b6a3787..809f6c6 100644
--- a/src/graphics/ibpKey/IbpKeyDrawAssistant.ts
+++ b/src/graphics/ibpKey/IbpKeyDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IIbpKeyData, IbpKey, IbpKeyTemplate } from './IbpKey';
 
 export class IbpKeyDraw extends GraphicDrawAssistant<
diff --git a/src/graphics/ibpLight/IbpLight.ts b/src/graphics/ibpLight/IbpLight.ts
index 86513a9..ea1cf0c 100644
--- a/src/graphics/ibpLight/IbpLight.ts
+++ b/src/graphics/ibpLight/IbpLight.ts
@@ -4,7 +4,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { ibpGraphicData } from 'src/protos/ibpGraphics';
 
 export interface IIbpLightData extends GraphicData {
diff --git a/src/graphics/ibpLight/IbpLightDrawAssistant.ts b/src/graphics/ibpLight/IbpLightDrawAssistant.ts
index 44644f9..dff6aea 100644
--- a/src/graphics/ibpLight/IbpLightDrawAssistant.ts
+++ b/src/graphics/ibpLight/IbpLightDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { IIbpLightData, IbpLight, IbpLightTempalte } from './IbpLight';
 import { DisplayObject, FederatedMouseEvent, Point } from 'pixi.js';
 
diff --git a/src/graphics/ibpStationText/ibpStationText.ts b/src/graphics/ibpStationText/ibpStationText.ts
index 1279c83..bd9b79a 100644
--- a/src/graphics/ibpStationText/ibpStationText.ts
+++ b/src/graphics/ibpStationText/ibpStationText.ts
@@ -3,7 +3,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { ibpGraphicData } from 'src/protos/ibpGraphics';
 
 export interface IIbpStationTextData extends GraphicData {
diff --git a/src/graphics/ibpStationText/ibpStationTextDrawAssistant.ts b/src/graphics/ibpStationText/ibpStationTextDrawAssistant.ts
index b07e638..be6c82d 100644
--- a/src/graphics/ibpStationText/ibpStationTextDrawAssistant.ts
+++ b/src/graphics/ibpStationText/ibpStationTextDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   IDrawApp,
   JlGraphic,
   calculateLineMidpoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   IIbpStationTextData,
   IbpStationText,
diff --git a/src/graphics/kilometerMarker/KilometerMarker.ts b/src/graphics/kilometerMarker/KilometerMarker.ts
index 131f19a..fa18798 100644
--- a/src/graphics/kilometerMarker/KilometerMarker.ts
+++ b/src/graphics/kilometerMarker/KilometerMarker.ts
@@ -1,6 +1,6 @@
 import { Graphics } from 'pixi.js';
 import { KilometerSystem } from '../signal/Signal';
-import { GraphicData } from 'src/jl-graphic';
+import { GraphicData } from 'jl-graphic';
 
 export const KiloMarkerConsts = {
   size: 50,
diff --git a/src/graphics/link/Link.ts b/src/graphics/link/Link.ts
index 4d3557f..864607a 100644
--- a/src/graphics/link/Link.ts
+++ b/src/graphics/link/Link.ts
@@ -6,9 +6,8 @@ import {
   VectorText,
   getNormalVector,
   movePointAlongNormal,
-  GraphicIdGenerator,
-} from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
+  GraphicIdGenerator, ILineGraphic
+} from 'jl-graphic';
 import { AxleCounting } from '../axleCounting/AxleCounting';
 import { IRelatedRefData, DevicePosition } from '../CommonGraphics';
 import { Turnout } from '../turnout/Turnout';
diff --git a/src/graphics/link/LinkDrawAssistant.ts b/src/graphics/link/LinkDrawAssistant.ts
index c9d7623..63c8087 100644
--- a/src/graphics/link/LinkDrawAssistant.ts
+++ b/src/graphics/link/LinkDrawAssistant.ts
@@ -6,14 +6,12 @@ import {
   JlGraphic,
   linePoint,
   VectorText,
-} from 'src/jl-graphic';
-import { ILinkData, Link, LinkConsts, LinkTemplate } from './Link';
-import { DisplayObject, Graphics, IHitArea, Point } from 'pixi.js';
-import {
   PolylineEditPlugin,
   ILineGraphic,
   IEditPointOptions,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
+} from 'jl-graphic';
+import { ILinkData, Link, LinkConsts, LinkTemplate } from './Link';
+import { DisplayObject, Graphics, IHitArea, Point } from 'pixi.js';
 
 export class LinkDraw extends GraphicDrawAssistant<LinkTemplate, ILinkData> {
   points: Point[] = [];
diff --git a/src/graphics/logicSection/LogicSection.ts b/src/graphics/logicSection/LogicSection.ts
index d21615a..6ff2c49 100644
--- a/src/graphics/logicSection/LogicSection.ts
+++ b/src/graphics/logicSection/LogicSection.ts
@@ -8,7 +8,7 @@ import {
   calculateLineMidpoint,
   getNormalVector,
   movePointAlongNormal,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface ILogicSectionData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/logicSection/LogicSectionDrawAssistant.ts b/src/graphics/logicSection/LogicSectionDrawAssistant.ts
index 424509b..0a0d167 100644
--- a/src/graphics/logicSection/LogicSectionDrawAssistant.ts
+++ b/src/graphics/logicSection/LogicSectionDrawAssistant.ts
@@ -13,7 +13,9 @@ import {
   JlGraphic,
   linePoint,
   splitLineEvenly,
-} from 'src/jl-graphic';
+  MenuItemOptions,
+  ContextMenu
+} from 'jl-graphic';
 
 import {
   ILogicSectionData,
@@ -25,8 +27,6 @@ import { Turnout } from '../turnout/Turnout';
 import { LogicSectionData } from 'src/drawApp/graphics/LogicSectionInteraction';
 import { AxleCountingSection } from '../axleCountingSection/AxleCountingSection';
 import SectionSplitDialog from 'src/components/draw-app/dialogs/SectionSplitDialog.vue';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 import { Dialog } from 'quasar';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 
@@ -251,14 +251,14 @@ export class LogicSectionInteraction extends GraphicInteractionPlugin<LogicSecti
         if (
           (dir === 'ltr' &&
             axleCountingSectionData.points[0].x >
-              axleCountingSectionData.points[
-                axleCountingSectionData.points.length - 1
-              ].x) ||
+            axleCountingSectionData.points[
+              axleCountingSectionData.points.length - 1
+            ].x) ||
           (dir === 'rtl' &&
             axleCountingSectionData.points[0].x <
-              axleCountingSectionData.points[
-                axleCountingSectionData.points.length - 1
-              ].x)
+            axleCountingSectionData.points[
+              axleCountingSectionData.points.length - 1
+            ].x)
         ) {
         }
         points.forEach((ps) => {
diff --git a/src/graphics/phaseFailureProtector/PhaseFailureProtector.ts b/src/graphics/phaseFailureProtector/PhaseFailureProtector.ts
index 020087a..899acfc 100644
--- a/src/graphics/phaseFailureProtector/PhaseFailureProtector.ts
+++ b/src/graphics/phaseFailureProtector/PhaseFailureProtector.ts
@@ -5,7 +5,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   getRectangleCenter,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IPhaseFailureProtectorData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/phaseFailureProtector/PhaseFailureProtectorDrawAssistant.ts b/src/graphics/phaseFailureProtector/PhaseFailureProtectorDrawAssistant.ts
index fae99d1..88a66ac 100644
--- a/src/graphics/phaseFailureProtector/PhaseFailureProtectorDrawAssistant.ts
+++ b/src/graphics/phaseFailureProtector/PhaseFailureProtectorDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   IPhaseFailureProtectorData,
diff --git a/src/graphics/platform/Platform.ts b/src/graphics/platform/Platform.ts
index 5b10661..abe4446 100644
--- a/src/graphics/platform/Platform.ts
+++ b/src/graphics/platform/Platform.ts
@@ -6,7 +6,7 @@ import {
   JlGraphicTemplate,
   distance2,
   getRectangleCenter,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Station } from '../station/Station';
 import { Section } from '../section/Section';
 import { state } from 'src/protos/device_state';
diff --git a/src/graphics/platform/PlatformDrawAssistant.ts b/src/graphics/platform/PlatformDrawAssistant.ts
index b90cde0..84b79bf 100644
--- a/src/graphics/platform/PlatformDrawAssistant.ts
+++ b/src/graphics/platform/PlatformDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { IPlatformData, Platform, PlatformTemplate } from './Platform';
 
diff --git a/src/graphics/polygon/Polygon.ts b/src/graphics/polygon/Polygon.ts
index 9efdffb..fd2b83a 100644
--- a/src/graphics/polygon/Polygon.ts
+++ b/src/graphics/polygon/Polygon.ts
@@ -1,6 +1,5 @@
 import { Graphics, IPointData } from 'pixi.js';
-import { GraphicData, JlGraphic, JlGraphicTemplate } from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
+import { GraphicData, JlGraphic, JlGraphicTemplate, ILineGraphic } from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 
 export interface IPolygonData extends GraphicData {
diff --git a/src/graphics/polygon/PolygonDrawAssistant.ts b/src/graphics/polygon/PolygonDrawAssistant.ts
index 9660bd9..2172457 100644
--- a/src/graphics/polygon/PolygonDrawAssistant.ts
+++ b/src/graphics/polygon/PolygonDrawAssistant.ts
@@ -5,7 +5,13 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+  PolylineEditPlugin,
+  addWayPoint,
+  clearWayPoint,
+  getWayLineIndex,
+  MenuItemOptions,
+  ContextMenu
+} from 'jl-graphic';
 import {
   IPolygonData,
   Polygon,
@@ -19,14 +25,6 @@ import {
   IHitArea,
   Point,
 } from 'pixi.js';
-import {
-  PolylineEditPlugin,
-  addWayPoint,
-  clearWayPoint,
-  getWayLineIndex,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
 
 export class PolygonDraw extends GraphicDrawAssistant<
   PolygonTemplate,
diff --git a/src/graphics/polygon/PolygonUtils.ts b/src/graphics/polygon/PolygonUtils.ts
index e0caf99..229513a 100644
--- a/src/graphics/polygon/PolygonUtils.ts
+++ b/src/graphics/polygon/PolygonUtils.ts
@@ -2,7 +2,7 @@ import { IPointData } from 'pixi.js';
 import {
   calculateDistanceFromPointToLine,
   calculateFootPointFromPointToLine,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 //获取所选线段的索引
 export function getWayLineIndex(
@@ -61,7 +61,7 @@ export function isPointInPolygon(point: IPointData, polygon: IPointData[]) {
     }
     const x =
       ((point.y - startPoint.y) * (endPoint.x - startPoint.x)) /
-        (endPoint.y - startPoint.y) +
+      (endPoint.y - startPoint.y) +
       startPoint.x;
     if (x > point.x) {
       intersections++;
diff --git a/src/graphics/pslButton/pslButton.ts b/src/graphics/pslButton/pslButton.ts
index 6412846..53ad82e 100644
--- a/src/graphics/pslButton/pslButton.ts
+++ b/src/graphics/pslButton/pslButton.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import Psl_Button_Assets from './psl-button-spritesheet.png';
 import Psl_Button_JSON from './psl-button-data.json';
 
diff --git a/src/graphics/pslButton/pslButtonDrawAssistant.ts b/src/graphics/pslButton/pslButtonDrawAssistant.ts
index 2987193..a6bf520 100644
--- a/src/graphics/pslButton/pslButtonDrawAssistant.ts
+++ b/src/graphics/pslButton/pslButtonDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { PslKey } from '../pslKey/pslKey';
 import { PslLight } from '../pslLight/pslLight';
 import { IPslButtonData, PslButton, PslButtonTemplate } from './pslButton';
diff --git a/src/graphics/pslKey/pslKey.ts b/src/graphics/pslKey/pslKey.ts
index 89c9130..e75ea57 100644
--- a/src/graphics/pslKey/pslKey.ts
+++ b/src/graphics/pslKey/pslKey.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import Psl_Key_Assets from './psl-key-spritesheet.png';
 import Psl_Key_JSON from './psl-key-data.json';
 
diff --git a/src/graphics/pslKey/pslKeyDrawAssistant.ts b/src/graphics/pslKey/pslKeyDrawAssistant.ts
index b87f44c..aa89de0 100644
--- a/src/graphics/pslKey/pslKeyDrawAssistant.ts
+++ b/src/graphics/pslKey/pslKeyDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { PslButton } from '../pslButton/pslButton';
 import { PslLight } from '../pslLight/pslLight';
 import { IPslKeyData, PslKey, PslKeyTemplate } from './pslKey';
diff --git a/src/graphics/pslLight/pslLight.ts b/src/graphics/pslLight/pslLight.ts
index b483026..145d370 100644
--- a/src/graphics/pslLight/pslLight.ts
+++ b/src/graphics/pslLight/pslLight.ts
@@ -3,7 +3,7 @@ import {
   GraphicState,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import Psl_Light_Assets from './psl-light-spritesheet.png';
 import Psl_Light_JSON from './psl-light-data.json';
 
diff --git a/src/graphics/pslLight/pslLightDrawAssistant.ts b/src/graphics/pslLight/pslLightDrawAssistant.ts
index eb705f1..ff74ce3 100644
--- a/src/graphics/pslLight/pslLightDrawAssistant.ts
+++ b/src/graphics/pslLight/pslLightDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { PslButton } from '../pslButton/pslButton';
 import { PslKey } from '../pslKey/pslKey';
 import { IPslLightData, PslLight, PslLightTemplate } from './pslLight';
diff --git a/src/graphics/relay/Relay.ts b/src/graphics/relay/Relay.ts
index 80db1af..7d1ff3e 100644
--- a/src/graphics/relay/Relay.ts
+++ b/src/graphics/relay/Relay.ts
@@ -5,7 +5,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { relayCabinetGraphicData } from 'src/protos/relayCabinetLayoutGraphics';
 export interface IRelayData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/relay/RelayDrawAssistant.ts b/src/graphics/relay/RelayDrawAssistant.ts
index 4063ca0..fa75250 100644
--- a/src/graphics/relay/RelayDrawAssistant.ts
+++ b/src/graphics/relay/RelayDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { IRelayData, Relay, RelayTemplate } from './Relay';
 
diff --git a/src/graphics/relayCabinet/RelayCabinet.ts b/src/graphics/relayCabinet/RelayCabinet.ts
index 12ad597..e7b1275 100644
--- a/src/graphics/relayCabinet/RelayCabinet.ts
+++ b/src/graphics/relayCabinet/RelayCabinet.ts
@@ -5,7 +5,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   getRectangleCenter,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface IRelayCabinetData extends GraphicData {
   get code(): string; // 编号
@@ -81,9 +81,9 @@ export class RelayCabinet extends JlGraphic {
           }
           text.position.set(
             -relayCabinetConsts.width / 2 +
-              (i + 1 / 2) * relayCabinetConsts.cellWidth,
+            (i + 1 / 2) * relayCabinetConsts.cellWidth,
             -relayCabinetConsts.height / 2 +
-              (j + 1 / 2) * relayCabinetConsts.cellHeight
+            (j + 1 / 2) * relayCabinetConsts.cellHeight
           );
           this.posText.addChild(text);
         }
diff --git a/src/graphics/relayCabinet/RelayCabinetDrawAssistant.ts b/src/graphics/relayCabinet/RelayCabinetDrawAssistant.ts
index a42f273..ca02d7f 100644
--- a/src/graphics/relayCabinet/RelayCabinetDrawAssistant.ts
+++ b/src/graphics/relayCabinet/RelayCabinetDrawAssistant.ts
@@ -11,7 +11,7 @@ import {
   IGraphicApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   IRelayCabinetData,
diff --git a/src/graphics/screenDoor/ScreenDoor.ts b/src/graphics/screenDoor/ScreenDoor.ts
index a06865e..c192f72 100644
--- a/src/graphics/screenDoor/ScreenDoor.ts
+++ b/src/graphics/screenDoor/ScreenDoor.ts
@@ -6,7 +6,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   distance2,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Platform } from '../platform/Platform';
 import { state } from 'src/protos/device_state';
 
diff --git a/src/graphics/screenDoor/ScreenDoorDrawAssistant.ts b/src/graphics/screenDoor/ScreenDoorDrawAssistant.ts
index 4e7ed4f..ce08956 100644
--- a/src/graphics/screenDoor/ScreenDoorDrawAssistant.ts
+++ b/src/graphics/screenDoor/ScreenDoorDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { IScreenDoorData, ScreenDoor, ScreenDoorTemplate } from './ScreenDoor';
 import { Platform } from 'src/graphics/platform/Platform';
diff --git a/src/graphics/section/Section.ts b/src/graphics/section/Section.ts
index eba9b2b..a5c7f82 100644
--- a/src/graphics/section/Section.ts
+++ b/src/graphics/section/Section.ts
@@ -9,15 +9,17 @@ import {
   convertToBezierParams,
   distance2,
   splitLineEvenly,
-} from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
+  ILineGraphic,
+} from 'jl-graphic';
+
+import { Vector2 } from 'jl-graphic';
+
 import {
   IRelatedRefData,
   createRelatedRefProto,
   protoPort2Data,
 } from '../CommonGraphics';
 import { Turnout } from '../turnout/Turnout';
-import Vector2 from 'src/jl-graphic/math/Vector2';
 import { AxleCounting } from '../axleCounting/AxleCounting';
 import { TrackSection } from '../trackSection/TrackSection';
 import { SectionGraphic } from '../sectionGraphic/SectionGraphic';
@@ -391,8 +393,7 @@ export interface ISectionTemplateProperty {
 
 export class SectionTemplate
   extends JlGraphicTemplate<Section>
-  implements ISectionTemplateProperty
-{
+  implements ISectionTemplateProperty {
   isCurve = false;
   segmentsCount = 10;
   constructor(dataTemplate: ISectionData, stateTemplate?: ISectionState) {
diff --git a/src/graphics/section/SectionDrawAssistant.ts b/src/graphics/section/SectionDrawAssistant.ts
index 8f8b1dc..3d43e96 100644
--- a/src/graphics/section/SectionDrawAssistant.ts
+++ b/src/graphics/section/SectionDrawAssistant.ts
@@ -28,12 +28,6 @@ import {
   convertToBezierParams,
   linePoint,
   pointPolygon,
-} from 'src/jl-graphic';
-import AbsorbablePoint, {
-  AbsorbableLine,
-  AbsorbablePosition,
-} from 'src/jl-graphic/graphic/AbsorbablePosition';
-import {
   BezierCurveEditPlugin,
   IEditPointOptions,
   ILineGraphic,
@@ -41,9 +35,12 @@ import {
   addWayPoint,
   clearWayPoint,
   getWaypointRangeIndex,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
+  ContextMenu,
+  MenuItemOptions,
+  AbsorbableLine,
+  AbsorbablePosition,
+  AbsorbablePoint
+} from 'jl-graphic';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
 import { AxleCounting } from '../axleCounting/AxleCounting';
 import { LogicSection } from '../logicSection/LogicSection';
@@ -536,10 +533,10 @@ export class SectionPointEditPlugin extends GraphicInteractionPlugin<Section> {
         if (
           (dir === 'ltr' &&
             sectionData.points[0].x >
-              sectionData.points[sectionData.points.length - 1].x) ||
+            sectionData.points[sectionData.points.length - 1].x) ||
           (dir === 'rtl' &&
             sectionData.points[0].x <
-              sectionData.points[sectionData.points.length - 1].x)
+            sectionData.points[sectionData.points.length - 1].x)
         ) {
           codeAppend = codeAppend.split('').reverse().join('');
         }
diff --git a/src/graphics/sectionGraphic/SectionGraphic.ts b/src/graphics/sectionGraphic/SectionGraphic.ts
index 92c4ce4..400e5b8 100644
--- a/src/graphics/sectionGraphic/SectionGraphic.ts
+++ b/src/graphics/sectionGraphic/SectionGraphic.ts
@@ -1,5 +1,5 @@
 import { Graphics, IPointData } from 'pixi.js';
-import { assertBezierPoints, convertToBezierParams } from 'src/jl-graphic';
+import { assertBezierPoints, convertToBezierParams } from 'jl-graphic';
 
 export class SectionGraphic extends Graphics {
   static Type = 'SectionGraphic';
diff --git a/src/graphics/sectionLink/SectionLink.ts b/src/graphics/sectionLink/SectionLink.ts
index 44266bf..2e9aa40 100644
--- a/src/graphics/sectionLink/SectionLink.ts
+++ b/src/graphics/sectionLink/SectionLink.ts
@@ -8,15 +8,13 @@ import {
   GraphicRelationParam,
   getNormalVector,
   movePointAlongNormal,
-} from 'src/jl-graphic';
-import { ILineGraphic } from 'src/jl-graphic/plugins/GraphicEditPlugin';
-import { AxleCounting } from '../axleCounting/AxleCounting';
+  ILineGraphic
+} from 'jl-graphic';
 import {
   IRelatedRefData,
   ISimpleRefData,
   protoPort2Data,
 } from '../CommonGraphics';
-import { Turnout } from '../turnout/Turnout';
 
 export interface ISectionLinkData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/sectionLink/SectionLinkDrawAssistant.ts b/src/graphics/sectionLink/SectionLinkDrawAssistant.ts
index fb23770..93826e1 100644
--- a/src/graphics/sectionLink/SectionLinkDrawAssistant.ts
+++ b/src/graphics/sectionLink/SectionLinkDrawAssistant.ts
@@ -8,7 +8,10 @@ import {
   GraphicIdGenerator,
   VectorText,
   AppConsts,
-} from 'src/jl-graphic';
+  PolylineEditPlugin,
+  ILineGraphic,
+  IEditPointOptions,
+} from 'jl-graphic';
 import {
   ISectionLinkData,
   SectionLink,
@@ -21,11 +24,6 @@ import { Turnout } from '../turnout/Turnout';
 import { AxleCounting } from '../axleCounting/AxleCounting';
 import { IRelatedRefData } from '../CommonGraphics';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
-import {
-  PolylineEditPlugin,
-  ILineGraphic,
-  IEditPointOptions,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
 
 const rrDevicePort = graphicData.RelatedRef.DevicePort;
 const rrDeviceType = graphicData.RelatedRef.DeviceType;
diff --git a/src/graphics/separator/Separator.ts b/src/graphics/separator/Separator.ts
index cc3d4f4..bf7a91c 100644
--- a/src/graphics/separator/Separator.ts
+++ b/src/graphics/separator/Separator.ts
@@ -1,5 +1,5 @@
 import { Color, Graphics } from 'pixi.js';
-import { GraphicData, JlGraphic, JlGraphicTemplate } from 'src/jl-graphic';
+import { GraphicData, JlGraphic, JlGraphicTemplate } from 'jl-graphic';
 
 export interface ISeparatorData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/separator/SeparatorDrawAssistant.ts b/src/graphics/separator/SeparatorDrawAssistant.ts
index 8018627..3c4c4cc 100644
--- a/src/graphics/separator/SeparatorDrawAssistant.ts
+++ b/src/graphics/separator/SeparatorDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   IDrawApp,
   JlGraphic,
   pointBox,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Section, SectionType } from '../section/Section';
 import {
   ISeparatorData,
diff --git a/src/graphics/signal/LampMainBody.ts b/src/graphics/signal/LampMainBody.ts
index bff0850..e5d8717 100644
--- a/src/graphics/signal/LampMainBody.ts
+++ b/src/graphics/signal/LampMainBody.ts
@@ -3,7 +3,7 @@ import {
   calculateMirrorPoint,
   GraphicAnimation,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Lamp } from './Lamp';
 import { ISignalState, SignalColorEnum, signalConsts } from './Signal';
 import { state } from 'src/protos/device_state';
diff --git a/src/graphics/signal/Signal.ts b/src/graphics/signal/Signal.ts
index d2aca9a..6dfabee 100644
--- a/src/graphics/signal/Signal.ts
+++ b/src/graphics/signal/Signal.ts
@@ -8,8 +8,8 @@ import {
   isPointOnLine,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
-import { calculateMirrorPoint } from 'src/jl-graphic';
+} from 'jl-graphic';
+import { calculateMirrorPoint } from 'jl-graphic';
 import { LampMainBody } from './LampMainBody';
 import {
   drawArrow,
diff --git a/src/graphics/signal/SignalCode.ts b/src/graphics/signal/SignalCode.ts
index f732683..dc52319 100644
--- a/src/graphics/signal/SignalCode.ts
+++ b/src/graphics/signal/SignalCode.ts
@@ -1,5 +1,5 @@
 import { Container, Graphics, Point } from 'pixi.js';
-import { VectorText } from 'src/jl-graphic';
+import { VectorText } from 'jl-graphic';
 import {
   ISignalData,
   ISignalState,
diff --git a/src/graphics/signal/SignalDrawAssistant.ts b/src/graphics/signal/SignalDrawAssistant.ts
index f351e33..b4871c2 100644
--- a/src/graphics/signal/SignalDrawAssistant.ts
+++ b/src/graphics/signal/SignalDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { ISignalData, Signal, SignalTemplate } from './Signal';
 
diff --git a/src/graphics/signalFaultAlarm/SignalFaultAlarm.ts b/src/graphics/signalFaultAlarm/SignalFaultAlarm.ts
index 50008d1..1358b3b 100644
--- a/src/graphics/signalFaultAlarm/SignalFaultAlarm.ts
+++ b/src/graphics/signalFaultAlarm/SignalFaultAlarm.ts
@@ -5,7 +5,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   getRectangleCenter,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface ISignalFaultAlarmData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/signalFaultAlarm/SignalFaultAlarmDrawAssistant.ts b/src/graphics/signalFaultAlarm/SignalFaultAlarmDrawAssistant.ts
index 77b8ce5..1c26abd 100644
--- a/src/graphics/signalFaultAlarm/SignalFaultAlarmDrawAssistant.ts
+++ b/src/graphics/signalFaultAlarm/SignalFaultAlarmDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   ISignalFaultAlarmData,
diff --git a/src/graphics/slope/Slope.ts b/src/graphics/slope/Slope.ts
index bc0580a..c118085 100644
--- a/src/graphics/slope/Slope.ts
+++ b/src/graphics/slope/Slope.ts
@@ -5,7 +5,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   calculateLineMidpoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { SlopeKiloMarker } from '../slopeKiloMarker/SlopeKiloMarker';
 import { KiloMarkerConsts } from '../kilometerMarker/KilometerMarker';
 export interface ISlopeData extends GraphicData {
diff --git a/src/graphics/slope/SlopeAssistant.ts b/src/graphics/slope/SlopeAssistant.ts
index c7a7c90..557e6b4 100644
--- a/src/graphics/slope/SlopeAssistant.ts
+++ b/src/graphics/slope/SlopeAssistant.ts
@@ -6,7 +6,7 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { ISlopeData, Slope, SlopeTemplate, SlopeConsts } from './Slope';
 import { SlopeKiloMarker } from '../slopeKiloMarker/SlopeKiloMarker';
diff --git a/src/graphics/slopeKiloMarker/SlopeKiloMarker.ts b/src/graphics/slopeKiloMarker/SlopeKiloMarker.ts
index 3aa5e86..8fcc429 100644
--- a/src/graphics/slopeKiloMarker/SlopeKiloMarker.ts
+++ b/src/graphics/slopeKiloMarker/SlopeKiloMarker.ts
@@ -1,4 +1,4 @@
-import { JlGraphic, JlGraphicTemplate } from 'src/jl-graphic';
+import { JlGraphic, JlGraphicTemplate } from 'jl-graphic';
 import {
   IKiloMarkerData,
   KiloMarkerConsts,
diff --git a/src/graphics/slopeKiloMarker/SlopeKiloMarkerDrawAssistant.ts b/src/graphics/slopeKiloMarker/SlopeKiloMarkerDrawAssistant.ts
index 4fa492e..51e88bb 100644
--- a/src/graphics/slopeKiloMarker/SlopeKiloMarkerDrawAssistant.ts
+++ b/src/graphics/slopeKiloMarker/SlopeKiloMarkerDrawAssistant.ts
@@ -5,7 +5,7 @@ import {
   IDrawApp,
   JlGraphic,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { SlopeKiloMarker, SlopeKiloMarkerTemplate } from './SlopeKiloMarker';
 import { FederatedMouseEvent, IHitArea, Point } from 'pixi.js';
 import { IKiloMarkerData } from '../kilometerMarker/KilometerMarker';
diff --git a/src/graphics/spksSwitch/SpksSwitch.ts b/src/graphics/spksSwitch/SpksSwitch.ts
index ad8c969..4d1a475 100644
--- a/src/graphics/spksSwitch/SpksSwitch.ts
+++ b/src/graphics/spksSwitch/SpksSwitch.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface ISpksSwitchData extends GraphicData {
   get code(): string;
diff --git a/src/graphics/spksSwitch/SpksSwitchDrawAssistant.ts b/src/graphics/spksSwitch/SpksSwitchDrawAssistant.ts
index 753b00d..72101f9 100644
--- a/src/graphics/spksSwitch/SpksSwitchDrawAssistant.ts
+++ b/src/graphics/spksSwitch/SpksSwitchDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { ISpksSwitchData, SpksSwitch, SpksSwitchTemplate } from './SpksSwitch';
 
 export interface ISpksSwitchDataDrawOptions {
diff --git a/src/graphics/station/Station.ts b/src/graphics/station/Station.ts
index fc2864d..72661e2 100644
--- a/src/graphics/station/Station.ts
+++ b/src/graphics/station/Station.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { KilometerSystem } from '../signal/Signal';
 import { Platform } from '../platform/Platform';
 
diff --git a/src/graphics/station/StationDrawAssistant.ts b/src/graphics/station/StationDrawAssistant.ts
index e42f361..06fe671 100644
--- a/src/graphics/station/StationDrawAssistant.ts
+++ b/src/graphics/station/StationDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { IStationData, Station, StationTemplate } from './Station';
 
diff --git a/src/graphics/stopPosition/StopPosition.ts b/src/graphics/stopPosition/StopPosition.ts
index 0e52658..4944091 100644
--- a/src/graphics/stopPosition/StopPosition.ts
+++ b/src/graphics/stopPosition/StopPosition.ts
@@ -8,7 +8,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   GraphicRelationParam,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   IRelatedRefData,
   createRelatedRefProto,
diff --git a/src/graphics/stopPosition/StopPositionDrawAssistant.ts b/src/graphics/stopPosition/StopPositionDrawAssistant.ts
index 10a46db..92f11ed 100644
--- a/src/graphics/stopPosition/StopPositionDrawAssistant.ts
+++ b/src/graphics/stopPosition/StopPositionDrawAssistant.ts
@@ -11,7 +11,7 @@ import {
   JlGraphic,
   calculateLineMidpoint,
   distance2,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   CoachNum,
   IStopPosition,
diff --git a/src/graphics/textContent/TextContent.ts b/src/graphics/textContent/TextContent.ts
index 05f34b8..03145ac 100644
--- a/src/graphics/textContent/TextContent.ts
+++ b/src/graphics/textContent/TextContent.ts
@@ -3,7 +3,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface ITextContentData extends GraphicData {
   get code(): string; // 编号
diff --git a/src/graphics/textContent/TextContentDrawAssistant.ts b/src/graphics/textContent/TextContentDrawAssistant.ts
index 67022a6..ffc7921 100644
--- a/src/graphics/textContent/TextContentDrawAssistant.ts
+++ b/src/graphics/textContent/TextContentDrawAssistant.ts
@@ -6,7 +6,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   ITextContentData,
diff --git a/src/graphics/trackLogicSection/TrackLogicSection.ts b/src/graphics/trackLogicSection/TrackLogicSection.ts
index 0f09a65..d9e2a13 100644
--- a/src/graphics/trackLogicSection/TrackLogicSection.ts
+++ b/src/graphics/trackLogicSection/TrackLogicSection.ts
@@ -11,7 +11,7 @@ import {
   calculateLineMidpoint,
   getNormalVector,
   movePointAlongNormal,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 export interface ITrackLogicSectionData extends GraphicData {
   get code(): string;
diff --git a/src/graphics/trackLogicSection/TrackLogicSectionDrawAssistant.ts b/src/graphics/trackLogicSection/TrackLogicSectionDrawAssistant.ts
index 797373e..f23429f 100644
--- a/src/graphics/trackLogicSection/TrackLogicSectionDrawAssistant.ts
+++ b/src/graphics/trackLogicSection/TrackLogicSectionDrawAssistant.ts
@@ -3,7 +3,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   ITrackLogicSectionData,
   TrackLogicSection,
diff --git a/src/graphics/trackSection/TrackSection.ts b/src/graphics/trackSection/TrackSection.ts
index 7fe6aa7..14095ff 100644
--- a/src/graphics/trackSection/TrackSection.ts
+++ b/src/graphics/trackSection/TrackSection.ts
@@ -8,7 +8,7 @@ import {
   JlGraphic,
   JlGraphicTemplate,
   VectorText,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { SectionConsts } from '../section/Section';
 import { TrackLogicSection } from '../trackLogicSection/TrackLogicSection';
 import { SectionGraphic } from '../sectionGraphic/SectionGraphic';
diff --git a/src/graphics/trackSection/TrackSectionDrawAssistant.ts b/src/graphics/trackSection/TrackSectionDrawAssistant.ts
index a30140b..15cebb4 100644
--- a/src/graphics/trackSection/TrackSectionDrawAssistant.ts
+++ b/src/graphics/trackSection/TrackSectionDrawAssistant.ts
@@ -5,7 +5,9 @@ import {
   IDrawApp,
   JlGraphic,
   splitPolyline,
-} from 'src/jl-graphic';
+  ContextMenu,
+  MenuItemOptions,
+} from 'jl-graphic';
 import {
   ITrackSectionData,
   TrackSection,
@@ -17,8 +19,6 @@ import { Section, SectionType } from '../section/Section';
 import { Turnout } from '../turnout/Turnout';
 import { TrackSectionData } from 'src/drawApp/graphics/TrackSectionInteraction';
 import { graphicData } from 'src/protos/stationLayoutGraphics';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
 import { Dialog } from 'quasar';
 import SectionSplitDialogVue from 'src/components/draw-app/dialogs/SectionSplitDialog.vue';
 import { TrackLogicSection } from '../trackLogicSection/TrackLogicSection';
@@ -187,9 +187,8 @@ export class TrackSectionInteraction extends GraphicInteractionPlugin<TrackSecti
           data.points = ps.map(
             (p) => new graphicData.Point({ x: p.x, y: p.y })
           );
-          data.code = `${
-            trackSection.datas.code
-          }_${'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.charAt(i % 26)}`;
+          data.code = `${trackSection.datas.code
+            }_${'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.charAt(i % 26)}`;
           data.length = i !== num - 1 ? logicSectionLen[0] : logicSectionLen[1];
           console.log(data.length);
           const g = new TrackLogicSection();
diff --git a/src/graphics/train/Train.ts b/src/graphics/train/Train.ts
index 2efc4e6..56fce4e 100644
--- a/src/graphics/train/Train.ts
+++ b/src/graphics/train/Train.ts
@@ -8,7 +8,7 @@ import {
   VectorText,
   calculateMirrorPoint,
   distance,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Turnout } from '../turnout/Turnout';
 import { DevicePort, Section } from '../section/Section';
 import { AxleCounting } from '../axleCounting/AxleCounting';
@@ -354,7 +354,7 @@ export class Train extends JlGraphic {
           rp.getParam() == this.states.devicePort &&
           ((ac.datas.axleCountingRef.length > 1 &&
             ac.datas.type ==
-              graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
+            graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
             ac.datas.axleCountingRef.length == 1)
         );
       });
@@ -410,7 +410,7 @@ export class Train extends JlGraphic {
         if (
           (other.datas.axleCountingRef.length > 1 &&
             other.datas.type ==
-              graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
+            graphicData.AxleCounting.TypeDetectionPoint.AxleCounting) ||
           other.datas.axleCountingRef.length == 1
         ) {
           if (rp.getParam() == 'A') {
diff --git a/src/graphics/train/TrainDrawAssistant.ts b/src/graphics/train/TrainDrawAssistant.ts
index 349aa15..35949af 100644
--- a/src/graphics/train/TrainDrawAssistant.ts
+++ b/src/graphics/train/TrainDrawAssistant.ts
@@ -4,7 +4,7 @@ import {
   GraphicInteractionPlugin,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import { ITrainData, Train, TrainTemplate } from './Train';
 
diff --git a/src/graphics/trainWindow/TrainWindow.ts b/src/graphics/trainWindow/TrainWindow.ts
index dabeb6e..d678d24 100644
--- a/src/graphics/trainWindow/TrainWindow.ts
+++ b/src/graphics/trainWindow/TrainWindow.ts
@@ -6,7 +6,7 @@ import {
   JlGraphicTemplate,
   distance2,
   getRectangleCenter,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Section, SectionType } from '../section/Section';
 
 export interface ITrainWindowData extends GraphicData {
diff --git a/src/graphics/trainWindow/TrainWindowDrawAssistant.ts b/src/graphics/trainWindow/TrainWindowDrawAssistant.ts
index 7d0b55e..adc109c 100644
--- a/src/graphics/trainWindow/TrainWindowDrawAssistant.ts
+++ b/src/graphics/trainWindow/TrainWindowDrawAssistant.ts
@@ -9,7 +9,7 @@ import {
   JlGraphic,
   distance2,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 
 import {
   ITrainWindowData,
diff --git a/src/graphics/trainWindow/oneClickDrawAssistant.ts b/src/graphics/trainWindow/oneClickDrawAssistant.ts
index 17214fa..6e5a113 100644
--- a/src/graphics/trainWindow/oneClickDrawAssistant.ts
+++ b/src/graphics/trainWindow/oneClickDrawAssistant.ts
@@ -5,7 +5,7 @@ import {
   IDrawApp,
   JlGraphic,
   JlGraphicTemplate,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { TrainWindow } from './TrainWindow';
 import { TrainWindowDraw } from './TrainWindowDrawAssistant';
 import { AxleCounting } from '../axleCounting/AxleCounting';
diff --git a/src/graphics/transponder/Transponder.ts b/src/graphics/transponder/Transponder.ts
index 508d366..a51146c 100644
--- a/src/graphics/transponder/Transponder.ts
+++ b/src/graphics/transponder/Transponder.ts
@@ -6,7 +6,7 @@ import {
   JlGraphicTemplate,
   VectorText,
   linePoint,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { KilometerSystem } from '../signal/Signal';
 import {
   IRelatedRefData,
diff --git a/src/graphics/transponder/TransponderDrawAssistant.ts b/src/graphics/transponder/TransponderDrawAssistant.ts
index 1df13de..2d37236 100644
--- a/src/graphics/transponder/TransponderDrawAssistant.ts
+++ b/src/graphics/transponder/TransponderDrawAssistant.ts
@@ -7,7 +7,7 @@ import {
   GraphicTransformEvent,
   IDrawApp,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   ITransponderData,
   Transponder,
diff --git a/src/graphics/turnout/Turnout.ts b/src/graphics/turnout/Turnout.ts
index eab7460..244285a 100644
--- a/src/graphics/turnout/Turnout.ts
+++ b/src/graphics/turnout/Turnout.ts
@@ -9,7 +9,7 @@ import {
   VectorText,
   angleOfIncludedAngle,
   distance2,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { Section, DevicePort, SectionType } from '../section/Section';
 import {
   IRelatedRefData,
diff --git a/src/graphics/turnout/TurnoutDrawAssistant.ts b/src/graphics/turnout/TurnoutDrawAssistant.ts
index 16e8cc1..2af40e1 100644
--- a/src/graphics/turnout/TurnoutDrawAssistant.ts
+++ b/src/graphics/turnout/TurnoutDrawAssistant.ts
@@ -11,7 +11,13 @@ import {
   linePoint,
   polylinePoint,
   AppConsts,
-} from 'src/jl-graphic';
+  GraphicEditPlugin,
+  getWaypointRangeIndex,
+  ContextMenu,
+  MenuItemOptions,
+  AbsorbablePoint,
+  AbsorbableLine,
+} from 'jl-graphic';
 import {
   ITurnoutData,
   Turnout,
@@ -27,16 +33,7 @@ import {
   IPointData,
   Point,
 } from 'pixi.js';
-import {
-  GraphicEditPlugin,
-  getWaypointRangeIndex,
-} from 'src/jl-graphic/plugins/GraphicEditPlugin';
 import { DevicePort, Section } from '../section/Section';
-import AbsorbablePoint, {
-  AbsorbableLine,
-} from 'src/jl-graphic/graphic/AbsorbablePosition';
-import { ContextMenu } from 'src/jl-graphic/ui/ContextMenu';
-import { MenuItemOptions } from 'src/jl-graphic/ui/Menu';
 
 export class TurnoutDraw extends GraphicDrawAssistant<
   TurnoutTemplate,
diff --git a/src/jl-graphic/app/BasicOperation.ts b/src/jl-graphic/app/BasicOperation.ts
deleted file mode 100644
index 7abbe5b..0000000
--- a/src/jl-graphic/app/BasicOperation.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { GraphicData, JlGraphic } from '../core';
-import { JlOperation } from '../operation';
-import { ICanvasProperties, IGraphicApp, IJlCanvas } from './JlGraphicApp';
-
-/**
- * 更新画布操作
- */
-export class UpdateCanvasOperation extends JlOperation {
-  obj: IJlCanvas;
-  old: ICanvasProperties;
-  data: ICanvasProperties;
-  description = '';
-
-  constructor(
-    app: IGraphicApp,
-    obj: IJlCanvas,
-    old: ICanvasProperties,
-    data: ICanvasProperties
-  ) {
-    super(app, 'update-canvas');
-    this.app = app;
-    this.obj = obj;
-    this.old = old;
-    this.data = data;
-  }
-
-  undo(): JlGraphic[] {
-    this.obj.update(this.old);
-    return [];
-  }
-  redo(): JlGraphic[] {
-    this.obj.update(this.data);
-    return [];
-  }
-}
-/**
- * 创建图形操作
- */
-export class GraphicCreateOperation extends JlOperation {
-  obj: JlGraphic[];
-  description = '';
-
-  constructor(app: IGraphicApp, obj: JlGraphic[]) {
-    super(app, 'graphic-create');
-    this.app = app;
-    this.obj = obj;
-  }
-
-  undo(): JlGraphic[] | void {
-    this.app.deleteGraphics(...this.obj);
-  }
-  redo(): JlGraphic[] {
-    this.app.addGraphics(...this.obj);
-    return this.obj;
-  }
-}
-/**
- * 删除图形操作
- */
-export class GraphicDeleteOperation extends JlOperation {
-  obj: JlGraphic[];
-
-  constructor(app: IGraphicApp, obj: JlGraphic[]) {
-    super(app, 'graphic-delete');
-    this.app = app;
-    this.obj = obj;
-  }
-
-  undo(): JlGraphic[] {
-    this.app.addGraphics(...this.obj);
-    return this.obj;
-  }
-  redo(): void {
-    this.app.deleteGraphics(...this.obj);
-  }
-}
-
-export class GraphicDataUpdateOperation extends JlOperation {
-  obj: JlGraphic[];
-  oldData: GraphicData[];
-  newData: GraphicData[];
-  constructor(
-    app: IGraphicApp,
-    obj: JlGraphic[],
-    oldData: GraphicData[],
-    newData: GraphicData[]
-  ) {
-    super(app, 'graphic-drag');
-    this.obj = [...obj];
-    this.oldData = oldData;
-    this.newData = newData;
-  }
-
-  undo(): void | JlGraphic[] {
-    for (let i = 0; i < this.obj.length; i++) {
-      const g = this.obj[i];
-      // g.exitChildEdit();
-      g.updateData(this.oldData[i]);
-    }
-    return this.obj;
-  }
-  redo(): void | JlGraphic[] {
-    for (let i = 0; i < this.obj.length; i++) {
-      const g = this.obj[i];
-      // g.exitChildEdit();
-      g.updateData(this.newData[i]);
-    }
-    return this.obj;
-  }
-}
diff --git a/src/jl-graphic/app/JlDrawApp.ts b/src/jl-graphic/app/JlDrawApp.ts
deleted file mode 100644
index 294aa48..0000000
--- a/src/jl-graphic/app/JlDrawApp.ts
+++ /dev/null
@@ -1,674 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-empty-function */
-import {
-  BitmapFont,
-  BitmapText,
-  Container,
-  DisplayObject,
-  FederatedMouseEvent,
-  IPointData,
-  Point,
-} from 'pixi.js';
-import { GraphicIdGenerator } from '../core/IdGenerator';
-import { GraphicData, GraphicTemplate, JlGraphic } from '../core/JlGraphic';
-import {
-  AppDragEvent,
-  AppInteractionPlugin,
-  CombinationKey,
-  GraphicTransformEvent,
-  InteractionPlugin,
-  KeyListener,
-  ShiftData,
-} from '../plugins';
-import { CommonMouseTool } from '../plugins/CommonMousePlugin';
-import { MenuItemOptions } from '../ui/Menu';
-import {
-  DOWN,
-  DebouncedFunction,
-  LEFT,
-  RIGHT,
-  UP,
-  debounce,
-  recursiveChildren,
-} from '../utils';
-import {
-  GraphicDataUpdateOperation,
-  UpdateCanvasOperation,
-} from './BasicOperation';
-import {
-  GraphicApp,
-  GraphicAppOptions,
-  ICanvasProperties,
-  IGraphicApp,
-  IJlCanvas,
-} from './JlGraphicApp';
-
-/**
- * 图形绘制助手
- */
-export abstract class GraphicDrawAssistant<
-  GT extends GraphicTemplate,
-  GD extends GraphicData
-> extends AppInteractionPlugin {
-  readonly __GraphicDrawAssistant = true;
-  app: IDrawApp;
-  type: string; // 图形对象类型
-  description: string; // 描述
-  icon: string; // 界面显示的图标
-  container: Container = new Container();
-  graphicTemplate: GT;
-
-  escListener: KeyListener = new KeyListener({
-    value: 'Escape',
-    onRelease: () => {
-      this.onEsc();
-    },
-  });
-
-  onEsc() {
-    this.createAndStore(true);
-  }
-
-  constructor(
-    graphicApp: IDrawApp,
-    graphicTemplate: GT,
-    icon: string,
-    description: string
-  ) {
-    super(graphicTemplate.type, graphicApp);
-    this.app = graphicApp;
-    this.type = graphicTemplate.type;
-    this.graphicTemplate = graphicTemplate;
-    this.icon = icon;
-    this.description = description;
-    this.app.registerGraphicTemplates(this.graphicTemplate);
-  }
-
-  public get canvas(): IJlCanvas {
-    return this.app.canvas;
-  }
-
-  bind(): void {
-    this.app.drawing = true;
-    const canvas = this.canvas;
-    canvas.addChild(this.container);
-    canvas.on('mousedown', this.onLeftDown, this);
-    canvas.on('mousemove', this.onMouseMove, this);
-    canvas.on('mouseup', this.onLeftUp, this);
-    canvas.on('rightdown', this.onRightDown, this);
-    canvas.on('rightup', this.onRightUp, this);
-    canvas.on('_rightclick', this.onRightClick, this);
-
-    this.app.viewport.wheel({
-      percent: 0.01,
-    });
-    this.app.addKeyboardListener(this.escListener);
-
-    this.app.viewport.drag({
-      mouseButtons: 'right',
-    });
-  }
-  unbind(): void {
-    this.clearCache();
-    const canvas = this.canvas;
-    if (this.container?.parent) {
-      canvas.removeChild(this.container);
-    }
-    canvas.off('mousedown', this.onLeftDown, this);
-    canvas.off('mousemove', this.onMouseMove, this);
-    canvas.off('mouseup', this.onLeftUp, this);
-    canvas.off('rightdown', this.onRightDown, this);
-    canvas.off('rightup', this.onRightUp, this);
-
-    this.app.viewport.plugins.remove('wheel');
-
-    this.app.removeKeyboardListener(this.escListener);
-
-    this.app.viewport.plugins.remove('drag');
-    this.app.drawing = false;
-  }
-
-  onLeftDown(e: FederatedMouseEvent) {}
-
-  onMouseMove(e: FederatedMouseEvent) {
-    this.redraw(this.toCanvasCoordinates(e.global));
-  }
-
-  onLeftUp(e: FederatedMouseEvent) {}
-  onRightDown(e: FederatedMouseEvent) {}
-  onRightUp(e: FederatedMouseEvent) {}
-  onRightClick(e: FederatedMouseEvent) {
-    this.finish();
-  }
-  /**
-   * 获取下一个id
-   */
-  nextId(): number {
-    return GraphicIdGenerator.next();
-  }
-
-  clearCache(): void {}
-
-  /**
-   * 重绘
-   * @param cp 鼠标所在画布坐标
-   */
-  abstract redraw(cp: Point): void;
-
-  abstract prepareData(data: GD): boolean;
-
-  toCanvasCoordinates(p: Point): Point {
-    return this.app.toCanvasCoordinates(p);
-  }
-  /**
-   * 保存创建的图形对象
-   */
-  storeGraphic(...graphics: JlGraphic[]): void {
-    this.app.addGraphicAndRecord(...graphics);
-  }
-  /**
-   * 创建并添加到图形App
-   */
-  createAndStore(finish: boolean): JlGraphic | null {
-    const data = this.graphicTemplate.datas as GD;
-    data.id = this.nextId();
-    data.graphicType = this.graphicTemplate.type;
-    if (!this.prepareData(data)) {
-      if (finish) {
-        this.finish();
-      }
-      return null;
-    }
-    const template = this.graphicTemplate;
-    const g = template.new();
-    g.loadData(data);
-    this.storeGraphic(g);
-    if (finish) {
-      this.finish(g);
-    }
-    return g;
-  }
-
-  /**
-   * 绘制完成
-   */
-  finish(...graphics: JlGraphic[]): void {
-    this.clearCache();
-    this.app.interactionPlugin(CommonMouseTool.Name).resume();
-    this.app.updateSelected(...graphics);
-  }
-}
-
-/**
- * 绘制助手类型
- */
-export type DrawAssistant = GraphicDrawAssistant<GraphicTemplate, GraphicData>;
-
-/**
- * 绘制配置选项
- */
-export type DrawAppOptions = GraphicAppOptions;
-
-/**
- * 绘制应用接口
- */
-export interface IDrawApp extends IGraphicApp {
-  /**
-   * 是否正在绘制图形
-   */
-  get drawing(): boolean;
-  /**
-   * 更新绘制中状态
-   */
-  set drawing(value: boolean);
-  /**
-   * 设置配置选项
-   * @param options
-   */
-  setOptions(options: DrawAppOptions): void;
-  /**
-   * 获取绘制助手
-   */
-  getDrawAssistant<DA extends DrawAssistant>(graphicType: string): DA;
-  /**
-   * 更新画布并记录
-   * @param data
-   */
-  updateCanvasAndRecord(data: ICanvasProperties): void;
-  /**
-   * 更新图形并记录
-   * @param g
-   * @param data
-   */
-  updateGraphicAndRecord(g: JlGraphic, data: GraphicData): void;
-  /**
-   * 绑定form表单对象
-   * @param form
-   */
-  bindFormData(form: GraphicData): void;
-  /**
-   * 解绑form表单对象
-   * @param form
-   */
-  unbindFormData(form: GraphicData): void;
-}
-
-/**
- * 绘制应用
- */
-export class JlDrawApp extends GraphicApp implements IDrawApp {
-  font: BitmapFont = BitmapFont.from(
-    'coordinates',
-    {
-      fontFamily: 'Roboto',
-      fontSize: 16,
-      fill: '#ff2700',
-    },
-    { chars: ['画布坐标:() 屏幕坐标:() 缩放:.,', ['0', '9']] }
-  );
-  coordinates: BitmapText = new BitmapText('画布坐标: (0, 0) 屏幕坐标:(0, 0)', {
-    fontName: 'coordinates',
-  });
-  scaleText: BitmapText = new BitmapText('缩放: 1', {
-    fontName: 'coordinates',
-  });
-
-  drawAssistants: DrawAssistant[] = [];
-  _drawing = false;
-
-  private debouncedFormDataUpdator: DebouncedFunction<(g: JlGraphic) => void>;
-
-  get drawing(): boolean {
-    return this._drawing;
-  }
-  set drawing(value: boolean) {
-    this._drawing = value;
-  }
-
-  constructor(options: DrawAppOptions) {
-    super(options);
-
-    this.appendDrawStatesDisplay();
-
-    // 拖拽操作记录
-    this.appOperationRecord();
-    // 绑定通用键盘操作
-    this.bindKeyboardOperation();
-    this.formDataSyncListen();
-
-    this.debouncedFormDataUpdator = debounce(this.doFormDataUpdate, 60);
-  }
-
-  setOptions(options: DrawAppOptions): void {
-    super.setOptions(options);
-  }
-
-  registerInteractionPlugin(...plugins: InteractionPlugin[]): void {
-    plugins.forEach((plugin) => {
-      if (plugin instanceof GraphicDrawAssistant) {
-        this.drawAssistants.push(plugin);
-      }
-      super.registerInteractionPlugin(plugin);
-    });
-  }
-
-  getDrawAssistant<DA extends DrawAssistant>(graphicType: string): DA {
-    const sda = this.drawAssistants
-      .filter((da) => da.type === graphicType)
-      .pop();
-    if (!sda) {
-      throw new Error(`未找到图形绘制助手: ${graphicType}`);
-    }
-    return sda as DA;
-  }
-
-  private appOperationRecord() {
-    let dragStartDatas: GraphicData[] = [];
-    this.on('drag_op_start', (e: AppDragEvent) => {
-      // 图形拖拽，记录初始数据
-      if (!e.target.isCanvas()) {
-        dragStartDatas = this.selectedGraphics.map((g) => g.saveData());
-      }
-    });
-    // 图形拖拽操作监听
-    this.on('drag_op_end', () => {
-      // 图形拖拽，记录操作
-      if (dragStartDatas.length > 0) {
-        const newData = this.selectedGraphics.map((g) => g.saveData());
-        this.opRecord.record(
-          new GraphicDataUpdateOperation(
-            this,
-            this.selectedGraphics,
-            dragStartDatas,
-            newData
-          )
-        );
-        dragStartDatas = [];
-      }
-    });
-    // 菜单操作
-    let preMenuHandleDatas: GraphicData[] = [];
-    this.on('pre-menu-handle', (menu: MenuItemOptions) => {
-      if (menu.name === '撤销' || menu.name === '重做') {
-        return;
-      }
-      preMenuHandleDatas = this.selectedGraphics.map((g) => g.saveData());
-    });
-    this.on('post-menu-handle', () => {
-      if (preMenuHandleDatas.length > 0) {
-        const newData = this.selectedGraphics.map((g) => g.saveData());
-        this.opRecord.record(
-          new GraphicDataUpdateOperation(
-            this,
-            this.selectedGraphics,
-            preMenuHandleDatas,
-            newData
-          )
-        );
-        preMenuHandleDatas = [];
-      }
-    });
-  }
-
-  /**
-   * 绘制状态信息显示
-   */
-  private appendDrawStatesDisplay(): void {
-    this.pixi.stage.addChild(this.coordinates);
-    this.pixi.stage.addChild(this.scaleText);
-    const bound = this.coordinates.getLocalBounds();
-    this.scaleText.position.set(bound.width + 10, 0);
-    this.canvas.on('mousemove', (e) => {
-      if (e.target) {
-        const { x, y } = this.toCanvasCoordinates(e.global);
-        const cpTxt = `(${x}, ${y})`;
-        const tp = e.global;
-        const tpTxt = `(${tp.x}, ${tp.y})`;
-        this.coordinates.text = `画布坐标:${cpTxt} 屏幕坐标:${tpTxt}`;
-        const bound = this.coordinates.getLocalBounds();
-        this.scaleText.position.set(bound.width + 10, 0);
-      }
-    });
-    this.viewport.on('zoomed-end', () => {
-      this.scaleText.text = `缩放: ${this.viewport.scaled}`;
-    });
-  }
-
-  bindKeyboardOperation(): void {
-    this.addKeyboardListener(
-      // Ctrl + A
-      new KeyListener({
-        value: 'KeyA',
-        combinations: [CombinationKey.Ctrl],
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          if (e.ctrlKey) {
-            (app as JlDrawApp).selectAllGraphics();
-          }
-        },
-      })
-    );
-
-    // 复制功能
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'KeyD',
-        combinations: [CombinationKey.Shift],
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          this.graphicCopyPlugin.init();
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        // Ctrl + Z
-        value: 'KeyZ',
-        global: true,
-        combinations: [CombinationKey.Ctrl],
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          app.opRecord.undo();
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        // Ctrl + Shift + Z
-        value: 'KeyZ',
-        global: true,
-        combinations: [CombinationKey.Ctrl, CombinationKey.Shift],
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          app.opRecord.redo();
-        },
-      })
-    );
-
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'Delete',
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          app.deleteGraphicAndRecord(...app.selectedGraphics);
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'ArrowUp',
-        pressTriggerAsOriginalEvent: true,
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          updateGraphicPositionOnKeyboardEvent(app, UP);
-        },
-        onRelease: (e: KeyboardEvent, app: IGraphicApp) => {
-          recordGraphicMoveOperation(app);
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'ArrowDown',
-        pressTriggerAsOriginalEvent: true,
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          updateGraphicPositionOnKeyboardEvent(app, DOWN);
-        },
-        onRelease: (e: KeyboardEvent, app: IGraphicApp) => {
-          recordGraphicMoveOperation(app);
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'ArrowLeft',
-        pressTriggerAsOriginalEvent: true,
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          updateGraphicPositionOnKeyboardEvent(app, LEFT);
-        },
-        onRelease: (e: KeyboardEvent, app: IGraphicApp) => {
-          recordGraphicMoveOperation(app);
-        },
-      })
-    );
-    this.addKeyboardListener(
-      new KeyListener({
-        value: 'ArrowRight',
-        pressTriggerAsOriginalEvent: true,
-        onPress: (e: KeyboardEvent, app: IGraphicApp) => {
-          updateGraphicPositionOnKeyboardEvent(app, RIGHT);
-        },
-        onRelease: (e: KeyboardEvent, app: IGraphicApp) => {
-          recordGraphicMoveOperation(app);
-        },
-      })
-    );
-  }
-
-  /**
-   * 图形对象存储处理,默认添加图形交互
-   * @param graphic
-   */
-  beforeGraphicStore(graphic: JlGraphic): void {
-    graphic.eventMode = 'static';
-    graphic.selectable = true;
-    graphic.draggable = true;
-    graphic.on('repaint', () => {
-      this.handleFormDataUpdate(graphic);
-    });
-    graphic.on('transformend', () => {
-      this.handleFormDataUpdate(graphic);
-    });
-  }
-
-  formData: GraphicData | undefined = undefined;
-
-  /**
-   * 绑定form表单对象
-   * @param form
-   */
-  bindFormData(form: GraphicData): void {
-    this.formData = form;
-    if (this.formData && this.selectedGraphics.length == 1) {
-      if (this.formData.graphicType == this.selectedGraphics[0].type) {
-        this.formData.copyFrom(this.selectedGraphics[0].saveData());
-      } else {
-        this.formData = undefined;
-      }
-    }
-  }
-
-  /**
-   * 移除form绑定
-   * @param form
-   */
-  unbindFormData(form: GraphicData): void {
-    if (this.formData == form) {
-      this.formData = undefined;
-    }
-  }
-
-  private formDataSyncListen(): void {
-    this.on('graphicselected', () => {
-      if (this.selectedGraphics.length == 1) {
-        this.handleFormDataUpdate(this.selectedGraphics[0]);
-      }
-    });
-  }
-
-  /**
-   * 处理表单数据更新（使用debounce限流）
-   */
-  private handleFormDataUpdate(g: JlGraphic): void {
-    this.debouncedFormDataUpdator(this, g);
-  }
-
-  private doFormDataUpdate(g: JlGraphic): void {
-    if (this.selectedGraphics.length > 1) return;
-    if (this.formData && g.type === this.formData.graphicType) {
-      this.formData.copyFrom(g.saveData());
-    }
-  }
-
-  updateCanvasAndRecord(data: ICanvasProperties) {
-    const old = this.canvas.properties.clone();
-    this.canvas.update(data);
-    const newVal = this.canvas.properties.clone();
-    this.opRecord.record(
-      new UpdateCanvasOperation(this, this.canvas, old, newVal)
-    );
-  }
-
-  updateGraphicAndRecord(g: JlGraphic, data: GraphicData) {
-    const old = g.saveData();
-    g.updateData(data);
-    const newVal = g.saveData();
-    this.opRecord.record(
-      new GraphicDataUpdateOperation(this, [g], [old], [newVal])
-    );
-  }
-}
-
-let dragStartDatas: GraphicData[] = [];
-
-function handleArrowKeyMoveGraphics(
-  app: IGraphicApp,
-  handler: (obj: DisplayObject) => void
-) {
-  if (
-    app.selectedGraphics.length === 1 &&
-    app.selectedGraphics[0].hasSelectedChilds()
-  ) {
-    recursiveChildren(app.selectedGraphics[0], (child) => {
-      if (child.selected && child.draggable) {
-        handler(child);
-      }
-    });
-  } else {
-    app.selectedGraphics.forEach((g) => {
-      handler(g);
-    });
-  }
-}
-
-function updateGraphicPositionOnKeyboardEvent(
-  app: IGraphicApp,
-  dp: IPointData
-) {
-  let dragStart = false;
-  if (dragStartDatas.length === 0) {
-    dragStartDatas = app.selectedGraphics.map((g) => g.saveData());
-    dragStart = true;
-  }
-  handleArrowKeyMoveGraphics(app, (g) => {
-    if (dragStart) {
-      g.shiftStartPoint = g.position.clone();
-      g.emit(
-        'transformstart',
-        GraphicTransformEvent.shift(g, ShiftData.new(g.shiftStartPoint))
-      );
-    } else {
-      g.shiftLastPoint = g.position.clone();
-    }
-    g.position.x += dp.x;
-    g.position.y += dp.y;
-    if (!dragStart) {
-      if (g.shiftStartPoint && g.shiftLastPoint) {
-        g.emit(
-          'transforming',
-          GraphicTransformEvent.shift(
-            g,
-            ShiftData.new(
-              g.shiftStartPoint,
-              g.position.clone(),
-              g.shiftLastPoint
-            )
-          )
-        );
-      }
-    }
-  });
-}
-function recordGraphicMoveOperation(app: IGraphicApp) {
-  if (
-    dragStartDatas.length > 0 &&
-    dragStartDatas.length === app.selectedGraphics.length
-  ) {
-    const newData = app.selectedGraphics.map((g) => g.saveData());
-    app.opRecord.record(
-      new GraphicDataUpdateOperation(
-        app,
-        app.selectedGraphics,
-        dragStartDatas,
-        newData
-      )
-    );
-
-    handleArrowKeyMoveGraphics(app, (g) => {
-      if (g.shiftStartPoint) {
-        g.emit(
-          'transformend',
-          GraphicTransformEvent.shift(
-            g,
-            ShiftData.new(g.shiftStartPoint, g.position.clone())
-          )
-        );
-      }
-    });
-  }
-  dragStartDatas = [];
-}
diff --git a/src/jl-graphic/app/JlGraphicApp.ts b/src/jl-graphic/app/JlGraphicApp.ts
deleted file mode 100644
index 8e4d852..0000000
--- a/src/jl-graphic/app/JlGraphicApp.ts
+++ /dev/null
@@ -1,1382 +0,0 @@
-import EventEmitter from 'eventemitter3';
-import { Viewport } from 'pixi-viewport';
-import {
-  Application,
-  Color,
-  Container,
-  DisplayObject,
-  Graphics,
-  Point,
-  Rectangle,
-} from 'pixi.js';
-import { GraphicQueryStore, GraphicStore } from '../core/GraphicStore';
-import { GraphicIdGenerator } from '../core/IdGenerator';
-import {
-  GraphicData,
-  GraphicState,
-  GraphicTemplate,
-  GraphicTransform,
-  JlGraphic,
-} from '../core/JlGraphic';
-import { AbsorbablePosition } from '../graphic';
-import {
-  AppWsMsgBroker,
-  GraphicQuery,
-  ICreateOnNotFound,
-  WsMsgCli,
-  type AppStateSubscription,
-  type MessageCliOption,
-} from '../message';
-import { OperationRecord } from '../operation/JlOperation';
-import {
-  AnimationManager,
-  CommonMouseTool,
-  GraphicTransformPlugin,
-  IMouseToolOptions,
-} from '../plugins';
-import { GraphicCopyPlugin } from '../plugins/CopyPlugin';
-import {
-  AppDragEvent,
-  DragPlugin,
-  InteractionPlugin,
-  InteractionPluginType,
-  ViewportMovePlugin,
-} from '../plugins/InteractionPlugin';
-import {
-  JlGraphicAppKeyboardPlugin,
-  KeyListener,
-} from '../plugins/KeyboardPlugin';
-import { ContextMenu, ContextMenuPlugin } from '../ui/ContextMenu';
-import { MenuItemOptions } from '../ui/Menu';
-import { DebouncedFunction, debounce } from '../utils';
-import { getRectangleCenter, recursiveChildren } from '../utils/GraphicUtils';
-import {
-  GraphicCreateOperation,
-  GraphicDeleteOperation,
-} from './BasicOperation';
-
-export const AppConsts = {
-  viewportname: '__viewport',
-  canvasname: '__jlcanvas',
-  AssistantAppendsName: '__assistantAppends',
-  // 辅助元素默认颜色
-  assistantElementColor: '#1976d2',
-};
-
-/**
- * 画布属性
- */
-export interface ICanvasProperties {
-  width: number;
-  height: number;
-  backgroundColor: string;
-  viewportTransform: GraphicTransform;
-}
-
-export class CanvasData implements ICanvasProperties {
-  width: number;
-  height: number;
-  backgroundColor: string;
-  viewportTransform: GraphicTransform;
-  constructor(
-    properties: ICanvasProperties = {
-      width: 1920,
-      height: 1080,
-      backgroundColor: '#ffffff',
-      viewportTransform: GraphicTransform.default(),
-    }
-  ) {
-    this.width = properties.width;
-    this.height = properties.height;
-    this.backgroundColor = properties.backgroundColor;
-    this.viewportTransform = properties.viewportTransform;
-  }
-
-  copyFrom(properties: ICanvasProperties): boolean {
-    let sizeChange = false;
-    if (properties.width <= 0 || properties.height <= 0) {
-      console.error('画布宽度/高度不能小于等于0');
-    } else {
-      const width = Math.floor(properties.width);
-      const height = Math.floor(properties.height);
-      if (this.width != width) {
-        this.width = width;
-        sizeChange = true;
-      }
-      if (this.height != height) {
-        this.height = height;
-        sizeChange = true;
-      }
-    }
-    this.backgroundColor = properties.backgroundColor;
-    this.viewportTransform = properties.viewportTransform;
-    return sizeChange;
-  }
-
-  clone(): CanvasData {
-    const cp = new CanvasData(this);
-    return cp;
-  }
-}
-
-export interface IJlCanvas extends Container {
-  /**
-   * 获取画布属性
-   */
-  get properties(): ICanvasProperties;
-  /**
-   * 获取所属场景
-   */
-  get scene(): IGraphicScene;
-  /**
-   * 更新画布属性
-   * @param properties
-   */
-  update(properties: ICanvasProperties): void;
-  /**
-   * 添加辅助附加元素
-   * @param appends
-   */
-  addAssistantAppends(...appends: DisplayObject[]): void;
-  /**
-   * 移除辅助附加元素
-   * @param appends
-   */
-  removeAssistantAppends(...appends: DisplayObject[]): void;
-  /**
-   * 保存画布及视口缩放数据
-   */
-  saveData(): ICanvasProperties;
-}
-
-export class JlCanvas extends Container implements IJlCanvas {
-  __JlCanvas = true;
-  type = 'Canvas';
-  scene: IGraphicScene;
-  _properties: CanvasData;
-  bg: Graphics = new Graphics(); // 背景
-  nonInteractiveContainer: Container; // 无交互对象容器
-  assistantAppendContainer: Container; // 辅助附加容器
-
-  constructor(scene: IGraphicScene, properties: CanvasData = new CanvasData()) {
-    super();
-    this.scene = scene;
-    this._properties = properties;
-    this.eventMode = 'static';
-    this.nonInteractiveContainer = new Container();
-    this.nonInteractiveContainer.name = 'non-interactives';
-    this.nonInteractiveContainer.eventMode = 'none';
-    this.addChild(this.bg);
-    this.addChild(this.nonInteractiveContainer);
-
-    this.sortableChildren = true;
-    this.assistantAppendContainer = new Container();
-    this.assistantAppendContainer.eventMode = 'static';
-    this.assistantAppendContainer.name = AppConsts.AssistantAppendsName;
-    this.assistantAppendContainer.zIndex = 999;
-    this.assistantAppendContainer.sortableChildren = true;
-    this.addChild(this.assistantAppendContainer);
-
-    this.repaint();
-  }
-
-  /**
-   * 图形重绘（数据/状态变化时触发）
-   */
-  repaint(): void {
-    this.doRepaint();
-  }
-
-  public get width(): number {
-    return this._properties.width;
-  }
-
-  public get height(): number {
-    return this._properties.height;
-  }
-
-  public get backgroundColor(): string {
-    return this._properties.backgroundColor;
-  }
-
-  doRepaint() {
-    this.bg.clear();
-    this.bg
-      .beginFill(new Color(this.backgroundColor))
-      .drawRect(0, 0, this._properties.width, this._properties.height)
-      .endFill();
-  }
-
-  public get properties(): CanvasData {
-    return this._properties;
-  }
-
-  saveData(): CanvasData {
-    const vp = this.getViewport();
-    this.properties.viewportTransform = vp.saveTransform();
-    return this.properties.clone();
-  }
-
-  update(properties: ICanvasProperties) {
-    // 更新画布
-    const old = this.properties.clone();
-    this._properties.copyFrom(properties);
-    this.repaint();
-    const vp = this.getViewport();
-    vp.loadTransform(properties.viewportTransform);
-    this.emit('dataupdate', this.properties, old);
-  }
-
-  addChild<U extends DisplayObject[]>(...children: U): U[0] {
-    const rt = super.addChild(...children);
-    children.forEach((g) => {
-      g.onAddToCanvas(this);
-      recursiveChildren(g as Container, (child) => child.onAddToCanvas(this));
-    });
-    return rt;
-  }
-  removeChild<U extends DisplayObject[]>(...children: U): U[0] {
-    children.forEach((g) => {
-      g.onRemoveFromCanvas(this);
-      recursiveChildren(g as Container, (child) =>
-        child.onRemoveFromCanvas(this)
-      );
-    });
-    return super.removeChild(...children);
-  }
-  /**
-   * 添加无交互Child
-   */
-  addNonInteractiveChild(...obj: DisplayObject[]): void {
-    this.nonInteractiveContainer.addChild(...obj);
-    obj.forEach((g) => {
-      g.onAddToCanvas(this);
-      recursiveChildren(g as Container, (child) => child.onAddToCanvas(this));
-    });
-  }
-
-  removeGraphic(...obj: DisplayObject[]): void {
-    obj.forEach((g) => {
-      g.onRemoveFromCanvas(this);
-      recursiveChildren(g as Container, (child) =>
-        child.onRemoveFromCanvas(this)
-      );
-    });
-    this.removeChild(...obj);
-    this.nonInteractiveContainer.removeChild(...obj);
-  }
-
-  /**
-   * 移除无交互Child
-   */
-  removeNonInteractiveChild(...obj: DisplayObject[]): void {
-    obj.forEach((g) => {
-      g.onRemoveFromCanvas(this);
-      recursiveChildren(g as Container, (child) =>
-        child.onRemoveFromCanvas(this)
-      );
-    });
-    this.nonInteractiveContainer.removeChild(...obj);
-  }
-
-  addAssistantAppends(...appends: DisplayObject[]): void {
-    this.assistantAppendContainer.addChild(...appends);
-    appends.forEach((g) => {
-      g.onAddToCanvas(this);
-      recursiveChildren(g as Container, (child) => child.onAddToCanvas(this));
-    });
-  }
-  removeAssistantAppends(...appends: DisplayObject[]): void {
-    appends.forEach((g) => {
-      g.onRemoveFromCanvas(this);
-      recursiveChildren(g as Container, (child) => child.onAddToCanvas(this));
-    });
-    this.assistantAppendContainer.removeChild(...appends);
-  }
-
-  /**
-   * 暂停所有可交互对象
-   */
-  pauseInteractiveChildren() {
-    this.interactiveChildren = false;
-  }
-
-  /**
-   * 恢复所有可交互对象
-   */
-  resumeInteractiveChildren() {
-    this.interactiveChildren = true;
-  }
-}
-
-/**
- * 选中改变事件
- */
-export class SelectedChangeEvent {
-  graphic: JlGraphic;
-  select: boolean;
-
-  constructor(graphic: JlGraphic, select: boolean) {
-    this.graphic = graphic;
-    this.select = select;
-  }
-}
-/**
- * 应用事件
- */
-export interface GraphicAppEvents extends GlobalMixins.GraphicAppEvents {
-  graphicstored: [graphic: JlGraphic];
-  graphicdeleted: [graphic: JlGraphic];
-  // 数据加载完成后，额外的逻辑处理阶段
-  postdataloaded: [];
-  loadfinish: [];
-  'interaction-plugin-resume': [plugin: InteractionPlugin]; // 交互插件启用
-  'interaction-plugin-pause': [plugin: InteractionPlugin]; // 交互插件停止
-  'options-update': [options: GraphicAppOptions]; // 配置更新
-  graphicselectedchange: [graphic: JlGraphic, selected: boolean];
-  graphicchildselectedchange: [child: DisplayObject, selected: boolean];
-  graphicselected: [graphics: JlGraphic[]];
-  'viewport-scaled': [vp: Viewport];
-  drag_op_start: [event: AppDragEvent];
-  drag_op_move: [event: AppDragEvent];
-  drag_op_end: [event: AppDragEvent];
-  'pre-menu-handle': [menu: MenuItemOptions];
-  'post-menu-handle': [menu: MenuItemOptions];
-  'websocket-connect-state-change': [connected: boolean];
-  'websocket-error': [err: Error];
-  destroy: [app: IGraphicApp];
-}
-
-/**
- * 图形数据存储
- */
-export interface IGraphicStorage {
-  /**
-   * 画布属性
-   */
-  canvasProperty?: ICanvasProperties;
-  /**
-   * 图形数据
-   */
-  datas: GraphicData[];
-}
-
-/**
- * 图形App构造参数
- */
-export interface IGraphicAppConfig {
-  /**
-   * 数据加载
-   * @returns
-   */
-  dataLoader?: () => Promise<IGraphicStorage>;
-  /**
-   * 最大保存的操作记录数，默认100，越大越占用内存资源
-   */
-  maxOperationRecords?: number;
-  /**
-   * 拖拽触发移动门槛
-   */
-  threshold?: number;
-  /**
-   * 通用鼠标工具选项
-   */
-  mouseToolOptions?: IMouseToolOptions;
-  /**
-   * 可吸附位置列表
-   */
-  absorbablePositions?: AbsorbablePosition[];
-  /**
-   * 超出屏幕显示范围是否剪裁，默认true
-   */
-  cullable?: boolean;
-
-  /**
-   * 是否支持删除操作
-   */
-  isSupportDeletion?: (g: JlGraphic) => boolean;
-  /**
-   * 辅助元素颜色,默认蓝色
-   */
-  assistantElementColor?: string;
-}
-
-/**
- * 图形添加到容器选项
- */
-export interface IInteractiveGraphicOptions {
-  /**
-   * 包含添加到可交互容器的图形类型，和Excludes同时只能存在一个
-   */
-  interactiveGraphicTypeIncludes?: string[];
-  /**
-   * 不包含添加到可交互容器的图形类型，和Includes同时只能存在一个
-   */
-  interactiveGraphicTypeExcludes?: string[];
-}
-
-export type GraphicAppOptions = IGraphicAppConfig & IInteractiveGraphicOptions;
-
-/**
- * 图形场景接口
- */
-export interface IGraphicScene extends EventEmitter<GraphicAppEvents> {
-  /**
-   * 获取图形应用对象
-   */
-  get app(): GraphicApp;
-  /**
-   * 获取pixijs应用对象
-   */
-  get pixi(): Application;
-  /**
-   * 获取视口对象
-   */
-  get viewport(): Viewport;
-  /**
-   * 获取画布对象
-   */
-  get canvas(): IJlCanvas;
-  /**
-   * 获取dom
-   */
-  get dom(): HTMLElement | undefined;
-  /**
-   * 获取图形查询仓库
-   */
-  get queryStore(): GraphicQueryStore;
-  /**
-   * 获取选中的图形对象
-   */
-  get selectedGraphics(): JlGraphic[];
-  /**
-   * 获取动画管理器
-   */
-  get animationManager(): AnimationManager;
-  /**
-   * 获取配置选项
-   */
-  get appOptions(): GraphicAppOptions;
-  /**
-   * 设置配置选项
-   * @param options
-   */
-  setOptions(options: GraphicAppOptions): void;
-  /**
-   * 注册菜单
-   * @param menu
-   */
-  registerMenu(menu: ContextMenu): void;
-  /**
-   * 将屏幕点转换为画布坐标
-   * @param p 屏幕坐标
-   */
-  toCanvasCoordinates(p: Point): Point;
-  /**
-   * 加载/重新加载数据(若已经加载过，则不会重新加载)
-   */
-  reload(): Promise<void>;
-  /**
-   * 强制重新加载，无论是否已经加载过
-   */
-  forceReload(): Promise<void>;
-  /**
-   * 绑定到dom
-   * @param dom
-   */
-  bindDom(dom: HTMLElement): void;
-  /**
-   * 从dom节点移除
-   */
-  unbindDom(): void;
-  /**
-   * 注册图形模板
-   * @param graphicTemplates
-   */
-  registerGraphicTemplates(...graphicTemplates: GraphicTemplate[]): void;
-  /**
-   * 处理图形状态
-   * @param graphicStates
-   */
-  handleGraphicStates(
-    graphicStates: GraphicState[],
-    queryer?: GraphicQuery,
-    createOnNotFound?: ICreateOnNotFound
-  ): void;
-  /**
-   * 根据类型获取图形模板
-   * @param type
-   */
-  getGraphicTemplatesByType<GT extends GraphicTemplate>(type: string): GT;
-  /**
-   * 添加图形
-   * @param graphics
-   */
-  addGraphics(...graphics: JlGraphic[]): void;
-  /**
-   * 删除图形
-   * @param graphics
-   */
-  deleteGraphics(...graphics: JlGraphic[]): JlGraphic[];
-  /**
-   * 检测并构建关系
-   */
-  detectRelations(): void;
-  /**
-   * 注册交互插件
-   * @param plugins
-   */
-  registerInteractionPlugin(...plugins: InteractionPlugin[]): void;
-  /**
-   * 暂停交互插件
-   */
-  pauseAppInteractionPlugins(): void;
-  /**
-   * 根据name获取交互插件
-   * @param name
-   */
-  interactionPlugin<P = InteractionPlugin>(name: string): P;
-  /**
-   * 更新选中图形对象
-   * @param graphics
-   */
-  updateSelected(...graphics: JlGraphic[]): void;
-  /**
-   * 选中所有图形
-   */
-  selectAllGraphics(): void;
-  /**
-   * 使所选图形居中
-   * @param group
-   */
-  makeGraphicCenterShow(...group: JlGraphic[]): void;
-  /**
-   * 销毁
-   */
-  destroy(): void;
-  /**
-   * 订阅websocket消息
-   */
-  subscribe(sub: AppStateSubscription): void;
-  /**
-   * 取消websocket订阅
-   */
-  unsubscribe(destination: string): void;
-}
-
-abstract class GraphicSceneBase
-  extends EventEmitter<GraphicAppEvents>
-  implements IGraphicScene
-{
-  private graphicStore: GraphicStore;
-  _options: GraphicAppOptions;
-  pixi: Application; // Pixi 渲染器
-  viewport: Viewport; // 视口
-  canvas: JlCanvas; // 画布
-  _loaded = false; // 是否已经加载
-  _dom?: HTMLElement; // 场景绑定到的dom节点
-  _viewportResizer?: NodeJS.Timeout; // 自动根据dom大小变化调整视口尺寸
-  graphicTemplateMap: Map<string, GraphicTemplate> = new Map<
-    string,
-    GraphicTemplate
-  >(); // 图形对象模板
-  interactionPluginMap: Map<string, InteractionPlugin> = new Map<
-    string,
-    InteractionPlugin
-  >(); // 交互插件
-  graphicCopyPlugin: GraphicCopyPlugin; // 图形复制操作插件
-
-  animationManager: AnimationManager; // 动画管理组件
-
-  menuPlugin: ContextMenuPlugin; // 菜单插件
-
-  private debounceEmitFunc: DebouncedFunction<() => void>;
-
-  wsMsgBroker: AppWsMsgBroker; // websocket消息代理
-  constructor(options: GraphicAppOptions) {
-    super();
-    this.graphicStore = new GraphicStore();
-    this._options = options;
-    // 创建pixi渲染app
-    this.pixi = new Application({
-      antialias: true,
-    });
-
-    // 创建画布
-    this.canvas = new JlCanvas(this);
-    this.canvas.name = AppConsts.canvasname;
-    // 创建相机
-    this.viewport = new Viewport({
-      screenWidth: window.innerWidth,
-      screenHeight: window.innerHeight,
-      worldWidth: this.canvas._properties.width,
-      worldHeight: this.canvas._properties.height,
-      passiveWheel: true,
-      events: this.pixi.renderer.events,
-      disableOnContextMenu: true,
-    });
-    // 设置视口操作方式
-    this.viewport
-      .wheel({
-        percent: 1,
-      })
-      .pinch()
-      .clampZoom({
-        minScale: 0.1,
-        maxScale: 8,
-      })
-      .clamp({
-        direction: 'all',
-      });
-    this.viewport.name = AppConsts.viewportname;
-    this.viewport.interactiveChildren = true;
-    // 添加视口到渲染器舞台
-    this.pixi.stage.addChild(this.viewport);
-    // 将画布置于视口
-    this.viewport.addChild(this.canvas);
-
-    // 监听并通知缩放变化事件
-    this.viewport.on('zoomed-end', () => {
-      this.emit('viewport-scaled', this.viewport);
-    });
-    this.graphicCopyPlugin = new GraphicCopyPlugin(this);
-
-    // 添加通用交互插件
-    CommonMouseTool.new(this).resume();
-
-    // drag插件
-    DragPlugin.new(this).resume();
-    // 视口移动插件
-    ViewportMovePlugin.new(this);
-
-    // 图形变换插件
-    GraphicTransformPlugin.new(this).resume();
-
-    // 动画管理
-    this.animationManager = new AnimationManager(this);
-    this.menuPlugin = new ContextMenuPlugin(this);
-
-    this.wsMsgBroker = new AppWsMsgBroker(this);
-
-    this.debounceEmitFunc = debounce(this.doEmitAppGraphicSelected, 50);
-    this.on('graphicselectedchange', () => {
-      this.debounceEmitFunc(this);
-    });
-
-    // 发布选项更新事件
-    this.emit('options-update', this._options);
-  }
-  get appOptions(): GraphicAppOptions {
-    return this._options;
-  }
-  abstract get app(): GraphicApp;
-
-  get dom(): HTMLElement | undefined {
-    return this._dom;
-  }
-
-  public get queryStore(): GraphicQueryStore {
-    return this.graphicStore;
-  }
-
-  public get selectedGraphics(): JlGraphic[] {
-    return this.queryStore.getAllGraphics().filter((g) => g.selected);
-  }
-
-  private async load(): Promise<void> {
-    if (this._options.dataLoader) {
-      const storage = await this._options.dataLoader();
-      if (storage.canvasProperty) {
-        this.canvas.update(storage.canvasProperty);
-      }
-      if (storage.datas) {
-        await this.loadGraphic(storage.datas);
-      }
-    }
-    this._loaded = true;
-  }
-
-  /**
-   * 重新加载数据
-   */
-  async reload(): Promise<void> {
-    if (!this._loaded) {
-      this.graphicStore.clear();
-      await this.load();
-    } else {
-      console.debug('场景已经加载过数据,不重新加载', this);
-    }
-  }
-
-  async forceReload(): Promise<void> {
-    console.debug('场景强制重新加载数据', this);
-    this.graphicStore.clear();
-    await this.load();
-  }
-
-  /**
-   * 更新选项
-   * @param options
-   */
-  setOptions(options: GraphicAppOptions) {
-    // console.log('更新选项', options);
-    if (this._options) {
-      this._options = Object.assign(this._options, options);
-    } else {
-      this._options = options;
-    }
-    this.emit('options-update', options);
-  }
-  toCanvasCoordinates(p: Point): Point {
-    return this.viewport.toWorld(p);
-  }
-
-  /**
-   * 注册菜单
-   * @param menu
-   */
-  registerMenu(menu: ContextMenu) {
-    this.menuPlugin.registerMenu(menu);
-  }
-  /**
-   * 注册图形对象模板
-   * @param graphicTemplates
-   */
-  registerGraphicTemplates(...graphicTemplates: GraphicTemplate[]) {
-    graphicTemplates.forEach((graphicTemplate) => {
-      this.graphicTemplateMap.set(graphicTemplate.type, graphicTemplate);
-    });
-  }
-
-  getGraphicTemplatesByType<GT extends GraphicTemplate>(type: string): GT {
-    const template = this.graphicTemplateMap.get(type);
-    if (!template) {
-      throw new Error(`不存在type=${type}的图形对象模板`);
-    }
-    return template as GT;
-  }
-
-  private updateViewport(domWidth?: number, domHeight?: number): void {
-    let screenWidth = this.viewport.screenWidth;
-    let screenHeight = this.viewport.screenHeight;
-    if (domWidth) {
-      screenWidth = domWidth;
-    }
-    if (domHeight) {
-      screenHeight = domHeight;
-    }
-    const worldWidth = this.canvas._properties.width;
-    const worldHeight = this.canvas._properties.height;
-    this.pixi.resize();
-    this.viewport.resize(screenWidth, screenHeight, worldWidth, worldHeight);
-    if (this.viewport.OOB().right) {
-      this.viewport.right = this.viewport.right + 1;
-    } else if (this.viewport.OOB().left) {
-      this.viewport.left = this.viewport.left - 1;
-    } else if (this.viewport.OOB().top) {
-      this.viewport.top = this.viewport.top - 1;
-    } else if (this.viewport.OOB().bottom) {
-      this.viewport.bottom = this.viewport.bottom + 1;
-    }
-  }
-
-  /**
-   * 暂停
-   */
-  private pause() {
-    // 暂停动画
-    this.animationManager.pause();
-    // 取消消息订阅
-    this.wsMsgBroker.unsubscribeAll();
-    // 关闭所有上下文菜单
-    this.menuPlugin.closeAll();
-  }
-
-  /**
-   * 恢复
-   */
-  private resume() {
-    // 恢复动画
-    this.animationManager.resume();
-    // 重新订阅
-    this.wsMsgBroker.resubscribeAll();
-  }
-
-  bindDom(dom: HTMLElement): void {
-    this._dom = dom;
-    this.pixi.resizeTo = dom;
-    dom.appendChild(this.pixi.view as unknown as Node);
-    this._viewportResizer = setInterval(() => {
-      // console.log(
-      //   'dom resize ',
-      //   dom.style.width,
-      //   dom.style.height,
-      //   dom.clientWidth,
-      //   dom.clientHeight
-      // );
-      this.updateViewport(dom.clientWidth, dom.clientHeight);
-    }, 1000);
-    // 恢复
-    this.resume();
-  }
-
-  unbindDom(): void {
-    if (this._dom) {
-      clearInterval(this._viewportResizer);
-      this._dom.removeChild(this.pixi.view as unknown as Node);
-      this._dom = undefined;
-      // 暂停
-      this.pause();
-    }
-  }
-  /**
-   * 加载图形,GraphicApp默认添加到无交互容器,DrawApp默认添加到交互容器,如需定制，提供选项配置
-   * @param protos
-   * @param options 添加到可交互/不可交互容器选项配置
-   */
-  async loadGraphic(protos: GraphicData[]) {
-    for (const item of this.graphicTemplateMap) {
-      await item[1].loadAssets();
-    }
-    // console.log('开始加载proto数据', protos);
-    // 加载数据到图形存储
-    protos.forEach((proto) => {
-      const template = this.getGraphicTemplatesByType(proto.graphicType);
-      const g = template.new();
-      g.loadData(proto);
-      this.addGraphics(g);
-    });
-    // 加载数据关系
-    this.queryStore.getAllGraphics().forEach((g) => g.loadRelations());
-    // 更新id生成器
-    const max =
-      this.queryStore
-        .getAllGraphics()
-        .map((g) => g.id)
-        .sort((a, b) => a - b)
-        .pop() ?? 0;
-    // console.log('最大值', max)
-    GraphicIdGenerator.initSerial(max);
-    // 数据加载完成后
-    this.emit('postdataloaded');
-    // 加载完成通知
-    this.emit('loadfinish');
-  }
-  /**
-   * 添加图形前处理
-   * @param graphic
-   */
-  beforeGraphicStore(graphic: JlGraphic): void {
-    const interactiveGraphicTypeIncludes =
-      this._options.interactiveGraphicTypeIncludes || [];
-    const interactiveGraphicTypeExcludes =
-      this._options.interactiveGraphicTypeExcludes || [];
-    // 默认无交互
-    graphic.eventMode = 'auto';
-    if (
-      interactiveGraphicTypeIncludes.findIndex(
-        (type) => type === graphic.type
-      ) >= 0
-    ) {
-      graphic.eventMode = 'static';
-    } else if (
-      interactiveGraphicTypeExcludes.findIndex(
-        (type) => type === graphic.type
-      ) < 0
-    ) {
-      graphic.eventMode = 'static';
-    }
-  }
-  /**
-   * 执行添加图形对象
-   * @param graphic
-   */
-  private doAddGraphics(graphic: JlGraphic): void {
-    this.beforeGraphicStore(graphic);
-    if (this.graphicStore.storeGraphics(graphic)) {
-      // cullable,默认设置剪裁，如果图形包围框不在屏幕内，则不渲染，增加效率用
-      if (!this._options || this._options.cullable !== false) {
-        graphic.cullable = true;
-      }
-      if (graphic.eventMode == 'static' || graphic.eventMode == 'dynamic') {
-        // 添加为可交互
-        // console.log(`type=${graphic.type}的图形添加到交互容器`);
-        this.canvas.addChild(graphic);
-      } else {
-        // 添加到不可交互容器
-        // console.log(`type=${graphic.type}的图形添加到无交互容器`);
-        this.canvas.addNonInteractiveChild(graphic);
-      }
-      graphic.repaint();
-      this.emit('graphicstored', graphic);
-      graphic.on('childselected', (child) => {
-        this.emit('graphicchildselectedchange', child, true);
-      });
-      graphic.on('childunselected', (child) => {
-        this.emit('graphicchildselectedchange', child, false);
-      });
-    }
-  }
-
-  private doDeleteGraphics(graphic: JlGraphic): void {
-    // 从store中删除
-    const g = this.graphicStore.deleteGraphics(graphic);
-    if (g) {
-      // 清除选中
-      g.updateSelected(false);
-      // 从画布移除
-      this.canvas.removeGraphic(g);
-      // 对象删除处理
-      g.onDelete();
-      this.emit('graphicdeleted', g);
-    }
-  }
-
-  /**
-   * 存储图形
-   * @param graphics 图形对象
-   */
-  addGraphics(...graphics: JlGraphic[]) {
-    graphics.forEach((g) => this.doAddGraphics(g));
-  }
-
-  /**
-   * 删除图形
-   * @param graphics 图形对象
-   */
-  deleteGraphics(...graphics: JlGraphic[]): JlGraphic[] {
-    const dels = graphics.filter((g) => {
-      if (
-        this._options?.isSupportDeletion == undefined ||
-        this._options.isSupportDeletion(g)
-      ) {
-        this.doDeleteGraphics(g);
-        return true;
-      }
-      console.debug(`type=${g.type},id=${g.id}的图形不支持删除`);
-      return false;
-    });
-    return dels;
-  }
-
-  /**
-   * 检测并构建关系
-   */
-  detectRelations(): void {
-    this.queryStore.getAllGraphics().forEach((g) => g.buildRelation());
-  }
-
-  /**
-   * 全选
-   */
-  selectAllGraphics(filter?: (g: JlGraphic) => boolean) {
-    if (filter == undefined) {
-      filter = (g) => g.visible;
-    }
-    this.updateSelected(...this.queryStore.getAllGraphics().filter(filter));
-  }
-
-  /**
-   * 更新选中
-   */
-  updateSelected(...graphics: JlGraphic[]) {
-    this.selectedGraphics.forEach((graphic) => {
-      if (graphics.findIndex((g) => g.id === graphic.id) >= 0) {
-        return;
-      }
-      if (graphic.selected) {
-        graphic.updateSelected(false);
-      }
-    });
-    graphics.forEach((graphic) => {
-      graphic.updateSelected(true);
-    });
-  }
-
-  private doEmitAppGraphicSelected(): void {
-    // 场景发布图形选中
-    this.emit('graphicselected', this.selectedGraphics);
-    // this.app.emit('graphicselected', this.selectedGraphics);
-  }
-
-  /**
-   * 更新画布
-   * @param param
-   */
-  updateCanvas(param: ICanvasProperties) {
-    this.canvas.update(param);
-  }
-
-  /**
-   * 使图形居中显示(所有图形的外包围盒)
-   */
-  makeGraphicCenterShow(...group: JlGraphic[]): void {
-    if (group.length > 0) {
-      const bounds0 = group[0].getBounds();
-      let lx = bounds0.x;
-      let ly = bounds0.y;
-      let rx = bounds0.x + bounds0.width;
-      let ry = bounds0.y + bounds0.height;
-      if (group.length > 1) {
-        for (let i = 1; i < group.length; i++) {
-          const g = group[i];
-          const bound = g.getBounds();
-          if (bound.x < lx) {
-            lx = bound.x;
-          }
-          if (bound.y < ly) {
-            ly = bound.y;
-          }
-          const brx = bound.x + bound.width;
-          if (brx > rx) {
-            rx = brx;
-          }
-          const bry = bound.y + bound.height;
-          if (bry > ry) {
-            ry = bry;
-          }
-        }
-      }
-      const { x, y } = getRectangleCenter(
-        new Rectangle(lx, ly, rx - lx, ry - ly)
-      );
-      const p = this.viewport.toWorld(x, y);
-      this.viewport.moveCenter(p.x, p.y);
-    }
-  }
-
-  /**
-   * 注册交互插件,会替换旧的
-   */
-  registerInteractionPlugin(...plugins: InteractionPlugin[]): void {
-    plugins.forEach((plugin) => {
-      const old = this.interactionPluginMap.get(plugin.name);
-      if (old) {
-        console.warn(`已经存在name=${plugin.name}的交互插件,忽略此插件注册!`);
-        return;
-      }
-      this.interactionPluginMap.set(plugin.name, plugin);
-    });
-  }
-
-  /**
-   * 根据名称获取交互插件
-   * @param name
-   * @returns
-   */
-  interactionPlugin<P = InteractionPlugin>(name: string): P {
-    const plugin = this.interactionPluginMap.get(name);
-    if (!plugin) {
-      throw new Error(`未找到name=${name}的交互插件`);
-    }
-    return plugin as P;
-  }
-
-  /**
-   * 停止应用交互插件
-   */
-  pauseAppInteractionPlugins(): void {
-    this.interactionPluginMap.forEach((plugin) => {
-      if (plugin.isActive() && plugin._type === InteractionPluginType.App) {
-        this.doPauseInteractionPlugin(plugin);
-      }
-    });
-  }
-
-  private doPauseInteractionPlugin(plugin?: InteractionPlugin): void {
-    if (plugin && plugin.isActive()) {
-      plugin.pause();
-      this.emit('interaction-plugin-pause', plugin);
-    }
-  }
-
-  /**
-   * 移除交互插件
-   */
-  removeInteractionPlugin(plugin: InteractionPlugin) {
-    this.interactionPluginMap.delete(plugin.name);
-  }
-
-  private checkWsMsgCli() {
-    if (!WsMsgCli.isInitiated()) {
-      throw new Error('订阅消息需先启动消息代理, 执行app.enableWebsocket()');
-    }
-  }
-
-  /**
-   * 订阅websocket消息
-   */
-  subscribe(sub: AppStateSubscription) {
-    this.checkWsMsgCli();
-    this.wsMsgBroker.subscribe(sub);
-  }
-  /**
-   * 取消websocket订阅
-   */
-  unsubscribe(destination: string) {
-    this.checkWsMsgCli();
-    this.wsMsgBroker.unsbuscribe(destination);
-  }
-  /**
-   * 处理图形状态
-   * @param graphicStates
-   */
-  handleGraphicStates(
-    graphicStates: GraphicState[],
-    queryer?: GraphicQuery,
-    createOnNotFound?: ICreateOnNotFound
-  ): void {
-    graphicStates.forEach((state) => {
-      let g: JlGraphic | undefined;
-      if (queryer) {
-        g = queryer(state, this.queryStore);
-      } else {
-        g = this.queryStore.queryByCodeAndType(state.code, state.graphicType);
-      }
-      try {
-        if (!g) {
-          // 未找到图形对象
-          if (
-            !state.remove &&
-            createOnNotFound &&
-            createOnNotFound.graphicTypes &&
-            createOnNotFound.graphicTypes.findIndex(
-              (v) => v === state.graphicType
-            ) >= 0
-          ) {
-            const template = this.getGraphicTemplatesByType(state.graphicType);
-            const g = template.new();
-            g.loadState(state);
-            this.addGraphics(g);
-          }
-        } else {
-          // 找到
-          if (state.remove) {
-            this.deleteGraphics(g);
-            g.destroy({ children: true });
-          } else if (g.updateStates(state)) {
-            g.repaint();
-          }
-        }
-      } catch (err) {
-        console.error('图形状态处理异常', g, state, err);
-        // throw err;
-      }
-    });
-  }
-
-  /**
-   * 销毁
-   */
-  destroy(): void {
-    console.debug('场景销毁', this);
-    this.unbindDom();
-
-    if (this.wsMsgBroker) {
-      this.wsMsgBroker.close();
-    }
-    this.interactionPluginMap.forEach((plugin) => {
-      plugin.pause();
-    });
-    this.animationManager.destroy();
-    this.canvas.destroy(true);
-    this.viewport.destroy();
-    this.pixi.destroy(true, true);
-  }
-}
-
-/**
- * 图形应用接口
- */
-export interface IGraphicApp extends IGraphicScene {
-  get opRecord(): OperationRecord;
-  /**
-   * 实例化一个场景
-   * @param code 场景标识
-   * @returns
-   */
-  initScene(code: string, options: GraphicAppOptions): IGraphicScene;
-  /**
-   * 获取场景
-   * @param code
-   * @returns
-   */
-  getScene(code: string): IGraphicScene;
-  /**
-   * 切换场景
-   * @param dom
-   */
-  switchScene(code: string, dom: HTMLElement): void;
-  /**
-   * 移除指定code场景
-   * @param code
-   */
-  removeScene(code: string): void;
-  /**
-   * 添加图形并记录
-   * @param graphics
-   */
-  addGraphicAndRecord(...graphics: JlGraphic[]): void;
-  /**
-   * 删除图形并记录
-   * @param graphics
-   */
-  deleteGraphicAndRecord(...graphics: JlGraphic[]): void;
-
-  /**
-   * 启动websocket消息客户端
-   */
-  enableWsMassaging(options: MessageCliOption): void;
-  /**
-   * 添加键盘监听器,如果是相同的按键，新注册的会覆盖旧的，当移除新的时，旧的自动生效
-   * @param keyListeners
-   */
-  addKeyboardListener(...keyListeners: KeyListener[]): void;
-  /**
-   * 移除键盘监听器
-   * @param keyListeners
-   */
-  removeKeyboardListener(...keyListeners: KeyListener[]): void;
-}
-
-/**
- * 图形app基类
- */
-export class GraphicApp extends GraphicSceneBase implements IGraphicApp {
-  /**
-   * 场景列表
-   */
-  scenes: Map<string, JlScene> = new Map();
-
-  opRecord: OperationRecord; // 操作记录
-  keyboardPlugin: JlGraphicAppKeyboardPlugin; // 键盘操作处理插件
-
-  constructor(options: GraphicAppOptions) {
-    super(options);
-    // console.log('创建图形App')
-    this.opRecord = new OperationRecord();
-    // 绑定键盘监听
-    this.keyboardPlugin = new JlGraphicAppKeyboardPlugin(this);
-  }
-
-  get app(): GraphicApp {
-    return this;
-  }
-
-  setOptions(options: GraphicAppOptions) {
-    // console.log('更新选项', options);
-    if (options.maxOperationRecords && options.maxOperationRecords > 0) {
-      this.opRecord.setMaxLen(options.maxOperationRecords);
-    }
-    super.setOptions(options);
-  }
-
-  addGraphicAndRecord(...graphics: JlGraphic[]): void {
-    this.addGraphics(...graphics);
-    this.opRecord.record(new GraphicCreateOperation(this, graphics));
-  }
-
-  deleteGraphicAndRecord(...graphics: JlGraphic[]): void {
-    this.deleteGraphics(...graphics);
-    this.opRecord.record(new GraphicDeleteOperation(this, graphics));
-  }
-
-  /**
-   * 实例化一个场景
-   * @param code 场景标识
-   * @returns
-   */
-  initScene(code: string, options: GraphicAppOptions): IGraphicScene {
-    let scene = this.scenes.get(code);
-    if (!scene) {
-      scene = new JlScene(this, code, options);
-      this.scenes.set(code, scene);
-    }
-    return scene;
-  }
-
-  /**
-   * 获取场景
-   * @param code
-   * @returns
-   */
-  getScene(code: string): IGraphicScene {
-    const scene = this.scenes.get(code);
-    if (!scene) {
-      throw new Error(`不存在code=${code}的场景`);
-    }
-    return scene;
-  }
-
-  switchScene(code: string, dom: HTMLElement): void {
-    const scene = this.getScene(code);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    for (const [_code, pre] of this.scenes) {
-      if (pre.dom === dom) {
-        pre.unbindDom();
-        break;
-      }
-    }
-    scene.bindDom(dom);
-  }
-
-  removeScene(code: string): void {
-    const scene = this.scenes.get(code);
-    if (scene) {
-      this.scenes.delete(code);
-      scene.destroy();
-    }
-  }
-
-  /**
-   * 启动websocket消息客户端
-   */
-  enableWsMassaging(options: MessageCliOption) {
-    WsMsgCli.new(options);
-    this.wsMsgBroker = new AppWsMsgBroker(this);
-  }
-
-  /**
-   * 添加键盘监听器,如果是相同的按键，新注册的会覆盖旧的，当移除新的时，旧的自动生效
-   * @param keyListeners
-   */
-  addKeyboardListener(...keyListeners: KeyListener[]) {
-    keyListeners.forEach((keyListener) =>
-      this.keyboardPlugin.addKeyListener(keyListener)
-    );
-  }
-
-  /**
-   * 移除键盘监听器
-   * @param keyListeners
-   */
-  removeKeyboardListener(...keyListeners: KeyListener[]) {
-    keyListeners.forEach((keyListener) =>
-      this.keyboardPlugin.removeKeyListener(keyListener)
-    );
-  }
-
-  /**
-   * 销毁
-   */
-  destroy(): void {
-    console.debug('图形应用销毁', this);
-    this.emit('destroy', this);
-    super.destroy();
-    this.scenes.forEach((scene) => scene.destroy());
-  }
-}
-
-/**
- * 场景
- */
-export default class JlScene extends GraphicSceneBase {
-  code: string;
-  app: GraphicApp;
-
-  constructor(app: GraphicApp, code: string, options: GraphicAppOptions) {
-    super(options);
-    this.code = code;
-    this.app = app;
-  }
-}
diff --git a/src/jl-graphic/app/index.ts b/src/jl-graphic/app/index.ts
deleted file mode 100644
index b9f5fa2..0000000
--- a/src/jl-graphic/app/index.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import {
-  DrawAppOptions,
-  DrawAssistant,
-  GraphicDrawAssistant,
-  IDrawApp,
-  JlDrawApp,
-} from './JlDrawApp';
-import {
-  AppConsts,
-  GraphicApp,
-  GraphicAppOptions,
-  ICanvasProperties,
-  IGraphicApp,
-  IGraphicScene,
-  IGraphicStorage,
-  IJlCanvas,
-} from './JlGraphicApp';
-import { GraphicDataUpdateOperation } from './BasicOperation';
-
-/**
- * 实例化图形app
- * @param options
- * @returns
- */
-export function newGraphicApp(options: GraphicAppOptions): IGraphicApp {
-  return new GraphicApp(options);
-}
-
-/**
- * 实例化绘图app
- * @param options
- * @returns
- */
-export function newDrawApp(options: DrawAppOptions): IDrawApp {
-  return new JlDrawApp(options);
-}
-
-export { AppConsts, GraphicDrawAssistant, GraphicDataUpdateOperation };
-export type {
-  DrawAssistant,
-  ICanvasProperties,
-  IDrawApp,
-  IGraphicApp,
-  IGraphicScene,
-  IGraphicStorage,
-  IJlCanvas,
-};
diff --git a/src/jl-graphic/core/GraphicRelation.ts b/src/jl-graphic/core/GraphicRelation.ts
deleted file mode 100644
index 5cdb72e..0000000
--- a/src/jl-graphic/core/GraphicRelation.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { JlGraphic } from './JlGraphic';
-
-/**
- * 图形关系数据
- */
-export class GraphicRelationParam {
-  g: JlGraphic;
-  param: any;
-  constructor(g: JlGraphic, param: any = null) {
-    this.g = g;
-    this.param = param;
-  }
-  isTheGraphic(g: JlGraphic): boolean {
-    return this.g.id === g.id;
-  }
-  getGraphic<G extends JlGraphic>(): G {
-    return this.g as G;
-  }
-  getParam<P>(): P {
-    return this.param as P;
-  }
-  equals(other: GraphicRelationParam): boolean {
-    return this.isTheGraphic(other.g) && this.param === other.param;
-  }
-}
-/**
- * 图形关系
- */
-export class GraphicRelation {
-  rp1: GraphicRelationParam;
-  rp2: GraphicRelationParam;
-  constructor(rp1: GraphicRelationParam, rp2: GraphicRelationParam) {
-    this.rp1 = rp1;
-    this.rp2 = rp2;
-  }
-
-  contains(g: JlGraphic): boolean {
-    return this.rp1.isTheGraphic(g) || this.rp2.isTheGraphic(g);
-  }
-
-  /**
-   * 获取给定图形的关系参数
-   * @param g
-   * @returns
-   */
-  getRelationParam(g: JlGraphic): GraphicRelationParam {
-    if (!this.contains(g)) {
-      throw new Error(
-        `图形关系${this.rp1.g.id}-${this.rp2.g.id}中不包含给定图形${g.id}`
-      );
-    }
-    if (this.rp1.isTheGraphic(g)) {
-      return this.rp1;
-    } else {
-      return this.rp2;
-    }
-  }
-  /**
-   * 获取关联的另一个图形的关系参数
-   * @param g
-   * @returns
-   */
-  getOtherRelationParam(g: JlGraphic): GraphicRelationParam {
-    if (!this.contains(g)) {
-      throw new Error(
-        `图形关系${this.rp1.g.id}-${this.rp2.g.id}中不包含给定图形${g.id}`
-      );
-    }
-    if (this.rp1.isTheGraphic(g)) {
-      return this.rp2;
-    } else {
-      return this.rp1;
-    }
-  }
-  /**
-   * 获取关联的另一个图形对象
-   * @param g
-   * @returns graphic
-   */
-  getOtherGraphic<G extends JlGraphic>(g: JlGraphic): G {
-    return this.getOtherRelationParam(g).g as G;
-  }
-
-  equals(orp1: GraphicRelationParam, orp2: GraphicRelationParam): boolean {
-    if (this.rp1.isTheGraphic(orp1.g)) {
-      return this.rp1.equals(orp1) && this.rp2.equals(orp2);
-    } else if (this.rp1.isTheGraphic(orp2.g)) {
-      return this.rp1.equals(orp2) && this.rp2.equals(orp1);
-    }
-    return false;
-  }
-
-  isEqualOther(other: GraphicRelation): boolean {
-    return this.equals(other.rp1, other.rp2);
-  }
-}
-
-/**
- * 图形关系管理
- */
-export class RelationManage {
-  relations: GraphicRelation[] = [];
-
-  isContainsRelation(
-    rp1: GraphicRelationParam,
-    rp2: GraphicRelationParam
-  ): boolean {
-    const relation = this.relations.find((relation) =>
-      relation.equals(rp1, rp2)
-    );
-    return !!relation;
-  }
-  addRelation(
-    rp1: GraphicRelationParam | JlGraphic,
-    rp2: GraphicRelationParam | JlGraphic
-  ): void {
-    if (!(rp1 instanceof GraphicRelationParam)) {
-      rp1 = new GraphicRelationParam(rp1);
-    }
-    if (!(rp2 instanceof GraphicRelationParam)) {
-      rp2 = new GraphicRelationParam(rp2);
-    }
-    if (!this.isContainsRelation(rp1, rp2)) {
-      const relation = new GraphicRelation(rp1, rp2);
-      this.relations.push(relation);
-    }
-  }
-
-  /**
-   * 获取图形的所有关系
-   * @param g
-   * @returns
-   */
-  getRelationsOfGraphic(g: JlGraphic): GraphicRelation[] {
-    return this.relations.filter((rl) => rl.contains(g));
-  }
-
-  /**
-   * 获取指定图形的指定关系图形类型的所有关系
-   * @param g 指定图形
-   * @param type 关联图形的类型
-   * @returns
-   */
-  getRelationsOfGraphicAndOtherType(
-    g: JlGraphic,
-    type: string
-  ): GraphicRelation[] {
-    return this.relations.filter(
-      (rl) => rl.contains(g) && rl.getOtherGraphic(g).type === type
-    );
-  }
-
-  /**
-   * 删除关系
-   * @param relation
-   */
-  private deleteRelation(relation: GraphicRelation): void {
-    const index = this.relations.findIndex((rl) => rl.isEqualOther(relation));
-    if (index >= 0) {
-      this.relations.splice(index, 1);
-    }
-  }
-  /**
-   * 删除指定图形的所有关系
-   * @param g
-   */
-  deleteRelationOfGraphic(g: JlGraphic): void {
-    const relations = this.getRelationsOfGraphic(g);
-    relations.forEach((rl) => this.deleteRelation(rl));
-  }
-  /**
-   * 删除指定图形的所有关系
-   * @param g
-   */
-  deleteRelationOfGraphicAndOtherType(g: JlGraphic, type: string): void {
-    const relations = this.getRelationsOfGraphicAndOtherType(g, type);
-    relations.forEach((rl) => this.deleteRelation(rl));
-  }
-
-  /**
-   * 清空
-   */
-  clear() {
-    this.relations.splice(0, this.relations.length);
-  }
-}
diff --git a/src/jl-graphic/core/GraphicStore.ts b/src/jl-graphic/core/GraphicStore.ts
deleted file mode 100644
index 902705b..0000000
--- a/src/jl-graphic/core/GraphicStore.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { RelationManage } from './GraphicRelation';
-import { JlGraphic } from './JlGraphic';
-
-export interface GraphicQueryStore {
-  /**
-   * 获取所有图形对象
-   */
-  getAllGraphics(): JlGraphic[];
-  /**
-   * 根据id获取图形
-   */
-  queryById<T extends JlGraphic>(id: number): T;
-  /**
-   * 根据id模糊查询图形
-   * @param id
-   */
-  queryByIdAmbiguous(id: number): JlGraphic[];
-
-  /**
-   * 根据类型获取图形列表
-   */
-  queryByType<T extends JlGraphic>(type: string): T[];
-  /**
-   * 根据code查询
-   * @param code
-   */
-  queryByCode(code: string): JlGraphic[] | undefined;
-  /**
-   * 根据code模糊查询图形
-   * @param code
-   * @param type
-   */
-  queryByCodeAmbiguous(code: string): JlGraphic[];
-  /**
-   * 根据id或code查询图形
-   * @param v
-   */
-  queryByIdOrCode(v: string | number): JlGraphic[];
-  /**
-   * 根据id或code及类型查询图形
-   * @param v
-   * @param type
-   */
-  queryByIdOrCodeAndType(v: string | number, type: string): JlGraphic[];
-  /**
-   * 根据code和类型获取图形
-   * @param code
-   * @param type
-   */
-  queryByCodeAndType<T extends JlGraphic>(
-    code: string,
-    type: string
-  ): T | undefined;
-  /**
-   * 根据code和类型模糊查询图形
-   * @param code
-   * @param type
-   */
-  queryByCodeAndTypeAmbiguous<T extends JlGraphic>(
-    code: string,
-    type: string
-  ): T[];
-}
-
-/**
- * 图形存储
- */
-export class GraphicStore implements GraphicQueryStore {
-  store: Map<number, JlGraphic>;
-  relationManage: RelationManage;
-  constructor() {
-    this.store = new Map<number, JlGraphic>();
-    this.relationManage = new RelationManage();
-  }
-
-  /**
-   * 获取所有图形对象
-   */
-  getAllGraphics(): JlGraphic[] {
-    return [...this.store.values()];
-  }
-  queryById<T extends JlGraphic>(id: number): T {
-    const graphic = this.store.get(id) as T;
-    if (!graphic) throw Error(`未找到id为 [${id}] 的图形.`);
-    return this.store.get(id) as T;
-  }
-  queryByIdAmbiguous(id: number): JlGraphic[] {
-    const list: JlGraphic[] = [];
-    this.store.forEach((g) => {
-      if (Math.abs(g.id - id) <= 10) {
-        list.push(g);
-      }
-    });
-    return list;
-  }
-  queryByType<T extends JlGraphic>(type: string): T[] {
-    const list: T[] = [];
-    this.store.forEach((g) => {
-      if (g.type === type) {
-        list.push(g as T);
-      }
-    });
-    return list;
-  }
-  queryByCode(code: string): JlGraphic[] | undefined {
-    const list: JlGraphic[] = [];
-    this.store.forEach((g) => {
-      if (g.code === code) {
-        list.push(g);
-      }
-    });
-    return list;
-  }
-  queryByCodeAmbiguous(code: string): JlGraphic[] {
-    const list: JlGraphic[] = [];
-    this.store.forEach((g) => {
-      if (g.code.search(code) >= 0) {
-        list.push(g);
-      }
-    });
-    return list;
-  }
-  queryByIdOrCode(s: string | number): JlGraphic[] {
-    const list: JlGraphic[] = [];
-    this.store.forEach((g) => {
-      if (g.isIdOrCode(s)) {
-        list.push(g);
-      }
-    });
-    return list;
-  }
-  queryByIdOrCodeAndType(s: string | number, type: string): JlGraphic[] {
-    const list: JlGraphic[] = [];
-    this.store.forEach((g) => {
-      if (g.isIdOrCode(s) && g.type === type) {
-        list.push(g);
-      }
-    });
-    return list;
-  }
-  queryByCodeAndType<T extends JlGraphic>(
-    code: string,
-    type: string
-  ): T | undefined {
-    for (const item of this.store.values()) {
-      if (item.code === code && item.type === type) {
-        return item as T;
-      }
-    }
-  }
-  queryByCodeAndTypeAmbiguous<T extends JlGraphic>(
-    code: string,
-    type: string
-  ): T[] {
-    const list: T[] = [];
-    this.store.forEach((g) => {
-      if (g.type === type && g.code.search(code) >= 0) {
-        list.push(g as T);
-      }
-    });
-    return list;
-  }
-
-  /**
-   * 存储图形对象
-   * @param graphics 要存储的图形
-   */
-  storeGraphics(graphic: JlGraphic): boolean {
-    if (!graphic.id || graphic.id === 0) {
-      throw new Error(`存储图形对象异常: id为空, ${graphic}`);
-    }
-    if (this.store.has(graphic.id)) {
-      // 已经存在
-      const exist = this.store.get(graphic.id);
-      console.error(`已经存在id=${graphic.id}的设备${exist}`);
-      return false;
-    } else {
-      this.store.set(graphic.id, graphic);
-      graphic.queryStore = this;
-      graphic.relationManage = this.relationManage;
-      return true;
-    }
-  }
-  /**
-   * 删除图形
-   * @param graph 要删除的图形
-   */
-  deleteGraphics(graphic: JlGraphic): JlGraphic | undefined {
-    const id = graphic.id;
-    const remove = this.store.get(id);
-    if (remove) {
-      this.store.delete(id);
-      // 删除图形关系
-      this.relationManage.deleteRelationOfGraphic(remove);
-    }
-    return remove;
-  }
-
-  /**
-   * 清空
-   */
-  clear() {
-    this.relationManage.clear();
-    this.store.clear();
-  }
-}
diff --git a/src/jl-graphic/core/IdGenerator.ts b/src/jl-graphic/core/IdGenerator.ts
deleted file mode 100644
index 57b2a09..0000000
--- a/src/jl-graphic/core/IdGenerator.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * ID生成器
- */
-export class IdGenerator {
-  serial = 0;
-  type: string;
-
-  constructor(type: string) {
-    this.type = type;
-  }
-
-  next(): number {
-    ++this.serial;
-    // console.log(this.getType() + this.serial)
-    return this.serial;
-  }
-
-  getType(): string {
-    return this.type;
-  }
-
-  initSerial(serial: number): void {
-    // console.log(serial)
-    this.serial = serial;
-  }
-}
-
-export const GraphicIdGenerator: IdGenerator = new IdGenerator('');
diff --git a/src/jl-graphic/core/JlGraphic.ts b/src/jl-graphic/core/JlGraphic.ts
deleted file mode 100644
index fba6338..0000000
--- a/src/jl-graphic/core/JlGraphic.ts
+++ /dev/null
@@ -1,1033 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { Viewport } from 'pixi-viewport';
-import {
-  Container,
-  DisplayObject,
-  Graphics,
-  IPointData,
-  Point,
-  Rectangle,
-} from 'pixi.js';
-import { AppConsts, IJlCanvas } from '../app';
-import {
-  convertRectangleToPolygonPoints,
-  recursiveChildren,
-  recursiveFindChild,
-  recursiveFindParent,
-  recursiveParents,
-} from '../utils';
-import { GraphicRelation, RelationManage } from './GraphicRelation';
-import { GraphicQueryStore } from './GraphicStore';
-import { GraphicIdGenerator } from './IdGenerator';
-
-//基础图形对象扩展
-DisplayObject.prototype._selectable = false; //是否可选中
-DisplayObject.prototype._selected = false;
-DisplayObject.prototype._childEdit = false;
-DisplayObject.prototype._transformSave = false;
-DisplayObject.prototype._assistantAppendMap = null;
-DisplayObject.prototype._draggable = false;
-DisplayObject.prototype._shiftStartPoint = null;
-DisplayObject.prototype._shiftLastPoint = null;
-DisplayObject.prototype._scalable = false;
-DisplayObject.prototype._keepAspectRatio = true;
-DisplayObject.prototype._rotatable = false;
-Object.defineProperties(DisplayObject.prototype, {
-  assistantAppendMap: {
-    get() {
-      if (this._assistantAppendMap == null) {
-        this._assistantAppendMap = new Map<string, DisplayObject>();
-      }
-      return this._assistantAppendMap;
-    },
-  },
-  selectable: {
-    get(): boolean {
-      return this._selectable;
-    },
-    set(value: boolean): void {
-      this._selectable = value;
-    },
-  },
-  selected: {
-    get(): boolean {
-      return this._selected;
-    },
-    set(v) {
-      this._selected = v;
-    },
-  },
-  childEdit: {
-    get() {
-      return this._childEdit;
-    },
-    set(v) {
-      this._childEdit = v;
-    },
-  },
-  transformSave: {
-    get() {
-      return this._transformSave;
-    },
-    set(v) {
-      this._transformSave = v;
-    },
-  },
-  draggable: {
-    get(): boolean {
-      return this._draggable;
-    },
-    set(v) {
-      this._draggable = v;
-    },
-  },
-  shiftStartPoint: {
-    get() {
-      return this._shiftStartPoint;
-    },
-    set(v) {
-      this._shiftStartPoint = v;
-    },
-  },
-  shiftLastPoint: {
-    get() {
-      return this._shiftLastPoint;
-    },
-    set(v) {
-      this._shiftLastPoint = v;
-    },
-  },
-  scalable: {
-    get() {
-      return this._scalable;
-    },
-    set(v) {
-      this._scalable = v;
-    },
-  },
-  keepAspectRatio: {
-    get(): boolean {
-      return this._keepAspectRatio;
-    },
-    set(v) {
-      this._keepAspectRatio = v;
-    },
-  },
-  rotatable: {
-    get() {
-      return this._rotatable;
-    },
-    set(v) {
-      this._rotatable = v;
-    },
-  },
-  worldAngle: {
-    get() {
-      let angle = this.angle;
-      let parent = this.parent;
-      while (parent != undefined && parent != null) {
-        angle += parent.angle;
-        parent = parent.parent;
-      }
-      angle = angle % 360;
-      if (angle > 180) {
-        angle = angle - 360;
-      }
-      return angle;
-    },
-  },
-});
-DisplayObject.prototype.getAllParentScaled =
-  function getAllParentScaled(): Point {
-    const scaled = new Point(1, 1);
-    recursiveParents(this, (parent) => {
-      scaled.x *= parent.scale.x;
-      scaled.y *= parent.scale.y;
-    });
-    return scaled;
-  };
-DisplayObject.prototype.getPositionOnCanvas =
-  function getPositionOnCanvas(): Point {
-    if (this.parent.isCanvas()) {
-      return this.position;
-    } else {
-      return this.parent.localToCanvasPoint(this.position);
-    }
-  };
-DisplayObject.prototype.updatePositionByCanvasPosition =
-  function updatePositionByCanvasPosition(p: IPointData): void {
-    if (this.parent.isCanvas()) {
-      this.position.copyFrom(p);
-    } else {
-      const localPosition = this.parent.canvasToLocalPoint(p);
-      this.position.copyFrom(localPosition);
-    }
-  };
-DisplayObject.prototype.saveTransform = function saveTransform() {
-  return GraphicTransform.fromObject(this);
-};
-DisplayObject.prototype.loadTransform = function loadTransform(
-  transfrom: GraphicTransform
-) {
-  this.position.copyFrom(transfrom.position);
-  this.scale.copyFrom(transfrom.scale);
-  this.rotation = transfrom.rotation;
-  this.skew.copyFrom(transfrom.skew);
-};
-DisplayObject.prototype.isChild = function isChild(
-  obj: DisplayObject
-): boolean {
-  return recursiveFindChild(this as Container, (child) => child == obj) != null;
-};
-DisplayObject.prototype.isParent = function isParent(
-  obj: DisplayObject
-): boolean {
-  return recursiveFindParent(this, (parent) => parent == obj) != null;
-};
-DisplayObject.prototype.isAssistantAppend =
-  function isAssistantAppend(): boolean {
-    return (
-      recursiveFindParent(this, (parent) => {
-        return parent.name === AppConsts.AssistantAppendsName;
-      }) != null
-    );
-  };
-DisplayObject.prototype.addAssistantAppend = function addAssistantAppend<
-  D extends DisplayObject
->(...appends: D[]): void {
-  appends.forEach((append) => {
-    if (append.name == null || append.name.trim() == '') {
-      throw new Error('辅助附加name不能为空');
-    }
-    this.assistantAppendMap.set(append.name, append);
-    this.getCanvas().addAssistantAppends(append);
-  });
-};
-DisplayObject.prototype.getAssistantAppend = function getAssistantAppend<
-  D extends DisplayObject
->(name: string): D | undefined {
-  return this.assistantAppendMap.get(name) as D;
-};
-DisplayObject.prototype.removeAssistantAppend = function removeAssistantAppend(
-  ...appends: DisplayObject[]
-): void {
-  appends.forEach((append) => {
-    if (append.name) {
-      this.removeAssistantAppendByName(append.name);
-    }
-  });
-};
-DisplayObject.prototype.removeAssistantAppendByName =
-  function removeAssistantAppendByName(...names: string[]): void {
-    names.forEach((name) => {
-      const append = this.getAssistantAppend(name);
-      if (append) {
-        this.getCanvas().removeAssistantAppends(append);
-        this.assistantAppendMap.delete(name);
-        append.destroy();
-      }
-    });
-  };
-DisplayObject.prototype.removeAllAssistantAppend =
-  function removeAllAssistantAppend(): void {
-    if (this._assistantAppendMap != null) {
-      this.assistantAppendMap.forEach((append) => {
-        append.getCanvas().removeAssistantAppends(append);
-      });
-      this.assistantAppendMap.clear();
-    }
-  };
-
-DisplayObject.prototype.isGraphic = function isGraphic() {
-  return Object.hasOwn(this, '__JlGraphic');
-};
-DisplayObject.prototype.getGraphic = function getGraphic<
-  G extends JlGraphic
->(): G | null {
-  let graphic = this as DisplayObject;
-  while (graphic && !Object.hasOwn(graphic, '__JlGraphic')) {
-    graphic = graphic.parent;
-  }
-  if (graphic) {
-    return graphic as G;
-  }
-  return null;
-};
-DisplayObject.prototype.isGraphicChild = function isGraphicChild() {
-  const g = this.getGraphic();
-  return g != null && !this.isAssistantAppend() && g.isChild(this);
-};
-DisplayObject.prototype.onAddToCanvas = function onAddToCanvas(
-  _canvas: IJlCanvas
-) {};
-DisplayObject.prototype.onRemoveFromCanvas = function onRemoveFromCanvas(
-  _canvas: IJlCanvas
-) {};
-DisplayObject.prototype.isInCanvas = function isInCanvas(): boolean {
-  let graphic = this as DisplayObject;
-  while (graphic && !Object.hasOwn(graphic, '__JlCanvas')) {
-    graphic = graphic.parent;
-  }
-  if (graphic) {
-    return true;
-  }
-  return false;
-};
-DisplayObject.prototype.getCanvas = function getCanvas() {
-  let graphic = this as DisplayObject;
-  while (graphic && !Object.hasOwn(graphic, '__JlCanvas')) {
-    graphic = graphic.parent;
-  }
-  if (graphic) {
-    return graphic as IJlCanvas;
-  }
-  throw new Error(`图形${this.name}不在画布中`);
-};
-DisplayObject.prototype.isCanvas = function isCanvas(): boolean {
-  return Object.hasOwn(this, '__JlCanvas');
-};
-DisplayObject.prototype.getViewport = function getViewport() {
-  const canvas = this.getCanvas();
-  return canvas.parent as Viewport;
-};
-DisplayObject.prototype.getGraphicApp = function getGraphicApp() {
-  const canvas = this.getCanvas();
-  return canvas.scene.app;
-};
-DisplayObject.prototype.localToCanvasPoint = function localToCanvasPoint(
-  p: IPointData
-): Point {
-  return this.getViewport().toWorld(this.toGlobal(p));
-};
-DisplayObject.prototype.localToCanvasPoints = function localToCanvasPoints(
-  ...points: IPointData[]
-): Point[] {
-  return points.map((p) => this.localToCanvasPoint(p));
-};
-DisplayObject.prototype.canvasToLocalPoint = function canvasToLocalPoint(
-  p: IPointData
-): Point {
-  return this.toLocal(this.getViewport().toScreen(p));
-};
-DisplayObject.prototype.canvasToLocalPoints = function canvasToLocalPoints(
-  ...points: IPointData[]
-): Point[] {
-  return points.map((p) => this.canvasToLocalPoint(p));
-};
-DisplayObject.prototype.localToScreenPoint = function localToScreenPoint(
-  p: IPointData
-): Point {
-  return this.toGlobal(p);
-};
-DisplayObject.prototype.localToScreenPoints = function localToScreenPoints(
-  ...points: IPointData[]
-): Point[] {
-  return points.map((p) => this.toGlobal(p));
-};
-DisplayObject.prototype.screenToLocalPoint = function screenToLocalPoint(
-  p: IPointData
-): Point {
-  return this.toLocal(p);
-};
-DisplayObject.prototype.screenToLocalPoints = function screenToLocalPoints(
-  ...points: IPointData[]
-): Point[] {
-  return points.map((p) => this.toLocal(p));
-};
-
-DisplayObject.prototype.localBoundsToCanvasPoints =
-  function localBoundsToCanvasPoints() {
-    const rect = this.getLocalBounds();
-    const pps = convertRectangleToPolygonPoints(rect);
-    return this.localToCanvasPoints(...pps);
-  };
-
-// 扩展pixijs图形对象，添加自定义绘制贝塞尔曲线，可自定义分段数
-Graphics.prototype.drawBezierCurve = function drawBezierCurve(
-  p1: IPointData,
-  p2: IPointData,
-  cp1: IPointData,
-  cp2: IPointData,
-  segmentsCount: number
-): Graphics {
-  const fromX = p1.x;
-  const fromY = p1.y;
-  const n = segmentsCount;
-  let dt = 0;
-  let dt2 = 0;
-  let dt3 = 0;
-  let t2 = 0;
-  let t3 = 0;
-  const cpX = cp1.x;
-  const cpY = cp1.y;
-  const cpX2 = cp2.x;
-  const cpY2 = cp2.y;
-  const toX = p2.x;
-  const toY = p2.y;
-  this.moveTo(p1.x, p1.y);
-  for (let i = 1, j = 0; i <= n; ++i) {
-    j = i / n;
-    dt = 1 - j;
-    dt2 = dt * dt;
-    dt3 = dt2 * dt;
-    t2 = j * j;
-    t3 = t2 * j;
-    const px = dt3 * fromX + 3 * dt2 * j * cpX + 3 * dt * t2 * cpX2 + t3 * toX;
-    const py = dt3 * fromY + 3 * dt2 * j * cpY + 3 * dt * t2 * cpY2 + t3 * toY;
-    this.lineTo(px, py);
-  }
-  return this;
-};
-
-export interface IGraphicTransform {
-  position: IPointData;
-  scale: IPointData;
-  rotation: number;
-  skew: IPointData;
-}
-
-/**
- * 图形变换数据
- */
-export class GraphicTransform {
-  position: IPointData;
-  scale: IPointData;
-  rotation: number;
-  skew: IPointData;
-
-  constructor(
-    position: IPointData,
-    scale: IPointData,
-    rotation: number,
-    skew: IPointData
-  ) {
-    this.position = position;
-    this.scale = scale;
-    this.rotation = rotation;
-    this.skew = skew;
-  }
-  static default(): GraphicTransform {
-    return new GraphicTransform(
-      new Point(0, 0),
-      new Point(1, 1),
-      0,
-      new Point(0, 0)
-    );
-  }
-  static fromObject(obj: DisplayObject): GraphicTransform {
-    return new GraphicTransform(
-      obj.position.clone(),
-      obj.scale.clone(),
-      obj.rotation,
-      obj.skew.clone()
-    );
-  }
-  static from(transform: IGraphicTransform | undefined): GraphicTransform {
-    if (transform) {
-      return new GraphicTransform(
-        new Point(transform.position.x, transform.position.y),
-        new Point(transform.scale.x, transform.scale.y),
-        transform.rotation,
-        new Point(transform.skew.x, transform.skew.y)
-      );
-    }
-    return GraphicTransform.default();
-  }
-}
-
-export interface IChildTransform {
-  name: string;
-  transform: IGraphicTransform;
-}
-
-/**
- * 图形子元素变换
- */
-export class ChildTransform {
-  name: string;
-  transform: GraphicTransform;
-  constructor(name: string, transform: GraphicTransform) {
-    this.name = name;
-    this.transform = transform;
-  }
-  static fromChild(child: DisplayObject): ChildTransform {
-    if (
-      child.name == null ||
-      child.name == undefined ||
-      child.name.trim() == ''
-    ) {
-      throw new Error(
-        `图形type=${
-          child.getGraphic()?.type
-        }的子元素${child}name为空，但设置为需要保存变换数据`
-      );
-    }
-    return new ChildTransform(child.name, GraphicTransform.fromObject(child));
-  }
-  static from(ct: IChildTransform): ChildTransform {
-    return new ChildTransform(ct.name, GraphicTransform.from(ct.transform));
-  }
-}
-
-/**
- * 图形数据
- */
-export interface GraphicData {
-  get id(): number; // 图形id
-  set id(v: number);
-  get graphicType(): string; // 图形类型
-  set graphicType(v: string);
-  get transform(): GraphicTransform; //
-  set transform(v: GraphicTransform);
-  get childTransforms(): ChildTransform[] | undefined; //
-  set childTransforms(v: ChildTransform[] | undefined);
-
-  /**
-   * 克隆消息
-   */
-  clone(): GraphicData;
-  /**
-   * 从给定数据拷贝
-   * @param data
-   */
-  copyFrom(data: GraphicData): void;
-  /**
-   * 是否相等
-   * @param other
-   */
-  eq(other: GraphicData): boolean;
-}
-
-/**
- * 图形状态
- */
-export interface GraphicState {
-  get code(): string; // 业务标识
-  get graphicType(): string; // 图形类型
-  remove?: boolean; // 是否移除图形
-  /**
-   * 克隆消息
-   */
-  clone(): GraphicState;
-  /**
-   * 从给定数据拷贝
-   * @param data
-   */
-  copyFrom(data: GraphicState): void;
-  /**
-   * 是否相等
-   * @param data
-   */
-  eq(data: GraphicState): boolean;
-}
-
-export interface GraphicAnimationOptions {
-  name: string;
-
-  run?: (dt: number) => void;
-}
-
-export class GraphicAnimation {
-  options: GraphicAnimationOptions;
-  _running: boolean;
-  /**
-   * 倍速
-   */
-  _xSpeed: number;
-  constructor(options: GraphicAnimationOptions) {
-    this.options = options;
-    this._running = false;
-    this._xSpeed = 1;
-  }
-
-  static init(options: GraphicAnimationOptions) {
-    return new GraphicAnimation(options);
-  }
-
-  pause(): GraphicAnimation {
-    this._running = false;
-    return this;
-  }
-  resume(): GraphicAnimation {
-    this._running = true;
-    return this;
-  }
-
-  public get name(): string {
-    return this.options.name;
-  }
-
-  public get running(): boolean {
-    return this._running;
-  }
-
-  public get xSpeed(): number {
-    return this._xSpeed;
-  }
-
-  public set xSpeed(v: number) {
-    this._xSpeed = v;
-  }
-
-  run(dt: number): GraphicAnimation {
-    if (this.options.run) {
-      this.options.run(dt * this.xSpeed);
-    }
-    return this;
-  }
-}
-
-/**
- * 图形对象基类
- */
-export abstract class JlGraphic extends Container {
-  readonly __JlGraphic = true as const;
-  readonly type: string; // 图形类型
-  private _id = 0; // 图形的唯一标识，不具有业务意义，唯一，不可重复,可用做图形数据关联。
-  private _code = ''; // 业务编号/名称，用于标识图形对象，具有业务意义
-  _datas?: GraphicData; // 图形数据
-  _states?: GraphicState; // 图形状态数据
-  private _relationManage?: RelationManage; // 图形关系管理
-  private _queryStore?: GraphicQueryStore; // 图形对象查询仓库
-
-  constructor(type: string) {
-    super();
-    this.type = type;
-    this.draggable = false;
-    this.filters;
-  }
-
-  /**
-   * 添加图形动画，只有在画布上才能添加
-   * @param animation
-   */
-  addAnimation(animation: GraphicAnimation): void {
-    const app = this.getGraphicApp();
-    app.animationManager.registerAnimation(this, animation);
-  }
-  removeAnimation(name: string): void {
-    const app = this.getGraphicApp();
-    app.animationManager.unregisterAnimation(this, name);
-  }
-  animation(name: string): GraphicAnimation | undefined {
-    const app = this.getGraphicApp();
-    return app.animationManager.animation(this, name);
-  }
-  removeAllAnimation(): void {
-    const app = this.getGraphicApp();
-    app.animationManager.unregisterGraphicAnimations(this);
-  }
-
-  /**
-   * 更新选中状态
-   * @param selected
-   * @returns 是否更新
-   */
-  updateSelected(selected: boolean): boolean {
-    if (this.selected !== selected) {
-      this.selected = selected;
-      this.fireSelected();
-      return true;
-    }
-    return false;
-  }
-
-  invertSelected() {
-    this.selected = !this.selected;
-    this.fireSelected();
-  }
-
-  fireSelected() {
-    if (this.selected) {
-      this.emit('selected', this);
-    } else {
-      this.exitChildEdit();
-      this.removeAllChildSelected();
-      this.emit('unselected', this);
-    }
-    const app = this.getGraphicApp();
-    if (app) {
-      app.emit('graphicselectedchange', this, this.selected);
-    }
-  }
-
-  hasSelectedChilds(): boolean {
-    return (
-      recursiveFindChild(this, (child) => {
-        if (child.selected) {
-          return true;
-        }
-        return false;
-      }) != null
-    );
-  }
-  setChildSelected(child: DisplayObject): boolean {
-    if (child.isGraphicChild() && child.selectable) {
-      this.removeAllChildSelected();
-      child.selected = true;
-      this.fireChildSelected(child);
-    }
-    return false;
-  }
-  invertChildSelected(child: DisplayObject): boolean {
-    if (child.isGraphicChild() && child.selectable) {
-      child.selected = !child.selected;
-      this.fireChildSelected(child);
-    }
-    return false;
-  }
-  removeAllChildSelected() {
-    recursiveChildren(this, (child) => {
-      if (child.selected) {
-        child.selected = false;
-        this.fireChildSelected(child);
-      }
-    });
-  }
-  fireChildSelected(child: DisplayObject) {
-    const selected = child.selected;
-    if (selected) {
-      this.emit('childselected', child);
-    } else {
-      this.emit('childunselected', child);
-    }
-    const app = this.getGraphicApp();
-    if (app) {
-      app.emit('graphicchildselectedchange', child, selected);
-    }
-  }
-  exitChildEdit() {
-    this.childEdit = false;
-    this.removeAllChildSelected();
-  }
-
-  /**
-   * 是否此对象id/code
-   */
-  isIdOrCode(s: string | number): boolean {
-    return this.id === s || this.code === s;
-  }
-
-  /**
-   * 获取图形id，如果图形数据对象存在，则返回图形数据对象id
-   */
-  public get id(): number {
-    if (this._datas) {
-      return this._datas.id;
-    }
-    return this._id;
-  }
-  /**
-   * 设置图形id，如果图形数据存在，则同时设置图形数据id
-   */
-  public set id(v: number) {
-    this._id = v;
-    if (this._datas) {
-      this._datas.id = v;
-    }
-  }
-  /**
-   * 获取图形业务code，如果业务code在图形数据或图形状态中，则需要重写此方法
-   */
-  public get code(): string {
-    return this._code;
-  }
-  /**
-   * 设置图形业务code，如果业务code在图形数据或图形状态中，则需要重写此方法
-   */
-  public set code(v: string) {
-    this._code = v;
-  }
-
-  getDatas<D extends GraphicData>(): D {
-    if (this._datas) {
-      return this._datas as D;
-    }
-    throw new Error(`id=${this.id},type=${this.type}的图形没有数据`);
-  }
-
-  getStates<S extends GraphicState>(): S {
-    if (this._states) {
-      return this._states as S;
-    }
-    throw new Error(`id=${this.id},type=${this.type}的的图形没有状态`);
-  }
-
-  public get queryStore(): GraphicQueryStore {
-    if (this._queryStore) {
-      return this._queryStore;
-    }
-    throw new Error(`type=${this.type}的图形没有QueryStore`);
-  }
-
-  public set queryStore(v: GraphicQueryStore) {
-    this._queryStore = v;
-  }
-
-  public get relationManage(): RelationManage {
-    if (this._relationManage) {
-      return this._relationManage;
-    }
-    throw new Error(`type=${this.type}的图形没有关系管理`);
-  }
-
-  public set relationManage(v: RelationManage) {
-    this._relationManage = v;
-  }
-
-  /**
-   * 构建图形关系
-   * @param g
-   */
-  buildRelation() {}
-
-  /**
-   * 从数据加载恢复图形关系
-   */
-  loadRelations() {}
-
-  /**
-   * 获取当前图形的所有图形关系
-   * @returns
-   */
-  getAllRelations(): GraphicRelation[] {
-    return this.relationManage.getRelationsOfGraphic(this);
-  }
-  /**
-   * 获取当前图形的所有指定类型图形关系
-   * @param type
-   * @returns
-   */
-  queryRelationByType(type: string): GraphicRelation[] {
-    return this.relationManage.getRelationsOfGraphicAndOtherType(this, type);
-  }
-  /**
-   * 删除当前图形关联的指定类型的关系
-   * @param type
-   */
-  deleteRelationByType(type: string): void {
-    this.relationManage.deleteRelationOfGraphicAndOtherType(this, type);
-  }
-
-  /**
-   * 构建并保存关系数据到datas中
-   */
-  saveRelations(): void {}
-  /**
-   * 保存数据，复制，非原始数据
-   * @returns
-   */
-  saveData<D extends GraphicData>(): D {
-    this.getDatas().graphicType = this.type;
-    this.getDatas().transform = GraphicTransform.fromObject(this);
-    this.getDatas().childTransforms = this.buildChildTransforms();
-    this.saveRelations();
-    return this.getDatas().clone() as D;
-  }
-  /**
-   * 构建子元素变换列表
-   * @returns
-   */
-  private buildChildTransforms(): ChildTransform[] {
-    const childTransforms: ChildTransform[] = [];
-    recursiveChildren(this, (child) => {
-      if (child.transformSave) {
-        childTransforms.push(ChildTransform.fromChild(child));
-      }
-    });
-    return childTransforms;
-  }
-
-  /**
-   * 加载数据
-   * @param data
-   */
-  loadData(data: GraphicData) {
-    if (data.graphicType !== this.type) {
-      throw new Error(
-        `不同的图形类型,请检查数据是否正常: data.graphicType="${data.graphicType}, type="${this.type}`
-      );
-    }
-    this._datas = data;
-    this.loadTransformFrom(data);
-  }
-
-  private loadTransformFrom(data: GraphicData) {
-    if (data.transform) {
-      this.loadTransform(data.transform);
-    }
-    if (data.childTransforms) {
-      data.childTransforms.forEach((ct) => {
-        const child = this.getChildByName(ct.name, true);
-        if (child) {
-          child.loadTransform(ct.transform);
-        }
-      });
-    }
-  }
-  /**
-   * 更新图形数据
-   * @param data
-   * @returns
-   */
-  updateData(data: GraphicData): boolean {
-    let update = false;
-    if (!this.getDatas().eq(data)) {
-      update = true;
-      const old = this.getDatas().clone();
-      this.getDatas().copyFrom(data);
-      this.onDataChange(data, old);
-      this.loadTransformFrom(data);
-      this.emit('dataupdate', this.getDatas(), old);
-      this.repaint();
-    }
-    return update;
-  }
-  /**
-   * 图形数据更新
-   */
-  onDataChange(newVal: GraphicData, old?: GraphicData): void {}
-
-  /**
-   * 加载状态
-   * @param state
-   */
-  loadState(state: GraphicState) {
-    if (state.graphicType !== this.type) {
-      throw new Error(
-        `不同的图形类型,请检查数据是否正常: state.graphicType="${state.graphicType}, type="${this.type}`
-      );
-    }
-    this._states = state;
-  }
-  /**
-   * 更新状态
-   * @param state
-   * @returns
-   */
-  updateStates(state: GraphicState): boolean {
-    let stateChange = false;
-    if (!this.getStates().eq(state)) {
-      // 判断并更新状态，默认状态
-      const old = this.getStates().clone();
-      this.getStates().copyFrom(state);
-      this.onStateChange(state, old);
-      stateChange = true;
-      this.emit('stateupdate', this.getStates(), old);
-      // this.repaint();
-    }
-    return stateChange;
-  }
-  /**
-   * 图形状态更新处理
-   */
-  onStateChange(newVal: GraphicState, old?: GraphicState): void {}
-
-  repaint(): void {
-    try {
-      this.doRepaint();
-      this.emit('repaint', this);
-    } catch (e) {
-      console.error(`设备id=${this.id},type=${this.type}重绘逻辑异常`, e);
-    }
-  }
-
-  /**
-   * 处理重绘逻辑
-   */
-  abstract doRepaint(): void;
-
-  /**
-   * 处理删除逻辑
-   */
-  onDelete(): void {
-    this.removeAllAssistantAppend();
-    this.removeAllListeners();
-    recursiveChildren(this, (child) => child.removeAllAssistantAppend());
-  }
-
-  /**
-   * 框选检测,默认取图形包围盒判定,若需要精细判定-子类重写此方法
-   * @param box
-   * @returns
-   */
-  boxIntersectCheck(box: Rectangle): boolean {
-    return box.intersects(this.getLocalBounds(), this.localTransform);
-  }
-}
-
-export type CreateData = () => GraphicData;
-export type CreateState = () => GraphicState;
-
-export interface IGraphicTemplateOptions {
-  dataTemplate?: GraphicData;
-  stateTemplate?: GraphicState;
-}
-
-/**
- * 图形对象模板
- */
-export abstract class JlGraphicTemplate<G extends JlGraphic> {
-  readonly type: string;
-  options: IGraphicTemplateOptions;
-
-  constructor(type: string, options: IGraphicTemplateOptions) {
-    this.type = type;
-    this.options = options;
-  }
-
-  get datas(): GraphicData {
-    if (this.options.dataTemplate) {
-      return this.options.dataTemplate.clone();
-    }
-    throw new Error(`type=${this.type}的图形模板没有数据模板`);
-  }
-
-  get states(): GraphicState {
-    if (this.options.stateTemplate) {
-      return this.options.stateTemplate.clone();
-    }
-    throw new Error(`type=${this.type}的图形模板没有状态模板`);
-  }
-
-  // getDataCreator<T extends CreateData>(): T {
-  //   return this.options.dataCreator as T;
-  // }
-  // getStateCreator<T extends CreateState>(): T {
-  //   return this.options.stateCreator as T;
-  // }
-
-  /**
-   * 初始化一个新的图形对象
-   */
-  abstract new(): G;
-  /**
-   * 加载图形对象需要用到的资源
-   */
-  async loadAssets(): Promise<any> {}
-
-  /**
-   * 克隆图形对象
-   * @param graphic
-   * @returns
-   */
-  clone(graphic: G): G {
-    const g = this.new();
-    if (graphic._datas) {
-      // 数据克隆
-      const datas = graphic.saveData();
-      g.loadData(datas);
-    }
-    if (graphic._states) {
-      // 状态克隆
-      const state = graphic.getStates().clone();
-      g.loadState(state);
-    }
-    g.id = GraphicIdGenerator.next();
-    return g;
-  }
-}
-
-export type GraphicTemplate = JlGraphicTemplate<JlGraphic>;
diff --git a/src/jl-graphic/core/index.ts b/src/jl-graphic/core/index.ts
deleted file mode 100644
index 742c1e9..0000000
--- a/src/jl-graphic/core/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './JlGraphic';
-export * from './IdGenerator';
-export * from './GraphicRelation';
-export * from './GraphicStore';
diff --git a/src/jl-graphic/global.d.ts b/src/jl-graphic/global.d.ts
deleted file mode 100644
index 6cc2969..0000000
--- a/src/jl-graphic/global.d.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-declare namespace GlobalMixins {
-  type JlCanvasType = import('./app').IJlCanvas;
-  type CanvasProperties = import('./app').ICanvasProperties;
-  type GraphicApp = import('./app').IGraphicApp;
-  type JlGraphicType = import('./core').JlGraphic;
-  type GraphicData = import('./core').GraphicData;
-  type GraphicState = import('./core').GraphicState;
-  type GraphicTransform = import('./core').GraphicTransform;
-  type GraphicTransformEvent = import('./plugins').GraphicTransformEvent;
-  type BoundsGraphic = import('./plugins').BoundsGraphic;
-  type IPointDataType = import('pixi.js').IPointData;
-  type PointType = import('pixi.js').Point;
-  type FederatedMouseEvent = import('pixi.js').FederatedMouseEvent;
-  type DisplayObjectType = import('pixi.js').DisplayObject;
-  type ContainerType = import('pixi.js').Container;
-  interface DisplayObjectEvents {
-    'enter-absorbable-area': [number | undefined, number | undefined];
-    'out-absorbable-area': [number | undefined, number | undefined];
-    dataupdate: [newVal: any, oldVal: any];
-    stateupdate: [newVal: any, oldVal: any];
-    repaint: [DisplayObjectType];
-    transformstart: [e: GraphicTransformEvent];
-    transforming: [e: GraphicTransformEvent];
-    transformend: [e: GraphicTransformEvent];
-    _rightclick: [e: FederatedMouseEvent];
-    _leftclick: [e: FederatedMouseEvent];
-    selected: [DisplayObjectType];
-    unselected: [DisplayObjectType];
-    childselected: [DisplayObjectType];
-    childunselected: [DisplayObjectType];
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  interface GraphicAppEvents {
-    // propertiesupdate: [selectedData: GraphicData | CanvasProperties | null];
-  }
-
-  interface DisplayObject {
-    _selectable: boolean;
-    _selected: boolean;
-    selectable: boolean; //是否可选中
-    selected: boolean; // 是否选中
-    _childEdit: boolean; // 子元素编辑模式
-    childEdit: boolean;
-    _transformSave: boolean; // 变换是否保存
-    transformSave: boolean; //
-    _assistantAppendMap: Map<string, DisplayObjectType> | null; // 辅助附加图形map
-    assistantAppendMap: Map<string, DisplayObjectType>;
-    _draggable: boolean; // 是否可拖拽
-    draggable: boolean;
-    _shiftStartPoint: PointType | null; // 位移起始坐标
-    shiftStartPoint: PointType | null;
-    _shiftLastPoint: PointType | null; // 位移上一个事件时坐标
-    shiftLastPoint: PointType | null;
-    _scalable: boolean; // 是否可缩放
-    scalable: boolean;
-    _keepAspectRatio: boolean; // 缩放是否保持纵横比,默认保持
-    keepAspectRatio: boolean;
-    _rotatable: boolean; // 是否可旋转
-    rotatable: boolean;
-    worldAngle: number; // 世界角度,(-180, 180]
-    /**
-     * 获取所有父级元素叠加缩放
-     */
-    getAllParentScaled(): PointType;
-    /**
-     * 获取位置在画布的坐标
-     */
-    getPositionOnCanvas(): PointType;
-    /**
-     * 通过画布坐标更新位置
-     * @param p 画布坐标
-     */
-    updatePositionByCanvasPosition(p: IPointData): void;
-    /**
-     * 保存变换数据
-     */
-    saveTransform(): GraphicTransform;
-    /**
-     * 加载变换
-     * @param transform 变换数据
-     */
-    loadTransform(transform: GraphicTransform): void;
-    isChild(obj: DisplayObject): boolean; // 是否子元素
-    isParent(obj: DisplayObject): boolean; // 是否父元素
-    isAssistantAppend(): boolean; // 是否辅助附加图形
-    addAssistantAppend<D extends DisplayObjectType>(...appends: D[]): void;
-    removeAssistantAppend(...appends: DisplayObjectType[]): void;
-    removeAssistantAppendByName(...names: string[]): void;
-    removeAllAssistantAppend(): void;
-    getAssistantAppend<D extends DisplayObjectType>(
-      name: string
-    ): D | undefined; // 获取辅助附加图形对象
-    isGraphic(): boolean; // 是否业务图形对象
-    getGraphic<G extends JlGraphicType>(): G | null; // 获取所属的图形对象
-    isGraphicChild(): boolean; // 是否图形子元素
-    onAddToCanvas(canvas: JlCanvasType): void; // 添加到画布处理
-    onRemoveFromCanvas(canvas: JlCanvasType): void; //从画布移除处理
-    isInCanvas(): boolean; // 是否添加到画布中
-    getCanvas(): JlCanvasType; // 获取所在画布
-    isCanvas(): boolean; // 是否画布对象
-    getViewport(): Viewport; // 获取视口
-    getGraphicApp(): GraphicApp; // 获取图形app
-    /**
-     * 图形本地坐标转为画布坐标
-     * @param p 图形本地坐标
-     */
-    localToCanvasPoint(p: IPointData): PointType;
-    /**
-     * 批量转换图形本地坐标为画布坐标
-     * @param points 图形本地坐标
-     */
-    localToCanvasPoints(...points: IPointData[]): PointType[];
-    /**
-     * 画布坐标转为图形本地坐标
-     * @param p 画布坐标
-     */
-    canvasToLocalPoint(p: IPointData): PointType;
-    /**
-     * 批量转换画布坐标为图形本地坐标
-     * @param points 画布坐标
-     */
-    canvasToLocalPoints(...points: IPointData[]): PointType[];
-    /**
-     * 本地坐标转为屏幕坐标
-     * @param p 本地坐标
-     */
-    localToScreenPoint(p: IPointData): PointType;
-    /**
-     * 批量转换本地坐标为屏幕坐标
-     * @param points 本地坐标
-     */
-    localToScreenPoints(...points: IPointData[]): PointType[];
-    /**
-     * 屏幕坐标转为本地坐标
-     * @param p 屏幕坐标
-     */
-    screenToLocalPoint(p: IPointData): PointType;
-    /**
-     * 批量转换屏幕坐标为本地坐标
-     * @param points 屏幕坐标
-     */
-    screenToLocalPoints(...points: IPointData[]): PointType[]; // 批量
-
-    localBoundsToCanvasPoints(): PointType[]; // 本地包围框转为多边形点坐标
-  }
-
-  interface Graphics {
-    drawBezierCurve(
-      p1: IPointData,
-      p2: IPointData,
-      cp1: IPointData,
-      cp2: IPointData,
-      segmentsCount: number
-    ): Graphics;
-  }
-}
diff --git a/src/jl-graphic/graphic/AbsorbablePosition.ts b/src/jl-graphic/graphic/AbsorbablePosition.ts
deleted file mode 100644
index b3a7acf..0000000
--- a/src/jl-graphic/graphic/AbsorbablePosition.ts
+++ /dev/null
@@ -1,252 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import {
-  Color,
-  Container,
-  DisplayObject,
-  Graphics,
-  IPointData,
-  Point,
-} from 'pixi.js';
-import {
-  calculateFootPointFromPointToLine,
-  calculateIntersectionPointOfCircleAndPoint,
-  distance,
-  distance2,
-  isLineContainOther,
-  linePoint,
-} from '../utils';
-import { VectorGraphic, VectorGraphicUtil } from './VectorGraphic';
-
-/**
- * 抽象可吸附位置
- */
-export interface AbsorbablePosition extends Container {
-  /**
-   * 是否与另一个可吸附位置重叠(相似，但可能范围不同)
-   * @param other
-   */
-  isOverlapping(other: AbsorbablePosition): boolean;
-
-  /**
-   * 与另一个相似的吸附位置比较范围大小
-   * @param other
-   * @returns >0此吸附范围大，<0另一个吸附范围大，=0两个吸附范围一样大
-   */
-  compareTo(other: AbsorbablePosition): number;
-
-  /**
-   * 尝试吸附图形对象
-   * @param objs 图形对象列表
-   * @returns  如果吸附成功，返回true，否则false
-   */
-  tryAbsorb(...objs: DisplayObject[]): void;
-}
-
-/**
- * 可吸附点图形参数
- */
-export const AbsorbablePointParam = {
-  lineWidth: 1,
-  lineColor: '#000000',
-  fillColor: '#E77E0E',
-  radius: 5, // 半径
-};
-
-const AbsorbablePointGraphic = new Graphics();
-// AbsorbablePointGraphic.lineStyle(
-//   AbsorbablePointParam.lineWidth,
-//   AbsorbablePointParam.lineColor
-// );
-AbsorbablePointGraphic.beginFill(AbsorbablePointParam.fillColor);
-AbsorbablePointGraphic.drawCircle(0, 0, AbsorbablePointParam.radius);
-AbsorbablePointGraphic.endFill();
-
-/**
- * 可吸附点
- */
-export default class AbsorbablePoint
-  extends Graphics
-  implements AbsorbablePosition, VectorGraphic
-{
-  _point: Point;
-  absorbRange: number;
-  scaledListenerOn = false;
-
-  /**
-   *
-   * @param point 画布坐标
-   * @param absorbRange
-   */
-  constructor(point: IPointData, absorbRange = 10) {
-    super(AbsorbablePointGraphic.geometry);
-    this._point = new Point(point.x, point.y);
-    this.absorbRange = absorbRange;
-    this.position.copyFrom(this._point);
-    this.interactive;
-    VectorGraphicUtil.handle(this);
-  }
-  compareTo(other: AbsorbablePosition): number {
-    if (other instanceof AbsorbablePoint) {
-      return this.absorbRange - other.absorbRange;
-    }
-    throw new Error('非可吸附点');
-  }
-  isOverlapping(other: AbsorbablePosition): boolean {
-    if (other instanceof AbsorbablePoint) {
-      return (
-        this._point.equals(other._point) &&
-        this.absorbRange === other.absorbRange
-      );
-    }
-    return false;
-  }
-  tryAbsorb(...objs: DisplayObject[]): void {
-    for (let i = 0; i < objs.length; i++) {
-      const obj = objs[i];
-      const canvasPosition = obj.getPositionOnCanvas();
-      if (
-        distance(
-          this._point.x,
-          this._point.y,
-          canvasPosition.x,
-          canvasPosition.y
-        ) < this.absorbRange
-      ) {
-        obj.updatePositionByCanvasPosition(this._point);
-      }
-    }
-  }
-  updateOnScaled() {
-    const scaled = this.getAllParentScaled();
-    const scale = Math.max(scaled.x, scaled.y);
-    this.scale.set(1 / scale, 1 / scale);
-  }
-}
-
-/**
- * 可吸附线
- */
-export class AbsorbableLine extends Graphics implements AbsorbablePosition {
-  p1: Point;
-  p2: Point;
-  absorbRange: number;
-  _color = '#E77E0E';
-
-  /**
-   *
-   * @param p1 画布坐标
-   * @param p2 画布坐标
-   * @param absorbRange
-   */
-  constructor(p1: IPointData, p2: IPointData, absorbRange = 20) {
-    super();
-    this.p1 = new Point(p1.x, p1.y);
-    this.p2 = new Point(p2.x, p2.y);
-    this.absorbRange = absorbRange;
-    this.redraw();
-  }
-  isOverlapping(other: AbsorbablePosition): boolean {
-    if (other instanceof AbsorbableLine) {
-      const contain = isLineContainOther(
-        { p1: this.p1, p2: this.p2 },
-        { p1: other.p1, p2: other.p2 }
-      );
-      return contain;
-    }
-    return false;
-  }
-  compareTo(other: AbsorbablePosition): number {
-    if (other instanceof AbsorbableLine) {
-      return distance2(this.p1, this.p2) - distance2(other.p1, other.p2);
-    }
-    throw new Error('非可吸附线');
-  }
-  redraw() {
-    this.clear();
-    this.lineStyle(1, new Color(this._color));
-    this.moveTo(this.p1.x, this.p1.y);
-    this.lineTo(this.p2.x, this.p2.y);
-  }
-
-  tryAbsorb(...objs: DisplayObject[]): void {
-    for (let i = 0; i < objs.length; i++) {
-      const obj = objs[i];
-      const canvasPosition = obj.getPositionOnCanvas();
-      if (linePoint(this.p1, this.p2, canvasPosition, this.absorbRange, true)) {
-        const fp = calculateFootPointFromPointToLine(
-          this.p1,
-          this.p2,
-          canvasPosition
-        );
-        obj.updatePositionByCanvasPosition(fp);
-      }
-    }
-  }
-}
-
-/**
- * 可吸附圆
- */
-export class AbsorbableCircle extends Graphics implements AbsorbablePosition {
-  absorbRange: number;
-  p0: Point;
-  radius: number;
-  _color = '#E77E0E';
-
-  /**
-   *
-   * @param p 画布坐标
-   * @param radius
-   * @param absorbRange
-   */
-  constructor(p: IPointData, radius: number, absorbRange = 10) {
-    super();
-    this.p0 = new Point(p.x, p.y);
-    this.radius = radius;
-    this.absorbRange = absorbRange;
-    this.redraw();
-  }
-  isOverlapping(other: AbsorbablePosition): boolean {
-    if (other instanceof AbsorbableCircle) {
-      return this.p0.equals(other.p0) && this.radius === other.radius;
-    }
-    return false;
-  }
-  compareTo(other: AbsorbablePosition): number {
-    if (other instanceof AbsorbableCircle) {
-      return this.absorbRange - other.absorbRange;
-    }
-    throw new Error('非可吸附圆');
-  }
-
-  redraw() {
-    this.clear();
-    this.lineStyle(1, new Color(this._color));
-    this.drawCircle(this.p0.x, this.p0.y, this.radius);
-  }
-
-  tryAbsorb(...objs: DisplayObject[]): void {
-    for (let i = 0; i < objs.length; i++) {
-      const obj = objs[i];
-      const canvasPosition = obj.getPositionOnCanvas();
-      const len = distance(
-        this.p0.x,
-        this.p0.y,
-        canvasPosition.x,
-        canvasPosition.y
-      );
-      if (
-        len > this.radius - this.absorbRange &&
-        len < this.radius + this.absorbRange
-      ) {
-        // 吸附，计算直线与圆交点，更新对象坐标
-        const p = calculateIntersectionPointOfCircleAndPoint(
-          this.p0,
-          this.radius,
-          canvasPosition
-        );
-        obj.updatePositionByCanvasPosition(p);
-      }
-    }
-  }
-}
diff --git a/src/jl-graphic/graphic/DashedLine.ts b/src/jl-graphic/graphic/DashedLine.ts
deleted file mode 100644
index fbed07e..0000000
--- a/src/jl-graphic/graphic/DashedLine.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Container, Graphics, IPointData, Point } from 'pixi.js';
-import { angleToAxisx } from '../utils';
-
-export interface IDashedLineOptions {
-  /**
-   * 每小段长度,默认4
-   */
-  length?: number;
-  /**
-   * 起始间隔,默认0
-   */
-  startSpace?: number;
-  /**
-   * 间隔长度,默认4
-   */
-  space?: number;
-  /**
-   * 线宽,默认1
-   */
-  lineWidth?: number;
-  /**
-   * 线色,默认黑
-   */
-  color?: string;
-}
-
-interface ICompleteDashedLineOptions extends IDashedLineOptions {
-  length: number;
-  startSpace: number;
-  space: number;
-  lineWidth: number;
-  color: string;
-}
-
-const DefaultDashedLineOptions: ICompleteDashedLineOptions = {
-  length: 4,
-  startSpace: 0,
-  space: 4,
-  lineWidth: 1,
-  color: '#0000ff',
-};
-
-export class DashedLine extends Container {
-  p1: Point;
-  p2: Point;
-  _options: ICompleteDashedLineOptions;
-  constructor(p1: IPointData, p2: IPointData, options?: IDashedLineOptions) {
-    super();
-    const config = Object.assign({}, DefaultDashedLineOptions, options);
-    this._options = config;
-    this.p1 = new Point(p1.x, p1.y);
-    this.p2 = new Point(p2.x, p2.y);
-    this.redraw();
-  }
-
-  setOptions(options: IDashedLineOptions) {
-    if (options.startSpace != undefined) {
-      this._options.startSpace = options.startSpace;
-    }
-    if (options.length != undefined) {
-      this._options.length = options.length;
-    }
-    if (options.space != undefined) {
-      this._options.space = options.space;
-    }
-    if (options.lineWidth != undefined) {
-      this._options.lineWidth = options.lineWidth;
-    }
-    if (options.color != undefined) {
-      this._options.color = options.color;
-    }
-    this.redraw();
-  }
-
-  redraw() {
-    this.removeChildren();
-    const p1 = this.p1;
-    const p2 = this.p2;
-    const option = this._options;
-    const total = Math.pow(
-      Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2),
-      0.5
-    );
-    let len = option.startSpace;
-    while (len < total) {
-      let dashedLen = option.length;
-      if (len + option.length > total) {
-        dashedLen = total - len;
-      }
-      const line = new Graphics();
-      line.lineStyle(option.lineWidth, option.color);
-      line.moveTo(len, 0);
-      line.lineTo(len + dashedLen, 0);
-      this.addChild(line);
-      len = len + dashedLen + option.space;
-    }
-
-    this.pivot.set(0, option.lineWidth / 2);
-    this.position.set(p1.x, p1.y);
-    this.angle = angleToAxisx(p1, p2);
-  }
-}
diff --git a/src/jl-graphic/graphic/DraggablePoint.ts b/src/jl-graphic/graphic/DraggablePoint.ts
deleted file mode 100644
index 2fbcf8e..0000000
--- a/src/jl-graphic/graphic/DraggablePoint.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Graphics, IPointData } from 'pixi.js';
-import { VectorGraphic, VectorGraphicUtil } from './VectorGraphic';
-
-/**
- * 拖拽点参数
- */
-export const DraggablePointParam = {
-  lineWidth: 1,
-  lineColor: 0x000000,
-  fillColor: 0xffffff,
-  radius: 5, // 半径
-};
-
-const DraggablePointGraphic = new Graphics();
-DraggablePointGraphic.lineStyle(
-  DraggablePointParam.lineWidth,
-  DraggablePointParam.lineColor
-);
-DraggablePointGraphic.beginFill(DraggablePointParam.fillColor);
-DraggablePointGraphic.drawCircle(0, 0, DraggablePointParam.radius);
-DraggablePointGraphic.endFill();
-
-/**
- * 拖拽点，用于更新图形属性
- */
-export class DraggablePoint extends Graphics implements VectorGraphic {
-  scaledListenerOn = false;
-  /**
-   *
-   * @param point 画布坐标点
-   */
-  constructor(point: IPointData) {
-    super(DraggablePointGraphic.geometry);
-    this.position.copyFrom(point);
-    this.eventMode = 'static';
-    this.draggable = true;
-    this.cursor = 'crosshair';
-    VectorGraphicUtil.handle(this);
-  }
-  updateOnScaled() {
-    const scaled = this.getAllParentScaled();
-    const scale = Math.max(scaled.x, scaled.y);
-    this.scale.set(1 / scale, 1 / scale);
-  }
-}
diff --git a/src/jl-graphic/graphic/VectorGraphic.ts b/src/jl-graphic/graphic/VectorGraphic.ts
deleted file mode 100644
index d6c057c..0000000
--- a/src/jl-graphic/graphic/VectorGraphic.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { DisplayObject } from 'pixi.js';
-
-export interface VectorGraphic extends DisplayObject {
-  scaledListenerOn: boolean;
-  updateOnScaled(): void;
-}
-
-export class VectorGraphicUtil {
-  static handle(obj: VectorGraphic): void {
-    const vg = obj;
-    const onScaleChange = function (obj: DisplayObject) {
-      if (vg.isParent(obj)) {
-        vg.updateOnScaled();
-      }
-    };
-    const registerScaleChange = function registerScaleChange(
-      obj: VectorGraphic
-    ): void {
-      if (!obj.scaledListenerOn) {
-        obj.scaledListenerOn = true;
-        obj.getGraphicApp().on('viewport-scaled', onScaleChange);
-      }
-    };
-    const unregisterScaleChange = function unregisterScaleChange(
-      obj: VectorGraphic
-    ): void {
-      obj.scaledListenerOn = false;
-      obj.getGraphicApp().off('viewport-scaled', onScaleChange);
-    };
-    obj.onAddToCanvas = function onAddToCanvas() {
-      obj.updateOnScaled();
-      registerScaleChange(obj);
-    };
-    obj.onRemoveFromCanvas = function onRemoveFromCanvas() {
-      // console.debug('矢量图像onRemoveFromCanvas');
-      unregisterScaleChange(obj);
-    };
-
-    obj.on('added', (container) => {
-      if (container.isInCanvas()) {
-        obj.onAddToCanvas(container.getCanvas());
-      }
-    });
-  }
-}
diff --git a/src/jl-graphic/graphic/VectorText.ts b/src/jl-graphic/graphic/VectorText.ts
deleted file mode 100644
index 925f61d..0000000
--- a/src/jl-graphic/graphic/VectorText.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ICanvas, ITextStyle, Text, TextStyle } from 'pixi.js';
-import { VectorGraphic, VectorGraphicUtil } from '.';
-
-/**
- * 矢量文字.实现原理：在缩放发生变化时，更新fontSize
- */
-export class VectorText extends Text implements VectorGraphic {
-  vectorFontSize = 8;
-  scaled = 1;
-  scaledListenerOn = false;
-
-  constructor(
-    text?: string | number,
-    style?: Partial<ITextStyle> | TextStyle,
-    canvas?: ICanvas
-  ) {
-    super(text, style, canvas);
-    VectorGraphicUtil.handle(this);
-  }
-
-  updateOnScaled() {
-    const scaled = this.getAllParentScaled();
-    const scale = Math.max(scaled.x, scaled.y);
-    this.style.fontSize = this.vectorFontSize * scale;
-    this.scale.set(1 / scale, 1 / scale);
-  }
-
-  /**
-   * 设置矢量文字的字体大小
-   */
-  setVectorFontSize(fontSize: number) {
-    if (this.vectorFontSize !== fontSize) {
-      this.vectorFontSize = fontSize;
-      this.updateOnScaled();
-    }
-  }
-}
diff --git a/src/jl-graphic/graphic/index.ts b/src/jl-graphic/graphic/index.ts
deleted file mode 100644
index eecc0b6..0000000
--- a/src/jl-graphic/graphic/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './VectorGraphic';
-export * from './VectorText';
-export * from './DraggablePoint';
-export * from './AbsorbablePosition';
-export * from './DashedLine';
diff --git a/src/jl-graphic/index.ts b/src/jl-graphic/index.ts
deleted file mode 100644
index e64f743..0000000
--- a/src/jl-graphic/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './core';
-export * from './graphic';
-export * from './app';
-export * from './operation';
-export * from './utils';
-export * from './plugins';
-export * from './message';
diff --git a/src/jl-graphic/math/Constants.ts b/src/jl-graphic/math/Constants.ts
deleted file mode 100644
index 87393fb..0000000
--- a/src/jl-graphic/math/Constants.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * 浮点数相等判断误差值
- */
-export const epsilon = 0.00001;
-
-/**
- * 判断浮点数是不是0
- * @param v
- * @returns
- */
-export function isZero(v: number) {
-  if (Math.abs(v) < epsilon) {
-    return true;
-  }
-  return false;
-}
-
-/**
- * 两浮点数是否相等
- * @param f1
- * @param f2
- * @returns
- */
-export function floatEquals(f1: number, f2: number): boolean {
-  return isZero(f1 - f2);
-}
diff --git a/src/jl-graphic/math/Vector2.ts b/src/jl-graphic/math/Vector2.ts
deleted file mode 100644
index 1894d6f..0000000
--- a/src/jl-graphic/math/Vector2.ts
+++ /dev/null
@@ -1,360 +0,0 @@
-/* eslint-disable @typescript-eslint/no-this-alias */
-
-import { epsilon } from './Constants';
-
-export default class Vector2 {
-  constructor(values?: [number, number]) {
-    if (values !== undefined) {
-      this.xy = values;
-    }
-  }
-
-  static from(p: { x: number; y: number }): Vector2 {
-    return new Vector2([p.x, p.y]);
-  }
-
-  private values = new Float32Array(2);
-
-  static readonly zero = new Vector2([0, 0]);
-  static readonly one = new Vector2([1, 1]);
-
-  get x(): number {
-    return this.values[0];
-  }
-
-  set x(value: number) {
-    this.values[0] = value;
-  }
-  get y(): number {
-    return this.values[1];
-  }
-  set y(value: number) {
-    this.values[1] = value;
-  }
-
-  get xy(): [number, number] {
-    return [this.values[0], this.values[1]];
-  }
-
-  set xy(values: [number, number]) {
-    this.values[0] = values[0];
-    this.values[1] = values[1];
-  }
-
-  at(index: number): number {
-    return this.values[index];
-  }
-
-  reset(): void {
-    this.x = 0;
-    this.y = 0;
-  }
-
-  copy(dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    dest.x = this.x;
-    dest.y = this.y;
-
-    return dest;
-  }
-
-  negate(dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = this;
-    }
-
-    dest.x = -this.x;
-    dest.y = -this.y;
-
-    return dest;
-  }
-
-  equals(vector: Vector2, threshold = epsilon): boolean {
-    if (Math.abs(this.x - vector.x) > threshold) {
-      return false;
-    }
-
-    if (Math.abs(this.y - vector.y) > threshold) {
-      return false;
-    }
-
-    return true;
-  }
-
-  length(): number {
-    return Math.sqrt(this.squaredLength());
-  }
-
-  squaredLength(): number {
-    const x = this.x;
-    const y = this.y;
-
-    return x * x + y * y;
-  }
-
-  add(vector: Vector2): Vector2 {
-    this.x += vector.x;
-    this.y += vector.y;
-
-    return this;
-  }
-
-  subtract(vector: Vector2): Vector2 {
-    this.x -= vector.x;
-    this.y -= vector.y;
-
-    return this;
-  }
-
-  multiply(vector: Vector2): Vector2 {
-    this.x *= vector.x;
-    this.y *= vector.y;
-
-    return this;
-  }
-
-  divide(vector: Vector2): Vector2 {
-    this.x /= vector.x;
-    this.y /= vector.y;
-
-    return this;
-  }
-
-  scale(value: number, dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = this;
-    }
-
-    dest.x *= value;
-    dest.y *= value;
-
-    return dest;
-  }
-
-  normalize(dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = this;
-    }
-
-    let length = this.length();
-
-    if (length === 1) {
-      return this;
-    }
-
-    if (length === 0) {
-      dest.x = 0;
-      dest.y = 0;
-
-      return dest;
-    }
-
-    length = 1.0 / length;
-
-    dest.x *= length;
-    dest.y *= length;
-
-    return dest;
-  }
-
-  // multiplyMat2(matrix: mat2, dest?: Vector2): Vector2 {
-  //   if (!dest) {
-  //     dest = this;
-  //   }
-
-  //   return matrix.multiplyVec2(this, dest);
-  // }
-
-  // multiplyMat3(matrix: mat3, dest?: Vector2): Vector2 {
-  //   if (!dest) {
-  //     dest = this;
-  //   }
-
-  //   return matrix.multiplyVec2(this, dest);
-  // }
-
-  // static cross(vector: Vector2, vector2: Vector2, dest?: vec3): vec3 {
-  //   if (!dest) {
-  //     dest = new vec3();
-  //   }
-
-  //   const x = vector.x;
-  //   const y = vector.y;
-
-  //   const x2 = vector2.x;
-  //   const y2 = vector2.y;
-
-  //   const z = x * y2 - y * x2;
-
-  //   dest.x = 0;
-  //   dest.y = 0;
-  //   dest.z = z;
-
-  //   return dest;
-  // }
-
-  /**
-   * 向量点乘
-   * @param vector
-   * @param vector2
-   * @returns
-   */
-  static dot(vector: Vector2, vector2: Vector2): number {
-    return vector.x * vector2.x + vector.y * vector2.y;
-  }
-  /**
-   * 向量长度
-   * @param vector
-   * @param vector2
-   * @returns
-   */
-  static distance(vector: Vector2, vector2: Vector2): number {
-    return Math.sqrt(this.squaredDistance(vector, vector2));
-  }
-
-  /**
-   * 向量长度平方
-   * @param vector
-   * @param vector2
-   * @returns
-   */
-  static squaredDistance(vector: Vector2, vector2: Vector2): number {
-    const x = vector2.x - vector.x;
-    const y = vector2.y - vector.y;
-
-    return x * x + y * y;
-  }
-
-  /**
-   * v2->v1的方向的单位向量
-   * @param v1
-   * @param v2
-   * @param dest
-   * @returns
-   */
-  static direction(v1: Vector2, v2: Vector2, dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    const x = v1.x - v2.x;
-    const y = v1.y - v2.y;
-
-    let length = Math.sqrt(x * x + y * y);
-
-    if (length === 0) {
-      dest.x = 0;
-      dest.y = 0;
-
-      return dest;
-    }
-
-    length = 1 / length;
-
-    dest.x = x * length;
-    dest.y = y * length;
-
-    return dest;
-  }
-
-  static mix(
-    vector: Vector2,
-    vector2: Vector2,
-    time: number,
-    dest?: Vector2
-  ): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    const x = vector.x;
-    const y = vector.y;
-
-    const x2 = vector2.x;
-    const y2 = vector2.y;
-
-    dest.x = x + time * (x2 - x);
-    dest.y = y + time * (y2 - y);
-
-    return dest;
-  }
-
-  /**
-   * 向量加法
-   * @param vector
-   * @param vector2
-   * @param dest
-   * @returns
-   */
-  static sum(vector: Vector2, vector2: Vector2, dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    dest.x = vector.x + vector2.x;
-    dest.y = vector.y + vector2.y;
-
-    return dest;
-  }
-
-  /**
-   * 向量减法
-   * @param vector
-   * @param vector2
-   * @param dest
-   * @returns
-   */
-  static difference(
-    vector: Vector2,
-    vector2: Vector2,
-    dest?: Vector2
-  ): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    dest.x = vector.x - vector2.x;
-    dest.y = vector.y - vector2.y;
-
-    return dest;
-  }
-
-  /**
-   * 向量乘法
-   * @param vector
-   * @param vector2
-   * @param dest
-   * @returns
-   */
-  static product(vector: Vector2, vector2: Vector2, dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    dest.x = vector.x * vector2.x;
-    dest.y = vector.y * vector2.y;
-
-    return dest;
-  }
-
-  /**
-   * 向量除法
-   * @param vector
-   * @param vector2
-   * @param dest
-   * @returns
-   */
-  static quotient(vector: Vector2, vector2: Vector2, dest?: Vector2): Vector2 {
-    if (!dest) {
-      dest = new Vector2();
-    }
-
-    dest.x = vector.x / vector2.x;
-    dest.y = vector.y / vector2.y;
-
-    return dest;
-  }
-}
diff --git a/src/jl-graphic/math/index.ts b/src/jl-graphic/math/index.ts
deleted file mode 100644
index 3935efe..0000000
--- a/src/jl-graphic/math/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-/// 向量和矩阵代码源自开源代码：https://github.com/matthiasferch/tsm
-
-export * from './Constants';
-export * from './Vector2';
diff --git a/src/jl-graphic/message/BasicMessageClient.ts b/src/jl-graphic/message/BasicMessageClient.ts
deleted file mode 100644
index e5ec525..0000000
--- a/src/jl-graphic/message/BasicMessageClient.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import EventEmitter from 'eventemitter3';
-import { IGraphicScene } from '../app';
-import { CompleteMessageCliOption, IMessageClient } from './MessageBroker';
-
-export interface MessageClientEvents {
-  connected: [ctx: any];
-  disconnected: [ctx: any];
-  error: [err: any];
-}
-
-export type HandleMessage = (data: any) => void;
-
-export interface IMessageHandler {
-  /**
-   * id
-   */
-  get App(): IGraphicScene;
-  /**
-   * 处理消息数据
-   * @param data
-   */
-  handle(data: any): void;
-}
-
-export abstract class MessageClient
-  extends EventEmitter<MessageClientEvents>
-  implements IMessageClient
-{
-  options: CompleteMessageCliOption;
-  subClients: SubscriptionClient[] = []; // 订阅客户端
-  constructor(options: CompleteMessageCliOption) {
-    super();
-    this.options = options;
-  }
-  /**
-   * 订阅消息
-   * @param destination
-   * @param handle
-   */
-  abstract subscribe(destination: string, handle: HandleMessage): boolean;
-
-  unsubscribe(destination: string): void {
-    this.unsubscribe0(destination);
-    const idx = this.subClients.findIndex(
-      (cli) => cli.destination === destination
-    );
-    if (idx >= 0) {
-      this.subClients.splice(idx, 1);
-    }
-  }
-
-  abstract unsubscribe0(destination: string): void;
-
-  getOrNewSubClient(destination: string): SubscriptionClient {
-    let cli = this.subClients.find((cli) => cli.destination === destination);
-    if (!cli) {
-      // 不存在，新建
-      cli = new SubscriptionClient(this, destination, this.options.protocol);
-      this.subClients.push(cli);
-    }
-    return cli;
-  }
-
-  addSubscription(destination: string, handler: IMessageHandler): void {
-    const cli = this.getOrNewSubClient(destination);
-    cli.addHandler(handler);
-  }
-  removeSubscription(destination: string, handle: IMessageHandler): void {
-    this.getOrNewSubClient(destination).removeHandler(handle);
-  }
-
-  abstract get connected(): boolean;
-
-  abstract close(): void;
-}
-
-export class SubscriptionClient {
-  mc: MessageClient;
-  destination: string;
-  protocol: 'json' | 'protobuf';
-  handlers: IMessageHandler[] = [];
-  subscripted = false;
-  constructor(
-    mc: MessageClient,
-    destination: string,
-    protocal: 'json' | 'protobuf'
-  ) {
-    this.mc = mc;
-    this.destination = destination;
-    this.protocol = protocal;
-    this.mc.on('disconnected', this.onDisconnect, this);
-    this.mc.on('connected', this.trySubscribe, this);
-  }
-
-  addHandler(handler: IMessageHandler) {
-    if (this.handlers.filter((h) => h.App === handler.App).length == 0) {
-      this.handlers.push(handler);
-    }
-    if (!this.subscripted) {
-      this.trySubscribe();
-    }
-  }
-
-  removeHandler(handler: IMessageHandler) {
-    const idx = this.handlers.findIndex((h) => h.App === handler.App);
-    if (idx >= 0) {
-      this.handlers.splice(idx, 1);
-    }
-    if (this.handlers.length == 0) {
-      console.log(`订阅${this.destination}没有消息监听处理,移除订阅`);
-      this.unsubscribe();
-    }
-  }
-
-  trySubscribe(): void {
-    if (this.mc.connected) {
-      this.subscripted = this.mc.subscribe(this.destination, (data) => {
-        this.handleMessage(data);
-      });
-    }
-  }
-
-  unsubscribe(): void {
-    this.mc.unsubscribe(this.destination);
-  }
-
-  handleMessage(data: any) {
-    if (this.protocol === 'json') {
-      console.debug('收到消息:', data);
-    }
-    this.handlers.forEach((handler) => {
-      try {
-        handler.handle(data);
-      } catch (error) {
-        console.error('图形应用状态消息处理异常', error);
-      }
-    });
-  }
-
-  onDisconnect() {
-    this.subscripted = false;
-  }
-}
diff --git a/src/jl-graphic/message/CentrifugeBroker.ts b/src/jl-graphic/message/CentrifugeBroker.ts
deleted file mode 100644
index 215a204..0000000
--- a/src/jl-graphic/message/CentrifugeBroker.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-// import { State } from 'centrifuge';
-// import Centrifuge from 'centrifuge/build/protobuf';
-// import { HandleMessage, MessageClient } from './BasicMessageClient';
-// import { CompleteMessageCliOption } from './MessageBroker';
-
-// export class CentrifugeMessagingClient extends MessageClient {
-//   cli: Centrifuge;
-
-//   constructor(options: CompleteMessageCliOption) {
-//     super(options);
-//     this.options = options;
-//     if (this.options.protocol === 'json') {
-//       this.cli = new Centrifuge(options.wsUrl, {
-//         token: options.token,
-//         protocol: options.protocol,
-//       });
-//     } else {
-//       this.cli = new Centrifuge(options.wsUrl, {
-//         token: options.token,
-//         protocol: options.protocol,
-//       });
-//     }
-
-//     this.cli
-//       .on('connecting', (ctx) => {
-//         console.debug(`centrifuge连接中: ${ctx}, ${ctx.reason}`);
-//       })
-//       .on('connected', (ctx) => {
-//         console.debug(`连接成功: ${ctx.transport}`);
-//         this.emit('connected', ctx);
-//       })
-//       .on('disconnected', (ctx) => {
-//         console.log(`断开连接: ${ctx.code}, ${ctx.reason}`);
-//         this.emit('disconnected', ctx);
-//       })
-//       .on('error', (ctx) => {
-//         console.error('centrifuge错误', ctx);
-//       })
-//       .connect();
-//   }
-
-//   get connected(): boolean {
-//     return this.cli.state === State.Connected;
-//   }
-
-//   subscribe(destination: string, handle: HandleMessage): boolean {
-//     let sub = this.cli.getSubscription(destination);
-//     if (!sub) {
-//       sub = this.cli.newSubscription(destination);
-//       sub.on('publication', (ctx) => {
-//         handle(ctx.data);
-//       });
-//     }
-//     sub.subscribe();
-//     return true;
-//   }
-
-//   unsubscribe0(destination: string): void {
-//     const sub = this.cli.getSubscription(destination);
-//     if (!sub) {
-//       this.cli.removeSubscription(sub);
-//     }
-//   }
-
-//   close(): void {
-//     this.cli.disconnect();
-//   }
-// }
diff --git a/src/jl-graphic/message/MessageBroker.ts b/src/jl-graphic/message/MessageBroker.ts
deleted file mode 100644
index 85d4408..0000000
--- a/src/jl-graphic/message/MessageBroker.ts
+++ /dev/null
@@ -1,305 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import EventEmitter from 'eventemitter3';
-import { IGraphicScene } from '../app';
-import { GraphicQueryStore, GraphicState, JlGraphic } from '../core';
-import { IMessageHandler, MessageClientEvents } from './BasicMessageClient';
-import { StompMessagingClient } from './WsMsgBroker';
-import { MqttMsgClient } from './MqttBroker';
-
-export enum ClientEngine {
-  Stomp,
-  // Centrifugo,
-  MQTT,
-}
-
-export interface MessageCliOption {
-  /**
-   * 客户端引擎
-   */
-  engine?: ClientEngine;
-  /**
-   * 消息协议,默认protobuf
-   */
-  protocol?: 'json' | 'protobuf';
-  /**
-   * websocket url地址
-   */
-  wsUrl: string;
-  /**
-   * 认证token
-   */
-  token?: string;
-  /**
-   * 项目名称(可用于订阅客户端识别)
-   */
-  clientName?: string;
-  /**
-   * 连接超时,默认30秒,ms
-   */
-  connectTimeout?: number;
-  /**
-   * 心跳发送间隔,默认60秒,s
-   */
-  heartbeat?: number;
-  /**
-   * 重试间隔,默认2秒,ms
-   */
-  retryPeriod?: number;
-  /**
-   * 重试次数,默认100次
-   */
-  retryTimes?: number;
-}
-
-export interface CompleteMessageCliOption extends MessageCliOption {
-  protocol: 'json' | 'protobuf';
-  connectTimeout: number;
-  heartbeat: number;
-  retryPeriod: number;
-  retryTimes: number;
-}
-
-const DefaultStompOption: CompleteMessageCliOption = {
-  engine: ClientEngine.Stomp,
-  protocol: 'protobuf',
-  wsUrl: '',
-  token: '',
-  connectTimeout: 30 * 1000,
-  heartbeat: 60,
-  retryPeriod: 2 * 1000,
-  retryTimes: 100,
-};
-
-export interface IMessageClient extends EventEmitter<MessageClientEvents> {
-  /**
-   * 添加订阅
-   * @param destination
-   * @param handler
-   */
-  addSubscription(destination: string, handler: IMessageHandler): void;
-  /**
-   * 移除订阅
-   * @param destination
-   * @param handler
-   */
-  removeSubscription(destination: string, handler: IMessageHandler): void;
-
-  /**
-   * 是否已经连接
-   */
-  get connected(): boolean;
-
-  /**
-   * 关闭连接
-   */
-  close(): void;
-}
-
-export class WsMsgCli {
-  private static client: IMessageClient;
-  private static options: CompleteMessageCliOption;
-  private static appMsgBroker: AppWsMsgBroker[] = [];
-  static new(options: MessageCliOption) {
-    if (WsMsgCli.client) {
-      // 已经创建
-      return;
-    }
-    WsMsgCli.options = Object.assign({}, DefaultStompOption, options);
-    switch (WsMsgCli.options.engine) {
-      // case ClientEngine.Centrifugo: {
-      //   WsMsgCli.client = new CentrifugeMessagingClient(WsMsgCli.options);
-      //   break;
-      // }
-      case ClientEngine.MQTT: {
-        WsMsgCli.client = new MqttMsgClient(WsMsgCli.options);
-        break;
-      }
-      case ClientEngine.Stomp: {
-        WsMsgCli.client = new StompMessagingClient(WsMsgCli.options);
-        break;
-      }
-      default: {
-        throw new Error('未知的消息客户端引擎类型', WsMsgCli.options.engine);
-      }
-    }
-    const cli = WsMsgCli.client;
-    cli.on('connected', () => {
-      WsMsgCli.emitConnectStateChangeEvent(true);
-    });
-    cli.on('disconnected', () => {
-      WsMsgCli.emitConnectStateChangeEvent(false);
-    });
-    cli.on('error', (err) => {
-      console.warn('websocket 客户端错误消息发布', err);
-      WsMsgCli.appMsgBroker.forEach((broker) => {
-        broker.app.emit('websocket-error', err);
-      });
-    });
-  }
-
-  static isInitiated(): boolean {
-    return !!WsMsgCli.client;
-  }
-
-  static emitConnectStateChangeEvent(connected: boolean) {
-    WsMsgCli.appMsgBroker.forEach((broker) => {
-      broker.app.emit('websocket-connect-state-change', connected);
-    });
-  }
-
-  static isConnected(): boolean {
-    return WsMsgCli.client && WsMsgCli.client.connected;
-  }
-
-  static registerSubscription(destination: string, handler: IMessageHandler) {
-    WsMsgCli.client.addSubscription(destination, handler);
-  }
-
-  static unregisterSubscription(destination: string, handler: IMessageHandler) {
-    WsMsgCli.client.removeSubscription(destination, handler);
-  }
-
-  static registerAppMsgBroker(broker: AppWsMsgBroker) {
-    WsMsgCli.appMsgBroker.push(broker);
-  }
-
-  static removeAppMsgBroker(broker: AppWsMsgBroker) {
-    const index = WsMsgCli.appMsgBroker.findIndex((mb) => mb == broker);
-    if (index >= 0) {
-      WsMsgCli.appMsgBroker.splice(index, 1);
-    }
-  }
-
-  static hasAppMsgBroker(): boolean {
-    return WsMsgCli.appMsgBroker.length > 0;
-  }
-
-  /**
-   * 关闭websocket连接
-   */
-  static close() {
-    if (WsMsgCli.client) {
-      WsMsgCli.client.close();
-    }
-  }
-}
-
-// 状态订阅消息转换器
-export type GraphicStateMessageConvert = (
-  message: Uint8Array
-) => GraphicState[];
-
-// 根据状态查询图形对象查询器
-export type GraphicQuery = (
-  state: GraphicState,
-  store: GraphicQueryStore
-) => JlGraphic | undefined;
-
-// 订阅消息处理器
-export type SubscriptionMessageHandle = (message: Uint8Array) => void;
-
-export interface ICreateOnNotFound {
-  graphicTypes?: string[];
-}
-
-// 图形app状态订阅
-export interface AppStateSubscription {
-  /**
-   * 订阅路径
-   */
-  destination: string;
-  /**
-   * 图形状态消息转换
-   */
-  messageConverter?: GraphicStateMessageConvert;
-  /**
-   * 根据状态查询图形对象,默认为根据code和type查询图形对象
-   */
-  graphicQueryer?: GraphicQuery;
-  /**
-   * 当未根据状态找到图形对象时是否创建新对象
-   * 值为设备类型列表
-   */
-  createOnNotFound?: ICreateOnNotFound;
-  /**
-   * 订阅消息处理
-   */
-  messageHandle?: SubscriptionMessageHandle;
-}
-
-class AppMessageHandler implements IMessageHandler {
-  app: IGraphicScene;
-  sub: AppStateSubscription;
-  constructor(app: IGraphicScene, subOptions: AppStateSubscription) {
-    this.app = app;
-    if (!subOptions.messageConverter && !subOptions.messageHandle) {
-      throw new Error(`没有消息处理器或图形状态消息转换器: ${subOptions}`);
-    }
-    this.sub = subOptions;
-  }
-  get App(): IGraphicScene {
-    return this.app;
-  }
-  handle(data: any): void {
-    const sub = this.sub;
-    if (sub.messageConverter) {
-      const graphicStates = sub.messageConverter(data);
-      this.app.handleGraphicStates(
-        graphicStates,
-        sub.graphicQueryer,
-        sub.createOnNotFound
-      );
-    } else if (sub.messageHandle) {
-      sub.messageHandle(data);
-    }
-  }
-}
-
-/**
- * 图形APP的websocket消息代理
- */
-export class AppWsMsgBroker {
-  app: IGraphicScene;
-  subscriptions: Map<string, AppMessageHandler> = new Map<
-    string,
-    AppMessageHandler
-  >();
-
-  constructor(app: IGraphicScene) {
-    this.app = app;
-    WsMsgCli.registerAppMsgBroker(this);
-  }
-
-  subscribe(sub: AppStateSubscription) {
-    const handler = new AppMessageHandler(this.app, sub);
-    WsMsgCli.registerSubscription(sub.destination, handler);
-    this.subscriptions.set(sub.destination, handler);
-  }
-
-  unsbuscribe(destination: string) {
-    const oldSub = this.subscriptions.get(destination);
-    if (oldSub) {
-      WsMsgCli.unregisterSubscription(destination, oldSub);
-    }
-  }
-
-  unsubscribeAll() {
-    this.subscriptions.forEach((record, destination) => {
-      this.unsbuscribe(destination);
-    });
-  }
-
-  resubscribeAll() {
-    this.subscriptions.forEach((handler, destination) => {
-      WsMsgCli.registerSubscription(destination, handler);
-    });
-  }
-
-  /**
-   * 取消所有订阅，从通用Stomp客户端移除此消息代理
-   */
-  close() {
-    WsMsgCli.removeAppMsgBroker(this);
-    this.unsubscribeAll();
-  }
-}
diff --git a/src/jl-graphic/message/MqttBroker.ts b/src/jl-graphic/message/MqttBroker.ts
deleted file mode 100644
index f79c70f..0000000
--- a/src/jl-graphic/message/MqttBroker.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import mqtt from 'mqtt';
-import { HandleMessage, MessageClient } from './BasicMessageClient';
-import { CompleteMessageCliOption } from './MessageBroker';
-
-export class MqttMsgClient extends MessageClient {
-  cli: mqtt.MqttClient;
-  retryTimes = 0;
-  subMsgHandler: Map<string, HandleMessage> = new Map();
-
-  constructor(options: CompleteMessageCliOption) {
-    super(options);
-    this.options = options;
-    try {
-      this.cli = mqtt.connect(options.wsUrl, {
-        protocolVersion: 5,
-        clean: true,
-        resubscribe: false,
-        keepalive: options.heartbeat, //ms,心跳
-        connectTimeout: options.connectTimeout, // ms,连接超时
-        reconnectPeriod: options.retryPeriod, // ms,重连间隔
-        username: options.clientName || '',
-        password: options.token,
-      });
-      this.cli.on('connect', (packet) => {
-        console.log('MQTT 连接成功!');
-        this.retryTimes = 0; // 连接成功，重置
-        this.emit('connected', packet);
-      });
-      this.cli.on('disconnect', (packet) => {
-        console.log('MQTT 连接断开!');
-        this.emit('disconnected', packet);
-      });
-      this.cli.on('close', () => {
-        console.log('MQTT 关闭!');
-        this.emit('disconnected', 'close');
-      });
-      this.cli.on('reconnect', () => {
-        this.retryTimes += 1;
-        console.log(`MQTT第 ${this.retryTimes} 次尝试重连`);
-        if (this.retryTimes > options.retryTimes) {
-          try {
-            this.cli.end();
-            console.error('MQTT 达到重连最大尝试次数，停止重试');
-          } catch (error) {
-            console.error(error);
-          }
-        }
-      });
-      this.cli.on('error', (error) => {
-        console.log('MQTT 出现错误', error);
-        console.warn(error);
-        this.emit('error', error);
-      });
-      this.cli.on('message', (topic, message) => {
-        const handle = this.subMsgHandler.get(topic);
-        if (handle) {
-          if (this.options.protocol === 'json') {
-            const data = JSON.parse(message.toString());
-            handle(data);
-          } else {
-            // 字节流
-            handle(message);
-          }
-        }
-      });
-    } catch (err) {
-      console.error('MQTT connect error', err);
-      this.emit('error', err);
-      throw err;
-    }
-  }
-
-  subscribe(destination: string, handle: HandleMessage): boolean {
-    console.debug('MQTT订阅执行', destination);
-    this.cli.subscribe(destination, { qos: 0 }, (error, res) => {
-      if (error) {
-        console.warn('MQTT 订阅失败', error);
-        return;
-      }
-      console.debug('MQTT 订阅成功', res);
-      return false;
-    });
-    this.subMsgHandler.set(destination, handle);
-    return true;
-  }
-  unsubscribe0(destination: string): void {
-    console.debug('MQTT取消订阅执行', destination);
-    this.cli.unsubscribe(destination, (error, packet) => {
-      if (error) {
-        console.warn('MQTT 取消订阅失败', error);
-      } else {
-        console.debug('MQTT 取消订阅成功', packet);
-        this.subMsgHandler.delete(destination);
-      }
-    });
-  }
-  get connected(): boolean {
-    return this.cli.connected;
-  }
-  close(): void {
-    try {
-      console.debug('MQTT关闭执行');
-      this.cli.end(true, () => {
-        console.debug('MQTT 消息客户端关闭成功');
-        this.subMsgHandler.clear();
-      });
-    } catch (error) {
-      console.warn('MQTT 消息客户端关闭失败', error);
-    }
-  }
-}
diff --git a/src/jl-graphic/message/WsMsgBroker.ts b/src/jl-graphic/message/WsMsgBroker.ts
deleted file mode 100644
index 5d1c80f..0000000
--- a/src/jl-graphic/message/WsMsgBroker.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { Client as StompClient, type Frame } from '@stomp/stompjs';
-import { HandleMessage, MessageClient } from './BasicMessageClient';
-import { CompleteMessageCliOption } from './MessageBroker';
-
-const ReconnectDelay = 3000;
-const HeartbeatIncoming = 30000;
-const HeartbeatOutgoing = 30000;
-
-export class StompMessagingClient extends MessageClient {
-  cli: StompClient;
-
-  constructor(options: CompleteMessageCliOption) {
-    super(options);
-    this.options = options;
-    this.cli = new StompClient({
-      brokerURL: options.wsUrl,
-      connectHeaders: {
-        Authorization: options.token ? options.token : '',
-      },
-      reconnectDelay: ReconnectDelay,
-      heartbeatIncoming: HeartbeatIncoming,
-      heartbeatOutgoing: HeartbeatOutgoing,
-    });
-
-    this.cli.onConnect = () => {
-      // this.subClients.forEach((cli) => {
-      //   this.subscribe(cli.destination, cli.handleMessage);
-      // });
-      this.emit('connected', '');
-    };
-    this.cli.onStompError = (frame: Frame) => {
-      const errMsg = frame.headers['message'];
-      if (errMsg === '401') {
-        console.warn('认证失败,断开WebSocket连接');
-        this.cli.deactivate();
-      } else {
-        console.error('收到Stomp错误消息', frame);
-      }
-    };
-
-    this.cli.onDisconnect = (frame: Frame) => {
-      console.log('Stomp 断开连接', frame);
-      this.emit('disconnected', frame);
-    };
-    // websocket错误处理
-    this.cli.onWebSocketError = (err: Event) => {
-      console.error('websocket错误', err);
-    };
-
-    this.cli.activate();
-  }
-
-  get connected(): boolean {
-    return this.cli.connected;
-  }
-
-  subscribe(destination: string, handle: HandleMessage): boolean {
-    const sub = this.cli.subscribe(
-      destination,
-      (frame) => {
-        if (this.options.protocol === 'json') {
-          const data = JSON.parse(frame.body);
-          handle(data);
-        } else {
-          handle(frame.binaryBody);
-        }
-      },
-      {
-        id: destination,
-      }
-    );
-    return true;
-  }
-
-  unsubscribe0(destination: string): void {
-    this.cli.unsubscribe(destination);
-  }
-
-  close(): void {
-    this.cli.deactivate();
-  }
-}
diff --git a/src/jl-graphic/message/index.ts b/src/jl-graphic/message/index.ts
deleted file mode 100644
index 349ebdd..0000000
--- a/src/jl-graphic/message/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './MessageBroker';
diff --git a/src/jl-graphic/operation/JlOperation.ts b/src/jl-graphic/operation/JlOperation.ts
deleted file mode 100644
index 6b7f3a6..0000000
--- a/src/jl-graphic/operation/JlOperation.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { IGraphicApp } from '../app/JlGraphicApp';
-import { JlGraphic } from '../core/JlGraphic';
-
-/**
- * 操作
- */
-export abstract class JlOperation {
-  type: string; // 操作类型/名称
-  app: IGraphicApp;
-  obj?: any; // 操作对象
-  data?: any; // 操作数据
-  description?: string = ''; // 操作描述
-
-  constructor(app: IGraphicApp, type: string) {
-    this.app = app;
-    this.type = type;
-  }
-
-  undo1(): void {
-    const updates = this.undo();
-    if (updates) {
-      this.app.updateSelected(...updates);
-    }
-  }
-  redo1(): void {
-    const updates = this.redo();
-    if (updates) {
-      this.app.updateSelected(...updates);
-    }
-  }
-
-  abstract undo(): JlGraphic[] | void;
-  abstract redo(): JlGraphic[] | void;
-}
-
-/**
- * 操作记录
- */
-export class OperationRecord {
-  undoStack: JlOperation[] = [];
-  redoStack: JlOperation[] = [];
-  private maxLen: number;
-
-  constructor(maxLen = 100) {
-    this.maxLen = maxLen;
-  }
-
-  public get hasUndo(): boolean {
-    return this.undoStack.length > 0;
-  }
-
-  public get hasRedo(): boolean {
-    return this.redoStack.length > 0;
-  }
-
-  setMaxLen(v: number) {
-    this.maxLen = v;
-    const len = this.undoStack.length;
-    if (len > v) {
-      const removeCount = len - v;
-      this.undoStack.splice(0, removeCount);
-    }
-  }
-  /**
-   * 记录
-   * @param op
-   */
-  record(op: JlOperation) {
-    if (this.undoStack.length >= this.maxLen) {
-      this.undoStack.shift();
-    }
-    // console.log('operation record', op)
-    this.undoStack.push(op);
-    this.redoStack.splice(0, this.redoStack.length);
-  }
-  /**
-   * 撤销
-   */
-  undo() {
-    const op = this.undoStack.pop();
-    // console.log('撤销', op);
-    if (op) {
-      op.undo1();
-      this.redoStack.push(op);
-    }
-  }
-  /**
-   * 重做
-   */
-  redo() {
-    const op = this.redoStack.pop();
-    // console.log('重做', op);
-    if (op) {
-      op.redo1();
-      this.undoStack.push(op);
-    }
-  }
-}
diff --git a/src/jl-graphic/operation/index.ts b/src/jl-graphic/operation/index.ts
deleted file mode 100644
index 0d6da94..0000000
--- a/src/jl-graphic/operation/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './JlOperation';
diff --git a/src/jl-graphic/plugins/AnimationManager.ts b/src/jl-graphic/plugins/AnimationManager.ts
deleted file mode 100644
index 830f0b7..0000000
--- a/src/jl-graphic/plugins/AnimationManager.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { IGraphicScene } from '../app';
-import { GraphicAnimation, JlGraphic } from '../core';
-
-/**
- * 图形动画管理
- */
-export class AnimationManager {
-  app: IGraphicScene;
-  _pause: boolean;
-  /**
-   * key - graphic.id
-   */
-  graphicAnimationMap: Map<number, Map<string, GraphicAnimation>>;
-  constructor(app: IGraphicScene) {
-    this.app = app;
-    this._pause = false;
-    this.graphicAnimationMap = new Map<number, Map<string, GraphicAnimation>>();
-    // 动画控制
-    app.pixi.ticker.add(this.run, this);
-  }
-
-  private run(dt: number) {
-    if (this._pause) {
-      // 暂停
-      return;
-    }
-    this.graphicAnimationMap.forEach((map) => {
-      map.forEach((animation) => {
-        if (animation.running) {
-          animation.run(dt);
-        }
-      });
-    });
-  }
-
-  pause() {
-    this._pause = true;
-  }
-
-  resume() {
-    this._pause = false;
-  }
-
-  destroy() {
-    this.app.pixi.ticker.remove(this.run, this);
-  }
-  /**
-   * 图形对象的所有动画map
-   * @param graphic
-   * @returns
-   */
-  animationMap(graphic: JlGraphic): Map<string, GraphicAnimation> {
-    let map = this.graphicAnimationMap.get(graphic.id);
-    if (!map) {
-      map = new Map<string, GraphicAnimation>();
-      this.graphicAnimationMap.set(graphic.id, map);
-    }
-    return map;
-  }
-
-  /**
-   * 注册图形动画
-   * @param graphic
-   * @param animation
-   */
-  registerAnimation(graphic: JlGraphic, animation: GraphicAnimation) {
-    this.animationMap(graphic).set(animation.name, animation);
-  }
-  /**
-   * 删除图形动画
-   * @param graphic
-   * @param name
-   */
-  unregisterAnimation(graphic: JlGraphic, name: string) {
-    this.animationMap(graphic).delete(name);
-  }
-  /**
-   * 删除所有图形动画
-   * @param graphic
-   */
-  unregisterGraphicAnimations(graphic: JlGraphic) {
-    this.animationMap(graphic).clear();
-  }
-  /**
-   * 获取图形指定名称动画
-   * @param graphic
-   * @param name
-   * @returns
-   */
-  animation(graphic: JlGraphic, name: string): GraphicAnimation | undefined {
-    return this.animationMap(graphic).get(name);
-  }
-}
diff --git a/src/jl-graphic/plugins/CommonMousePlugin.ts b/src/jl-graphic/plugins/CommonMousePlugin.ts
deleted file mode 100644
index 13143c0..0000000
--- a/src/jl-graphic/plugins/CommonMousePlugin.ts
+++ /dev/null
@@ -1,373 +0,0 @@
-import { DisplayObject, FederatedMouseEvent, Graphics, Point } from 'pixi.js';
-import { AppConsts, IGraphicScene } from '../app';
-import { JlGraphic } from '../core';
-import {
-  AppDragEvent,
-  AppInteractionPlugin,
-  ViewportMovePlugin,
-} from './InteractionPlugin';
-
-type GraphicSelectFilter = (graphic: JlGraphic) => boolean;
-
-export interface IMouseToolOptions {
-  /**
-   * 是否启用框选,默认启用
-   */
-  boxSelect?: boolean;
-  /**
-   * 是否启用视口拖拽(默认右键),默认启用
-   */
-  viewportDrag?: boolean;
-  /**
-   * 是否启用左键视口拖拽
-   */
-  viewportDragLeft?: boolean;
-  /**
-   * 是否启用鼠标滚轮缩放,默认启用
-   */
-  wheelZoom?: boolean;
-  /**
-   * 可选择图形过滤器
-   */
-  selectFilter?: GraphicSelectFilter;
-}
-
-class CompleteMouseToolOptions implements IMouseToolOptions {
-  boxSelect: boolean;
-  viewportDrag: boolean;
-  viewportDragLeft: boolean;
-  wheelZoom: boolean;
-  selectFilter?: GraphicSelectFilter | undefined;
-  constructor() {
-    this.boxSelect = true;
-    this.viewportDrag = true;
-    this.wheelZoom = true;
-    this.viewportDragLeft = false;
-  }
-  update(options: IMouseToolOptions) {
-    if (options.boxSelect != undefined) {
-      this.boxSelect = options.boxSelect;
-    }
-    if (options.viewportDrag != undefined) {
-      this.viewportDrag = options.viewportDrag;
-    }
-    if (options.viewportDragLeft != undefined) {
-      this.viewportDragLeft = options.viewportDragLeft;
-    }
-    if (options.wheelZoom != undefined) {
-      this.wheelZoom = options.wheelZoom;
-    }
-    this.selectFilter = options.selectFilter;
-  }
-}
-
-/**
- * 通用交互工具
- */
-export class CommonMouseTool extends AppInteractionPlugin {
-  static Name = 'mouse-tool';
-  static SelectBox = '__select_box';
-  options: CompleteMouseToolOptions;
-  box: Graphics;
-  leftDownTarget: DisplayObject | null = null;
-
-  drag = false;
-  graphicSelect = false;
-
-  rightTarget: DisplayObject | null = null;
-
-  constructor(scene: IGraphicScene) {
-    super(CommonMouseTool.Name, scene);
-    this.options = new CompleteMouseToolOptions();
-
-    this.box = new Graphics();
-    this.box.name = CommonMouseTool.SelectBox;
-    this.box.visible = false;
-    this.app.canvas.addAssistantAppends(this.box);
-
-    scene.on('options-update', (options) => {
-      if (options.mouseToolOptions) {
-        this.options.update(options.mouseToolOptions);
-        if (this.isActive()) {
-          this.pause();
-          this.resume();
-        }
-      }
-    });
-  }
-
-  static new(app: IGraphicScene) {
-    return new CommonMouseTool(app);
-  }
-
-  bind(): void {
-    const canvas = this.app.canvas;
-    canvas.on('mousedown', this.onMouseDown, this);
-    canvas.on('mouseup', this.onMouseUp, this);
-    this.app.on('drag_op_start', this.onDragStart, this);
-    this.app.on('drag_op_move', this.onDragMove, this);
-    this.app.on('drag_op_end', this.onDragEnd, this);
-    if (this.options.viewportDrag) {
-      if (this.options.viewportDragLeft) {
-        this.app.viewport.drag({
-          mouseButtons: 'left',
-        });
-        canvas.on('mousedown', this.setLeftCursor, this);
-        canvas.on('mouseup', this.resumeLeftCursor, this);
-        canvas.on('mouseupoutside', this.resumeLeftCursor, this);
-      } else {
-        this.app.viewport.drag({
-          mouseButtons: 'right',
-        });
-        canvas.on('rightdown', this.setCursor, this);
-        canvas.on('rightup', this.resumeCursor, this);
-        canvas.on('rightupoutside', this.resumeCursor, this);
-      }
-    }
-    if (this.options.wheelZoom) {
-      this.app.viewport.wheel({
-        percent: 0.01,
-      });
-    }
-  }
-  unbind(): void {
-    const canvas = this.app.canvas;
-    // 确保所有事件取消监听
-    canvas.off('mousedown', this.onMouseDown, this);
-    canvas.off('mouseup', this.onMouseUp, this);
-
-    this.app.off('drag_op_start', this.onDragStart, this);
-    this.app.off('drag_op_move', this.onDragMove, this);
-    this.app.off('drag_op_end', this.onDragEnd, this);
-
-    this.app.viewport.plugins.remove('drag');
-    canvas.off('mousedown', this.setLeftCursor, this);
-    canvas.off('mouseup', this.resumeLeftCursor, this);
-    canvas.off('mouseupoutside', this.resumeLeftCursor, this);
-    canvas.off('rightdown', this.setCursor, this);
-    canvas.off('rightup', this.resumeCursor, this);
-    canvas.off('rightupoutside', this.resumeCursor, this);
-
-    this.app.viewport.plugins.remove('wheel');
-    this.clearCache();
-  }
-
-  onDragStart(event: AppDragEvent) {
-    // console.log(
-    //   'start',
-    //   `pointerType:${event.original.pointerType},pointerId:${event.original.pointerId},button: ${event.original.button},buttons:${event.original.buttons}`
-    // );
-    if (this.boxSelect && event.target.isCanvas() && event.isLeftButton) {
-      this.box.visible = true;
-      this.app.interactionPlugin(ViewportMovePlugin.Name).resume();
-    }
-    this.drag = true;
-  }
-
-  onDragMove(event: AppDragEvent) {
-    // console.log(
-    //   'moving',
-    //   `pointerType:${event.original.pointerType},pointerId:${event.original.pointerId},button: ${event.original.button},buttons:${event.original.buttons}`
-    // );
-    if (this.boxSelect && event.target.isCanvas()) {
-      this.boxSelectDraw(event.start, event.end);
-    }
-  }
-  onDragEnd(event: AppDragEvent) {
-    // console.log(
-    //   'end',
-    //   `pointerType:${event.original.pointerType},pointerId:${event.original.pointerId},button: ${event.original.button},buttons:${event.original.buttons}`
-    // );
-    if (this.boxSelect && event.target.isCanvas() && event.isLeftButton) {
-      this.boxSelectDraw(event.start, event.end);
-      this.boxSelectGraphicCheck();
-      this.app.interactionPlugin(ViewportMovePlugin.Name).pause();
-      this.box.clear();
-      this.box.visible = false;
-    }
-  }
-
-  setLeftCursor(e: FederatedMouseEvent) {
-    const target = e.target as DisplayObject;
-    this.leftDownTarget = target;
-    if (target.isCanvas() && this.app.pixi.view.style) {
-      this.app.pixi.view.style.cursor = 'grab';
-    }
-  }
-
-  resumeLeftCursor() {
-    if (
-      this.leftDownTarget &&
-      this.leftDownTarget.isCanvas() &&
-      this.app.pixi.view.style
-    ) {
-      this.app.pixi.view.style.cursor = 'inherit';
-    }
-    this.leftDownTarget = null;
-  }
-
-  setCursor(e: FederatedMouseEvent) {
-    const target = e.target as DisplayObject;
-    this.rightTarget = target;
-    if (target.isCanvas() && this.app.pixi.view.style) {
-      this.app.pixi.view.style.cursor = 'grab';
-    }
-  }
-
-  resumeCursor() {
-    if (
-      this.rightTarget &&
-      this.rightTarget.isCanvas() &&
-      this.app.pixi.view.style
-    ) {
-      this.app.pixi.view.style.cursor = 'inherit';
-    }
-    this.rightTarget = null;
-  }
-
-  onMouseDown(e: FederatedMouseEvent) {
-    this.leftDownTarget = e.target as DisplayObject;
-    this.graphicSelect = false;
-    // 图形
-    const graphic = this.leftDownTarget.getGraphic();
-    if (graphic) {
-      const app = this.app;
-      // console.log(this.leftDownTarget.isGraphic());
-      // 图形选中
-      if (!e.ctrlKey && !graphic.selected && graphic.selectable) {
-        app.updateSelected(graphic);
-        graphic.childEdit = false;
-        this.graphicSelect = true;
-      } else if (!e.ctrlKey && graphic.selected && graphic.childEdit) {
-        if (
-          this.leftDownTarget.isGraphicChild() &&
-          this.leftDownTarget.selectable
-        ) {
-          graphic.setChildSelected(this.leftDownTarget);
-        } else {
-          graphic.exitChildEdit();
-        }
-      }
-    }
-  }
-
-  /**
-   * 选中处理
-   * @param e
-   */
-  onMouseUp(e: FederatedMouseEvent) {
-    const app = this.app;
-    if (!this.drag) {
-      const target = e.target as DisplayObject;
-      const graphic = (e.target as DisplayObject).getGraphic();
-      if (
-        graphic &&
-        graphic.selected &&
-        !this.graphicSelect &&
-        app.selectedGraphics.length == 1 &&
-        target === this.leftDownTarget &&
-        target.isGraphicChild() &&
-        target.selectable
-      ) {
-        graphic.childEdit = true;
-      }
-      if (e.ctrlKey) {
-        // 多选
-        if (graphic) {
-          if (graphic.childEdit && target === this.leftDownTarget) {
-            graphic.invertChildSelected(target);
-          } else {
-            graphic.invertSelected();
-          }
-        }
-      } else {
-        // 非多选
-        if ((e.target as DisplayObject).isCanvas()) {
-          this.app.updateSelected();
-        } else {
-          if (
-            graphic &&
-            graphic.childEdit &&
-            app.selectedGraphics.length === 1 &&
-            target === this.leftDownTarget
-          ) {
-            graphic.setChildSelected(target);
-          }
-        }
-      }
-      // 多个图形选中，退出子元素编辑模式
-      const selecteds = this.app.selectedGraphics;
-      if (selecteds.length > 1) {
-        selecteds.forEach((g) => g.exitChildEdit());
-      }
-    }
-    this.clearCache();
-  }
-
-  /**
-   * 清理缓存
-   */
-  clearCache() {
-    this.drag = false;
-    this.leftDownTarget = null;
-  }
-
-  public get boxSelect(): boolean | undefined {
-    return this.options.boxSelect;
-  }
-
-  public get selectFilter(): GraphicSelectFilter | undefined {
-    return this.options.selectFilter;
-  }
-
-  /**
-   * 框选图形绘制并检查
-   */
-  boxSelectDraw(start: Point, end: Point): void {
-    if (!this.drag) return;
-    // 绘制框选矩形框
-    this.box.clear();
-    this.box.lineStyle({
-      width: 2,
-      color:
-        this.app.appOptions.assistantElementColor ||
-        AppConsts.assistantElementColor,
-    });
-    const dsx = end.x - start.x;
-    const dsy = end.y - start.y;
-    let { x, y } = start;
-    if (dsx < 0) {
-      x += dsx;
-    }
-    if (dsy < 0) {
-      y += dsy;
-    }
-    const width = Math.abs(dsx);
-    const height = Math.abs(dsy);
-    this.box.drawRect(x, y, width, height);
-  }
-
-  /**
-   * 框选图形判断
-   * @returns
-   */
-  boxSelectGraphicCheck(): void {
-    if (!this.drag) return;
-    // 遍历筛选
-    const boxRect = this.box.getLocalBounds();
-    const app = this.app;
-    const selects: JlGraphic[] = [];
-    app.queryStore.getAllGraphics().forEach((g) => {
-      if (
-        (this.selectFilter == undefined && g.visible) ||
-        (!!this.selectFilter && this.selectFilter(g))
-      ) {
-        // 选择过滤器
-        if (g.boxIntersectCheck(boxRect)) {
-          selects.push(g);
-        }
-      }
-    });
-    app.updateSelected(...selects);
-  }
-}
diff --git a/src/jl-graphic/plugins/CopyPlugin.ts b/src/jl-graphic/plugins/CopyPlugin.ts
deleted file mode 100644
index 381d875..0000000
--- a/src/jl-graphic/plugins/CopyPlugin.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { Container, FederatedPointerEvent, Point } from 'pixi.js';
-import { IGraphicScene } from '../app';
-import { JlGraphic } from '../core';
-import { KeyListener } from './KeyboardPlugin';
-
-/**
- * 图形复制插件
- */
-export class GraphicCopyPlugin {
-  container: Container;
-  scene: IGraphicScene;
-  keyListeners: KeyListener[];
-  copys: JlGraphic[];
-  start?: Point;
-  running = false;
-  moveLimit?: 'x' | 'y';
-  constructor(scene: IGraphicScene) {
-    this.scene = scene;
-    this.container = new Container();
-    this.copys = [];
-    this.keyListeners = [];
-    this.keyListeners.push(
-      new KeyListener({
-        // ESC 用于取消复制操作
-        value: 'Escape',
-        global: true,
-        // combinations: [CombinationKey.Ctrl],
-        onPress: () => {
-          this.cancle();
-        },
-      }),
-      new KeyListener({
-        // X 限制只能在x轴移动
-        value: 'KeyX',
-        global: true,
-        // combinations: [CombinationKey.Ctrl],
-        onPress: () => {
-          this.updateMoveLimit('x');
-        },
-      }),
-      new KeyListener({
-        // Y 限制只能在y轴移动
-        value: 'KeyY',
-        global: true,
-        // combinations: [CombinationKey.Ctrl],
-        onPress: () => {
-          this.updateMoveLimit('y');
-        },
-      })
-    );
-  }
-
-  updateMoveLimit(limit?: 'x' | 'y'): void {
-    if (this.moveLimit === limit) {
-      this.moveLimit = undefined;
-    } else {
-      this.moveLimit = limit;
-    }
-  }
-
-  init(): void {
-    if (this.running) return;
-    if (this.scene.selectedGraphics.length === 0) {
-      throw new Error('没有选中图形，复制取消');
-    }
-    this.running = true;
-    this.copys = [];
-    this.container.alpha = 0.5;
-    this.scene.canvas.addChild(this.container);
-    const app = this.scene;
-    this.scene.selectedGraphics.forEach((g) => {
-      const template = app.getGraphicTemplatesByType(g.type);
-      const clone = template.clone(g);
-      this.copys.push(clone);
-      this.container.position.set(0, 0);
-      this.container.addChild(clone);
-      clone.repaint();
-    });
-    this.scene.canvas.on('mousemove', this.onPointerMove, this);
-    this.scene.canvas.on('mouseup', this.onFinish, this);
-    this.scene.canvas.on('rightup', this.cancle, this);
-    this.keyListeners.forEach((kl) => {
-      this.scene.app.addKeyboardListener(kl);
-    });
-  }
-
-  clear(): void {
-    this.running = false;
-    this.start = undefined;
-    this.moveLimit = undefined;
-    this.copys = [];
-    this.container.removeChildren();
-    this.scene.canvas.removeChild(this.container);
-    this.scene.canvas.off('mousemove', this.onPointerMove, this);
-    this.scene.canvas.off('mouseup', this.onFinish, this);
-    this.scene.canvas.off('rightup', this.cancle, this);
-    this.keyListeners.forEach((kl) => {
-      this.scene.app.removeKeyboardListener(kl);
-    });
-  }
-
-  onPointerMove(e: FederatedPointerEvent): void {
-    const cp = this.scene.toCanvasCoordinates(e.global);
-    if (!this.start) {
-      this.start = cp;
-    } else {
-      if (this.moveLimit === 'x') {
-        const dx = cp.x - this.start.x;
-        this.container.position.x = dx;
-        this.container.position.y = 0;
-      } else if (this.moveLimit === 'y') {
-        const dy = cp.y - this.start.y;
-        this.container.position.x = 0;
-        this.container.position.y = dy;
-      } else {
-        const dx = cp.x - this.start.x;
-        const dy = cp.y - this.start.y;
-        this.container.position.x = dx;
-        this.container.position.y = dy;
-      }
-    }
-  }
-
-  onFinish(): void {
-    console.log('复制确认');
-    // 将图形添加到app
-    this.copys.forEach((g) => {
-      g.position.x += this.container.position.x;
-      g.position.y += this.container.position.y;
-    });
-    this.scene.app.addGraphicAndRecord(...this.copys);
-    this.scene.detectRelations();
-    this.scene.updateSelected(...this.copys);
-    this.clear();
-  }
-
-  cancle(): void {
-    console.log('复制操作取消');
-    this.scene.canvas.removeChild(this.container);
-    this.clear();
-  }
-}
diff --git a/src/jl-graphic/plugins/GraphicEditPlugin.ts b/src/jl-graphic/plugins/GraphicEditPlugin.ts
deleted file mode 100644
index c93631a..0000000
--- a/src/jl-graphic/plugins/GraphicEditPlugin.ts
+++ /dev/null
@@ -1,514 +0,0 @@
-import {
-  Color,
-  Container,
-  DisplayObject,
-  Graphics,
-  IDestroyOptions,
-  IPointData,
-  Point,
-} from 'pixi.js';
-import { JlGraphic } from '../core';
-import { DraggablePoint } from '../graphic';
-import {
-  calculateDistanceFromPointToLine,
-  calculateFootPointFromPointToLine,
-  calculateLineSegmentingPoint,
-  calculateMirrorPoint,
-  convertToBezierParams,
-  distance2,
-  linePoint,
-  pointPolygon,
-} from '../utils';
-import { GraphicTransformEvent, ShiftData } from './GraphicTransformPlugin';
-
-export abstract class GraphicEditPlugin<
-  DO extends DisplayObject = DisplayObject
-> extends Container {
-  graphic: DO;
-  constructor(g: DO) {
-    super();
-    this.graphic = g;
-    this.zIndex = 2;
-    this.sortableChildren = true;
-    this.graphic.on('transformstart', this.hideAll, this);
-    this.graphic.on('transformend', this.showAll, this);
-    this.graphic.on('repaint', this.updateEditedPointsPosition, this);
-  }
-
-  destroy(options?: boolean | IDestroyOptions | undefined): void {
-    this.graphic.off('transformstart', this.hideAll, this);
-    this.graphic.off('transformend', this.showAll, this);
-    this.graphic.off('repaint', this.updateEditedPointsPosition, this);
-    super.destroy(options);
-  }
-
-  abstract updateEditedPointsPosition(): void;
-
-  hideAll() {
-    this.visible = false;
-  }
-  showAll() {
-    this.updateEditedPointsPosition();
-    this.visible = true;
-  }
-}
-
-export interface ILineGraphic extends JlGraphic {
-  get linePoints(): IPointData[];
-  set linePoints(points: IPointData[]);
-}
-
-export abstract class LineEditPlugin extends GraphicEditPlugin<ILineGraphic> {
-  linePoints: IPointData[];
-  editedPoints: DraggablePoint[] = [];
-  constructor(g: ILineGraphic) {
-    super(g);
-    this.linePoints = g.linePoints;
-    this.graphic.on('dataupdate', this.reset, this);
-  }
-
-  destroy(options?: boolean | IDestroyOptions | undefined): void {
-    this.graphic.off('dataupdate', this.reset, this);
-    super.destroy(options);
-  }
-
-  reset(): void {
-    this.linePoints = this.graphic.linePoints;
-    this.removeChildren();
-    this.editedPoints.splice(0, this.editedPoints.length);
-    this.initEditPoints();
-  }
-
-  abstract initEditPoints(): void;
-}
-
-export function getWayLineIndex(
-  points: IPointData[],
-  p: IPointData
-): { start: number; end: number } {
-  let start = 0;
-  let end = 0;
-  let minDistance = 0;
-  for (let i = 1; i < points.length; i++) {
-    const sp = points[i - 1];
-    const ep = points[i];
-    let distance = calculateDistanceFromPointToLine(sp, ep, p);
-    distance = Math.round(distance * 100) / 100;
-    if (i == 1) {
-      minDistance = distance;
-    }
-    if (distance == minDistance) {
-      const minX = Math.min(sp.x, ep.x);
-      const maxX = Math.max(sp.x, ep.x);
-      const minY = Math.min(sp.y, ep.y);
-      const maxY = Math.max(sp.y, ep.y);
-      const point = calculateFootPointFromPointToLine(sp, ep, p);
-      if (
-        point.x >= minX &&
-        point.x <= maxX &&
-        point.y >= minY &&
-        point.y <= maxY
-      ) {
-        start = i - 1;
-      }
-    }
-    if (distance < minDistance) {
-      minDistance = distance;
-      start = i - 1;
-    }
-  }
-  end = start + 1;
-  return { start, end };
-}
-
-export function getWaypointRangeIndex(
-  points: IPointData[],
-  curve: boolean,
-  p: IPointData,
-  lineWidth: number
-): { start: number; end: number } {
-  let start = 0;
-  let end = 0;
-  if (!curve) {
-    // 直线
-    for (let i = 1; i < points.length; i++) {
-      const sp = points[i - 1];
-      const ep = points[i];
-      const fp = calculateFootPointFromPointToLine(sp, ep, p);
-      if (linePoint(sp, ep, fp, 1, true)) {
-        start = i - 1;
-        end = i;
-        break;
-      }
-    }
-  } else {
-    // 贝塞尔曲线
-    const bps = convertToBezierParams(points);
-    for (let i = 0; i < bps.length; i++) {
-      const bp = bps[i];
-      if (pointPolygon(p, [bp.p1, bp.cp1, bp.cp2, bp.p2], lineWidth)) {
-        start = i * 3;
-        end = start + 3;
-      }
-    }
-    // assertBezierPoints(points);
-    // for (let i = 0; i < points.length - 3; i += 3) {
-    //   const p1 = points[i];
-    //   const cp1 = points[i + 1];
-    //   const cp2 = points[i + 2];
-    //   const p2 = points[i + 3];
-    //   if (pointPolygon(p, [p1, cp1, cp2, p2], lineWidth)) {
-    //     start = i;
-    //     end = i + 3;
-    //   }
-    // }
-  }
-  return { start, end };
-}
-
-export type onEditPointCreate = (
-  g: ILineGraphic,
-  dp: DraggablePoint,
-  index: number
-) => void;
-
-export interface IEditPointOptions {
-  /**
-   * 编辑点创建处理
-   */
-  onEditPointCreate?: onEditPointCreate;
-}
-
-/**
- * 折线编辑(兼容线段)
- */
-export class PolylineEditPlugin extends LineEditPlugin {
-  static Name = 'line_points_edit';
-  options: IEditPointOptions;
-  constructor(g: ILineGraphic, options?: IEditPointOptions) {
-    super(g);
-    this.options = Object.assign({}, options);
-    this.name = PolylineEditPlugin.Name;
-    this.initEditPoints();
-  }
-
-  initEditPoints() {
-    const cps = this.graphic.localToCanvasPoints(...this.linePoints);
-    for (let i = 0; i < cps.length; i++) {
-      const p = cps[i];
-      const dp = new DraggablePoint(p);
-
-      dp.on('transforming', () => {
-        const tlp = this.graphic.canvasToLocalPoint(dp.position);
-        const cp = this.linePoints[i];
-        cp.x = tlp.x;
-        cp.y = tlp.y;
-        this.graphic.repaint();
-      });
-      if (this.options.onEditPointCreate) {
-        this.options.onEditPointCreate(this.graphic, dp, i);
-      }
-      this.editedPoints.push(dp);
-    }
-    this.addChild(...this.editedPoints);
-  }
-  updateEditedPointsPosition() {
-    const cps = this.graphic.localToCanvasPoints(...this.linePoints);
-    if (cps.length === this.editedPoints.length) {
-      for (let i = 0; i < cps.length; i++) {
-        const cp = cps[i];
-        this.editedPoints[i].position.copyFrom(cp);
-      }
-    }
-  }
-}
-
-export interface BezierCurveEditPointOptions extends IEditPointOptions {
-  // 曲线控制点辅助连线颜色
-  auxiliaryLineColor?: string;
-  // // 拖拽点颜色
-  // pointColor?: string;
-  // 连接点处是否平滑(点左右控制点是否在一条直线),默认true
-  smooth?: boolean;
-  // 控制点是否完全对称(对称必平滑)
-  symmetry?: boolean;
-}
-
-export interface ICompleteBezierCurveEditPointOptions
-  extends BezierCurveEditPointOptions {
-  smooth: boolean;
-}
-
-export function addWayPoint(
-  graphic: ILineGraphic,
-  curve: boolean,
-  start: number,
-  end: number,
-  p: IPointData
-) {
-  if (!curve) {
-    addLineWayPoint(graphic, start, end, p);
-  } else {
-    addBezierWayPoint(graphic, start, end, p);
-  }
-}
-
-export function addLineWayPoint(
-  graphic: ILineGraphic,
-  start: number,
-  end: number,
-  p: IPointData
-) {
-  const linePoints = graphic.linePoints;
-  const points = linePoints.slice(0, start + 1);
-  points.push(new Point(p.x, p.y));
-  points.push(...linePoints.slice(end));
-  graphic.linePoints = points;
-}
-
-export function addPolygonSegmentingPoint(
-  graphic: ILineGraphic,
-  start: number,
-  end: number,
-  knife = 2
-) {
-  const linePoints = graphic.linePoints;
-  const points = linePoints.slice(0, start + 1);
-  points.push(
-    ...calculateLineSegmentingPoint(linePoints[start], linePoints[end], knife)
-  );
-  points.push(...linePoints.slice(end));
-  graphic.linePoints = points;
-}
-
-function assertBezierWayPoint(i: number) {
-  const c = i % 3;
-  if (c !== 0) {
-    throw new Error(`i=${i}的点不是路径点`);
-  }
-}
-
-export function addBezierWayPoint(
-  graphic: ILineGraphic,
-  start: number,
-  end: number,
-  p: IPointData
-) {
-  if (start === end) {
-    console.error('添加贝塞尔曲线路径点开始结束点相等', start);
-    throw new Error('开始结束点不能一致');
-  }
-  assertBezierWayPoint(start);
-  assertBezierWayPoint(end);
-  const linePoints = graphic.linePoints;
-  const points = linePoints.slice(0, start + 2);
-  const ap = new Point(p.x, p.y);
-  points.push(ap.clone(), ap.clone(), ap.clone());
-  points.push(...linePoints.slice(end - 1));
-  graphic.linePoints = points;
-}
-
-export function removeWayPoint(
-  graphic: ILineGraphic,
-  curve: boolean,
-  i: number
-) {
-  if (!curve) {
-    removeLineWayPoint(graphic, i);
-  } else {
-    removeBezierWayPoint(graphic, i);
-  }
-}
-
-export function removeLineWayPoint(graphic: ILineGraphic, i: number) {
-  const linePoints = graphic.linePoints;
-  if (linePoints.length > 2) {
-    const points = linePoints.slice(0, i);
-    points.push(...linePoints.slice(i + 1));
-    graphic.linePoints = points;
-  }
-}
-
-export function removeBezierWayPoint(graphic: ILineGraphic, i: number) {
-  let points;
-  const linePoints = graphic.linePoints;
-  const c = i % 3;
-  if (c !== 0) {
-    throw new Error(`i=${i}的点${linePoints[i]}不是路径点`);
-  }
-  if (i === 0) {
-    // 第一个点
-    if (linePoints.length > 4) {
-      points = linePoints.slice(3);
-    } else {
-      console.error('不能移除:剩余点数不足');
-    }
-  } else if (i === linePoints.length - 1) {
-    // 最后一个点
-    if (linePoints.length > 4) {
-      points = linePoints.slice(0, linePoints.length - 3);
-    } else {
-      console.error('无法移除:剩余点数不足');
-    }
-  } else {
-    // 中间点
-    points = linePoints.slice(0, i - 1);
-    points.push(...linePoints.slice(i + 2));
-  }
-  if (points) {
-    graphic.linePoints = points;
-  }
-}
-
-/**
- * 清除路径点(只留端点),适用于直线和贝塞尔曲线
- * @param graphic
- * @param curve
- */
-export function clearWayPoint(graphic: ILineGraphic, curve: boolean) {
-  const linePoints = graphic.linePoints;
-  if (!curve) {
-    if (linePoints.length > 2) {
-      const points = linePoints.slice(0, 1);
-      points.push(...linePoints.slice(-1));
-      graphic.linePoints = points;
-    }
-  } else {
-    if (linePoints.length > 4) {
-      const points = linePoints.slice(0, 2);
-      points.push(...linePoints.slice(-2));
-      graphic.linePoints = points;
-    }
-  }
-}
-
-/**
- * 贝塞尔曲线编辑
- */
-export class BezierCurveEditPlugin extends LineEditPlugin {
-  static Name = 'bezier_curve_points_edit';
-  options: ICompleteBezierCurveEditPointOptions;
-  // 曲线控制点辅助线
-  auxiliaryLines: Graphics[] = [];
-  constructor(g: ILineGraphic, options?: BezierCurveEditPointOptions) {
-    super(g);
-    this.options = Object.assign({}, { smooth: true }, options);
-    this.name = BezierCurveEditPlugin.Name;
-    this.initEditPoints();
-  }
-
-  reset(): void {
-    this.auxiliaryLines.splice(0, this.auxiliaryLines.length);
-    super.reset();
-  }
-
-  initEditPoints() {
-    // console.log('initEditPoints');
-    const cps = this.graphic.localToCanvasPoints(...this.linePoints);
-    for (let i = 0; i < cps.length; i++) {
-      const p = cps[i];
-      const dp = new DraggablePoint(p);
-      const startOrEnd = i == 0 || i == cps.length - 1;
-      const c = i % 3;
-      if (c === 1) {
-        // 前一路径点的控制点
-        dp.zIndex = 2;
-        const fp = cps[i - 1];
-        const line = new Graphics();
-        this.drawAuxiliaryLine(line, fp, p);
-        this.auxiliaryLines.push(line);
-      } else if (c === 2) {
-        // 后一路径点的控制点
-        dp.zIndex = 3;
-        const np = cps[i + 1];
-        const line = new Graphics();
-        this.drawAuxiliaryLine(line, p, np);
-        this.auxiliaryLines.push(line);
-      }
-      dp.on('transforming', (e: GraphicTransformEvent) => {
-        const tlp = this.graphic.canvasToLocalPoint(dp.position);
-        const cp = this.linePoints[i];
-        cp.x = tlp.x;
-        cp.y = tlp.y;
-        if (this.options.smooth || this.options.symmetry) {
-          if (c === 0 && !startOrEnd) {
-            const shiftData = e.getData<ShiftData>();
-            const fp = this.linePoints[i - 1];
-            const np = this.linePoints[i + 1];
-            fp.x = fp.x + shiftData.dx;
-            fp.y = fp.y + shiftData.dy;
-            np.x = np.x + shiftData.dx;
-            np.y = np.y + shiftData.dy;
-          } else if (c === 1 && i !== 1) {
-            const bp = this.linePoints[i - 1];
-            const fp2 = this.linePoints[i - 2];
-            let mp;
-            if (this.options.symmetry) {
-              mp = calculateMirrorPoint(bp, cp);
-            } else {
-              const distance = distance2(bp, fp2);
-              mp = calculateMirrorPoint(bp, cp, distance);
-            }
-            fp2.x = mp.x;
-            fp2.y = mp.y;
-          } else if (c === 2 && i !== cps.length - 2) {
-            const bp = this.linePoints[i + 1];
-            const np2 = this.linePoints[i + 2];
-            let mp;
-            if (this.options.symmetry) {
-              mp = calculateMirrorPoint(bp, cp);
-            } else {
-              const distance = distance2(bp, np2);
-              mp = calculateMirrorPoint(bp, cp, distance);
-            }
-            np2.x = mp.x;
-            np2.y = mp.y;
-          }
-        }
-        this.graphic.repaint();
-      });
-      if (this.options.onEditPointCreate) {
-        this.options.onEditPointCreate(this.graphic, dp, i);
-      }
-      this.editedPoints.push(dp);
-      if (this.auxiliaryLines.length > 0) {
-        this.addChild(...this.auxiliaryLines);
-      }
-    }
-    this.addChild(...this.editedPoints);
-  }
-
-  drawAuxiliaryLine(line: Graphics, p1: IPointData, p2: IPointData) {
-    line.clear();
-    if (this.options.auxiliaryLineColor) {
-      line.lineStyle(1, new Color(this.options.auxiliaryLineColor));
-    } else {
-      line.lineStyle(1, new Color('blue'));
-    }
-    line.moveTo(p1.x, p1.y);
-    line.lineTo(p2.x, p2.y);
-  }
-
-  updateEditedPointsPosition() {
-    const cps = this.graphic.localToCanvasPoints(...this.linePoints);
-    if (cps.length === this.editedPoints.length) {
-      for (let i = 0; i < cps.length; i++) {
-        const cp = cps[i];
-        this.editedPoints[i].position.copyFrom(cp);
-        const c = i % 3;
-        const d = Math.floor(i / 3);
-        if (c === 1 || c === 2) {
-          const li = d * 2 + c - 1;
-          const line = this.auxiliaryLines[li];
-          if (c === 1) {
-            const fp = cps[i - 1];
-            this.drawAuxiliaryLine(line, fp, cp);
-          } else {
-            const np = cps[i + 1];
-            this.drawAuxiliaryLine(line, cp, np);
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/src/jl-graphic/plugins/GraphicTransformPlugin.ts b/src/jl-graphic/plugins/GraphicTransformPlugin.ts
deleted file mode 100644
index 1446cc4..0000000
--- a/src/jl-graphic/plugins/GraphicTransformPlugin.ts
+++ /dev/null
@@ -1,915 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import {
-  Container,
-  DisplayObject,
-  Graphics,
-  IDestroyOptions,
-  Point,
-  Polygon,
-} from 'pixi.js';
-import {
-  AppDragEvent,
-  InteractionPluginBase,
-  InteractionPluginType,
-  KeyListener,
-} from '.';
-import { AppConsts, IGraphicScene } from '../app';
-import { JlGraphic } from '../core';
-import { AbsorbablePosition, VectorText } from '../graphic';
-import { DraggablePoint } from '../graphic/DraggablePoint';
-import {
-  DebouncedFunction,
-  angleToAxisx,
-  calculateLineMidpoint,
-  convertRectangleToPolygonPoints,
-  debounce,
-  distance,
-  recursiveChildren,
-} from '../utils';
-
-export class ShiftData {
-  /**
-   * 起始位置
-   */
-  startPosition: Point;
-  /**
-   * 上一次终点位置
-   */
-  lastPosition?: Point;
-  /**
-   * 当前位置
-   */
-  currentPosition?: Point;
-  constructor(
-    startPosition: Point,
-    currentPosition?: Point,
-    lastPosition?: Point
-  ) {
-    this.startPosition = startPosition;
-    this.lastPosition = lastPosition;
-    this.currentPosition = currentPosition;
-  }
-  static new(
-    startPosition: Point,
-    currentPosition?: Point,
-    lastPosition?: Point
-  ) {
-    return new ShiftData(startPosition, currentPosition, lastPosition);
-  }
-
-  public get dx(): number {
-    if (!this.lastPosition || !this.currentPosition) {
-      throw new Error('错误的位移数据或阶段');
-    }
-    return this.currentPosition.x - this.lastPosition.x;
-  }
-
-  public get dy(): number {
-    if (!this.lastPosition || !this.currentPosition) {
-      throw new Error('错误的位移数据或阶段');
-    }
-    return this.currentPosition.y - this.lastPosition.y;
-  }
-
-  public get dsx(): number {
-    if (!this.currentPosition) {
-      throw new Error('错误的位移数据或阶段');
-    }
-    return this.currentPosition.x - this.startPosition.x;
-  }
-
-  public get dsy(): number {
-    if (!this.currentPosition) {
-      throw new Error('错误的位移数据或阶段');
-    }
-    return this.currentPosition.y - this.startPosition.y;
-  }
-}
-
-export class ScaleData {
-  start: Point;
-  current?: Point;
-  last?: Point;
-  constructor(start: Point, current?: Point, last?: Point) {
-    this.start = start;
-    this.current = current;
-    this.last = last;
-  }
-  static new(start: Point, current?: Point, last?: Point) {
-    return new ScaleData(start, current, last);
-  }
-}
-
-export type TransformData = ShiftData | null;
-
-/**
- * 图形平移事件
- */
-export class GraphicTransformEvent {
-  /**
-   * 图形对象
-   */
-  target: DisplayObject;
-  type: 'shift' | 'rotate' | 'scale' | 'skew';
-  data: TransformData;
-
-  constructor(
-    target: DisplayObject,
-    type: 'shift' | 'rotate' | 'scale' | 'skew',
-    data: TransformData
-  ) {
-    this.target = target;
-    this.type = type;
-    this.data = data;
-  }
-
-  getData<D extends TransformData>(): D {
-    return this.data as D;
-  }
-
-  static shift(target: DisplayObject, data: ShiftData) {
-    return new GraphicTransformEvent(target, 'shift', data);
-  }
-
-  static scale(target: DisplayObject) {
-    return new GraphicTransformEvent(target, 'scale', null);
-  }
-
-  static rotate(target: DisplayObject) {
-    return new GraphicTransformEvent(target, 'rotate', null);
-  }
-
-  static skew(target: DisplayObject) {
-    return new GraphicTransformEvent(target, 'skew', null);
-  }
-
-  isShift(): boolean {
-    return this.type === 'shift';
-  }
-  isRotate(): boolean {
-    return this.type === 'rotate';
-  }
-  isScale(): boolean {
-    return this.type === 'scale';
-  }
-  isSkew(): boolean {
-    return this.type === 'skew';
-  }
-}
-
-export class GraphicTransformPlugin extends InteractionPluginBase {
-  static Name = '__graphic_transform_plugin';
-
-  /**
-   * 可吸附位置列表
-   */
-  absorbablePositions?: AbsorbablePosition[];
-  apContainer: Container;
-  static AbsorbablePosisiontsName = '__AbsorbablePosisionts';
-
-  constructor(app: IGraphicScene) {
-    super(app, GraphicTransformPlugin.Name, InteractionPluginType.Other);
-    this.apContainer = new Container();
-    this.apContainer.name = GraphicTransformPlugin.AbsorbablePosisiontsName;
-    this.app.canvas.addAssistantAppend(this.apContainer);
-    app.on('options-update', (options) => {
-      if (options.absorbablePositions) {
-        this.absorbablePositions = this.filterAbsorbablePositions(
-          options.absorbablePositions
-        );
-      }
-    });
-  }
-
-  /**
-   * 过滤重复的吸附位置
-   * @param positions
-   * @returns
-   */
-  filterAbsorbablePositions(
-    positions: AbsorbablePosition[]
-  ): AbsorbablePosition[] {
-    const aps: AbsorbablePosition[] = [];
-    for (let i = 0; i < positions.length; i++) {
-      const ap1 = positions[i];
-      let ap: AbsorbablePosition | null = ap1;
-      for (let j = positions.length - 1; j > i; j--) {
-        const ap2 = positions[j];
-        if (ap.isOverlapping(ap2) && ap.compareTo(ap2) <= 0) {
-          ap = null;
-          break;
-        }
-      }
-      if (ap != null) {
-        aps.push(ap);
-      }
-    }
-    // console.log(positions, aps);
-    return aps;
-  }
-
-  static new(app: IGraphicScene) {
-    return new GraphicTransformPlugin(app);
-  }
-
-  bind(): void {
-    this.app.on('drag_op_start', this.onDragStart, this);
-    this.app.on('drag_op_move', this.onDragMove, this);
-    this.app.on('drag_op_end', this.onDragEnd, this);
-    this.app.on('graphicselectedchange', this.onGraphicSelectedChange, this);
-    this.app.on(
-      'graphicchildselectedchange',
-      this.onGraphicSelectedChange,
-      this
-    );
-  }
-  unbind(): void {
-    this.app.off('drag_op_start', this.onDragStart, this);
-    this.app.off('drag_op_move', this.onDragMove, this);
-    this.app.off('drag_op_end', this.onDragEnd, this);
-    this.app.off('graphicselectedchange', this.onGraphicSelectedChange, this);
-    this.app.off(
-      'graphicchildselectedchange',
-      this.onGraphicSelectedChange,
-      this
-    );
-  }
-
-  getDraggedTargets(e: AppDragEvent): DisplayObject[] {
-    const targets: DisplayObject[] = [];
-    if (e.target.isGraphicChild() && e.target.selected && e.target.draggable) {
-      const graphic = e.target.getGraphic() as JlGraphic;
-      // 图形子元素
-      recursiveChildren(graphic, (child) => {
-        if (child.selected && child.draggable) {
-          targets.push(child);
-        }
-      });
-    } else if (
-      (e.target.isGraphic() || e.target.isGraphicChild()) &&
-      e.target.getGraphic()?.draggable
-    ) {
-      // 图形对象
-      targets.push(...this.app.selectedGraphics);
-    } else if (e.target.draggable) {
-      targets.push(e.target);
-    }
-    return targets;
-  }
-  onDragStart(e: AppDragEvent) {
-    if (!e.target.isCanvas() && e.isLeftButton) {
-      const targets: DisplayObject[] = this.getDraggedTargets(e);
-      if (targets.length > 0) {
-        targets.forEach((target) => {
-          target.shiftStartPoint = target.position.clone();
-          target.emit(
-            'transformstart',
-            GraphicTransformEvent.shift(
-              target,
-              ShiftData.new(target.shiftStartPoint)
-            )
-          );
-        });
-        // 显示吸附图形
-        if (this.absorbablePositions && this.absorbablePositions.length > 0) {
-          this.apContainer.removeChildren();
-          this.apContainer.addChild(...this.absorbablePositions);
-        }
-      }
-    }
-  }
-
-  onDragMove(e: AppDragEvent) {
-    if (!e.target.isCanvas() && e.isLeftButton) {
-      const targets: DisplayObject[] = this.getDraggedTargets(e);
-      if (targets.length > 0) {
-        // 处理位移
-        targets.forEach((target) => {
-          if (target.shiftStartPoint) {
-            target.shiftLastPoint = target.position.clone();
-            const { dx, dy } = e.toTargetShiftLen(target.parent);
-            target.position.set(
-              target.shiftStartPoint.x + dx,
-              target.shiftStartPoint.y + dy
-            );
-          }
-        });
-        // 处理吸附
-        if (this.absorbablePositions) {
-          for (let i = 0; i < this.absorbablePositions.length; i++) {
-            const ap = this.absorbablePositions[i];
-            ap.tryAbsorb(...targets);
-          }
-        }
-        // const start = new Date().getTime();
-
-        // 事件发布
-        targets.forEach((target) => {
-          if (target.shiftStartPoint && target.shiftLastPoint) {
-            target.emit(
-              'transforming',
-              GraphicTransformEvent.shift(
-                target,
-                ShiftData.new(
-                  target.shiftStartPoint,
-                  target.position.clone(),
-                  target.shiftLastPoint
-                )
-              )
-            );
-          }
-        });
-        // const dt = new Date().getTime() - start;
-        // console.log('拖拽耗时', `${dt}ms`, targets);
-      }
-    }
-  }
-
-  onDragEnd(e: AppDragEvent) {
-    if (!e.target.isCanvas() && e.isLeftButton) {
-      const targets: DisplayObject[] = this.getDraggedTargets(e);
-      targets.forEach((target) => {
-        if (target.shiftStartPoint) {
-          target.emit(
-            'transformend',
-            GraphicTransformEvent.shift(
-              target,
-              ShiftData.new(target.shiftStartPoint, target.position.clone())
-            )
-          );
-        }
-        target.shiftStartPoint = null;
-      });
-    }
-    this.clearCache();
-  }
-
-  /**
-   * 清理缓存
-   */
-  clearCache() {
-    // 移除吸附图形
-    this.absorbablePositions = [];
-    this.apContainer.removeChildren();
-  }
-
-  onGraphicSelectedChange(g: DisplayObject, selected: boolean) {
-    let br = g.getAssistantAppend<BoundsGraphic>(BoundsGraphic.Name);
-    if (!br) {
-      // 绘制辅助包围框
-      br = new BoundsGraphic(g);
-    }
-
-    if (selected) {
-      if (br) {
-        br.redraw();
-        br.visible = true;
-      }
-    } else {
-      if (br) {
-        br.visible = false;
-      }
-    }
-    if (g.scalable || g.rotatable) {
-      // 缩放点
-      let sp = g.getAssistantAppend<TransformPoints>(TransformPoints.Name);
-      if (!sp) {
-        sp = new TransformPoints(g);
-      }
-      if (selected) {
-        sp.update();
-        sp.visible = true;
-      } else {
-        sp.visible = false;
-      }
-    }
-  }
-
-  // onGraphicChildSelectedChange(child: DisplayObject, selected: boolean) {
-  //   let br = child.getAssistantAppend<BoundsGraphic>(BoundsGraphic.Name);
-  //   if (!br) {
-  //     // 绘制辅助包围框
-  //     br = new BoundsGraphic(child);
-  //   }
-  //   if (selected) {
-  //     br.redraw();
-  //     br.visible = true;
-  //   } else {
-  //     br.visible = false;
-  //   }
-  // }
-}
-
-/**
- * 缩放、旋转辅助
- */
-export class TransformPoints extends Container {
-  static Name = 'transformPoints';
-  static MinLength = 40;
-  static LeftTopName = 'lt-scale-point';
-  static TopName = 't-scale-point';
-  static RightTopName = 'rt-scale-point';
-  static RightName = 'r-scale-point';
-  static RightBottomName = 'rb-scale-point';
-  static BottomName = 'b-scale-point';
-  static LeftBottomName = 'lb-scale-point';
-  static LeftName = 'l-scale-point';
-
-  static RotateName = 'rotate-point';
-  obj: DisplayObject;
-
-  ltScalePoint: DraggablePoint;
-  ltLocal: Point = new Point();
-  tScalePoint: DraggablePoint;
-  tLocal: Point = new Point();
-  tCanvas: Point = new Point();
-  rtScalePoint: DraggablePoint;
-  rtLocal: Point = new Point();
-  rScalePoint: DraggablePoint;
-  rLocal: Point = new Point();
-  rbScalePoint: DraggablePoint;
-  rbLocal: Point = new Point();
-  bScalePoint: DraggablePoint;
-  bLocal: Point = new Point();
-  lbScalePoint: DraggablePoint;
-  lbLocal: Point = new Point();
-  lScalePoint: DraggablePoint;
-  lLocal: Point = new Point();
-  originScale: Point = new Point();
-  scalePivot: Point = new Point();
-
-  /**
-   * 旋转拖拽点
-   */
-  rotatePoint: DraggablePoint;
-  /**
-   * 旋转中心坐标
-   */
-  rotatePivot: Point;
-  /**
-   * 起始旋转坐标
-   */
-  rotateLastPoint: Point;
-  /**
-   * 起始图形角度
-   */
-  startAngle = 0;
-  /**
-   * 当前角度信息文本辅助
-   */
-  angleAssistantText: VectorText;
-  /**
-   * 旋转角度步长
-   */
-  angleStep = 1;
-  /**
-   * 修改旋转步长键盘监听
-   */
-  rotateAngleStepKeyListeners: KeyListener[] = [];
-
-  constructor(obj: DisplayObject) {
-    super();
-    this.obj = obj;
-    this.name = TransformPoints.Name;
-
-    this.angleAssistantText = new VectorText('', {
-      fill: AppConsts.assistantElementColor,
-    });
-    this.angleAssistantText.setVectorFontSize(16);
-    this.angleAssistantText.anchor.set(0.5);
-
-    // 创建缩放拖拽点
-    this.ltScalePoint = new DraggablePoint(new Point());
-    this.ltScalePoint.name = TransformPoints.LeftTopName;
-    this.addChild(this.ltScalePoint);
-    this.tScalePoint = new DraggablePoint(new Point());
-    this.tScalePoint.name = TransformPoints.TopName;
-    this.addChild(this.tScalePoint);
-    this.rtScalePoint = new DraggablePoint(new Point());
-    this.rtScalePoint.name = TransformPoints.RightTopName;
-    this.addChild(this.rtScalePoint);
-    this.rScalePoint = new DraggablePoint(new Point());
-    this.rScalePoint.name = TransformPoints.RightName;
-    this.addChild(this.rScalePoint);
-    this.rbScalePoint = new DraggablePoint(new Point());
-    this.rbScalePoint.name = TransformPoints.RightBottomName;
-    this.addChild(this.rbScalePoint);
-    this.bScalePoint = new DraggablePoint(new Point());
-    this.bScalePoint.name = TransformPoints.BottomName;
-    this.addChild(this.bScalePoint);
-    this.lbScalePoint = new DraggablePoint(new Point());
-    this.lbScalePoint.name = TransformPoints.LeftBottomName;
-    this.addChild(this.lbScalePoint);
-    this.lScalePoint = new DraggablePoint(new Point());
-    this.lScalePoint.name = TransformPoints.LeftName;
-    this.addChild(this.lScalePoint);
-    this.obj.on('transformstart', this.onObjTransformStart, this);
-    this.obj.on('transformend', this.onObjTransformEnd, this);
-
-    if (this.obj.children && this.obj.children.length > 0) {
-      recursiveChildren(this.obj as Container, (child) => {
-        child.on('transformstart', this.onObjTransformStart, this);
-        child.on('transformend', this.onObjTransformEnd, this);
-      });
-    }
-    const pg = this.obj.getGraphic();
-    if (pg != null) {
-      pg.on('transformstart', this.onObjTransformStart, this);
-      pg.on('transformend', this.onObjTransformEnd, this);
-    }
-
-    this.obj.on('repaint', this.onGraphicRepaint, this);
-    this.children.forEach((dp) => {
-      dp.on('transformstart', this.onScaleDragStart, this);
-      dp.on('transforming', this.onScaleDragMove, this);
-      dp.on('transformend', this.onScaleDragEnd, this);
-    });
-
-    // 创建旋转拖拽点
-    this.rotatePoint = new DraggablePoint(new Point());
-    this.addChild(this.rotatePoint);
-    this.rotatePoint.on('transformstart', this.onRotateStart, this);
-    this.rotatePoint.on('transforming', this.onRotateMove, this);
-    this.rotatePoint.on('transformend', this.onRotateEnd, this);
-    this.rotatePivot = new Point();
-    this.rotateLastPoint = new Point();
-    // 初始化旋转角度修改键盘监听器
-    for (let i = 1; i < 10; i++) {
-      this.rotateAngleStepKeyListeners.push(
-        KeyListener.create({
-          value: '' + i,
-          onPress: () => {
-            // console.log('修改角度step');
-            this.angleStep = i;
-          },
-        })
-      );
-    }
-
-    this.obj.addAssistantAppend(this);
-  }
-
-  onObjTransformStart() {
-    this.visible = false;
-  }
-  onObjTransformEnd() {
-    this.update();
-    this.visible = true;
-  }
-  onGraphicRepaint() {
-    if (this.visible) {
-      this.update();
-    }
-  }
-
-  /**
-   * 旋转开始
-   * @param de
-   */
-  onRotateStart(de: GraphicTransformEvent) {
-    this.hideAll();
-    const assistantPoint = this.obj.localToCanvasPoint(this.obj.pivot);
-    this.rotatePivot.copyFrom(assistantPoint);
-    this.rotateLastPoint.copyFrom(de.target.position);
-    this.startAngle = this.obj.angle;
-    const app = this.obj.getGraphicApp();
-    this.rotateAngleStepKeyListeners.forEach((listener) =>
-      app.addKeyboardListener(listener)
-    );
-    this.obj.emit('transformstart', GraphicTransformEvent.rotate(this.obj));
-    // app.emit('transformstart', app.selectedGraphics);
-    this.obj.getCanvas().addAssistantAppends(this.angleAssistantText);
-    this.updateAngleAssistantText(de);
-  }
-  updateAngleAssistantText(de: GraphicTransformEvent) {
-    this.angleAssistantText.text = this.obj.angle + '°';
-    let cursorPoint = de.data?.startPosition;
-    if (de.data?.currentPosition) {
-      cursorPoint = de.data?.currentPosition;
-    }
-    if (cursorPoint) {
-      this.angleAssistantText.position.x = cursorPoint.x;
-      this.angleAssistantText.position.y = cursorPoint.y - 10;
-    }
-  }
-  /**
-   * 旋转移动
-   * @param de
-   */
-  onRotateMove(de: GraphicTransformEvent) {
-    // 旋转角度计算逻辑：取锚点y负方向一点作为旋转点，求旋转点和锚点所形成的直线与x轴角度，此角度+90°即为最终旋转角度，再将旋转角度限制到(-180,180]之间
-    let angle = angleToAxisx(this.rotatePivot, de.target.position);
-    angle = Math.floor(angle / this.angleStep) * this.angleStep;
-    const parentAngle = this.obj.parent.worldAngle;
-    angle = (angle + 90 - parentAngle) % 360;
-    if (angle > 180) {
-      angle = angle - 360;
-    }
-    this.obj.angle = angle;
-    this.updateAngleAssistantText(de);
-    // this.obj.emit('rotatemove', this.obj);
-  }
-  /**
-   * 旋转结束
-   * @param de
-   */
-  onRotateEnd() {
-    this.showAll();
-    this.obj.getCanvas().removeAssistantAppends(this.angleAssistantText);
-    this.rotateAngleStepKeyListeners.forEach((listener) =>
-      this.obj.getGraphicApp().removeKeyboardListener(listener)
-    );
-    this.obj.emit('transformend', GraphicTransformEvent.rotate(this.obj));
-  }
-
-  /**
-   * 缩放开始
-   */
-  onScaleDragStart() {
-    this.hideAll();
-    const points = convertRectangleToPolygonPoints(this.obj.getLocalBounds());
-    const p0 = points[0];
-    const p1 = points[1];
-    const p2 = points[2];
-    const p3 = points[3];
-    this.scalePivot = this.obj.pivot.clone();
-    this.ltLocal.copyFrom(p0);
-    this.tCanvas.copyFrom(
-      this.obj.localToCanvasPoint(calculateLineMidpoint(p0, p1))
-    );
-    this.tLocal.copyFrom(calculateLineMidpoint(p0, p1));
-    this.rtLocal.copyFrom(p1);
-    this.rLocal.copyFrom(calculateLineMidpoint(p1, p2));
-    this.rbLocal.copyFrom(p2);
-    this.bLocal.copyFrom(calculateLineMidpoint(p2, p3));
-    this.lbLocal.copyFrom(p3);
-    this.lLocal.copyFrom(calculateLineMidpoint(p0, p3));
-    this.originScale = this.obj.scale.clone();
-    this.obj.emit('transformstart', GraphicTransformEvent.scale(this.obj));
-  }
-
-  onScaleDragMove(e: GraphicTransformEvent) {
-    // 缩放计算逻辑：共8个方向缩放点，根据所拖拽的方向:
-    // 1,计算缩放为1时的此点在拖拽开始时的位置到锚点x、y距离，
-    // 2,计算拖拽点的当前位置到锚点的x、y方向距离，
-    // PS:以上两个计算都是在local（也就是图形对象本地）坐标系，
-    // 用当前距离除以原始距离即为缩放比例
-    const defaultScale = new Point(1, 1);
-    let originWidth = 0;
-    let originHeight = 0;
-    let width = 0;
-    let height = 0;
-    this.obj.scale.copyFrom(defaultScale);
-    const point = this.obj.toLocal(
-      e.target.parent.localToScreenPoint(e.target.position)
-    );
-    if (e.target === this.ltScalePoint) {
-      // 左上角
-      originWidth = Math.abs(this.ltLocal.x - this.scalePivot.x);
-      originHeight = Math.abs(this.ltLocal.y - this.scalePivot.y);
-      width = Math.abs(point.x - this.scalePivot.x);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else if (e.target == this.tScalePoint) {
-      // 上
-      originHeight = Math.abs(this.tLocal.y - this.scalePivot.y);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else if (e.target == this.rtScalePoint) {
-      // 右上
-      originWidth = Math.abs(this.rtLocal.x - this.scalePivot.x);
-      originHeight = Math.abs(this.rtLocal.y - this.scalePivot.y);
-      width = Math.abs(point.x - this.scalePivot.x);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else if (e.target == this.rScalePoint) {
-      // 右
-      originWidth = Math.abs(this.rLocal.x - this.scalePivot.x);
-      width = Math.abs(point.x - this.scalePivot.x);
-    } else if (e.target == this.rbScalePoint) {
-      // 右下
-      originWidth = Math.abs(this.rbLocal.x - this.scalePivot.x);
-      originHeight = Math.abs(this.rbLocal.y - this.scalePivot.y);
-      width = Math.abs(point.x - this.scalePivot.x);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else if (e.target == this.bScalePoint) {
-      // 下
-      originHeight = Math.abs(this.bLocal.y - this.scalePivot.y);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else if (e.target == this.lbScalePoint) {
-      // 左下
-      originWidth = Math.abs(this.lbLocal.x - this.scalePivot.x);
-      originHeight = Math.abs(this.lbLocal.y - this.scalePivot.y);
-      width = Math.abs(point.x - this.scalePivot.x);
-      height = Math.abs(point.y - this.scalePivot.y);
-    } else {
-      // 左
-      originWidth = Math.abs(this.lLocal.x - this.scalePivot.x);
-      width = Math.abs(point.x - this.scalePivot.x);
-    }
-    // 计算缩放比例，并根据是否保持纵横比两种情况进行缩放处理
-    const sx = originWidth == 0 ? this.originScale.x : width / originWidth;
-    const sy = originHeight == 0 ? this.originScale.y : height / originHeight;
-    // console.log(originWidth, originHeight, width, height, sx, sy);
-    if (this.obj.keepAspectRatio) {
-      let max = Math.max(sx, sy);
-      if (originWidth == 0) {
-        max = sy;
-      } else if (originHeight == 0) {
-        max = sx;
-      }
-      this.obj.scale.set(max, max);
-    } else {
-      this.obj.scale.x = sx;
-      this.obj.scale.y = sy;
-    }
-  }
-
-  onScaleDragEnd() {
-    this.showAll();
-    this.obj.emit('transformend', GraphicTransformEvent.scale(this.obj));
-  }
-
-  hideOthers(dg: DisplayObject) {
-    this.children.forEach((child) => {
-      if (child.name !== dg.name) {
-        child.visible = false;
-      }
-    });
-  }
-
-  hideAll() {
-    this.children.forEach((child) => (child.visible = false));
-  }
-
-  showAll() {
-    this.update();
-    this.children.forEach((child) => (child.visible = true));
-  }
-
-  getObjBounds(): { width: number; height: number } {
-    const points = this.obj.localBoundsToCanvasPoints();
-    const p0 = points[0];
-    const p1 = points[1];
-    const p3 = points[3];
-    const width = distance(p0.x, p0.y, p1.x, p1.y);
-    const height = distance(p0.x, p0.y, p3.x, p3.y);
-    return { width, height };
-  }
-
-  /**
-   * 更新位置和cursor
-   * @returns
-   */
-  update() {
-    if (this.obj.scalable) {
-      this.updateScalePoints();
-    }
-    if (this.obj.rotatable) {
-      this.updateRotatePoint();
-    }
-  }
-
-  updateRotatePoint() {
-    const rect = this.obj.getLocalBounds();
-    const lp = this.obj.pivot.clone();
-    const dy = 10 / this.obj.scale.y;
-    lp.y = rect.y - dy;
-    const p = this.obj.localToCanvasPoint(lp);
-    this.rotatePoint.position.copyFrom(p);
-  }
-
-  updateScalePoints() {
-    const points = this.obj.localBoundsToCanvasPoints();
-    this.ltScalePoint.position.copyFrom(points[0]);
-    this.tScalePoint.position.copyFrom(
-      calculateLineMidpoint(points[0], points[1])
-    );
-    this.rtScalePoint.position.copyFrom(points[1]);
-    this.rScalePoint.position.copyFrom(
-      calculateLineMidpoint(points[1], points[2])
-    );
-    this.rbScalePoint.position.copyFrom(points[2]);
-    this.bScalePoint.position.copyFrom(
-      calculateLineMidpoint(points[2], points[3])
-    );
-    this.lbScalePoint.position.copyFrom(points[3]);
-    this.lScalePoint.position.copyFrom(
-      calculateLineMidpoint(points[3], points[0])
-    );
-    const angle = this.obj.worldAngle;
-    const angle360 = (360 + angle) % 360;
-    if (
-      (angle >= -22.5 && angle <= 22.5) ||
-      (angle360 >= 180 - 22.5 && angle360 <= 180 + 22.5)
-    ) {
-      this.ltScalePoint.cursor = 'nw-resize';
-      this.tScalePoint.cursor = 'n-resize';
-      this.rtScalePoint.cursor = 'ne-resize';
-      this.rScalePoint.cursor = 'e-resize';
-      this.rbScalePoint.cursor = 'se-resize';
-      this.bScalePoint.cursor = 's-resize';
-      this.lbScalePoint.cursor = 'sw-resize';
-      this.lScalePoint.cursor = 'w-resize';
-    } else if (
-      (angle >= 22.5 && angle <= 67.5) ||
-      (angle360 >= 180 + 22.5 && angle360 <= 180 + 67.5)
-    ) {
-      this.ltScalePoint.cursor = 'n-resize';
-      this.tScalePoint.cursor = 'ne-resize';
-      this.rtScalePoint.cursor = 'e-resize';
-      this.rScalePoint.cursor = 'se-resize';
-      this.rbScalePoint.cursor = 's-resize';
-      this.bScalePoint.cursor = 'sw-resize';
-      this.lbScalePoint.cursor = 'w-resize';
-      this.lScalePoint.cursor = 'nw-resize';
-    } else if (
-      (angle >= 67.5 && angle < 112.5) ||
-      (angle360 >= 180 + 67.5 && angle360 <= 180 + 112.5)
-    ) {
-      this.ltScalePoint.cursor = 'ne-resize';
-      this.tScalePoint.cursor = 'e-resize';
-      this.rtScalePoint.cursor = 'se-resize';
-      this.rScalePoint.cursor = 's-resize';
-      this.rbScalePoint.cursor = 'sw-resize';
-      this.bScalePoint.cursor = 'w-resize';
-      this.lbScalePoint.cursor = 'nw-resize';
-      this.lScalePoint.cursor = 'n-resize';
-    } else {
-      this.ltScalePoint.cursor = 'e-resize';
-      this.tScalePoint.cursor = 'se-resize';
-      this.rtScalePoint.cursor = 's-resize';
-      this.rScalePoint.cursor = 'sw-resize';
-      this.rbScalePoint.cursor = 'w-resize';
-      this.bScalePoint.cursor = 'nw-resize';
-      this.lbScalePoint.cursor = 'n-resize';
-      this.lScalePoint.cursor = 'ne-resize';
-    }
-  }
-}
-
-/**
- * 包围盒矩形图形，现使用外边框转画布多边形实现
- */
-export class BoundsGraphic extends Graphics {
-  static Name = '_BoundsRect';
-  static BoundsLineStyle = {
-    width: 1,
-    color: '#1976d2',
-    alpha: 1,
-  };
-  obj: DisplayObject;
-  debouncedRedraw: DebouncedFunction<() => void>;
-  constructor(graphic: DisplayObject) {
-    super();
-    this.obj = graphic;
-    this.name = BoundsGraphic.Name;
-    this.visible = false;
-
-    this.debouncedRedraw = debounce(this.doRedraw, 50);
-    this.obj.on('transformstart', this.onObjTransformStart, this);
-    this.obj.on('transformend', this.onObjTransformEnd, this);
-    if (this.obj.children && this.obj.children.length > 0) {
-      recursiveChildren(this.obj as Container, (child) => {
-        child.on('transformstart', this.onObjTransformStart, this);
-        child.on('transformend', this.onObjTransformEnd, this);
-      });
-    }
-    const pg = this.obj.getGraphic();
-    if (pg != null) {
-      pg.on('transformstart', this.onObjTransformStart, this);
-      pg.on('transformend', this.onObjTransformEnd, this);
-    }
-    this.obj.on('repaint', this.onGraphicRepaint, this);
-    graphic.addAssistantAppend(this);
-  }
-
-  onObjTransformStart(): void {
-    this.visible = false;
-  }
-  onObjTransformEnd(): void {
-    this.redraw();
-    this.visible = true;
-  }
-
-  onGraphicRepaint(): void {
-    if (this.visible) {
-      this.redraw();
-    }
-  }
-
-  destroy(options?: boolean | IDestroyOptions | undefined): void {
-    if (this.obj.isGraphic()) {
-      this.obj.off('repaint', this.onGraphicRepaint, this);
-    }
-    super.destroy(options);
-  }
-
-  redraw() {
-    this.debouncedRedraw(this);
-  }
-  doRedraw() {
-    const visible = this.visible;
-    this.visible = false; // 屏蔽包围框本身
-    const bounds = new Polygon(this.obj.localBoundsToCanvasPoints());
-    this.clear().lineStyle(BoundsGraphic.BoundsLineStyle).drawShape(bounds);
-    this.visible = visible;
-  }
-}
diff --git a/src/jl-graphic/plugins/InteractionPlugin.ts b/src/jl-graphic/plugins/InteractionPlugin.ts
deleted file mode 100644
index 23e2210..0000000
--- a/src/jl-graphic/plugins/InteractionPlugin.ts
+++ /dev/null
@@ -1,489 +0,0 @@
-import {
-  DisplayObject,
-  FederatedMouseEvent,
-  FederatedPointerEvent,
-  Point,
-} from 'pixi.js';
-import { IGraphicAppConfig, IGraphicScene } from '../app/JlGraphicApp';
-import { JlGraphic } from '../core/JlGraphic';
-
-export enum InteractionPluginType {
-  App = 'app',
-  Graphic = 'graphic',
-  Other = 'other',
-}
-
-/**
- * 交互插件
- */
-export interface InteractionPlugin {
-  readonly _type: string;
-  name: string; // 唯一标识
-  app: IGraphicScene;
-
-  /**
-   * 恢复
-   */
-  resume(): void;
-  /**
-   * 停止
-   */
-  pause(): void;
-  /**
-   * 是否生效
-   */
-  isActive(): boolean;
-  isAppPlugin(): boolean;
-  isOtherPlugin(): boolean;
-  isGraphicPlugin(): boolean;
-}
-
-export abstract class InteractionPluginBase implements InteractionPlugin {
-  readonly _type: string;
-  name: string; // 唯一标识
-  app: IGraphicScene;
-  _pause: boolean;
-
-  constructor(app: IGraphicScene, name: string, type: string) {
-    this._type = type;
-    this.app = app;
-    this.name = name;
-    this._pause = true;
-    app.registerInteractionPlugin(this);
-  }
-
-  /**
-   * 恢复
-   */
-  resume(): void {
-    this.bind();
-    this._pause = false;
-    this.app.emit('interaction-plugin-resume', this);
-  }
-  /**
-   * 停止
-   */
-  pause(): void {
-    this.unbind();
-    this._pause = true;
-    this.app.emit('interaction-plugin-pause', this);
-  }
-
-  abstract bind(): void;
-  abstract unbind(): void;
-  /**
-   * 是否生效
-   */
-  isActive(): boolean {
-    return !this._pause;
-  }
-  isGraphicPlugin(): boolean {
-    return this._type === InteractionPluginType.Graphic;
-  }
-  isAppPlugin(): boolean {
-    return this._type === InteractionPluginType.App;
-  }
-  isOtherPlugin(): boolean {
-    return this._type === InteractionPluginType.Other;
-  }
-}
-
-export abstract class OtherInteractionPlugin extends InteractionPluginBase {
-  constructor(app: IGraphicScene, name: string) {
-    super(app, name, InteractionPluginType.Other);
-  }
-}
-
-export class AppDragEvent {
-  app: IGraphicScene;
-  type: 'start' | 'move' | 'end';
-  target: DisplayObject;
-  original: FederatedPointerEvent;
-  start: Point; // 画布坐标
-  constructor(
-    app: IGraphicScene,
-    type: 'start' | 'move' | 'end',
-    target: DisplayObject,
-    original: FederatedPointerEvent,
-    start: Point
-  ) {
-    this.app = app;
-    this.type = type;
-    this.target = target;
-    this.original = original;
-    this.start = start;
-  }
-
-  public get isMouse(): boolean {
-    return this.original.pointerType === 'mouse';
-  }
-
-  public get isLeftButton(): boolean {
-    return (
-      this.isMouse &&
-      ((this.original.button === -1 && this.original.buttons === 1) ||
-        (this.original.button === 0 && this.original.buttons === 0))
-    );
-  }
-
-  public get isRightButton(): boolean {
-    return (
-      this.isMouse &&
-      ((this.original.button === -1 && this.original.buttons === 2) ||
-        (this.original.button === 2 && this.original.buttons === 0))
-    );
-  }
-
-  public get isMiddleButton(): boolean {
-    return (
-      this.isMouse &&
-      ((this.original.button === -1 && this.original.buttons === 4) ||
-        (this.original.button === 1 && this.original.buttons === 0))
-    );
-  }
-
-  public get isTouch(): boolean {
-    return this.original.pointerType === 'touch';
-  }
-
-  /**
-   * 终点坐标(画布坐标)
-   */
-  public get end(): Point {
-    return this.app.toCanvasCoordinates(this.original.global);
-  }
-
-  public get dx(): number {
-    const move = this.original.movement;
-    return move.x / this.app.viewport.scaled;
-  }
-
-  public get dy(): number {
-    const move = this.original.movement;
-    return move.y / this.app.viewport.scaled;
-  }
-
-  public get dsx(): number {
-    return this.end.x - this.start.x;
-  }
-
-  public get dsy(): number {
-    return this.end.y - this.start.y;
-  }
-
-  /**
-   * 转换为目标对象的位移距离
-   */
-  toTargetShiftLen(target: DisplayObject): { dx: number; dy: number } {
-    const sl = target.canvasToLocalPoint(this.start);
-    const el = target.canvasToLocalPoint(this.end);
-    return { dx: el.x - sl.x, dy: el.y - sl.y };
-  }
-}
-
-/**
- * 拖拽操作插件
- */
-export class DragPlugin extends OtherInteractionPlugin {
-  static Name = '__drag_operation_plugin';
-  private threshold = 3;
-  target: DisplayObject | null = null;
-  start: Point | null = null;
-  startClientPoint: Point | null = null;
-  drag = false;
-  constructor(app: IGraphicScene) {
-    super(app, DragPlugin.Name);
-    app.on('options-update', (options: IGraphicAppConfig) => {
-      if (options.threshold !== undefined) {
-        this.threshold = options.threshold;
-      }
-    });
-  }
-  static new(app: IGraphicScene) {
-    return new DragPlugin(app);
-  }
-  bind(): void {
-    const canvas = this.app.canvas;
-    canvas.on('pointerdown', this.onPointerDown, this);
-  }
-  unbind(): void {
-    const canvas = this.app.canvas;
-    canvas.off('pointerdown', this.onPointerDown, this);
-    canvas.off('pointerup', this.onPointerUp, this);
-    canvas.off('pointerupoutside', this.onPointerUp, this);
-  }
-  onPointerDown(e: FederatedPointerEvent) {
-    this.target = e.target as DisplayObject;
-    this.start = this.app.toCanvasCoordinates(e.global);
-    this.startClientPoint = e.global.clone();
-    const canvas = this.app.canvas;
-    canvas.on('pointermove', this.onPointerMove, this);
-    canvas.on('pointerup', this.onPointerUp, this);
-    canvas.on('pointerupoutside', this.onPointerUp, this);
-  }
-  onPointerMove(e: FederatedPointerEvent) {
-    if (this.start && this.startClientPoint) {
-      const current = e.global;
-      const sgp = this.startClientPoint;
-      const dragStart =
-        Math.abs(current.x - sgp.x) > this.threshold ||
-        Math.abs(current.y - sgp.y) > this.threshold;
-      if (this.target && this.start && !this.drag && dragStart) {
-        this.app.emit(
-          'drag_op_start',
-          new AppDragEvent(this.app, 'start', this.target, e, this.start)
-        );
-        this.drag = true;
-      }
-
-      // drag移动处理
-      if (this.target && this.drag && this.start) {
-        // console.log('drag move', e.movement);
-        this.app.emit(
-          'drag_op_move',
-          new AppDragEvent(this.app, 'move', this.target, e, this.start)
-        );
-      }
-    }
-  }
-
-  onPointerUp(e: FederatedPointerEvent) {
-    if (this.target && this.drag && this.start) {
-      // console.log('drag end');
-      this.app.emit(
-        'drag_op_end',
-        new AppDragEvent(this.app, 'end', this.target, e, this.start)
-      );
-    } else if (this.target && this.start && !this.drag) {
-      // this.target.emit('click', this.target);
-      const ade = new AppDragEvent(this.app, 'end', this.target, e, this.start);
-      const graphic = this.target.getGraphic();
-      if (ade.isRightButton) {
-        this.target.emit('_rightclick', e);
-        if (graphic != null) {
-          graphic.emit('_rightclick', e);
-        }
-      } else if (ade.isLeftButton) {
-        this.target.emit('_leftclick', e);
-        if (graphic != null) {
-          graphic.emit('_leftclick', e);
-        }
-      }
-    }
-    const canvas = this.app.canvas;
-    canvas.off('mousemove', this.onPointerMove, this);
-    canvas.off('mouseup', this.onPointerUp, this);
-    canvas.off('mouseupoutside', this.onPointerUp, this);
-    this.clearCache();
-  }
-  /**
-   * 清理缓存
-   */
-  clearCache() {
-    this.drag = false;
-    this.start = null;
-    this.startClientPoint = null;
-    this.target = null;
-  }
-}
-
-/**
- * 视口移动插件
- */
-export class ViewportMovePlugin extends OtherInteractionPlugin {
-  static Name = '__viewport_move_plugin';
-
-  static MoveInterval = 20; // 移动间隔，单位ms
-  static TriggerRange = 100; // 边界触发范围,单位px
-  static DefaultMoveSpeed = 200 / ViewportMovePlugin.MoveInterval; // 默认移动速度
-
-  moveHandler: NodeJS.Timeout | null = null;
-  moveSpeedx = 0;
-  moveSpeedy = 0;
-
-  constructor(app: IGraphicScene) {
-    super(app, ViewportMovePlugin.Name);
-  }
-
-  static new(app: IGraphicScene): ViewportMovePlugin {
-    return new ViewportMovePlugin(app);
-  }
-  pause(): void {
-    super.pause();
-    this.stopMove();
-  }
-  bind(): void {
-    this.app.canvas.on('pointermove', this.viewportMove, this);
-  }
-
-  unbind(): void {
-    this.app.canvas.off('pointermove', this.viewportMove, this);
-  }
-
-  startMove(moveSpeedx: number, moveSpeedy: number) {
-    this.moveSpeedx = moveSpeedx;
-    this.moveSpeedy = moveSpeedy;
-    if (this.moveHandler == null) {
-      const viewport = this.app.viewport;
-      this.moveHandler = setInterval(() => {
-        viewport.moveCorner(
-          viewport.corner.x + this.moveSpeedx,
-          viewport.corner.y + this.moveSpeedy
-        );
-      }, ViewportMovePlugin.MoveInterval);
-    }
-  }
-
-  stopMove() {
-    if (this.moveHandler != null) {
-      clearInterval(this.moveHandler);
-      this.moveHandler = null;
-      this.app.canvas.cursor = 'auto';
-    }
-  }
-
-  private calculateBoundaryMoveSpeed(sp: Point): {
-    moveSpeedx: number;
-    moveSpeedy: number;
-  } {
-    let moveSpeedx = 0;
-    let moveSpeedy = 0;
-    const range = ViewportMovePlugin.TriggerRange;
-    const viewport = this.app.viewport;
-    if (sp.x < range) {
-      moveSpeedx = this.calculateMoveSpeed(sp.x - range);
-    } else if (sp.x > viewport.screenWidth - range) {
-      moveSpeedx = this.calculateMoveSpeed(sp.x + range - viewport.screenWidth);
-    } else {
-      moveSpeedx = 0;
-    }
-    if (sp.y < range) {
-      moveSpeedy = this.calculateMoveSpeed(sp.y - range);
-    } else if (sp.y > viewport.screenHeight - range) {
-      moveSpeedy = this.calculateMoveSpeed(
-        sp.y + range - viewport.screenHeight
-      );
-    } else {
-      moveSpeedy = 0;
-    }
-    return { moveSpeedx, moveSpeedy };
-  }
-
-  calculateMoveSpeed(dd: number): number {
-    return (
-      (dd / ViewportMovePlugin.TriggerRange) *
-      ViewportMovePlugin.DefaultMoveSpeed
-    );
-  }
-
-  viewportMove(e: FederatedMouseEvent) {
-    const sp = e.global;
-    const { moveSpeedx, moveSpeedy } = this.calculateBoundaryMoveSpeed(sp);
-    if (moveSpeedx == 0 && moveSpeedy == 0) {
-      this.app.canvas.cursor = 'auto';
-      this.stopMove();
-    } else {
-      this.app.canvas.cursor = 'grab';
-      this.startMove(moveSpeedx, moveSpeedy);
-    }
-  }
-}
-
-/**
- * 应用交互插件，同时只能生效一个
- */
-export abstract class AppInteractionPlugin extends InteractionPluginBase {
-  constructor(name: string, app: IGraphicScene) {
-    super(app, name, InteractionPluginType.App);
-  }
-
-  /**
-   * 恢复，app交互插件同时只能生效一个
-   */
-  resume(): void {
-    this.app.pauseAppInteractionPlugins();
-    super.resume();
-  }
-}
-
-/**
- * 图形交互插件,可同时生效
- */
-export abstract class GraphicInteractionPlugin<G extends JlGraphic>
-  implements InteractionPlugin
-{
-  readonly _type = InteractionPluginType.Graphic;
-  app: IGraphicScene;
-  name: string; // 唯一标识
-  _pause: boolean;
-  constructor(name: string, app: IGraphicScene) {
-    this.app = app;
-    this.name = name;
-    this._pause = true;
-    app.registerInteractionPlugin(this);
-    this.resume();
-    // 新增的图形对象绑定
-    this.app.on('graphicstored', (g) => {
-      if (this.isActive()) {
-        this.binds(this.filter(g));
-      }
-    });
-    this.app.on('graphicdeleted', (g) => {
-      if (this.isActive()) {
-        this.unbinds(this.filter(g));
-      }
-    });
-  }
-
-  isActive(): boolean {
-    return !this._pause;
-  }
-  isAppPlugin(): boolean {
-    return false;
-  }
-  isOtherPlugin(): boolean {
-    return false;
-  }
-  isGraphicPlugin(): boolean {
-    return true;
-  }
-
-  resume(): void {
-    const list = this.filter(...this.app.queryStore.getAllGraphics());
-    this.binds(list);
-    this._pause = false;
-    this.app.emit('interaction-plugin-resume', this);
-  }
-  pause(): void {
-    const list = this.filter(...this.app.queryStore.getAllGraphics());
-    this.unbinds(list);
-    this._pause = true;
-    this.app.emit('interaction-plugin-pause', this);
-  }
-
-  /**
-   * 过滤需要的图形对象
-   */
-  abstract filter(...grahpics: JlGraphic[]): G[] | undefined;
-
-  binds(list?: G[]): void {
-    if (list) {
-      list.forEach((g) => this.bind(g));
-    }
-  }
-  unbinds(list?: G[]): void {
-    if (list) {
-      list.forEach((g) => this.unbind(g));
-    }
-  }
-  /**
-   * 绑定图形对象的交互处理
-   * @param g 图形对象
-   */
-  abstract bind(g: G): void;
-  /**
-   * 取消图形对象的交互处理
-   * @param g 图形对象
-   */
-  abstract unbind(g: G): void;
-}
diff --git a/src/jl-graphic/plugins/KeyboardPlugin.ts b/src/jl-graphic/plugins/KeyboardPlugin.ts
deleted file mode 100644
index 6ce7d78..0000000
--- a/src/jl-graphic/plugins/KeyboardPlugin.ts
+++ /dev/null
@@ -1,352 +0,0 @@
-import { IGraphicApp } from '../app/JlGraphicApp';
-
-let target: Node | undefined;
-
-export class GlobalKeyboardHelper {
-  appKeyboardPluginMap: JlGraphicAppKeyboardPlugin[] = [];
-
-  constructor() {
-    window.onkeydown = (e: KeyboardEvent) => {
-      this.appKeyboardPluginMap.forEach((plugin) => {
-        const listenerMap = plugin.getKeyListener(e);
-        listenerMap?.forEach((listener) => {
-          if (listener.global) {
-            listener.press(e, plugin.app);
-          }
-        });
-      });
-      if (e.ctrlKey) {
-        if (e.code == 'KeyS') {
-          // 屏蔽全局Ctrl+S保存操作
-          // console.log('屏蔽全局Ctrl+S')
-          return false;
-        }
-      }
-      if (target && target.nodeName == 'CANVAS') {
-        // 事件的目标是画布时，屏蔽总的键盘操作操作
-        if (e.ctrlKey) {
-          if (e.code == 'KeyA' || e.code == 'KeyS') {
-            // 屏蔽Canvas上的Ctrl+A、Ctrl+S操作
-            return false;
-          }
-        }
-      }
-      return true;
-    };
-    window.onkeyup = (e: KeyboardEvent) => {
-      this.appKeyboardPluginMap.forEach((plugin) => {
-        const listenerMap = plugin.getKeyListener(e);
-        listenerMap?.forEach((listener) => {
-          if (listener.global) {
-            listener.release(e, plugin.app);
-          }
-        });
-      });
-    };
-  }
-
-  registerGAKPlugin(plugin: JlGraphicAppKeyboardPlugin) {
-    if (!this.appKeyboardPluginMap.find((pg) => pg == plugin)) {
-      this.appKeyboardPluginMap.push(plugin);
-    }
-  }
-
-  removeGAKPlugin(plugin: JlGraphicAppKeyboardPlugin) {
-    const index = this.appKeyboardPluginMap.findIndex((pg) => pg == plugin);
-    if (index >= 0) {
-      this.appKeyboardPluginMap.splice(index, 1);
-    }
-  }
-}
-
-const GlobalKeyboardPlugin = new GlobalKeyboardHelper();
-
-export class JlGraphicAppKeyboardPlugin {
-  app: IGraphicApp;
-  /**
-   * 结构为Map<key.code|key.key|key.keyCode, Map<KeyListener.identifier, KeyListener>>
-   */
-  keyListenerMap: Map<number | string, Map<string, KeyListener>> = new Map<
-    number | string,
-    Map<string, KeyListener>
-  >(); // 键值监听map
-  keyListenerStackMap: Map<string, KeyListener[]> = new Map<
-    string,
-    KeyListener[]
-  >(); // 键值监听栈(多次注册相同的监听会把之前注册的监听器入栈，移除最新的监听会从栈中弹出一个作为指定事件监听处理器)
-
-  constructor(app: IGraphicApp) {
-    this.app = app;
-    GlobalKeyboardPlugin.registerGAKPlugin(this);
-    const onMouseUpdateTarget = (e: MouseEvent) => {
-      const node = e.target as Node;
-      target = node;
-      // console.log('Mousedown Event', node.nodeName, node.nodeType, node.nodeValue)
-    };
-    const keydownHandle = (e: KeyboardEvent) => {
-      // console.debug(e.key, e.code, e.keyCode);
-      if (target && target == this.app.dom?.getElementsByTagName('canvas')[0]) {
-        const listenerMap = this.getKeyListener(e);
-        listenerMap?.forEach((listener) => {
-          if (!listener.global) {
-            listener.press(e, this.app);
-          }
-        });
-      }
-    };
-    const keyupHandle = (e: KeyboardEvent) => {
-      if (target && target == this.app.dom?.getElementsByTagName('canvas')[0]) {
-        const listenerMap = this.getKeyListener(e);
-        listenerMap?.forEach((listener) => {
-          if (!listener.global) {
-            listener.release(e, this.app);
-          }
-        });
-      }
-    };
-
-    document.addEventListener('mousedown', onMouseUpdateTarget, false);
-    document.addEventListener('keydown', keydownHandle, false);
-    document.addEventListener('keyup', keyupHandle, false);
-    this.app.on('destroy', () => {
-      document.removeEventListener('mousedown', onMouseUpdateTarget, false);
-      document.removeEventListener('keydown', keydownHandle, false);
-      document.removeEventListener('keyup', keyupHandle, false);
-      GlobalKeyboardPlugin.removeGAKPlugin(this);
-    });
-  }
-
-  private getOrInit(key: string | number): Map<string, KeyListener> {
-    let map = this.keyListenerMap.get(key);
-    if (map === undefined) {
-      map = new Map<string, KeyListener>();
-      this.keyListenerMap.set(key, map);
-    }
-    return map;
-  }
-
-  private getOrInitStack(key: string): KeyListener[] {
-    let stack = this.keyListenerStackMap.get(key);
-    if (stack === undefined) {
-      stack = [];
-      this.keyListenerStackMap.set(key, stack);
-    }
-    return stack;
-  }
-
-  /**
-   * 注册按键监听，若有旧的，旧的入栈
-   * @param keyListener
-   */
-  addKeyListener(keyListener: KeyListener) {
-    const map = this.getOrInit(keyListener.value);
-    // 查询是否有旧的监听，若有入栈
-    const old = map.get(keyListener.identifier);
-    if (old) {
-      const stack = this.getOrInitStack(keyListener.identifier);
-      stack.push(old);
-    }
-    map.set(keyListener.identifier, keyListener);
-    // console.log(this.getAllListenedKeys());
-  }
-  /**
-   * 移除按键监听，若是当前注册的监听，尝试从栈中取出作为按键监听器，若是旧的，则同时移除栈中的监听
-   * @param keyListener
-   */
-  removeKeyListener(keyListener: KeyListener) {
-    keyListener.onRemove();
-    const map = this.getOrInit(keyListener.value);
-    const old = map.get(keyListener.identifier);
-    map.delete(keyListener.identifier);
-    const stack = this.getOrInitStack(keyListener.identifier);
-    if (old && old === keyListener) {
-      // 是旧的监听
-      const listener = stack.pop();
-      if (listener) {
-        map.set(keyListener.identifier, listener);
-      }
-    } else {
-      // 移除栈中的
-      const index = stack.findIndex((ls) => ls === keyListener);
-      if (index >= 0) {
-        stack.splice(index, 1);
-      }
-    }
-    // console.log(this);
-  }
-
-  getKeyListenerBy(key: string | number): Map<string, KeyListener> | undefined {
-    return this.keyListenerMap.get(key);
-  }
-
-  getKeyListener(e: KeyboardEvent): Map<string, KeyListener> | undefined {
-    return (
-      this.getKeyListenerBy(e.key) ||
-      this.getKeyListenerBy(e.code) ||
-      this.getKeyListenerBy(e.keyCode)
-    );
-  }
-
-  isKeyListened(key: string | number): boolean {
-    return this.getOrInit(key).size > 0;
-  }
-
-  /**
-   * 获取所有注册监听的键值（组合键）
-   */
-  getAllListenedKeys(): string[] {
-    const keys: string[] = [];
-    this.keyListenerMap.forEach((v) =>
-      v.forEach((_listener, ck) => keys.push(ck))
-    );
-    return keys;
-  }
-}
-
-type KeyboardKeyHandler = (e: KeyboardEvent, app: IGraphicApp) => void;
-
-export enum CombinationKey {
-  Ctrl = 'Ctrl',
-  Alt = 'Alt',
-  Shift = 'Shift',
-}
-export interface KeyListenerOptions {
-  // 具体的键值，可以是key/code/keycode(keycode已经弃用，建议优先使用key或code),例如：KeyA/(a/A)分别表示键盘A建，其中KeyA为键盘事件的code字段，a/A为键盘事件的key字段
-  value: string | number;
-  // 组合键
-  combinations?: CombinationKey[];
-  // 是否监听全局，为false则只在画布为焦点时才处理
-  global?: boolean;
-  // 按下操作处理
-  onPress?: KeyboardKeyHandler;
-  // 按下操作是否每次触发,默认一次
-  pressTriggerAsOriginalEvent?: boolean;
-  // 释放/抬起操作处理
-  onRelease?: KeyboardKeyHandler;
-}
-
-export interface ICompleteKeyListenerOptions {
-  // 具体的键值，可以是key/code/keycode(keycode已经弃用，建议优先使用key或code),例如：KeyA/(a/A)分别表示键盘A建，其中KeyA为键盘事件的code字段，a/A为键盘事件的key字段
-  value: string | number;
-  // 组合键
-  combinations: CombinationKey[];
-  // 是否监听全局，为false则只在画布为焦点时才处理
-  global: boolean;
-  // 按下操作处理
-  onPress?: KeyboardKeyHandler;
-  pressTriggerAsOriginalEvent: boolean;
-  // 释放/抬起操作处理
-  onRelease?: KeyboardKeyHandler;
-}
-
-const DefaultKeyListenerOptions: ICompleteKeyListenerOptions = {
-  value: '',
-  combinations: [],
-  global: false,
-  onPress: undefined,
-  pressTriggerAsOriginalEvent: false,
-  onRelease: undefined,
-};
-
-export class KeyListener {
-  // value 支持keyCode，key，code三种值
-  readonly options: ICompleteKeyListenerOptions;
-  private isPress = false;
-
-  constructor(options: KeyListenerOptions) {
-    this.options = Object.assign({}, DefaultKeyListenerOptions, options);
-  }
-
-  static create(options: KeyListenerOptions): KeyListener {
-    return new KeyListener(options);
-  }
-
-  public get value(): string | number {
-    return this.options.value;
-  }
-
-  public get combinations(): string[] {
-    return this.options.combinations;
-  }
-
-  public get identifier(): string {
-    return this.options.combinations.join('+') + '+' + this.options.value;
-  }
-
-  public get global(): boolean | undefined {
-    return this.options.global;
-  }
-
-  public get onPress(): KeyboardKeyHandler | undefined {
-    return this.options.onPress;
-  }
-
-  public set onPress(v: KeyboardKeyHandler | undefined) {
-    this.options.onPress = v;
-  }
-
-  public get onRelease(): KeyboardKeyHandler | undefined {
-    return this.options.onRelease;
-  }
-
-  public set onRelease(v: KeyboardKeyHandler | undefined) {
-    this.options.onRelease = v;
-  }
-
-  public get pressTriggerEveryTime(): boolean {
-    return this.options.pressTriggerAsOriginalEvent;
-  }
-
-  public set pressTriggerEveryTime(v: boolean) {
-    this.options.pressTriggerAsOriginalEvent = v;
-  }
-
-  press(e: KeyboardEvent, app: IGraphicApp): void {
-    if (!this.checkCombinations(e)) {
-      console.debug('组合键不匹配, 不执行press', e, this);
-      return;
-    }
-    if (this.pressTriggerEveryTime || !this.isPress) {
-      // console.log('Keydown: ', e, this.onPress);
-      this.isPress = true;
-      if (this.onPress) {
-        this.onPress(e, app);
-      }
-    }
-  }
-  /**
-   * 检查组合键是否匹配
-   */
-  checkCombinations(e: KeyboardEvent): boolean {
-    const cbs = this.combinations;
-    if (cbs.length > 0) {
-      if (
-        ((e.altKey && cbs.includes(CombinationKey.Alt)) ||
-          (!e.altKey && !cbs.includes(CombinationKey.Alt))) &&
-        ((e.ctrlKey && cbs.includes(CombinationKey.Ctrl)) ||
-          (!e.ctrlKey && !cbs.includes(CombinationKey.Ctrl))) &&
-        ((e.shiftKey && cbs.includes(CombinationKey.Shift)) ||
-          (!e.shiftKey && !cbs.includes(CombinationKey.Shift)))
-      ) {
-        return true;
-      }
-    } else {
-      return !e.altKey && !e.ctrlKey && !e.shiftKey;
-    }
-    return false;
-  }
-
-  release(e: KeyboardEvent, app: IGraphicApp): void {
-    if (this.isPress) {
-      // console.log('Keyup : ', e.key, e);
-      this.isPress = false;
-      if (this.onRelease) {
-        this.onRelease(e, app);
-      }
-    }
-  }
-  onRemove(): void {
-    // 重置按下状态
-    this.isPress = false;
-  }
-}
diff --git a/src/jl-graphic/plugins/index.ts b/src/jl-graphic/plugins/index.ts
deleted file mode 100644
index 75c00d9..0000000
--- a/src/jl-graphic/plugins/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './InteractionPlugin';
-export * from './CommonMousePlugin';
-export * from './KeyboardPlugin';
-export * from './CopyPlugin';
-export * from './GraphicTransformPlugin';
-export * from './AnimationManager';
diff --git a/src/jl-graphic/ui/ContextMenu.ts b/src/jl-graphic/ui/ContextMenu.ts
deleted file mode 100644
index 8d56524..0000000
--- a/src/jl-graphic/ui/ContextMenu.ts
+++ /dev/null
@@ -1,809 +0,0 @@
-import { Color, Container, Graphics, Point, Rectangle, Text } from 'pixi.js';
-import { IGraphicScene } from '../app';
-import { OutOfBound } from '../utils';
-import {
-  DefaultWhiteMenuOptions,
-  MenuCompletionItemStyle,
-  MenuCompletionOptions,
-  MenuCompletionStyleOptions,
-  MenuGroupOptions,
-  MenuItemOptions,
-  MenuOptions,
-} from './Menu';
-
-export class ContextMenuPlugin {
-  app: IGraphicScene;
-  contextMenuMap: Map<string, ContextMenu> = new Map<string, ContextMenu>();
-
-  constructor(app: IGraphicScene) {
-    this.app = app;
-    const canvas = this.app.canvas;
-    canvas.on('pointerdown', () => {
-      this.contextMenuMap.forEach((menu) => {
-        menu.close();
-      });
-    });
-  }
-
-  registerMenu(menu: ContextMenu) {
-    this.contextMenuMap.set(menu.menuName, menu);
-    menu.plugin = this;
-  }
-
-  /**
-   * 获取视口屏幕宽度
-   */
-  public get screenWidth(): number {
-    return this.app.viewport.screenWidth;
-  }
-
-  /**
-   * 获取视口屏幕高度
-   */
-  public get screenHeight(): number {
-    return this.app.viewport.screenHeight;
-  }
-
-  /**
-   * 打开菜单
-   * @param menu
-   * @param global
-   */
-  open(menu: ContextMenu, global: Point) {
-    if (!menu.opened) {
-      menu.opened = true;
-      this.app.pixi.stage.addChild(menu);
-    }
-    // 处理超出显示范围
-    const screenHeight = this.screenHeight;
-    const bottomY = global.y + menu.height;
-
-    let oob = this.oob(menu, global);
-    const pos = global.clone();
-    if (oob.right) {
-      pos.x = global.x - menu.width;
-    }
-    if (oob.bottom) {
-      const py = global.y - menu.height;
-      if (py > 0) {
-        pos.y = py;
-      } else {
-        pos.y = global.y - (bottomY - screenHeight);
-      }
-    }
-    // 移动后是否左上超出
-    oob = this.oob(menu, pos);
-    if (oob.left) {
-      pos.x = 0;
-    }
-    if (oob.top) {
-      pos.y = 0;
-    }
-    menu.position.copyFrom(pos);
-  }
-  /**
-   * 关闭菜单
-   * @param menu
-   */
-  close(menu: ContextMenu) {
-    if (menu.opened) {
-      menu.opened = false;
-      this.app.pixi.stage.removeChild(menu);
-    }
-  }
-  /**
-   * 关闭所有菜单
-   */
-  closeAll() {
-    this.contextMenuMap.forEach((cm) => {
-      this.close(cm);
-    });
-  }
-  /**
-   * 越界检查
-   * @param menu
-   * @param global
-   * @returns
-   */
-  oob(menu: ContextMenu, global: Point): OutOfBound {
-    const screenWidth = this.screenWidth;
-    const screenHeight = this.screenHeight;
-    const bound = new Rectangle(0, 0, screenWidth, screenHeight);
-    const menuRect = new Rectangle(global.x, global.y, menu.width, menu.height);
-    return OutOfBound.check(menuRect, bound);
-  }
-}
-
-/**
- * 上下文菜单,多级嵌套
- */
-export class ContextMenu extends Container {
-  _plugin?: ContextMenuPlugin;
-  parentMenuItem?: ContextMenuItem;
-  openedSubMenu?: ContextMenu;
-  menuOptions: MenuCompletionOptions;
-  opened = false;
-  bg: Graphics;
-  title?: Text;
-  groups: MenuGroup[];
-  private padding = 5;
-  _active = false; // 激活状态
-  timeoutCloseHandle?: NodeJS.Timeout;
-
-  constructor(menuOptions: MenuOptions, parentMenuItem?: ContextMenuItem) {
-    super();
-    this.menuOptions = Object.assign({}, DefaultWhiteMenuOptions, menuOptions);
-    this.name = this.menuOptions.name;
-    this.bg = new Graphics();
-    this.addChild(this.bg);
-    this.groups = [];
-    this.init();
-    this.parentMenuItem = parentMenuItem;
-  }
-
-  static init(options: MenuOptions): ContextMenu {
-    return new ContextMenu(options);
-  }
-
-  public get style(): MenuCompletionStyleOptions {
-    return this.menuOptions.style;
-  }
-
-  /**
-   * 父级菜单
-   */
-  public get parentMenu(): ContextMenu | undefined {
-    return this.parentMenuItem?.menu;
-  }
-
-  /**
-   * 最顶级菜单
-   */
-  public get rootMenu(): ContextMenu {
-    if (this.parentMenu) {
-      return this.parentMenu.rootMenu;
-    }
-    return this;
-  }
-
-  /**
-   * 是否存在激活的菜单项
-   * @returns
-   */
-  hasActiveItem(): boolean {
-    for (let i = 0; i < this.groups.length; i++) {
-      const group = this.groups[i];
-      if (group.hasActiveItem()) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  public get active(): boolean {
-    return (
-      this._active ||
-      this.hasActiveItem() ||
-      (this.parentMenuItem != undefined && this.parentMenuItem._active)
-    );
-  }
-
-  public set active(v: boolean) {
-    this._active = v;
-    this.onActiveChanged();
-  }
-
-  onActiveChanged() {
-    if (this.parentMenuItem) {
-      this.parentMenuItem.onActiveChanged();
-      if (!this.active) {
-        this.timeoutCloseHandle = setTimeout(() => {
-          this.close();
-        }, 500);
-      } else {
-        if (this.timeoutCloseHandle) {
-          clearTimeout(this.timeoutCloseHandle);
-        }
-      }
-    }
-  }
-
-  setOptions(menuOptions: MenuOptions) {
-    this.menuOptions = Object.assign({}, DefaultWhiteMenuOptions, menuOptions);
-    this.init();
-  }
-
-  /**
-   * 初始化
-   */
-  init() {
-    // this.initTitle();
-    this.groups = [];
-    const options = this.menuOptions;
-    options.groups.forEach((group) => {
-      const menuGroup = new MenuGroup(this, group);
-      this.groups.push(menuGroup);
-    });
-    const { borderHeight, maxItemWidth } = this.calculateBorderInfo();
-
-    const splitLineWidth = 1;
-
-    const bgWidth = maxItemWidth + this.padding * 2;
-    const bgHeight =
-      borderHeight +
-      this.groups.length * this.padding * 2 +
-      (this.groups.length - 1) * splitLineWidth;
-
-    if (options.style.border) {
-      this.bg.lineStyle(
-        options.style.borderWidth,
-        new Color(options.style.borderColor)
-      );
-    }
-    this.bg.beginFill(new Color(options.style.backgroundColor));
-    if (options.style.borderRoundRadius > 0) {
-      this.bg.drawRoundedRect(
-        0,
-        0,
-        bgWidth,
-        bgHeight,
-        options.style.borderRoundRadius
-      );
-    } else {
-      this.bg.drawRect(0, 0, bgWidth, bgHeight);
-    }
-    this.bg.endFill();
-    let groupHeight = 0;
-    this.bg.lineStyle(splitLineWidth, new Color(options.style.borderColor));
-    for (let i = 0; i < this.groups.length; i++) {
-      const group = this.groups[i];
-      group.updateItemBox(maxItemWidth);
-      group.position.set(this.padding, groupHeight + this.padding);
-      if (i === this.groups.length - 1) {
-        // 最后一个
-        break;
-      }
-      const splitLineY = groupHeight + group.height + this.padding * 2;
-      this.bg.moveTo(0, splitLineY);
-      this.bg.lineTo(bgWidth, splitLineY);
-      groupHeight = splitLineY + splitLineWidth;
-    }
-
-    this.addChild(...this.groups);
-
-    this.eventMode = 'static';
-    this.on('pointerover', () => {
-      this.active = true;
-    });
-    this.on('pointerout', () => {
-      this.active = false;
-    });
-  }
-
-  initGroups() {
-    this.groups = [];
-    const options = this.menuOptions;
-    options.groups.forEach((group) => {
-      const menuGroup = new MenuGroup(this, group);
-      this.groups.push(menuGroup);
-    });
-    this.addChild(...this.groups);
-  }
-
-  initTitle() {
-    if (this.menuOptions.title) {
-      this.title = new Text(this.menuOptions.title, { align: 'left' });
-    }
-  }
-
-  private calculateBorderInfo(): {
-    borderHeight: number;
-    maxItemWidth: number;
-  } {
-    let maxItemNameWidth = 0;
-    let maxShortcutWidth = 0;
-    let maxGutter = 0;
-    let borderHeight = 0;
-    this.groups.forEach((menuGroup) => {
-      borderHeight += menuGroup.totalHeight;
-      const maxInw = menuGroup.maxItemNameWidth;
-      if (maxInw > maxItemNameWidth) {
-        maxItemNameWidth = maxInw;
-      }
-      const maxSw = menuGroup.maxShortcutWidth;
-      if (maxSw > maxShortcutWidth) {
-        maxShortcutWidth = maxSw;
-      }
-      const gutter = menuGroup.totalGutter;
-      if (gutter > maxGutter) {
-        maxGutter = gutter;
-      }
-    });
-
-    const maxItemWidth = maxItemNameWidth + maxShortcutWidth + maxGutter;
-    return { borderHeight, maxItemWidth };
-  }
-
-  updateBg() {
-    this.bg.clear();
-    const options = this.menuOptions;
-    const { borderHeight, maxItemWidth } = this.calculateBorderInfo();
-    const splitLineWidth = 1;
-
-    const bgWidth = maxItemWidth + this.padding * 2;
-    const bgHeight =
-      borderHeight +
-      this.groups.length * this.padding * 2 +
-      (this.groups.length - 1) * splitLineWidth;
-
-    if (options.style.border) {
-      this.bg.lineStyle(
-        options.style.borderWidth,
-        new Color(options.style.borderColor)
-      );
-    }
-    this.bg.beginFill(new Color(options.style.backgroundColor));
-    if (options.style.borderRoundRadius > 0) {
-      this.bg.drawRoundedRect(
-        0,
-        0,
-        bgWidth,
-        bgHeight,
-        options.style.borderRoundRadius
-      );
-    } else {
-      this.bg.drawRect(0, 0, bgWidth, bgHeight);
-    }
-    this.bg.endFill();
-    let groupHeight = 0;
-    this.bg.lineStyle(splitLineWidth, new Color(options.style.borderColor));
-    for (let i = 0; i < this.groups.length; i++) {
-      const group = this.groups[i];
-      group.updateItemBox(maxItemWidth);
-      group.position.set(this.padding, groupHeight + this.padding);
-      if (i === this.groups.length - 1) {
-        // 最后一个
-        break;
-      }
-      const splitLineY = groupHeight + group.height + this.padding * 2;
-      this.bg.moveTo(0, splitLineY);
-      this.bg.lineTo(bgWidth, splitLineY);
-      groupHeight = splitLineY + splitLineWidth;
-    }
-  }
-
-  update() {
-    if (this.menuOptions.groups.length !== this.groups.length) {
-      this.init();
-    } else {
-      this.groups.forEach((group) => group.update());
-      this.updateBg();
-    }
-  }
-
-  public get menuName(): string {
-    return this.menuOptions.name;
-  }
-
-  public get plugin(): ContextMenuPlugin {
-    if (this.parentMenu) {
-      return this.parentMenu.plugin;
-    }
-    if (this._plugin) {
-      return this._plugin;
-    }
-    throw new Error(`上下文菜单name=${this.menuOptions.name}没有添加到插件中`);
-  }
-
-  public set plugin(v: ContextMenuPlugin) {
-    this._plugin = v;
-  }
-
-  /**
-   * 显示菜单
-   */
-  open(global: Point): void {
-    if (this.parentMenu) {
-      this.parentMenu.openSub(this, global);
-    } else {
-      this.update();
-      this.plugin.open(this, global);
-    }
-  }
-
-  /**
-   * 关闭菜单
-   */
-  close(): void {
-    if (this.openedSubMenu) {
-      this.openedSubMenu.close();
-      this.openedSubMenu = undefined;
-    }
-    this.plugin.close(this);
-  }
-
-  /**
-   * 打开子菜单
-   * @param subMenu
-   * @param global
-   */
-  private openSub(subMenu: ContextMenu, global: Point) {
-    if (this.openedSubMenu) {
-      this.openedSubMenu.close();
-    }
-    const pos = global.clone();
-    const oob = this.plugin.oob(subMenu, global);
-    if (oob.right) {
-      pos.x = this.position.x - subMenu.width + this.padding;
-    }
-    if (oob.bottom) {
-      pos.y = this.plugin.screenHeight - subMenu.height - this.padding;
-    }
-    this.plugin.open(subMenu, pos);
-    this.openedSubMenu = subMenu;
-  }
-}
-
-class MenuGroup extends Container {
-  private gutter = 3; // 名称、快捷键、箭头文本间隙
-  config: MenuGroupOptions;
-  menu: ContextMenu;
-  items: ContextMenuItem[] = [];
-  constructor(menu: ContextMenu, config: MenuGroupOptions) {
-    super();
-    this.config = config;
-    this.menu = menu;
-    this.init();
-  }
-
-  private init() {
-    this.items = []; // 清空
-    this.config.items.forEach((item) => {
-      this.items.push(new ContextMenuItem(this.menu, item));
-    });
-    if (this.items.length === 0) {
-      console.error('菜单group为空', this.config, this.menu);
-      throw new Error(
-        `{name=${this.menu.name}}的菜单的group为{name=${this.config.name}}的条目为空!`
-      );
-    }
-    this.addChild(...this.items);
-  }
-
-  hasActiveItem(): boolean {
-    for (let i = 0; i < this.items.length; i++) {
-      const item = this.items[i];
-      if (item.active) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  public get maxItemNameWidth(): number {
-    const maxNameWidth = this.items
-      .map((item) => item.nameBounds.width)
-      .sort((a, b) => a - b)
-      .reverse()[0];
-    return maxNameWidth;
-  }
-
-  public get maxShortcutWidth(): number {
-    const maxShortcutWidth = this.items
-      .map((item) => item.shortcutKeyBounds.width)
-      .sort((a, b) => a - b)
-      .reverse()[0];
-    return maxShortcutWidth;
-  }
-
-  public get totalGutter(): number {
-    return this.gutter + this.items[0].paddingLeft + this.items[0].paddingRight;
-  }
-
-  public get totalHeight(): number {
-    let total = 0;
-    this.items.forEach((item) => (total += item.totalHeight));
-    return total;
-  }
-
-  update() {
-    if (this.items.length !== this.config.items.length) {
-      this.init();
-    } else {
-      let i = 0;
-      this.items.forEach((item) => {
-        item.update();
-        if (item.visible) {
-          item.position.y = i * item.totalHeight;
-          i++;
-        }
-      });
-    }
-  }
-
-  updateItemBox(maxItemWidth: number) {
-    this.items.forEach((item) =>
-      item.updateBox(maxItemWidth, item.totalHeight)
-    );
-  }
-}
-
-/**
- * 菜单项
- */
-class ContextMenuItem extends Container {
-  menu: ContextMenu;
-  config: MenuItemOptions;
-  /**
-   * 名称文本
-   */
-  nameText: Text;
-  /**
-   * 快捷键文本
-   */
-  shortcutKeyText?: Text;
-  private gutter = 3; // 名称、快捷键、箭头文本间隙
-  arrowText?: Text;
-  box: Graphics;
-  subMenu?: ContextMenu;
-  _active = false; // 激活状态
-
-  constructor(menu: ContextMenu, config: MenuItemOptions) {
-    super();
-    this.menu = menu;
-    this.config = config;
-    this.box = new Graphics();
-    this.addChild(this.box);
-
-    this.nameText = new Text(this.config.name, {
-      fontSize: this.fontSize,
-      fill: this.fontColor,
-    });
-    this.addChild(this.nameText);
-
-    this.initShortcutKeyText();
-    this.initSubMenu();
-  }
-
-  registerEventHandler() {
-    this.eventMode = 'static';
-    this.cursor = 'pointer';
-    this.on('pointerover', () => {
-      this.active = true;
-      if (this.config.disabled) {
-        this.cursor = 'not-allowed';
-      } else {
-        this.cursor = 'pointer';
-      }
-      if (this.subMenu) {
-        const p = this.toGlobal(new Point(this.width));
-        this.subMenu.open(p);
-      }
-    });
-    this.on('pointerout', () => {
-      this.active = false;
-    });
-    this.on('pointertap', () => {
-      if (this.config.disabled) {
-        // 禁用，不处理
-        return;
-      }
-      if (this.config.handler) {
-        this.menu.plugin.app.emit('pre-menu-handle', this.config);
-        this.config.handler();
-        this.menu.plugin.app.emit('post-menu-handle', this.config);
-      }
-      if (!this.config.subMenu || this.config.subMenu.groups.length === 0) {
-        this.active = false;
-        this.menu.active = false;
-        this.menu.rootMenu.close();
-      }
-    });
-  }
-
-  public get active(): boolean {
-    return this._active || (this.subMenu != undefined && this.subMenu.active);
-  }
-
-  public set active(v: boolean) {
-    this._active = v;
-    if (this.subMenu) {
-      this.subMenu.onActiveChanged();
-    }
-    this.onActiveChanged();
-  }
-
-  onActiveChanged() {
-    if (this.active) {
-      this.box.alpha = 1;
-    } else {
-      this.box.alpha = 0;
-    }
-  }
-
-  public get textWidth(): number {
-    return this.nameBounds.width + this.shortcutKeyBounds.width + this.gutter;
-  }
-
-  public get nameGraphic(): Text {
-    if (this.nameText) {
-      return this.nameText;
-    }
-    throw new Error(`菜单项name=${this.config.name}没有初始化名称图形对象`);
-  }
-
-  public get totalHeight(): number {
-    if (this.config.visible === false) {
-      return 0;
-    } else {
-      return this.paddingTop + this.paddingBottom + this.nameGraphic.height;
-    }
-  }
-
-  public get nameBounds(): Rectangle {
-    return this.nameGraphic.getLocalBounds();
-  }
-
-  public get shortcutKeyBounds(): Rectangle {
-    if (this.shortcutKeyText) {
-      return this.shortcutKeyText.getLocalBounds();
-    } else {
-      return new Rectangle(0, 0, 0, 0);
-    }
-  }
-
-  public get style(): MenuCompletionItemStyle {
-    return this.menu.style.itemStyle;
-  }
-
-  private checkPadding(padding: number | number[]) {
-    if (Array.isArray(padding)) {
-      if (padding.length !== 2 && padding.length !== 4) {
-        throw new Error('错误的padding数据');
-      }
-    }
-  }
-
-  private toWholePadding(padding: number | number[]): number[] {
-    this.checkPadding(padding);
-    if (Array.isArray(padding)) {
-      if (padding.length == 2) {
-        return [padding[0], padding[1], padding[0], padding[1]];
-      } else {
-        return padding;
-      }
-    } else {
-      return [padding, padding, padding, padding];
-    }
-  }
-
-  public get paddingTop(): number {
-    return this.toWholePadding(this.menu.style.itemStyle.padding)[0];
-  }
-  public get paddingBottom(): number {
-    return this.toWholePadding(this.menu.style.itemStyle.padding)[2];
-  }
-  public get paddingLeft(): number {
-    return this.toWholePadding(this.menu.style.itemStyle.padding)[3];
-  }
-  public get paddingRight(): number {
-    return this.toWholePadding(this.menu.style.itemStyle.padding)[1];
-  }
-
-  public get hoverColor(): string {
-    return this.style.hoverColor;
-  }
-
-  public get fontSize(): number {
-    return this.style.fontSize;
-  }
-
-  public get fontColor(): string {
-    if (this.config.disabled) {
-      return this.style.disabledFontColor;
-    } else if (this.config.fontColor) {
-      return this.config.fontColor;
-    }
-    return this.style.fontColor;
-  }
-
-  initShortcutKeyText(): Text | undefined {
-    if (this.config.shortcutKeys && this.config.shortcutKeys.length > 0) {
-      this.shortcutKeyText = new Text(this.config.shortcutKeys.join('+'), {
-        fontSize: this.fontSize,
-        fill: this.fontColor,
-      });
-      this.addChild(this.shortcutKeyText);
-      return this.shortcutKeyText;
-    }
-    return undefined;
-  }
-
-  initSubMenu() {
-    if (this.config.subMenu && this.config.subMenu.groups.length > 0) {
-      this.arrowText = new Text('>', {
-        fontSize: this.fontSize,
-        fill: this.fontColor,
-      });
-      this.addChild(this.arrowText);
-      this.subMenu = new ContextMenu(this.config.subMenu, this);
-    }
-  }
-
-  updateBackground(width: number, height: number) {
-    this.box.clear();
-    const box = this.box;
-    const style = this.menu.style;
-    if (!style.itemStyle.hoverColor) {
-      throw new Error('未设置菜单项的hoverColor');
-    }
-    let hoverColor = style.itemStyle.hoverColor;
-    if (this.style && this.style.hoverColor) {
-      hoverColor = this.style.hoverColor;
-    }
-    box.beginFill(new Color(hoverColor));
-    if (style.borderRoundRadius > 0) {
-      box.drawRoundedRect(0, 0, width, height, style.borderRoundRadius);
-    } else {
-      box.drawRect(0, 0, width, height);
-    }
-    box.endFill();
-    box.alpha = 0;
-  }
-
-  updateBox(width: number, height: number) {
-    this.removeAllListeners();
-    this.updateBackground(width, height);
-    this.nameText?.position.set(this.paddingLeft, this.paddingTop);
-    if (this.shortcutKeyText) {
-      const skTextWidth = this.shortcutKeyBounds.width;
-      this.shortcutKeyText.position.set(
-        width - skTextWidth - this.paddingRight,
-        this.paddingTop
-      );
-    }
-    if (this.arrowText) {
-      this.arrowText.position.set(
-        width - this.paddingRight - this.gutter,
-        this.paddingTop
-      );
-    }
-
-    // 事件监听
-    this.hitArea = new Rectangle(0, 0, width, height);
-    this.registerEventHandler();
-  }
-
-  update() {
-    if (this.config.visible === false) {
-      this.visible = false;
-      return;
-    }
-    this.visible = true;
-    this.nameText.text = this.config.name;
-    this.nameText.style.fontSize = this.fontSize;
-    this.nameText.style.fill = this.fontColor;
-
-    if (this.shortcutKeyText) {
-      if (this.config.shortcutKeys && this.config.shortcutKeys.length > 0) {
-        this.shortcutKeyText.text = this.config.shortcutKeys.join('+');
-        this.shortcutKeyText.style.fontSize = this.fontSize;
-        this.shortcutKeyText.style.fill = this.fontColor;
-      } else {
-        this.shortcutKeyText.visible = false;
-      }
-    } else {
-      this.initShortcutKeyText();
-    }
-
-    if (this.config.subMenu == undefined && this.subMenu) {
-      this.subMenu = undefined;
-    } else if (this.config.subMenu && this.subMenu == undefined) {
-      this.initSubMenu();
-    }
-
-    if (this.subMenu) {
-      this.subMenu.update();
-    }
-  }
-}
diff --git a/src/jl-graphic/ui/Menu.ts b/src/jl-graphic/ui/Menu.ts
deleted file mode 100644
index 3cf24e4..0000000
--- a/src/jl-graphic/ui/Menu.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-/**
- * 菜单配置项
- */
-export interface MenuOptions {
-  /**
-   * 菜单名称，需唯一
-   */
-  name: string;
-  /**
-   * 菜单标题
-   */
-  title?: string;
-  /**
-   * 菜单分组
-   */
-  groups: MenuGroupOptions[];
-  /**
-   * 菜单样式
-   */
-  style?: MenuStyleOptions;
-}
-/**
- * 菜单分组
- */
-export interface MenuGroupOptions {
-  /**
-   * 分组命名
-   */
-  name?: string;
-  /**
-   * 菜单项
-   */
-  items: MenuItemOptions[];
-}
-
-export interface MenuCompletionOptions extends MenuOptions {
-  style: MenuCompletionStyleOptions;
-}
-/**
- * 菜单样式配置项
- */
-export interface MenuStyleOptions {
-  /**
-   * 菜单标题样式
-   */
-  titleStyle?: MenuItemStyle;
-  /**
-   * 菜单背景色
-   */
-  backgroundColor?: string;
-  /**
-   * 菜单边框线宽度,默认1,0为无线框
-   */
-  borderWidth?: number;
-  /**
-   * 菜单边框颜色
-   */
-  borderColor?: string;
-  /**
-   * 包围框是否圆角，圆角的半径,0为直角
-   */
-  borderRoundRadius?: number;
-  /**
-   * 菜单项样式
-   */
-  itemStyle?: MenuItemStyle;
-}
-
-export interface MenuCompletionStyleOptions extends MenuStyleOptions {
-  titleStyle: MenuItemStyle;
-  backgroundColor: string;
-  border: boolean;
-  borderWidth: number;
-  borderColor: string;
-  borderRoundRadius: number;
-  itemStyle: MenuCompletionItemStyle;
-}
-
-export interface MenuItemOptions {
-  /**
-   * 名称
-   */
-  name: string;
-  /**
-   * 是否禁用,默认不禁用
-   */
-  disabled?: boolean;
-  /**
-   * 是否显示,默认显示
-   */
-  visible?: boolean;
-  /**
-   * 快捷键
-   */
-  shortcutKeys?: string[];
-  /**
-   * 菜单逻辑处理
-   */
-  handler?: () => void;
-  fontColor?: string;
-  /**
-   * 子菜单
-   */
-  subMenu?: MenuOptions;
-}
-
-export interface MenuItemStyle {
-  /**
-   * 字体大小
-   */
-  fontSize: number;
-  /**
-   * 字体颜色
-   */
-  fontColor?: string;
-  /**
-   * hover颜色
-   */
-  hoverColor?: string;
-  /**
-   * 禁用下字体颜色
-   */
-  disabledFontColor?: string;
-  /**
-   * 内边距
-   */
-  padding: number[] | number; // 内边距
-}
-export interface MenuCompletionItemStyle extends MenuItemStyle {
-  /**
-   * 文字颜色
-   */
-  fontColor: string;
-  /**
-   * 激活颜色
-   */
-  hoverColor: string;
-  /**
-   * 禁用下字体颜色
-   */
-  disabledFontColor: string;
-}
-
-/**
- * 默认的白色样式
- */
-export const DefaultWhiteStyleOptions: MenuCompletionStyleOptions = {
-  titleStyle: {
-    fontSize: 16,
-    fontColor: '#000000',
-    padding: [5, 15],
-  },
-  backgroundColor: '#ffffff',
-  border: true,
-  borderWidth: 1,
-  borderColor: '#4C4C4C',
-  /**
-   * 默认圆角
-   */
-  borderRoundRadius: 5,
-  itemStyle: {
-    fontSize: 16,
-    fontColor: '#000000',
-    padding: [5, 25],
-    hoverColor: '#1E78DB',
-    disabledFontColor: '#9D9D9D',
-  },
-};
-
-/**
- * 默认的白色菜单配置
- */
-export const DefaultWhiteMenuOptions: MenuCompletionOptions = {
-  name: '',
-  style: DefaultWhiteStyleOptions,
-  groups: [],
-};
diff --git a/src/jl-graphic/utils/GraphicUtils.ts b/src/jl-graphic/utils/GraphicUtils.ts
deleted file mode 100644
index f73549a..0000000
--- a/src/jl-graphic/utils/GraphicUtils.ts
+++ /dev/null
@@ -1,773 +0,0 @@
-import {
-  Container,
-  DisplayObject,
-  IPointData,
-  Matrix,
-  Point,
-  Rectangle,
-} from 'pixi.js';
-import { floatEquals, isZero } from '../math';
-import Vector2 from '../math/Vector2';
-
-/**
- * 递归父节点执行逻辑
- * @param obj
- * @param handler
- */
-export function recursiveParents(
-  obj: DisplayObject,
-  handler: (parent: Container) => void
-): void {
-  if (obj.parent) {
-    handler(obj.parent);
-    recursiveParents(obj.parent, handler);
-  }
-}
-
-/**
- * 递归父节点查询父节点对象
- * @param obj
- * @param finder
- * @returns
- */
-export function recursiveFindParent(
-  obj: DisplayObject,
-  finder: (parent: Container) => boolean
-): Container | null {
-  if (obj.parent) {
-    if (finder(obj.parent)) {
-      return obj.parent;
-    } else {
-      return recursiveFindParent(obj.parent, finder);
-    }
-  }
-  return null;
-}
-
-/**
- * 递归子节点执行逻辑
- * @param container
- * @param handler
- */
-export function recursiveChildren(
-  container: Container,
-  handler: (child: DisplayObject) => void
-): void {
-  container.children.forEach((child) => {
-    handler(child);
-    if (child.children) {
-      recursiveChildren(child as Container, handler);
-    }
-  });
-}
-
-/**
- * 递归子节点查询子节点对象
- */
-export function recursiveFindChild(
-  container: Container,
-  finder: (child: DisplayObject) => boolean
-): DisplayObject | null {
-  let result = null;
-  for (let i = 0; i < container.children.length; i++) {
-    const child = container.children[i];
-    if (finder(child)) {
-      return child;
-    } else if (child.children) {
-      result = recursiveFindChild(child as Container, finder);
-    }
-  }
-  return result;
-}
-
-export interface BezierParam {
-  p1: IPointData;
-  p2: IPointData;
-  cp1: IPointData;
-  cp2: IPointData;
-}
-
-/**
- * 判断贝塞尔曲线数据是否正确
- * @param points
- */
-export function assertBezierPoints(points: IPointData[]) {
-  if (points.length < 4 || points.length % 3 !== 1) {
-    throw new Error(`bezierCurve 数据错误: ${points}`);
-  }
-}
-
-/**
- * 转换为贝塞尔曲线参数
- * @param points
- * @returns
- */
-export function convertToBezierParams(points: IPointData[]): BezierParam[] {
-  assertBezierPoints(points);
-  const bps: BezierParam[] = [];
-  for (let i = 0; i < points.length - 3; i += 3) {
-    const p1 = new Point(points[i].x, points[i].y);
-    const p2 = new Point(points[i + 3].x, points[i + 3].y);
-    const cp1 = new Point(points[i + 1].x, points[i + 1].y);
-    const cp2 = new Point(points[i + 2].x, points[i + 2].y);
-    bps.push({
-      p1,
-      p2,
-      cp1,
-      cp2,
-    });
-  }
-  return bps;
-}
-
-/**
- * 根据分段数计算贝塞尔曲线所有点坐标
- * @param basePoints
- * @param segmentsCount
- * @returns
- */
-export function calculateBezierPoints(
-  basePoints: IPointData[],
-  segmentsCount: number
-): Point[] {
-  const bps = convertToBezierParams(basePoints);
-  const points: Point[] = [];
-  bps.forEach((bp) => {
-    points.push(
-      ...calculateOneBezierPoints(bp.p1, bp.p2, bp.cp1, bp.cp2, segmentsCount)
-    );
-  });
-  return points;
-}
-
-/**
- * 根据分段数计算贝塞尔曲线所有点坐标
- * @param basePoints
- * @param segmentsCount
- * @returns
- */
-export function calculateOneBezierPoints(
-  p1: IPointData,
-  p2: IPointData,
-  cp1: IPointData,
-  cp2: IPointData,
-  segmentsCount: number
-): Point[] {
-  const points: Point[] = [];
-  const fromX = p1.x;
-  const fromY = p1.y;
-  const n = segmentsCount;
-  let dt = 0;
-  let dt2 = 0;
-  let dt3 = 0;
-  let t2 = 0;
-  let t3 = 0;
-  const cpX = cp1.x;
-  const cpY = cp1.y;
-  const cpX2 = cp2.x;
-  const cpY2 = cp2.y;
-  const toX = p2.x;
-  const toY = p2.y;
-  points.push(new Point(p1.x, p1.y));
-  for (let i = 1, j = 0; i <= n; ++i) {
-    j = i / n;
-    dt = 1 - j;
-    dt2 = dt * dt;
-    dt3 = dt2 * dt;
-    t2 = j * j;
-    t3 = t2 * j;
-    const px = dt3 * fromX + 3 * dt2 * j * cpX + 3 * dt * t2 * cpX2 + t3 * toX;
-    const py = dt3 * fromY + 3 * dt2 * j * cpY + 3 * dt * t2 * cpY2 + t3 * toY;
-    points.push(new Point(px, py));
-  }
-  return points;
-}
-
-/**
- * 计算矩形中点
- */
-export function getRectangleCenter(rectangle: Rectangle): Point {
-  return new Point(
-    rectangle.x + rectangle.width / 2,
-    rectangle.y + rectangle.height / 2
-  );
-}
-
-/**
- * 计算两个矩形中心对齐的坐标, PS: 计算的是较大包围框的中心
- * @param rect1
- * @param rect2
- * @returns
- */
-export function getCenterOfTwoRectangle(
-  rect1: Rectangle,
-  rect2: Rectangle
-): Point {
-  const x = Math.abs(rect1.width - rect2.width) / 2;
-  const y = Math.abs(rect1.height - rect2.height) / 2;
-  return new Point(x, y);
-}
-
-/**
- * 序列化图形变换
- * @param obj
- * @returns
- */
-export function serializeTransform(obj: DisplayObject): number[] {
-  const position = obj.position;
-  const scale = obj.scale;
-  const angle = obj.angle;
-  const skew = obj.skew;
-  return [position.x, position.y, scale.x, scale.y, angle, skew.x, skew.y];
-}
-/**
- * 反序列化变换数据到图形对象
- * @param obj
- * @param transform
- */
-export function deserializeTransformInto(
-  obj: DisplayObject,
-  transform: number[]
-): void {
-  if (transform.length === 7) {
-    obj.position.set(transform[0], transform[1]);
-    obj.scale.set(transform[2], transform[3]);
-    obj.angle = transform[4];
-    obj.skew.set(transform[5], transform[6]);
-  } else if (transform.length > 0) {
-    console.warn('错误的变换数据', transform);
-  }
-}
-
-/**
- * 将直线转换为多边形
- * @param p1
- * @param p2
- * @param thick
- * @returns
- */
-export function convertLineToPolygonPoints(
-  p1: IPointData,
-  p2: IPointData,
-  thick: number
-): IPointData[] {
-  const angle = Math.atan2(p2.y - p1.y, p2.x - p1.x) - Math.PI / 2;
-  const half = thick / 2;
-  const cos = Math.cos(angle) * half;
-  const sin = Math.sin(angle) * half;
-  return [
-    new Point(p1.x - cos, p1.y - sin),
-    new Point(p2.x - cos, p2.y - sin),
-    new Point(p2.x + cos, p2.y + sin),
-    new Point(p1.x + cos, p1.y + sin),
-  ];
-}
-
-/**
- * 转换矩形为多边形点坐标
- * @param rect 矩形
- * @returns
- */
-export function convertRectangleToPolygonPoints(rect: Rectangle): IPointData[] {
-  return [
-    new Point(rect.x, rect.y),
-    new Point(rect.x + rect.width, rect.y),
-    new Point(rect.x + rect.width, rect.y + rect.height),
-    new Point(rect.x, rect.y + rect.height),
-  ];
-}
-
-/**
- * 计算线段中点坐标
- * @param p1
- * @param p2
- * @returns
- */
-export function calculateLineMidpoint(p1: IPointData, p2: IPointData): Point {
-  const x = (p1.x + p2.x) / 2;
-  const y = (p1.y + p2.y) / 2;
-  return new Point(x, y);
-}
-
-/**
- * 计算线段细分坐标--线段分成几份
- * @param p1
- * @param p2
- * @param knife
- * @returns
- */
-export function calculateLineSegmentingPoint(
-  p1: IPointData,
-  p2: IPointData,
-  knife: number
-): IPointData[] {
-  const segmentingPoints: IPointData[] = [];
-  const x = p1.x < p2.x ? p1.x : p2.x;
-  const y = p1.y < p2.y ? p1.y : p2.y;
-  const w = Math.abs(p1.x - p2.x);
-  const h = Math.abs(p1.y - p2.y);
-  for (let i = 0; i < knife - 1; i++) {
-    const pointX = x + (w * (i + 1)) / knife;
-    const pointy = y + (h * (i + 1)) / knife;
-    segmentingPoints.push(new Point(pointX, pointy));
-  }
-  return segmentingPoints;
-}
-
-/**
- * 计算点到直线距离
- * @param p1
- * @param p2
- * @param p
- */
-export function calculateDistanceFromPointToLine(
-  p1: IPointData,
-  p2: IPointData,
-  p: IPointData
-): number {
-  // 求直线的一般方程参数ABC，直线的一般式方程AX+BY+C=0
-  const A = p1.y - p2.y;
-  const B = p2.x - p1.x;
-  const C = p1.x * p2.y - p1.y * p2.x;
-  // 计算点到直线垂直距离: d = |Ax+By+C|/sqrt(A*A+B*B),其中x,y为点坐标
-  const dl = Math.abs(A * p.x + B * p.y + C) / Math.sqrt(A * A + B * B);
-  return dl;
-}
-
-/**
- * 计算点到直线的垂足坐标
- * @param p
- * @param p1
- * @param p2
- */
-export function calculateFootPointFromPointToLine(
-  p1: IPointData,
-  p2: IPointData,
-  p: IPointData
-): Point {
-  if (p1.x == p2.x && p1.y == p2.y) {
-    throw new Error(`直线两坐标点相等:${p1}`);
-  }
-  const k = -(
-    ((p1.x - p.x) * (p2.x - p1.x) + (p1.y - p.y) * (p2.y - p1.y)) /
-    (Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2))
-  );
-  if (isZero(k)) {
-    return new Point(p.x, p.y);
-  }
-  const xf = k * (p2.x - p1.x) + p1.x;
-  const yf = k * (p2.y - p1.y) + p1.y;
-  return new Point(xf, yf);
-}
-
-/**
- * 计算直线与圆的交点
- * 1用直线到圆心的距离和半径相比，判断是否和圆有交点；
- * 2求出圆心在直线上面的垂点；
- * 3算出直线的单位向量e；
- * 4求出一侧交点(Intersection)到projectPoint的长度(sideLength)；
- * 5求出sideLength和这侧端点到projectPoint距离的比例(ratio)；
- * 6projectPoint +/- ratio * e = 两侧交点；
- * @param p0 圆心坐标
- * @param radius 圆半径
- * @param p1 直线坐标1
- * @param p2 直线坐标2
- * @returns 交点坐标，可能2/1/0个
- */
-export function calculateIntersectionPointOfCircleAndLine(
-  p0: IPointData,
-  radius: number,
-  p1: IPointData,
-  p2: IPointData
-): Point[] {
-  const distance = calculateDistanceFromPointToLine(p1, p2, p0);
-  if (distance <= radius) {
-    // 有交点
-    // 计算垂点
-    const pr = calculateFootPointFromPointToLine(p1, p2, p0);
-    if (floatEquals(distance, radius)) {
-      // 切线
-      return [pr];
-    }
-    const vpr = new Vector2([pr.x, pr.y]);
-    const vc = new Vector2([p0.x, p0.y]);
-    // 计算直线单位向量
-    const v1 = new Vector2([p1.x, p1.y]);
-    const v2 = new Vector2([p2.x, p2.y]);
-    const ve = Vector2.direction(v2, v1);
-    const base = Math.sqrt(
-      Math.abs(radius * radius - Vector2.difference(vpr, vc).squaredLength())
-    );
-    const vl = ve.scale(base);
-    const ip1 = Vector2.sum(vpr, vl);
-    const ip2 = Vector2.difference(vpr, vl);
-    return [new Point(ip1.x, ip1.y), new Point(ip2.x, ip2.y)];
-  } else {
-    // 无交点
-    return [];
-  }
-}
-
-/**
- * 计算圆心与圆心外一点与圆的交点（取圆心到点的向量与圆的交点）
- * @param p0 圆心坐标
- * @param radius 圆半径
- * @param p 点坐标
- * @returns
- */
-export function calculateIntersectionPointOfCircleAndPoint(
-  p0: IPointData,
-  radius: number,
-  p: IPointData
-): Point {
-  const points = calculateIntersectionPointOfCircleAndLine(p0, radius, p0, p);
-  const vc = new Vector2([p0.x, p0.y]);
-  const vp = new Vector2([p.x, p.y]);
-  const vecp = Vector2.direction(vp, vc);
-  for (let i = 0; i < points.length; i++) {
-    const ip = points[i];
-    const ve = Vector2.direction(new Vector2([ip.x, ip.y]), vc);
-    if (ve.equals(vecp)) {
-      return ip;
-    }
-  }
-  throw new Error('计算圆心与圆心外一点与圆的交点逻辑错误');
-}
-
-/**
- * 计算点基于点的镜像点坐标
- * @param bp 基准点
- * @param p 待镜像的点坐标
- * @param distance 镜像点到基准点的距离，默认为p到基准点的距离,即对称
- * @returns
- */
-export function calculateMirrorPoint(
-  bp: IPointData,
-  p: IPointData,
-  distance?: number
-): Point {
-  const vbp = Vector2.from(bp);
-  const vp = Vector2.from(p);
-  const direction = Vector2.direction(vbp, vp);
-  if (distance == undefined) {
-    distance = Vector2.distance(vbp, vp);
-  }
-  const vmp = Vector2.sum(vbp, direction.scale(distance));
-  return new Point(vmp.x, vmp.y);
-}
-
-/**
- * 计算基于给定轴的给定点的镜像点坐标
- * @param pa 给定轴线的坐标
- * @param pb 给定轴线的坐标
- * @param p 待镜像点坐标
- * @param distance
- * @returns
- */
-export function calculateMirrorPointBasedOnAxis(
-  pa: IPointData,
-  pb: IPointData,
-  p: IPointData,
-  distance?: number
-): Point {
-  const fp = calculateFootPointFromPointToLine(pa, pb, p);
-  if (fp.equals(p)) {
-    return fp;
-  } else {
-    return calculateMirrorPoint(fp, p, distance);
-  }
-}
-
-/**
- * 计算直线与水平夹角,角度按顺时针，从0开始
- * @param p1
- * @param p2
- * @returns 角度，范围[0, 360)
- */
-export function angleToAxisx(p1: IPointData, p2: IPointData): number {
-  if (p1.x == p2.x && p1.y == p2.y) {
-    throw new Error('一个点无法计算角度');
-  }
-  const dx = Math.abs(p1.x - p2.x);
-  const dy = Math.abs(p1.y - p2.y);
-
-  if (p2.x == p1.x) {
-    if (p2.y > p1.y) {
-      return 90;
-    } else {
-      return 270;
-    }
-  }
-  if (p2.y == p1.y) {
-    if (p2.x > p1.x) {
-      return 0;
-    } else {
-      return 180;
-    }
-  }
-  const angle = (Math.atan2(dy, dx) * 180) / Math.PI;
-  if (p2.x > p1.x) {
-    if (p2.y > p1.y) {
-      return angle;
-    } else if (p2.y < p1.y) {
-      return 360 - angle;
-    }
-  } else if (p2.x < p1.x) {
-    if (p2.y > p1.y) {
-      return 180 - angle;
-    } else {
-      return 180 + angle;
-    }
-  }
-  return angle;
-}
-
-/**
- * 计算两线夹角,pc与pa,pb的夹角，顺时针为正，逆时针为负
- * @param pa 交点
- * @param pb 锚定
- * @param pc
- * @returns 夹角, [-180, 180]
- */
-export function angleOfIncludedAngle(
-  pa: IPointData,
-  pb: IPointData,
-  pc: IPointData
-): number {
-  const abAngle = angleToAxisx(pa, pb);
-  const acAngle = angleToAxisx(pa, pc);
-  let angle = acAngle - abAngle;
-  if (angle < -180) {
-    angle = 360 + angle;
-  } else if (angle > 180) {
-    angle = -(360 - angle);
-  }
-  return angle;
-}
-
-/**
- * 计算两点连线的法向量
- * @param point1
- * @param point2
- * @returns 单位法向量
- */
-export function getNormalVector(
-  point1: IPointData,
-  point2: IPointData
-): number[] {
-  const x1 = point1.x,
-    y1 = point1.y;
-  const x2 = point2.x,
-    y2 = point2.y;
-  const length = Math.sqrt((y2 - y1) ** 2 + (x2 - x1) ** 2);
-  return [(y2 - y1) / length, (x1 - x2) / length];
-}
-
-/**
- * 点延向量方向移动
- * @param point
- * @param normal  单位向量
- * @param length 平移长度
- * @returns 移动后的点
- */
-export function movePointAlongNormal(
-  point: IPointData,
-  normal: number[],
-  length: number
-): Point {
-  const newPoint = new Point(
-    point.x + length * normal[0],
-    point.y + length * normal[1]
-  );
-  return newPoint;
-}
-
-/**
- * 计算两组点各自组成直线的相交点(若两线平行 返回第一组坐标第一个点)
- * @param line1 两点坐标列表
- * @param line2 两点坐标列表
- * @returns 相交点
- */
-export function getIntersectionPoint(line1: number[], line2: number[]) {
-  const a1 = line1[0],
-    b1 = line1[1];
-  const a2 = line1[2],
-    b2 = line1[3];
-  const a3 = line2[0],
-    b3 = line2[1];
-  const a4 = line2[2],
-    b4 = line2[3];
-  const denominator = (a3 - a4) * (b1 - b2) - (a1 - a2) * (b3 - b4);
-  if (denominator === 0) {
-    return new Point(a1, b1);
-  }
-  const x =
-    ((a3 - a4) * (a2 * b1 - a1 * b2) - (a1 - a2) * (a4 * b3 - a3 * b4)) /
-    denominator;
-  const y =
-    ((b3 - b4) * (b2 * a1 - b1 * a2) - (b1 - b2) * (b4 * a3 - b3 * a4)) /
-    -denominator;
-  return new Point(x, y);
-}
-
-/**
- * 是否平行线
- * @param p1
- * @param p2
- * @param pa
- * @param pb
- * @returns
- */
-export function isParallelLines(
-  p1: IPointData,
-  p2: IPointData,
-  pa: IPointData,
-  pb: IPointData
-): boolean {
-  const vle1 = Vector2.direction(Vector2.from(p1), Vector2.from(p2));
-  const vle2 = Vector2.direction(Vector2.from(pa), Vector2.from(pb));
-  if (vle2.equals(vle1)) {
-    return true;
-  }
-  return vle1.equals(Vector2.direction(Vector2.from(pb), Vector2.from(pa)));
-}
-
-/**
- * 点是否在线段上
- * @param p1
- * @param p2
- * @param p
- * @returns
- */
-export function isPointOnLine(
-  p1: IPointData,
-  p2: IPointData,
-  p: IPointData
-): boolean {
-  const vp1 = Vector2.from(p1);
-  const vp2 = Vector2.from(p2);
-  const vp = Vector2.from(p);
-  if (vp1.equals(vp) || vp2.equals(vp)) {
-    return true;
-  }
-  const vle = Vector2.direction(vp1, Vector2.from(p2));
-  const vpe = Vector2.direction(vp1, vp);
-  if (vle.equals(vpe)) {
-    return (
-      Vector2.difference(vp1, vp2).squaredLength() >=
-      Vector2.difference(vp1, vp).squaredLength()
-    );
-  }
-  return false;
-}
-/**
- * 两条线段是否存在包含关系
- * @param line1
- * @param line2
- * @returns
- */
-export function isLineContainOther(
-  line1: { p1: IPointData; p2: IPointData },
-  line2: { p1: IPointData; p2: IPointData }
-): boolean {
-  return (
-    (isPointOnLine(line1.p1, line1.p2, line2.p1) &&
-      isPointOnLine(line1.p1, line1.p2, line2.p2)) ||
-    (isPointOnLine(line2.p1, line2.p2, line1.p1) &&
-      isPointOnLine(line2.p1, line2.p2, line1.p2))
-  );
-}
-
-/** 均分线段, 返回各线段端点 */
-export function splitLineEvenly(
-  p1: IPointData,
-  p2: IPointData,
-  count: number
-): IPointData[][] {
-  const [stepX, stepY] = [(p2.x - p1.x) / count, (p2.y - p1.y) / count];
-  return Array(count)
-    .fill(1)
-    .map((_, i) => {
-      return [
-        { x: p1.x + stepX * i, y: p1.y + stepY * i },
-        { x: p1.x + stepX * (i + 1), y: p1.y + stepY * (i + 1) },
-      ];
-    });
-}
-
-export function splitPolyline(points: IPointData[], count: number) {
-  if (points.length !== 2) {
-    let totalLen = 0;
-    const lengths: number[] = [];
-    for (let i = 1; i < points.length; i++) {
-      const { x: x1, y: y1 } = points[i - 1],
-        { x: x2, y: y2 } = points[i];
-      const len = new Vector2([x2 - x1, y2 - y1]).length();
-      totalLen += len;
-      lengths.push(len);
-    }
-    const counts = lengths.map((length) =>
-      Math.round((count * length) / totalLen)
-    );
-    if (counts.reduce((p, c) => p + c, 0) !== count) {
-      const intersection = counts.reduce((p, c) => p + c, 0) - count;
-      let maxCountIndex = 0,
-        maxCount = 0;
-      counts.forEach((c, i) => {
-        if (c > maxCount) {
-          maxCount = c;
-          maxCountIndex = i;
-        }
-      });
-      counts[maxCountIndex] + intersection;
-    }
-    return counts
-      .map((count, i) => {
-        return splitLineEvenly(points[i], points[i + 1], count);
-      })
-      .flat();
-  } else {
-    return splitLineEvenly(points[0], points[points.length - 1], count);
-  }
-}
-
-export function getParallelOfPolyline(
-  points: IPointData[],
-  offset: number,
-  side: 'L' | 'R'
-): IPointData[] {
-  const { PI, cos, acos } = Math;
-  const angleBase = side === 'L' ? -PI / 2 : PI / 2;
-  return points.map((p, i) => {
-    let baseUnitVec: Vector2; //上一段的基准单位向量
-    let angle: number; //偏转角度
-    let len: number; //结合偏转角度的实际偏移量
-    if (!points[i - 1] || !points[i + 1]) {
-      angle = angleBase;
-      len = offset;
-      baseUnitVec = points[i - 1]
-        ? new Vector2([
-            p.x - points[i - 1].x,
-            p.y - points[i - 1].y,
-          ]).normalize()
-        : new Vector2([
-            points[i + 1].x - p.x,
-            points[i + 1].y - p.y,
-          ]).normalize();
-    } else {
-      const vp = new Vector2([p.x - points[i - 1].x, p.y - points[i - 1].y]);
-      const vn = new Vector2([points[i + 1].x - p.x, points[i + 1].y - p.y]);
-      const cosTheta = Vector2.dot(vn, vp) / (vp.length() * vn.length());
-      const direction = vp.x * vn.y - vp.y * vn.x > 0; //det(vp|vn)>0?
-      const theta = direction ? acos(cosTheta) : -acos(cosTheta);
-      angle = angleBase + theta / 2;
-      len = offset / cos(theta / 2);
-      baseUnitVec = Vector2.from(vp).normalize();
-    }
-    return new Matrix()
-      .scale(len, len)
-      .rotate(angle)
-      .translate(p.x, p.y)
-      .apply(baseUnitVec);
-  });
-}
diff --git a/src/jl-graphic/utils/IntersectUtils.ts b/src/jl-graphic/utils/IntersectUtils.ts
deleted file mode 100644
index 2217a28..0000000
--- a/src/jl-graphic/utils/IntersectUtils.ts
+++ /dev/null
@@ -1,362 +0,0 @@
-import { IPointData, Point, Rectangle } from 'pixi.js';
-// /**
-//  * 点线碰撞检测
-//  * @param pa 线段a端坐标
-//  * @param pb 线段b端坐标
-//  * @param p 点坐标
-//  * @param tolerance 容忍度，越大检测范围越大
-//  * @returns
-//  */
-// export function linePoint(pa: Point, pb: Point, p: Point, tolerance: number): boolean {
-//     return (Math.abs(distanceSquared(pa.x, pa.y, pb.x, pb.y) - (distanceSquared(pa.x, pa.y, p.x, p.y) + distanceSquared(pb.x, pb.y, p.x, p.y))) <= tolerance)
-// }
-
-/**
- * 根据点到直线的垂直距离计算碰撞
- * @param pa 线段a端坐标
- * @param pb 线段b端坐标
- * @param p 点坐标
- * @param lineWidth 线宽
- * @param exact 是否精确（使用给定线宽，否则线宽会设置为8）
- * @returns
- */
-export function linePoint(
-  pa: IPointData,
-  pb: IPointData,
-  p: IPointData,
-  lineWidth: number,
-  exact = false
-): boolean {
-  if (!exact && lineWidth < 6) {
-    lineWidth = 6;
-  }
-  // 求直线的一般方程参数ABC，直线的一般式方程AX+BY+C=0
-  const A = pa.y - pb.y;
-  const B = pb.x - pa.x;
-  const C = pa.x * pb.y - pa.y * pb.x;
-  // 计算点到直线垂直距离: d = |Ax+By+C|/sqrt(A*A+B*B),其中x,y为点坐标
-  const dl = Math.abs(A * p.x + B * p.y + C) / Math.sqrt(A * A + B * B);
-  const intersect = dl <= lineWidth / 2;
-  if (intersect) {
-    // 距离在线宽范围内,再判断点是否超过线段两端点范围外(两端点外会有一点误差，两端点线宽一半半径的圆范围内)
-    const da = distance(pa.x, pa.y, p.x, p.y);
-    const db = distance(pb.x, pb.y, p.x, p.y);
-    const dab = distance(pa.x, pa.y, pb.x, pb.y);
-    return da <= dl + dab && db <= dl + dab;
-  }
-  return false;
-}
-
-/**
- * 折线与点碰撞
- * @param points 折线端点列表
- * @param p 点座标
- * @param lineWidth 线宽
- */
-export function polylinePoint(
-  points: IPointData[],
-  p: IPointData,
-  lineWidth: number
-) {
-  const len = points.length;
-  for (let i = 0; i < len - 1; i++) {
-    if (linePoint(points[i], points[i + 1], p, lineWidth)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * 线线碰撞检测
- * @param pa 线段1a端坐标
- * @param pb 线段1b端坐标
- * @param p1 线段2a端坐标
- * @param p2 线段2b端坐标
- * @returns
- */
-export function lineLine(
-  pa: IPointData,
-  pb: IPointData,
-  p1: IPointData,
-  p2: IPointData
-): boolean {
-  const x1 = pa.x;
-  const y1 = pa.y;
-  const x2 = pb.x;
-  const y2 = pb.y;
-  const x3 = p1.x;
-  const y3 = p1.y;
-  const x4 = p2.x;
-  const y4 = p2.y;
-  const s1_x = x2 - x1;
-  const s1_y = y2 - y1;
-  const s2_x = x4 - x3;
-  const s2_y = y4 - y3;
-  const s =
-    (-s1_y * (x1 - x3) + s1_x * (y1 - y3)) / (-s2_x * s1_y + s1_x * s2_y);
-  const t =
-    (s2_x * (y1 - y3) - s2_y * (x1 - x3)) / (-s2_x * s1_y + s1_x * s2_y);
-  return s >= 0 && s <= 1 && t >= 0 && t <= 1;
-}
-/**
- * 点和矩形碰撞检测
- * @param p 点作弊
- * @param rect 矩形
- * @returns
- */
-export function pointBox(p: IPointData, rect: Rectangle): boolean {
-  const { x, y, width, height } = rect;
-  const x2 = p.x;
-  const y2 = p.y;
-  return x2 >= x && x2 <= x + width && y2 >= y && y2 <= y + height;
-}
-/**
- * 线和矩形碰撞检测
- * @param pa 线段a端坐标
- * @param pb 线段b端坐标
- * @param rect 矩形
- * @returns
- */
-export function lineBox(
-  pa: IPointData,
-  pb: IPointData,
-  rect: Rectangle
-): boolean {
-  if (pointBox(pa, rect) || pointBox(pb, rect)) {
-    return true;
-  }
-  const { x, y, width, height } = rect;
-  const rp1 = new Point(x, y);
-  const rp2 = new Point(x + width, y);
-  const rp3 = new Point(x + width, y + height);
-  const rp4 = new Point(x, y + height);
-  return (
-    lineLine(pa, pb, rp1, rp2) ||
-    lineLine(pa, pb, rp2, rp3) ||
-    lineLine(pa, pb, rp3, rp4) ||
-    lineLine(pa, pb, rp1, rp4)
-  );
-}
-
-/**
- * 多线段和矩形碰撞检测
- * @param points
- * @param rect
- * @returns false / 碰撞的线段序号
- */
-export function polylineBox(points: IPointData[], rect: Rectangle): boolean {
-  if (points.length < 2) {
-    return false;
-  }
-
-  for (let i = 0; i < points.length - 1; i++) {
-    const p1 = points[i];
-    const p2 = points[i + 1];
-
-    if (lineBox(p1, p2, rect)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * 两点碰撞检测
- * @param p1
- * @param p2
- * @param tolerance
- * @returns
- */
-export function pointPoint2(
-  p1: IPointData,
-  p2: IPointData,
-  tolerance: number
-): boolean {
-  return pointPoint(p1.x, p1.y, p2.x, p2.y, tolerance);
-}
-
-/**
- * 两点碰撞检测
- * @param x1
- * @param y1
- * @param x2
- * @param y2
- * @param tolerance 容忍度/两点半径和
- * @returns
- */
-export function pointPoint(
-  x1: number,
-  y1: number,
-  x2: number,
-  y2: number,
-  tolerance: number
-): boolean {
-  return distance(x1, y1, x2, y2) <= tolerance;
-}
-
-/**
- * 两点距离
- * @param x1
- * @param y1
- * @param x2
- * @param y2
- * @returns
- */
-export function distance(x1: number, y1: number, x2: number, y2: number) {
-  return Math.sqrt(Math.pow(x1 - x2, 2) + Math.pow(y1 - y2, 2));
-}
-
-/**
- * 两点距离
- * @param p1
- * @param p2
- * @returns
- */
-export function distance2(p1: IPointData, p2: IPointData): number {
-  return distance(p1.x, p1.y, p2.x, p2.y);
-}
-
-/**
- * 圆和点的碰撞检测
- * @param x1 圆心x
- * @param y1 圆心y
- * @param r1 圆半径
- * @param x2 点x
- * @param y2 点y
- * @returns
- */
-export function circlePoint(
-  x1: number,
-  y1: number,
-  r1: number,
-  x2: number,
-  y2: number
-) {
-  const x = x2 - x1;
-  const y = y2 - y1;
-  return x * x + y * y <= r1 * r1;
-}
-
-/**
- * 圆和点的碰撞检测--不包括圆内部
- */
-export function circlePoint2(
-  x1: number,
-  y1: number,
-  r1: number,
-  x2: number,
-  y2: number,
-  tolerance: number
-) {
-  const x = x2 - x1;
-  const y = y2 - y1;
-  return (
-    x * x + y * y <= (r1 + tolerance) * (r1 + tolerance) &&
-    x * x + y * y >= (r1 - tolerance) * (r1 - tolerance)
-  );
-}
-
-/**
- * 点和多边形碰撞检测
- */
-export function pointPolygon(
-  p: IPointData,
-  points: IPointData[],
-  lineWidth: number
-): boolean {
-  const { x, y } = p;
-  const length = points.length;
-  let c = false;
-  let i, j;
-  for (i = 0, j = length - 1; i < length; i++) {
-    if (
-      points[i].y > y !== points[j].y > y &&
-      x <
-        ((points[j].x - points[i].x) * (y - points[i].y)) /
-          (points[j].y - points[i].y) +
-          points[i].x
-    ) {
-      c = !c;
-    }
-    j = i;
-  }
-  if (c) {
-    return true;
-  }
-  for (i = 0; i < length - 1; i++) {
-    let p1, p2;
-    if (i === length - 1) {
-      p1 = points[i];
-      p2 = points[0];
-    } else {
-      p1 = points[i];
-      p2 = points[i + 1];
-    }
-    if (linePoint(p1, p2, p, lineWidth)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * 线和多边形碰撞检测
- * @param p1
- * @param p2
- * @param points
- * @param tolerance 多边形包围线宽
- * @returns
- */
-export function linePolygon(
-  p1: IPointData,
-  p2: IPointData,
-  points: IPointData[],
-  lineWidth: number,
-  polygonWidth: number
-): boolean {
-  if (pointPolygon(p1, points, polygonWidth)) {
-    return true;
-  }
-  const length = points.length;
-  for (let i = 0; i < length; i++) {
-    let pa, pb;
-    if (i === length - 1) {
-      pa = points[i];
-      pb = points[0];
-    } else {
-      pa = points[i];
-      pb = points[i + 1];
-    }
-    // TODO:此处后续需考虑有线宽的情况
-    if (lineLine(pa, pb, p1, p2)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-/**
- * 多边线与多边形碰撞检测
- * @param polylinePoints 多边线所有点坐标
- * @param polygonPoints 多边形所有点坐标
- * @param polylineWidth 多边线的线宽
- * @param polygonWidth 多边形线宽
- * @returns
- */
-export function polylinePolygon(
-  polylinePoints: IPointData[],
-  polygonPoints: IPointData[],
-  polylineWidth: number,
-  polygonWidth: number
-): boolean {
-  const length = polylinePoints.length;
-  for (let i = 0; i < length - 1; i++) {
-    const p1 = polylinePoints[i];
-    const p2 = polylinePoints[i + 1];
-    if (linePolygon(p1, p2, polygonPoints, polylineWidth, polygonWidth)) {
-      return true;
-    }
-  }
-  return false;
-}
diff --git a/src/jl-graphic/utils/debounce.ts b/src/jl-graphic/utils/debounce.ts
deleted file mode 100644
index 27310c7..0000000
--- a/src/jl-graphic/utils/debounce.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export interface DebouncedFunction<F extends (...args: any[]) => any> {
-  (context: ThisParameterType<F>, ...args: Parameters<F>): void;
-  cancel: () => void;
-}
-
-export function debounce<F extends (...args: Parameters<F>) => any>(
-  fn: F,
-  waitMs = 250
-): DebouncedFunction<F> {
-  let timeoutId: ReturnType<typeof setTimeout> | undefined;
-
-  const debouncedFunction = function (
-    context: ThisParameterType<F>,
-    ...args: Parameters<F>
-  ) {
-    const invokeFunction = function () {
-      timeoutId = undefined;
-      fn.apply(context, args);
-    };
-
-    if (timeoutId !== undefined) {
-      console.debug('debounce clear timeout', fn);
-      clearTimeout(timeoutId);
-    }
-
-    timeoutId = setTimeout(invokeFunction, waitMs);
-  };
-
-  debouncedFunction.cancel = function () {
-    if (timeoutId !== undefined) {
-      clearTimeout(timeoutId);
-    }
-  };
-
-  return debouncedFunction;
-}
diff --git a/src/jl-graphic/utils/index.ts b/src/jl-graphic/utils/index.ts
deleted file mode 100644
index f4c9aa6..0000000
--- a/src/jl-graphic/utils/index.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { Point, Rectangle } from 'pixi.js';
-
-export * from './GraphicUtils';
-export * from './IntersectUtils';
-
-export * from './debounce';
-
-export const UP: Point = new Point(0, -1);
-export const DOWN: Point = new Point(0, 1);
-export const LEFT: Point = new Point(-1, 0);
-export const RIGHT: Point = new Point(1, 0);
-
-/**
- * 越界结果
- */
-export class OutOfBound {
-  left: boolean;
-  top: boolean;
-  right: boolean;
-  bottom: boolean;
-  constructor(left: boolean, top: boolean, right: boolean, bottom: boolean) {
-    this.left = left;
-    this.top = top;
-    this.right = right;
-    this.bottom = bottom;
-  }
-  static check(rect: Rectangle, bound: Rectangle): OutOfBound {
-    const left = rect.left < bound.left;
-    const top = rect.top < bound.top;
-    const right = rect.right > bound.right;
-    const bottom = rect.bottom > bound.bottom;
-    return new OutOfBound(left, top, right, bottom);
-  }
-  static none(): OutOfBound {
-    return new OutOfBound(false, false, false, false);
-  }
-  static leftOut(): OutOfBound {
-    return new OutOfBound(true, false, false, false);
-  }
-  static topOut(): OutOfBound {
-    return new OutOfBound(false, true, false, false);
-  }
-  static rightOut(): OutOfBound {
-    return new OutOfBound(false, false, true, false);
-  }
-  static bottomOut(): OutOfBound {
-    return new OutOfBound(false, false, false, true);
-  }
-  static leftTopOut(): OutOfBound {
-    return new OutOfBound(true, true, false, false);
-  }
-  static rightBottomOut(): OutOfBound {
-    return new OutOfBound(false, false, true, true);
-  }
-}
diff --git a/src/layouts/DrawLayout.vue b/src/layouts/DrawLayout.vue
index 95f9f8d..d3b7d1e 100644
--- a/src/layouts/DrawLayout.vue
+++ b/src/layouts/DrawLayout.vue
@@ -270,7 +270,7 @@ import OtherLineList from 'src/components/draw-app/dialogs/OtherLineList.vue';
 import OtherLineConfig from 'src/components/draw-app/properties/OtherLineConfig.vue';
 import SectionDirectionConfig from 'src/components/draw-app/properties/SectionDirectionConfig.vue';
 import SignalDirectionConfig from 'src/components/draw-app/properties/SignalDirectionConfig.vue';
-import { distance2, JlGraphic } from 'src/jl-graphic';
+import { distance2, JlGraphic } from 'jl-graphic';
 
 const $q = useQuasar();
 const route = useRoute();
diff --git a/src/layouts/LineLayout.vue b/src/layouts/LineLayout.vue
index d74d79c..e783f93 100644
--- a/src/layouts/LineLayout.vue
+++ b/src/layouts/LineLayout.vue
@@ -92,7 +92,7 @@ import { useQuasar } from 'quasar';
 import { LinkInfo, MapInfo, getProjectLinkInfo } from 'src/api/ProjectLinkApi';
 import { ApiError } from 'src/boot/axios';
 import { layerList } from 'src/drawApp/lineScene';
-import { IGraphicApp, IGraphicScene } from 'src/jl-graphic';
+import { IGraphicApp, IGraphicScene } from 'jl-graphic';
 import { ISceneName, getSceneName } from 'src/drawApp/lineApp';
 import { useTestManageStore } from 'src/stores/testManage-store';
 import { CategoryType } from 'src/components/CategoryType';
diff --git a/src/layouts/PslDrawLayout.vue b/src/layouts/PslDrawLayout.vue
index d0e83f1..d53dd22 100644
--- a/src/layouts/PslDrawLayout.vue
+++ b/src/layouts/PslDrawLayout.vue
@@ -133,7 +133,7 @@ import {
   checkPslDataToServer,
   RelateDevicelistItem,
 } from 'src/drawApp/pslApp';
-import { IDrawApp } from 'src/jl-graphic';
+import { IDrawApp } from 'jl-graphic';
 import { usePslDrawStore } from 'src/stores/psl-draw-store';
 import RelateDeviceConfig from 'src/components/draw-app/properties/RelateDeviceConfig.vue';
 import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
diff --git a/src/layouts/RelayCabinetLayout/GeneraterDevice.ts b/src/layouts/RelayCabinetLayout/GeneraterDevice.ts
index 817ed0f..095269e 100644
--- a/src/layouts/RelayCabinetLayout/GeneraterDevice.ts
+++ b/src/layouts/RelayCabinetLayout/GeneraterDevice.ts
@@ -8,7 +8,7 @@ import {
   RelayCabinet,
   relayCabinetConsts,
 } from 'src/graphics/relayCabinet/RelayCabinet';
-import { GraphicIdGenerator } from 'src/jl-graphic';
+import { GraphicIdGenerator } from 'jl-graphic';
 import { relayCabinetGraphicData } from 'src/protos/relayCabinetLayoutGraphics';
 import { useRelayCabinetStore } from 'src/stores/relayCabinet-store';
 import { GenerateDeviceType } from './GeneraterRelayLayoutConfig';
@@ -87,11 +87,11 @@ export function generateRelays(
       }
       generateDevice.position.set(
         relayCabinet.x -
-          relayCabinetConsts.width / 2 +
-          (i + 3 / 2) * relayCabinetConsts.cellWidth,
+        relayCabinetConsts.width / 2 +
+        (i + 3 / 2) * relayCabinetConsts.cellWidth,
         relayCabinet.y -
-          relayCabinetConsts.height / 2 +
-          (j + 3 / 2) * relayCabinetConsts.cellHeight
+        relayCabinetConsts.height / 2 +
+        (j + 3 / 2) * relayCabinetConsts.cellHeight
       );
       relays[i][j] = generateDevice;
     }
diff --git a/src/layouts/RelayCabinetLayout/RelayCabinetLayout.vue b/src/layouts/RelayCabinetLayout/RelayCabinetLayout.vue
index cb2b142..b23ae5b 100644
--- a/src/layouts/RelayCabinetLayout/RelayCabinetLayout.vue
+++ b/src/layouts/RelayCabinetLayout/RelayCabinetLayout.vue
@@ -236,7 +236,7 @@ import {
   creatCiCjListByCombinationtype,
   creatCiQdListByCombinationtype,
 } from 'src/drawApp/relayCabinetLayoutApp';
-import { GraphicIdGenerator, IDrawApp } from 'src/jl-graphic';
+import { GraphicIdGenerator, IDrawApp } from 'jl-graphic';
 import { useRelayCabinetStore } from 'src/stores/relayCabinet-store';
 import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
diff --git a/src/stores/draw-store.ts b/src/stores/draw-store.ts
index 8620915..e7bcd16 100644
--- a/src/stores/draw-store.ts
+++ b/src/stores/draw-store.ts
@@ -22,7 +22,7 @@ import {
   IDrawApp,
   IJlCanvas,
   JlGraphic,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import { markRaw } from 'vue';
 
 export const useDrawStore = defineStore('draw', {
diff --git a/src/stores/ibp-draw-store.ts b/src/stores/ibp-draw-store.ts
index 6f7d547..5034101 100644
--- a/src/stores/ibp-draw-store.ts
+++ b/src/stores/ibp-draw-store.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { QTable } from 'quasar';
 import { getIBPDrawApp, initIBPDrawApp } from 'src/drawApp/ibpDrawApp';
-import { DrawAssistant, IDrawApp, IJlCanvas, JlGraphic } from 'src/jl-graphic';
+import { DrawAssistant, IDrawApp, IJlCanvas, JlGraphic } from 'jl-graphic';
 import { markRaw } from 'vue';
 
 export const useIBPDrawStore = defineStore('ibpDraw', {
diff --git a/src/stores/line-store.ts b/src/stores/line-store.ts
index 4c9ed0c..0989a69 100644
--- a/src/stores/line-store.ts
+++ b/src/stores/line-store.ts
@@ -4,7 +4,7 @@ import {
   JlGraphic,
   IGraphicApp,
   GraphicState,
-} from 'src/jl-graphic';
+} from 'jl-graphic';
 import {
   initLineApp,
   getLineApp,
diff --git a/src/stores/psl-draw-store.ts b/src/stores/psl-draw-store.ts
index 4673d54..9f60f6a 100644
--- a/src/stores/psl-draw-store.ts
+++ b/src/stores/psl-draw-store.ts
@@ -5,7 +5,7 @@ import {
   getPslDrawApp,
   initPslDrawApp,
 } from 'src/drawApp/pslApp';
-import { DrawAssistant, IJlCanvas, IDrawApp, JlGraphic } from 'src/jl-graphic';
+import { DrawAssistant, IJlCanvas, IDrawApp, JlGraphic } from 'jl-graphic';
 
 export const usePslDrawStore = defineStore('pslDraw', {
   state: () => ({
diff --git a/src/stores/psl-store.ts b/src/stores/psl-store.ts
index e255b3c..f73f7a9 100644
--- a/src/stores/psl-store.ts
+++ b/src/stores/psl-store.ts
@@ -1,7 +1,7 @@
 import { defineStore } from 'pinia';
 import { initPslScene } from 'src/drawApp/pslScene';
 import { getLineApp } from 'src/drawApp/lineApp';
-import { GraphicApp } from 'src/jl-graphic/app/JlGraphicApp';
+import { IGraphicApp } from 'jl-graphic';
 
 export const usePslStore = defineStore('psl', {
   state: () => ({
@@ -11,9 +11,9 @@ export const usePslStore = defineStore('psl', {
   }),
   actions: {
     getPslScene() {
-      const lineApp = getLineApp() as GraphicApp;
+      const lineApp = getLineApp() as IGraphicApp;
       if (!lineApp) return;
-      if (lineApp.scenes.get('psl')) {
+      if (lineApp.getScene('psl')) {
         return lineApp.getScene('psl');
       }
       return initPslScene(lineApp, 'psl');
diff --git a/src/stores/relayCabinet-store.ts b/src/stores/relayCabinet-store.ts
index cc34c85..8f70f71 100644
--- a/src/stores/relayCabinet-store.ts
+++ b/src/stores/relayCabinet-store.ts
@@ -5,7 +5,7 @@ import {
   getDrawApp,
   initDrawApp,
 } from 'src/drawApp/relayCabinetLayoutApp';
-import { DrawAssistant, IJlCanvas, IDrawApp, JlGraphic } from 'src/jl-graphic';
+import { DrawAssistant, IJlCanvas, IDrawApp, JlGraphic } from 'jl-graphic';
 import { markRaw } from 'vue';
 
 export interface CiCjConfigCeil {
diff --git a/yarn.lock b/yarn.lock
index da94524..4af8a01 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,14 +2,31 @@
 # yarn lockfile v1
 
 
+"@aashutoshrathi/word-wrap@^1.2.3":
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
+  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
+
 "@babel/parser@^7.20.15", "@babel/parser@^7.21.3":
   version "7.22.4"
   resolved "https://registry.npmmirror.com/@babel/parser/-/parser-7.22.4.tgz"
   integrity sha512-VLLsx06XkEYqBtE5YGPwfSGwfrjnyPP5oiGty3S8pQLFDFLaS8VwWSIxkTXpcvr5zeYLE6+MBNl2npl/YnfofA==
 
+"@babel/runtime@^7.23.5", "@babel/runtime@^7.23.6":
+  version "7.23.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.6.tgz#c05e610dc228855dc92ef1b53d07389ed8ab521d"
+  integrity sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@esbuild/linux-loong64@0.14.54":
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
+  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
+
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.3.0":
   version "4.4.0"
-  resolved "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
   dependencies:
     eslint-visitor-keys "^3.3.0"
@@ -19,6 +36,11 @@
   resolved "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.5.1.tgz"
   integrity sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==
 
+"@eslint-community/regexpp@^4.6.1":
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+
 "@eslint/eslintrc@^2.0.3":
   version "2.0.3"
   resolved "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-2.0.3.tgz"
@@ -34,11 +56,40 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@eslint/eslintrc@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.4.tgz#388a269f0f25c1b6adc317b5a2c55714894c70ad"
+  integrity sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==
+  dependencies:
+    ajv "^6.12.4"
+    debug "^4.3.2"
+    espree "^9.6.0"
+    globals "^13.19.0"
+    ignore "^5.2.0"
+    import-fresh "^3.2.1"
+    js-yaml "^4.1.0"
+    minimatch "^3.1.2"
+    strip-json-comments "^3.1.1"
+
 "@eslint/js@8.41.0":
   version "8.41.0"
   resolved "https://registry.npmmirror.com/@eslint/js/-/js-8.41.0.tgz"
   integrity sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==
 
+"@eslint/js@8.55.0":
+  version "8.55.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.55.0.tgz#b721d52060f369aa259cf97392403cb9ce892ec6"
+  integrity sha512-qQfo2mxH5yVom1kacMtZZJFVdW+E70mqHMJvVg6WTLo+VBuQJ4TojZlfWBjK0ve5BdEeNAVxOsl/nvNMpJOaJA==
+
+"@humanwhocodes/config-array@^0.11.13":
+  version "0.11.13"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297"
+  integrity sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==
+  dependencies:
+    "@humanwhocodes/object-schema" "^2.0.1"
+    debug "^4.1.1"
+    minimatch "^3.0.5"
+
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
   resolved "https://registry.npmmirror.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz"
@@ -50,7 +101,7 @@
 
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
-  resolved "https://registry.npmmirror.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
   integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
 
 "@humanwhocodes/object-schema@^1.2.1":
@@ -58,6 +109,11 @@
   resolved "https://registry.npmmirror.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@humanwhocodes/object-schema@^2.0.1":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz#e5211452df060fa8522b55c7b3c0c4d1981cb044"
+  integrity sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==
+
 "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.15"
   resolved "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
@@ -65,250 +121,262 @@
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
-  resolved "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
   integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
   dependencies:
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
-  resolved "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
 
 "@nodelib/fs.walk@^1.2.3", "@nodelib/fs.walk@^1.2.8":
   version "1.2.8"
-  resolved "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
   integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
   dependencies:
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@pixi/accessibility@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/accessibility/-/accessibility-7.2.4.tgz"
-  integrity sha512-EVjuqUqv9FeYFXCv0S0qj1hgCtbAMNBPCbOGEtiMogpM++/IySxBZvcOYg3rRgo9inwt2s4Bi7kUiqMPD8hItw==
+"@pixi/accessibility@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/accessibility/-/accessibility-7.3.2.tgz#e823d96a2d032a5bbaccdf547fcf46746bfb865a"
+  integrity sha512-MdkU22HTauRvq9cMeWZIQGaDDa86sr+m12rKNdLV+FaDQgP/AhP+qCVpK7IKeJa9BrWGXaYMw/vueij7HkyDSA==
 
-"@pixi/app@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/app/-/app-7.2.4.tgz"
-  integrity sha512-eJ2jpu5P28ip07nLItw6sETXn45P4KR/leMJ6zPHRlhT1m8t5zTsWr3jK4Uj8LF2E+6KlPNzLQh5Alf/unn/aQ==
+"@pixi/app@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/app/-/app-7.3.2.tgz#7121aaa11ffbf586738e2422db7e12464f6c46e7"
+  integrity sha512-3YRFSMvAxDebAz3/JJv+2jzbPkT8cHC0IHmmLRN8krDL1pZV+YjMLgMwN/Oeyv5TSbwNqnrF5su5whNkRaxeZQ==
 
-"@pixi/assets@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/assets/-/assets-7.2.4.tgz"
-  integrity sha512-7199re3wvMAlVqXLaCyAr8IkJSXqkeVAxcYyB2rBu4Id5m2hhlGX1dQsdMBiCXLwu6/LLVqDvJggSNVQBzL6ZQ==
+"@pixi/assets@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/assets/-/assets-7.3.2.tgz#9f460f9939b60d12a6af184bf21978f714876421"
+  integrity sha512-yteq6ptAxA09EcwU9D9hl7qr5yWIqy+c2PsXkTDkc76vTAwIamLY3KxLq2aR5y1U4L4O6aHFJd26uNhHcuTPmw==
   dependencies:
     "@types/css-font-loading-module" "^0.0.7"
 
-"@pixi/color@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/color/-/color-7.2.4.tgz"
-  integrity sha512-B/+9JRcXe2uE8wQfsueFRPZVayF2VEMRB7XGeRAsWCryOX19nmWhv0Nt3nOU2rvzI0niz9XgugJXsB6vVmDFSg==
+"@pixi/color@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/color/-/color-7.3.2.tgz#3a9f03ece87ed03748e1ee71658e1fc627c19981"
+  integrity sha512-jur5PvdOtUBEUTjmPudW5qdQq6yYGlVGsi3HyhasJw14bN+GKJwiCKgIsyrsiNL5HBUXmje4ICwQohf6BqKqxA==
   dependencies:
-    colord "^2.9.3"
+    "@pixi/colord" "^2.9.6"
 
-"@pixi/compressed-textures@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/compressed-textures/-/compressed-textures-7.2.4.tgz"
-  integrity sha512-atnWyw/ot/Wg69qhgskKiuTYCZx15IxV35sa0KyXMthyjyvDLCIvOn0nczM6wCBy9H96SjJbfgynVWhVrip6qw==
+"@pixi/colord@^2.9.6":
+  version "2.9.6"
+  resolved "https://registry.yarnpkg.com/@pixi/colord/-/colord-2.9.6.tgz#7e4e7851480da6fd3cef4e331f008d60be7e1204"
+  integrity sha512-nezytU2pw587fQstUu1AsJZDVEynjskwOL+kibwcdxsMBFqPsFFNA7xl0ii/gXuDi6M0xj3mfRJj8pBSc2jCfA==
 
-"@pixi/constants@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/constants/-/constants-7.2.4.tgz"
-  integrity sha512-hKuHBWR6N4Q0Sf5MGF3/9l+POg/G5rqhueHfzofiuelnKg7aBs3BVjjZ+6hZbd6M++vOUmxYelEX/NEFBxrheA==
+"@pixi/compressed-textures@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/compressed-textures/-/compressed-textures-7.3.2.tgz#2a0f6c809e5bbdfdf4933c47cd261d89f38a9612"
+  integrity sha512-J3ENMHDPQO6CJRei55gqI0WmiZJIK6SgsW5AEkShT0aAe5miEBSomv70pXw/58ru+4/Hx8cXjamsGt4aQB2D0Q==
 
-"@pixi/core@^7.0.0-X", "@pixi/core@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/core/-/core-7.2.4.tgz"
-  integrity sha512-0XtvrfxHlS2T+beBBSpo7GI8+QLyyTqMVQpNmPqB4woYxzrOEJ9JaUFBaBfCvycLeUkfVih1u6HAbtF+2d1EjQ==
+"@pixi/constants@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/constants/-/constants-7.3.2.tgz#185b1fe4e65c936cdd59748111432f0878ee47d9"
+  integrity sha512-Q8W3ncsFxmfgC5EtokpG92qJZabd+Dl+pbQAdHwiPY3v+8UNq77u4VN2qtl1Z04864hCcg7AStIYEDrzqTLF6Q==
+
+"@pixi/core@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/core/-/core-7.3.2.tgz#9c72234da688b665325fd5f8362537e0877a2443"
+  integrity sha512-Pta3ee8MtJ3yKxGXzglBWgwbEOKMB6Eth+FpLTjL0rgxiqTB550YX6jsNEQQAzcGjCBlO3rC/IF57UZ2go/X6w==
   dependencies:
-    "@pixi/color" "7.2.4"
-    "@pixi/constants" "7.2.4"
-    "@pixi/extensions" "7.2.4"
-    "@pixi/math" "7.2.4"
-    "@pixi/runner" "7.2.4"
-    "@pixi/settings" "7.2.4"
-    "@pixi/ticker" "7.2.4"
-    "@pixi/utils" "7.2.4"
+    "@pixi/color" "7.3.2"
+    "@pixi/constants" "7.3.2"
+    "@pixi/extensions" "7.3.2"
+    "@pixi/math" "7.3.2"
+    "@pixi/runner" "7.3.2"
+    "@pixi/settings" "7.3.2"
+    "@pixi/ticker" "7.3.2"
+    "@pixi/utils" "7.3.2"
     "@types/offscreencanvas" "^2019.6.4"
 
-"@pixi/display@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/display/-/display-7.2.4.tgz"
-  integrity sha512-w5tqb8cWEO5qIDaO9GEqRvxYhL0iMk0Wsngw23bbLm1gLEQmrFkB2tpJlRAqd7H82C3DrDDeWvkrrxW6+m4apg==
+"@pixi/display@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/display/-/display-7.3.2.tgz#5d4005045ebd47db9974327df2f861e95ad84028"
+  integrity sha512-cY5AnZ3TWt5GYGx4e5AQ2/2U9kP+RorBg/O30amJ+8e9bFk9rS8cjh/DDq/hc4lql96BkXAInTl40eHnAML5lQ==
 
-"@pixi/events@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/events/-/events-7.2.4.tgz"
-  integrity sha512-/JtmoB98fzIU8giN9xvlRvmvOi6u4MaD2DnKNOMHkQ1MBraj3pmrXM9fZ0JbNzi+324GraAAY76QidgHjIYoYQ==
+"@pixi/events@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/events/-/events-7.3.2.tgz#ff985f7dae291a440298b2d5d91dd63341aa36d7"
+  integrity sha512-Moca9epu8jk1wIQCdVYjhz2pD9Ol21m50wvWUKvpgt9yM/AjkCLSDt8HO/PmTpavDrkhx5pVVWeDDA6FyUNaGA==
 
-"@pixi/extensions@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/extensions/-/extensions-7.2.4.tgz"
-  integrity sha512-Mnqv9scbL1ARD3QFKfOWs2aSVJJfP1dL8g5UiqGImYO3rZbz/9QCzXOeMVIZ5n3iaRyKMNhFFr84/zUja2H7Dw==
+"@pixi/extensions@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/extensions/-/extensions-7.3.2.tgz#8e5589c534d3866ddae023666891a793b308a256"
+  integrity sha512-Qw84ADfvmVu4Mwj+zTik/IEEK9lWS5n4trbrpQCcEZ+Mb8oRAXWvKz199mi1s7+LaZXDqeCY1yr2PHQaFf1KBA==
 
-"@pixi/extract@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/extract/-/extract-7.2.4.tgz"
-  integrity sha512-wlXZg+J2L/1jQhRi5nZQP/cXshovhjksjss91eAKMvY5aGxNAQovCP4xotJ/XJjfTvPMpeRzHPFYzm3PrOPQ7g==
+"@pixi/extract@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/extract/-/extract-7.3.2.tgz#b9a29e147bc1817d0400a7dfcd4fb7dbf972ce41"
+  integrity sha512-KsoflvQZV/XD8A8xbtRnmI4reYekbI4MOi7ilwQe5tMz6O1mO7IzrSukxkSMD02f6SpbAqbi7a1EayTjvY0ECQ==
 
-"@pixi/filter-alpha@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-alpha/-/filter-alpha-7.2.4.tgz"
-  integrity sha512-UTUMSGyktUr+I9vmigqJo9iUhb0nwGyqTTME2xBWZvVGCnl5z+/wHxvIBBCe5pNZ66IM15pGXQ4cDcfqCuP2kA==
+"@pixi/filter-alpha@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-alpha/-/filter-alpha-7.3.2.tgz#7404c5e1a73f148579d32547680a35dcf5a45a67"
+  integrity sha512-nZMdn310wH5ZK1slwv3X4qT8eLoAGO7SgYGCy5IsMtpCtNObzE9XA4tAfhXrjihyzPS9KvszgAbnv1Qpfh0/uw==
 
-"@pixi/filter-blur@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-blur/-/filter-blur-7.2.4.tgz"
-  integrity sha512-aLyXIoxy14bTansCPtbY8x7Sdn2OrrqkF/pcKiRXHJGGhi7wPacvB/NcmYJdnI/n2ExQ6V5Njuj/nfrsejVwcA==
+"@pixi/filter-blur@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-blur/-/filter-blur-7.3.2.tgz#290eb8b464ab3885829918cde38f1b5e10532dc8"
+  integrity sha512-unu3zhwHMhN+iAe7Td2rK40i2UJ2GOhzWK+6jcU3ZkMOsFCT5kgBoMRTejeQVcvCs6GoYK8imbkE7mXt05Vj6A==
 
-"@pixi/filter-color-matrix@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-color-matrix/-/filter-color-matrix-7.2.4.tgz"
-  integrity sha512-DFtayybYXoUh73eHUFRK5REbi1t3FZuVUnaQTj+euHKF9L7EaYc3Q9wctpx1WPRcwkqEX50M4SNFhxpA7Pxtaw==
+"@pixi/filter-color-matrix@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-color-matrix/-/filter-color-matrix-7.3.2.tgz#80e6dfb75caa7118e51a39686d46371f3c5f2010"
+  integrity sha512-rbyjes/9SMoV9jjPiK0sLMkmLfN8D17GoTJIfq/KLv1x9646W5fL2QSKkN04UkZ+020ndWvIOxK1S97tvRyCfg==
 
-"@pixi/filter-displacement@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-displacement/-/filter-displacement-7.2.4.tgz"
-  integrity sha512-Simq3IBJKt7+Gvk4kK7OFkfoeYUMhNhIyATCdeT+Jkdkq5WV7pYnH5hqO0YW7eAHrgjV13yn6t4H/GC4+6LhEA==
+"@pixi/filter-displacement@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-displacement/-/filter-displacement-7.3.2.tgz#648a46b6c3afadc188d4b700834ca722f870338e"
+  integrity sha512-ZHl7Sfb8JYd9Z6j96OHCC0NhMKhhXJRE5AbkSDohjEMVCK1BV5rDGAHV8WVt/2MJ/j83CXUpydzyMhdM4lMchg==
 
-"@pixi/filter-fxaa@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-fxaa/-/filter-fxaa-7.2.4.tgz"
-  integrity sha512-qzKjdL+Ih18uGTJLg8tT/H+YCsTeGkw2uF7lyKnw/lxGLJQhLWIhM95M9qSNgxbXyW1vp7SbG81a9aAEz2HAhA==
+"@pixi/filter-fxaa@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-fxaa/-/filter-fxaa-7.3.2.tgz#47c6ac6703284a32570adfe2cbf77bba5295c3cf"
+  integrity sha512-9brtlxDnQTZk2XiFBKdBK9e+8CX9LdxxcL7LRpjEyiHuAPvTlQgu9B85LrJ4GzWKqJJKaIIZBzhIoiCLUnfeXg==
 
-"@pixi/filter-noise@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/filter-noise/-/filter-noise-7.2.4.tgz"
-  integrity sha512-QAU9Ybj2ZQrWM9ZEjTTC0iLnQcuyNoZNRinxSbg1G0yacpmsSb9wvV5ltIZ66+hfY+90+u2Nudt/v9g6pvOdGg==
+"@pixi/filter-noise@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-noise/-/filter-noise-7.3.2.tgz#e5f1ea435611fa1a6f3c5a30f4ce3c86d90cc267"
+  integrity sha512-F8GQQ20n7tCjThX6GCXckiXz2YffOCxicTJ0oat9aVDZh+sVsAxYX0aKSdHh0hhv18F0yuc6tPsSL5DYb63xFg==
 
-"@pixi/filter-outline@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.npmmirror.com/@pixi/filter-outline/-/filter-outline-5.2.0.tgz"
-  integrity sha512-xKfAouhZNKl6A0RvxT5i+2/ean7r16dE/QswwIkbWvr2hhHlp4p9U6XsqdgUERCDxK+IZibMAumbWs4DGxOUeQ==
+"@pixi/graphics-extras@^7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/graphics-extras/-/graphics-extras-7.3.2.tgz#b40996e75fda5768971cbc5c97c8c9857dc10b0f"
+  integrity sha512-XmKcDxYKZMPpjmjoDINXzcbwrPieB9aTMyOe3oR+ILFQFL7wbEU7Bp0vdWbay+vizBUGXOetQeu/+aO9ThzWtA==
 
-"@pixi/graphics-extras@^7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmjs.org/@pixi/graphics-extras/-/graphics-extras-7.2.4.tgz"
-  integrity sha512-0yT91yqF3KLiZI/iLRcfcYlTVpkVyWsfGtWEIorZs0eX+/zYx7um7EJ2h7tFORI/1FxA2maR4td5vpgCwOLJAQ==
+"@pixi/graphics@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/graphics/-/graphics-7.3.2.tgz#42928e8840c24b4f53882b26c95cbc5ef227bfdb"
+  integrity sha512-PhU6j1yub4tH/s+/gqByzgZ3mLv1mfb6iGXbquycg3+WypcxHZn0opFtI/axsazaQ9SEaWxw1m3i40WG5ANH5g==
 
-"@pixi/graphics@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/graphics/-/graphics-7.2.4.tgz"
-  integrity sha512-3A2EumTjWJgXlDLOyuBrl9b6v1Za/E+/IjOGUIX843HH4NYaf1a2sfDfljx6r3oiDvy+VhuBFmgynRcV5IyA0Q==
+"@pixi/math@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/math/-/math-7.3.2.tgz#bcf2357d8bfa2a7836d645063b1f854c4a24d745"
+  integrity sha512-dutoZ0IVJ5ME7UtYNo2szu4D7qsgtJB7e3ylujBVu7BOP2e710BVtFwFSFV768N14h9H5roGnuzVoDiJac2u+w==
 
-"@pixi/math@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/math/-/math-7.2.4.tgz"
-  integrity sha512-LJB+mozyEPllxa0EssFZrKNfVwysfaBun4b2dJKQQInp0DafgbA0j7A+WVg0oe51KhFULTJMpDqbLn/ITFc41A==
+"@pixi/mesh-extras@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mesh-extras/-/mesh-extras-7.3.2.tgz#fc00a6acb811a0780ce7b54ade844b32d20c9621"
+  integrity sha512-s/tg9TsTZZxLEdCDKWnBChDGkc041HCTP7ykJv4fEROzb9B0lskULYyvv+/YNNKa2Ugb9WnkMknpOdOXCpjyyg==
 
-"@pixi/mesh-extras@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/mesh-extras/-/mesh-extras-7.2.4.tgz"
-  integrity sha512-Lxqq/1E2EmDgjZX8KzjhBy3VvITIQ00arr2ikyHYF1d0XtQTKEYpr8VKzhchqZ5/9DuyTDbDMYGhcxoNXQmZrQ==
+"@pixi/mesh@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mesh/-/mesh-7.3.2.tgz#e0159b03c1ae60dfba7c8e87f84c4400e4bcc9c7"
+  integrity sha512-LFkt7ELYXQLgbgHpjl68j6JD5ejUwma8zoPn2gqSBbY+6pK/phjvV1Wkh76muF46VvNulgXF0+qLIDdCsfrDaA==
 
-"@pixi/mesh@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/mesh/-/mesh-7.2.4.tgz"
-  integrity sha512-wiALIqcRKib2BqeH9kOA5fOKWN352nqAspgbDa8gA7OyWzmNwqIedIlElixd0oLFOrIN5jOZAdzeKnoYQlt9Aw==
+"@pixi/mixin-cache-as-bitmap@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-7.3.2.tgz#dc6b53f370444b12e58593aebc87231fff88f20e"
+  integrity sha512-bZRlyUN5+9kCUjn67V0IFtYIrbmx9Vs4sMOmXyrX3Q4B4gPLE46IzZz3v0IVaTjp32udlQztfJalIaWbuqgb3A==
 
-"@pixi/mixin-cache-as-bitmap@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-7.2.4.tgz"
-  integrity sha512-95L/9nzfLHw6GoeqqRl/RjSloKvRt0xrc2inCmjMZvMsFUEtHN2F8IWd1k5vcv0S+83NCreFkJg6nJm1m5AZqg==
+"@pixi/mixin-get-child-by-name@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-7.3.2.tgz#59ac446c3c75e096aee8d36bdb72bd4aa1430a4d"
+  integrity sha512-mbUi3WxXrkViH7qOgjk4fu2BN36NwNb7u+Fy1J5dS8Bntj57ZVKmEV9PbUy0zYjXE8rVmeAvSu/2kbn5n9UutQ==
 
-"@pixi/mixin-get-child-by-name@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-7.2.4.tgz"
-  integrity sha512-9g17KgSBEEhkinnKk4dqmxagzHOCPSTvGB6lOopBq4yyXmr/2WVv+QGjuzE0O+p80szQeBJjPBQxzrfBILaSRw==
+"@pixi/mixin-get-global-position@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-global-position/-/mixin-get-global-position-7.3.2.tgz#84efe8bf315e7e1f539435281302c938d98725ab"
+  integrity sha512-1nhWbBgmw6rK7yQJxzeI9yjKYYEkM5i3pee8qVu4YWo3b1xWVQA7osQG7aGM/4qywDkXaA1ZvciA5hfg6f4Q5Q==
 
-"@pixi/mixin-get-global-position@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/mixin-get-global-position/-/mixin-get-global-position-7.2.4.tgz"
-  integrity sha512-UrAUF2BXCeWtFgR2m+er41Ky7zShT7r228cZkB6ZfYwMeThhwqG5mH68UeCyP6p68JMpT1gjI2DPfeSRY3ecnA==
+"@pixi/particle-container@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/particle-container/-/particle-container-7.3.2.tgz#7e2826ea986a1cf2954830eab99b7f8bee4042d7"
+  integrity sha512-JYc4j4z97KmxyLp+1Lg0SNi8hy6RxcBBNQGk+CSLNXeDWxx3hykT5gj/ORX1eXyzHh1ZCG1XzeVS9Yr8QhlFHA==
 
-"@pixi/particle-container@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/particle-container/-/particle-container-7.2.4.tgz"
-  integrity sha512-tpSzilZGFtAoi8XhzL0TecLPNRQAbY8nWV9XNGXJDw+nxXp18GCe8L6eEmnHLlAug67BRHl65DtrdvTknPX+4g==
+"@pixi/prepare@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/prepare/-/prepare-7.3.2.tgz#d643bbab6df768c52819806a186063ea13bb2c73"
+  integrity sha512-aLPAXSYLUhMwxzJtn9m0TSZe+dQlZCt09QNBqYbSi8LZId54QMDyvfBb4zBOJZrD2xAZgYL5RIJuKHwZtFX6lQ==
 
-"@pixi/prepare@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/prepare/-/prepare-7.2.4.tgz"
-  integrity sha512-Yff5Sh4kTLdKc5VkkM44LW9gpj7Izw8ns3P1TzWxqeGjzPZ3folr/tQujGL+Qw+8A9VESp+hX9MSIHyw+jpyrg==
+"@pixi/runner@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/runner/-/runner-7.3.2.tgz#5cd89cba0a604272e7320d292fedca36a681c486"
+  integrity sha512-maKotoKJCQiQGBJwfM+iYdQKjrPN/Tn9+72F4WIf706zp/5vKoxW688Rsktg5BX4Mcn7ZkZvcJYTxj2Mv87lFA==
 
-"@pixi/runner@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/runner/-/runner-7.2.4.tgz"
-  integrity sha512-YtyqPk1LA+0guEFKSFx6t/YSvbEQwajFwi4Ft8iDhioa6VK2MmTir1GjWwy7JQYLcDmYSAcQjnmFtVTZohyYSw==
-
-"@pixi/settings@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/settings/-/settings-7.2.4.tgz"
-  integrity sha512-ZPKRar9EwibijGmH8EViu4Greq1I/O7V/xQx2rNqN23XA7g09Qo6yfaeQpufu5xl8+/lZrjuHtQSnuY7OgG1CA==
+"@pixi/settings@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/settings/-/settings-7.3.2.tgz#6c14babf416d6c9ddb72f07b0c517ae0353a38b6"
+  integrity sha512-vtxzuARDTbFe0fRYSqB53B+mPpX7v+QjjnCUmVMVvZiWr3QcngMWVml6c6dQDln7IakWoKZRrNG4FpggvDgLVg==
   dependencies:
-    "@pixi/constants" "7.2.4"
+    "@pixi/constants" "7.3.2"
     "@types/css-font-loading-module" "^0.0.7"
     ismobilejs "^1.1.0"
 
-"@pixi/sprite-animated@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/sprite-animated/-/sprite-animated-7.2.4.tgz"
-  integrity sha512-9eRriPSC0QVS7U9zQlrG3uEI5+h3fi+mqofXy+yjk1sGCmXSIJME5p2wg2mzxoJk3qkSMagQA9QHtL26Fti8Iw==
+"@pixi/sprite-animated@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite-animated/-/sprite-animated-7.3.2.tgz#a35891380b4c0e4029170fe5cbcbbb9edbba07c5"
+  integrity sha512-j9pyUe4cefxE9wecNfbWQyL5fBQKvCGYaOA0DE1X46ukBHrIuhA8u3jg2X3N3r4IcbVvxpWFYDrDsWXWeiBmSw==
 
-"@pixi/sprite-tiling@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/sprite-tiling/-/sprite-tiling-7.2.4.tgz"
-  integrity sha512-nGfxQoACRx49dUN0oW1vFm3141M+7gkAbzoNJym2Pljd2dpLME9fb5E6Lyahu0yWMaPRhhGorn6z9VIGmTF3Jw==
+"@pixi/sprite-tiling@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite-tiling/-/sprite-tiling-7.3.2.tgz#d1c75c7a4ffd7e92a68f95cd4bbb5be0b9eb6c66"
+  integrity sha512-tWVVb/rMIx5AczfUrVxa0dZaIufP5C0IOL7IGfFUDQqDu5JSAUC0mwLe4F12jAXBVsqYhCGYx5bIHbPiI5vcSQ==
 
-"@pixi/sprite@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/sprite/-/sprite-7.2.4.tgz"
-  integrity sha512-DhR1B+/d0eXpxHIesJMXcVPrKFwQ+zRA1LvEIFfzewqfaRN3X6PMIuoKX8SIb6tl+Hq8Ba9Pe28zI7d2rmRzrA==
+"@pixi/sprite@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite/-/sprite-7.3.2.tgz#421bea2ccfc51230886e3533d99eeb00e5bf6bf8"
+  integrity sha512-IpWTKXExJNXVcY7ITopJ+JW48DahdbCo/81D2IYzBImq3jyiJM2Km5EoJgvAM5ZQ3Ev3KPPIBzYLD+HoPWcxdw==
 
-"@pixi/spritesheet@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/spritesheet/-/spritesheet-7.2.4.tgz"
-  integrity sha512-LNmlavyiMQeCF0U4S+yhzxUYmPmat6EpLjLnkGukQTZV5CZkxDCVgXM9uKoRF2DvNydj4yuwZ6+JjK8QssHI8Q==
+"@pixi/spritesheet@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/spritesheet/-/spritesheet-7.3.2.tgz#9fd551cef05c2302d1999c895510eeba038350e7"
+  integrity sha512-UkwqrPYDqrEdK5ub9qn/9VBvt5caA8ffV5iYR6ssCvrpaQovBKmS+b5pr/BYf8xNTExDpR3OmPIo8iDEYWWLuw==
 
-"@pixi/text-bitmap@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/text-bitmap/-/text-bitmap-7.2.4.tgz"
-  integrity sha512-3u2CP4VN+muCaq/jtj7gn0hb3DET/X2S04zTBcgc2WVGufJc62yz+UDzS9jC+ellotVdt9c8U74++vpz3zJGfw==
+"@pixi/text-bitmap@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/text-bitmap/-/text-bitmap-7.3.2.tgz#68a7c21ce4174d34e46d4a957d4083f687fed3be"
+  integrity sha512-p8KLgtZSPowWU/Zj+GVtfsUT8uGYo4TtKKYbLoWuxkRA5Pc1+4C9/rV/EOSFfoZIdW5C+iFg5VxRgBllUQf+aA==
 
-"@pixi/text-html@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/text-html/-/text-html-7.2.4.tgz"
-  integrity sha512-0NfLAE/w51ZtatxVqLvDS62iO0VLKsSdctqTAVv4Zlgdk9TKJmX1WUucHJboTvbm2SbDjNDGfZ6qXM5nAslIDQ==
+"@pixi/text-html@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/text-html/-/text-html-7.3.2.tgz#443f669a3444386a62e28dd8f3da66e45593df05"
+  integrity sha512-IYhBWEPOvqUtlHkS5/c1Hseuricj5jrrGd21ivcvHmcnK/x2m+CRGvvzeBp1mqoYBnDbQVrD2wSXSe4Dv9tEJA==
 
-"@pixi/text@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/text/-/text-7.2.4.tgz"
-  integrity sha512-DGu7ktpe+zHhqR2sG9NsJt4mgvSObv5EqXTtUxD4Z0li1gmqF7uktpLyn5I6vSg1TTEL4TECClRDClVDGiykWw==
+"@pixi/text@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/text/-/text-7.3.2.tgz#c38dcecd3b6aceec53b1d4207327812d88b1cf26"
+  integrity sha512-LdtNj+K5tPB/0UcDcO52M/C7xhwFTGFhtdF42fPhRuJawM23M3zm1Y8PapXv+mury+IxCHT1w30YlAi0qTVpKQ==
 
-"@pixi/ticker@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/ticker/-/ticker-7.2.4.tgz"
-  integrity sha512-hQQHIHvGeFsP4GNezZqjzuhUgNQEVgCH9+qU05UX1Mc5UHC9l6OJnY4VTVhhcHxZjA6RnyaY+1zBxCnoXuazpg==
+"@pixi/ticker@7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/ticker/-/ticker-7.3.2.tgz#898278eb07da4dc4c38cc710c1fff0c7ad5c6099"
+  integrity sha512-5kIPhBeXwDJohCzKzJJ6T7f1oAGbHAgeiwOjlTO+9lNXUX8ZPj0407V3syuF+64kFqJzIBCznBRpI+fmT4c9SA==
   dependencies:
-    "@pixi/extensions" "7.2.4"
-    "@pixi/settings" "7.2.4"
-    "@pixi/utils" "7.2.4"
+    "@pixi/extensions" "7.3.2"
+    "@pixi/settings" "7.3.2"
+    "@pixi/utils" "7.3.2"
 
-"@pixi/utils@7.2.4":
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/@pixi/utils/-/utils-7.2.4.tgz"
-  integrity sha512-VUGQHBOINIS4ePzoqafwxaGPVRTa3oM/mEutIIHbNGI3b+QvSO+1Dnk40M0zcH6Bo+MxQZbOZK5X/wO9oU5+LQ==
+"@pixi/utils@7.3.2", "@pixi/utils@^7.3.2":
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/@pixi/utils/-/utils-7.3.2.tgz#556499eae6439259551ab9b86efb039522b61611"
+  integrity sha512-KhNvj9YcY7Zi2dTKZgDpx8C6OxKKR541vwtG6JgdBZZYDeMBOIghN2Vi5zn4diW5BhDfHBmdSJ1wZXEtE2MDwg==
   dependencies:
-    "@pixi/color" "7.2.4"
-    "@pixi/constants" "7.2.4"
-    "@pixi/settings" "7.2.4"
+    "@pixi/color" "7.3.2"
+    "@pixi/constants" "7.3.2"
+    "@pixi/settings" "7.3.2"
     "@types/earcut" "^2.1.0"
     earcut "^2.2.4"
     eventemitter3 "^4.0.0"
     url "^0.11.0"
 
+"@pkgr/utils@^2.4.2":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@pkgr/utils/-/utils-2.4.2.tgz#9e638bbe9a6a6f165580dc943f138fd3309a2cbc"
+  integrity sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==
+  dependencies:
+    cross-spawn "^7.0.3"
+    fast-glob "^3.3.0"
+    is-glob "^4.0.3"
+    open "^9.1.0"
+    picocolors "^1.0.0"
+    tslib "^2.6.0"
+
 "@quasar/app-vite@^1.0.0":
   version "1.4.3"
   resolved "https://registry.npmmirror.com/@quasar/app-vite/-/app-vite-1.4.3.tgz"
@@ -366,6 +434,13 @@
   resolved "https://registry.npmmirror.com/@quasar/vite-plugin/-/vite-plugin-1.3.3.tgz"
   integrity sha512-HSX/Vgec5/Y8fiJRfpf1MR7+um+rdpbilktBGQkYOKw4A9d0smGq4jtSS/K4O2GTXRYqDmZ/5sgCeBcmhB3OCw==
 
+"@rollup/plugin-alias@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-5.1.0.tgz#99a94accc4ff9a3483be5baeedd5d7da3b597e93"
+  integrity sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==
+  dependencies:
+    slash "^4.0.0"
+
 "@rollup/pluginutils@^4.1.2":
   version "4.2.1"
   resolved "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz"
@@ -376,7 +451,7 @@
 
 "@stomp/stompjs@^7.0.0":
   version "7.0.0"
-  resolved "https://registry.npmmirror.com/@stomp/stompjs/-/stompjs-7.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/@stomp/stompjs/-/stompjs-7.0.0.tgz#46b5c454a9dc8262e0b20f3b3dbacaa113993077"
   integrity sha512-fGdq4wPDnSV/KyOsjq4P+zLc8MFWC3lMmP5FBgLWKPJTYcuCbAIrnRGjB7q2jHZdYCOD5vxLuFoKIYLy5/u8Pw==
 
 "@types/body-parser@*":
@@ -416,13 +491,13 @@
 
 "@types/css-font-loading-module@^0.0.7":
   version "0.0.7"
-  resolved "https://registry.npmmirror.com/@types/css-font-loading-module/-/css-font-loading-module-0.0.7.tgz"
+  resolved "https://registry.yarnpkg.com/@types/css-font-loading-module/-/css-font-loading-module-0.0.7.tgz#2f98ede46acc0975de85c0b7b0ebe06041d24601"
   integrity sha512-nl09VhutdjINdWyXxHWN/w9zlNCfr60JUqJbd24YXUuCwgeL0TpFSdElCwb6cxfB6ybE19Gjj4g0jsgkXxKv1Q==
 
 "@types/earcut@^2.1.0":
-  version "2.1.1"
-  resolved "https://registry.npmmirror.com/@types/earcut/-/earcut-2.1.1.tgz"
-  integrity sha512-w8oigUCDjElRHRRrMvn/spybSMyX8MTkKA5Dv+tS1IE/TgmNZPqUYtvYBXGY8cieSE66gm+szeK+bnbxC2xHTQ==
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@types/earcut/-/earcut-2.1.4.tgz#5811d7d333048f5a7573b22ddc84923e69596da6"
+  integrity sha512-qp3m9PPz4gULB9MhjGID7wpo3gJ4bTGXm7ltNDsmOvsPduTeHp8wSW9YckBj3mljeOh4F0m2z/0JKAALRKbmLQ==
 
 "@types/express-serve-static-core@^4.17.33":
   version "4.17.35"
@@ -481,15 +556,22 @@
   resolved "https://registry.npmmirror.com/@types/mime/-/mime-1.3.2.tgz"
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
-"@types/node@*", "@types/node@^12.20.21":
+"@types/node@*":
+  version "20.10.4"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.10.4.tgz#b246fd84d55d5b1b71bf51f964bd514409347198"
+  integrity sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==
+  dependencies:
+    undici-types "~5.26.4"
+
+"@types/node@^12.20.21":
   version "12.20.55"
   resolved "https://registry.npmmirror.com/@types/node/-/node-12.20.55.tgz"
   integrity sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==
 
 "@types/offscreencanvas@^2019.6.4":
-  version "2019.7.0"
-  resolved "https://registry.npmmirror.com/@types/offscreencanvas/-/offscreencanvas-2019.7.0.tgz"
-  integrity sha512-PGcyveRIpL1XIqK8eBsmRBt76eFgtzuPiSTyKHZxnGemp2yzGzWpjYKAfK3wIMiU7eH+851yEpiuP8JZerTmWg==
+  version "2019.7.3"
+  resolved "https://registry.yarnpkg.com/@types/offscreencanvas/-/offscreencanvas-2019.7.3.tgz#90267db13f64d6e9ccb5ae3eac92786a7c77a516"
+  integrity sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A==
 
 "@types/qs@*":
   version "6.9.7"
@@ -502,9 +584,9 @@
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
 "@types/readable-stream@^4.0.5":
-  version "4.0.9"
-  resolved "https://registry.npmmirror.com/@types/readable-stream/-/readable-stream-4.0.9.tgz"
-  integrity sha512-4cwuvrmNF96M4Nrx0Eep37RwPB1Mth+nCSezsGRv5+PsFyRvDdLd0pil6gVLcWD/bh69INNdwZ98dJwfHpLohA==
+  version "4.0.10"
+  resolved "https://registry.yarnpkg.com/@types/readable-stream/-/readable-stream-4.0.10.tgz#009bb80d5211619cdccbe0a4c075ae18ef52eab1"
+  integrity sha512-AbUKBjcC8SHmImNi4yK2bbjogQlkFSg7shZCcicxPQapniOlajG8GCc39lvXzCWX4lLRRs7DM3VAeSlqmEVZUA==
   dependencies:
     "@types/node" "*"
     safe-buffer "~5.1.1"
@@ -532,7 +614,7 @@
 
 "@types/ws@^8.5.9":
   version "8.5.10"
-  resolved "https://registry.npmmirror.com/@types/ws/-/ws-8.5.10.tgz"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.10.tgz#4acfb517970853fa6574a3a6886791d04a396787"
   integrity sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==
   dependencies:
     "@types/node" "*"
@@ -553,7 +635,7 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.10.0":
+"@typescript-eslint/parser@^5.10.0":
   version "5.59.8"
   resolved "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-5.59.8.tgz"
   integrity sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==
@@ -621,7 +703,12 @@
     "@typescript-eslint/types" "5.59.8"
     eslint-visitor-keys "^3.3.0"
 
-"@vitejs/plugin-vue@^2.0.0 || ^3.0.0 || ^4.0.0", "@vitejs/plugin-vue@^2.2.0":
+"@ungap/structured-clone@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
+  integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
+
+"@vitejs/plugin-vue@^2.2.0":
   version "2.3.4"
   resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-2.3.4.tgz"
   integrity sha512-IfFNbtkbIm36O9KB8QodlwwYvTEsJb4Lll4c2IwB3VHc2gie2mSPtSzL0eYay7X2jd/2WX02FjSGTWR6OPr/zg==
@@ -723,7 +810,7 @@
 
 abort-controller@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmmirror.com/abort-controller/-/abort-controller-3.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
   integrity sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==
   dependencies:
     event-target-shim "^5.0.0"
@@ -738,14 +825,19 @@ accepts@~1.3.5, accepts@~1.3.8:
 
 acorn-jsx@^5.3.2:
   version "5.3.2"
-  resolved "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.8.0:
+acorn@^8.8.0:
   version "8.8.2"
   resolved "https://registry.npmmirror.com/acorn/-/acorn-8.8.2.tgz"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
+acorn@^8.9.0:
+  version "8.11.2"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
+  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
+
 ajv@^6.10.0, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz"
@@ -775,7 +867,7 @@ ansi-escapes@^4.2.1:
 
 ansi-regex@^5.0.1:
   version "5.0.1"
-  resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
 ansi-styles@^4.0.0, ansi-styles@^4.1.0:
@@ -824,7 +916,7 @@ archiver@^5.3.0:
 
 argparse@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
   integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
 
 array-flatten@1.1.1:
@@ -875,14 +967,19 @@ axios@^1.2.1:
 
 balanced-match@^1.0.0:
   version "1.0.2"
-  resolved "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
 base64-js@^1.3.1:
   version "1.5.1"
-  resolved "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
+big-integer@^1.6.44:
+  version "1.6.52"
+  resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85"
+  integrity sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==
+
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz"
@@ -899,7 +996,7 @@ bl@^4.0.3, bl@^4.1.0:
 
 bl@^6.0.8:
   version "6.0.9"
-  resolved "https://registry.npmmirror.com/bl/-/bl-6.0.9.tgz"
+  resolved "https://registry.yarnpkg.com/bl/-/bl-6.0.9.tgz#df8fcb2ef7be2e5ee8f65afa493502914e0d816f"
   integrity sha512-Vh+M9HMfeTST9rkkQ1utRnOeABNcBO3i0dJMFkenCv7JIp76XWx8uQOGpaXyXVyenrLDZsdAHXbf0Cz18Eb0fw==
   dependencies:
     buffer "^6.0.3"
@@ -929,9 +1026,16 @@ boolbase@^1.0.0:
   resolved "https://registry.npmmirror.com/boolbase/-/boolbase-1.0.0.tgz"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
+bplist-parser@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/bplist-parser/-/bplist-parser-0.2.0.tgz#43a9d183e5bf9d545200ceac3e712f79ebbe8d0e"
+  integrity sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==
+  dependencies:
+    big-integer "^1.6.44"
+
 brace-expansion@^1.1.7:
   version "1.1.11"
-  resolved "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
   integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
   dependencies:
     balanced-match "^1.0.0"
@@ -939,7 +1043,7 @@ brace-expansion@^1.1.7:
 
 brace-expansion@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
   integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
   dependencies:
     balanced-match "^1.0.0"
@@ -951,7 +1055,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.5, "browserslist@>= 4.21.0":
+browserslist@^4.21.5:
   version "4.21.7"
   resolved "https://registry.npmmirror.com/browserslist/-/browserslist-4.21.7.tgz"
   integrity sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==
@@ -968,7 +1072,7 @@ buffer-crc32@^0.2.1, buffer-crc32@^0.2.13:
 
 buffer-from@^1.0.0:
   version "1.1.2"
-  resolved "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
 buffer@^5.5.0:
@@ -981,12 +1085,19 @@ buffer@^5.5.0:
 
 buffer@^6.0.3:
   version "6.0.3"
-  resolved "https://registry.npmmirror.com/buffer/-/buffer-6.0.3.tgz"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
   integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
   dependencies:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
+bundle-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/bundle-name/-/bundle-name-3.0.0.tgz#ba59bcc9ac785fb67ccdbf104a2bf60c099f0e1a"
+  integrity sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==
+  dependencies:
+    run-applescript "^5.0.0"
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/bytes/-/bytes-3.0.0.tgz"
@@ -998,16 +1109,17 @@ bytes@3.1.2:
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
 call-bind@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz"
-  integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.5.tgz#6fa2b7845ce0ea49bf4d8b9ef64727a2c2e2e513"
+  integrity sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==
   dependencies:
-    function-bind "^1.1.1"
-    get-intrinsic "^1.0.2"
+    function-bind "^1.1.2"
+    get-intrinsic "^1.2.1"
+    set-function-length "^1.1.1"
 
 callsites@^3.0.0:
   version "3.1.0"
-  resolved "https://registry.npmmirror.com/callsites/-/callsites-3.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
 camel-case@^3.0.0:
@@ -1036,7 +1148,7 @@ chardet@^0.7.0:
   resolved "https://registry.npmmirror.com/chardet/-/chardet-0.7.0.tgz"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-chokidar@^3.5.3, "chokidar@>=3.0.0 <4.0.0":
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -1105,21 +1217,16 @@ clone@^1.0.2:
 
 color-convert@^2.0.1:
   version "2.0.1"
-  resolved "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
   integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
   dependencies:
     color-name "~1.1.4"
 
 color-name@~1.1.4:
   version "1.1.4"
-  resolved "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colord@^2.9.3:
-  version "2.9.3"
-  resolved "https://registry.npmmirror.com/colord/-/colord-2.9.3.tgz"
-  integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==
-
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz"
@@ -1134,7 +1241,7 @@ commander@^2.19.0:
 
 commist@^3.2.0:
   version "3.2.0"
-  resolved "https://registry.npmmirror.com/commist/-/commist-3.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/commist/-/commist-3.2.0.tgz#da9c8e5f245ac21510badc4b10c46b5bcc9b56cd"
   integrity sha512-4PIMoPniho+LqXmpS5d3NuGYncG6XWlkBSVGiWycL22dd42OYdUGil2CWuzklaJoNxyxUSpO4MKIBU94viWNAw==
 
 compress-commons@^4.1.0:
@@ -1169,12 +1276,12 @@ compression@^1.7.4:
 
 concat-map@0.0.1:
   version "0.0.1"
-  resolved "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
 concat-stream@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-2.0.0.tgz#414cf5af790a48c60ab9be4527d56d5e41133cb1"
   integrity sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==
   dependencies:
     buffer-from "^1.0.0"
@@ -1224,7 +1331,7 @@ crc32-stream@^4.0.2:
 
 cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
-  resolved "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
   dependencies:
     path-key "^3.1.0"
@@ -1241,13 +1348,6 @@ csstype@^3.1.1:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.2.tgz"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
-  version "4.3.4"
-  resolved "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz"
-  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
-  dependencies:
-    ms "2.1.2"
-
 debug@2.6.9:
   version "2.6.9"
   resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
@@ -1255,11 +1355,36 @@ debug@2.6.9:
   dependencies:
     ms "2.0.0"
 
+debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
+  integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
+  dependencies:
+    ms "2.1.2"
+
 deep-is@^0.1.3:
   version "0.1.4"
-  resolved "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz"
+  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+default-browser-id@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser-id/-/default-browser-id-3.0.0.tgz#bee7bbbef1f4e75d31f98f4d3f1556a14cea790c"
+  integrity sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==
+  dependencies:
+    bplist-parser "^0.2.0"
+    untildify "^4.0.0"
+
+default-browser@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/default-browser/-/default-browser-4.0.0.tgz#53c9894f8810bf86696de117a6ce9085a3cbc7da"
+  integrity sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==
+  dependencies:
+    bundle-name "^3.0.0"
+    default-browser-id "^3.0.0"
+    execa "^7.1.1"
+    titleize "^3.0.0"
+
 default-passive-events@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/default-passive-events/-/default-passive-events-2.0.0.tgz"
@@ -1272,11 +1397,25 @@ defaults@^1.0.3:
   dependencies:
     clone "^1.0.2"
 
+define-data-property@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.1.tgz#c35f7cd0ab09883480d12ac5cb213715587800b3"
+  integrity sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==
+  dependencies:
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz"
   integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
 
+define-lazy-prop@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz#dbb19adfb746d7fc6d734a06b72f4a00d021255f"
+  integrity sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==
+
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz"
@@ -1301,7 +1440,7 @@ dir-glob@^3.0.1:
 
 doctrine@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmmirror.com/doctrine/-/doctrine-3.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
   integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
   dependencies:
     esutils "^2.0.2"
@@ -1315,7 +1454,7 @@ dot-prop@6.0.1:
 
 earcut@^2.2.4:
   version "2.2.4"
-  resolved "https://registry.npmmirror.com/earcut/-/earcut-2.2.4.tgz"
+  resolved "https://registry.yarnpkg.com/earcut/-/earcut-2.2.4.tgz#6d02fd4d68160c114825d06890a92ecaae60343a"
   integrity sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==
 
 echarts@^5.4.3:
@@ -1360,6 +1499,186 @@ end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
+esbuild-android-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.51.tgz#414a087cb0de8db1e347ecca6c8320513de433db"
+  integrity sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==
+
+esbuild-android-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
+  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
+
+esbuild-android-arm64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.51.tgz#55de3bce2aab72bcd2b606da4318ad00fb9c8151"
+  integrity sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==
+
+esbuild-android-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
+  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
+
+esbuild-darwin-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.51.tgz#4259f23ed6b4cea2ec8a28d87b7fb9801f093754"
+  integrity sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==
+
+esbuild-darwin-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
+  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
+
+esbuild-darwin-arm64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.51.tgz#d77b4366a71d84e530ba019d540b538b295d494a"
+  integrity sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==
+
+esbuild-darwin-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
+  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
+
+esbuild-freebsd-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.51.tgz#27b6587b3639f10519c65e07219d249b01f2ad38"
+  integrity sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==
+
+esbuild-freebsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
+  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
+
+esbuild-freebsd-arm64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.51.tgz#63c435917e566808c71fafddc600aca4d78be1ec"
+  integrity sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==
+
+esbuild-freebsd-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
+  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
+
+esbuild-linux-32@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.51.tgz#c3da774143a37e7f11559b9369d98f11f997a5d9"
+  integrity sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==
+
+esbuild-linux-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
+  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
+
+esbuild-linux-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.51.tgz#5d92b67f674e02ae0b4a9de9a757ba482115c4ae"
+  integrity sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==
+
+esbuild-linux-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
+  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
+
+esbuild-linux-arm64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.51.tgz#dac84740516e859d8b14e1ecc478dd5241b10c93"
+  integrity sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==
+
+esbuild-linux-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
+  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
+
+esbuild-linux-arm@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.51.tgz#b3ae7000696cd53ed95b2b458554ff543a60e106"
+  integrity sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==
+
+esbuild-linux-arm@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
+  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
+
+esbuild-linux-mips64le@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.51.tgz#dad10770fac94efa092b5a0643821c955a9dd385"
+  integrity sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==
+
+esbuild-linux-mips64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
+  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
+
+esbuild-linux-ppc64le@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.51.tgz#b68c2f8294d012a16a88073d67e976edd4850ae0"
+  integrity sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==
+
+esbuild-linux-ppc64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
+  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
+
+esbuild-linux-riscv64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.51.tgz#608a318b8697123e44c1e185cdf6708e3df50b93"
+  integrity sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==
+
+esbuild-linux-riscv64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
+  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
+
+esbuild-linux-s390x@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.51.tgz#c9e7791170a3295dba79b93aa452beb9838a8625"
+  integrity sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==
+
+esbuild-linux-s390x@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
+  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
+
+esbuild-netbsd-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.51.tgz#0abd40b8c2e37fda6f5cc41a04cb2b690823d891"
+  integrity sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==
+
+esbuild-netbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
+  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
+
+esbuild-openbsd-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.51.tgz#4adba0b7ea7eb1428bb00d8e94c199a949b130e8"
+  integrity sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==
+
+esbuild-openbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
+  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
+
+esbuild-sunos-64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.51.tgz#4b8a6d97dfedda30a6e39607393c5c90ebf63891"
+  integrity sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==
+
+esbuild-sunos-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
+  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
+
+esbuild-windows-32@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.51.tgz#d31d8ca0c1d314fb1edea163685a423b62e9ac17"
+  integrity sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==
+
+esbuild-windows-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
+  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
+
 esbuild-windows-64@0.14.51:
   version "0.14.51"
   resolved "https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.14.51.tgz"
@@ -1370,6 +1689,42 @@ esbuild-windows-64@0.14.54:
   resolved "https://registry.npmmirror.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz"
   integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
 
+esbuild-windows-arm64@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.51.tgz#0220d2304bfdc11bc27e19b2aaf56edf183e4ae9"
+  integrity sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==
+
+esbuild-windows-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
+  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
+
+esbuild@0.14.51:
+  version "0.14.51"
+  resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.14.51.tgz"
+  integrity sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==
+  optionalDependencies:
+    esbuild-android-64 "0.14.51"
+    esbuild-android-arm64 "0.14.51"
+    esbuild-darwin-64 "0.14.51"
+    esbuild-darwin-arm64 "0.14.51"
+    esbuild-freebsd-64 "0.14.51"
+    esbuild-freebsd-arm64 "0.14.51"
+    esbuild-linux-32 "0.14.51"
+    esbuild-linux-64 "0.14.51"
+    esbuild-linux-arm "0.14.51"
+    esbuild-linux-arm64 "0.14.51"
+    esbuild-linux-mips64le "0.14.51"
+    esbuild-linux-ppc64le "0.14.51"
+    esbuild-linux-riscv64 "0.14.51"
+    esbuild-linux-s390x "0.14.51"
+    esbuild-netbsd-64 "0.14.51"
+    esbuild-openbsd-64 "0.14.51"
+    esbuild-sunos-64 "0.14.51"
+    esbuild-windows-32 "0.14.51"
+    esbuild-windows-64 "0.14.51"
+    esbuild-windows-arm64 "0.14.51"
+
 esbuild@^0.14.27:
   version "0.14.54"
   resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.14.54.tgz"
@@ -1397,32 +1752,6 @@ esbuild@^0.14.27:
     esbuild-windows-64 "0.14.54"
     esbuild-windows-arm64 "0.14.54"
 
-esbuild@0.14.51:
-  version "0.14.51"
-  resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.14.51.tgz"
-  integrity sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==
-  optionalDependencies:
-    esbuild-android-64 "0.14.51"
-    esbuild-android-arm64 "0.14.51"
-    esbuild-darwin-64 "0.14.51"
-    esbuild-darwin-arm64 "0.14.51"
-    esbuild-freebsd-64 "0.14.51"
-    esbuild-freebsd-arm64 "0.14.51"
-    esbuild-linux-32 "0.14.51"
-    esbuild-linux-64 "0.14.51"
-    esbuild-linux-arm "0.14.51"
-    esbuild-linux-arm64 "0.14.51"
-    esbuild-linux-mips64le "0.14.51"
-    esbuild-linux-ppc64le "0.14.51"
-    esbuild-linux-riscv64 "0.14.51"
-    esbuild-linux-s390x "0.14.51"
-    esbuild-netbsd-64 "0.14.51"
-    esbuild-openbsd-64 "0.14.51"
-    esbuild-sunos-64 "0.14.51"
-    esbuild-windows-32 "0.14.51"
-    esbuild-windows-64 "0.14.51"
-    esbuild-windows-arm64 "0.14.51"
-
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz"
@@ -1440,7 +1769,7 @@ escape-string-regexp@^1.0.5:
 
 escape-string-regexp@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
 eslint-config-prettier@^8.1.0:
@@ -1448,6 +1777,19 @@ eslint-config-prettier@^8.1.0:
   resolved "https://registry.npmmirror.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz"
   integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
 
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
+
+eslint-plugin-prettier@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.1.tgz#a3b399f04378f79f066379f544e42d6b73f11515"
+  integrity sha512-m3u5RnR56asrwV/lDC4GHorlW75DsFfmUcjfCYylTUs85dBRnB7VM6xG8eCMJdeDRnppzmxZVf1GEPJvl1JmNg==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+    synckit "^0.8.5"
+
 eslint-plugin-vue@^9.0.0:
   version "9.14.1"
   resolved "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-9.14.1.tgz"
@@ -1477,12 +1819,20 @@ eslint-scope@^7.1.1, eslint-scope@^7.2.0:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz"
-  integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
+  dependencies:
+    esrecurse "^4.3.0"
+    estraverse "^5.2.0"
 
-eslint@*, "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^6.2.0 || ^7.0.0 || ^8.0.0", eslint@^8.10.0, eslint@^8.11.0, eslint@>=6.0.0, eslint@>=7.0.0:
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@^8.10.0:
   version "8.41.0"
   resolved "https://registry.npmmirror.com/eslint/-/eslint-8.41.0.tgz"
   integrity sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==
@@ -1527,6 +1877,50 @@ eslint@*, "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
 
+eslint@^8.55.0:
+  version "8.55.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.55.0.tgz#078cb7b847d66f2c254ea1794fa395bf8e7e03f8"
+  integrity sha512-iyUUAM0PCKj5QpwGfmCAG9XXbZCWsqP/eWAWrG/W0umvjuLRBECwSFdt+rCntju0xEH7teIABPwXpahftIaTdA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.4"
+    "@eslint/js" "8.55.0"
+    "@humanwhocodes/config-array" "^0.11.13"
+    "@humanwhocodes/module-importer" "^1.0.1"
+    "@nodelib/fs.walk" "^1.2.8"
+    "@ungap/structured-clone" "^1.2.0"
+    ajv "^6.12.4"
+    chalk "^4.0.0"
+    cross-spawn "^7.0.2"
+    debug "^4.3.2"
+    doctrine "^3.0.0"
+    escape-string-regexp "^4.0.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
+    esquery "^1.4.2"
+    esutils "^2.0.2"
+    fast-deep-equal "^3.1.3"
+    file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
+    glob-parent "^6.0.2"
+    globals "^13.19.0"
+    graphemer "^1.4.0"
+    ignore "^5.2.0"
+    imurmurhash "^0.1.4"
+    is-glob "^4.0.0"
+    is-path-inside "^3.0.3"
+    js-yaml "^4.1.0"
+    json-stable-stringify-without-jsonify "^1.0.1"
+    levn "^0.4.1"
+    lodash.merge "^4.6.2"
+    minimatch "^3.1.2"
+    natural-compare "^1.4.0"
+    optionator "^0.9.3"
+    strip-ansi "^6.0.1"
+    text-table "^0.2.0"
+
 espree@^9.3.1, espree@^9.5.2:
   version "9.5.2"
   resolved "https://registry.npmmirror.com/espree/-/espree-9.5.2.tgz"
@@ -1536,16 +1930,25 @@ espree@^9.3.1, espree@^9.5.2:
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.4.1"
 
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
+  dependencies:
+    acorn "^8.9.0"
+    acorn-jsx "^5.3.2"
+    eslint-visitor-keys "^3.4.1"
+
 esquery@^1.4.0, esquery@^1.4.2:
   version "1.5.0"
-  resolved "https://registry.npmmirror.com/esquery/-/esquery-1.5.0.tgz"
+  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
   dependencies:
     estraverse "^5.1.0"
 
 esrecurse@^4.3.0:
   version "4.3.0"
-  resolved "https://registry.npmmirror.com/esrecurse/-/esrecurse-4.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
   integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
   dependencies:
     estraverse "^5.2.0"
@@ -1557,7 +1960,7 @@ estraverse@^4.1.1:
 
 estraverse@^5.1.0, estraverse@^5.2.0:
   version "5.3.0"
-  resolved "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
 estree-walker@^2.0.1, estree-walker@^2.0.2:
@@ -1567,7 +1970,7 @@ estree-walker@^2.0.1, estree-walker@^2.0.2:
 
 esutils@^2.0.2:
   version "2.0.3"
-  resolved "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
 etag@~1.8.1:
@@ -1577,19 +1980,49 @@ etag@~1.8.1:
 
 event-target-shim@^5.0.0:
   version "5.0.1"
-  resolved "https://registry.npmmirror.com/event-target-shim/-/event-target-shim-5.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
 eventemitter3@^4.0.0:
   version "4.0.7"
-  resolved "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-4.0.7.tgz"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
 events@^3.3.0:
   version "3.3.0"
-  resolved "https://registry.npmjs.org/events/-/events-3.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
+execa@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.0"
+    human-signals "^2.1.0"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.1"
+    onetime "^5.1.2"
+    signal-exit "^3.0.3"
+    strip-final-newline "^2.0.0"
+
+execa@^7.1.1:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
+  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.1"
+    human-signals "^4.3.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^3.0.7"
+    strip-final-newline "^3.0.0"
+
 express@^4.17.3:
   version "4.18.2"
   resolved "https://registry.npmmirror.com/express/-/express-4.18.2.tgz"
@@ -1638,10 +2071,15 @@ external-editor@^3.0.3:
 
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
-  resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.9, fast-glob@3.2.12:
+fast-diff@^1.1.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
+fast-glob@3.2.12, fast-glob@^3.2.9:
   version "3.2.12"
   resolved "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.2.12.tgz"
   integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
@@ -1652,19 +2090,38 @@ fast-glob@^3.2.9, fast-glob@3.2.12:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
+fast-glob@^3.3.0:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
+  integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0:
   version "2.1.0"
-  resolved "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
 fast-levenshtein@^2.0.6:
   version "2.0.6"
-  resolved "https://registry.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
+fast-unique-numbers@^8.0.12:
+  version "8.0.12"
+  resolved "https://registry.yarnpkg.com/fast-unique-numbers/-/fast-unique-numbers-8.0.12.tgz#08b2cde6f41fe3d11645422d17e4a188474e3c4d"
+  integrity sha512-Z4AJueNDnuC/sLxeQqrHP4zgqcBIeQQLbQ0hEx1a7m6Wf7ERrdAyR7CkGfoEFWm9Qla7dpLt0eWPyiO18gqj0A==
+  dependencies:
+    "@babel/runtime" "^7.23.5"
+    tslib "^2.6.2"
+
 fastq@^1.6.0:
   version "1.15.0"
-  resolved "https://registry.npmmirror.com/fastq/-/fastq-1.15.0.tgz"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.15.0.tgz#d04d07c6a2a68fe4599fea8d2e103a937fae6b3a"
   integrity sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==
   dependencies:
     reusify "^1.0.4"
@@ -1678,14 +2135,14 @@ figures@^3.0.0:
 
 file-entry-cache@^6.0.1:
   version "6.0.1"
-  resolved "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
   integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==
   dependencies:
     flat-cache "^3.0.4"
 
 fill-range@^7.0.1:
   version "7.0.1"
-  resolved "https://registry.npmmirror.com/fill-range/-/fill-range-7.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
   integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
   dependencies:
     to-regex-range "^5.0.1"
@@ -1705,24 +2162,25 @@ finalhandler@1.2.0:
 
 find-up@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
   integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
   dependencies:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
 flat-cache@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.npmmirror.com/flat-cache/-/flat-cache-3.0.4.tgz"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.2.0.tgz#2c0c2d5040c99b1632771a9d105725c0115363ee"
+  integrity sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==
   dependencies:
-    flatted "^3.1.0"
+    flatted "^3.2.9"
+    keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flatted@^3.1.0:
-  version "3.2.7"
-  resolved "https://registry.npmmirror.com/flatted/-/flatted-3.2.7.tgz"
-  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
+flatted@^3.2.9:
+  version "3.2.9"
+  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.9.tgz#7eb4c67ca1ba34232ca9d2d93e9886e611ad7daf"
+  integrity sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==
 
 follow-redirects@^1.15.0:
   version "1.15.2"
@@ -1769,28 +2227,38 @@ fs-extra@^11.1.0:
 
 fs.realpath@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-function-bind@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz"
-  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
+function-bind@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
 get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-intrinsic@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz"
-  integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
+get-intrinsic@^1.0.2, get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz#281b7622971123e1ef4b3c90fd7539306da93f3b"
+  integrity sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==
   dependencies:
-    function-bind "^1.1.1"
-    has "^1.0.3"
+    function-bind "^1.1.2"
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
+    hasown "^2.0.0"
+
+get-stream@^6.0.0, get-stream@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
@@ -1801,7 +2269,7 @@ glob-parent@^5.1.2, glob-parent@~5.1.2:
 
 glob-parent@^6.0.2:
   version "6.0.2"
-  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
   integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
   dependencies:
     is-glob "^4.0.3"
@@ -1820,7 +2288,7 @@ glob@^7.1.3, glob@^7.1.4:
 
 glob@^8.0.0:
   version "8.1.0"
-  resolved "https://registry.npmmirror.com/glob/-/glob-8.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-8.1.0.tgz#d388f656593ef708ee3e34640fdfb99a9fd1c33e"
   integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
   dependencies:
     fs.realpath "^1.0.0"
@@ -1830,9 +2298,9 @@ glob@^8.0.0:
     once "^1.3.0"
 
 globals@^13.19.0:
-  version "13.20.0"
-  resolved "https://registry.npmmirror.com/globals/-/globals-13.20.0.tgz"
-  integrity sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==
+  version "13.24.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171"
+  integrity sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==
   dependencies:
     type-fest "^0.20.2"
 
@@ -1848,11 +2316,18 @@ globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-google-protobuf@^3.13.0, google-protobuf@^3.21.2:
+google-protobuf@^3.21.2:
   version "3.21.2"
   resolved "https://registry.npmmirror.com/google-protobuf/-/google-protobuf-3.21.2.tgz"
   integrity sha512-3MSOYFO5U9mPGikIYCzK0SaThypfGgS6bHqrUGXG3DPHCrb+txNqeEcns1W0lkGfk0rCyNXm7xB9rMxnCiZOoA==
 
+gopd@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
+  integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==
+  dependencies:
+    get-intrinsic "^1.1.3"
+
 graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.11"
   resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
@@ -1865,30 +2340,42 @@ grapheme-splitter@^1.0.4:
 
 graphemer@^1.4.0:
   version "1.4.0"
-  resolved "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
 has-flag@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+has-property-descriptors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz#52ba30b6c5ec87fd89fa574bc1c39125c6f65340"
+  integrity sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==
+  dependencies:
+    get-intrinsic "^1.2.2"
+
 has-proto@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.npmmirror.com/has-proto/-/has-proto-1.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
 has-symbols@^1.0.3:
   version "1.0.3"
-  resolved "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
 
 has@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npmmirror.com/has/-/has-1.0.3.tgz"
-  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
+  integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
+
+hasown@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
+  integrity sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==
   dependencies:
-    function-bind "^1.1.1"
+    function-bind "^1.1.2"
 
 he@^1.2.0:
   version "1.2.0"
@@ -1897,7 +2384,7 @@ he@^1.2.0:
 
 help-me@^4.2.0:
   version "4.2.0"
-  resolved "https://registry.npmmirror.com/help-me/-/help-me-4.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/help-me/-/help-me-4.2.0.tgz#50712bfd799ff1854ae1d312c36eafcea85b0563"
   integrity sha512-TAOnTB8Tz5Dw8penUuzHVrKNKlCIbwwbHnXraNJxPwf8LRtE2HlM84RYuezMFcwOJmoYOCWVDyJ8TQGxn9PgxA==
   dependencies:
     glob "^8.0.0"
@@ -1927,7 +2414,17 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
-iconv-lite@^0.4.24, iconv-lite@0.4.24:
+human-signals@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+human-signals@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-4.3.1.tgz#ab7f811e851fca97ffbd2c1fe9a958964de321b2"
+  integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
+
+iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.4.24.tgz"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -1936,13 +2433,13 @@ iconv-lite@^0.4.24, iconv-lite@0.4.24:
 
 ieee754@^1.1.13, ieee754@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
 
 ignore@^5.2.0:
-  version "5.2.4"
-  resolved "https://registry.npmmirror.com/ignore/-/ignore-5.2.4.tgz"
-  integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.0.tgz#67418ae40d34d6999c95ff56016759c718c82f78"
+  integrity sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==
 
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
@@ -1954,18 +2451,18 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
 
 imurmurhash@^0.1.4:
   version "0.1.4"
-  resolved "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz"
+  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
 inflight@^1.0.4:
   version "1.0.6"
-  resolved "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
   integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
   dependencies:
     once "^1.3.0"
     wrappy "1"
 
-inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3, inherits@2, inherits@2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2015,9 +2512,14 @@ is-docker@^2.0.0, is-docker@^2.1.1:
   resolved "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz"
   integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
 
+is-docker@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-3.0.0.tgz#90093aa3106277d8a77a5910dbae71747e15a200"
+  integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
+
 is-extglob@^2.1.1:
   version "2.1.1"
-  resolved "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
 is-fullwidth-code-point@^3.0.0:
@@ -2032,6 +2534,13 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-inside-container@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
+  integrity sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==
+  dependencies:
+    is-docker "^3.0.0"
+
 is-interactive@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/is-interactive/-/is-interactive-1.0.0.tgz"
@@ -2039,7 +2548,7 @@ is-interactive@^1.0.0:
 
 is-number@^7.0.0:
   version "7.0.0"
-  resolved "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
 is-obj@^2.0.0:
@@ -2049,7 +2558,7 @@ is-obj@^2.0.0:
 
 is-path-inside@^3.0.3:
   version "3.0.3"
-  resolved "https://registry.npmmirror.com/is-path-inside/-/is-path-inside-3.0.3.tgz"
+  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
 is-plain-object@^2.0.4:
@@ -2059,6 +2568,16 @@ is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-stream@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+is-stream@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
+  integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
+
 is-unicode-supported@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmmirror.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz"
@@ -2066,7 +2585,7 @@ is-unicode-supported@^0.1.0:
 
 is-wsl@^2.2.0:
   version "2.2.0"
-  resolved "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
   integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
   dependencies:
     is-docker "^2.0.0"
@@ -2083,12 +2602,12 @@ isbinaryfile@^5.0.0:
 
 isexe@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
 ismobilejs@^1.1.0:
   version "1.1.1"
-  resolved "https://registry.npmmirror.com/ismobilejs/-/ismobilejs-1.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/ismobilejs/-/ismobilejs-1.1.1.tgz#c56ca0ae8e52b24ca0f22ba5ef3215a2ddbbaa0e"
   integrity sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==
 
 isobject@^3.0.1:
@@ -2096,6 +2615,21 @@ isobject@^3.0.1:
   resolved "https://registry.npmmirror.com/isobject/-/isobject-3.0.1.tgz"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
+"jl-graphic@git+ssh://git.code.tencent.com:jl-framework/graphic-pixi.git":
+  version "0.0.1"
+  resolved "git+ssh://git.code.tencent.com:jl-framework/graphic-pixi.git#95de26aad236a7ed2bed23bf82d1c28cbcc7bc73"
+  dependencies:
+    "@pixi/graphics-extras" "^7.3.2"
+    "@pixi/utils" "^7.3.2"
+    "@rollup/plugin-alias" "^5.1.0"
+    "@stomp/stompjs" "^7.0.0"
+    eslint "^8.55.0"
+    eslint-config-prettier "^9.1.0"
+    eslint-plugin-prettier "^5.0.1"
+    mqtt "^5.2.1"
+    pixi-viewport "^5.0.1"
+    pixi.js "^7.3.2"
+
 js-base64@^3.7.5:
   version "3.7.5"
   resolved "https://registry.npmmirror.com/js-base64/-/js-base64-3.7.5.tgz"
@@ -2103,19 +2637,24 @@ js-base64@^3.7.5:
 
 js-sdsl@4.3.0:
   version "4.3.0"
-  resolved "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.3.0.tgz#aeefe32a451f7af88425b11fdb5f58c90ae1d711"
   integrity sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==
 
 js-yaml@^4.1.0:
   version "4.1.0"
-  resolved "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602"
   integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==
   dependencies:
     argparse "^2.0.1"
 
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
-  resolved "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
   integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
 
 json-schema-traverse@^1.0.0:
@@ -2125,7 +2664,7 @@ json-schema-traverse@^1.0.0:
 
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
 jsonfile@^6.0.1:
@@ -2137,6 +2676,13 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
+keyv@^4.5.3:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+  integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+  dependencies:
+    json-buffer "3.0.1"
+
 kind-of@^6.0.2:
   version "6.0.3"
   resolved "https://registry.npmmirror.com/kind-of/-/kind-of-6.0.3.tgz"
@@ -2156,7 +2702,7 @@ lazystream@^1.0.0:
 
 levn@^0.4.1:
   version "0.4.1"
-  resolved "https://registry.npmmirror.com/levn/-/levn-0.4.1.tgz"
+  resolved "https://registry.yarnpkg.com/levn/-/levn-0.4.1.tgz#ae4562c007473b932a6200d403268dd2fffc6ade"
   integrity sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==
   dependencies:
     prelude-ls "^1.2.1"
@@ -2164,7 +2710,7 @@ levn@^0.4.1:
 
 locate-path@^6.0.0:
   version "6.0.0"
-  resolved "https://registry.npmmirror.com/locate-path/-/locate-path-6.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
   integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
   dependencies:
     p-locate "^5.0.0"
@@ -2191,7 +2737,7 @@ lodash.isplainobject@^4.0.6:
 
 lodash.merge@^4.6.2:
   version "4.6.2"
-  resolved "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
 lodash.truncate@^4.4.2:
@@ -2224,7 +2770,7 @@ lower-case@^1.1.1:
 
 lru-cache@^10.0.1:
   version "10.1.0"
-  resolved "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.1.0.tgz#2098d41c2dc56500e6c88584aa656c84de7d0484"
   integrity sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==
 
 lru-cache@^6.0.0:
@@ -2251,9 +2797,14 @@ merge-descriptors@1.0.1:
   resolved "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz"
   integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
 
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
 merge2@^1.3.0, merge2@^1.4.1:
   version "1.4.1"
-  resolved "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
 methods@~1.1.2:
@@ -2263,13 +2814,13 @@ methods@~1.1.2:
 
 micromatch@^4.0.4:
   version "4.0.5"
-  resolved "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.5.tgz"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
   dependencies:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-"mime-db@>= 1.43.0 < 2", mime-db@1.52.0:
+mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   version "1.52.0"
   resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
@@ -2288,38 +2839,36 @@ mime@1.6.0:
 
 mimic-fn@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.npmmirror.com/mimic-fn/-/mimic-fn-2.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
   integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
+mimic-fn@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-4.0.0.tgz#60a90550d5cb0b239cca65d893b1a53b29871ecc"
+  integrity sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==
+
 minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
-  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1:
+minimatch@^5.0.1, minimatch@^5.1.0:
   version "5.1.6"
-  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-5.1.6.tgz"
-  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^5.1.0:
-  version "5.1.6"
-  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-5.1.6.tgz"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
   dependencies:
     brace-expansion "^2.0.1"
 
 minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
-  resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
 
 mqtt-packet@^9.0.0:
   version "9.0.0"
-  resolved "https://registry.npmmirror.com/mqtt-packet/-/mqtt-packet-9.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/mqtt-packet/-/mqtt-packet-9.0.0.tgz#fd841854d8c0f1f5211b00de388c4ced45b59216"
   integrity sha512-8v+HkX+fwbodsWAZIZTI074XIoxVBOmPeggQuDFCGg1SqNcC+uoRMWu7J6QlJPqIUIJXmjNYYHxBBLr1Y/Df4w==
   dependencies:
     bl "^6.0.8"
@@ -2327,9 +2876,9 @@ mqtt-packet@^9.0.0:
     process-nextick-args "^2.0.1"
 
 mqtt@^5.2.0, mqtt@^5.2.1:
-  version "5.3.0"
-  resolved "https://registry.npmmirror.com/mqtt/-/mqtt-5.3.0.tgz"
-  integrity sha512-eZCZpfTDIF++NVvHe/EYUxxieRmDNiIk3hLrN7iJj3W1g5RqAOSwnWLIOyASdqxfOwGXiQRI59HWrd2UAkRKXw==
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/mqtt/-/mqtt-5.3.3.tgz#5b3da7a757f618f5d203bae47a4043fe43488e36"
+  integrity sha512-iy/9I81xnmYxENKL91hdiJ1LOkNYygCE0xCUtLeEo3BjQHraOky5gB/X3aPnvZ2fqlm1C0BhLmVcL6NRJ/U4tA==
   dependencies:
     "@types/readable-stream" "^4.0.5"
     "@types/ws" "^8.5.9"
@@ -2346,6 +2895,7 @@ mqtt@^5.2.0, mqtt@^5.2.1:
     reinterval "^1.1.0"
     rfdc "^1.3.0"
     split2 "^4.2.0"
+    worker-timers "^7.0.78"
     ws "^8.14.2"
 
 ms@2.0.0:
@@ -2355,7 +2905,7 @@ ms@2.0.0:
 
 ms@2.1.2:
   version "2.1.2"
-  resolved "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
 ms@2.1.3:
@@ -2380,7 +2930,7 @@ natural-compare-lite@^1.4.0:
 
 natural-compare@^1.4.0:
   version "1.4.0"
-  resolved "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
 negotiator@0.6.3:
@@ -2410,6 +2960,20 @@ normalize-range@^0.1.2:
   resolved "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
+npm-run-path@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+  dependencies:
+    path-key "^3.0.0"
+
+npm-run-path@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-5.1.0.tgz#bc62f7f3f6952d9894bd08944ba011a6ee7b7e00"
+  integrity sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==
+  dependencies:
+    path-key "^4.0.0"
+
 nth-check@^2.0.1:
   version "2.1.1"
   resolved "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz"
@@ -2419,16 +2983,16 @@ nth-check@^2.0.1:
 
 number-allocator@^1.0.14:
   version "1.0.14"
-  resolved "https://registry.npmmirror.com/number-allocator/-/number-allocator-1.0.14.tgz"
+  resolved "https://registry.yarnpkg.com/number-allocator/-/number-allocator-1.0.14.tgz#1f2e32855498a7740dcc8c78bed54592d930ee4d"
   integrity sha512-OrL44UTVAvkKdOdRQZIJpLkAdjXGTRda052sN4sO77bKEzYYqWKMBjQvrJFzqygI99gL6Z4u2xctPW1tB8ErvA==
   dependencies:
     debug "^4.3.1"
     js-sdsl "4.3.0"
 
 object-inspect@^1.9.0:
-  version "1.12.3"
-  resolved "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.3.tgz"
-  integrity sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
+  integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
 
 on-finished@2.4.1:
   version "2.4.1"
@@ -2449,13 +3013,20 @@ once@^1.3.0, once@^1.4.0:
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0:
+onetime@^5.1.0, onetime@^5.1.2:
   version "5.1.2"
-  resolved "https://registry.npmmirror.com/onetime/-/onetime-5.1.2.tgz"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
   integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
+onetime@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-6.0.0.tgz#7c24c18ed1fd2e9bca4bd26806a33613c77d34b4"
+  integrity sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==
+  dependencies:
+    mimic-fn "^4.0.0"
+
 open@^8.4.0:
   version "8.4.2"
   resolved "https://registry.npmmirror.com/open/-/open-8.4.2.tgz"
@@ -2465,6 +3036,16 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
+open@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-9.1.0.tgz#684934359c90ad25742f5a26151970ff8c6c80b6"
+  integrity sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==
+  dependencies:
+    default-browser "^4.0.0"
+    define-lazy-prop "^3.0.0"
+    is-inside-container "^1.0.0"
+    is-wsl "^2.2.0"
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.npmmirror.com/optionator/-/optionator-0.9.1.tgz"
@@ -2477,6 +3058,18 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
+optionator@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
+  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
+  dependencies:
+    "@aashutoshrathi/word-wrap" "^1.2.3"
+    deep-is "^0.1.3"
+    fast-levenshtein "^2.0.6"
+    levn "^0.4.1"
+    prelude-ls "^1.2.1"
+    type-check "^0.4.0"
+
 ora@^5.4.1:
   version "5.4.1"
   resolved "https://registry.npmmirror.com/ora/-/ora-5.4.1.tgz"
@@ -2499,14 +3092,14 @@ os-tmpdir@~1.0.2:
 
 p-limit@^3.0.2:
   version "3.1.0"
-  resolved "https://registry.npmmirror.com/p-limit/-/p-limit-3.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
   integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
   dependencies:
     yocto-queue "^0.1.0"
 
 p-locate@^5.0.0:
   version "5.0.0"
-  resolved "https://registry.npmmirror.com/p-locate/-/p-locate-5.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
   integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
   dependencies:
     p-limit "^3.0.2"
@@ -2520,7 +3113,7 @@ param-case@^2.1.1:
 
 parent-module@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.npmmirror.com/parent-module/-/parent-module-1.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
   integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
   dependencies:
     callsites "^3.0.0"
@@ -2532,19 +3125,24 @@ parseurl@~1.3.3:
 
 path-exists@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
 path-is-absolute@^1.0.0:
   version "1.0.1"
-  resolved "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-key@^3.1.0:
+path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
-  resolved "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
+path-key@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/path-key/-/path-key-4.0.0.tgz#295588dc3aee64154f877adb9d780b81c554bf18"
+  integrity sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==
+
 path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz"
@@ -2562,7 +3160,7 @@ path-type@^4.0.0:
 
 picocolors@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
@@ -2570,7 +3168,7 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
   resolved "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pinia@^2.0.0, pinia@^2.0.11:
+pinia@^2.0.11:
   version "2.1.3"
   resolved "https://registry.npmmirror.com/pinia/-/pinia-2.1.3.tgz"
   integrity sha512-XNA/z/ye4P5rU1pieVmh0g/hSuDO98/a5UC8oSP0DNdvt6YtetJNHTrXwpwsQuflkGT34qKxAEcp7lSxXNjf/A==
@@ -2579,45 +3177,45 @@ pinia@^2.0.0, pinia@^2.0.11:
     vue-demi ">=0.14.5"
 
 pixi-viewport@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.npmmirror.com/pixi-viewport/-/pixi-viewport-5.0.1.tgz"
-  integrity sha512-fIILU9xztqGnhGF5SYfjn1Rir/7asWkJ8zSUay2hwzPrdGTWFtB4yiIlZDeFaLf7KHA04RRb2kI01Sy1kNksAw==
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/pixi-viewport/-/pixi-viewport-5.0.2.tgz#d0065bd28a3c34d5888ce66eff538fa78ef5cd07"
+  integrity sha512-U77KnCTl81xEgxEQRFEuI7MYVySWwCVkA41EnM8KiOYwgVOwdBUa7318O+u61IOnTwnoYLzaihy/kpoONKU13Q==
 
-pixi.js@^7.2.4:
-  version "7.2.4"
-  resolved "https://registry.npmmirror.com/pixi.js/-/pixi.js-7.2.4.tgz"
-  integrity sha512-nBH60meoLnHxoMFz17HoMxXS4uJpG5jwIdL+Gx2S11TzWgP3iKF+/WLOTrkSdyuQoQSdIBxVqpnYii0Wiox15A==
+pixi.js@^7.3.2:
+  version "7.3.2"
+  resolved "https://registry.yarnpkg.com/pixi.js/-/pixi.js-7.3.2.tgz#86f0287a3763e9141691f496e384a2763fb6552c"
+  integrity sha512-GJickUrT3UcBInGT1CU6cv2oktCdocE5QM74CD3t+weiJPPWIzleNlp7zrBR5QIDdU6bEO8CUgUXH2Y9QvlCMw==
   dependencies:
-    "@pixi/accessibility" "7.2.4"
-    "@pixi/app" "7.2.4"
-    "@pixi/assets" "7.2.4"
-    "@pixi/compressed-textures" "7.2.4"
-    "@pixi/core" "7.2.4"
-    "@pixi/display" "7.2.4"
-    "@pixi/events" "7.2.4"
-    "@pixi/extensions" "7.2.4"
-    "@pixi/extract" "7.2.4"
-    "@pixi/filter-alpha" "7.2.4"
-    "@pixi/filter-blur" "7.2.4"
-    "@pixi/filter-color-matrix" "7.2.4"
-    "@pixi/filter-displacement" "7.2.4"
-    "@pixi/filter-fxaa" "7.2.4"
-    "@pixi/filter-noise" "7.2.4"
-    "@pixi/graphics" "7.2.4"
-    "@pixi/mesh" "7.2.4"
-    "@pixi/mesh-extras" "7.2.4"
-    "@pixi/mixin-cache-as-bitmap" "7.2.4"
-    "@pixi/mixin-get-child-by-name" "7.2.4"
-    "@pixi/mixin-get-global-position" "7.2.4"
-    "@pixi/particle-container" "7.2.4"
-    "@pixi/prepare" "7.2.4"
-    "@pixi/sprite" "7.2.4"
-    "@pixi/sprite-animated" "7.2.4"
-    "@pixi/sprite-tiling" "7.2.4"
-    "@pixi/spritesheet" "7.2.4"
-    "@pixi/text" "7.2.4"
-    "@pixi/text-bitmap" "7.2.4"
-    "@pixi/text-html" "7.2.4"
+    "@pixi/accessibility" "7.3.2"
+    "@pixi/app" "7.3.2"
+    "@pixi/assets" "7.3.2"
+    "@pixi/compressed-textures" "7.3.2"
+    "@pixi/core" "7.3.2"
+    "@pixi/display" "7.3.2"
+    "@pixi/events" "7.3.2"
+    "@pixi/extensions" "7.3.2"
+    "@pixi/extract" "7.3.2"
+    "@pixi/filter-alpha" "7.3.2"
+    "@pixi/filter-blur" "7.3.2"
+    "@pixi/filter-color-matrix" "7.3.2"
+    "@pixi/filter-displacement" "7.3.2"
+    "@pixi/filter-fxaa" "7.3.2"
+    "@pixi/filter-noise" "7.3.2"
+    "@pixi/graphics" "7.3.2"
+    "@pixi/mesh" "7.3.2"
+    "@pixi/mesh-extras" "7.3.2"
+    "@pixi/mixin-cache-as-bitmap" "7.3.2"
+    "@pixi/mixin-get-child-by-name" "7.3.2"
+    "@pixi/mixin-get-global-position" "7.3.2"
+    "@pixi/particle-container" "7.3.2"
+    "@pixi/prepare" "7.3.2"
+    "@pixi/sprite" "7.3.2"
+    "@pixi/sprite-animated" "7.3.2"
+    "@pixi/sprite-tiling" "7.3.2"
+    "@pixi/spritesheet" "7.3.2"
+    "@pixi/text" "7.3.2"
+    "@pixi/text-bitmap" "7.3.2"
+    "@pixi/text-html" "7.3.2"
 
 postcss-selector-parser@^6.0.9:
   version "6.0.13"
@@ -2632,7 +3230,7 @@ postcss-value-parser@^4.2.0:
   resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.1.0, postcss@^8.1.10, postcss@^8.4.13:
+postcss@^8.1.10, postcss@^8.4.13:
   version "8.4.24"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.24.tgz"
   integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
@@ -2643,9 +3241,16 @@ postcss@^8.1.0, postcss@^8.1.10, postcss@^8.4.13:
 
 prelude-ls@^1.2.1:
   version "1.2.1"
-  resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz"
+  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
 prettier@^2.5.1:
   version "2.8.8"
   resolved "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz"
@@ -2653,12 +3258,12 @@ prettier@^2.5.1:
 
 process-nextick-args@^2.0.1, process-nextick-args@~2.0.0:
   version "2.0.1"
-  resolved "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
 process@^0.11.10:
   version "0.11.10"
-  resolved "https://registry.npmmirror.com/process/-/process-0.11.10.tgz"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
 protoc-gen-ts@^0.8.6:
@@ -2679,15 +3284,15 @@ proxy-from-env@^1.1.0:
   resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
   integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 
-punycode@^2.1.0:
-  version "2.3.0"
-  resolved "https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz"
-  integrity sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==
+punycode@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
 
-punycode@1.3.2:
-  version "1.3.2"
-  resolved "https://registry.npmmirror.com/punycode/-/punycode-1.3.2.tgz"
-  integrity sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==
+punycode@^2.1.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
 qs@6.11.0:
   version "6.11.0"
@@ -2696,19 +3301,21 @@ qs@6.11.0:
   dependencies:
     side-channel "^1.0.4"
 
-quasar@^2.6.0, quasar@^2.8.0:
+qs@^6.11.2:
+  version "6.11.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.2.tgz#64bea51f12c1f5da1bc01496f48ffcff7c69d7d9"
+  integrity sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==
+  dependencies:
+    side-channel "^1.0.4"
+
+quasar@^2.6.0:
   version "2.12.0"
   resolved "https://registry.npmmirror.com/quasar/-/quasar-2.12.0.tgz"
   integrity sha512-B8xoeOWNs/Iv7M+FGRvXGYI1qDnJH8AtIb7RiP+zMfMkBcEp+6HJHU/9ODPemC4yteDjO+HPX2f7OhNZKgsPIw==
 
-querystring@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.npmmirror.com/querystring/-/querystring-0.2.0.tgz"
-  integrity sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g==
-
 queue-microtask@^1.2.2:
   version "1.2.3"
-  resolved "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz"
+  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
 randombytes@^2.1.0:
@@ -2733,20 +3340,7 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-readable-stream@^2.0.0:
-  version "2.3.8"
-  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz"
-  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.3"
-    isarray "~1.0.0"
-    process-nextick-args "~2.0.0"
-    safe-buffer "~5.1.1"
-    string_decoder "~1.1.1"
-    util-deprecate "~1.0.1"
-
-readable-stream@^2.0.5:
+readable-stream@^2.0.0, readable-stream@^2.0.5:
   version "2.3.8"
   resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -2768,20 +3362,9 @@ readable-stream@^3.0.2, readable-stream@^3.1.1, readable-stream@^3.4.0, readable
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readable-stream@^4.2.0:
+readable-stream@^4.2.0, readable-stream@^4.4.2:
   version "4.4.2"
-  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-4.4.2.tgz"
-  integrity sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==
-  dependencies:
-    abort-controller "^3.0.0"
-    buffer "^6.0.3"
-    events "^3.3.0"
-    process "^0.11.10"
-    string_decoder "^1.3.0"
-
-readable-stream@^4.4.2:
-  version "4.4.2"
-  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-4.4.2.tgz"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.4.2.tgz#e6aced27ad3b9d726d8308515b9a1b98dc1b9d13"
   integrity sha512-Lk/fICSyIhodxy1IDK2HazkeGjSmezAWX2egdtJnYhtzKEsBPJowlI6F6LPb5tqIQILrMbx22S5o3GuJavPusA==
   dependencies:
     abort-controller "^3.0.0"
@@ -2804,6 +3387,11 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
 register-service-worker@^1.7.2:
   version "1.7.2"
   resolved "https://registry.npmmirror.com/register-service-worker/-/register-service-worker-1.7.2.tgz"
@@ -2811,7 +3399,7 @@ register-service-worker@^1.7.2:
 
 reinterval@^1.1.0:
   version "1.1.0"
-  resolved "https://registry.npmmirror.com/reinterval/-/reinterval-1.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/reinterval/-/reinterval-1.1.0.tgz#3361ecfa3ca6c18283380dd0bb9546f390f5ece7"
   integrity sha512-QIRet3SYrGp0HUHO88jVskiG6seqUGC5iAG7AwI/BV4ypGcuqk9Du6YQBUOUqm9c8pw1eyLoIaONifRua1lsEQ==
 
 relateurl@^0.2.7:
@@ -2831,7 +3419,7 @@ require-from-string@^2.0.2:
 
 resolve-from@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
 resolve@^1.22.0:
@@ -2853,17 +3441,17 @@ restore-cursor@^3.1.0:
 
 reusify@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
 rfdc@^1.3.0:
   version "1.3.0"
-  resolved "https://registry.npmmirror.com/rfdc/-/rfdc-1.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
 rimraf@^3.0.2:
   version "3.0.2"
-  resolved "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
     glob "^7.1.3"
@@ -2878,13 +3466,20 @@ rollup-plugin-visualizer@^5.5.4:
     source-map "^0.7.4"
     yargs "^17.5.1"
 
-"rollup@>=2.59.0 <2.78.0", "rollup@2.x || 3.x":
+"rollup@>=2.59.0 <2.78.0":
   version "2.77.3"
   resolved "https://registry.npmmirror.com/rollup/-/rollup-2.77.3.tgz"
   integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
   optionalDependencies:
     fsevents "~2.3.2"
 
+run-applescript@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/run-applescript/-/run-applescript-5.0.0.tgz#e11e1c932e055d5c6b40d98374e0268d9b11899c"
+  integrity sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==
+  dependencies:
+    execa "^5.0.0"
+
 run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.npmmirror.com/run-async/-/run-async-2.4.1.tgz"
@@ -2892,7 +3487,7 @@ run-async@^2.4.0:
 
 run-parallel@^1.1.9:
   version "1.2.0"
-  resolved "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
   integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
   dependencies:
     queue-microtask "^1.2.2"
@@ -2904,27 +3499,22 @@ rxjs@^7.5.5:
   dependencies:
     tslib "^2.1.0"
 
-safe-buffer@^5.1.0, safe-buffer@~5.2.0, safe-buffer@5.2.1:
+safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
+safe-buffer@5.2.1, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-buffer@5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
 "safer-buffer@>= 2.1.2 < 3":
   version "2.1.2"
   resolved "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sass@*, sass@1.32.12:
+sass@1.32.12:
   version "1.32.12"
   resolved "https://registry.npmmirror.com/sass/-/sass-1.32.12.tgz"
   integrity sha512-zmXn03k3hN0KaiVTjohgkg98C3UowhL1/VSGdj4/VAAiMKGQOE80PFPxFP2Kyq0OUskPKcY5lImkhBKEHlypJA==
@@ -2979,6 +3569,16 @@ serve-static@1.15.0:
     parseurl "~1.3.3"
     send "0.18.0"
 
+set-function-length@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.1.1.tgz#4bc39fafb0307224a33e106a7d35ca1218d659ed"
+  integrity sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==
+  dependencies:
+    define-data-property "^1.1.1"
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
 setprototypeof@1.2.0:
   version "1.2.0"
   resolved "https://registry.npmmirror.com/setprototypeof/-/setprototypeof-1.2.0.tgz"
@@ -2993,28 +3593,28 @@ shallow-clone@^3.0.0:
 
 shebang-command@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
   integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
   dependencies:
     shebang-regex "^3.0.0"
 
 shebang-regex@^3.0.0:
   version "3.0.0"
-  resolved "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz"
+  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
 side-channel@^1.0.4:
   version "1.0.4"
-  resolved "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
   integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==
   dependencies:
     call-bind "^1.0.0"
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.2:
+signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
-  resolved "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
 
 slash@^3.0.0:
@@ -3022,6 +3622,11 @@ slash@^3.0.0:
   resolved "https://registry.npmmirror.com/slash/-/slash-3.0.0.tgz"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
+slash@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7"
+  integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
+
 slice-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/slice-ansi/-/slice-ansi-4.0.0.tgz"
@@ -3048,7 +3653,7 @@ source-map@~0.6.0:
 
 split2@^4.2.0:
   version "4.2.0"
-  resolved "https://registry.npmmirror.com/split2/-/split2-4.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/split2/-/split2-4.2.0.tgz#c9c5920904d148bab0b9f67145f245a86aadbfa4"
   integrity sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==
 
 stack-trace@^1.0.0-pre2:
@@ -3061,9 +3666,18 @@ statuses@2.0.1:
   resolved "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string_decoder@^1.1.1, string_decoder@^1.3.0:
   version "1.3.0"
-  resolved "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
   dependencies:
     safe-buffer "~5.2.0"
@@ -3075,15 +3689,6 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz"
@@ -3091,6 +3696,16 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
+strip-final-newline@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+strip-final-newline@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz#52894c313fbff318835280aed60ff71ebf12b8fd"
+  integrity sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==
+
 strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz"
@@ -3098,7 +3713,7 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
 
 supports-color@^7.1.0:
   version "7.2.0"
-  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
   integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
   dependencies:
     has-flag "^4.0.0"
@@ -3108,6 +3723,14 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
+synckit@^0.8.5:
+  version "0.8.6"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.6.tgz#b69b7fbce3917c2673cbdc0d87fb324db4a5b409"
+  integrity sha512-laHF2savN6sMeHCjLRkheIU4wo3Zg9Ln5YOjOo7sZ5dVQW8yF5pPE5SIw1dsPhq3TRp1jisKRCdPhfs/1WMqDA==
+  dependencies:
+    "@pkgr/utils" "^2.4.2"
+    tslib "^2.6.2"
+
 table@^6.8.0:
   version "6.8.1"
   resolved "https://registry.npmmirror.com/table/-/table-6.8.1.tgz"
@@ -3132,7 +3755,7 @@ tar-stream@^2.2.0:
 
 text-table@^0.2.0:
   version "0.2.0"
-  resolved "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz"
+  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
 through@^2.3.6:
@@ -3140,6 +3763,11 @@ through@^2.3.6:
   resolved "https://registry.npmmirror.com/through/-/through-2.3.8.tgz"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
+titleize@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"
+  integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
+
 tmp@^0.0.33:
   version "0.0.33"
   resolved "https://registry.npmmirror.com/tmp/-/tmp-0.0.33.tgz"
@@ -3149,7 +3777,7 @@ tmp@^0.0.33:
 
 to-regex-range@^5.0.1:
   version "5.0.1"
-  resolved "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
   integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
   dependencies:
     is-number "^7.0.0"
@@ -3164,6 +3792,11 @@ ts-md5@^1.3.1:
   resolved "https://registry.npmmirror.com/ts-md5/-/ts-md5-1.3.1.tgz"
   integrity sha512-DiwiXfwvcTeZ5wCE0z+2A9EseZsztaiZtGrtSaY5JOD7ekPnR/GoIVD5gXZAlK9Na9Kvpo9Waz5rW64WKAWApg==
 
+tslib@2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
 tslib@^1.8.1:
   version "1.14.1"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz"
@@ -3174,10 +3807,10 @@ tslib@^2.1.0:
   resolved "https://registry.npmmirror.com/tslib/-/tslib-2.5.2.tgz"
   integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==
 
-tslib@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
-  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+tslib@^2.6.0, tslib@^2.6.2:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
 tsutils@^3.21.0:
   version "3.21.0"
@@ -3188,14 +3821,14 @@ tsutils@^3.21.0:
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
-  resolved "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
   integrity sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==
   dependencies:
     prelude-ls "^1.2.1"
 
 type-fest@^0.20.2:
   version "0.20.2"
-  resolved "https://registry.npmmirror.com/type-fest/-/type-fest-0.20.2.tgz"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
 type-fest@^0.21.3:
@@ -3213,10 +3846,10 @@ type-is@~1.6.18:
 
 typedarray@^0.0.6:
   version "0.0.6"
-  resolved "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@^4.5.4, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=4.4.4, typescript@4.x.x:
+typescript@^4.5.4:
   version "4.9.5"
   resolved "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz"
   integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
@@ -3226,16 +3859,26 @@ uglify-js@^3.5.1:
   resolved "https://registry.npmmirror.com/uglify-js/-/uglify-js-3.17.4.tgz"
   integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
 
+undici-types@~5.26.4:
+  version "5.26.5"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/universalify/-/universalify-2.0.0.tgz"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
-unpipe@~1.0.0, unpipe@1.0.0:
+unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz"
   integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
 
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
 update-browserslist-db@^1.0.11:
   version "1.0.11"
   resolved "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz"
@@ -3251,18 +3894,18 @@ upper-case@^1.1.1:
 
 uri-js@^4.2.2:
   version "4.4.1"
-  resolved "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
   integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
   dependencies:
     punycode "^2.1.0"
 
 url@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.npmmirror.com/url/-/url-0.11.0.tgz"
-  integrity sha512-kbailJa29QrtXnxgq+DdCEGlbTeYM2eJUxsz6vjZavrCYPMIFHMKQmSKYAIuUK2i7hgPm28a8piX5NTUtM/LKQ==
+  version "0.11.3"
+  resolved "https://registry.yarnpkg.com/url/-/url-0.11.3.tgz#6f495f4b935de40ce4a0a52faee8954244f3d3ad"
+  integrity sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==
   dependencies:
-    punycode "1.3.2"
-    querystring "0.2.0"
+    punycode "^1.4.1"
+    qs "^6.11.2"
 
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
@@ -3279,7 +3922,7 @@ vary@~1.1.2:
   resolved "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
-"vite@^2.0.0 || ^3.0.0 || ^4.0.0", vite@^2.5.10, vite@^2.9.13:
+vite@^2.9.13:
   version "2.9.16"
   resolved "https://registry.npmmirror.com/vite/-/vite-2.9.16.tgz"
   integrity sha512-X+6q8KPyeuBvTQV8AVSnKDvXoBMnTx8zxh54sOwmmuOdxkjMmEJXH2UEchA+vTMps1xw9vL64uwJOWryULg7nA==
@@ -3309,14 +3952,14 @@ vue-eslint-parser@^9.3.0:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-router@^4.0.0, vue-router@^4.0.12:
+vue-router@^4.0.0:
   version "4.2.2"
   resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.2.2.tgz"
   integrity sha512-cChBPPmAflgBGmy3tBsjeoe3f3VOSG6naKyY5pjtrqLGbNEXdzCigFUHgBvp9e3ysAtFtEx7OLqcSDh/1Cq2TQ==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
 
-"vue@^2.6.14 || ^3.3.0", vue@^3.0.0, "vue@^3.0.0-0 || ^2.6.0", vue@^3.2.0, vue@^3.2.25, vue@^3.2.29, vue@3.3.4:
+vue@^3.0.0:
   version "3.3.4"
   resolved "https://registry.npmmirror.com/vue/-/vue-3.3.4.tgz"
   integrity sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==
@@ -3344,7 +3987,7 @@ webpack-merge@^5.8.0:
 
 which@^2.0.1:
   version "2.0.2"
-  resolved "https://registry.npmmirror.com/which/-/which-2.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
   integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
   dependencies:
     isexe "^2.0.0"
@@ -3359,6 +4002,34 @@ word-wrap@^1.2.3:
   resolved "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.3.tgz"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
+worker-timers-broker@^6.0.100:
+  version "6.0.100"
+  resolved "https://registry.yarnpkg.com/worker-timers-broker/-/worker-timers-broker-6.0.100.tgz#ed047491eb559c2f6039f507e1d8ea6f582eadb9"
+  integrity sha512-sXF1NpuT+FlJvONSbdZ6wNB15oNGg/P6PvCZDMHWmI6s7bHEb0zQ7cTnk9k+96/3pd8SpbXFuM0/HcHVc2alDQ==
+  dependencies:
+    "@babel/runtime" "^7.23.6"
+    fast-unique-numbers "^8.0.12"
+    tslib "^2.6.2"
+    worker-timers-worker "^7.0.64"
+
+worker-timers-worker@^7.0.64:
+  version "7.0.64"
+  resolved "https://registry.yarnpkg.com/worker-timers-worker/-/worker-timers-worker-7.0.64.tgz#f9deac70ce710e2155ceb20d5817f640633b68e7"
+  integrity sha512-bzBO7rVibSYFKu5NBYfjKBKHujaA/AJzJTuEEqaOGfzcTdJv15raDuGhtDoMjcNPvt3IylfLph6AK92kuifnXA==
+  dependencies:
+    "@babel/runtime" "^7.23.6"
+    tslib "^2.6.2"
+
+worker-timers@^7.0.78:
+  version "7.0.80"
+  resolved "https://registry.yarnpkg.com/worker-timers/-/worker-timers-7.0.80.tgz#4f6c5db03f9a439c1b73717640701c699cae0c2e"
+  integrity sha512-bYSAPNVR0Nrm7hTM3hQOxM3x+D9dXFG6kZ0BBqFyRu0BUGC5+DLLK5Sx281hCaNzOGMNcUMEaoeErx3Yuf7XIw==
+  dependencies:
+    "@babel/runtime" "^7.23.6"
+    tslib "^2.6.2"
+    worker-timers-broker "^6.0.100"
+    worker-timers-worker "^7.0.64"
+
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz"
@@ -3370,13 +4041,13 @@ wrap-ansi@^7.0.0:
 
 wrappy@1:
   version "1.0.2"
-  resolved "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 ws@^8.14.2:
-  version "8.14.2"
-  resolved "https://registry.npmmirror.com/ws/-/ws-8.14.2.tgz"
-  integrity sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==
+  version "8.15.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.15.1.tgz#271ba33a45ca0cc477940f7f200cd7fba7ee1997"
+  integrity sha512-W5OZiCjXEmk0yZ66ZN82beM5Sz7l7coYxpRkzS+p9PP+ToQry8szKh+61eNktr7EA9DOwvFGhfC605jDHbP6QQ==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"
@@ -3413,7 +4084,7 @@ yargs@^17.5.1:
 
 yocto-queue@^0.1.0:
   version "0.1.0"
-  resolved "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
 zip-stream@^4.1.0: