From ad63efebc77608225b43409afcae64010f72f193 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com> Date: Thu, 29 Aug 2024 15:52:33 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87?= =?UTF-8?q?=E9=AD=94=E6=96=B9=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/magic-cube/index.vue | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/src/components/common/magic-cube/index.vue b/src/components/common/magic-cube/index.vue index 4916bcf2..69311aa0 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 (!e.target.className.includes('do-not-trigger')) { + clearSelecting(); + } +}; + const selectedList = ref(props.list); //单元魔方宽度。 From e1318e72dd88cf567c7ebceea30f50a5afcbea2c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com> Date: Thu, 29 Aug 2024 16:06:53 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/drag-group/index.vue | 2 +- src/components/common/magic-cube/index.vue | 2 +- .../model-article-tabs/model-article-tabs-content.vue | 2 +- src/components/model-shop-tabs/model-shop-tabs-content.vue | 4 ++-- 4 files changed, 5 insertions(+), 5 deletions(-) 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 69311aa0..42116356 100644 --- a/src/components/common/magic-cube/index.vue +++ b/src/components/common/magic-cube/index.vue @@ -88,7 +88,7 @@ onUnmounted(() => { }); // 判断点击的是否是可以点击的区域,其他区域隐藏掉编辑属性 const outerClick = (e: any) => { - if (!e.target.className.includes('do-not-trigger')) { + if (!isEmpty(e.target.className) && !e.target.className.includes('do-not-trigger')) { clearSelecting(); } }; 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 @@