<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({
		
	})
</script>
<style lang="less" scoped>
	.canvas-test {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
