项目历史

src/components/Canvas/FlowCanvas/flow-canvas.vue

@@ -48,6 +48,13 @@
 	import { FlowManager } from './manager/FlowManager'
 	import { NodeManager } from './manager/NodeManager'
 
+	const props = defineProps({
+		config: {
+			type: Object,
+			default: () => ({})
+		}
+	})
+
 	const vueFlow = ref<any>()
 	const nodeTypes = ref([NODE_TYPE.INPUT, NODE_TYPE.SECONDARY, NODE_TYPE.OUTPUT])
 
@@ -98,11 +105,12 @@
 	onMounted(() => {
 		// window['vueFlow'] = vueFlow
 		// window['nodes'] = nodes
+		console.log(props.config)
 		nodeManager.createResultNode({
 			data: {
 				isHeader: false,
 				data: {
-					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__'
+					url: props.config.url
 				}
 			}
 		})

src/components/Canvas/FlowCanvas/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<fullscreen-dialog v-model="dialogVisible" hide-destroy>
-		<flow-canvas />
+		<flow-canvas :config="config" />
 	</fullscreen-dialog>
 </template>
 
@@ -9,9 +9,10 @@
 	import flowCanvas from './flow-canvas.vue'
 	import { ref } from 'vue'
 	const dialogVisible = ref(false)
-	const open = () => {
-		console.log('open')
+	const config = ref({})
+	const open = (options) => {
 		dialogVisible.value = true
+		config.value = options || {}
 	}
 	const close = () => {
 		dialogVisible.value = false