feat: 优化批处理和历史记录管理

src/editor/canvas/index.vue

@@ -26,7 +26,7 @@ const canvasRootRef = ref<HTMLElement | null>(null)
 
 const { RULER_THICK, scale, lines, rulerCanvasSize, viewportSize, palette, onZoomChange } =
   useCanvasRuler(moveableRef, canvasRootRef)
-const { onDrag, onResize, onDragGroup, onResizeGroup } = useMoveable()
+const { onDrag, onResize, onDragGroup, onResizeGroup, onStart, onEnd } = useMoveable(moveableRef)
 const { selectedTarget, onSelect, onClearSelect, onSelectEnd } = useSelection(stageRef, moveableRef)
 
 /** 设计稿白底：宽高和背景色立刻跟 store */
@@ -155,9 +155,17 @@ const onCommand = (command: keyof typeof commendMap) => {
       :resizable="true"
       :origin="false"
       @drag="onDrag"
+      @drag-start="onStart"
+      @drag-end="onEnd"
       @drag-group="onDragGroup"
+      @drag-group-start="onStart"
+      @drag-group-end="onEnd"
       @resize="onResize"
+      @resize-start="onStart"
+      @resize-end="onEnd"
       @resize-group="onResizeGroup"
+      @resize-group-start="onStart"
+      @resize-group-end="onEnd"
     />
   </div>
 </template>