diff --git a/preview/views/MainView.vue b/preview/views/MainView.vue
index 620d3f2..10a0fcc 100644
--- a/preview/views/MainView.vue
+++ b/preview/views/MainView.vue
@@ -45,9 +45,9 @@
             group="designer"
             ghost-class="ghost"
             class="canvas"
-            @start="onPreviewStart"
             @update="onPreviewUpdate"
             @stop="onPreviewStop"
+            @add="onPreViewAdd"
         >
           <DynamicComponent v-for="component in store.previewScheme" :key="component.id" :componentData="component">
             {{ component.id }}
@@ -156,16 +156,20 @@ function clone(element: Record<'name' | 'id' | 'type' | 'props' | 'class' | 'tex
   };
 }
 
-const onEnd = (event: DraggableEvent) => {
-  console.log("onEnd", event);
+const onPreViewAdd = (event: DraggableEvent) => {
+  console.log("onPreViewAdd", event);
   store.updateNowScheme(event.clonedData);
 };
+const onEnd = (event: DraggableEvent) => {
+  // console.log("onEnd", event);
+  // store.updateNowScheme(event.clonedData);
+};
 
 const onStart = (event) => {
   // console.log("onStart", event);
 };
 
-const onPreviewStart = (event) => {
+const onPreviewStart = (event:DraggableEvent) => {
   // console.log("onPreviewStart", event);
 };
 
@@ -173,7 +177,7 @@ const onPreviewUpdate = (event) => {
   // console.log("onPreviewUpdate", event);
 };
 
-const onPreviewStop = (event) => {
+const onPreviewStop = (event:DraggableEvent) => {
   // console.log(event);
 };