feat(GuDragResizePlus): add beforeTransform event

docs/components/GuDragResizePlus.md

@@ -31,4 +31,5 @@ methods:{
 #### events
 | 函数名       | 描述                                                             |
 | ------------ | ---------------------------------------------------------------- |
-| update | 拖拽或设置大小后抛出的事件 包含当前组件的位置及大小信息及nodeKey |
+| beforeTransform | 在拖拽更新前抛出的事件 包含当前组件的原始位置、大小信息 |
+| update | 更新节点的大小和位置后抛出的事件 包含当前组件的位置及大小信息及nodeKey |

package.json

@@ -1,7 +1,7 @@
 {
     "name": "gaius-utils",
     "private": false,
-    "version": "1.1.6",
+    "version": "1.1.7",
     "author": {
         "name": "WangGuoshuai",
         "email": "2388838628@qq.com"

packages/components/GuDragResizePlus.vue

@@ -47,6 +47,7 @@ export interface DragResizeNodeInfo {
   height: number;
   left: number;
   top: number;
+  nodeKey?: string | number;
 }
 const guDragResizePlusRef = ref<HTMLElement | null>(null);
 const left = defineModel<number>("left", { required: true });
@@ -97,13 +98,21 @@ const onResize = (event: MouseEvent, point: ResizePoint) => {
   const { top, left, width, height } = getTransformValue(
     guDragResizePlusRef.value!
   );
+  onBeforeTransfrom({
+    width,
+    top,
+    left,
+    height,
+    nodeKey: nodeKey.value,
+  });
   const move = (event: MouseEvent) => {
     const lastInfo = {
       width,
       top,
       left,
       height,
     };
+
     const diffY = (event.y - startY) / scaleY.value;
     const diffX = (event.x - startX) / scaleX.value;
     switch (direction) {
@@ -144,6 +153,13 @@ const onDrag = (event: MouseEvent) => {
   const { top, left, width, height } = getTransformValue(
     guDragResizePlusRef.value!
   );
+  onBeforeTransfrom({
+    width,
+    top,
+    left,
+    height,
+    nodeKey: nodeKey.value,
+  });
   const move = (event: MouseEvent) => {
     const lastInfo = {
       width,
@@ -192,7 +208,7 @@ const getTransformValue = (
     height: parseFloat(dom.style.height),
   };
 };
-const emit = defineEmits(["update"]);
+const emit = defineEmits(["update", "beforeTransform"]);
 const isFirst = ref(true);
 const onTransformNode = (info: DragResizeNodeInfo) => {
   const {
@@ -267,6 +283,9 @@ const onUpdateNodeTransform = () => {
     nodeKey: nodeKey.value,
   });
 };
+const onBeforeTransfrom = (data: DragResizeNodeInfo) => {
+  emit("beforeTransform", data);
+};
 watch(
   () => [left.value, width.value, height.value, top.value],
   () => {
@@ -279,7 +298,6 @@ watch(
   }
 );
 onMounted(() => {
-  console.log(width.value, height.value);
   onTransformNode({
     width: width.value,
     height: height.value,