feat: 对话显示sketch

src/views/home/agent/index.vue

@@ -1,14 +1,12 @@
 <template>
 	<div class="agent-wrapper flex space-between">
 		<div class="openVersionTree">
-			<div class="btn" @click="versionTreeData.drawer = true">
-				Version Tree
-			</div>
+			<div class="btn" @click="versionTreeData.drawer = true">Version Tree</div>
 		</div>
 		<div class="content-wrapper">
-			<Agent :title="agentTitle" />
+			<Agent :title="agentTitle" @update:sketchList="updateSketchList" />
 			<div class="preview-wrapper">
-				<Preview :type="previewType" />
+				<Preview :type="previewType" :sketchList="sketchList" />
 			</div>
 		</div>
 		<VersionTreeIndex v-model:versionTreeData="versionTreeData" />
@@ -22,11 +20,17 @@
 	import VersionTreeIndex from './components/versionTree/index.vue'
 
 	const agentTitle = ref('Retro Sofa Sketch')
-	const previewType = ref<'sketch' | 'report'>('report')
+	const previewType = ref<'sketch' | 'report'>('sketch')
+
+	const sketchList = ref([])
+	const updateSketchList = (newVal) => {
+		console.log('newVal', newVal)
+		sketchList.value = newVal
+	}
 
 	const versionTreeData = ref({
-		drawer:false,
-		list:computed(()=>{
+		drawer: false,
+		list: computed(() => {
 			return []
 		})
 	})
@@ -39,13 +43,13 @@
 		border-top: 0.1rem solid #c9c9c9;
 		padding: 0rem 2.3rem 6rem 2.8rem;
 		flex-direction: column;
-		.openVersionTree{
+		.openVersionTree {
 			padding: 2rem 0rem;
 			width: 100%;
 			display: flex;
 			justify-content: flex-end;
 			height: min-content;
-			> .btn{
+			> .btn {
 				padding: 1.5rem 1.45rem;
 				font-weight: 500;
 				font-size: 1.4rem;
@@ -57,14 +61,18 @@
 					content: '';
 					position: absolute;
 					inset: -1px;
-					background: linear-gradient(119.03deg, rgba(233, 121, 60, 0.8) 1.61%, rgba(255, 207, 144, 0.8) 101.01%);
+					background: linear-gradient(
+						119.03deg,
+						rgba(233, 121, 60, 0.8) 1.61%,
+						rgba(255, 207, 144, 0.8) 101.01%
+					);
 					border-radius: 2.2rem;
 					z-index: -1;
 				}
 			}
 		}
 
-		.content-wrapper{
+		.content-wrapper {
 			display: flex;
 			flex: 1;
 			justify-content: space-between;