line props

src/components/elements/YvanLineProps.vue

@@ -2,30 +2,38 @@
   <section class="yvan-line-props">
     <el-form ref="form" label-position="top">
       <el-form-item label="宽度">
-        <el-input-number controls-position="right"/>
+        <el-input-number v-model="activeComponent.style.width" controls-position="right"/>
       </el-form-item>
       <el-form-item label="粗细">
-        <el-select placeholder="请选择粗细">
-          <el-option label="font.name" value="font.code"/>
-        </el-select>
+        <el-input-number v-model="activeComponent.style.height" controls-position="right"/>
       </el-form-item>
       <el-form-item label="颜色">
-        <el-color-picker show-alpha/>
+        <el-color-picker v-model="activeComponent.style.background"/>
       </el-form-item>
       <el-form-item label="旋转角度(°)">
-        <el-input-number controls-position="right"/>
+        <el-input-number v-model="activeComponent.style.rotate" controls-position="right"/>
       </el-form-item>
     </el-form>
   </section>
 </template>
 
 <script lang="ts">
+import {mapState} from "pinia";
+import {globalStore} from "@/store";
 
 export default {
   name: 'YvanLineProps',
   data() {
     return {}
-  }
+  },
+  computed: {
+    ...mapState(globalStore, {
+      activeComponent: (state) => {
+        console.log("activeComponent => ", state.curComponent)
+        return state.curComponent
+      }
+    }),
+  },
 }
 
 </script>