From a98a631378cbac658f7b54fa67b5e2f6826b42b7 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Mon, 25 Aug 2025 20:38:10 +0800
Subject: [PATCH] Revert "feat: add message float components"

This reverts commit b0eef220a672e601fc2705fdbae2c67564599b76.
---
 frontend_nuxt/app.vue                        | 24 +++-------
 frontend_nuxt/components/MessageFloat.vue    | 44 -----------------
 frontend_nuxt/composables/useMessageFloat.ts | 15 ------
 frontend_nuxt/pages/message-box/[id].vue     | 50 ++------------------
 frontend_nuxt/pages/message-box/index.vue    | 40 +---------------
 5 files changed, 11 insertions(+), 162 deletions(-)
 delete mode 100644 frontend_nuxt/components/MessageFloat.vue
 delete mode 100644 frontend_nuxt/composables/useMessageFloat.ts

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index 688de95ee..8eab548cf 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <div class="header-container" v-if="!isFloatMode">
+    <div class="header-container">
       <HeaderComponent
         ref="header"
         @toggle-menu="menuVisible = !menuVisible"
@@ -9,28 +9,19 @@
     </div>
 
     <div class="main-container">
-      <div v-if="!isFloatMode" class="menu-container" v-click-outside="handleMenuOutside">
+      <div class="menu-container" v-click-outside="handleMenuOutside">
         <MenuComponent :visible="!hideMenu && menuVisible" @item-click="menuVisible = false" />
       </div>
-      <div
-        class="content"
-        :class="{ 'menu-open': menuVisible && !hideMenu }"
-        :style="isFloatMode ? 'padding-top:0; min-height:100vh;' : ''"
-      >
+      <div class="content" :class="{ 'menu-open': menuVisible && !hideMenu }">
         <NuxtPage keepalive />
       </div>
 
-      <div
-        v-if="showNewPostIcon && isMobile && !isFloatMode"
-        class="app-new-post-icon"
-        @click="goToNewPost"
-      >
+      <div v-if="showNewPostIcon && isMobile" class="app-new-post-icon" @click="goToNewPost">
         <i class="fas fa-edit"></i>
       </div>
     </div>
-    <GlobalPopups v-if="!isFloatMode" />
-    <ConfirmDialog v-if="!isFloatMode" />
-    <MessageFloat />
+    <GlobalPopups />
+    <ConfirmDialog />
   </div>
 </template>
 
@@ -39,7 +30,6 @@ import HeaderComponent from '~/components/HeaderComponent.vue'
 import MenuComponent from '~/components/MenuComponent.vue'
 import GlobalPopups from '~/components/GlobalPopups.vue'
 import ConfirmDialog from '~/components/ConfirmDialog.vue'
-import MessageFloat from '~/components/MessageFloat.vue'
 import { useIsMobile } from '~/utils/screen'
 
 const isMobile = useIsMobile()
@@ -47,8 +37,6 @@ const menuVisible = ref(!isMobile.value)
 
 const showNewPostIcon = computed(() => useRoute().path === '/')
 
-const isFloatMode = computed(() => useRoute().query.float === '1')
-
 const hideMenu = computed(() => {
   return [
     '/login',
diff --git a/frontend_nuxt/components/MessageFloat.vue b/frontend_nuxt/components/MessageFloat.vue
deleted file mode 100644
index bc00e127a..000000000
--- a/frontend_nuxt/components/MessageFloat.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div v-if="state.open" class="message-float">
-    <iframe :src="frameSrc" class="message-frame" />
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-import { useMessageFloat } from '~/composables/useMessageFloat'
-
-const state = useMessageFloat()
-
-const frameSrc = computed(() => {
-  const base = state.value.path || '/message-box'
-  return base + (base.includes('?') ? '&' : '?') + 'float=1'
-})
-</script>
-
-<style scoped>
-.message-float {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  width: 380px;
-  height: 500px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-  z-index: 2000;
-  background: var(--background-color);
-}
-
-.message-frame {
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-
-@media (max-width: 600px) {
-  .message-float {
-    width: 100%;
-    height: 100%;
-    right: 0;
-  }
-}
-</style>
diff --git a/frontend_nuxt/composables/useMessageFloat.ts b/frontend_nuxt/composables/useMessageFloat.ts
deleted file mode 100644
index 18883b5c1..000000000
--- a/frontend_nuxt/composables/useMessageFloat.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export const useMessageFloat = () =>
-  useState<{ open: boolean; path: string }>('message-float', () => ({
-    open: false,
-    path: '/message-box',
-  }))
-export const openMessageFloat = (path: string) => {
-  const state = useMessageFloat()
-  state.value.open = true
-  state.value.path = path
-}
-
-export const closeMessageFloat = () => {
-  const state = useMessageFloat()
-  state.value.open = false
-}
diff --git a/frontend_nuxt/pages/message-box/[id].vue b/frontend_nuxt/pages/message-box/[id].vue
index 15c6d26f6..fee571f53 100644
--- a/frontend_nuxt/pages/message-box/[id].vue
+++ b/frontend_nuxt/pages/message-box/[id].vue
@@ -1,13 +1,5 @@
 <template>
   <div class="chat-container">
-    <div class="window-controls">
-      <button v-if="!isFloat" @click="shrink" class="control-btn">
-        <i class="fas fa-window-minimize"></i>
-      </button>
-      <button v-else @click="expand" class="control-btn">
-        <i class="fas fa-expand"></i>
-      </button>
-    </div>
     <div v-if="!loading" class="chat-header">
       <NuxtLink to="/message-box" class="back-button">
         <i class="fas fa-arrow-left"></i>
@@ -81,11 +73,9 @@ import { useChannelsUnreadCount } from '~/composables/useChannelsUnreadCount'
 import TimeManager from '~/utils/time'
 import BaseTimeline from '~/components/BaseTimeline.vue'
 import BasePlaceholder from '~/components/BasePlaceholder.vue'
-import { openMessageFloat } from '~/composables/useMessageFloat'
 
 const config = useRuntimeConfig()
 const route = useRoute()
-const router = useRouter()
 const API_BASE_URL = config.public.apiBaseUrl
 const { connect, disconnect, subscribe, isConnected } = useWebSocket()
 const { fetchUnreadCount: refreshGlobalUnreadCount } = useUnreadCount()
@@ -107,7 +97,6 @@ const loadingMore = ref(false)
 let scrollInterval = null
 const conversationName = ref('')
 const isChannel = ref(false)
-const isFloat = computed(() => route.query.float === '1')
 
 const hasMoreMessages = computed(() => currentPage.value < totalPages.value - 1)
 
@@ -126,24 +115,6 @@ function handleAvatarError(event) {
   event.target.src = '/default-avatar.svg'
 }
 
-function shrink() {
-  openMessageFloat(route.fullPath)
-  router.push('/')
-}
-
-function expand() {
-  const base = route.fullPath.replace(/(\?|&)float=1/, '')
-  window.top.location.href = base
-}
-
-function openUser(id) {
-  if (isFloat.value) {
-    window.top.location.href = `/users/${id}`
-  } else {
-    navigateTo(`/users/${id}`, { replace: true })
-  }
-}
-
 // No changes needed here, as renderMarkdown is now imported.
 // The old function is removed.
 
@@ -185,7 +156,7 @@ async function fetchMessages(page = 0) {
       ...item,
       src: item.sender.avatar,
       iconClick: () => {
-        openUser(item.sender.id)
+        navigateTo(`/users/${item.sender.id}`, { replace: true })
       },
     }))
 
@@ -265,7 +236,7 @@ async function sendMessage(content, clearInput) {
       ...newMessage,
       src: newMessage.sender.avatar,
       iconClick: () => {
-        openUser(newMessage.sender.id)
+        navigateTo(`/users/${newMessage.sender.id}`, { replace: true })
       },
     })
     clearInput()
@@ -351,7 +322,7 @@ watch(isConnected, (newValue) => {
             ...message,
             src: message.sender.avatar,
             iconClick: () => {
-              openUser(message.sender.id)
+              navigateTo(`/users/${message.sender.id}`, { replace: true })
             },
           })
           // 实时收到消息时自动标记为已读
@@ -417,21 +388,6 @@ onUnmounted(() => {
   position: relative;
 }
 
-.window-controls {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  z-index: 10;
-}
-
-.control-btn {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: var(--text-color-primary);
-  margin-left: 4px;
-}
-
 .chat-header {
   display: flex;
   position: sticky;
diff --git a/frontend_nuxt/pages/message-box/index.vue b/frontend_nuxt/pages/message-box/index.vue
index 21789b639..d2af0f6af 100644
--- a/frontend_nuxt/pages/message-box/index.vue
+++ b/frontend_nuxt/pages/message-box/index.vue
@@ -1,13 +1,5 @@
 <template>
   <div class="messages-container">
-    <div class="window-controls">
-      <button v-if="!isFloat" @click="shrink" class="control-btn">
-        <i class="fas fa-window-minimize"></i>
-      </button>
-      <button v-else @click="expand" class="control-btn">
-        <i class="fas fa-expand"></i>
-      </button>
-    </div>
     <div class="tabs">
       <div :class="['tab', { active: activeTab === 'messages' }]" @click="activeTab = 'messages'">
         站内信
@@ -122,8 +114,8 @@
 </template>
 
 <script setup>
-import { ref, onUnmounted, watch, onActivated, computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
+import { ref, onUnmounted, watch, onActivated } from 'vue'
+import { useRouter } from 'vue-router'
 import { getToken, fetchCurrentUser } from '~/utils/auth'
 import { toast } from '~/main'
 import { useWebSocket } from '~/composables/useWebSocket'
@@ -133,15 +125,12 @@ import TimeManager from '~/utils/time'
 import { stripMarkdownLength } from '~/utils/markdown'
 import SearchPersonDropdown from '~/components/SearchPersonDropdown.vue'
 import BasePlaceholder from '~/components/BasePlaceholder.vue'
-import { openMessageFloat } from '~/composables/useMessageFloat'
 
 const config = useRuntimeConfig()
 const conversations = ref([])
 const loading = ref(true)
 const error = ref(null)
 const router = useRouter()
-const route = useRoute()
-const isFloat = computed(() => route.query.float === '1')
 const currentUser = ref(null)
 const API_BASE_URL = config.public.apiBaseUrl
 const { connect, disconnect, subscribe, isConnected } = useWebSocket()
@@ -154,16 +143,6 @@ const activeTab = ref('messages')
 const channels = ref([])
 const loadingChannels = ref(false)
 
-function shrink() {
-  openMessageFloat(route.fullPath)
-  router.push('/')
-}
-
-function expand() {
-  const base = route.fullPath.replace(/(\?|&)float=1/, '')
-  window.top.location.href = base
-}
-
 async function fetchConversations() {
   const token = getToken()
   if (!token) {
@@ -299,21 +278,6 @@ function goToConversation(id) {
 
 <style scoped>
 .messages-container {
-  position: relative;
-}
-.window-controls {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  z-index: 10;
-}
-
-.control-btn {
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: var(--text-color-primary);
-  margin-left: 4px;
 }
 
 .tabs {