feat: 新增组件缩放

src/views/chart/ContentEdit/hooks/useStyle.hook.ts

@@ -18,3 +18,49 @@ export const useSizeStyle = (attr: AttrType) => {
   }
   return sizeStyle
 }
+
+// 锚点位置
+export const usePointStyle = (
+  point: string,
+  index: number,
+  attr: PickCreateComponentType<'attr'>,
+  cursorResize: string[]
+) => {
+  const { w: width, h: height } = attr
+
+  const isTop = /t/.test(point)
+  const isBottom = /b/.test(point)
+  const isLeft = /l/.test(point)
+  const isRight = /r/.test(point)
+
+  let newLeft = 0
+  let newTop = 0
+
+  // 四个角的点
+  if (point.length === 2) {
+    newLeft = isLeft ? 0 : width
+    newTop = isTop ? 0 : height
+  } else {
+    // 上下两点的点，宽度居中
+    if (isTop || isBottom) {
+      newLeft = width / 2
+      newTop = isTop ? 0 : height
+    }
+
+    // 左右两边的点，高度居中
+    if (isLeft || isRight) {
+      newLeft = isLeft ? 0 : width
+      newTop = Math.floor(height / 2)
+    }
+  }
+
+  const style = {
+    marginLeft: isRight ? '-3px' : '-3px',
+    marginTop: '-3px',
+    left: `${newLeft}px`,
+    top: `${newTop}px`,
+    cursor: cursorResize[index] + '-resize',
+  }
+
+  return style
+}