fix: 元素旋转后鼠标可选范围异常

src/views/components/element/ChartElement/index.vue

@@ -7,7 +7,6 @@
       width: elementInfo.width + 'px',
       height: elementInfo.height + 'px',
     }"
-    @mousedown="$event => handleSelectElement($event)"
   >
     <div 
       class="element-content" 
@@ -15,6 +14,7 @@
         backgroundColor: elementInfo.fill,
       }"
       v-contextmenu="contextmenus"
+      @mousedown="$event => handleSelectElement($event)"
     >
       <ElementOutline
         :width="elementInfo.width"
@@ -79,7 +79,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .editable-element-chart {
   position: absolute;
-  cursor: move;
 
   &.lock .element-content {
     cursor: default;
@@ -90,5 +89,6 @@ export default defineComponent({
   width: 100%;
   height: 100%;
   overflow: hidden;
+  cursor: move;
 }
 </style>

src/views/components/element/ImageElement/index.vue

@@ -8,7 +8,6 @@
       width: elementInfo.width + 'px',
       height: elementInfo.height + 'px',
     }"
-    @mousedown="$event => handleSelectElement($event)" 
   >
     <div
       class="rotate-wrapper"
@@ -28,11 +27,12 @@
       <div 
         class="element-content"
         v-else
-        v-contextmenu="contextmenus"
         :style="{
           filter: shadowStyle ? `drop-shadow(${shadowStyle})` : '',
           transform: flipStyle,
         }"
+        v-contextmenu="contextmenus"
+        @mousedown="$event => handleSelectElement($event)" 
       >
         <ImageOutline :elementInfo="elementInfo" />
 

src/views/components/element/ShapeElement/index.vue

@@ -8,7 +8,6 @@
       width: elementInfo.width + 'px',
       height: elementInfo.height + 'px',
     }"
-    @mousedown="$event => handleSelectElement($event)"
   >
     <div
       class="rotate-wrapper"
@@ -16,12 +15,13 @@
     >
       <div 
         class="element-content" 
-        v-contextmenu="contextmenus"
         :style="{
           opacity: elementInfo.opacity,
           filter: shadowStyle ? `drop-shadow(${shadowStyle})` : '',
           transform: flipStyle,
         }"
+        v-contextmenu="contextmenus"
+        @mousedown="$event => handleSelectElement($event)"
       >
         <SvgWrapper 
           overflow="visible" 
@@ -118,7 +118,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .editable-element-shape {
   position: absolute;
-  cursor: move;
 
   &.lock .element-content {
     cursor: default;
@@ -132,6 +131,7 @@ export default defineComponent({
   width: 100%;
   height: 100%;
   position: relative;
+  cursor: move;
 
   svg {
     transform-origin: 0 0;

src/views/components/element/TableElement/index.vue

@@ -190,7 +190,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .editable-element-table {
   position: absolute;
-  cursor: move;
 
   &.lock .element-content {
     cursor: default;
@@ -201,6 +200,7 @@ export default defineComponent({
   width: 100%;
   height: 100%;
   position: relative;
+  cursor: move;
 }
 .table-mask {
   position: absolute;

src/views/components/element/TextElement/index.vue

@@ -8,7 +8,6 @@
       left: elementInfo.left + 'px',
       width: elementInfo.width + 'px',
     }"
-    @mousedown="$event => handleSelectElement($event)"
   >
     <div
       class="rotate-wrapper"
@@ -24,6 +23,7 @@
           letterSpacing: (elementInfo.wordSpace || 0) + 'px',
         }"
         v-contextmenu="contextmenus"
+        @mousedown="$event => handleSelectElement($event)"
       >
         <ElementOutline
           :width="elementInfo.width"
@@ -323,7 +323,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .editable-element-text {
   position: absolute;
-  cursor: move;
 
   &.lock .element-content {
     cursor: default;
@@ -338,6 +337,7 @@ export default defineComponent({
   padding: 10px;
   line-height: 1.5;
   word-break: break-word;
+  cursor: move;
 
   .text {
     position: relative;