深度画布联调

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

@@ -10,7 +10,7 @@
 				@export="exportCanvas"
 				@export-local="exportCanvasToLocalStorage"
 				@import-local="importCanvasFromLocalStorage"
-				@export-close="exportCanvasAndClose"
+				@workbench="(v) => emit('workbench', v)"
 			/>
 			<brush-control-panel :currentTool="toolManager.currentTool.value" />
 			<zoom
@@ -44,7 +44,7 @@
 	import { KeyEventManager } from './manager/events/KeyEventManager'
 	import { ObjectManager } from './manager/ObjectManager'
 
-	const emit = defineEmits(['close'])
+	const emit = defineEmits(['workbench', 'close'])
 	const props = defineProps({
 		config: {
 			type: Object,
@@ -87,14 +87,15 @@
 	provide('objectManager', objectManager)
 
 	const observer = ref(null)
-	onMounted(() => {
+	onMounted(async () => {
 		keyEventManager.registerEvents()
-		canvasManager.initCanvas({
+		await canvasManager.initCanvas({
 			canvasRef,
 			canvasViewWidth: canvasContainerRef.value.clientWidth,
 			canvasViewHeight: canvasContainerRef.value.clientHeight,
 			canvasWidth: props.config.width || 750,
-			canvasHeight: props.config.height || 600
+			canvasHeight: props.config.height || 600,
+			url: props.config.url || ''
 		})
 		stateManager.onMounted()
 		canvasManager.onMounted()
@@ -129,7 +130,7 @@
 			canvasViewWidth: canvasContainerRef.value.clientWidth,
 			canvasViewHeight: canvasContainerRef.value.clientHeight
 		})
-		canvasManager.resetZoom()
+		canvasManager.resetZoom(true, true)
 	}
 	/** 导入本地图片 */
 	const importLocalImage = (isRecord = true) => {
@@ -182,10 +183,6 @@
 			stateManager.clearState(true)
 		})
 	}
-	// 导出画布并关闭
-	const exportCanvasAndClose = () => {
-		emit('close')
-	}
 </script>
 <style lang="less">
 	@import '@vue-flow/core/dist/style.css';