diff --git a/src/components/common/drag-group/index.vue b/src/components/common/drag-group/index.vue index 06609a92..b503aa2d 100644 --- a/src/components/common/drag-group/index.vue +++ b/src/components/common/drag-group/index.vue @@ -47,7 +47,7 @@ onUnmounted(() => { const edit_index = ref(-1); // 判断点击的是否是可以点击的区域,其他区域隐藏掉编辑属性 const outerClick = (e: any) => { - if (!e.target.className.includes('do-not-trigger') && !e.target.parentNode.className.includes('do-not-trigger')) { + if (!isEmpty(e.target.className) && !e.target.className.includes('do-not-trigger') && !isEmpty(e.target.parentNode.className) && !e.target.parentNode.className.includes('do-not-trigger')) { edit_close_processing(edit_index.value); edit_index.value = -1; } diff --git a/src/components/common/magic-cube/index.vue b/src/components/common/magic-cube/index.vue index 4916bcf2..42116356 100644 --- a/src/components/common/magic-cube/index.vue +++ b/src/components/common/magic-cube/index.vue @@ -3,8 +3,8 @@
@@ -70,6 +70,7 @@ const selected_active = ref(0); //#region 容器大小变更 const density = ref('4'); //#endregion + const selectingItem = reactive({ tempStart: null, tempEnd: null, @@ -77,6 +78,21 @@ const selectingItem = reactive({ end: null, }); +onMounted(() => { + // 监听点击事件 + document.addEventListener('click', outerClick); +}); +onUnmounted(() => { + // 移除监听事件 + document.removeEventListener('click', outerClick); +}); +// 判断点击的是否是可以点击的区域,其他区域隐藏掉编辑属性 +const outerClick = (e: any) => { + if (!isEmpty(e.target.className) && !e.target.className.includes('do-not-trigger')) { + clearSelecting(); + } +}; + const selectedList = ref(props.list); //单元魔方宽度。 diff --git a/src/components/model-article-tabs/model-article-tabs-content.vue b/src/components/model-article-tabs/model-article-tabs-content.vue index fd549066..1accb1a4 100644 --- a/src/components/model-article-tabs/model-article-tabs-content.vue +++ b/src/components/model-article-tabs/model-article-tabs-content.vue @@ -28,7 +28,7 @@