111

src/components/Canvas/DepthCanvas/depth-canvas.vue

@@ -106,6 +106,7 @@
 		isReady.value = true // 准备就绪
 	})
 	onBeforeUnmount(() => {
+		observer.value.disconnect()
 		canvasManager.dispose()
 		stateManager.dispose()
 		layerManager.dispose()

src/components/Canvas/DepthCanvas/manager/CanvasManager.ts

@@ -153,6 +153,9 @@ export class CanvasManager {
 	getObjectById(id: string) {
 		return this.getObjects().find((item: any) => item?.info?.id === id)
 	}
+	getActiveObject() {
+		return this.getObjectById(this.layerManager.activeID.value)
+	}
 	renderAll() {
 		this.canvas.renderAll()
 	}

src/components/Canvas/DepthCanvas/manager/LayerManager.ts

@@ -22,6 +22,9 @@ export class LayerManager {
 			this.stateManager.toolManager.setTool(OperationType.SELECT)
 		}
 	}
+	getActiveLayer() {
+		return this.getLayerById(this.activeID.value)
+	}
 	getLayerById(id) {
 		return this.layers.value.find((item: any) => item.info.id === id)
 	}