From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块
---
src/views/im/home/composables/useMessageMultiSelect.ts | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/im/home/composables/useMessageMultiSelect.ts b/src/views/im/home/composables/useMessageMultiSelect.ts
new file mode 100644
index 0000000..6b0d656
--- /dev/null
+++ b/src/views/im/home/composables/useMessageMultiSelect.ts
@@ -0,0 +1,48 @@
+import type { Message } from '../types'
+
+import { computed, reactive } from 'vue'
+
+/**
+ * 娑堟伅澶氶�夋ā寮�
+ *
+ * 妯″潡绾у崟渚� reactive state锛汳essagePanel 瀛愭爲鍐呭澶勫叡浜細
+ * - MessageItem 娓叉煋鍕鹃�� + 鍒囨崲鍕鹃��
+ * - MessageMultiSelectBar 搴曟爮璇婚�変腑鏁�
+ * - MessageForwardDialog 杞彂鎴愬姛鍚� exit
+ * - MessagePanel watch activeConversation 鍒囦細璇� exit
+ */
+const state = reactive({
+ active: false,
+ /** 宸查�� clientMessageId 鍒楄〃锛屾寜閫変腑椤哄簭淇濆簭 */
+ selectedClientMessageIds: [] as string[]
+})
+
+/** 宸查�� clientMessageId 闆嗗悎锛汳essageItem 澶ч噺 has 鏌ヨ璧板畠锛岄伩鍏� array.includes O(N虏) */
+const selectedIdSet = computed(() => new Set(state.selectedClientMessageIds))
+
+/** 杩涘叆澶氶�夋ā寮忥紝鍙檮甯﹀垵濮嬪嬀閫夐」 */
+function enter(initialMessage?: Message) {
+ state.active = true
+ state.selectedClientMessageIds = initialMessage ? [initialMessage.clientMessageId] : []
+}
+
+/** 閫�鍑哄閫夋ā寮� */
+function exit() {
+ state.active = false
+ state.selectedClientMessageIds = []
+}
+
+/** 鍒囨崲鏌愭潯娑堟伅鐨勯�変腑鎬� */
+function toggle(message: Message) {
+ const ids = state.selectedClientMessageIds
+ const index = ids.indexOf(message.clientMessageId)
+ if (index === -1) {
+ ids.push(message.clientMessageId)
+ } else {
+ ids.splice(index, 1)
+ }
+}
+
+export function useMessageMultiSelect() {
+ return { state, selectedIdSet, enter, exit, toggle }
+}
--
Gitblit v1.9.3