From 76c538775356692369488958bc18a8c3f437f47f Mon Sep 17 00:00:00 2001
From: aihe <961836564@qq.com>
Date: Wed, 8 May 2024 19:08:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E5=A4=9A=E4=B8=AA=20?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=20=E9=9A=90=E8=97=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/tpx-select/tpx-select.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/tpx-select/tpx-select.vue b/components/tpx-select/tpx-select.vue
index 543e9c8..4ff75b5 100644
--- a/components/tpx-select/tpx-select.vue
+++ b/components/tpx-select/tpx-select.vue
@@ -1,6 +1,6 @@
 <template>
-	<view class="" style="position: relative;">
-		<view @click.stop="handleSelectSwitch">
+	<view @click.stop="handleRootClick" class="" style="position: relative;">
+		<view @click="handleSelectSwitch">
 			<slot v-if="$slots.default"></slot>
 			<default-select-input v-else :placeholder="placeholder" :show="show" :list="filDataList" :value="value" :isWhite="isWhite" :customStyle="customStyle"></default-select-input>
 		</view>
@@ -40,6 +40,8 @@
 		drop: 'drop'
 	}
 	
+	const selectDropEventName = "selectDropEventName"
+	
 	export default {
 		computed: {
 			filDataList() {
@@ -133,22 +135,31 @@
 		},
 		data() {
 			return {
+				componentId: uni.$u.guid(20),
 				show: false,
 				modeEnum: Object.assign({}, modeEnum)
 			}
 		},
 		created() {
 			uni.$on(pageEventNames.globalClick, this.handleDocumentClick);
+			uni.$on(selectDropEventName, this.listenSelectDrop);
 		},
 		
 		unmounted() {
 			uni.$off(pageEventNames.globalClick, this.handleDocumentClick);
+			uni.$off(selectDropEventName, this.listenSelectDrop);
 		},
 
 		methods: {
 			handleDocumentClick(){
 				this.show = false
 			},
+			listenSelectDrop(e) {
+				// 忽略当前组件发出的事件消息
+				if(e != this.componentId) {
+					this.show = false
+				}
+			},
 			handleSelectSwitch() {
 				// this.$emit('update:show', !this.show)
 				this.show = !this.show
@@ -162,6 +173,9 @@
 			},
 			onListChange(val){
 				this.$emit('update:resObject', val)
+			},
+			handleRootClick() {
+				uni.$emit(selectDropEventName, this.componentId)
 			}
 		}
 	}