feat: 新增解除组件还原位置

This commit is contained in:
奔跑的面条
2022-08-08 00:02:58 +08:00
parent 0779aeca6a
commit fbc689b235
3 changed files with 19 additions and 7 deletions
@@ -5,6 +5,7 @@
:data-id="groupData.id"
:index="groupIndex"
:item="groupData"
:hiddenPoint="true"
:style="{
...useComponentStyle(groupData.attr, groupIndex),
...useSizeStyle(groupData.attr),
@@ -24,6 +25,7 @@
:data-id="item.id"
:index="groupIndex"
:item="item"
:hiddenPoint="true"
:style="{
...useComponentStyle(item.attr, groupIndex)
}"
@@ -2,13 +2,15 @@
<div class="go-shape-box">
<slot></slot>
<!-- 锚点 -->
<div
:class="`shape-point ${point}`"
v-for="(point, index) in select ? pointList : []"
:key="index"
:style="usePointStyle(point, index, item.attr, cursorResize)"
@mousedown="useMousePointHandle($event, point, item.attr)"
></div>
<template v-if="!hiddenPoint">
<div
:class="`shape-point ${point}`"
v-for="(point, index) in select ? pointList : []"
:key="index"
:style="usePointStyle(point, index, item.attr, cursorResize)"
@mousedown="useMousePointHandle($event, point, item.attr)"
></div>
</template>
<!-- 选中 -->
<div class="shape-modal" :style="useSizeStyle(item.attr)">
@@ -30,6 +32,10 @@ const props = defineProps({
item: {
type: Object as PropType<CreateComponentType | CreateComponentGroupType>,
required: true
},
hiddenPoint: {
type: Boolean,
required: false
}
})