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 @@
-
+
diff --git a/src/components/model-shop-tabs/model-shop-tabs-content.vue b/src/components/model-shop-tabs/model-shop-tabs-content.vue
index afebd8c7..0a44cc3b 100644
--- a/src/components/model-shop-tabs/model-shop-tabs-content.vue
+++ b/src/components/model-shop-tabs/model-shop-tabs-content.vue
@@ -28,10 +28,10 @@
-
+
-
+