FiDA_Front/src/components/Canvas/CanvasTest.vue

<template>
	<div class="canvas-test">
		<button @click="dialogVisible = true">打开画布</button>
		<fullscreen-dialog v-model="dialogVisible" hide-destroy>
			<flow-canvas :config="config" />
			<Assistant />
		</fullscreen-dialog>
	</div>
</template>

<script setup lang="ts">
	import fullscreenDialog from './components/fullscreen-dialog.vue'
	import flowCanvas from './FlowCanvas/flow-canvas.vue'
	import Assistant from '../Assistant/assistant.vue'
	import { computed, ref, markRaw, onMounted, reactive, nextTick } from 'vue'
	const dialogVisible = ref(true)
	const config = ref({
		url: 'https://s3-alpha-sig.figma.com/img/ea2f/590e/9638f62a2fc91e31f33db0022db1642c?Expires=1773014400&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=M0B8oJJOk~dGG0aZAqOIocAp7T0LFdJ9FYmCrEZVTCRzYxM6SJRNtYMTX-rTO3Z~s14QINh~o-S41XiZnBv-0zcKjuWot~VVaNHfd0~1LesfNe2KwvCinT~72btFut1pheLnKE-wWCX5ewtonxU77bnw386YPMTqv7DBZzksf2udsJA7NmOYD6~TUG3Q2dWSt~zPH~lkaidscPqpCnCbqzljCEi4RiHY4U3A45l5XypcX2umqn1UaYUFCTqV9471J4qdB6Dg2pcKocdp-7-3s1De6Q~2SmBOrSgDQ~KEADCB2lhKfhxgWmy0lwMvhTd4l90ygVZDWZRABgjHNrGUvg__'
	})
</script>
<style lang="less" scoped>
	.canvas-test {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>