fix: 修复图层重命名点击画布区域Blur未触发问题

This commit is contained in:
wangjiahao 2023-10-26 10:41:56 +08:00
parent 0df7211d40
commit 80211d8c84
4 changed files with 10 additions and 7 deletions

View File

@ -93,7 +93,9 @@ let nameEdit = ref(false)
let editComponentId = ref('')
let inputName = ref('')
let nameInput = ref(null)
let curEditComponent = null
const editComponentName = item => {
curEditComponent = curComponent.value
editComponentId.value = `#component-label-${item.id}`
nameEdit.value = true
inputName.value = item.name
@ -106,11 +108,12 @@ const closeEditComponentName = () => {
if (!inputName.value || !inputName.value.trim()) {
return
}
if (inputName.value.trim() === curComponent.value.name) {
if (inputName.value.trim() === curEditComponent.name) {
return
}
curComponent.value.name = inputName.value
curEditComponent.name = inputName.value
inputName.value = ''
curEditComponent = null
}
const lock = () => {

View File

@ -252,7 +252,7 @@ const handleMouseDown = e => {
}
// e.preventDefault() drop
if (!curComponent.value || isPreventDrop(curComponent.value.component)) {
e.preventDefault()
// e.preventDefault()
}
hideArea()
const rectInfo = editorMap.value[canvasId.value].getBoundingClientRect()

View File

@ -385,9 +385,9 @@ const handleMouseDownOnShape = e => {
nextTick(() => eventBus.emit('componentClick'))
dvMainStore.setInEditorStatus(true)
dvMainStore.setClickComponentStatus(true)
if (isPreventDrop(element.value.component)) {
e.preventDefault()
}
// if (isPreventDrop(element.value.component)) {
// e.preventDefault()
// }
e.stopPropagation()
if (element.value['isLock'] || !isEditMode.value) return

View File

@ -113,7 +113,7 @@ const handleDragOver = e => {
}
const handleMouseDown = e => {
e.stopPropagation()
// e.stopPropagation()
dvMainStore.setClickComponentStatus(false)
// curComponent
dvMainStore.setCurComponent({ component: null, index: null })