重构：抽取 switchTarget/openUserCard 到独立文件 user-actions.blade.php

- 新增 chat/partials/user-actions.blade.php 作为用户交互全局函数 - 从 scripts.blade.php 中移除 switchTarget、openUserCard、showUserInfoInSay2 - frame.blade.php 在 scripts 之前引入 user-actions - 代码职责更清晰，方便维护
2026-02-27 00:17:32 +08:00
parent ad8315f4a6
commit bf6f378613
3 changed files with 57 additions and 68 deletions
@@ -0,0 +1,56 @@
+{{--
+    文件功能：用户交互全局函数（单击选择目标、双击打开名片弹窗）
+
+    聊天消息区和右侧用户列表统一调用此文件中的函数。
+    从 scripts.blade.php 中抽取，保持代码职责清晰。
+
+    @author ChatRoom Laravel
+    @version 1.0.0
+--}}
+<script>
+    /**
+     * 全局函数：单击用户名 → 切换聊天目标
+     *
+     * 将「对...说」下拉选中为该用户，方便直接发悄悄话。
+     * 若用户已离线不在下拉列表中，临时添加一个 option。
+     */
+    function switchTarget(username) {
+        const toUserSelect = document.getElementById('to_user');
+        if (!toUserSelect) return;
+
+        const options = toUserSelect.options;
+        let found = false;
+        for (let i = 0; i < options.length; i++) {
+            if (options[i].value === username) {
+                toUserSelect.value = username;
+                found = true;
+                break;
+            }
+        }
+        // 如果不在列表中（可能已离线），临时添加
+        if (!found && username !== '大家') {
+            const opt = document.createElement('option');
+            opt.value = username;
+            opt.textContent = username;
+            toUserSelect.appendChild(opt);
+            toUserSelect.value = username;
+        }
+        // 切换目标后自动聚焦输入框，方便直接输入
+        document.getElementById('content').focus();
+    }
+
+    /**
+     * 全局函数：双击用户名 → 打开名片弹窗
+     *
+     * 聊天消息区和右侧用户列表统一调用此函数。
+     * 通过 Alpine.js 的 fetchUser 方法加载用户资料并显示弹窗。
+     */
+    function openUserCard(username) {
+        if (username === window.chatContext.username) return;
+        const el = document.getElementById('user-modal-container');
+        if (el) {
+            const data = Alpine.$data(el);
+            if (data) data.fetchUser(username);
+        }
+    }
+</script>