From 9b8dbe97a8e685201cedd3e69097d3b5a3048cdc Mon Sep 17 00:00:00 2001
From: lhj <403133128@qq.com>
Date: Thu, 10 Oct 2024 00:44:14 +0800
Subject: [PATCH] =?UTF-8?q?props=E5=AE=9A=E4=B9=89=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MainView.vue       |  2 +-
 src/components/PropertyEditor.vue | 23 +++++++++++++++--------
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/MainView.vue b/src/components/MainView.vue
index 0488ce6..d0d91b1 100644
--- a/src/components/MainView.vue
+++ b/src/components/MainView.vue
@@ -37,7 +37,7 @@
       </div>
       <!-- 测试区域 -->
       <div class="test-area">
-        <!-- {{ store.scheme }} -->
+        {{ store.scheme }}
       </div>
     </div>
   </div>
diff --git a/src/components/PropertyEditor.vue b/src/components/PropertyEditor.vue
index 9557a5f..d585373 100644
--- a/src/components/PropertyEditor.vue
+++ b/src/components/PropertyEditor.vue
@@ -1,6 +1,5 @@
 <template>
   <div style="background-color: #ffffff;padding-left: 16px;padding-right: 16px;">
-
     <!-- 属性选择器 -->
     <div style="display: flex;justify-content: center;padding-top: 8px;width: 100%">
       <a-radio-group size="large" type="button" v-model="selectedOption"
@@ -29,7 +28,7 @@
             <a-collapse-item header="基本配置" key="1">
               <div style="display: flex;justify-content: space-between;vertical-align: middle;">
                 <span>内容</span>
-                <a-input style="width: 150px;" />
+                <a-input v-model="scheme.text" style="width: 150px;" />
               </div>
             </a-collapse-item>
           </a-collapse>
@@ -57,20 +56,28 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, computed, ref } from 'vue';
+import { defineProps, computed, ref, onMounted } from 'vue';
+import { IPageComponent } from '../type/IPageComponent';
+
+const props = defineProps<{
+  scheme: IPageComponent
+}>();
+
+
 
-const props = defineProps({
-  scheme: Object
-});
 const selectedOption = ref('property')
 const scheme = computed(() => props.scheme || '');
+
+onMounted(() => {
+})
 </script>
 
 <style scoped>
-:deep(.arco-collapse-item-content)  {
+:deep(.arco-collapse-item-content) {
   background-color: #ffffff;
 }
-:deep(.arco-input-wrapper)  {
+
+:deep(.arco-input-wrapper) {
   z-index: 1;
   background-color: var(--color-bg-2);
   border-color: rgb(var(--gray-4));