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

This commit is contained in:
pipipi-pikachu 2021-04-26 19:36:45 +08:00
parent 8cbed39b96
commit 47b0b53d4b
5 changed files with 10 additions and 10 deletions

View File

@ -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>

View File

@ -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" />

View File

@ -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;

View File

@ -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;

View File

@ -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;